/* reset */
body, div, ul, li, ol, dl, dd, dt, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, select, input,iframe{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:12px; font-weight:normal;}
body, input, textarea, select, button,iframe{font-family: "Noto Sans KR", sans-serif;}
a {text-decoration:none; color:#4f4f4f; font-family: "Noto Sans KR";}
li, ul, ol {list-style:none;}
img {border:0;}

#wrap {width:100%; min-width:1200px; }
#header {position:relative; width:100%; height:98px; z-index: 999; overflow:hidden;}
#contents {width:100%; height:100%;}

/*header*/
#header .inner_container {position:relative; width:1200px; margin:0 auto;}
#header .inner_container  h1 {float:left; width:410px; height:98px; padding-top:44px; box-sizing:border-box; background:url('/img/menu_bg.png') no-repeat right top;}
#header .left_container {position:absolute; top:0; right:948px; width:1000%; height:98px; background-color:#30333c; z-index:-2;}
#header .right_container {position:absolute; top:32px; left:310px; width:1000%; height:46px; background-color:#f0f0f0; z-index:-1;}

.inner_container .up_r {height:32px; padding:10px 0; text-align:right; box-sizing:border-box;}
.inner_container .up_r a {font-size:12px; color:#23327b;}
.inner_container .up_r span {display:inline-block; padding:0 5px; font-size:10px; color:#b1b3c2; vertical-align: top;}
.inner_container .up_r .lang i{vertical-align:sub; padding-right:5px}

.inner_container .r_wrap {float:right;}
.inner_container .gnb {width:948px; height:46px; margin-left:-158px; padding:11px 0; background:url('/img/depth2_bg.png') no-repeat left bottom; box-sizing:border-box;}
.inner_container .gnb ul {overflow:hidden;}
.inner_container .gnb ul li {float:left ; /* margin-left: 90px; */ margin-left: 50px;}
.inner_container .gnb ul li:first-child {margin-left:60px;}
.inner_container .gnb ul li a {font-size:16px; color:#5c5e65; letter-spacing:-0.05em;}
.inner_container .gnb ul li:hover a {font-weight:700;}

.lnb_container {display: none; position:absolute; top:78px; z-index:99; width:100%; height:320px; background-color:rgba(46,49,58,0.95); box-sizing:border-box;}
.lnb_container .lnb {width:1200px; margin:0 auto; padding:35px 0 0 255px; overflow:hidden; box-sizing:border-box;}
.lnb_container .lnb ul {float:left; /* width:170px; */ width:130px;}
.lnb_container .lnb ul:first-child{margin-left: 20px;}
.lnb_container .lnb ul li {margin-bottom:15px; text-align:center;}
.lnb_container .lnb ul li a{color:#b0b0b0; font-size:16px;}
.lnb_container .lnb ul li:hover a {color:#fff;}
.lnb_container .lnb ul:nth-of-type(2) {margin-left:-26px;}
.lnb_container .lnb ul:nth-of-type(3) {margin-left: -23px;}
.lnb_container .lnb ul:nth-of-type(4) {margin-left: -18px;}
.lnb_container .lnb ul:nth-of-type(5) {margin-left: 12px;}
.lnb_container .lnb ul:nth-of-type(6) {margin-left: 12px;}


/*footer*/
#footer {width:100%; height:290px; background:#2c2e38 url('/img/footer_bg.png') no-repeat center top;}
.footer_container {width:1200px; margin:0 auto;  padding:83px 0;}
.footer_container .left_info,.footer_container .right_con {float:left;}
.footer_container .left_info {width:70%;}
.footer_container .left_info h2 {margin-bottom:20px; font-size:20px; color:#fff; letter-spacing:-0.08em;}
.footer_container .left_info p {font-size:14px; font-weight:300; color:#c5ccda;}
.footer_container .left_info p span {display:inline-block; padding:0 5px; font-size:12px; color:#b1b3c2; vertical-align: top;}
.footer_container .left_info p.copy {margin-top:10px; color:#6c727e;}

.footer_container .right_con {text-align:right; width:30%;}
.footer_container .right_con select {display:inline-block; width:258px; height:40px; padding:0 15px; border:1px solid #a8a9ad; background:#282a32 url('/img/select_bg.png') no-repeat 96% 15px; color:#fff; font-weight:400; -webkit-appearance: none; -moz-appearance:none; appearance:none;}
.footer_container .right_con select::-ms-expand { display: none; }
.footer_container .right_con p {margin-top:15px;}
.footer_container .right_con p a {font-size:14px; color:#6c727e;}
.footer_container .right_con p span {display:inline-block; padding:0 10px; font-size:12px; color:#6c727e; vertical-align: top;}


/*sub_container*/
.sub_visual {width:2000px; height:289px; width:100%; position:relative;  z-index:1;}
.sub_visual .sub_inner {position:absolute; left:50%;  margin-left:-1000px;}

.con_container {width:1200px; margin:0 auto; overflow:hidden; background:url('/img/side_bg.png') repeat-y left top;}
.con_container .side_menu,.con_container .rcontents {float:left;}
.con_container .side_menu {width:250px; }

.side_nav {width:100%;}
.side_nav .text_inner {width:190px; height:100%; padding-top:120px;}
.side_nav .text_inner ul li {margin-bottom:22px; padding-left:22px;}
.side_nav .text_inner ul li a{color:#606870; font-size:16px;}
.side_nav .text_inner ul li.active {background:url('/img/side_pointer.png') no-repeat 2px 8px;}
.side_nav .text_inner ul li.active a {color:#23327b; font-size:20px;}
.side_nav .text_inner ul li:hover a {color:#23327b;}

.search_nav {margin-left: 22px; width: 185px; background-color: #f9f9f9; border: 1px solid #d6d7db; padding: 20px 10px; box-sizing: border-box; margin-bottom: 100px;}

.search_nav h5 {font-size: 16px; line-height: 1.375em; color: #23327b; font-weight: 300; margin-bottom: 20px;}
.search_nav ul li {margin-top: 20px;}
.search_nav .kind_tit {display: flex; align-items: center; gap: 8px; margin-bottom: 10px;}
.search_nav .kind_tit i {width: 7px; height: 7px;}
.search_nav .kind_tit i img {display: block; width: 100%; height: 100%; object-fit: contain; object-position: center center;}
.search_nav .kind_tit span {font-weight: 300; font-size: 16px; letter-spacing: -0.075em; color: #606870;}
.search_nav select {width: 100%; height: 36px; font-size: 14px; letter-spacing: -0.075em; font-weight: 300; color: #898a8c; border-color: #d6d7db;}

.search_nav .btn_wrap {display: flex; justify-content: center; margin-top: 30px;}
.search_nav .btn_wrap .search_btn {display: block; width: 54px; height: 54px; border-radius: 50%; background-color: #fff; border: 1px solid #d6d7db; box-sizing: border-box;}
.search_nav .btn_wrap .search_btn img {display: block; width: 100%; height: 100%; object-fit: none; object-position: center center;}


/* footer logo */
.logo_con {margin-bottom: 70px;}
.logo_con ul {display: flex; align-items: center; justify-content: center; gap: 5px; margin: auto;}