@charset "utf-8";
 
/* skipNavi */
#skipNavi { position: absolute; top: -100px; z-index: 10000; width: 100%; }
#skipNavi li { float: left; width: 100%; position: absolute; top: 0; left: 0; }
#skipNavi a { overflow: hidden; text-align: center; color: #fff; } 
#skipNavi a:focus, 
#skipNavi a:active { position: absolute; top: 100px; left: 0; height: auto; width: 100%; margin-bottom: 10px; padding: 5px; font-weight: bold; background: #000; color: #fff600; }

/* layout-common */
#wrap { width: 100%; height: 100%; min-width: 1200px; position: relative; box-sizing: border-box; }
#wrap #header { width: 100%; height: 110px; position: absolute; left: 0; top: 0; z-index: 120; background: rgba(19,19,19,0.8); box-sizing: border-box; }

/* main header */
#wrap #header .in_header { width: 1200px; height: 110px; margin: 0 auto; position: relative; box-sizing: border-box; }
#wrap #header .in_header .logo { position: absolute; left: 0; bottom: 15px; width: 260px; height: 49px; background: url('/images/main_logo.png') no-repeat; font-size: 0; }
#wrap #header .in_header .logo a { width: 100%; height: 100%; display: block; }
#wrap #header .in_header .header_util { height: 48px; float: right; }
#wrap #header .in_header .header_util .util { float: left; margin-top: 17px; }
#wrap #header .in_header .header_util .util .member_info { font-size: 15px; }
#wrap #header .in_header .header_util .util a { position: relative; color: #fff; padding: 0 10px; font-size: 15px; }
#wrap #header .in_header .header_util .util a:last-child { padding: 0 0 0 5px; }
#wrap #header .in_header .header_util .util a::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    top: 4px;
    width: 1px;
    height: 14px;
    background: rgba(255,255,255,0.2);
}
#wrap #header .in_header .header_util .util a:last-child::after {
    background: none;
}
#wrap #header .in_header .header_util .control { float: left; margin: 18px 0 0 10px; }
#wrap #header .in_header .header_util .control a { display: inline-block; width: 25px; height: 25px; font-size: 0; vertical-align: top; float: left; }
#wrap #header .in_header .header_util .control a.big { background: url('/images/zoom_in.gif') no-repeat; margin-right: 5px; }
#wrap #header .in_header .header_util .control a.small { background: url('/images/zoom_out_main.gif') no-repeat; }
#wrap #header .in_header .header_util .all_menu { float: right; margin: 14px 0 0 15px; }
#wrap #header .in_header .header_util .all_menu a { display: inline-block; width: 105px; height: 36px; border: 1px solid rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.1); border-radius: 25px; line-height: 33px; padding: 0 0 0 38px; box-sizing: border-box; position: relative; color: #fff; font-size: 15px; }
#wrap #header .in_header .header_util .all_menu a::before {
    content: '';
    display: inline-block;
    position: absolute; 
    width: 15px;
    height: 14px;
    left: 16px;
    top: 10px;
    background: url('/images/all_menu_main.png') no-repeat;
}
.all_menu_wrap { background: #fff; width: 1200px; height: calc(100vh - 100px); box-sizing: border-box; z-index: 9999; margin: 0 auto; position: relative; }
.all_menu_wrap > h2 { width: 1200px; background: #fff; z-index: 100; padding: 25px 0 25px 0; text-align: center; box-sizing: border-box; font-size: 32px; font-weight: 500; position: fixed; border-bottom: 2px solid #333; }
.all_menu_wrap > .menu_close { width: 70px; height: 70px; background: url('/images/menu_close.gif') no-repeat; position: fixed; top: 6.3%; right: 50%; margin-right: -582px; z-index: 100; } 
.all_menu_wrap > .menu_close:focus{outline-offset:4px;}
.all_menu_wrap > .menu_close > span { font-size: 0; }
.all_menu_wrap .in_menu { width: 1200px; height: 100%; margin: 0 auto 0 auto; padding: 140px 40px 40px 40px; box-sizing: border-box; overflow: scroll; overflow-x: hidden; }
.all_menu_wrap .in_menu .menu_list { margin-bottom: 40px; width: 100%; }
.all_menu_wrap .in_menu .menu_list > li { margin-bottom: 50px; }
.all_menu_wrap .in_menu .menu_list > li:last-child { margin-bottom: 0; }
.all_menu_wrap .in_menu .menu_list > li > h3 { width: 100%; font-size: 24px; color: #0066b3; font-weight: 500; border-bottom: 2px solid #0066b3; padding-bottom: 4px; margin-bottom: 20px; }
.all_menu_wrap .in_menu .menu_list > li > ul { width: 100%; }
.all_menu_wrap .in_menu .menu_list > li > ul > li { float: left; width: 25%; padding-right:  3%; box-sizing: border-box; } 

.all_menu_wrap .in_menu .menu_list > li > ul > li:last-child { padding-right: 0; }
.all_menu_wrap .in_menu .menu_list > li > ul > li > a { font-weight: 500; color: #222; width: 100%; display: inline-block; border-bottom: 1px solid #ddd; padding-bottom: 7px; }
.all_menu_wrap .in_menu .menu_list > li::after {
    content: '';
    display: block;
    clear: both;
}
.all_menu_wrap .in_menu .menu_list > li > ul > li > .submenu_list { margin-top: 15px; }
.all_menu_wrap .in_menu .menu_list > li > ul > li > .submenu_list > li { margin-bottom: 5px; position: relative; padding-left: 10px; }
.all_menu_wrap .in_menu .menu_list > li > ul > li > .submenu_list > li:last-child { margin-bottom: 0; }
.all_menu_wrap .in_menu .menu_list > li > ul > li > .submenu_list > li::before { 
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    position: absolute;
    left: 0;
    top: 12px;
    background: url('/images/dot01.gif') no-repeat;
}

#wrap #header .in_header .gnb_wrap { position: absolute; right: 0; top: 60px; }
/* #wrap #header .in_header .gnb_wrap .gnb_depth1 { width: 920px; } */
#wrap #header .in_header .gnb_wrap .gnb_depth1 > li { float: left; display: block !important; position: relative; margin-right: 70px; }
/*@media screen and (-webkit-min-device-pixel-ratio: 0){
    #wrap #header .in_header .gnb_wrap .gnb_depth1 > li { margin-right: -13px; }
}*/
#wrap #header .in_header .gnb_wrap .gnb_depth1 > li:last-child { margin-right: 0 !important; }
#wrap #header .in_header .gnb_wrap .gnb_depth1 > li > a { display: block; position: relative; font-size: 20px; color: #fff; font-weight: 500; height: 52px; white-space: nowrap; }
#wrap #header .in_header .gnb_wrap .gnb_depth1 > li > a:hover { text-decoration: none; }
#wrap #header .in_header .gnb_wrap .gnb_depth2 { position: absolute; top: 50px; left: 50%; transform: translate(-50%, 0); background: rgba(19,19,19,0.8); padding: 0 20px 0 20px; box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.3); display: none; width: auto !important; }
#wrap #header .in_header .gnb_wrap .gnb_depth2.on { display: block; }
#wrap #header .in_header .gnb_wrap .gnb_depth2::before { 
    content: '';
    display: block;
    height: 3px;
    background: #04b0e0;
}
#wrap #header .in_header .gnb_wrap .gnb_depth2 ul { padding: 7px 0; }
#wrap #header .in_header .gnb_wrap .gnb_depth2 ul > li { line-height: 34px;  }
#wrap #header .in_header .gnb_wrap .gnb_depth2 ul > li > a { color: #fff !important; font-weight: 400 !important; font-size: 14px !important; white-space: nowrap; }
#wrap #header .in_header .gnb_wrap .gnb_depth2 ul > li > .gnb_depth3 { padding: 0 10px !important; margin-top: -5px; margin-bottom: 5px; }
#wrap #header .in_header .gnb_wrap .gnb_depth2 ul > li > .gnb_depth3 > ul { padding: 0 0; }
#wrap #header .in_header .gnb_wrap .gnb_depth2 ul > li > .gnb_depth3 > ul > li { line-height: 24px !important; }
#wrap #header .in_header .gnb_wrap .gnb_depth2 ul > li > .gnb_depth3 > ul > li > a { font-weight: 100 !important; font-size: 13px !important; color: #eee; }
#wrap #header .in_header .gnb_wrap .gnb_depth2 ul > li > .gnb_depth3 > ul > li > a::before {
	content: '-';
	display: inline-block;
	width: 10px;
}

/* sub header */
#wrap #header.sub { height: 110px; background: #fff; border-bottom: 1px solid #ccc; }
#wrap #header.sub .in_header .logo { position: absolute; left: 0; bottom: 15px; width: 260px; height: 49px; background: url('/images/sub_logo.png') no-repeat; font-size: 0; }
#wrap #header.sub .in_header .header_util .util a { color: #8d8d8d; }
#wrap #header.sub .in_header .header_util .util a::after {
    background: #ccc;
}
#wrap #header.sub .in_header .header_util .util a:last-child::after {
    background: none;
}
#wrap #header.sub .in_header .header_util .control a.small { background: url('/images/zoom_out_sub.gif') no-repeat; }
#wrap #header.sub .in_header .header_util .all_menu a { border: 1px solid #aaa; background: rgba(255, 255, 255, 0.1); color: #555; }
#wrap #header.sub .in_header .header_util .all_menu a::before {
    content: '';
    display: inline-block;
    position: absolute; 
    width: 15px;
    height: 14px;
    left: 16px;
    top: 10px;
    background: url('/images/all_menu_sub.gif') no-repeat;
}
#wrap #header.sub .in_header .gnb_wrap .gnb_depth1 > li > a { color: #222; }
#wrap #header.sub .in_header .gnb_wrap .gnb_depth1 > li.on a { color: #007fd2; }

