@charset "utf-8";

/* font-face */
@font-face {
	font-family:NanumGothic; src:url(/docs7/customized/font/NanumGothic.ttf); font-style:normal; font-weight:normal;
}
@font-face {
	font-family:NanumGothic; src:url(/docs7/customized/font/NanumGothic.eot); font-style:normal; font-weight:normal;
}
@font-face {
	font-family:NanumGothic; src:url(/docs7/customized/font/NanumGothic.woff); font-style:normal; font-weight:normal;
}

/* common */
html{height:100%;}
body{margin:0; padding:0; font-size:13px; line-height:1.5em; font-family:NanumGothic, Dotum, Arial, Tahoma, sans-serif; background:#fff;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {margin:0; padding: 0; font-size:13px; color:#555; font-family:NanumGothic, Dotum, Arial, Tahoma, sans-serif;}
p{line-height:1.5em; margin:0; padding:0;}
abbr,acronym,fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;}
ol,ul,dl {list-style:none;}
table{border-spacing:0; border-collapse:collapse;}
legend {display:none;}
input, textarea {vertical-align:middle;}
input.type-image {border: 0 none;}
input.type-text, textarea {margin:3px 0; border:1px solid #d2d2dc; background:#fff; padding:5px;}
select.file {float:left; width:350px; height:50px; margin:5px 5px 5px 0; border:1px solid #c8c8ca; color:#666; background:#fff;}
	
a:link, a:visited {text-decoration:none;}
a:active, a:hover {text-decoration:underline;}
table{border-collapse:collapse;}
caption {display:none;}

body{height:100%;}
select {vertical-align:middle; font-family: Dotum;}
img {vertical-align:middle;}

#accessibility, .skip, legend{text-indent:-1000px; font-size:0; line-height:0; position:absolute; left:-1000px; visibility:none;}
hr{display:none;}

input[type=text].ac {text-align:center; }
input[type=text].ar {text-align:right; }
input[type=checkbox] {vertical-align:-2px; }
input[type=radio] {vertical-align:-3px; }

.container{overflow:hidden; position:relative; margin:0 auto; width:960px; margin-bottom:30px;}
.top_bg{background:url(../img/top_bg.png) repeat-x;}

/* header */
#header{overflow:hidden; height:105px;}
#header h1{display:block; float:left; width:467px; height:41px; margin-top:15px; font-size:0; line-height:0; background:url(../img/img_com.png) no-repeat -41px -15px;}
#header h1 a{display:block; width:289px; height:41px;}
#header h1 a:active{display:block; width:289px; height:41px; background:none;}
#header .search {overflow:hidden; float:right; width:346px; height:30px; margin-top:22px; background:url(../img/img_com.png) no-repeat -41px -82px;}
#header .search input.srhBox{float:left; border:none; width:270px; height:19px; margin-top:7px; margin-left:15px; line-height:18px;}
#header .search span.searchBtn{display:block; float:right; width:54px; height:30px; font-size:0; line-height:0; background:url(../img/img_com.png) no-repeat -448px -82px;}
#header .search span.searchBtn a{display:block; width:54px; height:30px;}
#header .search span.searchBtn a:hover{background:url(../img/img_com.png) no-repeat -508px -82px;}

#header .gnb_out{overflow:hidden; clear:both;}
#header .gnb_out li{float:left; height:39px; margin-top:10px; margin-left:32px; margin-right:38px; font-family:NanumGothic; font-size:14px; line-height:28px; font-weight:bold;}
#header .gnb_out li a{display:block; height:37px; padding:6px 20px; color:#fff;}
#header .gnb_out li a:hover{display:block; height:39px; color:#fff; text-decoration:none; background:url(../img/gnb_on.png) repeat-x;}

#header .gnb_intra{overflow:hidden; clear:both;}
#header .gnb_intra li{float:left; height:39px; margin-top:10px; margin-left:20px; margin-right:18px; font-family:NanumGothic; font-size:14px; line-height:28px; font-weight:bold;}
#header .gnb_intra li a{display:block; height:37px; padding:6px 20px; color:#fff;}
#header .gnb_intra li a:hover{display:block; height:39px; color:#fff; text-decoration:none; background:url(../img/gnb_on.png) repeat-x;}

/* footer */
#footer {min-width:950px; overflow:hidden; margin-top:20px; padding:15px 20px 20px 20px; border-top:2px solid #ccc;}
#footer .footerWrap{width:950px; overflow:hidden; margin:0 auto;}
#footer .fLogo{width:583px; height:38px; font-size:0; text-indent:-10000px; background:url(../img/fLogo.gif) no-repeat;}
#footer .addr {margin:10px 0 0 5px;}
#footer .addr li{font-family:Malgun Gothic; font-size:11px; color:#666; line-height:16px;}
#footer .addr li span{color:#999;}
#footer .addr li span.ftxt01{color:#f3580c; font-weight:bold;}
#footer .addr li.copyright{margin-top:5px; color:#555; font-weight:bold;}

/* width */
.w20 { width:30px;}
.w30 { width:30px;}
.w40 { width:40px;}
.w45 { width:45px;}
.w50 { width:50px;}
.w60 { width:60px;}
.w65 { width:65px;}
.w70 { width:70px;}
.w80 { width:80px;}
.w90 { width:90px;}
.w95 { width:95px;}
.w100 { width:100px;}
.w110 { width:110px;}
.w115 { width:115px;}
.w120 { width:120px;}
.w125 { width:125px;}
.w130 { width:130px;}
.w140 { width:140px;}
.w150 { width:150px;}
.w160 { width:160px;}
.w170 { width:170px;}
.w180 { width:180px;}
.w190 { width:190px;}
.w200 { width:200px;}
.w207 { width:207px;}
.w210 { width:210px;}
.w220 { width:220px;}
.w230 { width:230px;}
.w240 { width:240px;}
.w250 { width:250px;}
.w260 { width:260px;}
.w270 { width:270px;}
.w280 { width:280px;}
.w290 { width:290px;}
.w300 { width:300px;}
.w310 { width:310px;}
.w320 { width:320px;}
.w330 { width:330px;}
.w340 { width:340px;}
.w350 { width:350px;}
.w360 { width:360px;}
.w370 { width:370px;}
.w380 { width:380px;}
.w390 { width:390px;}
.w400 { width:400px;}
.w410 { width:410px;}
.w420 { width:420px;}
.w430 { width:430px;}
.w450 { width:450px;}
.w460 { width:460px;}
.w465 { width:465px;}
.w470 { width:470px;}
.w480 { width:480px;}
.w490 { width:490px;}
.w500 { width:500px;}
.w510 { width:510px;}
.w515 { width:515px;}
.w520 { width:520px;}
.w530 { width:530px;}
.w540 { width:540px;}
.w550 { width:550px;}
.w600 { width:600px;}
.w650 { width:650px;}
.w700 { width:700px;}
.w750 { width:750px;}
.w760 { width:760px;}
.w770 { width:770px;}
.w780 { width:780px;}
.w800 { width:800px;}
.w850 { width:850px;}
.w900 { width:900px;}
.w950 { width:950px;}
.w98p { width:98%;}
.w99p { width:99%;}
.w100p { width:100%;}
.ato {width:auto;}

/* margin */
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt16 {margin-top:16px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt32 {margin-top:32px;}
.mt40 {margin-top:40px;}

.mb1 {margin-bottom:1px;}
.mb2 {margin-bottom:2px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}

.mr3 {margin-right:3px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}

.ml1 {margin-left:1px;}
.ml2 {margin-left:2px;}
.ml3 {margin-left:3px;}
.ml4 {margin-left:4px;}
.ml5 {margin-left:5px;}
.ml6 {margin-left:6px;}
.ml7 {margin-left:7px;}
.ml8 {margin-left:8px;}
.ml9 {margin-left:9px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml40 {margin-left:40px;}

.pr10 {padding-right:10px;}

.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}


.fLeft {float:left;}
.fRight {float:right;}

.clear {clear:both;}

/* align */
.ct {margin-left:auto; margin-right:auto;}
.ar {text-align:right;}
.am {vertical-align:middle;}
.ac {text-align:center;}
.al {text-align:left;}
.at {vertical-align:top;}
.dp {display:inline;}

.oflow {overflow:hidden;}

/* button */
.btnC {margin-top:15px; text-align:center;} 
.btnR {margin-top:15px; text-align:right;}