@charset "utf-8";

/* 레이아웃 공통 */
html, body {position:relative; width:100%;height:100%}
body.freeze {overflow-x:hidden; overflow-y:hidden}
body.dimmed #header, body.dimmed #footer {z-index:auto}
body {color:#000; font-size:14px; line-height:1.6em; font-family:'Noto Sans KR', AppleSDGothicNeo-Regular, sans-serif; word-break:break-all}

.init_of h1,.init_of h2,.init_of h3,.init_of h4,.init_of h5,.init_of h6,.init_of th,.init_of legend,.init_of dt{font-weight:normal}
.init_of a,.init_of label{display:inline-block;text-decoration:none;}
.init_of ol,.init_of ul,.init_of dl{list-style-type:none}

/* 본문바로가기 */
.skipnav {position:absolute;z-index:1999;top:-100px;width:100%;padding:0;list-style:none;font-size:14px;}
.skipnav li {position:relative;top:0;left:0;width:100%}
.skipnav li a {display:block;position:absolute;top:0;width:100%;padding:15px 0;background:#008236;color:#fff;text-align:center;text-decoration:none}
.skipnav li a:focus,.skipnav li a:active {top:100px}

/* slick 플러그인 */
.slick-slider .slick-list {display:block; overflow-x:hidden; overflow-y:hidden; position:relative}
.slick-slider .slick-list.dragging {cursor:pointer}
.slick-slider .slick-list .slick-track {display:block; position:relative; top:0; left:0}
.slick-slider .slick-list .slick-track:before, .slick-slider .slick-list .slick-track:after {display:table; content:''}
.slick-slider .slick-list .slick-track:after {clear:both}
.slick-slider .slick-list.slick-loading .slick-track {visibility:hidden}
.slick-slider .slick-list .slick-track .slick-slide {display:none; float:left}
.slick-slider[dir='rtl'] .slick-list .slick-track .slick-slide {float:right}
.slick-slider .slick-list .slick-track .slick-slide img {display:inline-block;width:100%}
.slick-slider .slick-list .slick-track .slick-slide.slick-loading img {display:none}
.slick-slider.slick-initialized .slick-list .slick-track .slick-slide {display:block}
.slick-slider .slick-list .slick-track.slick-loading .slick-slide {visibility:hidden}
.slick-slider .slick-arrow.slick-hidden {display:none}

/* header */
#wrapper{overflow-x:hidden;overflow-y:hidden;position:relative;width:100%}
#header{position:relative;width:100%;z-index:1001;border-top:3px solid #3c7ff7;}

/*
#header .login_area{height:31px;overflow:hidden;}
#header .login_area .login_box{max-width:1025px;margin:0 auto;overflow:hidden;}
#header .login_area .login_box .inner{float:right;}
#header .login_area .login_box button{height:20px;width:54px;line-height:17px;margin-top:10px;font-size:12px;color:#7d7d7d;text-align:center;border:1px solid #d5d7d9;border-radius:2px; }
*/

/* gnb 영역 */
#header .library_gnb{width:100%;height:88px;z-index:100;border-bottom:1px solid #cdcdcd;}
#header .library_gnb_wrap{overflow:hidden;position:absolute;display:block;left:0;width:100%;height:88px;z-index:3000;}
#header .library_gnb_wrap:after{content:'';display:block;position:absolute;top:88px;left:0;width:100%;height:100%;background:#f5f5f5;z-index:2000;}
#header .library_gnb_wrap .library_nav{position:relative;width:1025px;margin:0 auto;z-index:9999;}
#header .library_gnb_wrap .library_logo{position:absolute;top:15px;left:0px;}
#header .library_gnb_wrap .library_nav_menu{margin-left:265px;}
#header .library_gnb_wrap .library_nav_menu .sub_menu_depth1{position:relative;float:left;padding:0 13px;}
#header .library_gnb_wrap .library_nav_menu .sub_menu_depth1>a{display:block;height:88px;line-height:88px;font-size:20px;color:#1d1d1d;text-decoration:none;}
#header .library_gnb_wrap .library_nav_menu .sub_menu_depth1 .menu_box{position:absolute;left:-267px;top:88px;height:326px;border:1px solid #dedede;border-width:0 1px;width:172px;padding:19px 10px;}
#header .library_gnb_wrap .library_nav_menu .sub_menu_depth1 .menu_box:hover{background:#fff;}
#header .library_gnb_wrap .library_nav_menu li:nth-child(2).sub_menu_depth1 .menu_box{left:-232px;}
#header .library_gnb_wrap .library_nav_menu li:nth-child(3).sub_menu_depth1 .menu_box{left:-198px;}
#header .library_gnb_wrap .library_nav_menu li:nth-child(4).sub_menu_depth1 .menu_box{left:-126px;}
#header .library_gnb_wrap .library_nav_menu li:nth-child(5).sub_menu_depth1 .menu_box{left:-55px;}
#header .library_gnb_wrap .library_nav_menu li:nth-child(6).sub_menu_depth1 .menu_box{left:16px;}

@media screen and (min-width:0\0){#header .library_gnb_wrap .library_nav_menu li:nth-child(2).sub_menu_depth1 .menu_box{left:-232px;}}
@media screen and (min-width:0\0){#header .library_gnb_wrap .library_nav_menu li:nth-child(3).sub_menu_depth1 .menu_box{left:-198px;}}
@media screen and (min-width:0\0){#header .library_gnb_wrap .library_nav_menu li:nth-child(4).sub_menu_depth1 .menu_box{left:-126px;}}
@media screen and (min-width:0\0){#header .library_gnb_wrap .library_nav_menu li:nth-child(5).sub_menu_depth1 .menu_box{left:-55px;}}
@media screen and (min-width:0\0){#header .library_gnb_wrap .library_nav_menu li:nth-child(6).sub_menu_depth1 .menu_box{left:16px;}}

#header .library_gnb_wrap .library_nav_menu .sub_menu_depth1 .menu_box .title{display:block;height:38px;line-height:38px;background:#606060;color:#fff;text-align:center;font-size:18px;}
#header .library_gnb_wrap .library_nav_menu .sub_menu_depth1 .menu_box:hover .title{background:#fff;color:#1d1d1d;border:3px solid #606060;box-sizing:border-box;line-height:31px;}
#header .library_gnb_wrap .library_nav_menu .sub_menu_depth1 .menu_box ul{padding-top:10px;}
#header .library_gnb_wrap .library_nav_menu .sub_menu_depth1 .menu_box li{line-height:1.7}
#header .library_gnb_wrap .library_nav_menu .sub_menu_depth1 .menu_box li a{font-size:16px;color:#454545;}
#header .library_gnb_wrap .library_nav_menu .sub_menu_depth1 .menu_box li a:hover{color:#006bb7;}
#header .library_gnb_wrap .bg_library_gnb_img{position:absolute;top:88px;left:-448px;}

#header .library_gnb_wrap .btn_box2{position:absolute;top:9px;right:0;z-index:100}
#header .library_gnb_wrap .btn_box2 a{display:block;float:left;height:40px;margin-top:16px;}
#header .library_gnb_wrap .btn_box2 a.abtn_topSearchBtn:before{content: '';display:block;width:23px;height:23px;background:url(../images/common/sp_portal_common.png) no-repeat -160px 0;margin:8px;margin-right:14px;}
#header .library_gnb_wrap .btn_box2 .abtn_sitemap{position:relative;}
#header .library_gnb_wrap .btn_box2 .abtn_sitemap:before{content:'';display:block;width:27px;height:21px;background:url(../images/common/sp_portal_common.png) no-repeat -200px 0;margin:8px;margin-right:0;}
#header .library_gnb_wrap .btn_box2 .abtn_sitemap:after{content: '';display:block;position:absolute;top:5px;left:-12px;width:2px;height:21px;background: url(../images/common/sp_portal_common.png) no-repeat -243px 0;margin: 8px;}



#gnb {position: absolute;top:0;left:0;width:100%;height:71px;border-bottom: 1px solid #c8c8c8;z-index:2}
#gnb .gnb{position:relative;max-width:1024px;height:100%;padding:0 90px 0 280px;margin:0 auto;z-index:3}



/* footer */
#footer{border-top:2px solid #333a44;background-color:#f5f5f5}
#footer .othersite_area{position:relative;border-bottom: 1px solid #dcdcdc;background-color:#fff}

#footer .othersite_wrap{max-width:1024px;margin:0 auto;padding-left:96px;position:relative;}
#footer .othersite_wrap .othersite_list .othersite_slide{width:184px;}
#footer .othersite_wrap .othersite_list .othersite_slide a{display:block;padding:17px 15px 17px;text-align:center;position:relative;color:#333;font-weight:300;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#footer .othersite_wrap .othersite_list .othersite_slide a:after{content:'';width:0;height:14px;border-left:1px solid #b6b6b6;position:absolute;right:0;top:22px;}
#footer .othersite_wrap .othersite_control{position:absolute;top:23px;left:7px;}
#footer .othersite_wrap .othersite_control button{overflow:hidden;line-height:9999px;float:left;width:8px;height:12px;margin-right:17px;background:url(../images/common/sp_portal_common.png) no-repeat}
#footer .othersite_wrap .othersite_control .btn_play{background-position:-152px -80px;}
#footer .othersite_wrap .othersite_control .btn_pause{background-position:-68px -80px;}
#footer .othersite_wrap .othersite_control .btn_prev{background-position:-89px -80px;}
#footer .othersite_wrap .othersite_control .btn_next{background-position:-112px -80px;}
#footer .othersite_wrap .othersite_control .more{float:left;width:10px;height:10px;background:url(../images/common/sp_portal_common.png) no-repeat -132px -80px;line-height:9999px;overflow:hidden}

#footer .footer_info_area{max-width:1024px;margin:0 auto 40px;position:relative;}
#footer .footer_info_area .footer_info_quick{padding-top:25px;overflow:hidden;}
#footer .footer_info_area .footer_info_quick a{position:relative;padding-left:18px;margin-left:18px;font-size:16px;color:#454545; font-weight:300;}
#footer .footer_info_area .footer_info_quick a:after{display:block;position:absolute;left:0;top:6px;width:1px;height:14px;background-color: #999;content:'';}
#footer .footer_info_area .footer_info_quick a:first-child:after{display:none;}
#footer .footer_info_area .footer_info_quick .info_private{padding-left:0;margin-left:0;color: #0168b5;}
#footer .footer_info_area .footer_address{margin-top:15px;color:#454545;font-size:16px;font-weight:300;}
#footer .footer_info_area .footer_address p+p{margin-top:2px;}
#footer .footer_info_area .footer_mark{overflow: hidden;position:absolute;bottom:0;right:0;}
#footer .footer_info_area .footer_mark a:first-child{margin-right:15px;}

#footer .qnb_area{margin-top:28px}
#footer .qnb_connectionwrapper{max-width:1024px;margin:0 auto;}
#footer .qnb_connection{width:100%}
#footer .qnb_connection>li{float:left;position:relative;width:20%;}
#footer .qnb_connection >li .tit{font-weight:400;}
#footer .qnb_connection >li .tit a{display:block;font-size:14px;padding:10px 0;border:1px solid #dcdcdc;border-width:1px 1px 1px 0;font-size:16px;font-weight:300;color:#333;padding-left:10px;background:#fff;position:relative; }
#footer .qnb_connection >li .tit a:after{content:'';width:23px;height:23px;display:block;position:absolute;top:10px;right:10px;background:url(../images/common/sp_portal_common.png) no-repeat -31px -30px}
#footer .qnb_connection >li:first-child .tit a{border-width:1px 1px 1px 1px}
#footer .qnb_connection >li .view{position:absolute;left:-1px;bottom:-1px;right:0;border:1px solid #dedede;background:#fff;z-index:100;}
#footer .qnb_connection >li .view dl{position:relative}
#footer .qnb_connection >li .view dt{height:48px;padding:12px 0 0 9px;background:#5f5f5f;font-size:16px;color:#fff;font-weight:300;}
#footer .qnb_connection >li .view dd{padding:4px 0 4px 9px;background:#fff;}
#footer .qnb_connection >li .view dd:first-of-type{padding-top:17px;}
#footer .qnb_connection >li .view dd:last-child{padding-bottom:17px;}
#footer .qnb_connection >li .view dd a{display:block;color:#454545;font-size:16px;font-weight:300;}
#footer .qnb_connection >li .view .btn_close{position:absolute;right:9px;top:12px;width:23px;height:23px;background:url(../images/common/sp_portal_common.png) no-repeat -31px -56px;overflow:hidden;line-height:9999px;}

.btn_all_top{position:fixed;bottom:20px;right:20px;width:46px;height:46px;background:url(../images/common/sp_portal_common.png) no-repeat -69px -30px;text-indent:-9999px;z-index:10000;}

.new_window{display:inline-block;min-height:12px;padding:0 15px 0 0;background:url(../images/common/newwindow-icon.png) no-repeat right center;vertical-align:middle}
.new_window2{display:inline-block;min-height:12px;padding:0 15px 0 0;background:url(../images/common/newwindow-icon2.png) no-repeat right center;vertical-align:middle}

.pc{display:block}
.mo{display:none}

@media screen and (max-width:1024px) {
    #footer .othersite_wrap .othersite_control{left:20px;}
    #footer .othersite_wrap{padding-left:132px;}
    #footer .footer_info_area{margin: 0 19px 40px;}
    #footer .footer_info_area .footer_info_quick a:after{display:none;}
    #footer .footer_info_area .footer_info_quick a{display:block;padding:10px 0;width:32.5%;float:left;margin:0;margin-bottom:4px;margin-right:1.25%;text-align:center;border-radius:4px;box-sizing:border-box;-webkit-box-sizing:border-box;background-color:#efefef;}
    #footer .footer_info_area .footer_info_quick a:nth-child(3n){margin-right:0}
    #footer .footer_info_area .footer_mark{position:relative;text-align:center;padding-top:20px;}
    #footer .footer_info_area .footer_address{text-align:center}
    #footer .footer_info_area .footer_address .ftrAddress-block{display:block}
    #footer .footer_info_area .footer_inblock{display:inline-block}
}

@media screen and (max-width:600px) {

   #footer .footer_address .ftrAddress-block{display:block;}
   #footer .footer_info_area .footer_info_quick a,
   #footer .footer_info_area .footer_info_quick a:nth-child(2n){width:100%;float:none;}
}

@media screen and (max-width:414px) {
    #footer .footer_info_area{padding-bottom:0;}
    #footer .footer_info_area .footer_mark{display:none;}
}


/* 상단 통합검색바 */
.topTotalSearch {display:none;position:absolute;left:0;top:88px;width:100%;height:64px;background:url(../images/common/bg_topTotalSearchArea.png) no-repeat 32% 0 #2ea7f6;z-index:1000;}
.topTotalSearch .topTotalSearchArea {position:relative;max-width:1024px;margin:13px auto 0}
.topTotalSearch .topTotalSearchArea ul{width:100%;overflow:hidden}
.topTotalSearch .topTotalSearchArea ul li.li1{float:left;width:calc(91% - 10px);padding-left:445px;text-align:center; }
.topTotalSearch .topTotalSearchArea ul li.li2{float:left;width:8%;text-align:center; }

.topTotalSearch .topTotalSearchArea ul li.li1 .text_toptotalsearch {width:calc(100% - 110px); height:38px;padding-left:12px; line-height:38px;border:0;background:#fff; font-size:110%;text-align:left;color:#0d3e89; }
.topTotalSearch .topTotalSearchArea ul li.li1 input::-webkit-input-placeholder{color: #bfbfbf;}
.topTotalSearch .topTotalSearchArea ul li.li1 input:-ms-input-placeholder{color: #bfbfbf;}
.topTotalSearch .topTotalSearchArea ul li.li1 a{display:inline-block;position:relative;width:80px;height:38px;line-height:38px;color:#fff;font-size:16px;background-color:#234391;vertical-align:top;}
.topTotalSearch .topTotalSearchArea ul li.li2 input {position:relative; top:0px;border:0;cursor:pointer; vertical-align: top; }
.topTotalSearch .topTotalSearchArea ul li.li2 a{display:inline-block;position:relative;width:22px;height:22px;margin-top:6px;background:url(../images/common/sp_portal_common.png) no-repeat 0 -30px}


@media screen and (max-width:1200px) {
    .topTotalSearch .topTotalSearchArea {max-width:1024px}
    .topTotalSearch{background:url(../images/common/bg_topTotalSearchArea.png) no-repeat 13% 0 #2ea7f6;}

    #header .library_gnb_wrap .library_logo{left:20px;}
    #header .library_gnb_wrap .btn_box2{right:20px;}
    #header .library_gnb_wrap .library_nav_menu .sub_menu_depth1{padding:0 10px;}
    #header .library_gnb_wrap .library_nav_menu li:nth-child(2).sub_menu_depth1 .menu_box{left:-226px;}
    #header .library_gnb_wrap .library_nav_menu li:nth-child(3).sub_menu_depth1 .menu_box{left:-186px;}
    #header .library_gnb_wrap .library_nav_menu li:nth-child(4).sub_menu_depth1 .menu_box{left:-108px;}
    #header .library_gnb_wrap .library_nav_menu li:nth-child(5).sub_menu_depth1 .menu_box{left:-31px;}
    #header .library_gnb_wrap .library_nav_menu li:nth-child(6).sub_menu_depth1 .menu_box{left:46px;}

}

@media screen and (max-width:1024px) {
    .pc{display:none}
    .mo{display:block}

    #header{padding-top:0;border-top:none;;border-bottom:2px solid #508df6}
    #header .library_gnb_mobile{display:block;width:100%;height:68px;}
    #header .library_gnb_mobile .library_gnb_mobile_wrap{margin:0 auto;padding:0 20px;position:relative;}
    #header .library_gnb_mobile .library_logo{position:absolute;left:50%;margin-left:-58px;top:10px;}
    #header .library_gnb_mobile .library_gnb_menubtn{position:absolute;top:6px;right:0;}
    #header .library_gnb_mobile .library_gnb_menubtn .menu_btn{position:absolute;display:block;top:16px;right:20px;width:27px;height:23px;background:url(../images/common/sp_portal_common.png) no-repeat -200px 0;z-index:10;}
    #header .library_gnb_mobile .library_gnb_menubtn .menu_btn:after{content:'';display:block;position:absolute;top:-8px;left:-22px;width:2px;height:24px;background:url(../images/common/sp_portal_common.png) no-repeat -200px -77px;margin:8px;}
    #header .library_gnb_mobile .library_gnb_menubtn .gnb_btnclose{position:absolute;display:block;top:16px;right:20px;width:27px;height:24px;background:url(../images/common/sp_portal_common.png) no-repeat -168px -77px;}
    #header .library_gnb_mobile .library_gnb_menubtn .gnb_btnclose:after{content:'';display:block;position:absolute;top:-8px;left:-22px;width:2px;height:24px;background:url(../images/common/sp_portal_common.png) no-repeat -200px -77px;margin:8px;}
    #header .library_gnb_mobile .mobile_over{content: '';display: none;position:fixed;top:68px;right:0px;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1;}
    #header .library_gnb_mobile .mobile_list{display:block !important;overflow-y:auto;position:fixed;top:70px;width:340px;height:100%;z-index:5000;background:#fff}
    #header .library_gnb_mobile .abtn_topSearchBtn.v2{position:absolute;display:block;top:21px;left:20px;width:27px;height:24px;background: url(../images/common/sp_portal_common.png) no-repeat -160px 0;}
    #header .library_gnb_mobile .abtn_topSearchBtn.v2:after{content:'';display:block;position:absolute;top:-8px;left:32px;width:2px;height:24px;background:url(../images/common/sp_portal_common.png) no-repeat -200px -77px;margin:8px;}


    #header .library_gnb_mobile .mobile_gnb{display:none;position:fixed;overflow:hidden;padding:0 !important;z-index:10000;top:70px;right:0;bottom:0;left:0;}
    #header .library_gnb_mobile .mobile_gnb .mobile_gnb_area{margin:0;width:340px;padding:0;max-width:340px;float:right;height:100%;}
    #header .library_gnb_mobile .mobile_gnb_content{width:340px;border-radius:0;border:0 none;height:100%;}
    #header .library_gnb_mobile .mobile_gnb_content .mobile_gnb_body{position:relative;overflow:hidden;height:100%;padding:0;background:#fff;}
    #header .library_gnb_mobile .mobile_gnb_content .mobile_gnb_body:before{position:absolute;left:0;top:0px;width:110px;height:100%;background:#e5e5e5;content:'';}

    #header .library_gnb_mobile .mobile_gnb .depth1_ul{overflow-y:auto;position:absolute;top:0px;right:0;bottom:0;width:100%;padding-left:110px;margin:0;}
    #header .library_gnb_mobile .mobile_gnb .depth1_ul > li{float:left;width:100%;text-align:left;}
    #header .library_gnb_mobile .mobile_gnb .depth1_ul > li > a{display:block;position:absolute;top:0;left:0;width:110px;height:56px;margin-right:230px;background:#e5e5e5;border-bottom:1px solid #f0f0f0;font-size:20px;line-height:1.2;text-align:center;}
    #header .library_gnb_mobile .mobile_gnb .depth1_ul > li > a.ov{background:#fff;color:#3f61b2;}
    #header .library_gnb_mobile .mobile_gnb .depth1_ul > li:nth-child(1) > a{top:0;}
    #header .library_gnb_mobile .mobile_gnb .depth1_ul > li:nth-child(2) > a{top:56px;}
    #header .library_gnb_mobile .mobile_gnb .depth1_ul > li:nth-child(3) > a{top:112px;}
    #header .library_gnb_mobile .mobile_gnb .depth1_ul > li:nth-child(4) > a{top:168px;}
    #header .library_gnb_mobile .mobile_gnb .depth1_ul > li:nth-child(5) > a{top:224px;}
    #header .library_gnb_mobile .mobile_gnb .depth1_ul > li:nth-child(6) > a{top:280px;}
    #header .library_gnb_mobile .mobile_gnb .depth1_ul > li:nth-child(7) > a{top:336px;}
    #header .library_gnb_mobile .mobile_gnb .depth1_ul > li > a span{display:table-cell;width:110px;height:56px;padding:0 5px;font-size:18px;vertical-align:middle;line-height:20px;color:#1d1d1d;font-weight:300;}

    #header .library_gnb_mobile .mobile_gnb .depth2_ul{display:none;width:100%;padding-left:18px;}
    #header .library_gnb_mobile .mobile_gnb .depth2_ul.on{display:inline-block;}
    #header .library_gnb_mobile .mobile_gnb .depth2_ul > li{width:100%;border-bottom:1px solid #e0e0e0;}
    #header .library_gnb_mobile .mobile_gnb .depth2_ul > li > a{display:block;position:relative;width:100%;padding:18px 36px 16px 20px;color:#444;font-size:18px;line-height:1.2;}
    #header .library_gnb_mobile .mobile_gnb .depth2_ul > li > .use3depth:before{width:15px;height:1px;background-color:#a2a4a7;content:"";position:absolute;top:29px;right:15px;}
    #header .library_gnb_mobile .mobile_gnb .depth2_ul > li > .use3depth:after{width:1px;height:15px;background-color:#a2a4a7;content:"";position:absolute;top:22px;right:22px;}
    #header .library_gnb_mobile .mobile_gnb .depth2_ul > li > a.ov:after{display:none;}

    #header .library_gnb_mobile .mobile_gnb .depth2_ul > li.plus_none > a:before{display:none;}
    #header .library_gnb_mobile .mobile_gnb .depth2_ul > li.plus_none > a:after{display:none;}

    #header .library_gnb_mobile .mobile_gnb .depth2_ul li a span{font-size: 18px;color: #1d1d1d;letter-spacing: -1px;}
    #header .library_gnb_mobile .mobile_gnb .depth2_ul li .depth3_ul{display:none;padding:5px 20px;background:#eaf7ff;border-top:1px solid #0072ba;}
    #header .library_gnb_mobile .mobile_gnb .depth2_ul li .depth3_ul > li{padding: 3px 0;}
    #header .library_gnb_mobile .mobile_gnb .depth2_ul li .depth3_ul > li > a{display:inline-block;position:relative;padding-left:7px;}
    #header .library_gnb_mobile .mobile_gnb .depth2_ul li .depth3_ul > li > a:before{position:absolute;left:0;top:9px;width:2px;height:2px;background:#363839;content:'';}


    .topTotalSearch .topTotalSearchArea ul li.li1{padding-left:20px}
    .topTotalSearch{top:67px;background:#2ea7f6;}

}

@media screen and (max-width:640px) {

}