@charset "utf-8"; body{font-weight:300; color:#333;}
 .inner{width:97%; margin:0 auto; max-width: 1290px;}
 #wrap{min-width:1290px; position:relative; letter-spacing: -0.5px; }
 #wrap_hide{display: none; position: absolute; top: 149px; left: 0; z-index: 100; width: 100%; height: 100%; background: #000; opacity: 0.7;}
  #header{}
 #header .inner{text-align: center; }
 #header h1{position: absolute; top: 0; left: 50px; height: 94px; line-height: 94px;}
 #header h1 a{display: block; height: 100%;}
 #header h1 a img{vertical-align: middle;}
 #header .gnb_box{display: inline-block; text-align: left; margin-bottom: -6px;}
 #header .right_util{position: absolute; top: 25px; right: 54px; text-align: left;}
 #header .right_util > div{position: relative; float: left; margin-left: 25px;}
 #header .right_util > div:first-child{margin-left: 0;}
 #header .right_util .lang_wrap > a.lang_btn{position: relative; display: block; height: 52px; line-height: 52px;}
 #header .right_util .lang_wrap > a.lang_btn span.icon{position: relative; display: inline-block; width: 0; height: 0; vertical-align: middle; margin: -3px 0 0 5px; text-indent: -99999px; border-style: solid; border-width: 5px 5px 0 5px; border-color: #3d3e44 transparent;}
 #header .right_util .lang_wrap > a.lang_btn span.icon.open{border-width: 7px 6px 0 6px;}
 #header .right_util .lang_wrap > a.lang_btn span.icon.close{border-width: 0 6px 7px 6px;}
 #header .right_util .lang_wrap > .lang_box{position: absolute; top: 100%; left: -10px; right: -10px; border: 1px solid #2a548e; z-index: 3; display: none;}
 #header .right_util .lang_wrap > .lang_box li{border-bottom: 1px solid #2a548e;}
 #header .right_util .lang_wrap > .lang_box li:last-child{border-bottom: 0;}
 #header .right_util .lang_wrap > .lang_box li a{display: block; height: 40px; line-height: 40px; text-align: center; font-size: 15px; background-color: #fff;}
 #header .right_util .lang_wrap > .lang_box li a:hover{background-color: #2a548e; color: #fff;}
 #header .right_util .sitemap{}
 #header .right_util .sitemap a{display: block; text-align: center; width: 52px; height: 52px; line-height: 52px; border-radius: 50%; background-color: #c83233;}
 #header .right_util .sitemap a span.icon{display: inline-block; width: 18px; height: 19px; vertical-align: middle; text-indent: -99999px; background: url("/images/foreign/common/sitemap.png?build_20250704001") no-repeat 0 0;}
 .gnb_box .gnb{}
 .gnb_box .gnb .gnbA{position: relative; float: left;}
 .gnb_box .gnb .gnbA > a{position: relative; display: block; height: 94px; line-height: 94px; text-align: center; padding: 0 30px; font-size: 18px; transition: ease-in-out 0.3s;}
 .gnb_box .gnb .gnbA.on > a, .gnb_box .gnb .gnbA > a:hover{color: #c83232;}
 .gnb_box .gnb .gnb_wrap{position: absolute; top: 79px; left: 50%; transform: translateX(-50%); z-index: 52; background-color: #fff; border: 2px solid #384f56; display: none;}
 .gnb_box .gnb .gnb_wrap.open{z-index: 53;}
 .gnb_box .gnb .gnb_wrap:before{content: ''; position: absolute; top: 0; left: 50%; width: 18px; height: 7px; background: url("/images/najuart/common/layout_sp.png?build_20250704001") no-repeat -25px -51px; margin-left: -9px; transition: ease-in-out 0.3s; z-index: -1;}
 .gnb_box .gnb .gnb_wrap.complete:before{top: -9px;}
 .gnb_box .gnb .gnb_wrap .gnbB > li{position: relative; border-bottom: 1px solid #dbdbdb;}
 .gnb_box .gnb .gnb_wrap .gnbB > li:last-child{border-bottom: 0;}
 .gnb_box .gnb .gnb_wrap .gnbB > li > a{position: relative; display: block; padding: 16px 60px 16px 20px; font-size: 16px; color: #212121; white-space: nowrap; min-width: 100px; background-color: #fff;}
 .gnb_box .gnb .gnb_wrap .gnbB > li.on > a, .gnb_box .gnb .gnb_wrap .gnbB > li > a:hover, .gnb_box .gnb .gnb_wrap .gnbB > li.open > a{background-color: #2a548e; color: #fff;}
 .gnb_box .gnb .gnb_wrap .gnbB > li.accordion > a:before{content: ''; position: absolute; top: 50%; right: 20px; width: 7px; height: 10px; background: url("/images/najuart/common/layout_sp.png?build_20250704001") no-repeat -69px -51px; margin-top: -5px;}
 .gnb_box .gnb .gnb_wrap .gnbB > li.accordion.on > a:before, .gnb_box .gnb .gnb_wrap .gnbB > li.accordion > a:hover:before, .gnb .gnb_wrap .gnbB > li.accordion.open > a:before{background-position: -52px -51px;}
 .gnb_box .gnb .gnb_wrap .gnbC{position: absolute; right: 0; top: -2px; background-color: #fff; border: 2px solid #384f56;  transform: translateX(100%); padding: 13px 25px 13px 20px; display: none; z-index: 1; white-space: nowrap;}
 .gnb_box .gnb .gnb_wrap .gnbC > li{}
 .gnb_box .gnb .gnb_wrap .gnbC > li > a{display: block; font-size: 15px; color: #212121; line-height: 20px; padding: 5px 0;}
 .gnb_box .gnb .gnb_wrap .gnbC > li.on > a, .gnb_box .gnb .gnb_wrap .gnbC > li > a:hover{color: #133c76; text-decoration: underline;}
 .dark_base{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 10; display: none;}
  #footer{clear: both; text-align: center; background-color: #fff; padding: 40px 0; font-size: 16px; line-height: 26px; color: #000; border-top:1px solid #dfdfdf; }
 #footer p span{display: inline-block; margin-left: 20px;}
  .sub_vis{position: relative; height: 96px; background: #167a90; background: linear-gradient(to right, #2a548e, #00a393);}
 .sub_vis #path{float: left; margin: 28px 0;}
 .sub_vis #path a{position: relative; display: inline-block; color: #fff; font-size: 15px; margin-left: 10px; vertical-align: middle; padding-left: 16px;}
 .sub_vis #path a:before{content: ''; position: absolute; top: 50%; left: 0; width: 9px; height: 1px; background-color: #fff; transform: rotate(45deg); margin-top: -4px;}
 .sub_vis #path a:after{content: ''; position: absolute; top: 50%; left: 0; width: 9px; height: 1px; background-color: #fff; transform: rotate(-45deg); margin-top: 2px;}
 .sub_vis #path a.home{width: 40px; height: 40px; background: #3C4854 url("/images/subsite_common/sub/sub_sp.png?build_20250704001") no-repeat 0 0; text-indent: -99999px; margin-left: 0; padding: 0; border-radius: 50%;}
 .sub_vis #path a.home:before, .sub_vis #path a.home:after{content: none;}
 .sub_inner{margin-top: 40px;}
 .sub_inner > div{position: relative; float: left;}
 .sub_inner #left{width: 234px; margin-right: -274px; z-index: 2;}
 .sub_inner #left .title_box{background-color: #fac426; color: #000; display: table; font-size: 27px; line-height: 30px; width: 100%; text-align: center; height: 95px;}
 .sub_inner #left .title_box .title{display: table-cell; vertical-align: middle; font-weight: 400;}
 .sub_inner #left #SubMenu{border: solid #dfdfdf; border-width: 0 1px; padding-bottom: 100px;}
 #SubMenu .snb .snbA > a{position: relative; display: block; padding: 20px 40px 20px 20px; font-size: 17px; color: #171717; background-color: #fff; transition: ease-in-out 0.3s; border-bottom: 1px solid #dfdfdf;}
 #SubMenu .snb .snbA.now > a, #SubMenu .snb .snbA.on > a, #SubMenu .snb .snbA > a:hover{background-color: #2a548e; color: #fff; margin: 0 -1px; padding: 20px 41px 20px 21px;}
 #SubMenu .snb .snbA > a span.more{position: absolute; top: 23px; right: 22px; width: 12px; height: 12px; text-indent: -99999px;}
 #SubMenu .snb .snbA > a span.more:before{content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; background-color: #858585; margin: -1px 0 0 -6px; transition: ease-in-out 0.3s;}
 #SubMenu .snb .snbA > a span.more:after{content: ''; position: absolute; top: 50%; left: 50%; width: 2px; height: 12px; background-color: #858585; margin: -6px 0 0 -1px; transition: ease-in-out 0.3s;}
 #SubMenu .snb .snbA > a span.more.close:after{content: none;}
 #SubMenu .snb .snbA.now > a span.more:before, #SubMenu .snb .snbA.now > a span.more:after, #SubMenu .snb .snbA.on > a span.more:before, #SubMenu .snb .snbA.on > a span.more:after, #SubMenu .snb .snbA > a:hover span.more:before, #SubMenu .snb .snbA > a:hover span.more:after{background-color: #fff;}
 #SubMenu .snb .snbA .snbB{display: none; background-color: #f7f7f7; padding: 10px 12px;}
 #SubMenu .snb .snbA.now .snbB{display: block;}
 #SubMenu .snb .snbA .snbB > li > a{position: relative; display: block; color: #505050; padding: 1px 0 1px 8px;}
 #SubMenu .snb .snbA .snbB > li > a:before{content: ''; position: absolute; top: 11px; left: 0; width: 3px; height: 2px; background-color: #325280;}
 #SubMenu .snb .snbA .snbB > li.now > a, #SubMenu .snb .snbA .snbB > li.on > a, #SubMenu .snb .snbA .snbB > li > a:hover{color: #2a548e; text-decoration: underline;}
 .sub_inner #right{position: relative; padding-left: 274px; z-index: 1; width: 100%; box-sizing: border-box;}
 .sub_inner #right .left_line > div{position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #dfdfdf;}
 .sub_inner #right .left_line .line01{left: 0;}
 .sub_inner #right .left_line .line02{left: 233px;}
 #right .cont_titlebox{position: relative; padding-right: 180px; padding-bottom: 26px; background: url("/images/subsite_common/sub/title_line.png?build_20250704001") repeat-x bottom; margin-bottom: 33px;}
 #right .cont_titlebox h3{display: block; font-size: 32px; font-weight: 400; line-height: 34px;}
 #right .cont_titlebox .sns_box{position: absolute; top: -2px; right: 0;}
 #right .cont_titlebox .sns_box ul li{float: left; margin-left: 8px;}
 #right .cont_titlebox .sns_box ul li:first-child{margin-left: 0;}
 #right .cont_titlebox .sns_box ul li a{display: block; width: 38px; height: 38px; text-indent: -99999px; background: url("/images/subsite_common/sub/sub_sp.png?build_20250704001") no-repeat -60px 0; transition: ease-in-out 0.3s; border-radius: 50%;}
 #right .cont_titlebox .sns_box ul li.facebook a{background-position: -60px 0; background-color: #2a548e;}
 #right .cont_titlebox .sns_box ul li.twitter a{background-position: -106px 0; background-color: #3eb1e6;}
 #right .cont_titlebox .sns_box ul li.kakaostory a{background-position: -152px 0; background-color: #fac426;}
 #right .cont_titlebox .sns_box ul li.band a{background-position: -198px 0; background-color: #01a654;}
 #right .cont_titlebox .sns_box ul li a:hover{box-shadow: 2px 3px 4px rgba(0,0,0,0.6);}
 .section_wrap{margin-bottom: 40px;}
 .section_wrap > ul.section{display: inline-block; width: 100%; margin-bottom: -6px;}
 .section.depth4 > li{float: left; width: 25%;}
 .section.depth4 > li > a{display: block; text-align: center; height: 52px; line-height: 52px; border: 1px solid #c2c2c2; border-width: 0 1px 1px 0; font-size: 16px; transition: ease-in-out 0.3s;}
 .section.depth4 > li:first-child > a{border-left-width: 1px;}
 .section.depth4 > li.on > a, .section.depth4 > li > a:hover{color: #fff; background-color: #109051;}
 .section_wrap.five > .section > li{width: 20%;}
 .section_wrap.five > .section > li:nth-child(5n-4) > a{border-left-width: 1px;}
 .section_wrap.five > .section > li:nth-child(n):nth-child(-n+5) > a{border-top-width: 1px;}
 .section_wrap.four > .section > li{width: 25%;}
 .section_wrap.four > .section > li:nth-child(4n-3) > a{border-left-width: 1px;}
 .section_wrap.four > .section > li:nth-child(n):nth-child(-n+4) > a{border-top-width: 1px;}
 .section_wrap.three > .section > li{width: 33.3333%;}
 .section_wrap.three > .section > li:nth-child(3n-2){width: 33.3334%;}
 .section_wrap.three > .section > li:nth-child(3n-2) > a{border-left-width: 1px;}
 .section_wrap.three > .section > li:nth-child(n):nth-child(-n+3) > a{border-top-width: 1px;}
  #content .sitemap { margin-left:2.5%; }
 #content .sitemap > h3 {font-size: 22px;color:#2a548e;font-weight:500;letter-spacing: -1px; margin:30px 0px 20px;}
 #content .sitemap:first-child > h3{margin-top: 0;}
 #content .sitemap > .sitemap_list > ul {padding:20px;background-color: #fafafa;border: 2px solid #dfdfdf; border-radius:3px; overflow: hidden;}
 #content .sitemap > .sitemap_list > ul > li { font-size:15px; width:30%; float:left; margin-left:2.2%; }
 #content .sitemap > .sitemap_list ul li a:hover { color:#db3400; }
 #content .sitemap > .sitemap_list > ul > li > ul { margin:8px 0 15px 0; padding:5px 10px; border-width:1px 0px; border-color:#ccc; border-style:dashed; background-color: #fff; }
  #content .sitemap > .sitemap_list > ul > li > ul > li { background:url("/images/common/sub/content_bl.png?build_20250704001") no-repeat -136px -422px; padding:0 0 0 10px; font-size:14px; padding-left:12px; border-bottom:0px; }
 #content .sitemap > .sitemap_list > ul > li > ul > li > ul { background-color:#fff; padding:10px; margin-left:-15px; border-radius:15px; }
  #content .sitemap > .sitemap_list > ul > li > ul > li > ul > li {}
 #content .sitemap > .sitemap_list > ul > li > ul > li > ul > li > ul { padding-left:20px;}
  #content{margin-bottom: 90px;}
  .selectric-wrapper {position: relative; cursor: pointer;}
 .selectric {position: relative; overflow: hidden; }
 .selectric-label {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 24px 0 0; line-height: 29px; color: #000; height: 29px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
 .selectric-open {z-index: 9999;}
 .selectric-open .selectric {border-color: #d4d4d4;}
 .selectric-open .selectric-items {display: block; width: 120px; top: 100%; height: auto !important;}
 .selectric-disabled {filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
 .selectric-hide-select {position: relative; overflow: hidden; width: 0; height: 0; display: none;}
 .selectric-hide-select select {position: absolute; left: -100%; top: -99999%; display: none;}
 .selectric-hide-select.selectric-is-native {position: absolute; width: 100%; height: 100%; z-index: 10;}
 .selectric-hide-select.selectric-is-native select {position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0;}
 .selectric-input {position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; display: none;}
 .selectric-temp-show {position: absolute !important; visibility: hidden !important; display: block !important;}
 .selectric-button{position: absolute; top: 0; right: 1px; width: 17px; height: 16px;}
  .selectric-items {display: none; position: absolute; z-index: -1; top: 100%; left: 0; background: #fdfdfd; border: 1px solid #d4d4d4; box-shadow: 0 0 10px -6px; font-size: 14px;}
 .selectric-items .selectric-scroll {height: 100%; overflow: auto;}
 .selectric-above .selectric-items {top: auto; bottom: 100%;}
 .selectric-items ul, .selectric-items li {list-style: none; padding: 0; margin: 0;}
 .selectric-items li {display: block; padding: 10px; color: #2f2f2f; cursor: pointer;}
 .selectric-items li.selected {background: #f0f0f0; color: #222222;}
 .selectric-items li.highlighted {background: #e4e4e4; color: #222222;}
 .selectric-items li:hover {background: #d7d7d7; color: #222222;}
 .selectric-items .disabled {filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #2f2f2f !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
 .selectric-items .selectric-group .selectric-group-label {font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #161616;}
 .selectric-items .selectric-group.disabled li {filter: alpha(opacity=100); opacity: 1;}
 .selectric-items .selectric-group li {padding-left: 25px;}
 iframe[aria-hidden="true"]{display: none;}
  .gnb_box .gnbB > li > a.newwin .newicon{display: inline-block; width: 16px; height: 15px; background: url("/images/common/newicon_sp.png?build_20250704001") no-repeat -159px 0; text-indent: -99999px; vertical-align: middle; margin: -2px 0 0 8px;}
 .gnb_box .gnbB > li > a.newwin:hover .newicon, .gnb_box .gnbB > li > a.newwin:focus .newicon{background-position: -26px 0;}
 .gnb_box .gnb .gnb_wrap .gnbC > li > a.newwin .newicon{display: inline-block; width: 16px; height: 15px; background: url("/images/common/newicon_sp.png?build_20250704001") no-repeat -159px 0; text-indent: -99999px; vertical-align: middle; margin: -2px 0 0 8px;}
 .gnb_box .gnb .gnb_wrap .gnbC > li > a.newwin:hover .newicon, .gnb_box .gnb .gnb_wrap .gnbC > li > a.newwin:focus .newicon{background-position: -79.5px 0;}
 #SubMenu .snb .snbA > a.newwin .newicon{display: inline-block; width: 16px; height: 15px; background: url("/images/common/newicon_sp.png?build_20250704001") no-repeat -159px 0; text-indent: -99999px; vertical-align: middle; margin: -2px 0 0 8px;}
 #SubMenu .snb .snbA > a.newwin:hover .newicon, #SubMenu .snb .snbA > a.newwin:focus .newicon{background-position: -26px 0;}
 #SubMenu .snb .snbA .snbB > li > a.newwin .newicon{display: inline-block; width: 16px; height: 15px; background: url("/images/common/newicon_sp.png?build_20250704001") no-repeat -159px 0; text-indent: -99999px; vertical-align: middle; margin: -2px 0 0 8px;}
 #SubMenu .snb .snbA .snbB > li > a.newwin:hover .newicon, #SubMenu .snb .snbA .snbB > li > a.newwin:focus .newicon{background-position: -79.5px 0;}
 .section.depth4 > li > a.newwin .newicon{display: inline-block; width: 16px; height: 15px; background: url("/images/common/newicon_sp.png?build_20250704001") no-repeat -159px 0; text-indent: -99999px; vertical-align: middle; margin: -2px 0 0 8px;}
 .section.depth4 > li > a.newwin:hover .newicon, .section.depth4 > li > a.newwin:focus .newicon{background-position: -26px 0;}
  #wrap.en {font-family: 'Noto Sans','Noto Sans KR',"arial", 'sans-serif', 'dotum';}
 @media screen and (max-width:1560px){ #wrap.en #header .inner{box-sizing: border-box; padding: 0 150px 0 220px;}
 #wrap.en #header h1{left: 10px;}
 #wrap.en .gnb_box .gnb .gnbA > a{letter-spacing: -1px; padding: 0 10px;}
 #wrap.en #header .right_util{right: 10px;}
 }
 .en .sub_inner #left .title_box .title { font-size:20px; letter-spacing:-1px; }
 .en #SubMenu .snb .snbA > a { font-size:16px; }
 .en #right .cont_titlebox h3 { font-size:27px; }
 .en .section.depth4 > li > a { font-size:15px; }
  #wrap.ch {font-family: "Noto Sans SC",'Noto Sans KR',"arial", 'sans-serif', 'dotum';}
 .ch .gnb_box .gnb .gnbA > a { font-size:20px;}
  #wrap.jp {font-family: "Noto Sans JP",'Noto Sans KR',"arial", 'sans-serif', 'dotum';}
 .jp .gnb_box .gnb .gnbA > a { font-size:20px;}
 .jp .sub_inner #left .title_box .title { font-size:22px; }