@charset "UTF-8";

/* Layout */
html {overflow-y:auto;width:100%}
body {position:relative;min-width:1280px; 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; width:129px;height:32px; z-index:4;line-height:32px;}
.othersite li:nth-child(1) a {color:#fff; 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:3; 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/othersitetab1.png) no-repeat; position:relative;  z-index:4; margin-left:-20px;line-height:32px;  padding-top:6px; margin-top:0; }
.othersite li:nth-child(3) a {color:#2c6eb9; background:url(../../images/layout/othersiteicon3_.png) no-repeat 15px 50%; padding-left:35px; }
.othersite li:nth-child(4){background:url(../../images/layout/othersitetab4.png) no-repeat; position:relative;  z-index:1; margin-left:-20px;line-height:32px;}
.othersite li:nth-child(4) a {color:#fff; background:url(../../images/layout/othersiteicon4.png) no-repeat 15px 50%; padding-left:35px; }

.othercon { float:right; margin-top:7px;}
.othercon li{ float:left; margin-left:2px;}
#headertop {position:relative;height:91px;background:#fff}
#headertop .inner {position:relative}
.top_logo {position:absolute; top:23px; left:50%; width:266px;height:48px;margin-left:-133px; }

/*카카오 플러스 친구 배너 */
.top_kakao {position:absolute; top:6px; left:0px; width:170px;height:66px; }
#pop_kakao{position:absolute; left:0; top:66px; display:none;}
.top_kakao:hover #pop_kakao{display:block; z-index: 999999; }

.app_qr_code {position:absolute; top:12px; left:175px; width:74px;height:66px; }
#pop_qr{position:absolute; left:0; top:66px; display:none;}
.app_qr_code:hover #pop_qr{display:block; z-index: 999999; }

.top_weather {float:left; margin-top:25px; position:absolute;}
.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: 12px!important; color: #777; line-height: 12px; }
.wother {float:left; margin-left:10px; border-left:solid 1px #ccc; padding-left:10px;}


/* 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; padding:0 8px 0 30px;}
.gnb_util li a {display:block;color:#747474;font-size:0.923em;font-weight:700;text-transform:uppercase}
.top_home { background:url(../../images/layout/icon_lnb_home.png) no-repeat 15px 48%;}
.top_login { background:url(../../images/layout/icon_lnb_login.png) no-repeat 15px 48%;}
.top_sitemap { background:url(../../images/layout/icon_lnb_sitemap.png) no-repeat 15px 48%; }


/* 확대 축소  */
.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:hover, .select_language button:active, .select_language button:focus {background-color:#f0f0f0}
.select_language ul {display:none;background:#747474}
.select_language li a {display:block; border-top:1px solid #888;color:#fff}
.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;}
.gnbquick > li a {}

.gselect_language {position:relative;margin-left:12px;z-index:10}
.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; margin-right:58px;}
#gnb a {display:block}


/* 1 Depth */
#btn_menu, #btn_search {display:none;}
#gnb > li {float:left;width:20%; 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 { position:relative; z-index:12; height:58px;color:#fff;font-size:1.2em;line-height:58px;text-align:center;text-decoration:none}
#gnb > li.active > a {height:58px;border-bottom:5px solid #53bdd8; -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;          box-sizing: border-box;}
#gnb > li > a > img {vertical-align:-7px}
#gnb > li > a > img.new_win {margin-left: 6px; 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:first-child { background:none; }

/*
#gnb > li:nth-child(1) {width:190px; background:none; }
#gnb > li:nth-child(2) {width:175px;}
#gnb > li:nth-child(3) {width:175px;}
#gnb > li:nth-child(4) {width:175px;}
#gnb > li:nth-child(5) {width:175px;}
#gnb > li:nth-child(6) {width:175px;}
*/
.gnb2 {position:static;}


/*2 Depth*/
#gnb > li > div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:none; position:absolute; top:58px; left: auto; margin-left: 0; width: 24.8%; background: #fff; border-bottom: 1px solid #cbcbcb; z-index:10; border-left:solid 1px #ededed;  }
#gnb > li:last-child > div { border-left:solid 1px #ededed; }
#gnb > li > div .sm { display: block; font-size: 15px; color: #444; text-align: left; padding: 20px 0px 10px 20px;  }
#gnb > li > div .sm:hover { color: #000; text-decoration: underline; }
#gnb > li > div > ul { width: 100%; height: 250px; padding: 20px 0;}
#gnb > li > div > ul > li { line-height: 23px; margin-right: 15px; text-align: left; /*background:url(/../img/common/icon_dot.gif) no-repeat left 12px;*/  padding:0 15px;}
#gnb > li > div > ul > li > a { color: #666; padding: 0px 18px 5px 8px; } 
#gnb > li > div > ul > li > a:hover { color: #000; text-decoration: underline; }
/* #gnb > li > div > ul > li > ul > li { background:url(/council/img/common/icon_arrow.gif) no-repeat left 10px; line-height: 1.8em; } */
#gnb > li > div > ul > li > ul > li { line-height: 1.8em; }
#gnb > li > div > ul > li > ul > li > a { font-size: 1em; font-family:'NanumGothic'; }

.depth .dep_list li a .new_win { margin-left: 5px; }

@media (max-width:1024px) {
#gnb > li > div > ul { width: 100%; height: 200px; padding: 0px 0;}
#gnb > li > div > ul > li { overflow: hidden; background: none; background: #e8edf0; margin-right: 0px; padding:0 0px;}
#gnb > li > div > ul > li.current { background: #1680b2; }
#gnb > li > div > ul > li.current > a { color: #fff; background-position: 27px -1419px; border-top: 1px solid #12668e; }
#gnb > li > div > ul > li > a { background-position: 27px -1379px; border-top: 1px solid #babec0; border-right: 0px solid #2c6ad0; padding: 10px 0 8px; float: none; width: 100%; color: #384c55; font-size: 1.153em; text-align: left; padding-left: 42px;     background-image: url(../../images/common/img_comn.png); background-repeat: no-repeat;}
#gnb > li > div > ul > li > ul { float: none; width: 100%; padding: 10px 0; background: #126f9b; border-top: 1px solid #0f5b80;}
#gnb > li > div > ul > li > ul > li { float: none; width: 100%; background: #126f9b; } 
#gnb > li > div > ul > li > ul > li > a { background-image: url(../../images/common/img_comn.png); background-repeat: no-repeat;}
}
/* 2 Depth */
/*
#gnb > li > 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 > ul.sub01 {background:#fff url(../../images/layout/submenubg01.png) no-repeat;}
#gnb > li > ul.sub02 {background:#fff url(../../images/layout/submenubg01.png) no-repeat;}
#gnb > li > ul.sub03 {background:#fff url(../../images/layout/submenubg01.png) no-repeat;}
#gnb > li > ul.sub04 {background:#fff url(../../images/layout/submenubg01.png) no-repeat;}
#gnb > li > ul.sub05 {background:#fff url(../../images/layout/submenubg01.png) no-repeat;}
#gnb > li > ul.sub06 {background:#fff url(../../images/layout/submenubg01.png) no-repeat;}
#gnb > li > ul > li {overflow:hidden;background:url(../../images/layout/gnbd2bg.jpg)}
#gnb > li > ul > li > a {  border-top:1px solid #2c6ad0; border-right:1px solid #2c6ad0; padding:10px 0 8px; float:left;width:134px;padding-right:25px;color:#fff;font-size:1.153em;text-align:right; }
*/

/* 3 Depth */
#gnb > li > ul > li > ul {float:left;width:780px;padding:10px 0 10px 20px; background:#fff; border-top:1px solid #e3e3e3;} /* 1344 */
#gnb > li > ul > li > ul:first-child {border-top:0}
#gnb > li > ul > li > ul:after {content:""; clear:both; display:block; height:0;} 
#gnb > li > ul > li > ul > li {float:left; background:url(../../images/common/img_comn.png) no-repeat 3px -1357px;}
#gnb ul ul li a {height:26px;padding:0 25px 0 10px;color:#5c5c5c;line-height:26px;word-break:keep-all}
#gnb ul ul li a:hover, #gnb ul ul li a:active, #gnb ul ul li a:focus {color:#22aeb3}

/* 검색 */
.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:115px;background:url(../../images/sub/sub_visual01.png) no-repeat 50% 0}
#sub_visual .inner {position:relative}
.vis_txt {position:absolute; left:320px; top:50px;color:#333333;font-size:2.615em}


/* container */
.container { width: 100%; z-index:1; background:url(../../images/layout/containerbg.jpg) repeat-x;}
#sub_wrap {}
#sub_wrap > .group {position:relative}

#aside {float:left; width:260px; padding-bottom:50px}
#aside > h2 {position:absolute;top:-115px;width:260px;height:115px;box-sizing:border-box; padding:45px 0 0 27px; color:#fff; line-height:1; font-size:24px; background:#606060;}
#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:0 0; border:solid 1px #dbdbdb; }
#snb > li { border-top:solid 1px #dbdbdb; }
#snb > li:first-child { border-top:none;}
#snb > li > a { position:relative; background:#fff; 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:#c7426e; color:#fff;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:0px}
#snb ul a {display:block;padding:11px 10px 11px 30px;background:#ededed url(../../images/layout/bul_snbulaoff.png) no-repeat 18px 50%;line-height:1.384; border-top:solid 1px #dcdcdc; }
#snb ul li:first-child a {border:none; }
#snb ul a:hover, #snb ul a:active, #snb ul a:focus {background:#ededed url(../../images/layout/bul_snbulaon.png) no-repeat 20px 50%; color:#555555}
#snb ul li a.current {background:#ededed url(../../images/layout/bul_snbulaon.png) no-repeat 18px 50%;color:#d84374;font-weight:700}
#snb .tblank {position:absolute; right:20px; top:20px;}
#snb .tmore {position:absolute; right:10px; top:12px;}
#snb .tblank2 { margin-left: 5px; }

/* 콘텐츠 영역 */
#contents {float:left;width:960px;padding-left:60px}
.sub_title {position:relative;padding:0 0; z-index:1;}

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

/* sns 공유 */
.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.band a {background:url(../../images/layout/btn_snsband.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.cacaot a {background:url(../../images/layout/btn_snsct.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:53px; overflow:hidden;padding:1px 0 0 ;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:70px;height:53px;background:url(../../images/layout/bul_loc.png) no-repeat 50% 50%;vertical-align:middle}
.locations strong {color:#17549b;font-weight:400}
#conts {padding:0px 0 80px; min-height:500px;}


/* 사이드메뉴 추가 2019 10 22 */
.side_qick_menu { position: fixed; right: 0px; top: 0px; width: 108px; height: 600px; z-index: 9999; box-sizing: border-box; }
.side_qick_menu h3 { background: #28356F; height: 38px; line-height: 38px; color: #fff; font-size: 16px; text-align: center; }
.side_qick_menu ul{ }
.side_qick_menu ul li { height: 90px; background-color: #fff; box-sizing: border-box; border-bottom: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; text-align: center; }
.side_qick_menu ul li:hover { background-color: #f5f5f5; }
.side_qick_menu ul li a { display: block; padding-top: 55px; line-height: 1.2em; font-size: 14px; letter-spacing: -1px; }
.side_qick_menu ul li a span { display: block; line-height: 1.2em; }
.side_qick_menu ul li:nth-child(1) a { background: url(/edu/images/main/quick_09.png) no-repeat center 6px; }
.side_qick_menu ul li:nth-child(2) a { background: url(/edu/images/main/quick_06.png) no-repeat center 6px; }
.side_qick_menu ul li:nth-child(3) a { background: url(/edu/images/main/quick_07.png) no-repeat center 6px; }
.side_qick_menu ul li:nth-child(4) a { background: url(/edu/images/main/quick_02.png) no-repeat center 6px; }
.side_qick_menu ul li:nth-child(5) a { background: url(/edu/images/main/quick_03.png) no-repeat center 6px; }
.side_qick_menu ul li:nth-child(6) a { padding-top: 60px; background: url(/edu/images/main/quick_05.png) no-repeat center 6px; }
.side_qick_menu ul li:nth-child(7) a { padding-top: 60px; background: url(/edu/images/main/quick_06.png) no-repeat center 6px; }
.side_qick_menu ul li:nth-child(8) a { background: url(/edu/images/main/quick_07.png) no-repeat center 6px; }
.side_qick_menu ul li:nth-child(9) a { background: url(/edu/images/main/quick_04.png) no-repeat center 6px; }


@media (max-width:1024px) {
	.side_qick_menu { position: relative; float: left; width: 640px; height: 331px; top: 0px; margin: 0 auto; }
	.side_qick_menu ul { width: 640px; height: auto; overflow: hidden; }
	.side_qick_menu ul li { width: 33.33%; height: 98px; float: left; }
	
	.top_kakao, .app_qr_code { display: none; }
}	
@media (max-width:640px) {
	.side_qick_menu { display: none; position: relative; width: 320px; height: 430px; top: 0px; }
	.side_qick_menu ul { width: 320px; overflow: hidden; }
	.side_qick_menu ul li { width: 50%; float: left; }
}
/* 만족도 조사 */
.satisfaction {padding:15px 0 60px;}
.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;  }
.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:48px;border:1px solid #dbdbdb; border-width:1px 0; background:#ebebeb; z-index: 1; }

/* �ϴ� �޴� */
.foot_menus > li {float:left;position:relative;width:20%;}
.foot_menus > li > button {position:relative;display:block;width:100%;height:48px;padding-left:30px;border-right:1px solid #dbdbdb;background-position:290px -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:290px -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:-443px;height:410px;padding-top:30px}
.foot_menus .fm_2 {top:-303px;height:270px;padding-top:30px}
.foot_menus .fm_3 {top:-273px;height:240px;padding-top:30px}
.foot_menus .fm_4 {top:-233px;height:200px;padding-top:30px}
.foot_menus .fm_5 {top:-363px;height:330px;padding-top:30px}

.foot_menus ul .col1 {float:left; width:99%; padding: 5px 0; }
.foot_menus ul .col2 {float:left; width:49%; padding: 5px 0; }

.foot_menus ul .clear {clear:both}
.foot_menus ul li a {display:block;padding-left:28px;background-position:20px -602px; line-height: 1.3em; }


.foot_menus ul li a:hover, .foot_menus ul li a:active, .foot_menus ul li a:focus {color:#22aeb3}
.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_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'].active {border-bottom:0;background-position:50% 0}

.fq_box {position:relative; float:left;width:394px;padding:70px 0 30px 30px;border-left:1px solid #cfcfcf;background:#fff; margin-top:41px;}
.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:#bcbcbc;}
.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}

#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; }


.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_logo {width:96px;height:80px;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;}


/* 하단 배너 */
#foot_banner {overflow:hidden;position:relative; height:75px; width:100%; }
#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:15px 0 0 170px;;overflow:hidden}
#slider_foot_banner {position:absolute; width:1130px; }
#slider_foot_banner li {float:left;}
#foot_banner .control {position:absolute;top:27px;left:21px;width:100px}
#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:0px;left:46px;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:0px;left:69px;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:0px;left:69px;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}



/* 팝업 추가 */
#divpop3{position:absolute; width:300px; left: 97%; top:180px; z-index:9999; background:#fff; text-align:center;}
#divpop3 div { float: left; }
.close_button {  float: right;  width: 18.75rem;  line-height: 1.5rem;   text-align: center;  cursor: pointer; background-color: #000; color: #fff;}