@import "base.css";

/* nav skip */
.skip_navi a {position: absolute;top:-9999px;left: 0;width:100%;height:26px;background-color:#f5f5f5;color:#002295;line-height:26px;text-align: center;z-index:300;}
.skip_navi a:focus, .skip_navi a:hover, .skip_navi a:active{top:0}

#wrap{position:relative;}
/* TOP */
#top{margin:0 auto;padding-top:28px;width:1200px;height:94px;}
#top h1{float:left;margin-right:28px;margin-top:-6px;width:163px;}
#top h1 a{display:inline-block;background:url(/images/common/old_logo.jpg) no-repeat;width:163px;height:52px;}
#top .slogan{margin-top:10px;display:inline-block;float:left;background:url(/images/common/img_top.png) no-repeat;background-position:-115px 0;width:96px;height:32px;}
#top .top_menu{float:right;margin-top:-7px;position:relative;}
#top .top_menu ul{overflow:hidden;}
#top .top_menu ul li{float:left;margin-left:22px;font-size:14px;color:#747474;line-height:20px;}
#top .top_menu ul li a{font-size:14px;color:#747474;line-height:20px;}
#top .top_menu ul li a.scr_plus{display:inline-block;background:url(/images/common/img_top.png) no-repeat;background-position:-243px 0;width:20px;height:20px;margin-left:11px;}
#top .top_menu ul li a.scr_minus{display:inline-block;background:url(/images/common/img_top.png) no-repeat;background-position:-264px 0;width:20px;height:20px;margin-left:2px;}
/* 2019-04-22 Γί°‘ */
#top .gnb_new{position:absolute;top:23px;left:107px;z-index:-1;background:#ffef00;padding:3px 8px;border-radius:8px;color:#000;font-size:11px;font-weight:600;}
#top .gnb_wrap{float:right;margin-top:14px;overflow:hidden;}
#top .gnb_wrap .gnb{}
#top .gnb_wrap .gnb li{float:left;width:auto;}
#top .gnb_wrap .gnb li .depth1{display:inline-block;padding:0 12px;vertical-align:top;height:38px;color:#000;font-size:17px;}
#top .gnb_wrap .gnb li:last-child .depth1{padding:0 0 0 12px;}
#top .gnb_wrap .gnb .submenu{display:none;overflow:hidden;position:absolute;top:93px;left:0;background:#0b4784;width:100%;height:186px;z-index:5;}
#top .gnb_wrap .gnb .submenu .submenu_inner{margin:0 auto;width:1200px;}
#top .gnb_wrap .gnb .submenu .submenu_inner .smt{display:inline-block;float:left;background:url(/images/common/bg_gnb.gif) no-repeat;margin:0 0 0 30px;width:310px;height:186px;color:#fff;font-size:25px;line-height:186px;font-weight:600;text-align:center;}
/*
#top .gnb_wrap .gnb .submenu .submenu_inner .depth2{overflow:hidden;padding:17px 0 0;}
#top .gnb_wrap .gnb .submenu .submenu_inner .depth2 li{float:left;margin-left:3px;width:200px;height:30px;}
#top .gnb_wrap .gnb .submenu .submenu_inner .depth2 li a{font-size:13px;color:#fff;line-height:30px;}
*/
#top .gnb_wrap .gnb .submenu .submenu_inner .depth2{float:left;overflow:hidden;padding:14px 0 0;width:200px;height:170px;vertical-align:top;}/*padding:19px 0 0*/
#top .gnb_wrap .gnb .submenu .submenu_inner .depth2 li{margin-left:3px;width:200px;height:27px;}/*height:30px*/
#top .gnb_wrap .gnb .submenu .submenu_inner .depth2 li a{font-size:13px;color:#fff;line-height:30px;}
#top .gnb_wrap .gnb .submenu .submenu_inner .depth2 li a:hover{text-decoration:underline;}

 /* FOOTER */
footer{background:#717782;clear:both;}
footer .foot_banner_area{background:#45515c;}
.foot_banner_area .foot_banner{margin:0 auto;width:1200px;padding:14px 0;overflow:hidden;}
.foot_banner_area .foot_banner .foot_control{float:left;height:31px;border-right:1px solid #303942;}
.foot_banner_area .foot_banner .foot_control li{float:left;}
.foot_banner_area .foot_banner .foot_control li button{width:29px;height:31px;text-indent:-9999em;}
.foot_banner_area .foot_banner .foot_control li .btn_slider_back{background:url(/images/common/img_footer.png) no-repeat;background-position:0 -60px;}
.foot_banner_area .foot_banner .foot_control li .btn_slider_stop{background:url(/images/common/img_footer.png) no-repeat;background-position:-29px -60px;}
.foot_banner_area .foot_banner .foot_control li .btn_slider_next{background:url(/images/common/img_footer.png) no-repeat;background-position:-58px -60px;}
.foot_banner_area .foot_banner .foot_control li .btn_slider_play{background:url(/images/common/img_footer.png) no-repeat;background-position:-87px -60px;}
.foot_banner_area .foot_banner .foot_banner_list{overflow:hidden;padding:0 14px;height:31px;}
.foot_banner_area .foot_banner .foot_banner_list li{float:left;text-align:center;padding:0 15px;width:auto;background:url(/images/common/bg_bott_banner.png) right 10px no-repeat;}
.foot_banner_area .foot_banner .foot_banner_list li a{color:#ccd1d7;font-size:13px;line-height:31px;}
.footer{margin:0 auto;width:1200px;padding:36px 0;overflow:hidden;}
.footer .footer_logo{float:left;background:url(/images/common/img_footer.png) no-repeat;background-position:0 0;width:106px;height:41px;text-indent:-9999em;}
.footer .footer_menu{float:left;margin:-10px 0 0 80px;}
.footer .footer_menu li{float:left;padding:0 15px;border-right:1px solid #60656f;height:12px;}
.footer .footer_menu li:last-child{border-right:none;}
.footer .footer_menu li a{display:inherit;height:12px;font-size:12px;line-height:12px;color:#fff;}
.footer .footer_menu li a strong{color:#bddafd;}
.footer address{float:left;margin:16px 0 0 95px;color:#fff;font-size:12px;line-height:16px;font-style:normal}
.footer .f_logo{float:right;}

/* sub common */
#sub_content{width:100%}

.sub_visual_wrap{background:url(/images/common/bg_subtop.gif);border-top:3px solid #599de2;height:185px;}
.sub_visual_wrap .sub_visual{background:url(/images/common/bg_top_sub01.png) no-repeat;margin:0 auto;width:1200px;height:182px;position:relative;}

.sub_search_wrap{-webkit-transition:background 0.5s;transition:background 0.5s;position:absolute;top:16px;right:0;}
.sub_search_wrap .sub_search{display:inline-block;width:326px;height:36px;border:3px solid #599de2;}
.sub_search_wrap .sub_search .sub_search_input{width:290px;height:30px;padding:7px 7px 8px;font-size:13px;line-height:1.1;background:none;border:none;color:#599de2;font-weight:bold;}
.sub_search_wrap .sub_search img{vertical-align:middle;}

.container{margin:0 auto;width:1200px;position:relative;}

/* ASIDE */
.lnb_wrap{float:left;width:235px;margin-bottom:50px;}
.lnb_wrap h2.subtop{position:absolute;top:-120px;display:inline-block;background:url(/images/common/img_sub_comm.png) no-repeat;background-position:0 -78px;padding:37px 0;width:235px;height:120px;text-align:center;color:#fff;font-size:25px;font-weight:600;}
.lnb_wrap h2.subtop .subtop_eng{display:inline-block;color:#fff;font-size:14px;font-weight:600;}
.lnb_wrap > .lnb{font-weight:600;}
.lnb_wrap > .lnb > li{border:1px solid #d2d7da;border-top:none;}
.lnb_wrap > .lnb > li a{display:inline-block;width:233px;padding-left:15px;color:#464649;font-size:14px;line-height:44px;}
.lnb_wrap > .lnb > li a:hover{background:#e9f2f8 url(/images/common/icon_lnb_arrowright.png) 212px 15px no-repeat;color:#3879c0;}
.lnb_wrap > .lnb > li a.current{background:#e9f2f8 url(/images/common/icon_lnb_arrowright.png) 212px 15px no-repeat;color:#3879c0;}
.lnb_wrap > .lnb > li a.depth_open{background:#e9f2f8 url(/images/common/icon_lnb_minus.png) 208px 20px no-repeat;color:#3879c0;}
.lnb_wrap > .lnb > li .depth3{background:#e9f2f8;margin-top:-4px;padding:0 0 4px 15px;}
.lnb_wrap > .lnb > li .depth3 li{}
.lnb_wrap > .lnb > li .depth3 li a{display:inline-block;background:url(/images/common/bl_lnb_off.png) 0 11px no-repeat;padding-left:10px;width:auto;color:#333338;font-size:13px;line-height:25px;}
.lnb_wrap > .lnb > li .depth3 li a:hover{background:url(/images/common/bl_lnb_on.png) 0 11px no-repeat;text-decoration:underline;color:#3879c0;}
.lnb_wrap > .lnb > li .depth3 li a.choice{background:url(/images/common/bl_lnb_on.png) 0 11px no-repeat;text-decoration:underline;color:#3879c0;}
.lnb_wrap > .lnb > li .depth3 li .depth4{padding:2px 0 2px 10px;}
.lnb_wrap > .lnb > li .depth3 li .depth4 li a{background:none;padding-left:0;font-size:13px;line-height:22px;width:auto;font-weight:400;}
.lnb_wrap > .lnb > li .depth3 li .depth4 li a:hover{text-decoration:none;color:#3879c0;}
.lnb_wrap > .lnb > li .depth3 li .depth4 li a.on{color:#3879c0;}



.banner126{margin-top:20px;background:url(/images/common/bg_126bann.png);border:3px solid #85b1e1;padding:18px 16px;letter-spacing:-0.08em;color:#222;font-weight:600;}
.banner126 .tit{font-size:24px;line-height:31px;font-weight:600;}
.banner126 .tit:hover{color:#222;}
.banner126 > p{line-height:20px;}
.banner126 .f15{margin-top:6px;font-size:15px;}
.banner126 .time{margin-top:8px;font-size:15px;color:#ef3845;}
.banner126 .time strong{color:#919191;letter-spacing:-0.1em;}

.banner_remote{margin-top:20px;background:url(/images/common/bg_126bann.png);overflow:hidden;border:3px solid #85b1e1;padding:18px 16px;letter-spacing:-0.08em;color:#222;font-weight:600;}
.banner_remote .tit{font-size:24px;line-height:31px;font-weight:600;margin-bottom:11px;}
.banner_remote .tit:hover{color:#222;}
.banner_remote > p.txt{float:left;width:104px;height:70px;font-size:15px;line-height:18px;}
.banner_remote .txt strong{color:#ef3845;}
.banner_remote > p.img{float:right;}

.banner_error{margin-top:20px;background:url(/images/common/bg_126bann.png);overflow:hidden;border:3px solid #85b1e1;padding:18px 16px;letter-spacing:-0.08em;color:#222;font-weight:600;}
.banner_error .tit{font-size:24px;line-height:31px;font-weight:600;margin-bottom:11px;text-align:center;}
.banner_error .tit:hover{color:#222;}
.banner_error .tit span{color:#ef3845;}

/* contents */
.contents_area{float:right;width:965px;position:relative;}
.page_info{position:absolute;top:-120px;background:rgba(255, 255, 255, 0.5);width:965px;}
.page_info .page_title{padding:37px 35px 20px;height:81px;color:#0a1227;font-size:26px;font-weight:600;}
.page_info .page_navi{padding:0 35px;background:linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));height:39px;}
.page_info .page_navi > span{display:inline-block;background:url(/images/common/icon_navi_arrow.png)0 15px no-repeat;padding:0 7px 0 11px;font-size:13px;height:39px;line-height:39px;color:#464649;}
.page_info .page_navi > span > a:hover{color:#464649;text-decoration:underline;}
.page_info .page_navi > span.home{background:url(/images/common/icon_navi_home.png)0 12px no-repeat;padding:0 7px 0 20px;}
.page_info .page_btnset{position:absolute;top:80px;right:20px;}
.page_info .page_btnset > button{display:inline-block;width:30px;height:30px;margin:0 2px;}
.page_info .page_btnset > button.page_print{background:url(/images/common/img_sub_comm.png)0 -18px no-repeat;}
.page_info .page_btnset > button.viewer_down{background:url(/images/common/img_sub_comm.png)-30px -18px no-repeat;}
.page_info .page_btnset > button.page_print:hover{background:url(/images/common/img_sub_comm.png)0 -48px no-repeat;}
.page_info .page_btnset > button.viewer_down:hover{background:url(/images/common/img_sub_comm.png)-30px -48px no-repeat;}

.contents{padding:20px 18px 0 17px;margin-bottom:50px;}
.satis_report{clear:both;margin-top:50px;background:#e5e9ec;border:1px solid #dadfe2;padding:16px 30px;}
.satis_report p.question{background:url(/images/common/img_sub_comm.png) -60px 0 no-repeat;padding-left:36px;height:22px;color:#73747a;font-weight:600;font-size:15px;line-height:1.4;}
.satis_report .radio_box{margin-top:14px;background:#fff;height:40px;padding-left:30px;}
.satis_report .radio_box > label{font-size:15px;line-height:40px;margin-right:50px;}
.satis_report .radio_box > .part{float:right;background:#000;width:94px;height:40px;color:#fff;text-align:center;}


/*print*/
.print_area{float:left;width:965px;position:relative;margin-top:30px;}
.print_info{width:965px;background:rgba(92, 151, 215, 0.5);}
.print_info .page_title{padding:15px 35px 20px;height:53px;color:#000000;font-size:26px;font-weight:600;}
.print_info .page_navi{padding:0 35px;background:linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));height:39px;}
.print_info .page_navi > span{display:inline-block;background:url(/images/common/icon_navi_arrow.png)0 15px no-repeat;padding:0 7px 0 11px;font-size:13px;height:39px;line-height:39px;color:#464649;}
.print_info .page_navi > span > a:hover{color:#464649;text-decoration:underline;}
.print_info .page_navi > span.home{background:url(/images/common/icon_navi_home.png)0 12px no-repeat;padding:0 7px 0 20px;}
.print_info .page_btnset{position:absolute;top:80px;right:20px;}
.print_info .page_btnset > button{display:inline-block;width:30px;height:30px;margin:0 2px;}
.print_info .page_btnset > button.page_print{background:url(/images/common/img_sub_comm.png)0 -18px no-repeat;}
.print_info .page_btnset > button.viewer_down{background:url(/images/common/img_sub_comm.png)-30px -18px no-repeat;}
.print_info .page_btnset > button.page_print:hover{background:url(/images/common/img_sub_comm.png)0 -48px no-repeat;}
.print_info .page_btnset > button.viewer_down:hover{background:url(/images/common/img_sub_comm.png)-30px -48px no-repeat;}

/* download */
.downlist_2col{width:100%;overflow:hidden;}
.downlist_2col li{float:left;width:50%;padding:6px 12px;font-size:13px;line-height:1.4;letter-spacing:-0.2px;}
span.i_hwp{display:inline-block;background:url(/images/sub/bbs/hwp.png) left center no-repeat;margin-right:5px;width:22px;height:22px;vertical-align:middle;font-size:0;text-indent:-9999px;}
span.i_doc{display:inline-block;background:url(/images/sub/bbs/doc.png) left center no-repeat;margin-right:5px;width:22px;height:22px;vertical-align:middle;font-size:0;text-indent:-9999px;}
span.i_pdf{display:inline-block;background:url(/images/sub/bbs/pdf.png) left center no-repeat;margin-right:5px;width:22px;height:22px;vertical-align:middle;font-size:0;text-indent:-9999px;}
span.i_xls{display:inline-block;background:url(/images/sub/bbs/xls.png) left center no-repeat;margin-right:5px;width:22px;height:22px;vertical-align:middle;font-size:0;text-indent:-9999px;}

/* popup */
.basic_popup {margin:0 auto;width:700px;}
.basic_popup  .basic_tit{overflow:hidden;background:#3879c0;padding:24px 30px;color:#fff;font-size:27px;font-weight:600;}
.basic_popup  .basic_tit > .popTitle{display:inline-block;float:left;}
.basic_popup  .basic_tit > .pop_close{display:inline-block;color:#fff;font-size:27px;font-weight:600;float:right;}
.bp_contents{padding:15px 30px 15px 15px;}

/* qna */
.qna_basic li{overflow:hidden;border-bottom:1px solid #959595 !important;padding:13px;line-height:1.5;}
.qna_basic li span{display:block;float:left;margin-right:6px;width:26px;}
.qna_basic li p{float:left;width:870px;}
.qna_basic li.question{background:#f6f6f6;border-top:2px solid #343435;margin-top:30px;}
.qna_basic li.question:first-child {margin-top:0;}