@charset "UTF-8";

@font-face {font-family: 'NanumGothic'; src: url('../fonts/nanumgothic.eot'); src: url('../fonts/nanumgothic.eot') format('eot'),url('../fonts/nanumgothic.woff') format('woff')}
@font-face {font-family: 'NanumGothicBold'; src: url('../fonts/nanumgothicbold.eot'); src: url('../fonts/nanumgothicbold.eot') format('eot'),url('../fonts/nanumgothicbold.woff') format('woff')}
@font-face {font-family: 'NanumBarunGothic'; src: url('../fonts/nanumbarungothic.eot'); src: url('../fonts/nanumbarungothic.eot') format('eot'),url('../fonts/nanumbarungothic.woff') format('woff')}
@font-face {font-family: 'NanumBarunGothicBold'; src: url('../fonts/nanumbarungothicbold.eot'); src: url('../fonts/nanumbarungothicbold.eot') format('eot'),url('../fonts/nanumbarungothicbold.woff') format('woff')}
@font-face {font-family: 'NanumMyungjo'; src: url('../fonts/nanummyeongjo.eot'); src: url('../fonts/nanummyeongjo.eot') format('eot'),url('../fonts/nanummyeongjo.woff') format('woff')}
@font-face {font-family: 'NanumMyeongjoBold'; src: url('../fonts/nanummyeongjobold.eot'); src: url('../fonts/nanummyeongjobold.eot') format('eot'),url('../fonts/nanummyeongjobold.woff') format('woff')}

