@charset "utf-8";
/* Web Standardization Team, Author:JongWoon,LEE 2015.09.14 */

/* UI Object */
html,body,#wrap{height:100%}
body>#wrap{height:auto;min-height:100%}
#wrap{clear:both;position:relative;width:100%;margin:0 auto}
.shadow{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/rsc/new_style/images/korean/header/shadow.png) repeat 50% 50%;opacity:0;z-index:2}

/*header*/
#header{position:relative;width:100%;min-width:auto;height:auto;border:0 none;background:none;z-index:auto}
#header .headwrap{position:relative;width:1200px;height:65px;margin:0 auto;z-index:1}
#header .headwrap h1{display:block;position:absolute;top:15px;left:5px;z-index:1}
#header .headwrap h1 a{display:block;width:215px;height:35px;background:url(/rsc/new_style/images/korean/header/h1_logo.png) no-repeat 0 50%;font-size:0;line-height:0}
/*tsidemenu 유틸메뉴*/
#header .headwrap .tsidemenu{position:absolute;top:16px;right:80px}
#header .tsidemenu ul{display:inline-block;float:left;padding:4px 0;margin-left:20px}
#header .tsidemenu li{float:left;padding:0 10px;background:url(/rsc/new_style/images/korean/header/bar_tsidemenu.gif) no-repeat 0 7px}
#header .tsidemenu li:first-child{padding-left:0;background:none}
#header .tsidemenu li a{display:block;width:auto;height:12px;padding:6px 0;font-size:0.857em;line-height:1em;color:#767676}
#header .tsidemenu li a.eng{color:#e77866}
/*tsidemenu 통합검색*/
#header .tside_search{display:inline-block;float:left;position:relative;width:150px;height:24px;padding:4px 35px 4px 95px;background:url(/rsc/new_style/images/korean/header/tside_search_bg.gif) no-repeat 50% 50%}
#header .tside_search input{width:140px;height:24px;border:0 none}
#header .tside_search .submit{position:absolute;top:4px;right:10px;width:18px;height:24px;padding:3px 0 2px;border:0 none;background:none}
#header .tside_search .submit span{display:block;width:18px;height:19px;background:url(/rsc/new_style/images/korean/header/tside_search_btn.png) no-repeat 50% 50%;font-size:0;line-height:0}
#search_form .select_frm{position:absolute;top:4px;left:5px;width:88px;height:24px;z-index:1}
#search_form .select_frm a{display:block;padding:0 10px;background:url(/rsc/img/header/bg_search_option.gif) no-repeat 100% 5px;font-size:0.929em;line-height:1.846em;color:#5fa4c8;cursor:pointer}
#search_form.on .select_frm a{background-position:100% -45px}
#search_option_group{position:absolute;top:27px;left:0;width:100%;height:48px;background:#fff;border:1px solid #5fa4c8}
#search_option_group .option{display:block;position:relative;width:100%;height:24px}
#search_option_group .option .radio_option{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0)}
#search_option_group .selected label{color:#fff;background:#5fa4c8}
#search_option_group .option label{display:block;padding:3px 6px;margin:0;width:76px;height:18px;font-size:0.929em;line-height:1.385em;cursor:pointer}
#search_option_group .option label:hover,#search_option_group .option label:focus,#search_option_group .on label{background:#5fa4c8;color:#fff}

/*gnbwrap 정부 3.0 깨질때 25px로 전환하기 41번째줄*/
#header .gnbwrap{position:relative;background:url(/rsc/new_style/images/korean/header/head_top_bg.png) repeat-x}
#header .gnbwrap #topmenu{position:relative;width:1200px;margin:0 auto}
#header .gnbwrap #topmenu #gnavigation{display:inline-block;position:relative;width:1200px;}
.gnbwrap #topmenu #gnavigation li.th1{float:left;position:relative;margin:0 70px 0 0;text-align:center}
.gnbwrap #topmenu #gnavigation li.th1.no8{margin:0 0 0 0;}

