/* (주)한신정보기술  김선주 / 2017-05 */

/* 공통 */
a:visited {color:#636363; text-decoration:none;}
a:hover {color:#0030ae; text-decoration:underline;}
a:active {color:#0030ae; text-decoration:underline;}

.clearfix:after {display:block; visibility:hidden; clear:both; content:""; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.clear {clear:both;}

.skip {position:absolute;width:1px;height:1px;margin:0;padding:0;background:none; font-size:3px; color:transparent; line-height: 0; text-indent:-9999px;}
#contents .skip {position:absolute !important; width:1px !important; height:1px !important;margin:0 !important; padding:0 !important;background:none !important; font-size:3px !important; color:transparent !important; line-height: 0 !important; text-indent:-9999px;}

.hide {display:none;}

legend {visibility:hidden; overflow:hidden; position:absolute; width:0; height:0; font-size:0;}
caption {position:absolute;width:1px;height:1px;margin:0;padding:0;background:none; font-size:3px; color:transparent; line-height: 0;}
button {margin:0; padding:0; border:0; font-size:inherit; font-family:inherit; vertical-align:baseline; cursor:pointer;}
button {text-transform:none; vertical-align:middle;}
button,[type="button"],[type="reset"],[type="submit"]{background:none; cursor:pointer;}

span.button, img.button, a.button {vertical-align:middle;}
b,strong {font-weight:600;}

/* accessibility */
#accessibility {position:relative; z-index:4; width:100%; overflow:hidden;}
#accessibility a {display:block; width:0; height:0; margin:0 -1px -1px 0; font-size:0; line-height:0; text-align:center; overflow:hidden;}
#accessibility a:focus,#accessibility a:hover,#accessibility a:active {width:auto; height:20px; margin:0; padding:8px 0 0 15px; font-size:13px; line-height:16px; font-weight:600; color:#fff; background-color:#000;}

/* layout */
#wrapper {position:relative;}
.wrap {position:relative; width:1000px; margin:0 auto; padding:0;}
.lnb_mask {display:none; position:fixed; top:0; left:0; z-index:20; width:100%; height:100%;}
.search_mask {display:none; position:fixed; top:0; left:0; z-index:30; width:100%; height:100%;}
.site_mask {display:none; position:fixed; top:0; left:0; z-index:60; width:100%; height:100%;}

/* Header */
#header {position:relative; font-family:'NotoKr',sans-serif;}
#header .wrap {width:1000px; height:100px;}
#header .logo_box {position:absolute; top:0; left:425px; width:209px; height:57px; padding:25px 0 0 0;}
#header .logo_box .logo {display:block; width:150px; height:58px; margin:0;}
#header .logo_box .flag {display:block; position:absolute; top:25px; left:0; width:50px; height:55px; margin-left:155px; background:url('../images/common/flag.gif') no-repeat left bottom; font-size:0; line-height:0;}

/* gnb */
#header .gnb {position:absolute; right:135px; top:30px;}
#header .gnb li {float:left; padding:0 10px; letter-spacing:-1px; font-weight:200;}
#header .gnb li a {font-size:13px; line-height:15px; color:#636363;}

/* language */
#header .language {position:absolute; right:0; top:25px; z-index:50; width:122px; height:26px; border-radius:30px;}
#header .language .tit {display:block; position:relative; z-index:45; padding:0 9px 2px 11px; background:url('../images/common/language_icon.png') no-repeat 8px center; border:1px solid #acacac; border-radius:30px; cursor:pointer;  color:#636363;}
#header .language .tit span {display:block; padding:4px 24px; background:url('../images/common/language_arrow_off.png') no-repeat right 13px; font-size:12px; line-height:17px; font-weight:200;}
#header .language .tit.on span {background:url('../images/common/language_arrow_on.png') no-repeat right 13px;}
#header .language .cont_box {display:none; position:absolute; left:0; top:15px; z-index:40; width:121px; padding-top:10px; background-color:#fff; border-left:1px solid #acacac; border-right:1px solid #acacac; border-bottom:1px solid #acacac; border-radius:0 0 10px 10px;}
#header .language .cont_box ul {padding:5px 10px;}
#header .language .cont_box ul li a {display:block; padding:3px 0; color:#636363; font-size:13px; font-weight:200;}

/* top_menu */
#header .top_menu {position:absolute; left:0; top:0;}
#header .top_menu a {display:block; float:left; width:110px; height:80px; padding-top:7px; background:url('../images/common/topmenu_bg1.gif') no-repeat left top; text-align:center; color:#fff;}
#header .top_menu a span {display:inline-block; padding-top:35px; background:url('../images/common/topmenu_icon3.png') no-repeat center top; font-size:14px; line-height:16px; font-weight:200; letter-spacing:-1px;}
#header .top_menu a.sec {padding-top:10px; background:url('../images/common/topmenu_bg2.gif') no-repeat left top;}
#header .top_menu a.sec span {padding-top:32px; background:url('../images/common/topmenu_icon2.png') no-repeat center top;}

/* lnb */
#lnb {position:relative; z-index:25; height:60px; overflow:hidden; border-bottom:2px solid #00478a; font-family:'NotoKr',sans-serif;}
.lnb_on {background:url('../images/common/lnb_bg.gif') left top repeat-x; border-bottom:2px solid #00478a;}
#lnb .lnb_wrap {background:url('../images/common/lnb_img_bg.gif') 712px bottom no-repeat;}
#lnb .depth1 {float:left; width:152px; margin-left:10px;}
#lnb .depth1.rule01 {margin-left:0;}
#lnb a.tit {display:block; padding:23px 0 19px 20px; font-size:20px; line-height:22px; color:#313131; font-weight:400;}
#lnb a.on, #lnb a.tit:hover {}
#lnb .depth2 {min-height:360px; margin:0 0 30px;}
#lnb .depth2 li {display:block; padding:5px 5px 4px 15px;}
#lnb .depth2 li a {display:block; padding:0 0 0 15px; background:url('../images/common/lnb_bu.png') left 8px no-repeat; font-size:14px; line-height:16px; color:#636363; font-weight:300;}
#lnb .depth2 li a:hover{}
#lnb .depth2 li a .new_win {display:inline; padding-right:20px; background:url('../images/common/new_ico.png') right center no-repeat;}
#lnb .lnb_close {display:inline-block; position:absolute; right:0; bottom:15px;}
#lnb .lnb_close img {width:30px; height:30px;}
#lnb .depth1.rule07 {display:none;}/* 추후cms 비공개처리뒤 삭제 */

/* search */
.search_btn {position:absolute; right:10px; top:21px; z-index:50; width:26px; height:26px;}
#main_search {display:none; position:relative; z-index:35; height:90px; margin-top:-2px; background-color:#fff; font-family:'NotoKr',sans-serif; border-bottom:2px solid #00478a;}
#main_search .wrap {position:relative; width:1000px; height:65px; padding-top:25px; background:url('../images/common/search_bg.gif') right bottom no-repeat;}
#main_search .cont {position:relative; width:600px; margin:0 auto 0;}

#main_search .cont  fieldset {margin:0; padding:0;}
#main_search .cont .form_box {width:505px; height:43px; background-color:#fff; border:1px solid #00478a; border-radius:10px;}
#main_search .cont div.select_box {position:relative; float:left; width:107px; height:40px; font-size:0;}
#main_search .cont div.select_box label {position:absolute; color:#111; top:10px; left:25px; letter-spacing:-1px;}
#main_search .cont div.select_box select#collection {width:100%; height:40px; padding:8px 10px 5px 20px; background: url('../images/common/srch_arrow.png') 98px 21px no-repeat; font-size:14px; font-weight:400; letter-spacing:-1px; border-width:0; min-height:40px; line-height:40px; /*-webkit-appearance: none; -moz-appearance: none;*/}

/*#main_search .cont div.select_box select#collection::-ms-expand {display:none;}*/
#main_search .cont .form_box .text {float:left; width:370px; height:35px; padding:5px 0 0 0; margin-left:20px; background-color:#fff; border:none; font-size:13px; line-height:16px; color:#757575; letter-spacing:-1px;}
#main_search .cont .img_btn {position:absolute; right:0; top:0; width:88px; height:45px;}
#main_search .close {position:absolute; right:0; bottom:16px; z-index:40;}
#main_search .close img {width:30px; height:30px;}

/* banner */
#banner {position:relative; height:40px; margin:0; padding:25px 0 0 0; font-family:'NotoKr',sans-serif;}
#banner h2 {float:left; font-size:17px; line-height:19px; color:#1b1b1b; font-weight:500;}
#banner .banner_control {position:absolute; right:0; top:0; z-index:20;}
#banner .banner_control a {display:block; float:left; width:21px; height:20px; margin:0; padding:0;}
#banner .banner_control .pause_banner {width:20px;}
#banner .banner_frame {position:relative; z-index:10; height:20px; width:847px; margin:0 60px 0 93px; overflow:hidden;}
#banner .banner_frame .banner_list li {float:left; margin:0 15px;}
#banner .banner_frame .banner_list li a {display:inline-block;  padding-left:19px; background:url('../images/common/banner_bu.png') left center no-repeat; font-size:15px; line-height:18px; letter-spacing:-1px; color:#626262; font-weight:300;}

/*footer */
#footer {position:relative; z-index:70; padding-bottom:30px; font-family:'NotoKr',sans-serif;}
#footer .site_link {height:48px; background:#00478a;}
#footer .site_link div.sitelink_cont {position:relative; z-index:75; float:left; border-right:1px solid #396fa2;}
#footer .site_link div.sitelink_cont.first {border-left:1px solid #396fa2;}
#footer .site_link .sitelink_cont h3 {float:left; width:248.75px; height:48px;}
#footer .site_link .sitelink_cont h3 button {width:248px; padding:0; font-size:15px; line-height:48px; font-weight:300; color:#fff; text-align:left;} 
#footer .site_link .sitelink_cont h3 button span {display:block; margin-right:23px; padding:0 0 0 23px; background:url('../images/common/site_link_arrow_on.gif') right 21px no-repeat; color:#fff;}
#footer .site_link .layer {display:none; position:absolute; left:0; bottom:0; z-index:100; width:250px; background-color:#fff; border:solid 2px #00478a;}
#footer .site_link .layer h4 {padding:0 0 0 23px; background-color:#00478a; font-size:15px; line-height:48px; letter-spacing:-1px; font-weight:400; color:#fff;}
#footer .site_link .layer .scroll {position:relative; height:100px; margin:10px 0 10px; overflow-y:scroll;}
#footer .site_link .layer ul {padding:0;}
#footer .site_link .layer ul li {padding:4px 9px 4px 30px; background:url('../images/common/site_link_bu.gif') no-repeat 16px 12px;}
#footer .site_link .layer ul li a {font-size:13px; line-height:15px; color:#252525; letter-spacing:-1px; font-weight:300;}
#footer .site_link .layer .close{position:absolute; right:0; top:0;}
#footer .site_link .layer .close a {display:block; padding:21px 21px 17px 0;}

#footer .footer_wrap {padding:35px 0 0 140px;}
#footer .footer_wrap .footer_logo {position:absolute; left:0; top:48px; width:107px; height:62px;}
#footer .footer_wrap .footer_navi {height:21px; margin-bottom:10px;}
#footer .footer_wrap .footer_navi li {float:left;}
#footer .footer_wrap .footer_navi li a {display:inline-block; padding:0 20px 0 20px; background:url('../images/common/footer_bu.gif') left center no-repeat; font-size:14px; line-height:16px; color:#626262; font-weight:300;}
#footer .footer_wrap .footer_navi li:first-child a {background:none; padding-left:0;} 
#footer .footer_wrap .footer_info {font-size:14px; line-height:16px; font-weight:300; color:#626262;}
#footer .footer_wrap .footer_info .copyright {padding-top:10px; font-size:12px; font-weight:200;color:#a1a1a1; line-height:14px;}
#footer .footer_wrap .footer_info .copyright .em_blue {color:#005090;}
#footer .footer_wrap .footer_info .notice {margin-top:4px; color:#959595; font-weight:300;}

/*접근성마크 */
#footer .mark {position:absolute; right:0; top:50px;}
#footer .mark img {vertical-align:middle; width:79px; height:56px;}

/* 2017-07-05 푸터 스타일 추가 */
#footer .footer_wrap .footer_navi li a span.em_blue{color:#0861bc;}