/* (주)한신정보기술 권정현 - 2017.08.09 */ #header {padding-bottom:69px; background-color:#fff;} @media screen and (max-width:800px) { #header {padding-bottom:68px; border-bottom:1px solid #d8d8d8;} #header.menu_active {position:fixed; top:0; left:0; width:100%; background-color:#fff;} } #header .logo {top:41px; left:0; z-index:40; width:100%; height:0;} #header .logo .wrap {height:100%;} @media screen and (max-width:800px) { #header .logo {left:2.5%; z-index:50;} } #header .gnb {position:relative; z-index:50; height:30px; background-color:#005baa;} #header .gnb .wrap {overflow:visible; height:100%;} #header .gnb .gnb_left {position:relative; width:50%; height:100%;} #header .gnb .gnb_left ul.clearfix {height:100%;} #header .gnb .gnb_left ul.clearfix li {height:100%; padding-right:15px; padding-left:15px;} #header .gnb .gnb_left ul.clearfix li.enter {background-color:#acacac;} #header .gnb .gnb_left ul.clearfix li.child {background-color:#003876;} #header .gnb .gnb_left ul.clearfix li.overseas_competition {background-color:#009fb0;} #header .gnb .gnb_left ul.clearfix li a {padding-top:8px; padding-bottom:8px; color:#fff; font-size:12px; line-height:14px; font-weight:600;} #header .gnb .gnb_left ul.clearfix li.enter a {padding-right:19px; background:url('/site/www/images/common/gnbLeft_accessibility_icon.png') no-repeat right 13px;} #header .gnb .gnb_left ul.clearfix li button {height:100%; color:#fff; font-size:12px; font-weight:600;} #header .gnb .gnb_right {width:50%; height:100%;} #header .gnb .gnb_right > ul.clearfix {float:right; height:100%;} #header .gnb .gnb_right > ul.clearfix > li {height:100%; margin-left:15px; padding-left:15px; background:url('/site/www/images/common/gnbRight_list_line.gif') no-repeat left 13px;} #header .gnb .gnb_right > ul.clearfix > li:first-child {margin-left:0; padding-left:0; background-image:none;} #header .gnb .gnb_right > ul.clearfix > li > a {padding-top:8px; color:#fff; font-size:12px; line-height:14px; font-weight:600;} #header .gnb .gnb_right > ul.clearfix > li.language {position:relative; padding-right:9px; padding-left:20px; background-color:#f1f1f1; background-image:none;} #header .gnb .gnb_right > ul.clearfix > li.language button.open {height:100%; padding-top:0; padding-right:30px; padding-bottom:0; padding-left:0; color:#707070; font-size:12px; line-height:14px; font-weight:600;} #header .gnb .gnb_right > ul.clearfix > li.language .target {position:absolute; top:100%; left:0; width:100%; background-color:#f1f1f1;} #header .gnb .gnb_right > ul.clearfix > li.language .target ul {padding-top:2px; padding-right:9px; padding-bottom:7px; padding-left:9px; line-height:0;} #header .gnb .gnb_right > ul.clearfix > li.language .target ul li {padding-top:7px; padding-bottom:7px; border-top:1px solid #d7d7d7; background-repeat:no-repeat; background-position:10px 10px;} #header .gnb .gnb_right > ul.clearfix > li.language .target ul li:first-child {margin-top:0;} /* #header .gnb .gnb_right > ul.clearfix > li.language .target ul li.korean {background-image:url('/site/www/images/common/gnbRight_languageKorean_icon.gif');} #header .gnb .gnb_right > ul.clearfix > li.language .target ul li.english {background-image:url('/site/www/images/common/gnbRight_languageEnglish_icon.gif');} */ #header .gnb .gnb_right > ul.clearfix > li.language .target ul li.korean {text-align: center;} #header .gnb .gnb_right > ul.clearfix > li.language .target ul li.english {text-align: center;} #header .gnb .gnb_right > ul.clearfix > li.language .target ul li a {color:#707070; font-size:12px; line-height:16px; font-weight:600;} @media screen and (max-width:800px) { #header .gnb {z-index:60;} } @media screen and (max-width:640px) { #header .gnb .gnb_left ul.clearfix li.enter {display:none;} #header .gnb .gnb_right > ul.clearfix > li {display:none;} #header .gnb .gnb_right > ul.clearfix > li.language {display:block;} } #header .lnb_m_open {display:block; visibility:hidden; opacity:0; position:fixed; top:0; right:0; z-index:10; width:100%; height:100%; background-color:#000; background-color:rgba(0, 0, 0, 0.5); transition-property:visibility, opacity; transition-duration:0.5s; transition-timing-function:cubic-bezier(1, 0, 0, 1);} #header.menu_active .lnb_m_open {visibility:visible; opacity:1;} #header .lnb_m_open button {display:none;} #header .lnb .lnb_m_close {display:block; position:absolute; top:0; right:0; z-index:10; width:100%; height:69px; background-color:#fff;} #header .lnb .lnb_m_close button {display:none;} #header .lnb {position:absolute; top:30px; left:0; z-index:20; width:100%; height:68px; border-bottom:1px solid #d8d8d8; background-color:#f5f5f5; transition:padding-bottom 0.5s cubic-bezier(1, 0, 0, 1);} #header .lnb .lnb_wrap {position:relative; z-index:20; height:100%; border-bottom:1px solid #d8d8d8; transition:border-bottom-color 0.5s cubic-bezier(1, 0, 0, 1);} #header.menu_active .lnb .lnb_wrap {border-bottom-color:#565656;} #header .lnb .lnb_wrap .wrap {overflow:hidden; height:100%; border-bottom:1px solid #d8d8d8; transition:padding-bottom 0.5s cubic-bezier(1, 0, 0, 1);} #header.menu_active .lnb.state1, #header.menu_active .lnb.state1 .lnb_wrap .wrap {padding-bottom:250px;} #header.menu_active .lnb.state2, #header.menu_active .lnb.state2 .lnb_wrap .wrap {padding-bottom:750px;} #header.menu_active .lnb.state3, #header.menu_active .lnb.state3 .lnb_wrap .wrap {padding-bottom:700px;} #header.menu_active .lnb.state4, #header.menu_active .lnb.state4 .lnb_wrap .wrap {padding-bottom:250px;} #header.menu_active .lnb.state5, #header.menu_active .lnb.state5 .lnb_wrap .wrap {padding-bottom:440px;} #header.menu_active .lnb.state6, #header.menu_active .lnb.state6 .lnb_wrap .wrap {padding-bottom:450px;} #header.menu_active .lnb.state7, #header.menu_active .lnb.state7 .lnb_wrap .wrap {padding-bottom:400px;} #header .lnb .lnb_wrap .depth1_menu {float:right; padding-right:287px; line-height:0;} #header .lnb .lnb_wrap .depth1_menu .depth1_list {float:left; margin-left:30px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list:first-child {margin-left:0;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth1_anchor {display:block; padding-top:26px; padding-bottom:26px; color:#222; font-size:15px; line-height:17px; font-weight:600; transition-property:paddding-bottom, color; transition-duration:0.5s; transition-timing-function:cubic-bezier(1, 0, 0, 1);} #header .lnb .lnb_wrap .depth1_menu .depth1_list.active .depth1_anchor {color:#005baa;} #header .lnb .lnb_wrap .depth1_menu .depth1_list.active .depth1_anchor:hover {text-decoration:none;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_title {visibility:hidden; opacity:0; position:absolute; top:0; left:0; width:20%; height:100%; transition-property:visibility, opacity; transition-duration:0.5s; transition-timing-function:cubic-bezier(1, 0, 0, 1);} #header .lnb .lnb_wrap .depth1_menu .depth1_list.active .depth2_title {visibility:visible; opacity:1;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_title .depth1_text {display:block; padding-top:95px; color:#005baa; font-size:30px; line-height:32px; font-weight:600;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_title ul {padding-top:28px; line-height:0;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_title ul li {margin-top:5px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_title ul li:first-child {margin-top:0;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_title ul li a {display:inline-block; overflow:hidden; position:relative; border-radius:5px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_title ul li a .background {display:inline-block; background:url('/site/www/images/common/lnb_depth2TitleLinkList_pattern.gif') repeat left top;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_title ul li a .background .inner_wrap {display:inline-block; padding-top:9px; padding-right:11px; padding-bottom:9px; padding-left:18px; background:url('/site/www/images/common/lnb_depth2TitleLinkListAnchor_bg.png') no-repeat right center;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_title ul li a .background .inner_wrap .text {display:inline-block; padding-right:53px; background:url('/site/www/images/common/lnb_depth2TitleLinkListAnchor_icon.png') no-repeat right center; color:#fff; font-size:14px; line-height:18px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu {visibility:hidden; opacity:0; position:absolute; top:69px; left:20%; width:80%; height:10000px; padding-top:29px; background:url('/site/www/images/common/lnb_depth2Menu_repeatLine.png') repeat-y left top; transition-property:visibility, opacity; transition-duration:0.5s; transition-timing-function:cubic-bezier(1, 0, 0, 1);} #header .lnb .lnb_wrap .depth1_menu .depth1_list.active .depth2_menu {visibility:visible; opacity:1;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list {float:left; width:18.75%; padding-right:3.125%; padding-left:3.125%;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .cut {float:left; width:100%; height:0; margin-top:40px; font-size:0;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth2_anchor {display:block; background-repeat:no-repeat; background-position:right top; color:#000; font-size:15px; line-height:17px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth2_anchor[target='_blank'] {display:inline-block; padding-right:25px; background-image:url('/site/www/images/common/lnb_depth2AnchorBlankIcon_off.png');} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu {margin-top:20px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list {margin-top:10px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list:first-child {margin-top:0;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth3_anchor {display:block; background-repeat:no-repeat; background-position:right top; color:#505050; font-size:14px; line-height:15px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.active .depth3_anchor {color:#2761c5;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth3_anchor[target='_blank'] {display:inline-block; padding-right:22px; background-image:url('/site/www/images/common/lnb_depth3AnchorBlankIcon_off.png');} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.active .depth3_anchor[target='_blank'] {background-image:url('/site/www/images/common/lnb_depth3AnchorBlankIcon_on.png');} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu {display:none;} @media screen and (max-width:800px) { #header .lnb_m_open {visibility:visible; opacity:1; position:absolute; top:49px; right:2.5%; z-index:20; width:36px; height:36px; margin-right:41px; border:1px solid #005baa; background-color:#fff; transition-property:none;} #header .lnb_m_open button {display:block; width:100%; height:100%; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; background:url('/site/www/images/common/lnb_m_open_icon.png') no-repeat center center;} #header .lnb .lnb_m_close {top:-49px; right:2.5%; z-index:20; width:36px; height:36px; margin-right:41px; border:1px solid #005baa;} #header .lnb .lnb_m_close button {display:block; width:100%; height:100%; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; background:url('/site/www/images/common/lnb_m_close_icon.png') no-repeat center center;} #header .lnb {display:none; top:100%; width:100%; height:0; border-bottom-width:0; background-color:transparent; transition-property:none;} #header.menu_active .lnb {display:block;} #header.menu_active .lnb.state1, #header.menu_active .lnb.state1 .lnb_wrap .wrap {padding-bottom:0;} #header.menu_active .lnb.state2, #header.menu_active .lnb.state2 .lnb_wrap .wrap {padding-bottom:0;} #header.menu_active .lnb.state3, #header.menu_active .lnb.state3 .lnb_wrap .wrap {padding-bottom:0;} #header.menu_active .lnb.state4, #header.menu_active .lnb.state4 .lnb_wrap .wrap {padding-bottom:0;} #header.menu_active .lnb.state5, #header.menu_active .lnb.state5 .lnb_wrap .wrap {padding-bottom:0;} #header.menu_active .lnb.state6, #header.menu_active .lnb.state6 .lnb_wrap .wrap {padding-bottom:0;} #header.menu_active .lnb.state7, #header.menu_active .lnb.state7 .lnb_wrap .wrap {padding-bottom:0;} #header .lnb:before {position:fixed; top:99px; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8); content:'';} #header .lnb .lnb_wrap {position:fixed; top:0; left:0; z-index:10; width:100%; padding-top:99px; padding-right:2.5%; padding-bottom:10px; padding-left:2.5%; border-bottom-width:0; box-sizing:border-box; transition-property:none;} #header .lnb .lnb_wrap .wrap {overflow-x:hidden; overflow-y:auto; height:100%; border-bottom-width:0; transition-property:none;} #header .lnb .lnb_wrap .depth1_menu {float:none; padding-right:0;} #header .lnb .lnb_wrap .depth1_menu .depth1_list {float:none; position:relative; margin-left:0; border-top:1px solid #80aad3; background-color:#0054a6;} #header .lnb .lnb_wrap .depth1_menu .depth1_list:first-child {border-top-width:0;} #header .lnb .lnb_wrap .depth1_menu .depth1_list:after {display:none; position:absolute; top:20px; right:40px; width:19px; height:19px; background:url('/site/www/images/common/lnb_m_depth1NextMenu_icon.png') no-repeat center center; content:''; transition:transform 0.5s cubic-bezier(1, 0, 0, 1);} #header .lnb .lnb_wrap .depth1_menu .depth1_list.has:after {display:block;} #header .lnb .lnb_wrap .depth1_menu .depth1_list.has.active:after {transform:rotate(90deg);} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth1_anchor {padding-top:20px; padding-right:10px; padding-bottom:20px; padding-left:40px; background-repeat:no-repeat; background-position:right 23px; color:#fff; font-size:20px; line-height:21px; font-weight:400; transition-property:none;} #header .lnb .lnb_wrap .depth1_menu .depth1_list.has .depth1_anchor {padding-right:80px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth1_anchor:hover {text-decoration:underline;} #header .lnb .lnb_wrap .depth1_menu .depth1_list.active .depth1_anchor:hover {text-decoration:none;} #header .lnb .lnb_wrap .depth1_menu .depth1_list.active .depth1_anchor {color:#fffc00;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth1_anchor[target='_blank'] {display:inline-block; margin-right:10px; padding-right:25px; background-image:url('/site/www/images/common/lnb_m_depth1AnchorBlankIcon_off.png');} #header .lnb .lnb_wrap .depth1_menu .depth1_list.active .depth1_anchor[target='_blank'] {background-image:url('/site/www/images/common/lnb_m_depth1AnchorBlankIcon_on.png');} #header .lnb .lnb_wrap .depth1_menu .depth1_list.has .depth1_anchor[target='_blank'] {margin-right:80px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_title {display:none;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu {display:none; visibility:visible; opacity:1; position:static; width:auto; height:auto; padding-top:0; background-color:#009fb0; background-image:none; transition-property:none;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list {float:none; position:relative; width:auto; padding-right:0; padding-left:0; border-top:1px solid #1aa9b8;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list:first-child {border-top-width:0;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list:after {display:none; position:absolute; top:20px; right:40px; width:19px; height:19px; background:url('/site/www/images/common/lnb_m_depth2NextMenu_icon.png') no-repeat center center; content:''; transition:transform 0.5s cubic-bezier(1, 0, 0, 1);} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list.has:after {display:block;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list.has.active:after {transform:rotate(90deg);} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .cut {display:none;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth2_anchor {padding-top:20px; padding-right:10px; padding-bottom:20px; padding-left:40px; background-position:right 23px; color:#fff; font-size:20px; line-height:21px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list.has .depth2_anchor {padding-right:80px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth2_anchor[target='_blank'] {margin-right:10px; padding-right:25px; background-image:url('/site/www/images/common/lnb_m_depth2AnchorBlankIcon_off.png');} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list.has .depth2_anchor[target='_blank'] {margin-right:80px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list.active .depth2_anchor {color:#fff600;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list.active .depth2_anchor[target='_blank'] {background-image:url('/site/www/images/common/lnb_m_depth2AnchorBlankIcon_on.png');} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list.active .depth2_anchor:hover {text-decoration:none;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu {display:none; margin-top:0; border-right:10px solid #009fb0; border-bottom:10px solid #009fb0; border-left:10px solid #009fb0; background-color:#fff;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list {position:relative; margin-top:0; border-top:1px solid #e5e5e5;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list:first-child {border-top-width:0;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list:after {display:none; position:absolute; top:23px; right:34px; width:16px; height:16px; background:url('/site/www/images/common/lnb_m_depth3NextMenuIcon_off.png') no-repeat center center; content:'';} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.has:after {display:block;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.has.active:after {background-image:url('/site/www/images/common/lnb_m_depth3NextMenuIcon_on.gif')} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth3_anchor {padding-top:20px; padding-right:10px; padding-bottom:20px; padding-left:50px; background-position:right 23px; color:#666; font-size:20px; line-height:21px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.active .depth3_anchor {color:#000;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.active .depth3_anchor:hover {text-decoration:none;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.has .depth3_anchor {padding-right:60px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth3_anchor[target='_blank'] {display:inline-block; margin-right:10px; padding-right:25px; background-image:url('/site/www/images/common/lnb_m_depth3AnchorBlankIcon_off.png');} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.has .depth3_anchor[target='_blank'] {margin-right:80px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.active .depth3_anchor[target='_blank'] {background-image:url('/site/www/images/common/lnb_m_depth3AnchorBlankIcon_on.png');} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu {display:none; border-right:30px solid #fff; border-bottom:30px solid #fff; border-left:30px solid #fff; background-color:#f4f4f4;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list {position:relative; border-top:1px solid #cdcdcd; background:url('/site/www/images/common/lnb_m_depth4ListBu_off.png') no-repeat 24px 24px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list.active {background-image:url('/site/www/images/common/lnb_m_depth4ListBu_on.png');} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list:first-child {border-top-width:5px; border-top-color:#000;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list:after {display:none; position:absolute; top:18px; right:10px; width:16px; height:16px; background:url('/site/www/images/common/lnb_m_depth4NextMenuIcon_off.png') no-repeat center center; content:'';} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list.has:after {display:block;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list.has.active:after {background-image:url('/site/www/images/common/lnb_m_depth4NextMenuIcon_on.gif')} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list .depth4_anchor {display:block; padding-top:15px; padding-right:10px; padding-bottom:15px; padding-left:38px; background-repeat:no-repeat; background-position:right 18px; color:#666; font-size:20px; line-height:21px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list.active .depth4_anchor {color:#03569f;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list .depth4_anchor[target='_blank'] {display:inline-block; margin-right:10px; padding-right:25px; background-image:url('/site/www/images/common/lnb_m_depth4AnchorBlankIcon_off.png');} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list.has .depth4_anchor[target='_blank'] {margin-right:80px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list.active .depth4_anchor[target='_blank'] {background-image:url('/site/www/images/common/lnb_m_depth4AnchorBlankIcon_on.png');} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list .depth5_menu {display:none; border-right:10px solid #f4f4f4; border-bottom:10px solid #f4f4f4; border-left:10px solid #f4f4f4; background-color:#fff;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list .depth5_menu .depth5_list {position:relative; padding-left:28px; border-top:1px solid #ccc; background:url('/site/www/images/common/lnb_m_depth5ListBu_off.gif') no-repeat 24px 27px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list .depth5_menu .depth5_list.active {background-image:url('/site/www/images/common/lnb_m_depth5ListBu_on.gif');} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list .depth5_menu .depth5_list:first-child {border-top-width:0;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list .depth5_menu .depth5_list .depth5_anchor {display:block; padding-top:15px; padding-right:10px; padding-bottom:15px; padding-left:10px; background-repeat:no-repeat; background-position:right 18px; color:#666; font-size:20px; line-height:21px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list .depth5_menu .depth5_list.active .depth5_anchor {color:#03569f;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list .depth5_menu .depth5_list .depth5_anchor[target='_blank'] {display:inline-block; margin-right:10px; padding-right:25px; background-image:url('/site/www/images/common/lnb_m_depth5AnchorBlankIcon_off.png');} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list .depth5_menu .depth5_list.active .depth5_anchor[target='_blank'] {background-image:url('/site/www/images/common/lnb_m_depth5AnchorBlankIcon_on.png');} } @media screen and (max-width:640px) { #header .lnb .lnb_wrap .depth1_menu .depth1_list:after {top:15px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth1_anchor {padding-top:15px; padding-bottom:15px; padding-left:30px; background-position:right 18px; background-size:auto 13px; font-size:17px; line-height:18px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth1_anchor[target='_blank'] {padding-right:20px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth2_anchor {padding-top:15px; padding-bottom:15px; padding-left:30px; background-position:right 18px; background-size:auto 13px; font-size:17px; line-height:18px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth2_anchor[target='_blank'] {padding-right:20px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list:after {top:15px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu {border-right-width:7px; border-bottom-width:7px; border-left-width:7px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth3_anchor {padding-top:15px; padding-bottom:15px; padding-left:35px; background-position:right 18px; background-size:auto 13px; font-size:17px; line-height:18px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth3_anchor[target='_blank'] {padding-right:20px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list:after {top:15px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list {background-position:24px 18px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list:after {top:10px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list .depth4_anchor {padding-top:10px; padding-bottom:10px; background-position:right 13px; background-size:auto 13px; font-size:17px; line-height:18px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list .depth4_anchor[target='_blank'] {padding-right:20px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list .depth5_menu .depth5_list {background-position:24px 20px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list .depth5_menu .depth5_list .depth5_anchor {padding-top:10px; padding-bottom:10px; background-position:right 13px; background-size:auto 13px; font-size:17px; line-height:18px;} #header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list .depth5_menu .depth5_list .depth5_anchor[target='_blank'] {padding-right:20px;} } #header .search {position:absolute; top:47px; right:0; z-index:30; width:100%; height:0;} #header .search .wrap {height:100%;} #header .search form {float:right; width:267px; padding-bottom:13px;} #header .search form fieldset {position:relative; font-size:0; text-align:right;} #header .search form fieldset select {display:inline-block; width:85px; height:38px; padding-top:0; padding-bottom:0; padding-left:0; border-top-color:#003b6f; border-right-width:0; border-bottom-color:#003b6f; border-left-color:#003b6f; color:#003b6f; font-size:13px; vertical-align:middle;} #header .search form fieldset .keyword {display:inline-block; width:100px; height:36px; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; padding-top:0; padding-right:40px; padding-bottom:0; padding-left:0; border-top-color:#003b6f; border-right-width:0; border-bottom-color:#003b6f; border-left-width:0; font-size:13px; vertical-align:middle; box-sizing:content-box;} #header .search form fieldset .keyword {-webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active;} #header .search form fieldset .keyword:-ms-input-placeholder {font-size: 9.8px;} #header .search form fieldset .keyword:-moz-placeholder {font-size: 9.8px;} #header .search form fieldset .keyword:-webkit-input-placeholder {font-size: 9.8px;} #header .search form fieldset .keyboard {display:block; position:absolute; top:12px; right:45px; width:30px; height:15px; margin:0; padding:0; border-width:0; background:url('/site/www/images/main/keyboardicon.jpg') no-repeat left top;} #header .search form fieldset .submit {display:inline-block; width:40px; height:38px; background-color:#003b6f; line-height:38px; vertical-align:middle; text-align:center;} #header .search form fieldset .submit input[type='submit'] {display:inline-block; width:16px; height:15px; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; border-top-width:0; border-right-width:0; border-bottom-width:0; border-left-width:0; background:url('/site/www/images/common/search_submit_icon.png') no-repeat center center; line-height:15px; vertical-align:middle; font-size:0;} @media screen and (max-width:800px) { #header .search {display:none; top:100%; z-index:10; height:auto; margin-top:1px; padding-right:2.5%; padding-left:2.5%; box-sizing:border-box;} #header.search_active .search {display:block;} #header .search:before {position:fixed; top:99px; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8); content:'';} #header .search .wrap {height:auto; border:1px solid #000; padding-top:3%; padding-right:4%; padding-bottom:3%; padding-left:4%; background-color:#fff;} #header .search form {float:none; width:auto; padding-bottom:0;} #header .search form fieldset {float:none; padding-right:20%; padding-left:28%;} #header .search form fieldset select {display:block; position:absolute; top:0; left:0; width:27%; height:100%; border-right-width:1px; border-right-color:#003b6f; box-sizing:border-box;} #header .search form fieldset .keyword {display:block; width:100%; height:38px; padding-top:5px; padding-right:5px; padding-bottom:5px; padding-left:5px; border-right-width:1px; border-right-color:#003b6f; border-left-width:1px; border-left-color:#003b6f; box-sizing:border-box;} #header .search form fieldset .keyboard {display:none;} #header .search form fieldset .submit {display:block; position:absolute; top:0; right:0; width:19%; height:100%; background-color:#666;} #header .search form fieldset .submit input[type='submit'] {display:block; width:100%; height:100%; background-image:none; color:#fff; font-size:18px; font-weight:600;} #header .search_m_open {display:block; position:absolute; top:49px; right:2.5%; z-index:40; width:38px; height:38px; background-color:#003b6f;} #header .search_m_open button {display:block; width:100%; height:100%; background:url('/site/www/images/common/search_m_open_icon.png') no-repeat center center;} #header .search_m_close {position:absolute; top:49px; right:2.5%; z-index:40; width:38px; height:51px; background:url('/site/www/images/common/search_m_active_icon.png') no-repeat center bottom;} #header.search_active .search_m_close {display:block;} #header .search_m_close button {display:block; width:100%; height:38px; background:#003b6f url('/site/www/images/common/search_m_close_icon.png') no-repeat center center;} } @media screen and (max-width:640px) { #header .search form fieldset .submit input[type='submit'] {font-size:13px;} } #footer .footer_top {border-top:1px dotted #bbb;} @media screen and (max-width:800px) { #footer .footer_top {padding-right:2.5%; padding-left:2.5%;} } @media screen and (max-width:640px) { #footer .footer_top .wrap {padding-bottom:15px;} } #footer .footer_top .footer_banner {position:relative; padding-top:15px; padding-right:216px; padding-bottom:15px; padding-left:120px;} #footer .footer_top .footer_banner .footer_banner_control {position:absolute; top:50%; left:0; margin-top:-10px; font-size:0;} #footer .footer_top .footer_banner .footer_banner_control > button {display:inline-block; width:21px; height:21px; margin-left:1px; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; border:1px solid #e9e9e9; border-radius:100%; font-size:0; vertical-align:middle;} #footer .footer_top .footer_banner .footer_banner_control > button:first-child, #footer .footer_top .footer_banner .footer_banner_control .more:first-child, #footer .footer_top .footer_banner .footer_banner_control .auto:first-child {margin-left:0;} #footer .footer_top .footer_banner .footer_banner_control > button span, #footer .footer_top .footer_banner .footer_banner_control .auto button, #footer .footer_top .footer_banner .footer_banner_control .more span {display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;} #footer .footer_top .footer_banner .footer_banner_control button.prev span {background-image:url('/site/www/images/common/footerBanner_prev_icon.gif');} #footer .footer_top .footer_banner .footer_banner_control button.next span {background-image:url('/site/www/images/common/footerBanner_next_icon.gif');} #footer .footer_top .footer_banner .footer_banner_control .more, #footer .footer_top .footer_banner .footer_banner_control .auto {display:inline-block; width:19px; height:19px; margin-left:1px; border:1px solid #e9e9e9; border-radius:100%; font-size:0; vertical-align:middle;} #footer .footer_top .footer_banner .footer_banner_control .auto button {display:block; width:100%; height:100%; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; background-repeat:no-repeat; background-position:center center; font-size:0;} #footer .footer_top .footer_banner .footer_banner_control .auto button.pause {background-image:url('/site/www/images/common/footerBanner_pause_icon.gif');} #footer .footer_top .footer_banner .footer_banner_control .auto button.play {background-image:url('/site/www/images/common/footerBanner_play_icon.gif');} #footer .footer_top .footer_banner .footer_banner_control .more span {background-image:url('/site/www/images/common/footerBanner_more_icon.gif');} #footer .footer_top .footer_banner .footer_banner_list {overflow:hidden; position:relative; line-height:0; font-size:0;} #footer .footer_top .footer_banner .footer_banner_list .slick-list {margin-left:-16px;} #footer .footer_top .footer_banner .footer_banner_list .footer_banner_slide {margin-left:16px; text-align:center;} #footer .footer_top .footer_banner .footer_banner_list .footer_banner_slide a {display:inline-block; border:1px solid #e7e7e5;} #footer .footer_top .footer_banner .footer_banner_list .footer_banner_slide a img {max-height:36px;} @media screen and (max-width:800px) { #footer .footer_top .footer_banner {padding-right:200px; padding-left:100px;} #footer .footer_top .footer_banner .footer_banner_list .slick-list {margin-left:0;} } @media screen and (max-width:640px) { #footer .footer_top .footer_banner {padding-right:0;} } #footer .footer_top .footer_site {position:absolute; top:19px; right:0; width:188px; background-color:#6d6d6d; text-align:center;} #footer .footer_top .footer_site button.open {display:inline-block; height:33px; padding-top:0; padding-bottom:0; padding-right:33px; padding-left:0; background:url('/site/www/images/common/footerSite_open_icon.png') no-repeat right 13px; color:#fff; font-size:13px;} #footer .footer_top .footer_site .target {position:absolute; bottom:0; left:0; width:100%; background-color:#6d6d6d; text-align:left;} #footer .footer_top .footer_site .target .inner_wrap {padding-top:15px; padding-right:20px; padding-bottom:15px; padding-left:20px;} #footer .footer_top .footer_site .target .inner_wrap h2 {margin-bottom:10px; padding-bottom:14px; border-bottom:1px solid #7f7f7f; color:#fff; font-size:13px; line-height:14px; font-weight:400;} #footer .footer_top .footer_site .target .inner_wrap ul {overflow-x:hidden; overflow-y:auto; position:relative; max-height:100px;} #footer .footer_top .footer_site .target .inner_wrap ul li a {display:inline-block; color:#fff; font-size:12px; line-height:13px;} #footer .footer_top .footer_site .target .inner_wrap button.close {position:absolute; top:19px; right:20px; width:12px; height:6px; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; background:url('/site/www/images/common/footerSite_close_icon.png') no-repeat center center; font-size:0;} @media screen and (max-width:640px) { #footer .footer_top .footer_site {position:relative; top:0; width:auto;} } #footer .footer_bottom {border-top:1px solid #e0e0e0;} #footer .footer_bottom .wrap {padding-top:25px; padding-bottom:25px;} @media screen and (max-width:800px) { #footer .footer_bottom .wrap {padding-right:2.5%; padding-left:2.5%;} } #footer .footer_bottom .footer_logo {top:27px; left:1px;} @media screen and (max-width:800px) { #footer .footer_bottom .footer_logo {display:none;} } #footer .footer_bottom .footer_nav {margin-bottom:17px; padding-right:100px; padding-left:189px;} #footer .footer_bottom .footer_nav ul li {margin-left:11px; padding-top:5px; padding-left:11px; background:url('/site/www/images/common/footerNav_list_line.png') no-repeat left 7px; color:#474747; font-size:12px; line-height:14px;} #footer .footer_bottom .footer_nav ul li:first-child {margin-left:0; padding-left:0; background-image:none;} #footer .footer_bottom .footer_nav ul li a {display:block; color:#474747;} #footer .footer_bottom .footer_nav ul li.privacy a {font-weight:600; color:#0100FF;} #footer .footer_bottom .footer_nav ul li.rss a {padding-left:19px; background:url('/site/www/images/common/footerNav_rss_icon.gif') no-repeat left top; color:#fb6008; font-weight:600;} @media screen and (max-width:800px) { #footer .footer_bottom .footer_nav {padding-left:0;} } @media screen and (max-width:640px) { #footer .footer_bottom .footer_nav {padding-right:0;} } #footer .footer_bottom .footer_info {padding-right:100px; padding-left:189px;} #footer .footer_bottom .footer_info address {margin-bottom:5px; color:#707070; font-size:12px; line-height:18px;} #footer .footer_bottom .footer_info address mark {display:inline; margin-left:0; color:#707070; font-size:12px; vertical-align:baseline;} #footer .footer_bottom .footer_info p {color:#707070; font-size:12px; line-height:18px;} @media screen and (max-width:800px) { #footer .footer_bottom .footer_info {padding-left:0;} } @media screen and (max-width:640px) { #footer .footer_bottom .footer_info {padding-right:0;} } #footer .footer_bottom .footer_wa {position:absolute; top:25px; right:0;} @media screen and (max-width:640px) { #footer .footer_bottom .footer_wa {display:none;} }