@charset "utf-8";
@font-face{font-family:NanumGothic;src:url(/font/NanumGothicWeb.eot);src:local(※), url(../font/NanumGothicWeb.woff) format('woff')
}

html{width:100%;-webkit-text-size-adjust : none}
/* font-face 정의 */
body, input, select, textarea, button  {font-family:"NanumGothic","나눔고딕"; font-size:13px; }

/* 여백 초기화*/
html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite, form, fieldset, input, textarea, select, legend, table, th, td, iframe, object, embed, blockquote, abbr, a, acronym, dfn, cite,button {margin:0; padding:0;}

/* 제목 */ 
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}

/* 테투리 */
fieldset, img, abbr, acronym,button {border:0 none;}

/* 리스트 */
ol, ul {list-style:none;}

/* 테이블 */
table {border-collapse:collapse; border-spacing:0; border:0 none;width:100%;}
caption, th, td {text-align:left; font-weight:normal;}
/* label {visibility:hidden;position:absolute;left:-9999em;width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999em} */

/* 텍스트 관련 */
address, caption, em, cite {font-weight:normal; font-style:normal;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
input, select, textarea, option,  button {color:#000;background:#fff;font-size:100%; font-weight:normal;vertical-align:middle;border:0;outline:none;}
button {outline:0;cursor:pointer;}
/* 수직정렬 */
img {vertical-align:top;margin:0;padding:0;}

/* 앵커 */
a {text-decoration:none; display:block;}
a:link {text-decoration:none;  color:#666;}
a:visited {text-decoration:none; color:#666;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;  color:#666;}

.clearfix:after {content:"";display:block;clear:both;}

/* skip navigation */
#u_skip{position:relative;z-index:1000;margin-left:20px}
#u_skip a{position:absolute;top:-30px;left:0;width:128px;border:1px solid #4ec53d;background:#ddd;text-align:center;outline:none}
#u_skip a:active,#u_skip a:focus{top:0;text-decoration:none;cursor:pointer;zoom:1}
#u_skip span{display:inline-block;padding:2px 6px 0 0;background:url(../img/spr_u_skip.png) no-repeat 100% 11px;font-size:11px;line-height:26px;color:#fff;letter-spacing:-1px}
/* ------------------------------------------------------------------------------------------------- */
html.pl2,html.pl3 {background: url(/images/pl3/bg_type2.jpg) repeat !important;}

/* 모든 페이지를 참조하는 스타일 정의 */
.blind {position:absolute; top:0; left:0; overflow:hidden; visibility:hidden; width:1px; height:1px; font-size:0px; line-height:0px;}
.fr {float:right !important;}
.fl {float:left !important;}
.tr {text-align:right! important;}
.tl {text-align:left !important;}
.tc {text-align:center !important;}
.txt_line {text-decoration:underline;}
.fw_b {font-weight:bold !important;}
.d_b {display:block !important;}
.d_ib {display:inline-block !important;}
.clear {clear:both !important;}
.txt_g {font-size:16px;color:#9b9b9b;}

.mc {margin:auto !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}

.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}

.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.p0 {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.pr0 {padding-right:0 !important;}
.pl0 {padding-left:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}

.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}

.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}


.typeB {background:url(/images/bg_type2.jpg) repeat !important;}
.wrapper.pl2,.header.pl2 {background:url(/images/bg_type2.jpg) repeat !important;}
.wrapper.pl3,.header.pl3 {background:url(/images/bg_type2.jpg) repeat !important;}


/* header */
.wrapper {position:relative;}
#header {height:87px;position:fixed;left:0;top:0;width:100%;background:#fff;z-index:900;}
#header h1 {max-width:214px;height:144px;margin:auto;position:relative;z-index:100;}
#header h1 img {width:100%;}
#header .btn_gnb {display: inline-block;position: absolute;left: 0;top: 0;cursor:pointer;}

#gnb {width:209px;padding:120px 0 0 49px;position:fixed;left:-318px;top:0;height:100%;background:#f1f1f1;opacity:0.9; filter:alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";z-index:9999;}
#gnb>ul {background:url(/images/bg_gnb_bar.gif) no-repeat;}
#gnb>ul>li {background:url(/images/bg_gnb_bar.gif) no-repeat 0 100%;}
#gnb>ul>li>a {display:block;padding:17px 0;font-size:14px;color:#737373;font-family:NGB;font-weight:bold;}
#gnb>ul>li>span {display:block;padding:17px 0;font-size:14px;color:#737373;font-family:NGB;font-weight:bold;cursor:pointer;}
.gnb_close {position:absolute;left:50px;top:30px;}
#gnb li a:hover,#gnb .on>a{color:#009fe9}
#gnb .sub {display:none;}
#gnb .sub li.c_bed {display:none;}
#gnb .sub li a {padding:10px 0 10px 15px;background:url(/images/submenu_blit.gif) no-repeat 0 11px;}

#gnb .link {margin:250px 0 0;}
#gnb .link p {margin:0 0 10px;}
#gnb .link dt {font-size:13px;color:#737373;font-weight:bold;line-height:30px;}
#gnb .link dd {font-size:24px;color:#006ebb;font-weight:bold;}

#content {padding:87px 0 0;}

.footer {background:#fff;}
.footer.ty_b {/* width:1025px; */background:#000;margin:auto;text-align:center;}
.footer .ft_inner{width:970px;margin:auto;text-align:center;padding:50px 0;}
.footer.ty_b .ft_inner{width:700px;border-top:1px solid #262626;}
.footer p:first-child {line-height:16px;color:#959494;font-size:11px;}
.footer p:first-child + p{padding:20px 0 0;color:#707070;font-size:11px;}

.footer.t {background:none;}
.footer {background:url(/images/bg_type2.jpg) repeat}
.footer.pl2,.footer.pl3 {padding:50px 0;}
.footer.c {background:none;}
/* 404, 505 에러페이지 */
.error_wrap {width:450px;padding:100px 0 0;margin:auto;}
.btn_err {margin:40px auto 0;text-align:center;}
.btn_err li {display:inline-block;}
.btn_err li:first-child {margin-right:10px;}
.btn_err li a {display:block;}


/* popup */
.pop {display:none;width:400px;height:300px;position:fixed;left:40%;top:20%;margin-left:-200px;z-index:99999;}
.pop .close{display:inline-block;width:33px;height:34px;position:absolute;right:20px;bottom:20px;}
.e_pop{display:block;width:500px;height:488px;position:fixed;left:10%;top:88px;margin-left:0;z-index:99998}
.e_pop .close2{display:inline-block;width:33px;height:34px;position:absolute;right:20px;top:20px;}