@charset "utf-8";

/**********************************************************************************
    불필요 style 삭제
**********************************************************************************/

/**********************************************************************************
    공통 css 영역
**********************************************************************************/




/**********************************************************************************
    //공통 css 영역
**********************************************************************************/
.wrap{width:1200px; margin:0 auto;}
#wrapper {position:relative;}
.current_select .current {display:none;}

#user-utility {height:50px; background-color:#262831;}
#user-utility .wrap::after{content:""; clear:both; display:block;}
#user-utility .utility_box {float:right;}
#user-utility .utility_box > ul, #user-utility .utility_box>div {float:left; padding:7px 0;}
#user-utility .utility_box > .user-utility__util li {float:left; padding:0 15px;}
#user-utility .utility_box > .user-utility__zoom li {float:left; margin-right:5px;}
#user-utility .utility_box > ul li.last {margin-right:0;}
#user-utility .utility_box > ul li a {display:block; padding:10px 0; font-size:13px; line-height:16px; color:#aaabad; font-family:'noto-regular'; font-weight:bold;}
#user-utility .utility_box > ul li button {padding:4px 0;}
#user-utility .utility_box>div ul {overflow:hidden;}
#user-utility .utility_box>div ul li{float:left; padding:0 14px; margin-right:5px;}
#user-utility .utility_box>div ul li:first-child {margin-left:15px;}
#user-utility .utility_box>div ul li.last {margin-right:0;}
#user-utility .utility_box>div ul li a {display:block; padding:10px 0; color:#7c7c80; font-family:'noto-regular'; font-weight:bold;}
#user-utility .utility_box>div ul li.on {background:#1686a3;}
#user-utility .utility_box>div ul li.on a {color:#fff;}
.gnb_menu {position:absolute; top:50px; width:100%; background:url("../images/bg/gnb_bg.png") repeat-x 0 0; z-index:2;}
.gnb_menu .gnb_menu_box .wrap {position:relative;}
.gnb_menu .gnb_menu_box .wrap::after {display:block; content:""; clear:both;}
.gnb_menu .gnb_menu_box .h-logo {float:left; position:absolute; left:0; z-index:1;}
.gnb_menu .gnb_menu_box .h-logo img {width:100%; height:auto;}
.gnb_menu .depth1 {position:relative; padding-left:220px;}
.gnb_menu .depth1 .top_div > ul {position:relative; padding-left:63px;}
.gnb_menu .depth1 .top_div > ul::after {display:block; content:""; clear:both;}
.gnb_menu .depth1 .top_div > ul > li {position:relative; float:left; width:16.66%; height:97px; padding:40px 0 25px; cursor:pointer; box-sizing:border-box; text-align:center;}
.gnb_menu .depth1 .top_div > ul > li > a {display:inline-block; padding-bottom:10px; font-size:16px; line-height:18px; font-family:'noto-regular'; font-weight:bold; color:#fff; letter-spacing:0;}
.gnb_menu .depth1 .top_div > ul > li:hover> a { border-bottom:1px solid #fff;}
.gnb_menu .depth1 .top_div > ul > li.last > a {padding-right:0;}
.gnb_menu .depth1 .top_div > ul > li > div > ul {position: absolute; left: 0; top: 97px; display: none; width: 100%; padding:20px 0 20px 0; min-height: 465px; z-index:2; box-sizing:border-box; border-left:1px solid #dedede;}
.gnb_menu .depth1 .top_div > ul > li:first-child > div > ul {border-left:0;}
.gnb_menu .depth1 .top_div > ul > li > div > ul li {margin-bottom:18px; text-align:center;}
.gnb_menu .depth1 .top_div > ul > li > div > ul li:last-child {margin-bottom:0;}
.gnb_menu .depth1 .top_div > ul > li > div > ul li a {font-family:'noto-regular'; font-weight:bold; color:#000; font-size:13px; line-height:15px;}
.gnb_menu .depth1 .depth2_tit {display:none;}
.gnb_menu.on .depth1 .depth2_tit.on {display:block; position:absolute; left: 0; top: 126px; z-index: 2;}
.gnb_menu .depth1 .depth2_tit.on strong {display:block; padding-bottom:20px; margin-bottom:20px; font-size:30px; line-height:32px; color:#333; background:url("../images/bar/depth2_bar.png") no-repeat left bottom;}
.gnb_menu .depth1 .depth2_tit.on p {font-size:18px; line-height:24px; font-family:'noto-regular'; font-weight:bold; color:#000;}
.gnb_menu .depth1 .depth2_tit.on p span {display:block;}
.gnb_menu .gnb-active-bg {display: none; position: absolute; left: 0; top: 97px; width: 100%; min-height: 465px; background: url("../images/bg/gnb_dept_bg.png") center 0 no-repeat; z-index: 1; border-bottom:1px solid #d4d4d4;}
.gnb_menu .gnb-active-bg .wrap {position:relative; box-sizing:border-box; padding-left:220px;}
.gnb_menu .gnb-active-bg .wrap .gnb-active-bg__img {position:absolute; left:0; top:30px; width:100%;}
.gnb_menu .gnb-active-bg .gnb__close-btn {position: absolute; left: 139px; bottom: 0; overflow: hidden; width: 37px; height: 37px;/* background: url(../images/btn/close_gnb_btn.png) 0 0 no-repeat;*/ text-indent: -10000em; display: none;}
.gnb_menu .gnb-active-bg > a{position: absolute; left: 0; top: 0; z-index: 10001;}
.gnb_menu.on .depth1 .div_1 > ul > li > .div_2 > ul {display:block;}
.gnb_menu.on .gnb-active-bg {display:block;}
.sub-keyvisual {position:relative; height:317px;}
.sub-keyvisual .sub-keyvisual__bg {width:100%; height:100%; background:url("../images/keyvisual/keyvisual01.png") no-repeat center 0; background-size:auto 100%;}
.visual_tit {display:none;}

/**********************************************************************************
    컨텐츠 영역
**********************************************************************************/
#contents {margin:40px 0;}
#contents .contents_wrap::after {content:""; display:block; clear:both;}
#contents .contents_wrap .lnb_menu {float:left; width:218px;}
#contents .contents_wrap h2 {padding:26px 0; background:url("../images/bg/sub_tit_bg.png") no-repeat 0 0; font-size:24px; line-height:26px; text-align:center; color:#fff;}
.skip {display: block; overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; background-color: transparent; font-size: 0; line-height: 0;}
#contents .side {width:218px; float:left;}
#contents .side .side_menu .depth2_menu {line-height:0;}
#contents .side nav .sub_div li {border-top:1px solid #c5c5c5; transition-property:border-top-color, background-color; transition-duration:0.5s; transition-timing-function:cubic-bezier(1, 0, 0, 1);}
#contents .side nav .sub_div li:last-child {border-bottom:1px solid #c5c5c5;}
#contents .side nav .sub_div li.has {background:url('../images/icon/side_depth2NextMenu_icon.png') no-repeat 184px center;}
#contents .side nav .sub_div li.has.on, #contents .side nav .sub_div li.has.on {background-image:url('../images/icon/side_depth2NextMenuIcon_active.png'); background-position:184px 25px;}
#contents .side nav .sub_div li.on {background-color:#44587b;}
#contents .side nav .sub_div li.has.on > a {background:#44587b url("../images/icon/side_depth2NextMenuIcon_active.png") no-repeat 184px center;}
#contents .side nav .sub_div li.on, #contents .side nav .sub_div li.on, #contents .side nav .sub_div li:first-child {border-top-color:transparent;}
#contents .side nav .sub_div li a {display:block; padding-top:17px; padding-right:10px; padding-bottom:17px; padding-left:20px; color:#222; font-size:18px; line-height:19px; transition:color 0.5s cubic-bezier(1, 0, 0, 1);}
#contents .side nav .sub_div li.has a {padding-right:45px;}
#contents .side nav .sub_div li.hover a {color:#616161;}
#contents .side nav .sub_div li.on a, #contents .side nav .sub_div li.on a {color:#fff;}
#contents .side nav .sub_div li.on a:hover, #contents .side nav .sub_div li.on a:hover {text-decoration:none;}
/* 사이드메뉴 3뎁스 */
#contents .side nav .sub_div li .ul_3 {display:none; padding:20px; background-color:#f8f8f8; box-sizing:border-box;}
#contents .side nav .sub_div li.on .ul_3 {display:block;}
#contents .side nav .sub_div li.on .ul_3 li {padding-left: 13px; margin-top: 21px; background: url(../images/dot/side_depth3List_bu.png) no-repeat left center; border:0;}
#contents .side nav .sub_div li.on .ul_3 li:first-child {margin-top:0;}
#contents .side nav .sub_div li.on .ul_3 li a {display: block; padding:0; color: #222; font-size: 16px; line-height: 17px; transition: color 0.5s cubic-bezier(1, 0, 0, 1);}
#contents .side nav .sub_div li .ul_3 li {padding-left:13px; margin-top:21px; background:url("../images/dot/side_depth3List_bu.png") no-repeat left center;}

.contents_body::after {display:block; content:""; clear:both;}
.location_wrap {float:right;}
.location_wrap .path {float:left; margin-right:30px;}
.location_wrap .path ul {overflow:hidden; padding:12px 0 11px;}
.location_wrap .path ul li {float:left; margin-right:12px; color:#767676;}
.location_wrap .path ul li .gt {margin-right:12px;}
.location_wrap .path ul li.home {padding-left:25px; background:url("../images/icon/path_list_homeIcon.png") no-repeat left center;}
.location_wrap .path ul li.pageName {margin-right:0;}
.location_wrap .path ul li.pageName strong {color:#155a86;}
.location_wrap .ctrl	{float:left; width:184px;}
.location_wrap .ctrl .zoomout	{float:left; width:39px; height:39px; background:url("../images/btn/zoomout.png") no-repeat 0 0; margin-right:-1px;}
.location_wrap .ctrl .zoomin	{float:left; width:39px; height:39px; background:url("../images/btn/zoomin.png") no-repeat 0 0;}
.location_wrap .ctrl .font	{float:left; padding:9px 0; width:70px; height:39px; position:relative; margin-right:-1px; text-align:center; box-sizing:border-box; border:1px solid #dcdcdc;}
.location_wrap .ctrl .print	{float:right; width:38px; height:39px; background:url("../images/btn/print.png") no-repeat 0 0;}
.location_wrap .ctrl button span	{display:block; width:0; overflow:hidden;}
.location_wrap .ctrl .font span	{display:block; width:0; overflow:hidden;}

.contents_body {margin-left:286px;}
.contents_body .contents_body_wrap {float:left; width:100%;}
.contents_body .contents_body_wrap .content_tit {margin-bottom:50px; font-size:34px; line-height:36px; font-family:'noto-regular'; font-weight:bold; color:#000;}

/* FOOTER */
#footer {position:relative; width:100%; bottom:0;}
/**********************************************************************************
    푸터 영역
**********************************************************************************/
#footer .footer__top-section{ padding:21px 3%; background-color:#262831; border-bottom:1px solid #3c3e46;}
#footer .footer__top-section .wrap {overflow:hidden; }
#footer .footer__top-section .wrap .footer__top-section__site-map{ float:left; padding:6px 0 5px;}
#footer .footer__top-section .wrap .footer__top-section__site-map li{ float:left; margin:0 12px; font-size:14px; line-height:16px; }
#footer .footer__top-section .wrap .footer__top-section__site-map li:first-child {margin-left:0;}
#footer .footer__top-section .wrap .footer__top-section__site-map li.last{margin-right:0; }
#footer .footer__top-section .wrap .footer__top-section__site-map li a{ display:inline-block; color:#fff; font-family:'noto-regular'; font-weight:bold; letter-spacing:0;}

#footer .footer__top-section .wrap .footer__top-section__link-wrap{ float:right; }
#footer .footer__top-section .wrap .footer__top-section__link-wrap li{ float:left; margin-right:6px; }
#footer .footer__top-section .wrap .footer__top-section__link-wrap li.last{ margin-right:0; }

#footer .footer__bottom-section{ background-color:#262831; padding:0 3%;}
#footer .footer__bottom-section .wrap{ position:relative; padding:28px 0 29px 0; box-sizing:border-box; }
#footer .footer__bottom-section .wrap #f-logo{ position:absolute; left:3px; top:16px; }
#footer .footer__bottom-section .wrap .footer__bottom-section__information{ font-size:12px; line-height:14px; color:#fff; }
#footer .footer__bottom-section .wrap .footer__bottom-section__information address{ margin-bottom:6px;  font-weight:bold; }
#footer .footer__bottom-section .wrap .footer__bottom-section__information address span{ font-weight:normal; padding-left:15px;}

#footer .footer__bottom-section .footer__bottom-section__family-site{ position:absolute; right:0; top:23px; width:233px; height:32px; font-size:14px; line-height:16px; }
#footer .footer__bottom-section .footer__bottom-section__family-site select{ box-sizing:border-box; width:100%; height:100%; padding-left:16px; border:0;  }
#footer .footer__bottom-section .footer__bottom-section__family-site .nice-select {background:url("../images/arrow/select_arrow.png") #fff no-repeat 95% center;}
#footer .footer__bottom-section .footer__bottom-section__family-site .nice-select ul {display:none;}
#footer .footer__bottom-section .footer__bottom-section__family-site .nice-select.open ul {display:block;}
#footer .footer__bottom-section .footer__bottom-section__family-site .nice-select .current{line-height:32px}
#footer .footer__bottom-section .footer__bottom-section__family-site .nice-select .selectList{top:-402px; left:-1px; background-color:#fff; box-sizing:initial;max-height:400px;overflow-y:auto;}

@media all and (max-width:1200px){
   .wrap{width:100%;}
  .gnb_menu .depth1 .top_div > ul {padding-left:2%;}
  .gnb_menu .depth1 .top_div > ul > li {text-align:center;}
  .gnb_menu .depth1 .top_div > ul > li > div > ul li {text-align:center;}
   .gnb_menu .depth1 .top_div > ul > li > div > ul li a {font-size:13px; line-height:15px;}
  .gnb_menu .gnb-active-bg {background-size:150% 100%;}
}

@media all and (max-width:1024px){
  .contents_body {margin-left:0; min-height:500px;}
  .current {display:block;}
   .mo_dim {position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/bg/mo_dim.png") repeat;}
   #contents {margin:0; padding:0 10px;}
  #header::after {content:""; display:block; clear:both;}
  .location_wrap {display:none;}
   #contents .side {float:none; width:100%; padding-top:15px; margin-bottom:30px;}
   #contents .side .side_title {display:none;}
   .sub-keyvisual {height:250px;}
  .sub-keyvisual .sub-keyvisual__bg .visual_tit {position:relative; display:block;; width:100%; height:100%; vertical-align:middle; text-align:center;}
  .sub-keyvisual .sub-keyvisual__bg .visual_tit span {position:absolute; top:50%; left:50%; height:35px; padding-bottom:10px; border-bottom:1px solid #fff; font-size:21px; line-height:24px; color:#fff; font-weight:bold; z-index:1; box-sizing:border-box;}
  #user-utility {height:auto;}
   #user-utility .utility_box {padding:0 20px; float:none; overflow:hidden;}
   #user-utility .utility_box .user-utility__util {float:left;}
  #user-utility .utility_box .user-utility__util .home, #user-utility .utility_box .user-utility__util .sitemap{display:none;}
  #user-utility .utility_box .user-utility__util li {border:1px solid #9d9ea2;}
   #user-utility .utility_box .user-utility__language {float:right;}
   #user-utility .utility_box .user-utility__zoom {display:none;}
   #user-utility .utility_box > ul li a {font-size:18px; line-height:21px; padding:7px 0;}

   .gnb_menu {position:relative; top:0;}
   .gnb_menu .gnb_menu_box .open-gnb{width:24px; height:18px; position:absolute; left:20px; top:50%; margin-top:-9px; z-index:1; background: url("../images/btn/ham_btn.png") center center no-repeat; background-size:24px 18px; text-indent: -10000em; overflow: hidden;}
   .gnb_menu .gnb_menu_box .close-gnb{width:24px; height:18px; display:none; position:absolute; left:50%; top:-50px; z-index:3; background: url("../images/btn/close-gnb_btn.png") center center no-repeat; background-size:24px 18px; text-indent: -10000em; overflow: hidden;}
   .gnb_menu .gnb_menu_box .wrap {height:93px;}
   .gnb_menu .gnb_menu_box .h-logo {top:50%; left:50%; width:176px; margin-top:-21px; margin-left:-88px;}
   .gnb_menu .depth1 {padding-left:0; width:70%; z-index:2; top:-50px; left:-70%; background-color:#fff;}
   .gnb_menu .depth1 .top_div > ul {padding:0;}
   .gnb_menu .depth1 .top_div > ul > li {float:none;padding:0; width:100%; height:auto; border-bottom:1px solid #d4d4d4;}
   .gnb_menu .depth1 .top_div > ul > li.last {border-bottom:0;}
   .gnb_menu .depth1 .top_div > ul > li > a {display:block; padding:15px 40px 15px 10px;font-size:18px; line-height:20px; color:#000; font-weight:bold; text-align:left; background:url("../images/arrow/depth2_arrow_off.png") no-repeat 95% center;}
   .gnb_menu .depth1 .top_div > ul > li {float:none;}
  .gnb_menu .depth1 .top_div > ul > li._last {border-bottom:0;}
  .gnb_menu .depth1 .top_div > ul > li.on div ul{display:block; padding-left:10px; background:#eaeaea;}
  .gnb_menu .depth1 .top_div > ul > li.on > a { color:#fff; background:#178cab url("../images/arrow/depth2_arrow_on.png") no-repeat 95% center;}
  .gnb_menu .depth1 .top_div > ul > li > div > ul {min-height:auto; position:relative; top:0; }
  .gnb_menu .depth1 .top_div > ul > li > div > ul li {text-align:left; padding-left:10px; background:url("../images/dot/side_depth3List_bu.png") no-repeat left center;}
  .gnb_menu .depth1 .top_div > ul > li > div > ul li a {font-size:15px; line-height:17px;}
  .gnb_menu .depth1 .top_div > ul > li > a {color:#000;}
  .gnb_menu .depth1 .top_div > ul > li:hover > a {border-bottom:0;}
  .menuSubTitleUI {display:none;}

   #contents .side .side_menu {padding-top:15px;}
   .current_select{position:relative; padding:8px 10px 8px 15px; border: 1px solid #d4d4d4; cursor: pointer;background:#f3f3f3; z-index:1;}
   .current_select.open ul{display:block;}
   .current_select .current {display: block; color: #222; font-size: 15px; line-height: 17px; transition: color 0.5s cubic-bezier(1, 0, 0, 1); background:url("../images/arrow/depth2_arrow_off.png") no-repeat right center; background-size:19px 10px;}
   .side .current_select .menuUIsub{display:none;}
   .side .current_select.open .menuUIsub {display:block; position:absolute; left:-1px; top:33px; width:100%; border:1px solid #d4d4d4; background-color:#fff;}
   .current_select ul{display:none;}
  #contents .side nav .sub_div li {border:0;}
  #contents .side nav .sub_div li:last-child {border-bottom:0;}
  #contents .side nav .sub_div li a {padding-left:15px;}
}

@media all and (max-width:640px){
	.sub-keyvisual {height:110px;}
	#user-utility .utility_box {padding:12px 20px;}
  	#user-utility .utility_box .user-utility__util {padding:0;}
	#user-utility .utility_box > .user-utility__util li {padding:0 10px;}
    #user-utility .utility_box > ul li a {padding:8px 0; font-size:13px; line-height:15px;}
  #user-utility .utility_box>div ul li a {padding:9px 0 8px;}
  #user-utility .utility_box .user-utility__language {padding:0;}
  #user-utility .utility_box > .user-utility__util li.sitemap {padding-right:0;}
	#user-utility .utility_box>div ul li {padding: 0 11px; padding-right: 10px;}
	#user-utility .utility_box>div ul li:first-child{margin-left:0;}
  	.gnb_menu .gnb_menu_box .wrap {height:60px;}
	.gnb_menu .depth1 .top_div > ul > li {border-bottom:1px solid #d4d4d4;}
	.gnb_menu .depth1 .top_div > ul > li._last {border-bottom:0;}
	.gnb_menu .depth1 .top_div > ul > li > a {padding:10px; font-size: 13px; line-height: 15px;}

  .current_select .current{background-size:19px 10px;}
  #contents .side nav .sub_div li a {font-size:15px; line-height:17px;}
  #footer .footer__top-section {border-bottom:0; padding-bottom:25px;}
  #footer .footer__top-section .wrap .footer__top-section__site-map {margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #51535a;}
  #footer .footer__top-section .wrap .footer__top-section__site-map li a {color:#68696f;}
  #footer .footer__top-section .wrap .footer__top-section__link-wrap::after {content:""; clear:both; display:block;}
  #footer .footer__top-section .wrap .footer__top-section__link-wrap {float:none; min-width:290px; max-width:330px; margin:0 auto;}
  #footer .footer__top-section .wrap .footer__top-section__link-wrap li {width:18%; text-align:center;}
  #footer .footer__bottom-section {padding-bottom:25px;}
  #footer .footer__bottom-section .wrap {padding:0; text-align:center;}
  #footer .footer__bottom-section .wrap .footer__bottom-section__information address {font-size:15px; line-height:17px;}
  #footer .footer__bottom-section .wrap .footer__bottom-section__information address span {display:block;}
  #footer .footer__bottom-section .wrap .footer__bottom-section__information p {font-size:15px; line-height:17px;}
  #footer .footer__bottom-section .footer__bottom-section__family-site {position:relative; top:auto; right:auto; margin:0 auto;}
}

@media all and (max-width:430px){

}