.gnbwrap #topmenu #gnavigation li.th1 a.th1_lnk{display:block;height:43px;padding:11px 0;font-weight:normal;font-family:"Noto Sans M";font-size:1.3em;line-height:2.5em;color:#fff;letter-spacing:-0.04em;}
.gnbwrap #topmenu #gnavigation .arrow{display:none;position:absolute;bottom:0;left:0;width:100%;height:3px;background:#f9a294;font-size:0;line-height:0;z-index:1}
.gnbwrap #topmenu #gnavigation .th2wrap{display:none;position:absolute;top:60px; left:10px;width:1000px;height:48px;padding:0;text-align:left;z-index:1}
.gnbwrap #topmenu #gnavigation .th2wrap.th2 li{float:left}
.gnbwrap #topmenu #gnavigation .th2wrap.th2 li a{display:block;padding:10px;font-weight:normal;font-size:1.071em;line-height:2.8em;color:#658192;letter-spacing:-0.05em}
.gnbwrap #topmenu #gnavigation .th2wrap.th2 li a.ov,.gnbwrap #topmenu #gnavigation .th2wrap.th2 li a:hover,.gnbwrap #topmenu #gnavigation .th2wrap.th2 li a:active,.gnbwrap #topmenu #gnavigation .th2wrap.th2 li a:focus{font-weight:normal;font-family:"Noto Sans M";color:#3e86ab}
.gnbwrap #topmenu #gnavigation .no1 .th2wrap{left:-5px}
.gnbwrap #topmenu #gnavigation .no6 .th2wrap{left:-130px}
.gnbwrap #topmenu #gnavigation .no7 .th2wrap{left:-110px}
.gnbwrap #topmenu #gnavigation .no8 .th2wrap{left:-380px}
/*allMenuWrap*/
.allMenuWrap{clear:both;display:block;position:absolute;top:0;right:50%;width:1100px;margin-right:-500px;z-index:3}
.allMenuWrap .total_menu{position:absolute;top:0;right:-100px;width:75px;height:65px;background:#3e86ab}
.allMenuWrap .total_menu a{display:block;padding:38px 0 12px;background:url(/rsc/new_style/images/korean/header/total_menu_icon.png) no-repeat 50% 13px;font-weight:normal;font-family:"Noto Sans M";font-size:0.857em;line-height:1.25em;color:#FFFFFF;text-align:center}
.allMenuWrap .allMenu{display:none;position:relative;width:1170px;margin:65px auto 0;padding:15px;background:#fff}
.allMenuWrap .allMenu.open{display:block}
.allMenuWrap .allMenu .allMenu_lst{display:block;position:relative;border:1px solid #e1e2e2}
.allMenuWrap .allMenu .allMenu_lst > ul{display:inline-block;width:1200px;margin-left:-1px;vertical-align:top}
.allMenuWrap .allMenu .allMenu_lst .th1{float:left;width:288px;min-height:260px;background:url(/rsc/new_style/images/korean/header/allMenu_th1_line.gif) repeat-y}
.allMenuWrap .allMenu .allMenu_lst .th1.no1,.allMenuWrap .allMenu .allMenu_lst .th1.no5{width:288px}
.allMenuWrap .allMenu .allMenu_lst .th1.no5,.allMenuWrap .allMenu .allMenu_lst .th1.no6,.allMenuWrap .allMenu .allMenu_lst .th1.no7,.allMenuWrap .allMenu .allMenu_lst .th1.no8{min-height:280px}
.allMenuWrap .allMenu .allMenu_lst .th1 .th1_lnk{display:block;width:288px;height:54px;padding-left:17px;border-left:1px solid #33759c;background:#3e86ab;font-weight:normal;font-family:"Noto Sans M";font-size:1.286em;line-height:3em;color:#fff}
.allMenuWrap .allMenu .allMenu_lst .th1.no1 .th1_lnk,.allMenuWrap .allMenu .allMenu_lst .th1.no5 .th1_lnk{width:288px}
.allMenuWrap .allMenu .allMenu_lst .th2{display:block;float:none;margin:17px 0 0}
.allMenuWrap .allMenu .allMenu_lst .th2 li{display:block;min-height:28px}
.allMenuWrap .allMenu .allMenu_lst .th2 li a{display:block;height:21px;padding:4px 0 3px 30px;font-weight:normal;font-size:1.071em;line-height:1.4em;color:#555;letter-spacing:-0.05em}
.allMenuWrap .allMenu .allMenu_lst .th2 li a.ov,.allMenuWrap .allMenu .allMenu_lst .th2 li a:hover,.allMenuWrap .allMenu .allMenu_lst .th2 li a:active,.allMenuWrap .allMenu .allMenu_lst .th2 li a:focus{background:url(/rsc/new_style/images/korean/header/gnb_bull_th2.gif) no-repeat 0 7px;color:#3e86ab}
.allMenuWrap .allMenu .btn_close{display:block;position:absolute;right:0;top:-65px;width:75px;height:65px;background:#3e86ab}
.allMenuWrap .allMenu .btn_close a{display:block;padding:38px 0 12px;background:url(/rsc/new_style/images/korean/header/total_menu_close.png) no-repeat 50% 11px;font-weight:normal;font-family:"Noto Sans M";font-size:0.857em;line-height:1.25em;color:#92c5e0;text-align:center}


/*body*/
#body{clear:both;position:relative;overflow:hidden;width:100%;margin:0 auto}
#body .container{display:block;position:relative;width:1000px;margin:0 auto}
/*lnb*/
#body #side{float:left;position:relative;width:220px;padding:40px 0}
#body #side *{letter-spacing:-0.03em}
/*lnbwrap*/
#side .lnbwrap,#side .quick_link,#side .custom{display:inline-block;float:left;width:100%}
#side .lnbwrap h2{display:block;height:25px;padding:30px 17px;background:#3e86ab;font-weight:normal;font-family:"Noto Sans M";font-size:1.714em;line-height:1.041em;color:#fff;letter-spacing:-0.03125em}
#side .lnbwrap #snavigation{display:block}
#side .lnbwrap #snavigation li{display:block;margin-top:-1px}
#side .lnbwrap #snavigation li a{font-weight:700;line-height:1em}
#side .lnbwrap #snavigation li .link_2th{display:block;min-height:18px;padding:12px 15px;border:1px solid #d9e3e9;font-weight:normal;font-family:"Noto Sans M";font-size:1.071em;line-height:1.2em;color:#333;letter-spacing:-0.05em}
#side .lnbwrap #snavigation li.active a.link_2th,#side .lnbwrap #snavigation li a.link_2th:hover,#side .lnbwrap #snavigation li a.link_2th:active,#side .lnbwrap #snavigation li a.link_2th:focus{border-color:#e77866;background:#e77866;color:#fff}
#side .lnbwrap #snavigation .lm_3th{display:none;padding:14px 15px;background:#d9e3e9}
#side .lnbwrap #snavigation .active .lm_3th{display:block}
#side .lnbwrap #snavigation .lm_3th li{margin:0}
#side .lnbwrap #snavigation .lm_3th li .link_3th{display:block;padding:5px 11px;font-family:'Noto Sans DL';font-size:1.071em;line-height:1.2em;color:#555;letter-spacing:-0.05em}
#side .lnbwrap #snavigation .lm_3th li.active a.link_3th,#side .lnbwrap #snavigation .lm_3th li a.link_3th:hover,#side .lnbwrap #snavigation .lm_3th li a.link_3th:active,#side .lnbwrap #snavigation .lm_3th li a.link_3th:focus{background:url(/rsc/new_style/images/korean/lnb/lnb_bil_3th.gif) no-repeat 0 13px;color:#3e86ab}
/*STEPI Service*/
.stepisvc_wrap{display:inline-block;float:left;position:relative;width:100%;margin-top:28px}
.stepisvc_wrap h3{display:block;height:25px;font-weight:normal;font-family:"Noto Sans M";font-size:1.143em;line-height:1.125em;color:#333}
.stepisvc_wrap h3 em{color:#5fa4c8}
.stepisvc_wrap .stepisvc{display:inline-block;width:218px;height:62px;padding:12px 0;border:1px solid #d9e3e9;background:#eef3f6}
.stepisvc_wrap .stepisvc ul{display:inline-block;width:100%;height:100%}
.stepisvc_wrap .stepisvc li{float:left;width:108px;height:100%;border-left:1px solid #d9e3e9}
.stepisvc_wrap .stepisvc li:first-child{width:109px;border:0 none}
.stepisvc_wrap .stepisvc li a{display:block;height:20px;padding-top:42px;background:url(/rsc/new_style/images/korean/lnb/stepisvc_icon.png) no-repeat;font-family:'Noto Sans DL';font-size:1.071em;line-height:1.333em;color:#8e9cb4;letter-spacing:-0.05em;text-align:center}
.stepisvc_wrap .stepisvc li.svc1 a{background-position:50% 0}
.stepisvc_wrap .stepisvc li.svc2 a{background-position:50% -62px}

/*contentswrap*/
#body .contentswrap{display:block;float:left;position:relative;width:745px;padding:40px 0;margin-left:35px}
#body .contentswrap #location{position:relative;padding:0 0 19px;border-bottom:1px solid #d5d5d5}
#location h1{display:block;height:30px;font-weight:normal;font-family:"Noto Sans M";font-size:2em;line-height:1.143em;color:#333;letter-spacing:-0.0357em}
#location h1 img{margin-top:5px}
/*path*/
#location .path_wrap{position:absolute;right:0;bottom:20px}
#location .path_wrap .path{display:block;float:left;height:16px;font-family:'Noto Sans DL';font-size:0.929em;line-height:1.231em;letter-spacing:-0.0576em}
#location .path_wrap .path a,#location .path_wrap .path strong,#location .path_wrap .path span{display:inline-block}
#location .path_wrap .path a{color:#777}
#location .path_wrap .path strong{color:#3e86ab}
#location .path_wrap .path span{width:13px;height:15px;background:url(/rsc/new_style/images/korean/common/location_path_arr.gif) no-repeat 50% 6px;font-size:0;line-height:0;vertical-align:top}
#location .path_wrap .print_zoom{display:block;float:left;height:16px;margin-left:20px}
#location .print_zoom a{display:block;float:left;width:16px;height:16px;margin-left:5px;background:url(/rsc/new_style/images/korean/common/print_zoom_img.png) no-repeat;font-size:0;line-height:0}
#location .print_zoom a.print{width:52px;margin-left:0;background-position:0 0}
#location .print_zoom a.zoom_plus{background-position:-52px 0}
#location .print_zoom a.zoom_minus{background-position:-68px 0}
#location .print_zoom a.zoom_normal{width:52px;background-position:-84px 0}


/*content*/
#body #contents{position:relative;width:100%;margin:0;padding:0}
#body #contents:after{clear:both;display:block;content:""}
#body #contents .detail_content{position:relative}


/*footer*/
#footer{margin-top:30px;clear:both;position:relative;width:100%;background:url(/rsc/new_style/images/korean/footer/footer_bg_line.gif) repeat-x}
#footer #etc_footer,#footer #last_footer{position:relative;width:1000px;margin:0 auto}
#footer #etc_footer{height:40px;padding:11px 0}
#footer #last_footer{padding:30px 0 20px}
#footer #etc_footer .banner_zone,#footer #etc_footer .sns_wrap,#footer #last_footer #siteinfo{position:relative}
#footer #etc_footer .banner_zone{float:left;width:600px}
#footer #etc_footer .sns_wrap{float:right;width:277px;padding-top:4px}
/*banner*/
.banner_zone .roll{}
.banner_zone .roll a{display:block;position:absolute;top:50%;width:24px;height:24px;margin-top:-12px;background:url(/rsc/new_style/images/korean/footer/banner_ctrl.png) no-repeat;font-size:0;line-height:0}
.banner_zone .roll a.stop{left:0;background-position:0 0}
.banner_zone .roll a.play{left:0;background-position:-24px 0}
.banner_zone .roll a.prev{left:24px;background-position:-48px 0}
.banner_zone .roll a.next{right:0;background-position:-72px 0}
.banner_zone .banner_lst{position:relative;overflow:hidden;height:40px;margin:0 34px 0 58px}
.banner_zone .banner_lst ul{display:block;position:relative;width:5000px;height:40px}
.banner_zone .banner_lst li{float:left;width:auto;height:40px;margin-left:5px}
.banner_zone .banner_lst li a{display:block}
/*sns*/
.sns_wrap ul{display:inline-block;width:100%}
.sns_wrap li{float:left;margin-left:7px;height:32px}
.sns_wrap li:first-child{margin-left:0}
.sns_wrap li a{display:block;width:32px;height:32px;background:url(/rsc/new_style/images/korean/footer/sns_icon.png) no-repeat;font-size:0;line-height:0}
.sns_wrap li.app_android a{background-position:0 0}
.sns_wrap li.app_apple a{background-position:-32px 0}
.sns_wrap li.youtube a{background-position:-64px 0}
.sns_wrap li.facebook a{width:160px;background-position:-96px 0}

/*siteinfo*/
#siteinfo .f_logo{float:left;width:155px;height:24px;background:url(/rsc/new_style/images/korean/footer/h1_logo.png) no-repeat;font-size:0;line-height:0}
#siteinfo .fsidemenu{display:block;position:relative;margin-left:185px}
#siteinfo .fsidemenu ul{display:inline-block}
#siteinfo .fsidemenu ul li{float:left}
#siteinfo .fsidemenu ul li a{display:block;padding:0 8px;font-size:1em;color:#333;letter-spacing:-0.0357em}
#siteinfo .fsidemenu ul li.on a{font-weight:700;color:#000}
#siteinfo .addr{display:block;position:relative;margin:10px 0 0 185px}
#siteinfo .addr address,#siteinfo .addr p{display:block;font-size:0.929em;line-height:1.385em;color:#666}
#siteinfo .addr address{letter-spacing:-0.0385em}
#siteinfo .addr address span{display:inline-block;margin-left:5px;letter-spacing:0}
#siteinfo .relatedsite_wrap{display:block;position:absolute;top:0;right:0;width:160px}
.relatedsite_wrap dl{display:block;position:relative;width:100%}
.relatedsite_wrap dt{display:block;position:relative;width:100%;height:31px}
.relatedsite_wrap dt a{display:block;position:absolute;top:0;left:0;width:158px;height:29px;border:1px solid #d7dbde;background:url(/rsc/new_style/images/korean/footer/relatedsite_arrow.gif) no-repeat}
.relatedsite_wrap dt.on a{background-image:url(/rsc/new_style/images/korean/footer/relatedsite_arrow_active.gif)}
.relatedsite_wrap dt a span{display:inline-block;padding-left:15px;font-size:0.929em;line-height:2.231em;color:#7081a1;letter-spacing:-0.0576em}
.relatedsite_wrap dd{display:none;position:absolute;bottom:31px;left:0;width:100%;background:#5fa4c8}
.relatedsite_wrap dd a{display:block;font-family:'Noto Sans M';line-height:2em;letter-spacing:-0.03em}
.relatedsite_wrap dd ul,.relatedsite_wrap dd li{display:block}
.relatedsite_wrap dd ul{padding:5px 0}
.relatedsite_wrap dd li a{padding:0 10px;color:#fff}

/*퀵링크*/
.quickmenu_wrap{display:block;position:absolute;top:38px;right:40%;width:48px;height:360px;margin-right:-588px;background:url(/rsc/new_style/images/korean/common/quickmenu_bg.png) no-repeat}
/*.main .quickmenu_wrap{top:297px}*/
.quickmenu_wrap h3{display:block;width:100%;height:20px;margin:20px 0 3px;background:url(/rsc/new_style/images/korean/common/quickmenu_h3.png) no-repeat 50% 50%;font-size:0;line-height:0}
.quickmenu_wrap ul{display:block;position:relative;width:100%}
.quickmenu_wrap li{display:block;padding:5px 0}
.quickmenu_wrap li.btn4{margin-top:7px}
.quickmenu_wrap li a{display:block;position:relative;width:100%;height:31px}
.quickmenu_wrap li a .icon{display:block;width:100%;height:31px;background:url(/rsc/new_style/images/korean/common/quickmenu_icon.png) no-repeat}
.quickmenu_wrap li.btn1 a .icon{background-position:50% 0}
.quickmenu_wrap li.btn2 a .icon{background-position:50% -31px}
.quickmenu_wrap li.btn3 a .icon{background-position:50% -62px}
.quickmenu_wrap li.btn4 a .icon{background-position:50% -93px}
.quickmenu_wrap li.btn5 a .icon{background-position:50% -124px}
.quickmenu_wrap li.btn6 a .icon{background-position:50% -155px}
.quickmenu_wrap li.btn7 a .icon{background-position:50% -186px}
.quickmenu_wrap li a .txt{display:none;position:absolute;top:50%;left:80%;width:100px;height:31px;padding-left:15px;margin-top:-16px;background:url(/rsc/new_style/images/korean/common/quickmenu_txt_bg1.png) no-repeat 0 50%;font-size:0.929em;line-height:2.385em;color:#5fa4c8;letter-spacing:-0.0576em}
.quickmenu_wrap li.btn2 a .txt,.quickmenu_wrap li.btn3 a .txt{height:30px;padding:5px 0 4px 18px;margin-top:-20px;background-image:url(/rsc/new_style/images/korean/common/quickmenu_txt_bg2.png);line-height:1.154em}
.quickmenu_wrap li.btn4 a .txt,.quickmenu_wrap li.btn5 a .txt,.quickmenu_wrap li.btn6 a .txt,.quickmenu_wrap li.btn7 a .txt{color:#f9a294}
.quickmenu_wrap li a:hover .txt,.quickmenu_wrap li a:active .txt,.quickmenu_wrap li a:focus .txt{display:block}