/* reset */
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, 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, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;vertical-align: baseline}
body {line-height:1.5em; color:#666;-webkit-text-size-adjust:none; font-family:verdana, tahoma, arial, sans-serif, Dotum; font-size:12px}
dl,ul,ol,menu,li, p {list-style:none; letter-spacing:-1px}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none}
em,strong,h1,h2,h3,h4,h5,h6,th,td,address,q,li {font-weight:normal; font-style:normal}
input,select,textarea,button {vertical-align:middle;border:0;font-family:family:verdana, tahoma, arial, sans-serif; font-weight:normal; font-style:normal}
button {border:0 none;background-color:transparent;cursor:pointer}
a {color:#666;text-decoration:none}
a:active, a:hover {text-decoration:none}
caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
form,fieldset,img {border:0}
table {border-collapse:collapse;border-spacing: 0}
table th, table th label {}
table caption {overflow:hidden; width:0; height:0; line-height:0; font-size:0; color:transparent; opacity:0; filter:alpha(opacity=0)}
textarea {resize:none}

/*basic*/
.f_l {float:left}
.f_r {float:right}
.cl_b {clear:both}
.show {display:block}
.hide {display:none}
.blind, .ir_box span {display:block; position:absolute; z-index:-10; left:0; bottom:0; width:1px; height:1px; color:transparent; line-height:1px; font-size:1px; opacity:0; filter:alpha(opacity:0)}
.skip {position:absolute;top:-5000px;text-indent:-5000px;font-size:0;line-height:0;width:0;height:0}/*내용과 영역 모두 숨김*/
.skip_txt {display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:1px;opacity:0;filter:alpha(opacity=0)}/*텍스트만 숨김*/
.size {position:fixed; left:0; top:0; z-index:700; padding:0 5px; background:#ff3170; font-size:11px; color:#fff;}
.ml0 {margin-left:0 !important}
.mr0 {margin-right:0 !important}
.mgt30 {margin-top:30px}
.mgl10 {margin-left:10px}
.mr5 {margin-right:5px}
.ml5 {margin-left:5px}
.mr10 {margin-right:10px}
.mr15 {margin-right:15px}
.clear {.zoom:1}
.clear:after {content:""; clear:both; display:block}
.float {float:left}
.no_line, .front_noline td:first-child {border-left:0 !important}
.ico_tel em {display:inline-block; width:8px; height:12px; margin-right:5px; background:url("../images/ico_tel.gif") no-repeat; vertical-align:middle}


/* mt 1~100 */
.mt1 {margin-top:1px;}.mt2 {margin-top:2px;}.mt3 {margin-top:3px;}.mt4 {margin-top:4px;}.mt5 {margin-top:5px;}.mt6 {margin-top:6px;}.mt7 {margin-top:7px;}.mt8 {margin-top:8px;}.mt9 {margin-top:9px;}.mt10 {margin-top:10px;}.mt11 {margin-top:11px;}.mt12 {margin-top:12px;}.mt13 {margin-top:13px;}.mt14 {margin-top:14px;}.mt15 {margin-top:15px;}.mt16 {margin-top:16px;}.mt17 {margin-top:17px;}.mt18 {margin-top:18px;}.mt19 {margin-top:19px;}.mt20 {margin-top:20px;}.mt21 {margin-top:21px;}.mt22 {margin-top:22px;}.mt23 {margin-top:23px;}.mt24 {margin-top:24px;}.mt25 {margin-top:25px;}.mt26 {margin-top:26px;}.mt27 {margin-top:27px;}.mt28 {margin-top:28px;}.mt29 {margin-top:29px;}.mt30 {margin-top:30px;}.mt31 {margin-top:31px;}.mt32 {margin-top:32px;}.mt33 {margin-top:33px;}.mt34 {margin-top:34px;}.mt35 {margin-top:35px;}.mt36 {margin-top:36px;}.mt37 {margin-top:37px;}.mt38 {margin-top:38px;}.mt39 {margin-top:39px;}.mt40 {margin-top:40px;}.mt41 {margin-top:41px;}.mt42 {margin-top:42px;}.mt43 {margin-top:43px;}.mt44 {margin-top:44px;}.mt45 {margin-top:45px;}.mt46 {margin-top:46px;}.mt47 {margin-top:47px;}.mt48 {margin-top:48px;}.mt49 {margin-top:49px;}.mt50 {margin-top:50px;}.mt51 {margin-top:51px;}.mt52 {margin-top:52px;}.mt53 {margin-top:53px;}.mt54 {margin-top:54px;}.mt55 {margin-top:55px;}.mt56 {margin-top:56px;}.mt57 {margin-top:57px;}.mt58 {margin-top:58px;}.mt59 {margin-top:59px;}.mt60 {margin-top:60px;}.mt61 {margin-top:61px;}.mt62 {margin-top:62px;}.mt63 {margin-top:63px;}.mt64 {margin-top:64px;}.mt65 {margin-top:65px;}.mt66 {margin-top:66px;}.mt67 {margin-top:67px;}.mt68 {margin-top:68px;}.mt69 {margin-top:69px;}.mt70 {margin-top:70px;}.mt71 {margin-top:71px;}.mt72 {margin-top:72px;}.mt73 {margin-top:73px;}.mt74 {margin-top:74px;}.mt75 {margin-top:75px;}.mt76 {margin-top:76px;}.mt77 {margin-top:77px;}.mt78 {margin-top:78px;}.mt79 {margin-top:79px;}.mt80 {margin-top:80px;}.mt81 {margin-top:81px;}.mt82 {margin-top:82px;}.mt83 {margin-top:83px;}.mt84 {margin-top:84px;}.mt85 {margin-top:85px;}.mt86 {margin-top:86px;}.mt87 {margin-top:87px;}.mt88 {margin-top:88px;}.mt89 {margin-top:89px;}.mt90 {margin-top:90px;}.mt91 {margin-top:91px;}.mt92 {margin-top:92px;}.mt93 {margin-top:93px;}.mt94 {margin-top:94px;}.mt95 {margin-top:95px;}.mt96 {margin-top:96px;}.mt97 {margin-top:97px;}.mt98 {margin-top:98px;}.mt99 {margin-top:99px;}.mt100 {margin-top:100px;}

/* mb 1~100 */
.mb1 {margin-bottom:1px;}.mb2 {margin-bottom:2px;}.mb3 {margin-bottom:3px;}.mb4 {margin-bottom:4px;}.mb5 {margin-bottom:5px;}.mb6 {margin-bottom:6px;}.mb7 {margin-bottom:7px;}.mb8 {margin-bottom:8px;}.mb9 {margin-bottom:9px;}.mb10 {margin-bottom:10px;}.mb11 {margin-bottom:11px;}.mb12 {margin-bottom:12px;}.mb13 {margin-bottom:13px;}.mb14 {margin-bottom:14px;}.mb15 {margin-bottom:15px;}.mb16 {margin-bottom:16px;}.mb17 {margin-bottom:17px;}.mb18 {margin-bottom:18px;}.mb19 {margin-bottom:19px;}.mb20 {margin-bottom:20px;}.mb21 {margin-bottom:21px;}.mb22 {margin-bottom:22px;}.mb23 {margin-bottom:23px;}.mb24 {margin-bottom:24px;}.mb25 {margin-bottom:25px;}.mb26 {margin-bottom:26px;}.mb27 {margin-bottom:27px;}.mb28 {margin-bottom:28px;}.mb29 {margin-bottom:29px;}.mb30 {margin-bottom:30px;}.mb31 {margin-bottom:31px;}.mb32 {margin-bottom:32px;}.mb33 {margin-bottom:33px;}.mb34 {margin-bottom:34px;}.mb35 {margin-bottom:35px;}.mb36 {margin-bottom:36px;}.mb37 {margin-bottom:37px;}.mb38 {margin-bottom:38px;}.mb39 {margin-bottom:39px;}.mb40 {margin-bottom:40px;}.mb41 {margin-bottom:41px;}.mb42 {margin-bottom:42px;}.mb43 {margin-bottom:43px;}.mb44 {margin-bottom:44px;}.mb45 {margin-bottom:45px;}.mb46 {margin-bottom:46px;}.mb47 {margin-bottom:47px;}.mb48 {margin-bottom:48px;}.mb49 {margin-bottom:49px;}.mb50 {margin-bottom:50px;}.mb51 {margin-bottom:51px;}.mb52 {margin-bottom:52px;}.mb53 {margin-bottom:53px;}.mb54 {margin-bottom:54px;}.mb55 {margin-bottom:55px;}.mb56 {margin-bottom:56px;}.mb57 {margin-bottom:57px;}.mb58 {margin-bottom:58px;}.mb59 {margin-bottom:59px;}.mb60 {margin-bottom:60px;}.mb61 {margin-bottom:61px;}.mb62 {margin-bottom:62px;}.mb63 {margin-bottom:63px;}.mb64 {margin-bottom:64px;}.mb65 {margin-bottom:65px;}.mb66 {margin-bottom:66px;}.mb67 {margin-bottom:67px;}.mb68 {margin-bottom:68px;}.mb69 {margin-bottom:69px;}.mb70 {margin-bottom:70px;}.mb71 {margin-bottom:71px;}.mb72 {margin-bottom:72px;}.mb73 {margin-bottom:73px;}.mb74 {margin-bottom:74px;}.mb75 {margin-bottom:75px;}.mb76 {margin-bottom:76px;}.mb77 {margin-bottom:77px;}.mb78 {margin-bottom:78px;}.mb79 {margin-bottom:79px;}.mb80 {margin-bottom:80px;}.mb81 {margin-bottom:81px;}.mb82 {margin-bottom:82px;}.mb83 {margin-bottom:83px;}.mb84 {margin-bottom:84px;}.mb85 {margin-bottom:85px;}.mb86 {margin-bottom:86px;}.mb87 {margin-bottom:87px;}.mb88 {margin-bottom:88px;}.mb89 {margin-bottom:89px;}.mb90 {margin-bottom:90px;}.mb91 {margin-bottom:91px;}.mb92 {margin-bottom:92px;}.mb93 {margin-bottom:93px;}.mb94 {margin-bottom:94px;}.mb95 {margin-bottom:95px;}.mb96 {margin-bottom:96px;}.mb97 {margin-bottom:97px;}.mb98 {margin-bottom:98px;}.mb99 {margin-bottom:99px;}.mb100 {margin-bottom:100px;}

/* ml 1~100 */
.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;}.ml11 {margin-left:11px;}.ml12 {margin-left:12px;}.ml13 {margin-left:13px;}.ml14 {margin-left:14px;}.ml15 {margin-left:15px;}.ml16 {margin-left:16px;}.ml17 {margin-left:17px;}.ml18 {margin-left:18px;}.ml19 {margin-left:19px;}.ml20 {margin-left:20px;}.ml21 {margin-left:21px;}.ml22 {margin-left:22px;}.ml23 {margin-left:23px;}.ml24 {margin-left:24px;}.ml25 {margin-left:25px;}.ml26 {margin-left:26px;}.ml27 {margin-left:27px;}.ml28 {margin-left:28px;}.ml29 {margin-left:29px;}.ml30 {margin-left:30px;}.ml31 {margin-left:31px;}.ml32 {margin-left:32px;}.ml33 {margin-left:33px;}.ml34 {margin-left:34px;}.ml35 {margin-left:35px;}.ml36 {margin-left:36px;}.ml37 {margin-left:37px;}.ml38 {margin-left:38px;}.ml39 {margin-left:39px;}.ml40 {margin-left:40px;}.ml41 {margin-left:41px;}.ml42 {margin-left:42px;}.ml43 {margin-left:43px;}.ml44 {margin-left:44px;}.ml45 {margin-left:45px;}.ml46 {margin-left:46px;}.ml47 {margin-left:47px;}.ml48 {margin-left:48px;}.ml49 {margin-left:49px;}.ml50 {margin-left:50px;}.ml51 {margin-left:51px;}.ml52 {margin-left:52px;}.ml53 {margin-left:53px;}.ml54 {margin-left:54px;}.ml55 {margin-left:55px;}.ml56 {margin-left:56px;}.ml57 {margin-left:57px;}.ml58 {margin-left:58px;}.ml59 {margin-left:59px;}.ml60 {margin-left:60px;}.ml61 {margin-left:61px;}.ml62 {margin-left:62px;}.ml63 {margin-left:63px;}.ml64 {margin-left:64px;}.ml65 {margin-left:65px;}.ml66 {margin-left:66px;}.ml67 {margin-left:67px;}.ml68 {margin-left:68px;}.ml69 {margin-left:69px;}.ml70 {margin-left:70px;}.ml71 {margin-left:71px;}.ml72 {margin-left:72px;}.ml73 {margin-left:73px;}.ml74 {margin-left:74px;}.ml75 {margin-left:75px;}.ml76 {margin-left:76px;}.ml77 {margin-left:77px;}.ml78 {margin-left:78px;}.ml79 {margin-left:79px;}.ml80 {margin-left:80px;}.ml81 {margin-left:81px;}.ml82 {margin-left:82px;}.ml83 {margin-left:83px;}.ml84 {margin-left:84px;}.ml85 {margin-left:85px;}.ml86 {margin-left:86px;}.ml87 {margin-left:87px;}.ml88 {margin-left:88px;}.ml89 {margin-left:89px;}.ml90 {margin-left:90px;}.ml91 {margin-left:91px;}.ml92 {margin-left:92px;}.ml93 {margin-left:93px;}.ml94 {margin-left:94px;}.ml95 {margin-left:95px;}.ml96 {margin-left:96px;}.ml97 {margin-left:97px;}.ml98 {margin-left:98px;}.ml99 {margin-left:99px;}.ml100 {margin-left:100px;}

.txt_l {text-align:left;}
.txt_c {text-align:center;}
.txt_r {text-align:right;}

.block {display:block;}
.inline {display:inline;}

.va_m {vertical-align:middle;}

/* skip-nav */
.skip_nav {position:absolute; z-index:1000; top:-30px; left:0; right:0; width:100%}
.skip_nav a {display:block; height:24px; line-height:24px; padding-left:20px; font-family:'NanumGothicBold'; color:#fff; background:#0d5cab}

/* Layout and GNB */
html {min-width:320px}
body {background:#eceff2 url("../images/bg_hi_body.png") repeat-x left top}
.out_wrap {min-width:1260px; margin:0 auto; background:url("../images/body_bg02.png") repeat-y center center}


#wrapper {position:relative; width:1260px; margin:0 auto; background:#fff}
#header {position:relative; z-index:500; height:125px; background:url("../images/header_bg.gif") repeat-x 0 0; border-top:solid 1px #d6dbe1; border-bottom:solid 1px #d6dbe1; z-index:99999;}
.header_top {.zoom:1; position:relative; height:82px; padding:0}
.header_top:after {content:""; clear:both; display:block}
.header_top h1 {float:left;width:179px;height:21px;padding:32px 0 20px 10px}
.header_top h1 a {display:block; width:100%; height:100%; background:url("../images/logo_w.png") no-repeat}
.header_top .ment {position:absolute; right:13px; font-family:Century Gothic; font-size:15px; top:32px; color:#677179; letter-spacing:-0.025em}
.header_top .snsLink {position:absolute;right:13px;top:32px;margin-right:5px;}
.header_top .snsLink a {margin-left:10px;}
.main_intro .header_top .snsLink {right:10px;}
#header .intro_txt {height:42px; padding:0 10px; margin:0 10px; border:1px solid #949a9e; border-top:0; background:url("../images/bg_main_intro.gif") left top repeat-x;}
#header .intro_txt img {vertical-align:top;}
#header .intro_txt .txtL {float:left; width:39%; margin-top:17px;}
#header .intro_txt .txtL img {width:100%; max-width:197px;}
#header .intro_txt .txtR {float:right; width:58%; text-align:right; margin-top:15px;}
#header .intro_txt .txtR img {width:100%; max-width:274px;}
.gnb_wrap {height:21px;padding:0 0 10px}
.gnb_wrap > ul {position:relative}
.gnb_wrap li {float:left; background:url("../images/header_line.gif") no-repeat right 2px}
.gnb_wrap li a {display:block; height:41px; line-height:40px; padding:2px 0 0; color:#64727d;  text-align:center;letter-spacing:0}
.gnb_wrap li a span {display:block; padding:2px 21px 0; font-size:12px; }
.gnb_wrap li a:hover {color:#313133}
.gnb_wrap li.home a,
.gnb_wrap li.home.on a {width:36px; background:url("../images/home.png") no-repeat center center}
.gnb_wrap li.on {margin:0 -12px 0 -12px; height:43px; background:url("../images/gnb_left_wing.png") no-repeat 0 0}
.gnb_wrap li.on > a {color:#313133; padding:2px 12px 0; background:url("../images/gnb_right_wing.png") no-repeat right 0}
.gnb_wrap li.on > ul {display:block}
.gnb_wrap li ul {display:none; .zoom:1; position:absolute; z-index:200; top:43px;left:0; width:100%; height:33px}
.gnb_wrap li ul:after {content:""; clear:both; display:block}
.gnb_wrap li ul li {height:33px; padding:0; background:none; text-align:left}
.gnb_wrap li ul li:first-child {padding-left:15px}
.gnb_wrap li ul li a {height:31px; line-height:31px; padding:4px 20px 0; color:#717171}
.gnb_wrap li ul li a:hover {color:#0d5cab}
.gnb_wrap li ul li.on a {color:#0d5cab}
.the_next {display:block; position:absolute; right:11px; bottom:0; width:274px; height:43px; border-right:1px solid #92989c; border-left:1px solid #92989c; text-align:center; background:url("../images/next_btn_bg01.gif") repeat-x}
.the_next em {display:inline-block; width:100%; height:100%; background:url("../images/next_btn_bg02.png") no-repeat}

.util_menu {position:absolute; z-index:600; top:94px; right:316px; .zoom:1}
.util_menu:after {content:""; clear:both; display:block}
.util_menu li {float:left; height:7px; padding:7px 10px 8px}
.util_menu li a {display:block; width:20px; height:7px}
.util_menu li a span {display:block; width:1px; height:1px; line-height:1px; overflow:hidden; color:transparent; font-size:1px}
.util_menu li.ko {background:url("../images/line2.gif") no-repeat right 7px}
.util_menu li.ko a {background:url("../images/language_kor.gif") no-repeat}
.util_menu li.en a {background:url("../images/language_eng_on.gif") no-repeat}
.location {display:none}


@media all and (max-width:1024px) {
#wrapper {width:100%}
.out_wrap {min-width:0}

/* header */
#header {height:auto; background:none}
.header_top {height:64px; background:url("../images/header_bg.gif") repeat-x 0 0}
.header_top h1 {float:none; padding-top:21px}
.header_top .ment {display:none}
.header_top .snsLink {top:20px;right:135px;}
.total_menu {position:absolute;top:0;right:0; z-index:300; width:64px; height:64px}
.total_menu a {display:block; width:64px;height:64px;background:url("../images/header_btn_gnbbg.gif") no-repeat 0 0; background-size:100% 100%}
.gnb_wrap {display:none; position:absolute; left:0; right:0; top:65px; height:auto; padding:0}
.gnb_wrap a {color:#fff}
.gnb_wrap ul {float:none}
.gnb_wrap li {float:none; background:url("../images/gnb_bg01.gif") repeat-x 0 0}
.gnb_wrap li.home {display:none}
.gnb_wrap li.last {background:none}
.gnb_wrap li ul li ul {display:none}
.gnb_wrap > ul > li {position:relative; background-image:none}
.gnb_wrap > ul > li > a,
.gnb_wrap > ul > li.on > a {display:block; position:absolute; height:100%; line-height:1; padding:0; background:#9da6ae; text-align:left}
.gnb_wrap > ul > li > a span {display:block; width:134px; padding:14px 0 0 24px; color:#fff; font-size:14px; background:url("../images/gnb_right_err.gif") no-repeat 88.5% 15px}
.gnb_wrap > ul > li > a:before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:1px; background:#bbc1c6}
.gnb_wrap > ul > li > a:after {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#767f86}
.gnb_wrap > ul > li > ul {display:block; position:static; top:0; left:0; height:auto; padding-left:160px; width:auto; background:#5b636b url("../images/mobile_gnb_line2.gif") repeat}
.gnb_wrap > ul > li > ul li {float:left; /*width:25%;*/width:33.3%; height:41px; background:url("../images/mobile_gnb_bar.gif") no-repeat right 14px}
.gnb_wrap > ul > li > ul li:first-child {padding:0}
.gnb_wrap > ul > li > ul li:nth-child(3n) {background:none}
.gnb_wrap > ul > li > ul li a {display:inline-block; width:91%; height:43px; line-height:42px; padding:0 0 0 9%; color:#cfcfcf; text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;}
.gnb_wrap > ul > li > ul li a:hover {color:#cfcfcf}
.gnb_wrap li.on {margin:0; height:auto; background:url("../images/gnb_bg01.gif") repeat-x 0 0}
.gnb_wrap #gnb {width:100%}

.util_menu {left:208px; right:auto; top:auto; bottom:144px}
.util_menu li {height:auto; padding:0}
.util_menu li a {width:39px; height:19px}
.util_menu li.ko a {background:url("../images/lang_kor.png") no-repeat}
.util_menu li.en {display:none}

/* location */
.location {display:block; position:absolute; z-index:200; left:0; right:0; top:66px}
.location #locate {display:none}
.locate_box {.zoom:1}
.locate_box:after {content:""; clear:both; display:block}
.locate_box > li {float:left; width:33.3%; background:url("../images/location_bg01.gif") repeat-x}
.locate_box > li:first-child {width:33.4%}
.locate_box > li  a {display:block}
.locate_box > li > a span {
	display:block; position:relative;  height:43px; line-height:43px; 
	padding:2px 0 0 10px;left:8px;
	color:#fff; font-size:14px; font-family:'NanumGothicBold';
	background:url("../images/location_bg02.gif") no-repeat right top;
}
.locate_box > li.on {position:relative; z-index:99999;}
.locate_box > li.on > a, .locate_box > li > ul li a:active {background:#0d5cab}
.locate_box > li.on > a span {background:url("../images/location_bg02_on.png") no-repeat right top}
.locate_box > li.on > ul {display:block}
.locate_box > li.hi_last > a span {left:0; right:0; padding-left:18px; background:url("../images/location_bg02_last.gif") no-repeat right top}
.locate_box > li.hi_last.on > a span {background:none}
.locate_box > li > ul {display:none; width:100%; background:#9da6ae; opacity:0.95}
.locate_box > li > ul li {border-top:1px solid #b6bdc4; border-bottom:1px solid #818a93}
.locate_box > li > ul li:first-child {border-top:0}
.locate_box > li > ul li a {/*height:47px; line-height:47px;*/ padding:10px 7.3%; color:#fff; font-size:14px; opacity:1;}
.the_next {width:62px; height:64px; right:64px; top:0; border-right:1px solid #fff; border-left:1px solid #fff; background:none}
.the_next em {border-left:1px  solid #d9e0e5; background:url("../images/next_btn_bg1024.png") no-repeat center center}

.footer {height:188px;}
}


@media all and (max-width:800px) {
.util_menu {left:auto;right:10px;bottom:163px;}
.header_top h1 {width:156px; height:18px}
.header_top h1 a {background:url("../images/logo_m.png") no-repeat; background-size:100% 100%}
.the_next em {border-left:1px  solid #d9e0e5; background:url("../images/next_btn_bg01.png") no-repeat center center; background-size:48px 29px}
}


@media all and (max-width:640px) {
.util_menu {bottom:186px;}
.locate_box > li > a span, .locate_box > li.hi_last > a span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:10px;/*말줄임처리*/}
.locate_box > li > a span {padding-left:5px;background:url("../images/location_bg02_nochild.gif") no-repeat right top;}
.locate_box > li.hi_last > a span {padding-left:12px;background:none;}
}


@media all and (max-width:580px) {
}


@media all and (max-width:560px) {
.gnb_wrap > ul > li > a span {padding-left:10px; background:none}
.gnb_wrap > ul > li > a {width:113px}
.gnb_wrap > ul > li > ul {padding-left:113px;}
.gnb_wrap > ul > li > ul li {width:50%}
.gnb_wrap > ul > li > ul li:nth-child(3n) {background:url("../images/mobile_gnb_bar.gif") no-repeat right 17px}
.gnb_wrap > ul > li > ul li:nth-child(2n), .gnb_wrap > ul > li > ul li:nth-child(4n) {background:none}
}


@media all and (max-width:480px) {
.mark {padding-top:7px; padding-bottom:7px}
.mark li.mark1, .mark li.mark2, .mark li.mark3, .mark li.mark4, .mark li.mark5 {float:none; width:auto; line-height:21px}
.locate_box > li > ul li a {padding:10px;}
}


@media all and (max-width:359px) {

.gnb_wrap > ul > li > ul li {width:100%}
.gnb_wrap > ul > li > ul li:nth-child(3n) {background:url("../images/mobile_gnb_bar.gif") no-repeat right 17px}
.gnb_wrap > ul > li > ul li:nth-child(2n), .gnb_wrap > ul > li > ul li:nth-child(4n) {background:none}
	
}


@media all and (max-width:320px) {

	
.locate_box > li a, .locate_box > li > ul li a {font-size:13px}
}