@charset "UTF-8";

/* Layout */
html {overflow-y:auto;width:100%}
body {position:relative; width:100%}
.inner {min-width:360px; width:1280px; margin:0 auto} /* Default :1280 */

#skip_to_content {position:absolute;left:0;top:-10em;width:100%;z-index:99999}
#skip_to_content a:active, #skip_to_content a:focus {position:absolute;left:0;top:10em;width:100%;height:27px;background:#009dc8 url(../../images/common/header_bg.gif) repeat-y 50% 0;color:#fff;text-align:center;text-decoration:none;line-height:30px;outline:0}
.mask {display:none;opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;background:url(../../images/common/mask.png);z-index:9}

.img_comn, .fq_box li a, .foot_menus ul li a {background-image:url(../../images/common/img_comn.png);background-repeat:no-repeat}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* Header
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#header {position:relative; background:none; z-index:10;}
.headerother { height:40px; background:url(../../images/layout/headerotherbg.png) repeat-x; border-bottom:solid 1px #cbd3f1; clear:both; }
.othersite {position:relative; bottom:0; float:left; margin-top:3px; height:38px;}
.othersite li{ float:left;height:32px;width:123px; margin-top:6px;}
.othersite li:nth-child(1){background:url(../../images/layout/othersitetab1.png) no-repeat; position:relative; margin-top:0px;width:129px;height:32px; z-index:6; padding-top:6px; line-height:32px;}
.othersite li:nth-child(1) a {color:#2e2f6c; background:url(../../images/layout/othersiteicon1.png) no-repeat 15px 50%; padding-left:35px; }
.othersite li:nth-child(2){background:url(../../images/layout/othersitetab2.png) no-repeat; position:relative;  z-index:5; margin-left:-20px;line-height:32px;}
.othersite li:nth-child(2) a {color:#fff; background:url(../../images/layout/othersiteicon2.png) no-repeat 15px 50%; padding-left:35px; }
.othersite li:nth-child(3){background:url(../../images/layout/othersitetab7.png) no-repeat; position:relative;  z-index:4; margin-left:-20px;line-height:32px; width:105px;}
.othersite li:nth-child(3) a {color:#fff; background:url(../../images/layout/othersiteicon3.png) no-repeat 15px 50%; padding-left:35px; }

.othersite li:nth-child(4){background:url(../../images/layout/othersitetab5.png) no-repeat; position:relative;  z-index:3; margin-left:-20px;line-height:32px;}
.othersite li:nth-child(4) a {color:#fff; background:url(../../images/layout/othersiteicon5.png) no-repeat 15px 50%; padding-left:35px; }

.othersite li:nth-child(5){background:url(../../images/layout/othersitetab6.png) no-repeat; position:relative;  z-index:2; margin-left:-20px;line-height:32px; width:146px;}
.othersite li:nth-child(5) a {color:#fff; background:url(../../images/layout/othersiteicon6.png) no-repeat 15px 45%; padding-left:35px; }

.othersite li:nth-child(6){background:url(../../images/layout/othersitetab4.png) no-repeat; position:relative;  z-index:1; margin-left:-20px;line-height:32px;}
.othersite li:nth-child(6) a {color:#fff; background:url(../../images/layout/othersiteicon4.png) no-repeat 15px 50%; padding-left:35px; }

.othercon { position: relative; float:right; margin-top: 6px;}
.othercon .sns_site { float: left; border: 1px solid #6F7EB7; border-width: 1px 0 1px 0; margin-right: 5px; }
.othercon .sns_site li{ float:left; border-right: 1px solid #6F7EB7; background: #8995C5; width: 28px; height: 28px; line-height: 26px; text-align: center; }
.othercon .sns_site li:FIRST-CHILD { border-left: 1px solid #6F7EB7; }
/*.othercon .sns_site li:hover { background: #7180B9; }*/
.othercon .sns_site li:nth-child(1){ background: #FB091F; }
.othercon .sns_site li:nth-child(2) { background: #3C5A9A; }
.othercon .sns_site li:nth-child(3) { background: #00C53A; }
.othercon .sns_site li:nth-child(4) { background: #DC2074; }
.othercon .sns_site li:nth-child(5) { background: #F9BF14; }
.othercon .other_site { float: left; }
.othercon .other_site li{ float:left; margin-left:2px;}

#headertop {position:relative;height:91px;background:#fff}
#headertop .inner {position:relative}
.top_logo {position:absolute; top:25px; left:47%; height:66px; margin-left:-106px; }
.top_logo h1 { display: inline-block; }
.top_logo h1 a { display: block; }
@media (max-width: 430px) {
    .top_logo h1 a>img { height: 45px; }}
.top_logo .tgg { display: inline-block; width: 83px; height: 66px; padding-left: 2px; }

.top_weather { position:absolute; left: 0; top: 0; width: 270px; height: 54px; overflow: hidden; margin-top:25px; }
.top_weather > a { display: block; width:150px; height: 100%;}
.weathericon {float:left;}
.celsius { padding-top:5px;float:left; margin-left:10px; vertical-align:top; font-size: 2em; color:#158dcb; line-height: 28px; }
.celsius span {font-size:0.588em;vertical-align:top; padding:0; margin:-5px 0 0 -7px;position:relative; display:inline-block; }
.celsius>p { font-size: 11px!important; color: #555; line-height: 12px; }
.wother { position: absolute; right: 0; top: 0px; margin-left:10px; border-left:solid 1px #ccc; padding-left:10px;}
.wother a{display:block;}

/* Top Util */
.top_util {float:right;margin-top:32px}
.gnb_util, .control_text, .select_language {float:left;height:28px;vertical-align:middle;line-height:30px}
.gnb_util li {float:left}
.gnb_util a {display:block;padding:0 8px;color:#747474;font-size:0.923em;font-weight:700;text-transform:uppercase}

/* 텍스트 컨트롤 */
.control_text {margin-left:6px}
.control_text button {position:relative;height:28px;margin-left:-1px;border:1px solid #dcdcdc;color:#777}
.control_text button:hover, .control_text button:active, .control_text button:focus {border-color:#3cb896;color:#3cb896;z-index:1}
#btn_text_large {width:26px;background-position:50% -130px}
#btn_text_default {float:left;width:56px;font-size:0.846em;font-weight:700;line-height:30px;text-transform:uppercase}
#btn_text_small {width:26px;background-position:50% -190px}
#btn_text_large:hover, #btn_text_large:active, #btn_text_large:focus {background-position:50% -160px}
#btn_text_small:hover, #btn_text_small:active, #btn_text_small:focus {background-position:50% -220px}

/* 외국어 사이트 */
.select_language {position:relative;margin-left:12px;z-index:10}
.select_language button {display:block;width:106px;height:28px;padding:0 26px 0 12px;background-color:#fff;background-position:100% -250px;color:#444;font-size:0.846em;font-weight:700;line-height:30px;text-transform:uppercase;border:solid 1px #dcdcdc; }
.select_language button:active, .select_language button:focus {background-color:#747474}
.select_language ul {display:none;background:#747474}
.select_language li a {display:block; border-top:1px solid #888;color:#fff; text-align:center;}
.select_language li:first-child a {font-size:0.923em;text-transform:uppercase;}

.gnbquick { position:relative; height:60px; background:#3a3e70;}
.gnbquick > li { padding:15px 0 0; text-align:center; vertical-align:middle; float:left; width:33.33%; height:60px;   /*-webkit-box-sizing: border-box;     -moz-box-sizing: border-box;*/          box-sizing: border-box; border-left:solid 1px #202154; }
.gnbquick > li:first-child {border-left:none;}

/* 여권 접수대기현황 */
.standby { padding-left: 25px; height: 60px; line-height: 60px; box-sizing: border-box; font-size: 18px!important; }

.gselect_language {position:relative;margin-left:12px;z-index:11;}
.gselect_language button {display:block;height:28px;padding:0 26px 0 12px; background-position:100% -250px;color:#fff;font-size:1em;font-weight:700;line-height:30px;text-transform:uppercase;border:none; }
.gselect_language button:hover, .select_language button:active, .select_language button:focus {color:#f0f0f0}
.gselect_language ul {display:none;background:#747474; position:absolute; right:20px;}
.gselect_language li {width:100% !important;background:#747474; padding:10px;}
.gselect_language li a {display:block; color:#fff}
.gselect_language li:first-child a {font-size:0.923em;text-transform:uppercase}


/* GNB */
#gnb_wrap {position:relative;height:58px;background:#414286 url(../../images/layout/gnbbg.jpg);}
#gnb_wrap .inner { /* position:relative*/ }
#gnb {position:relative}
#gnb a {display:block}


/* 1 Depth */
#btn_menu, #btn_search {display:none;}
#gnb > li {float:left;width:213px; background:url(../../images/layout/bul_gnb1.png) no-repeat 0 50%;}
#gnb > li.gnb_field, #bp_lg #gnb > li.gnb_field, #gnb > li.gnb_fev, #bp_lg #gnb > li.gnb_fev, #gnb > li.gnb_sns, #bp_lg #gnb > li.gnb_sns {width:107px}
#gnb > li > a {height:58px;color:#fff;font-size:1.308em;line-height:58px;text-align:center;text-decoration:none}
#gnb > li.active > a {height:53px;border-bottom:5px solid #d5517c}
#gnb > li > a > img {vertical-align:-7px}
#gnb > li > a > img.new_win {margin-left:3px;vertical-align:-1px}
#gnb > li.gnb_allmenu > a {background:#253c73}
#gnb > li.gnb_search > a {background:#25c6d9}
#gnb > li.gnb_fev.active > a, #gnb > li.gnb_sns.active > a {height:58px;border-bottom:0}

#gnb > li:nth-child(1) {width:158px; background:none;}
#gnb > li:nth-child(2) {width:158px;}
#gnb > li:nth-child(3) {width:160px;}
#gnb > li:nth-child(4) {width:182px;}
#gnb > li:nth-child(5) {width:157px;}
#gnb > li:nth-child(6) {width:157px;}
#gnb > li:nth-child(7) {width:192px;}

.gnb2 {position:static;}

.gnbexptxt { position:absolute; z-index:11; top:110px; left:40px; width:240px; display:none;}
.gnbexptxtA { font-size:1.929em; color:#4050c3;}
.gnbexptxtB {  color:#444; line-height:1.2;}
.gnbexptxtC { font-size:0.857em; color:#5B5C5D;}
.gnbexptxtD { color:#B22655;}
.gnbexptxtD span { color: #000; font-weight: bold; }


/* 2 Depth */
#gnb > li .depth > ul {display:none;position:absolute;top:58px;left:0;right:0;padding:0 0 0 320px; border-bottom:2px solid #414286; z-index:10; }
#gnb > li .depth > ul.sub01 {background:#fff url(../../images/layout/submenubg01.png) no-repeat 0 100%;}
#gnb > li .depth > ul.sub02 {background:#fff url(../../images/layout/submenubg02.png) no-repeat 0 100%;}
#gnb > li .depth > ul.sub03 {background:#fff url(../../images/layout/submenubg03.png) no-repeat 0 100%;}
#gnb > li .depth > ul.sub04 {background:#fff url(../../images/layout/submenubg04.png) no-repeat 0 100%;}
#gnb > li .depth > ul.sub05 {background:#fff url(../../images/layout/submenubg05.png) no-repeat;}
#gnb > li .depth > ul.sub06 {background:#fff url(../../images/layout/submenubg06.png) no-repeat 0 100%;}
#gnb > li .depth > ul > li {overflow:hidden;background:url(../../images/layout/gnbd2bg.jpg)}
#gnb > li .depth > ul > li > a { float:left; width:160px; padding:8px 0px; padding-right:25px; border-top:1px solid #2c6ad0; border-right:1px solid #2c6ad0; box-sizing: border-box; color:#fff; font-size:1.153em; text-align:right; }
/* #gnb > li .depth > ul > li.depth2 a:focus {margin-left: 13px; padding-left: 13px; margin-right: 13px; padding-right: 13px; } */
#gnb > li .depth > ul > li.depth2 a:focus { line-height:27px; border:2px solid #D84374; box-sizing: border-box; }
#gnb > li .depth > ul > li.depth2_big a:focus { border:2px solid #D84374; }
/* #gnb > li .depth > ul > li.depth2 > ul > li.depth3 a:focus { margin-left:10px; padding-right:10px; margin-right:10px; } */
#gnb > li .depth > ul.sub03 li:nth-child(10) ul { min-height: 54px;}

/* 3 Depth */
#gnb > li .depth > ul > li > ul {float:left;width:780px;padding:10px 0 10px 20px; background:#fff; border-top:1px solid #e3e3e3; min-height:26px;} /* 1344 */
#gnb > li .depth > ul > li > ul:first-child {border-top:0}
#gnb > li .depth > ul > li > ul:after {content:""; clear:both; display:block; height:0;} 
#gnb > li .depth > ul > li > ul > li {float:left; background:url(../../images/common/img_comn.png) no-repeat 3px -1357px;}
#gnb > li .depth > ul > li > ul > li a {width: auto; height:auto; padding:5px 10px 7px 10px;color:#555;line-height:1.2em;word-break:keep-all}
#gnb > li .depth > ul > li > ul > li a:hover, #gnb > li .depth > ul > li > ul > li a:active, #gnb > li .depth > ul > li > ul > li a:focus {width: auto; color:#22aeb3}
@media (max-width:1024px) {
	#gnb > li .depth > ul > li > ul > li a { color: #fff; }
}
/* 분야별 */
#gnb li.gnb_field .depth {display:none;position:absolute;top:58px;left:0;right:0;height:150px; z-index:10;}
#gnb li.gnb_field strong {display:none;position:absolute;top:0;left:0;width:170px;height:105px;border-bottom:5px solid #474747;background:#5a5a5a;color:#fff;font-size:1.846em;font-weight:400;text-align:center;line-height:105px}
.gnb_field_list {position:absolute;top:0 !important;left:0px;padding:0 !important;  background: #7694d6 url(../../images/layout/gnbbg2.png);}
.gnb_field_list > li {clear:none;float:left;width:128px;padding:0;border:0}
.gnb_field_list > li:first-child {border-left:0}
.gnb_field_list > li > a {float:none;width:100%;padding:25px 0;border-left:1px solid #5b7cc3;color:#fff;font-size:1.076em;text-align:center !important;text-decoration:none}
.gnb_field_list > li > a span.img{height:70px; margin-bottom:15px; background:url(../../images/common/gnb_icon.png) no-repeat 50% 0;background-size:70px 740px; display:block;}
.gnb_field_list > li:nth-child(1) > a span.img{background-position:50% 0} 
.gnb_field_list > li:nth-child(2) > a span.img{background-position:50% -70px} 
.gnb_field_list > li:nth-child(3)> a span.img{background-position:50% -140px}
.gnb_field_list > li:nth-child(4)> a span.img{background-position:50% -210px}
.gnb_field_list > li:nth-child(5)> a span.img{background-position:50% -280px}
.gnb_field_list > li:nth-child(6)> a span.img{background-position:50% -350px}
.gnb_field_list > li:nth-child(7)> a span.img{background-position:50% -420px}
.gnb_field_list > li:nth-child(8)> a span.img{background-position:50% -490px}
.gnb_field_list > li:nth-child(9)> a span.img{background-position:50% -560px}
.gnb_field_list > li:nth-child(10)> a span.img{background-position:50% -630px}

.gnb_field_list ul {display:none !important}

.allmenubox { display:none; color:#fff; position:absolute; top:58px; left:0; width:100%; background:#2e2f6c; min-height:500px; } 
.allmenutitle { text-align:center; width:100%; font-size:1.462em; padding:20px 0;}
.memberbox { float:left; position:absolute; top:25px;}
.memberbox li { float:left; padding:0 15px; background:url(../../images/layout/allmenucBoxico.png) no-repeat 0 -245px;}
.memberbox li:first-child {background:none;}
.memberbox li a{ color:#fff;} 
.allmenucBox { position:relative; float:left; width:230px; height:350px; margin:0 10px 20px; padding:25px 35px; background:#6172f1 url(../../images/layout/allmenucBoxbgp.png);}
.allmenucBox.c1 {}
.allmenucBox.c2 {background:#56752C;}
.allmenucBox.c3 {background:#976234;}
.allmenucBox.c4 {background:#8749ba;}
.allmenucBox.c5 {background:#bf4570; height:289px;}
.allmenucBox.c6 {background:#217671;height:289px;}
.allmenucBox.c7 {background:#291459;height:289px;}
.allmenucBox.c8 {background:#565dca;height:289px;}

.allmenutit { font-size:1.615em;}
.allmenuico {background:url(../../images/layout/allmenucBoxico.png) no-repeat 0 0px; width:33px; height:33px; position:absolute; top:25px; right:35px;}
.allmenuico.i1 {background-position: 0 0px;}
.allmenuico.i2 {background-position: -100px 0;}
.allmenuico.i3 {background-position: -200px 0;}
.allmenuico.i4 {background-position: -300px 0;}
.allmenuico.i5 {background-position: 0px -100px;}
.allmenuico.i6 {background-position: -100px -100px;}
.allmenuico.i7 {background-position: -200px -100px;}
.allmenuico.i8 {background-position: -300px -100px;}
.gomenu {}
.gomenu li{ font-size:1.231em;background:url(../../images/layout/allmenucBoxico.png) no-repeat 0 -195px; padding-left:12px; height:31px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.gomenu li a {color:#fff;}
.allmenucBoxclose {position:absolute; top:15px; right:50%; margin-right:-640px; }

.smartsearch { display:none; position:absolute; top:58px; left:0; width:100%; min-height:160px; background: #5374B7 url(../../images/layout/gnbbg2.png);}
.smartsearchBox {margin:35px 0 0 210px;}
.smartsearchBoxtit  { display:inline;}
.smartsearchBox fieldset { display:inline-block; margin:0 10px;}
.smartsearchBox .helpbox { padding-right:30px; line-height:1.462em; display:inline-block; color:#fff; background:url(../../images/layout/allmenucBoxico.png) no-repeat 90px -300px;}
.smartsearchBox .search_wrapbox { background:#fff; border-radius:25px; width:600px; height:50px; position:relative;}

.input_keyword { font-size:1.154em; padding:16px 25px !important; background:none; width:470px !important; border:none !important; }
#smtsubmit {background:url(../../images/layout/btn_searchsubmit.png) no-repeat; width:92px; height:51px; position:absolute;right:0; top:-1px;}

.favtxt { width:100%; position:absolute; bottom:0; height:46px; background: #466199 url(../../images/layout/gnbbg2.png);}
.favtxttit { font-size:1.154em; padding-left:23px; margin:0 0 0 210px;width:150px; display:inline-block; color:#fff; line-height:46px;  background:url(../../images/layout/allmenucBoxico.png) no-repeat -200px -236px;}
.favstxt {display:inline-block; font-size:1.077em; color:#fff; border:solid 1px #97addc;  border-radius:3px; line-height:24px; padding:0 10px;}
.favstxt a { color:#fff; }
.smartsearchclose {position:absolute; top:-77px; right:50%; margin-right:-640px; }


/* Sub Visual */
#sub_visual {position:relative;min-width:960px;height:160px;background:url(../../images/sub/sub_visual01.png) no-repeat 50% 0}
#sub_visual .inner {position:relative}
.vis_txt {position:absolute;top:37px;right:100px;color:#fff;font-size:1.538em}


/* container */
.container {z-index:1}
#sub_wrap {}
#sub_wrap > .group {position:relative}

#aside {float:left;width:240px;padding-bottom:50px}
#aside > h2 {position:absolute;top:-120px;width:213px;height:75px;padding:45px 0 0 27px;background:#426de8; color:#fff; line-height:1; font-size:2.230em/*font-size:2.461em*/}
#aside h2 small {display:block;padding-left:2px; padding-top:10px; font-size:0.464em; }

.todayviewcontent { margin-top:19px;}
.todayviewcontent .tdtit { font-size:1.154em; background:#6e6e6e url(../../images/layout/bul_tdtit.jpg) no-repeat; padding-left:40px; line-height:43px; height:43px; color:#fff;}
.todayviewcontent ul { background:#ddd; padding:18px 17px 10px; height:120px; overflow-y:auto;}
.todayviewcontent li {line-height:25px; height:25px; padding-left:10px; background:url(../../images/layout/bul_tdc.png) no-repeat 0 50%; }
.todayviewcontent li a{color:#555555;}
.todayviewcontent li a.tit { text-overflow: ellipsis;  overflow:hidden; width:160px; display:inline-block; white-space: nowrap;}
.todayviewcontent li a.bdel { float:right;}


#snb {margin:20px 0 0; border:solid 1px #dbdbdb; }
#snb > li { border-top:solid 1px #dbdbdb; }
#snb > li:first-child { border-top:none;}
#snb > li.current:first-child { border-top: solid 1px #dbdbdb;}
#snb > li > a { position:relative; background:#eee; display:block;height:48px;padding:0 20px 0 26px; color:#333;font-size:1.153em;line-height:50px;text-decoration:none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#snb > li:first-child > a {padding-top:4px;line-height:52px}
#snb > li.current > a {height:50px;margin-top:-1px;border-bottom:0;background:#fff; color:#2349b4;font-weight:700;line-height:52px}
#snb > li:first-child.current > a {background-position:100% -916px}
#snb ul {display:none;border-top:1px solid #dbdbdb; }
#snb .current ul {display:block;padding:10px 0}
#snb ul a {display:block;padding:5px 20px 5px 40px;background:url(../../images/layout/bul_snbulaoff.png) no-repeat 25px 50%;line-height:1.384}
#snb ul a:hover, #snb ul a:active, #snb ul a:focus {background:url(../../images/layout/bul_snbulaon.png) no-repeat 25px 50%; color:#4f73f6}
#snb ul a:focus {margin:-2px;}
#snb ul li a.current {background:url(../../images/layout/bul_snbulaon.png) no-repeat 25px 50%;color:#4f73f6;font-weight:700}
#snb ul a.go_blank {padding:5px 40px 5px 40px;}
#snb .tblank {position:absolute; right:20px; top:20px;}
#snb .tmore {position:absolute; right:10px; top:12px;}

#snb ul li img { margin: -2px 0 0 3px; }

#contents {float:left; width:980px; padding-left:60px; text-align: justify; }
.sub_title {position:relative; padding:17px 0 0; z-index: 1;}

.sub_title h2 {margin-left:-14px;padding:10px 0 0 14px; color:#333c7d;font-size:2.462em}
.sns {position:absolute;top:17px;right:10px}

.sns li {float:left;margin-left:8px}
.sns li a {width:38px;height:38px;}
.sns li.snsopen a{background:url(../../images/layout/btn_snsopen.png) no-repeat;}
.sns li ul {position:absolute; border:solid 0px #ccc; top:45px; left:0; display:none;}
.sns li ul li {clear:both; float:none;}
.sns li ul li a {width:38px;height:38px;}
.sns li ul li a:last-child {width:38px;height:42px;}
.sns li ul li.blog a {background:url(../../images/layout/btn_snsb.png) no-repeat;}
.sns li ul li.instar a {background:url(../../images/layout/btn_snsi.png) no-repeat;}
.sns li ul li.cacao a {background:url(../../images/layout/btn_snsc.png) no-repeat;}
.sns li ul li.facebook a {background:url(../../images/layout/btn_snsf.png) no-repeat;}
.sns li ul li.twitter a {background:url(../../images/layout/btn_snst.png) no-repeat;}
.sns li ul li.snsclose {position:absolute; top:-45px;}
.sns li ul li.snsclose a {background:url(../../images/layout/btn_snsclose.png) no-repeat;}
.sns li.print a {background:url(../../images/layout/btn_print1.png) no-repeat;}



.locations { height:27px; border-bottom:solid 1px #cbcbcb; overflow:hidden;width:auto;padding:11px 0 7px ;line-height:2; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.locations .home {margin-left:9px; display:inline-block;float:none;width:17px;height:17px;margin-top:-2px;background:url(../../images/layout/icon_home.png) no-repeat;color:transparent;vertical-align:middle}
.locations .sep {display:inline-block;float:none;width:16px;height:28px;background:url(../../images/layout/bul_loc.png) no-repeat 50% 50%;vertical-align:middle}
.locations strong {color:#17549b;font-weight:400}

#conts {padding:40px 0 50px; min-height:500px;}


/* 만족도 조사 */
.satisfaction {padding:15px 0;}
.sf_charge {padding:14px;}
.sf_charge dt {float:left;width:11%;border:1px solid #d4d4d4;background:#e4e4e4 url(../../images/layout/chargeppbg.jpg);font-weight:700;text-align:center;line-height:32px}
.sf_charge dd {float:left;width:36%;padding:5px 0;padding-left:2%;line-height:24px;  min-height:34px;}
.sf_wrap {margin-top:15px;border:1px solid #d8d8d8;background:#f4f4f4}
.sf_research {float:left;width:100%}
.sf_research p {background:#fff url(../../images/layout/chargetxticon.png) no-repeat 20px 50%; padding:6px 0 5px 45px;border-bottom:1px solid #d8d8d8;}
.sf_level {padding:6px 0 6px 20px}
.sf_level input[type='radio'] {margin-left:2px}
.sf_level label {padding:0 30px 0 4px}
.sf_survey {padding:0 125px 15px 20px; position:relative;  }

.sf_survey input[type="text"] { border:1px solid #ddd; width:100%; line-height:28px; height:28px; padding:0 5px; font-size:14px; }
.sf_survey input[type="submit"] { position:absolute; top:0; right:15px; width:100px;height:30px;margin-left:-4px;background:#1ba06f url(../../images/layout/chargebtnbg.jpg);color:#fff;font-weight:700;text-align:center}

.box_type{ margin-top: 15px; padding: 7px 5px; border: 1px solid #d8d8d8; text-align: center; }
.green_point{ font-family: 'NanumGothicBold'; color: #159968 !important; }
.qr_code {float:left;width:117px;padding:15px 0;border-left:1px solid #d8d8d8;background:#fff;text-align:center}

.comment_list {margin-top:15px}
.comment_list li {position:relative;padding:8px 160px 8px 15px;border-bottom:1px dashed #d4d4d4;line-height:1.5}
.comment_list li .date {position:absolute;top:9px;right:15px;color:#8d8d8d;font-size:0.923em}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* Footer
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#foot_menus {position:relative;height:60px;border:1px solid #dbdbdb; border-width:1px 0; background:#ebebeb;z-index:5}

/* 하단 메뉴 */
.foot_menus > ul { width: 600px; float: left; } 
.foot_menus > li {float:left;position:relative;width:300px}
.foot_menus > li > button {position:relative;display:block;width:100%;height:60px;padding-left:30px;border-right:1px solid #dbdbdb;background-position:270px -785px;text-align:left;line-height:48px;text-decoration:none}
/* .foot_menus > li:first-child > button {border-left:1px solid #dbdbdb;} */
.foot_menus > li.active > button {background-position:270px -840px}
.foot_menus  div {display:none;position:absolute;left:-1px;right:0;padding-bottom:1px;border:1px solid #cfcfcf;border-bottom:0;background:#fff}
.foot_menus .fm_1 {top:-537px;height:522px;padding-top:12px}
.foot_menus .fm_2 {top:-312px;height:298px;padding-top:12px}
.foot_menus .fm_3 {top:-312px;height:283px;padding-top:27px}
.foot_menus .fm_4 {top:-322px;height:299px;padding-top:21px}

.foot_menus ul .col2 {float:left;width:45%}

.foot_menus ul .clear {clear:both}
.foot_menus ul li a {display:block;padding-left:38px;background-position:30px -599px;line-height:2}


.foot_menus ul li a:hover, .foot_menus ul li a:active, .foot_menus ul li a:focus, .fq_box ul li a:hover, .nt_list li a span:hover {color:#002ee3; font-weight: bold;}
.foot_menus .close {position:absolute;top:-1px;right:-1px;width:30px;height:30px;background-color:#37383a;background-position:50% -910px}
.foot_menus .close:hover, .foot_menus .close:active, .foot_menus .close:focus {background-color:#36bfc4}

/* 하단 배너 */
#foot_banner { position: relative; float: left; overflow:hidden; height:60px; width:380px; }
#foot_banner .inner {position:relative}
#foot_banner .fb_skip {position:absolute;left:0;top:-30px;}
#foot_banner .fb_skip a:active, #foot_banner .fb_skip a:focus {display:block;position:absolute;left:0;top:30px;width:120px;height:30px;background:#3cb896;color:#fff;text-align:center;text-decoration:none;line-height:30px;z-index:5}
#foot_banner .fb_box {position:absolute; width:1110px; height:44px;margin:8px 0 0 70px;;overflow:hidden}
#slider_foot_banner {position:absolute; width:1130px; overflow: hidden; }
#slider_foot_banner li {float:left; display: inline-block; }
#slider_foot_banner li a { display: block; }
/* 하단 링크 부분 키보드 포커스 미표시로 인해 색상을 base.css에서 처리하도록 변경*/
#foot_banner .control {position:absolute;top:8px;left:10px;width:48px}
#foot_banner .control button, #foot_banner .control a {position:absolute;width:24px;height:24px}
#foot_banner .control .btn_prev {top:0;left:0;background-position:0 -950px}
#foot_banner .control .btn_prev:hover, #foot_banner .control .btn_prev:active, #foot_banner .control .btn_prev:focus {background-position:0 -980px;z-index:1}
#foot_banner .control .btn_next {top:0;left:23px;background-position:0 -1010px}
#foot_banner .control .btn_next:hover, #foot_banner .control .btn_next:active, #foot_banner .control .btn_next:focus {background-position:0 -1040px;z-index:1}
#foot_banner .control .btn_more {top:21px;left:0px;background-position:0 -1070px}
#foot_banner .control .btn_more:hover, #foot_banner .control .btn_more:active, #foot_banner .control .btn_more:focus {background-position:0 -1100px;z-index:1}
#foot_banner .control .btn_stop {top:21px;left:23px;background-position:0 -1130px}
#foot_banner .control .btn_stop:hover, #foot_banner .control .btn_stop:active, #foot_banner .control .btn_stop:focus {background-position:0 -1160px;z-index:1}
#foot_banner .control .btn_play {display:none;top:21px;left:23px;background-position:0 -1190px}
#foot_banner .control .btn_play:hover, #foot_banner .control .btn_play:active, #foot_banner .control .btn_play:focus {background-position:0 -1220px;z-index:1}

/* 하단 퀵메뉴 */
#foot_quick {background:url(../../images/layout/foot_quickbg.png) repeat-x;}
#foot_quick button[type='button'] {width:100%;height:41px;border-bottom:1px solid #1a1b1c;background:#4461a1 url(../../images/layout/btn_quickmenu.png) no-repeat 50% -41px}
#foot_quick button[type='button']:focus{border:2px solid #D84374;}
#foot_quick button[type='button'].active {border-bottom:0;background-position:50% 0}

.fq_box {position:relative; float:left;width:394px;min-height: 160px; padding:70px 0 25px 30px;border-left:1px solid #cfcfcf;background:#fff; margin-top:38px;}
.fq_citizen {border-left:none;}

.fq_box h3 {position:absolute; left:50%; top:-33px; margin-left:-32px; height:90px; line-height:1.3; width:63px; font-size:1.230em;font-weight:700; text-align:center; }
.fq_box h3 span.ico {display:table;height:70px; width:63px;  background:url(../../images/layout/icon_foot_quick.png) no-repeat 0 0;}
.fq_box h3 span {float:none;height:13px; font-size:12px; color:#1B75BC}
.fq_citizen h3 span {width:46px;background-position:0 0;}
.fq_corporation h3 span {width:78px;background-position:-60px 0}
.fq_tour h3 span {width:30px;background-position:-149px 0}

.fq_box h3 img {display:block}
.fq_citizen h3 {}

.fq_corporation h3 span.ico{background-position:0 -70px; background-repeat:no-repeat}

.fq_tour h3 span.ico{ background-position:0 -140px; background-repeat:no-repeat}

.fq_box ul {width:100%;margin:20px 0 0 0}

.fq_box li {float:left;width:33.333%}

.fq_box li a {display:block;padding-left:8px;background-position:0 -1248px;line-height:2}
.fq_citizen a:hover, .fq_citizen a:active, .fq_citizen a:focus {color:#5b90be}
.fq_corporation a:hover, .fq_corporation a:active, .fq_corporation a:focus {color:#34a77c}
.fq_tour a:hover, .fq_tour a:active, .fq_tour a:focus {color:#e46c51}
.fq_citizen a:focus, .fq_corporation a:focus, .fq_tour a:focus { margin:-2px; }

#foot_util {height:45px;border-bottom:1px solid #525252; background:#7a7a7a}
#foot_util .inner {position:relative}
.foot_util {float:left}
.foot_util li {float:left; text-align:center; height:23px; padding:11px 0; background:url(../../images/layout/bul_fnb1.png) no-repeat 0 50% ;}
.foot_util li:first-child {background:none;}
.foot_util li a {display:block;padding:0 14px;color:#fff;text-decoration:none;transition:background .3s, color .3s}
.foot_util li:first-child a {}
.foot_util li a:hover, .foot_util li a:active, .foot_util li a:focus {background:#1a1b1c;color:#ccc}
.foot_count {float:right}
.foot_count li { background-position:28px -640px;float:left;height:45px;padding:0 25px;border-right:1px solid #525252;background-color:#5f5f5f; color:#fff;font-size:0.923em;line-height:45px}
.foot_count li:first-child {border-left:1px solid #525252;}

.pinfo { color: #ffe32a!important; }

/*qr코드 추가*/
.qrcode { float: right; }
.mark { float: right; }

.footer_banner {float:right; padding:0 5px 0 0; }

#foot_info {padding:26px 0 40px;background:#5f5f5f;color:#f9f9f9;font-size:0.923em;line-height:1.667}
#foot_info .inner {position:relative}
#foot_info a { display: inline-block; }
.foot_logo {width:96px;height:42px;margin:14px 56px 0 24px; float:left;}
.copyright {margin-top:6px;color:#dadada;}
.gotop {display:none; margin-top:30px; background:url(../../images/layout/gotopbg.jpg) repeat-x;}