#wrap #container { min-height: calc(100% - 365px - 111px); position: relative; z-index: 10; padding: 110px 0 100px 0;  }
#wrap #container.main { min-height: auto; padding: 0; }
#wrap #container .lnb { position: relative; z-index: 50; height: 50px; width: 100%; background: #fafafa; border-bottom: 1px solid #e7e7e7; box-sizing: border-box; }
#wrap #container .lnb > ul { width: 1200px; margin: 0 auto; }
#wrap #container .lnb > ul > li { position: relative; height: 50px; float: left; border-right: 1px solid #e7e7e7; line-height: 50px; }
#wrap #container .lnb > ul > li:first-child { width: 45px; padding: 0 !important; border-left: 1px solid #e7e7e7; }
#wrap #container .lnb > ul > li:nth-of-type(2) { padding: 0 20px; }
#wrap #container .lnb > ul > li > a { display: block; padding: 0 20px; }
.main_link { position: relative; display: inline-block; width: 45px; height: 50px; background: url('/images/common/home_icon.png') no-repeat center 50%; text-indent: -9999px; padding: 0 !important; }
.pass_arrow { display: block; background: url('/images/common/pass_icon.png') no-repeat right 20px top 50%; }
.pass_arrow.on { display: block; background: #fff url('/images/common/pass_icon_on.png') no-repeat right 20px top 50%; color: #0089cf; }
.depth2_list {
    display: none;
    position: absolute;
    top: 50px;
    left: -1px;
    right: -1px;
    background: #fff;
    box-shadow: 0 6px 8px rgba(0,0,0,0.1);
    z-index: 1;
    padding: 0 20px;
    border: 1px solid #e7e7e7;
    border-top: 1px solid #fff;
}
.depth2_list li { height: auto; line-height: 32px; }
.depth2_list li:last-child { padding-bottom: 15px; }
.depth2_list li.on a { color: #0089cf !important; }
.depth2_list.on { display: block; }

#wrap #container .lnb > ul > li.depth2 { width: 300px; }
#wrap #container .lnb > ul > li:last-child > a { color: #0089cf !important; font-weight: 500; }
/*#wrap #container .lnb > ul > li.depth3 { width: 190px; } */
#wrap #container .lnb > ul > li.depth2.on { background: #fff; }
#wrap #container .sub_container { background: #fff; width: 1200px; margin: 0 auto; padding: 40px 0 0 0; }
#wrap #container .sub_container .inner_contents { margin-top: 30px; }

#wrap #footer { height: 265px; z-index: 20; position: relative; }
#wrap #footer .banner_wrap { border-top: 1px solid #e1e1e1; box-sizing: border-box; }
#wrap #footer .banner_wrap .in_banner { width: 1200px; height: 90px; margin: 0 auto; position: relative; }
#wrap #footer .banner_wrap .in_banner .banner_list li { height: 90px; }
#wrap #footer .banner_wrap .in_banner .banner_list li > a { display: block; width: 220px; height: 80px; line-height: 80px; text-align: center; margin: 5px 3px 0 0; }
#wrap #footer .banner_wrap .in_banner .banner_list li > a > img { display: block; margin: 0 auto; vertical-align: middle; padding-top: 22px; cursor: pointer; }
#wrap #footer .banner_wrap .in_banner .bx-wrapper { width: 1115px; position: absolute; right: 0; }
#wrap #footer .banner_wrap .in_banner .bx-controls { position: relative; width: 1200px; margin: 0 auto; z-index: 99999; left: -85px; top: -59px; }
#wrap #footer .banner_wrap .in_banner .bx-controls-auto { text-align: left; top: 0; left: 25px; width: 26px; }
/*#wrap #footer .banner_wrap .in_banner .bx-controls-auto .bx-controls-auto-item {width: 26px; height: 25px; }*/
#wrap #footer .banner_wrap .in_banner .bx-controls-auto .bx-controls-auto-item .bx-start { display: none; background: #f0f0f0 url('/images/btn_control_play.gif') no-repeat center; border: 1px solid #bbbbbb; width: 26px; height: 25px; box-sizing: border-box; margin: 0; }
#wrap #footer .banner_wrap .in_banner .bx-controls-auto .bx-controls-auto-item .bx-stop { background: #f0f0f0 url('/images/btn_control_stop.gif') no-repeat center; border: 1px solid #bbbbbb; width: 26px; height: 25px; box-sizing: border-box; margin: 0; }
#wrap #footer .banner_wrap .in_banner .bx-controls-direction { top: 31px; }
#wrap #footer .banner_wrap .in_banner .bx-controls-direction a { background: #f0f0f0; border: 1px solid #bbbbbb; width: 26px; height: 25px; box-sizing: border-box; margin: 0; }
#wrap #footer .banner_wrap .in_banner .bx-controls-direction .bx-prev { left: 0; background: #f0f0f0 url('/images/btn_control_prev.gif') no-repeat center; }
#wrap #footer .banner_wrap .in_banner .bx-controls-direction .bx-next { left: 50px; background: #f0f0f0 url('/images/btn_control_next.gif') no-repeat center; }

#wrap #footer .banner_wrap .in_banner .bx-controls-direction a,
#wrap #footer .banner_wrap .in_banner .bx-controls-auto a  {outline-offset: -1px;}

#wrap #footer .copyright_wrap { background: #3e4148; }
#wrap #footer .copyright_wrap .in_copyright { width: 1200px; height: 175px; margin: 0 auto; position: relative; }
#wrap #footer .copyright_wrap .in_copyright .footer_util { height: 66px; line-height: 65px; box-sizing: border-box; border-bottom: 1px solid #32343a; }
#wrap #footer .copyright_wrap .in_copyright .footer_util a { color: #bec1c9; font-size: 15px; font-weight: 500; }
#wrap #footer .copyright_wrap .in_copyright .footer_util a:first-child { margin-right: 20px; color: #ffeb33; }
#wrap #footer .copyright_wrap .in_copyright .address_wrap { color: #bec1c9; font-size: 15px; padding-top: 32px; }
#wrap #footer .copyright_wrap .in_copyright .address_wrap span { padding: 0 10px; display: inline-block; position: relative; }
#wrap #footer .copyright_wrap .in_copyright .address_wrap span:first-child { margin-left: 5px; }
#wrap #footer .copyright_wrap .in_copyright .address_wrap span::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #65676d;
    position: absolute;
    left: 0;
    top: 3px;

}
#wrap #footer .copyright_wrap .in_copyright .address_wrap .copyright { margin-top: 5px; }
#wrap #footer .copyright_wrap .in_copyright .license_mark { position: absolute; right: 0; bottom: 25px;}
#wrap #footer .copyright_wrap .in_copyright .license_mark a img {width:88px; height:62px;}

/* page common title */
.h2_title { font-size: 32px; font-weight: 500; text-align: center; color: #000; position: relative; }
.h3_title { font-size: 24px; font-weight: 500; color: #222; margin-bottom: 20px; }
.h4_title { font-size: 20px; font-weight: 500; color: #333; border-bottom: 1px solid #e7e7e7; padding-bottom: 16px; margin-bottom: 20px;  }

/* member title */
.page_title { font-size: 32px; text-align: center; color: #000; position: relative; padding-bottom: 20px; margin-top: 15px; }
.page_title::after { 
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 80px;
    height: 3px;
    margin-left: -40px;
    background: #0089cf;
}