@charset "utf-8";

/* 폰트 */
@font-face {
    font-family:'Nanum';
    src:url('/font/nanum.eot');
    src:url('/font/nanum.eot?#iefix') format('embedded-opentype'), url('/font/nanum.woff') format('woff');
    font-weight:normal;
    font-style:normal; 
}

@font-face {
    font-family:'NanumBold';	
    src:url('/font/nanum_bold.eot');
    src:url('/font/nanum_bold.eot?#iefix') format('embedded-opentype'), url('/font/nanum_bold.woff') format('woff');
    font-weight:bold;
    font-style:normal; 
}

body{font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
body, input, textarea, select, button, table, h1, h2, h3, h4, h5{font-size:16px; line-height:1.25em /* 20px */}

/* HTML Default */
article, aside, figcaption, figure, footer, header, hgroup, nav, section {display:block}
mark{background:#FF0;color:#000}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, article, aside, hgroup, header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0; font-size:100%;}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; }
a {margin:0; padding:0; text-decoration:none;}
a:link, a:visited, a:hover, a:active, a:focus { text-decoration:none; color:inherit; cursor:pointer; }
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
button::-moz-focus-inner { margin: -1px; padding: 0; }
table {border-collapse:collapse; border-spacing:0; width:100%;}
h1, h2, h3, h4, h5 {font-weight:normal; font-family:'NanumBold';}
img, select, input, button {vertical-align:middle;}
input, select { color:inherit; font:inherit; line-height:100%; }
textarea { resize:none; font:inherit; overflow-y:auto; }
html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none;}
.hid, legend, hr {position:absolute; left:-10000%; top:0; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; text-indent:-10000px;}
caption {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
body {margin:0; padding:0; font-size:14px; word-break:break-all; -webkit-text-size-adjust:none;}
ul, ol, li, figure {list-style-type:none; margin:0; padding:0;}
cite, blockqoute {display:block; font-style:normal;}
figcaption { display:none;}
.blind {display:block; overflow:hidden; position:absolute; top:0; left:0; width:0 !important; min-width:0 !important; height:0; border:0; background:0 0; font-size:0; line-height:0}

.al {text-align:left !important;}
.ac {text-align:center !important}
.ar {text-align:right !important}
.fl {float:left !important;}
.fr {float:right !important;}

.no_wrap {white-space:nowrap}
.ell_txt {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.border_none{ border:none !important;}

.clearfix:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.clearfix {*zoom:1;}

#skipArea, #skipArea ul {height:0; width:100%;}
#skipArea a {position:absolute; top:-9999px; left:0; z-index:100; width:100%; height:30px; background-color:#000; color:#fff; line-height:30px; font-family:'NanumBold'; opacity:0.6; text-align:center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60);}
#skipArea a:focus, #skipArea a:hover, #skipArea a:active{top:0;}

/* 레이아웃 및 헤더 */
#wrap {min-width:1000px; position : relative;}
#header { width:100%; height:120px; position:absolute; left:0; top:0; z-index:20; background:url("/images/template/02426/common/t_bg.gif") repeat-x 0 0;}
#header .temp {height:120px; background:url("/images/template/02426/common/bg_menu_open.gif") no-repeat center top;}
.headerWrap { position:relative; width:980px; margin:0 auto; }

/* 로고 */
.headerWrap .logo {position:absolute; top:53px; left:0; font-size:0; text-indent:-10000px; line-height:0; background:url("/images/template/02426/common/logo.gif") no-repeat 0 0}
.headerWrap .logo a { display:block; width:275px; height:55px}

/* 유틸 */
.headerWrap .util {position:absolute; top:0; right:0; overflow:hidden; font-family:'Nanum'}
.headerWrap .util li {float:left;}
.headerWrap .util li a {color:#fff; display:block; padding-left:20px; line-height:40px; font-size:13px;}
.headerWrap .util li:first-child a{ background:none;}
.headerWrap .util li a:hover, .headerWrap .util li a:active, .headerWrap .util li a:focus {color:#85eaf3;}

.headerWrap .util2 {position:absolute; top:5px; left:0; overflow:hidden; font-family:'NanumBold'}
.headerWrap .util2 li {height:35px; float:left; padding:0 25px; line-height:35px; font-size:13px;}
.headerWrap .util2 li a { color:#fff; display:block;}
.headerWrap .util2 li a:hover, .headerWrap .util2 li a:active, .headerWrap .util2 li a:focus {color:#85eaf3;}
.headerWrap .util2 li:first-child {color:#666; background:#fff; border-radius:5px 5px 0px 0px;}

/* gnb 메뉴 */
#mGnb { display:none}
#gnb {position:relative; position:absolute; right:0; top:40px; } /*메뉴위치*/
#gnb:after {display:block; content:""; clear:both;}
#gnb > li {position:relative; text-align:center; float:left; }
#gnb > li.over {background:#f5f5f5}
#gnb > li > a {color:#333; font-size:16px; font-family:'Arial'; font-weight:600; display:block; padding:20px 32px 17px; line-height:42px;}
#gnb > li.on a,
#gnb > li a:hover, 
#gnb > li a:focus,
#gnb > li a:active {color:#000;} /* mouseover */
#gnb > li:hover > a {color:#134496;}
#gnb > li.others{ display:none;}

/* gnb 메뉴 */
#mGnb { display:none}
#gnb {position:relative; position:absolute; right:0; top:40px; } /*메뉴위치*/
#gnb:after {display:block; content:""; clear:both;}
#gnb > li {position:relative; text-align:center; float:left; }
#gnb > li.over {background:#f5f5f5}
#gnb > li > h2 > a {color:#333; font-size:15px; font-family:'NanumBold'; display:block; padding:20px 33px 17px; line-height:42px; display:block; }
#gnb > li > h2.on a,
#gnb > li > h2 a:hover, 
#gnb > li > h2 a:focus,
#gnb > li > h2 a:active {color:#fff;} /* mouseover */
#gnb > li:hover > h2 > a {color:#134496;}
#gnb > li.others{ display:none;}


/* 하위메뉴 */
#gnb > li > div {display:none; width:100%; height:228px; padding:0; position:absolute; border-top:1px solid #ccc; margin-left:-1px }
#gnb > li.over > div {background:#f5f5f5}
#gnb > li > div > ul > li {float:none; padding:0; background:none; font-size:14px;  text-align:left; font-family:'Arial';}
#gnb > li > div > ul > li:first-child {margin-top:0;}
#gnb > li > div > ul > li > a {display:block; color:#555; padding:10px 10px; line-height:24px; }
#gnb > li > div > ul > li > a.blank{ background:url(/images/template/02426/common/icon_target.png) no-repeat 90% 10px}
#gnb > li > div > ul > li > a:hover,
#gnb > li > .ulWrap > ul > li > a:focus,#gnb > li > .ulWrap > ul > li > a:active {color:#111; background-color:#cccccc;}
#gnb a {-webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out }

/* mobile layout */
#tablet{display:none; width:100%}
#tabletHeader {width:100%; margin:0 auto; position:fixed; top:0; left:0; z-index:20; background-color:#fff; height:67px; border-bottom:2px solid #3469c7;}
#tabletLogo{ text-align:center; padding:11px 0 0}
#tabletGnb #menuOpen{position:fixed; left:10px; top:13px; z-index:101}
#tabletGnb #menuOpen img{ width:44px; height:auto}

/* mobile 검색영역 */
#tabletSearch #searchOpen { position:fixed; right:10px; top:13px; z-index:21}
#tabletSearch #searchOpen img{ width:44px; height:auto}

#mSearch{ position:absolute; top:-90px; left:0; width:100%; height:90px; z-index:19; background-color:#647485}
#mSearch .con p {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; position:relative; width:90%; margin:0 auto; padding:21px 200px 0 0}
#mSearch .con .inputText {border-color:transparent; width:100%; background:#fff; border-radius:3px; height:39px; line-height:39px; padding:0 10px 0}
#mSearch .con .btnSearch { position:absolute; top:21px; right:90px; min-width:80px; font-size:15px}
#mSearch  .btnSearch, #mSearch  a.btnSearch { font-family:"Nanum"; display:inline-block; padding:14px 15px 13px; background-color:#205e9f; font-size:16px; color:#fff; border:none; border-radius:3px}
#mSearch .btnSearchClose { font-size:0; line-height:0; text-indent:-9999em; position:absolute; top:25px; right:5%; width:25px; height:33px; background:url('/images/template/02426/common/btn_search_close.png') no-repeat 50% 0}

/* 20170216 추가 */
/* mobile navi */
#mNavi{position:absolute; left:-250px; top:0; width:250px; height:100%; z-index:9999; background-color:#354052}
#mNavi #mtitle{width:100%; height:50px; background:#354052; border-bottom:1px solid #434d5e;}
#mNavi #mtitle a {z-index:10000; font-size:0; line-height:0; text-indent:-9999em; display:inline-block; width:26px; height:23px; position:absolute; left:18px; top:14px; background:url(/images/template/02426/common/btn_close.gif) no-repeat; background-size:100% auto;}

#mNavi #mgnb .snb { width:100%; border-bottom:1px solid #535c6c; padding:5px 0; }
#mNavi #mgnb .snb, #mNavi #mgnb .snb ul li {background-color:#30394a}
#mNavi #mgnb .snb li { float:left; width:50%; border-bottom:0; }
#mNavi #mgnb .snb li a { display:inline-block; font-family:"Nanum"; height:26px; line-height:26px; text-align:left; font-size:12px; color:#fff; vertical-align:middle}

#mNavi #mgnb ul{width:100%; overflow:hidden}
#mNavi #mgnb ul li{border-bottom:1px solid #535c6c; background-color:#30394a; position:relative}
#mNavi #mgnb ul li a{display:block; padding:0 0 0 20px; height:42px; line-height:42px; font-size:16px; font-family:"NanumBold"; color:#fff}
#mNavi #mgnb ul li a:hover, #mNavi #mgnb ul li a:focus, #mNavi #mgnb ul li a:active{color:#2eaced}

#mNavi #mgnb ul li ul{display:none; background-color:#202631; padding:10px 0;}
#mNavi #mgnb ul li ul li{border-bottom:0; background-color:#202631}
#mNavi #mgnb ul li ul li a{display:block; padding:0 0 0 20px; height:28px; line-height:28px; font-size:14px; font-family:"Nanum"; color:#fff}
#mNavi #mgnb ul li ul li a:hover, #mNavi #mgnb ul li ul li a:focus, #mNavi #mgnb ul li ul li a:active{color:#2eaced}

#mNavi #mgnb ul li ul li ul{ display:none; background-color:#202631; padding:4px 0;}
#mNavi #mgnb ul li ul li ul li{border-bottom:0; background-color:#202631}
#mNavi #mgnb ul li ul li ul li a{display:block; padding:0 0 0 30px; height:22px; line-height:22px; font-size:12px; font-family:"Nanum"; color:#ccc}
#mNavi #mgnb ul li ul li ul li a:hover, #mNavi #mgnb ul li ul li ul li a:focus, #mNavi #mgnb ul li ul li ul li a:active{color:#2eaced}

#mNavi #mgnb ul li ul li.row > a:before,
#mNavi #mgnb ul li ul li.row > a:after {display:block; position:absolute; background-color:#a7a8aa; content:'';}
#mNavi #mgnb ul li ul li.row > a:before {width:9px; height:1px; right:18px; top:14px;}
#mNavi #mgnb ul li ul li.row > a:after {width:1px; height:9px; right:22px; top:10px;}
#mNavi #mgnb ul li ul li.on > a:after { display:none}
/* 20170216 추가 끝 */

/* footer */
.area_footer {position:relative; z-index:20; padding:15px 0 20px; border-top:1px solid #c8d1db;}
.box_footer {position:relative; width:1000px; margin:0 auto; text-align:center; font-size:12px; font-family:'Arial'; color:#666; overflow:hidden;}
.box_footer p {margin:8px 0 0;}
.box_footer p span {margin-right:20px;}
.copy1 {padding-left:15px; background:url('/images/template/02426/common/copy_icon2.gif') no-repeat left top;}
.copy2 {padding-left:15px; background:url('/images/template/02426/common/copy_icon3.gif') no-repeat left top;}
.copy3 {padding-left:15px; background:url('/images/template/02426/common/copy_icon5.gif') no-repeat left top;}


/* 콘텐츠 상단으로 이동 */
#toTop { display:none; position:fixed; z-index:9999999; right:10px; bottom:10px; width:40px; height:40px; font-size:0; text-indent:-1000px; text-align:center; color:#fff; background:url('/images/template/02426/common/toTop.png') center center no-repeat #777; opacity:0.8; border-radius:20px;  }
#toTop:hover, #toTop:focus, #toTop.hover { background-color:#00a663; }




@media screen and (max-width:800px) {
		
	#wrap{ min-width:300px; width:100%; }
	#header {position:fixed;  min-width:300px; height:auto; background:none; }
	#header .temp { height:15px}

	/* 20170216 추가 */
	#web {display:none;}
	#tablet, .tabletlogo {display:block;}
	#tabletLogo img{height:45px;}

	.box_mot_1{background:#fff; overflow:hidden; width:100%}
	.box_mot_1.on{position:fixed; top:0}
	.box_mot_1.on2{ position:relative; top:92px}
	/* 20170216 추가 끝 */
	
	/* 로고 */
	.headerWrap .logo { position:absolute; top:10px; left:50%; margin-left:-106px;}
	
	/* 유틸 */
	.headerWrap .util, .headerWrap .util2 { display:none;}
	
	/* gnb 메뉴 */
	#mGnb {display:block; position:absolute; right:-80px; top:0; z-index:3; background:#fff url("/images/template/02426/common/gnb_button.png") no-repeat 50% 50%; background-size:45px auto; -moz-background-size:45px auto; -webkit-background-size:45px auto; overflow:hidden; width:0; height:0; font-size:0; text-indent:-10000px; padding:30px 40px 30px; border-right:1px solid #e0e0e0}
	
	.gnb_wrap {position:fixed; left:-180px; top:0; width:179px; height:100%}
    .gnb_wrap .gnbIn {position:relative; height:100%;}
    .gnb_wrap nav {position:relative; width:auto; height:100%; background:#23252b; overflow:hidden; overflow-y:auto; z-index:3}

    #gnb {position:static}
    #gnb > li {position:static; margin:0; padding:0; background:none; text-align:left; float:none; width:auto; border-bottom:1px solid #4b4a50; border-right:none}
	#gnb > li:first-child { border-left:none;}
    #gnb > li > h2 > a {display:block; color:#fff; width:auto; font-size:14px; background:#23252b; height:34px; line-height:34px; padding:7px 0 7px 20px}
	#gnb > li > h2 > a:hover, 
	#gnb > li > h2 > a:focus,
	#gnb > li > h2 > a:active { color:#fff; text-decoration:none;}	
	#gnb > li:hover > h2 > a { color:#fff; background-color:#134496; }
		
    #gnb > li > div {width:auto; position:static; margin:0; padding:0; border:0; height:auto;}
    #gnb > li > div > ul > li {margin:0; width:auto; border-right:1px solid #d9d9d9;}
	
	/*탑메뉴*/
	#gnb > li.others{ display:block; background-color:#444953; padding:10px 0;}
	#gnb > li.others > a span { display:none;}
	#gnb > li.others .m_util li{ float:left; line-height:2; color:#fff; width:33%; font-size:12px; font-family:'Nanum'; padding:0 0 0 20px; padding:0 0 0 20px; background:url("/images/template/02426/common/icon_arrow_1.png") no-repeat 12px center;}
	#gnb > li.others .m_util li a:active{ color:#ff0}
	
	/*하위메뉴*/
    #gnb > li > div > ul > li > a {display:block; font-size:12.5px;padding:8px 0 8px 20px; color:#333; background-color:#f9f9f9; border-bottom:1px solid #d9d9d9;}
	#gnb > li > div > ul > li > a.blank{ background-position:90% 9px}
    #gnb > li > div > ul > li > a:hover,
    #gnb > li > div > ul > li > a:focus,
    #gnb > li > div > ul > li > a:active{ background-color:#697d9e !important; }
		
	/* footer */
	.box_footer {width:96%; z-index:1;}
	.box_footer .today_sns {width:100%; text-align:center;}
	.box_footer .today_sns p {float:none; display:inline-block; margin:0 15px;}
	.box_footer .today_sns p span {margin-left:10px;}

	.footer_link { position:absolute; top:45px; left:0; width:100%; margin:0; background:none; text-align:left; z-index:9;}
    .footer_link button { display:block; font-family:'Nanum'; width:100%; height:36px; text-align:center; overflow:hidden; background:#37363c url('/images/template/02426/common/bgLnbDepthOn.gif') 95% center no-repeat; color:#ffa811; border-radius:3px;}
    .footer_link ul { display:none; position:absolute; bottom:40px; width:100%; left:0; box-sizing:border-box; opacity:0.9; border-radius:3px 3px 0 0; }
    .footer_link ul li { display:block; float:none; padding:0; margin:0; border-bottom:1px solid #000; }
	.footer_link li:first-child a,
    .footer_link ul li a { display:block; padding:12px 7px 10px; font-family:'돋움',Dotum; background:#333; color:#fff; background-image:none;}
	.footer_link li.point a {color:#fff;}
    .footer_link ul li a:hover,
    .footer_link ul li a:focus,
    .footer_link ul li a:active { background:#000; color:#ffa811;}	
	.footer_link li a:before,
	.footer_link li a:after {width:0; margin:0}
	.box_footer .box_info{padding-top:90px;}
	.copy_100, .copy_50, .copy_25 {width:100%; -webkit-box-sizing:border-box; , -moz-box-sizing:border-box; box-sizing:border-box; }
	p.ft_ban{ position:relative; left:0; top:10px;}

}

@media screen and (max-width :620px) {	
		
	
}

@media screen and (max-width :480px) {
	
	/* 로고 */
	#tabletHeader #tabletLogo {padding:18px 0 0;}
	#tabletHeader #tabletLogo img {width:170px; height:auto;}


}

@media screen and (max-width :380px) {
	
	.headerWrap {height:60px}
	

	/* gnb 메뉴 */
	#mGnb {right:-60px; top:0; -moz-background-size:36px auto; -webkit-background-size:36px auto; background-size:36px auto; padding:30px}
	
}
















