@charset "utf-8";


/* ===================================
layout
 =================================== */

/* .ui-sortable-handle { cursor: pointer; } */
body.js-fixed { position:absolute; width:100%; }
.wrap { position:relative; min-width:320px; overflow:hidden; }

.main-container { padding:0 0 0 0 !important; }

.inner { position:relative; max-width:1400px; margin:0 auto; min-height:auto !important; }

@media all and (max-width:1440px) {
.inner { position:relative; margin:0 20px; padding:0px; }
 }

.clearfix:before, .clearfix:after { display: block; content: ''; line-height: 0; }
.clearfix:after { clear:both; }



/* Header */
header { position: fixed; width:100%; height: 142px; z-index:99999; }
.header-wrap.js-fixed { background-color:#fff; transition: all 0.3s ease-in-out; box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; }
/*header.header-wrap.js-fixed { height:76px; }
.header-wrap.js-fixed .header_top { display:none; } */
header .header_top { border-bottom:1px solid #e4e4e4; }
header .header_top .header_top_wrap { display: flex; /*justify-content:flex-end; */max-width:1600px; margin:0 auto; padding: 20px 0 10px 0; }
header .header_top .call_center { margin-right:45px; background:#fff; border-radius:30px; padding:12px 12px 12px 48px; font-size:15px; color:#231f20; font-weight:500; box-shadow: 0px 1px 12.22px 0.78px rgba(123, 75, 42, .21); position: relative; }
header .header_top .call_center a { display:block; width:100%; height:100%; padding-top:3px; }
header .header_top .call_center:before { content:""; width:49px; height:43px; background-image:url(../images/common/call_center_icon.png); position:absolute; top:-6px; left:0; }
header .header_top .call_center:after { content:""; width:1px; height:24px; background:#ded3cb; position:absolute; right:-25px; top:50%; transform:translateY(-50%); }
header .header_top .call_center em { color:#c6006f; }
header .header_top .call_center_m { display:none; }
header .header_top ul.sns_list { margin-right: 30px; display:flex; background:#fff; border-radius:30px; padding:9px 13px; box-shadow: 0px 1px 12.22px 0.78px rgba(123, 75, 42, 0.21); }
header .header_top ul.sns_list li { margin-right:20px; }
header .header_top ul.sns_list li:last-child { margin-right:0; }
header .header_top ul.sns_list li a { display:block; width:100%; height:100%; padding-top:3px; }
header .header_top .h_side_m { display:flex; margin-left:auto; }
header .header_top .h_side_m .side_list { display:flex; background:#fff; border-radius:30px; padding:5px 14px; box-shadow: 0px 1px 12.22px 0.78px rgba(123, 75, 42, 0.21); }
header .header_top .h_side_m .side_list li { margin-right:22px; }
header .header_top .h_side_m .side_list li:last-child { margin-right:0; }
.add_list li {
margin-right: 0 !important;
 }
.add_list li a {
padding-top: 2px !important;
 }
.add_list li:first-child {
position: relative;
padding-right: 12px;
 }
.add_list li:last-child {
padding-left: 12px;
 }
.add_list li:first-child:before {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
content: "";
width: 1px;
height: 15px;
background-color: #e1e1e1;
 }

@media all and (max-width:1600px) {
header .header_top { padding:0 20px; }
 }

@media all and (max-width:1380px) {
header .header_top ul.sns_list { margin-right:45px; position: relative; }
/*header .header_top ul.sns_list:after { content:""; width:1px; height:24px; background:#ded3cb; position:absolute; right:-25px; top:50%; transform:translateY(-50%); } */

 }

@media all and (max-width:1160px) {
header { height:80px }
header .header_top ul.sns_list { margin-right:0; position: relative; }
header .header_top ul.sns_list:after { display:none; }
/* header .header_top .h_side_m .side_list { display:none; } */
/* header .header_top { display:none; } */
header .header_top ul.sns_list { display:none; }
header .header_top .call_center { display:none; }
header .header_group nav.gnb .side_list { display:none; }
 }

@media all and (max-width:640px) {
/*header .header_top .call_center { display:none; }
header .header_top .call_center_m { display:block; padding-right:23px; position:relative; }
header .header_top .call_center_m:after { content:""; width:1px; height:24px; background:#ded3cb; position:absolute; right:10px; top:50%; transform:translateY(-50%); }
header .header_top .call_center_m a { display:block; width:100%; height:100%; } */
 }

header .header_group { position: relative; }
header .header_group nav.gnb { display: flex; max-width:1600px; align-items: center; justify-content: space-between; margin:0 auto; padding:20px 0; }
header .header_top_wrap .h_logo { width:216px; height:36px; background:url(../images/common/header_logo.png) no-repeat 0 0; }
header .header_top_wrap .h_logo a { display:block; width:216px; height:36px; }
header .header_top_wrap .h_logo span { font-size:0; }

@media all and (max-width:1600px) {
header .header_group { padding:0 20px; }
 }

@media all and (max-width:460px) {
header .header_top_wrap .h_logo { width:61px; background:url(../images/common/header_logo_m.png) no-repeat 0 0; }
header .header_top_wrap .h_logo a { width:61px; }
 }

@media all and (min-width:1160px) {
header nav.mobile_menu { display:none !important; }
 }

@media all and (max-width:1160px) {
header .header_group nav.gnb { padding:16px 0; }
header nav.mobile_menu { display:none; position:fixed; top:0; left:0; z-index:9999; width:100%; height:100%; background-color: #fff; }
header nav.mobile_menu .menu_header { background:#F8C8DC; position:absolute; top:0; left:0; width:100%; z-index:100; padding-bottom: 20px; }
header nav.mobile_menu .menu_header .link { margin:28px 20px 0; position:relative;
 }
header nav.mobile_menu .menu_header .link-item { float:left; margin-right: 1%; /*margin-top:-14px; */ }
header nav.mobile_menu .menu_header .link-item:last-child { margin-right:0; }
header nav.mobile_menu .menu_header .link-item a { display:inline-block; width:34px; height:34px; position:relative; }
header nav.mobile_menu .menu_header .link-item a span { font-size:0; line-height:0; }
header nav.mobile_menu .menu_header .link-item a:before { content:""; position:absolute; top:0; bottom:0; left:0; width:34px; height:34px; background-image:url(../images/common/mobile_link_icon02.png); }
header nav.mobile_menu .menu_header .link-item:nth-child(3) a:before { background-image:url(../images/common/mobile_link_icon03.png); }
header nav.mobile_menu .menu_header .link-item:nth-child(4) a:before { background-image:url(../images/common/mobile_link_icon04.png); }
header nav.mobile_menu .menu_header .link-item:nth-child(5) a:before { background-image:url(../images/common/mobile_link_icon05n.png); }
header nav.mobile_menu .menu_header .link-item:nth-child(6) a:before { background-image:url(../images/common/mobile_link_icon08.png); }
header nav.mobile_menu .menu_header .link-item:nth-child(7) a:before { background-image:url(../images/common/kakao_icon_round.png); }
header nav.mobile_menu .menu_header .link-item:nth-child(8) a:before { background-image:url(../images/common/mobile_link_icon09.png); }
header nav.mobile_menu .menu_header .link-item:nth-child(9) a:before { background-image:url(../images/common/kakao_icon_round.png); }
header nav.mobile_menu .menu_header .link-item.call_center { background:#fff; border-radius:30px; font-size:14px; position: relative; width: 143px; margin-top: 0px; }
header nav.mobile_menu .menu_header .link-item.call_center a { display:inline-block; width:100%; height:34px; text-align:center; padding-left:9px; }
header nav.mobile_menu .menu_header .link-item.main_home { background:#fff; border-radius:30px; font-size:14px; position: relative; width: 143px; margin-top: 0px; }
header nav.mobile_menu .menu_header .link-item.main_home a { display:inline-block; width:100%; height:34px; text-align:center; padding-left:9px; }
header nav.mobile_menu .menu_header .link-item.call_center a::before { background-image:url(../images/common/mobile_call_icon.png); width:37px; height:33px; top: -5px; }
header nav.mobile_menu .menu_header .link-item.main_home a::before { background-image:url(../images/common/home_main_icon.png); width:36px; height:21px; top: 5px; left: 4px; }
header nav.mobile_menu .menu_header .link-item.call_center a span { font-size:15px; line-height:34px; letter-spacing:-1px; }
header nav.mobile_menu .menu_header .link-item.main_home a span { font-size:15px; line-height:34px; letter-spacing:-1px; padding-left: 12px; }
header nav.mobile_menu .menu_header .link-item.call_center a em { color:#c6006f; }
header nav.mobile_menu .menu_header .close { width:35px; height:35px; position: absolute; right:20px; top:18px; cursor: pointer; transition: all .3s ease; z-index: 100; }
header nav.mobile_menu .menu_header .close span { position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:100%; height:2px; background:#fff; }
header nav.mobile_menu .menu_header .close span:nth-child(1) { transform: translate(-50%,-50%) rotate(45deg); }
header nav.mobile_menu .menu_header .close span:nth-child(2) { transform: translate(-50%,-50%) rotate(-45deg); }
header nav.mobile_menu .menu_wrap { position:fixed; padding-top:145px; width:100%; height:100vh; overflow-y:auto; overflow-x:hidden; }
header nav.mobile_menu .menu_wrap .gnb-wrap .gnb-1dep { border-bottom:1px solid #e7e7e7; }
header nav.mobile_menu .menu_wrap .gnb-wrap .gnb-1dep a.gnb-1dep__link { display:block; width:100%; height:100%; font-size:19px; color:#262626; font-weight:600; padding:25px 22px; }
header nav.mobile_menu .menu_wrap .gnb-2dep { display:none; background:#f2f2f2; }
header nav.mobile_menu .menu_wrap .gnb-2dep .gnb-title { display:none; }
header nav.mobile_menu .menu_wrap .gnb-2dep a { display:block; width:100%; height:100%; font-size:17px; color:#262626; font-weight:400; padding:20px 22px 20px 32px; position:relative; }
header nav.mobile_menu .menu_wrap .gnb-2dep a::before { content:""; position:absolute; left:20px; top:50%; transform:translateY(-50%); width:4px; height:4px; border-radius:100%; background:#262626; }
header nav.mobile_menu .menu_wrap .gnb-wrap .gnb-1dep.js-open-m .gnb-2dep { display:block; }
.m-add-list {
display: inline-flex;
flex-wrap: wrap;
background-color: #fff;
border-radius: 30px;
padding: 9px;
column-gap: 10px;
font-size: 15px;
 }
.m-add-list .m-add-item:first-child {
position: relative;
padding-right: 10px;
 }
.m-add-list .m-add-item:first-child:after {
position: absolute;
content: "";
top: 50%;
right: 0;
transform: translateY(-50%);
width: 1px;
height: 15px;
background-color: #ccc;
 }
.m-add-list2 {
display: flex;
align-items: center;
margin-bottom: 15px;
 }
 }
@media all and (max-width:640px) {
header nav.mobile_menu .menu_wrap .gnb-wrap .gnb-1dep a.gnb-1dep__link { font-size:16px; }
header nav.mobile_menu .menu_wrap .gnb-2dep a { font-size:15px; padding:17px 22px 17px 30px; }
header nav.mobile_menu .menu_wrap { padding-top:145px; }
 }
@media all and (max-width:507px) {
.m-add-list {
margin-top: 10px;
 }
header nav.mobile_menu .menu_wrap { padding-top:175px; }
 }
@media all and (max-width:500px) {
header nav.mobile_menu .menu_header .link { margin:20px 20px 0; }
header nav.mobile_menu .menu_header .link-item { margin-right:1.4%; margin-top:-5px; }
.m-add-list2 { margin-bottom: 15px; }
 }


header .h_menu > ul { display: flex; }
header .h_menu > ul > li { margin-right:95px; }
header .h_menu > ul > li:last-child { margin-right:0; }
header .h_menu > ul > li > a { display: flex; height:100%; width:100%; font-size:22px; color:#262626; font-weight: 600; align-items: center; position:relative; }
header .h_menu > ul > li > a:hover { color:#ff7611; transition: all .2s ease; }
header .h_menu > ul > li > a:after { position: absolute; top: 50%; right:-45px; height:5px; width:5px; background: #7f7f7f; border-radius: 5px; content:""; }
header .h_menu > ul > li:last-child > a:after { width:0; height:0 }

header .h_menu > ul > li .gnb-2dep { display: none; position:absolute; top: 63px; left: 0; width: 100%; background: #fff; box-shadow: 0px 3px 8.64px 0.36px rgba(0, 0, 0, 0.32); z-index:9999; transition: all .3s ease; }
header .h_menu > ul > li .gnb-2dep::before { content:''; position:absolute; left:0; top:0; width:20%; height:100%; background-color:#ffd1b2; /*background-repeat: no-repeat; background-position: center 70%; background-size:auto; background-image:url(../images/common/h_menu_bg.png); */ }
header .h_menu > ul > li .gnb-2dep .dep2_wrap { max-width:1600px; }
header .h_menu > ul > li .gnb-2dep .depth2 { display:block; position:relative; float:left; width:70%; height:100%; padding:40px 0 120px; }
header .h_menu > ul > li .gnb-2dep .depth2 ul { position: relative; top: 0; height: 100% !important; width: 100%; text-align: left; }
header .h_menu > ul > li .gnb-2dep .depth2 ul > li { display: block; float: left; position:relative; width: calc(27% - 20px); padding: 0; margin: 0 0 20px 30px; text-align: left; font-weight:500; }
header .h_menu > ul > li .gnb-2dep .depth2 ul > li > a { display:block; position: relative; height: 50px; line-height:48px; padding: 0 15px; border: 1px solid #b2b2b2; color: #282828; font-size: 18px; white-space: nowrap} 
header .h_menu > ul > li .gnb-2dep .depth2 ul > li > a:before { display:block; position:absolute; content:''; right:15px; top: 50%; margin-top: -3px; border-left:5px solid #bdbdbd; border-right:5px solid transparent; border-top:5px solid transparent; border-bottom:5px solid transparent; }
header .h_menu > ul > li .gnb-2dep .depth2 ul > li > a.on:before,
header .h_menu > ul > li .gnb-2dep .depth2 ul > li > a:hover:before,
header .h_menu > ul > li .gnb-2dep .depth2 ul > li > a:focus:before { border-left:5px solid #ff7611; }
header .h_menu > ul > li .gnb-2dep .depth2 ul > li > a.on,
header .h_menu > ul > li .gnb-2dep .depth2 ul > li > a:hover,
header .h_menu > ul > li .gnb-2dep .depth2 ul > li > a:focus,
header .h_menu > ul > li .gnb-2dep .depth2 ul > li > a.on { border: 1px solid #ff7611; color:#ff7611; }

header .h_menu > ul > .gnb-1dep.js-open-d a { color:#ff7611; }
header .h_menu > ul > .gnb-1dep.js-open-d .gnb-2dep { display:block; animation: depth_2 .3s linear forwards; animation-timing-function:ease; }
@keyframes depth_2 {
 from { opacity: 0; }
 to { opacity: 1; }
 }

@media all and (max-width:1800px) {
header .h_menu > ul > li .gnb-2dep::before { width:23%; }
 }

@media all and (max-width:1520px) {
header .h_menu > ul > li { margin-right:80px; }
header .h_menu > ul > li .gnb-2dep .depth2 ul > li { width: calc(33.3% - 30px); }
 }

@media all and (max-width:1400px) {
header .h_menu > ul > li { margin-right:70px; }
header .h_menu > ul > li > a { font-size:20px; }
 }

@media all and (max-width:1270px) {
header .h_menu > ul > li { margin-right:50px; }
header .h_menu > ul > li > a:after { right:-28px; }
header .h_menu > ul > li .gnb-2dep .depth2 ul > li { width: calc(33.3% - 23px); }
 }

@media all and (max-width:1160px) {
header .h_menu > ul { display: none; }
 }

/* Header > gnb > menu-title */
header .h_menu > ul > li .gnb-2dep .gnb-title { display:block; position:relative; float:left; height:100%; width:25%; text-align:center; }
header .h_menu > ul > li .gnb-2dep .gnb-title strong { position:relative; display:inline-block; font-size:28px; font-weight:600; margin:50px 0 0 0; padding-bottom:0px; color:#222; z-index:5; }
header .h_menu > ul > li .gnb-2dep .gnb-title strong:after { display:block; position:absolute; left:-8px; right:-8px; bottom:-4px; z-index: -1; content:''; width:auto; height:13px; border-radius:6.5px; background:#ffb685; }
header .h_menu > ul > li .gnb-2dep .gnb-title p { padding:15px 0 20px; }

/*header .h_side { margin-right:11%; } */
header .h_side .side_list { display:none; /*display:flex; */background:#fff; border-radius:25px; padding:7px 16px; box-shadow: 0px 1px 12.22px 0.78px rgba(123, 75, 42, 0.21); }
header .h_side .side_list li { margin-right:22px; }
header .h_side .side_list li:last-child { margin-right:0; }

@media all and (min-width:2100px) {
header .h_menu > ul > li .gnb-2dep .gnb-title { width:30%; }
 }

@media all and (max-width:1380px) {
header .h_side .side_list { display:none; }
 }

@media all and (max-width:1160px) {
header .h_side .side_list { display:flex; }
header .h_side .side_list li img.mobile { display:none; }
 }

@media all and (max-width:640px) {
header .h_side .side_list { padding:5px 7px; }
header .h_side .side_list li img.mobile { display:block; }
header .h_side .side_list li img.pc { display:none; }
 }

/*검색창*/
header .search_container { display:none; position:absolute; top: 76px; left: 0; width: 100%; background: #fff; box-shadow: 0px 3px 8.64px 0.36px rgba(0, 0, 0, 0.32); z-index:9999; transition: all .3s ease; }
header .search_container::before { content:''; position:absolute; left:0; top:0; width:25%; height:100%; background-color:#ffd1b2; }
header .search_container .close { width:35px; height:35px; position: absolute; right:60px; top:20px; cursor: pointer; transition: all .3s ease; z-index: 100; }
header .search_container .close span { position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:100%; height:2px; background:#000; }
header .search_container .close span:nth-child(1) { transform: translate(-50%,-50%) rotate(45deg); }
header .search_container .close span:nth-child(2) { transform: translate(-50%,-50%) rotate(-45deg); }
header .search_container .search_wrap { max-width:1800px; margin:0 auto; }
header .search_container .search_wrap .search_left { display:block; position:relative; float:left; height:100%; width:21%; text-align:center; }
header .search_container .search_wrap .search_left p { padding:55px 0; }
header .search_container .search_wrap .search_right { display:block; position:relative; float:left; width:70%; height:100%; padding:55px 0 60px; text-align:center; }
header .search_container .search_wrap .search_right h1 { font-size:26px; font-weight:800; color:#262626; margin-bottom:40px; }
header .search_container .search_wrap .search_right .content { max-width:965px; margin:0 auto; }
header .search_container .search_wrap .search_right .input_group { display:flex; justify-content:center; margin-bottom:49px; }
header .search_container .search_wrap .search_right input { border:1px solid #ff7611; border-radius:30px 0 0 30px; width:calc(100% - 96px); padding:20px 33px; }
header .search_container .search_wrap .search_right .input_group button { width:96px; background-color:#ff7611; border-radius:0 30px 30px 0; border:1px solid #ff7611; }
header .search_container .search_wrap .search_right .tag_group { display:flex; align-items:center; margin:0 auto; max-width:780px; }
header .search_container .search_wrap .search_right .tag_group h5 { font-size:18px; color:#262626; font-weight:700; width:107px; margin-right:50px; }
header .search_container .search_wrap .search_right .tag { display:flex; flex-wrap: wrap; width:calc(100% - 107px); justify-content: space-between; }

@media all and (max-width:1840px) {
header .search_container .search_wrap .search_left { width:23%; }
 }

@media all and (max-width:1500px) {
header .search_container .search_wrap .search_right .content { max-width:880px; }
 }

@media all and (max-width:1340px) {
header .search_container .search_wrap .search_right .content { max-width:100%; margin-left:40px; }
 }

@media all and (max-width:1160px) {
header .search_container { position:fixed; top:0; width:100%; height:auto; }
header .search_container::before { display:none; }
header .search_container .close { right:35px; top:42px; }
header .search_container .search_wrap .search_left { display:none; }
header .search_container .search_wrap .search_right { width:100%; padding:110px 0; }
header .search_container .search_wrap .search_right .content { max-width:100%; margin-left:20px; margin-right:20px; }
header .search_container .search_wrap .search_right .tag_group { margin:0; flex-direction: column; justify-content: center; align-items: center; text-align: center; max-width:100%; }
header .search_container .search_wrap .search_right .tag_group h5 { margin-right:0; margin-bottom:30px; }
 }

@media all and (max-width:640px) {
header .search_container { height:100%; }
header .search_container .search_wrap .search_right .tag { width:100%; }
header .search_container .search_wrap .search_right .tag a { width:50%; text-align: center; margin-bottom:15px; font-size:16px; }
 }



header .top_btn { background-color:#ff7611; width:74px; height:74px; border-radius:100%; text-align: center; position:fixed; right:20px; bottom:50px; z-index:100; box-shadow: 0 10px 10px 3px rgb(0 0 0 / 10%); }
header .top_btn a { display:inline-block; width:100%; height:100%; color:#fff; padding-top:53%; position: relative; }
header .top_btn a::before { content:""; position:absolute; top:19px; left:50%; transform: translateX(-50%); width:13px; height:9px; background-image:url(../images/common/top_btn_icon.png); }


@media all and (max-width:640px) {
header .top_btn { display: none !important; }
 }

/*전체메뉴*/
#sitemap-wrap { display:none; position:fixed; left:0; top:0; z-index:10000; width:100%; height:100%; background-color:#8f7dba; overflow:auto; -ms-overflow-style: none; scrollbar-width: none; }
#sitemap-wrap::-webkit-scrollbar { display: none; }
#sitemap-wrap::before { content:""; position:absolute; left:-273px; top:-233px; width:546px; height:546px; border-radius:100%; background:#ffffff20; }
#sitemap .layout { max-width:1400px; margin:0 auto; padding-top:175px; position:relative; z-index:1; }
#sitemap .layout::after { content:""; position:absolute; right:-400px; bottom:0; width:819px; height:736px; background:url(../images/common/allmenu_bg_img02.png) no-repeat; }
#sitemap .layout .menu-list { display:flex; flex-wrap: wrap; }
#sitemap .layout .menu-list li.depth_1 { width:25%; padding-bottom:80px; }
#sitemap .layout .menu-list li.depth_1 .depth1_link { display:block; width:100%; font-size:30px; color:#fff; font-weight:800; margin-bottom:43px; }
#sitemap .layout .menu-list li.depth_1 .depth1_link span { display:block; width:100%; position:relative; }
#sitemap .layout .menu-list li.depth_1 .depth1_link span::before { content:""; position:absolute; width:69px; height:79px; right:20%; bottom:-10px; background:url(../images/common/allmenu_icon01.png) no-repeat; }
#sitemap .layout .menu-list li.depth_1:nth-child(2) .depth1_link span::before { background:url(../images/common/allmenu_icon02.png) no-repeat; }
#sitemap .layout .menu-list li.depth_1:nth-child(3) .depth1_link span::before { background:url(../images/common/allmenu_icon03.png) no-repeat; }
#sitemap .layout .menu-list li.depth_1:nth-child(4) .depth1_link span::before { background:url(../images/common/allmenu_icon04.png) no-repeat; }
#sitemap .layout .menu-list li.depth_1:nth-child(5) .depth1_link span::before { background:url(../images/common/allmenu_icon05.png) no-repeat; }
#sitemap .layout .menu-list li.depth_1:nth-child(6) .depth1_link span::before { background:url(../images/common/allmenu_icon06.png) no-repeat; }
#sitemap .layout .menu-list li.depth_1:nth-child(7) .depth1_link span::before { background:url(../images/common/allmenu_icon07.png) no-repeat; }
#sitemap .layout .menu-list li.depth_1 .depth1_link span::after { content:""; position:absolute; width:80%; height:2px; background:#fff; left:0; bottom:-16px; transform:translateY(-22%); }
#sitemap .layout .menu-list .depth_2_list li { font-size:17x; line-height:34px; }
#sitemap .layout .menu-list .depth_2_list li .depth2_link { display:block; width:53%; color:#fff; padding-left:10px; }
#sitemap .layout .menu-list .depth_2_list li .depth2_link:hover { background:#5e5279; }
#sitemap .layout .menu-list .depth_2_list li .depth_3 { margin-bottom:10px; }
#sitemap .layout .menu-list .depth_2_list li .depth_3 li { font-size:15px; font-weight:400; }
#sitemap .layout .menu-list .depth_2_list li .depth_3 li a { display:inline-block; width:100%; color:#fff; padding-left:13px; }
#sitemap .layout .menu-list .depth_2_list li .depth_3 li a:hover { color:#5e5279; }
#sitemap .layout .menu-list .depth_2_list li .depth_3 li span { display:inline-block; position:relative; padding-left:13px; }
#sitemap .layout .menu-list .depth_2_list li .depth_3 li span::before { content:""; position:absolute; left:0; top:50%; width:7px; height:2px; background:#fff; transform:translateY(-50%); }
#sitemap-wrap .allmenu_btn_close { background:#00000040; width:80px; height:80px; border-radius:100%; position: absolute; right:7%; top:11px; cursor: pointer; z-index:5000; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; }
#sitemap-wrap .allmenu_btn_close span { display:block; background:url(../images/common/allmenu_close_icon.png) no-repeat; width:34px; height:34px; margin-top:50%; margin-left:50%; transform:translate(-50%,-50%); }

@media all and (max-width:1650px) {
#sitemap-wrap .allmenu_btn_close { top:4%; }
 }

@media all and (max-width:1400px) {
#sitemap .layout { margin:0 30px; }
 }

@media all and (max-width:1160px) {
#sitemap-wrap { visibility:hidden; }
 }


/* sub_visual */
.sub_visual { padding: 115px 0; background: url('../images/common/visual_bg01.jpg') center no-repeat; background-size: cover; position: relative; font-size: 0; overflow: hidden; text-align: center; margin-top:142px; }
.sub_visual-inner { margin: 0 auto; max-width: 1400px; position: relative; }

.sub_visual.nth-1 { background-image:url('../images/common/visual_bg01.jpg'); }
.sub_visual.nth-2 { background-image:url('../images/common/visual_bg02.jpg'); }
.sub_visual.nth-3 { background-image:url('../images/common/visual_bg03.jpg'); }
.sub_visual.nth-4 { background-image:url('../images/common/visual_bg04.jpg'); }
.sub_visual.nth-5 { background-image:url('../images/common/visual_bg06.jpg'); }
.sub_visual.nth-6 { background-image:url('../images/common/visual_bg05.jpg'); }
.sub_visual.nth-7 { background-image:url('../images/common/visual_bg07.jpg'); }

.sub_title { display:inline-block; }
.sub_title h2 { font-size:45px; font-weight:700; color: #fff; position: relative; }

@media all and (max-width:1160px) {
.sub_visual { margin-top:90px; }
 }

@media all and (max-width:640px) {
.sub_visual { padding:65px 0; }
.sub_title h2 { font-size:30px; }
.sub_title p { font-size:22px; }
 }

@media all and (max-width:400px) {
.sub_title h2 { font-size:30px; }
.sub_title h2:after { display:none; }
.sub_title p { font-size:18px; margin-top:15px; }
 }

/* lnb */
.lnb { max-width:1400px; margin:0 auto; }
.lnb-wrap { margin-top:-35px; position: relative; z-index:100; }

.lnb-wrap p { float:left; background:#fb7411; border-radius:10px 0 0 0; }
.lnb-wrap p a { display:block; padding:20px 24px 21px 24px; width:100%; height:100%; }
.lnb-wrap p img { vertical-align:middle; }
.lnb-wrap > div > ul > li { position:relative; float:left; padding-right:20px; border-right:1px solid #ffffff30; height:100%; }
.lnb-wrap > div > ul > li:first-child { border-left:1px solid #ffffff30; }
.lnb-wrap > div > ul > li:last-child { border-right:none; }
.lnb-wrap div ul#snavi > li { width:max-content; max-width:35%; min-width:25%; background:#4e4e4e; }
/*.lnb-wrap div ul#snavi > li:nth-child(2) { border-radius:0 0 20px 0; } */
.lnb-wrap .th1, .lnb-wrap .th2, .lnb-wrap .th3 { padding:23px 20px; font-size:17px; font-weight:600; color:#fff; background:url(../images/common/lnb_select_icon.png) no-repeat right center; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
/*.lnb-wrap .th3 { display:none; } */
.lnb-wrap .depth_lst { position:absolute; left:0; right:0; top:63px; background:#4e4e4e; display:none; /*border:1px solid #fff; border-radius:20px 0; */ padding-bottom:10px;}
#snavi li:hover .depth_lst, #snavi li:focus .depth_lst,#snavi ul.depth_lst.allv { display:block; }
.lnb-wrap .depth_lst li { float:none; line-height:2rem; text-indent:10px }
.lnb-wrap .depth_lst li a { color:#fff; display:block; padding:5px 25px; position:relative; }
.lnb-wrap .depth_lst li a::before { content:""; position:absolute; left: 21px; top: 15px; width: 5px; height:1px; background:#fff; }
.lnb-wrap .depth_lst li a.on,.lnb-wrap .depth_lst li a:hover,.lnb-wrap .depth_lst li a:active { color:#fb7411; }
.lnb-wrap .depth_lst li a.on::before,.lnb-wrap .depth_lst li a:hover::before,.lnb-wrap .depth_lst li a:active::before { background:#fb7411; }
.lnb-wrap:after { clear:both; content:""; display:block; }

@media all and (max-width:935px) {
.lnb-wrap div ul#snavi > li { max-width:35%; min-width:32%; }
 }

@media all and (max-width:768px) {
.lnb-wrap { border-left:none; }
 .lnb-wrap .home { display:none }
 .lnb-wrap .depth_lst { padding:0; left:0; right:0; }
 .lnb-wrap .depth_lst li a { padding:10px 0 10px 25px; }
.lnb-wrap .depth_lst li a::before { top:16px; }
 .lnb-wrap > div > ul > li { display:none }
 .lnb-wrap > div > ul > li:last-child { display:block }
 .lnb-wrap ul { float:none; width:100% }
 .lnb-wrap > div > ul > li { padding-right:0; border-right:0; float:none }
 .lnb-wrap div ul#snavi > li { width:100%; max-width:inherit; }
.lnb-wrap div ul#snavi > li:nth-child(2) { border-radius:0; }
/*.lnb-wrap div ul#snavi > li:last-child { border-radius:0 0 20px 0; } */
 .lnb-wrap .th1, .lnb-wrap .th2, .lnb-wrap .th3 { width:90.5%; }
 }

@media all and (max-width:640px) {
.lnb-wrap .th1, .lnb-wrap .th2, .lnb-wrap .th3 { width:87.5%; }
 }

@media all and (max-width:400px) {
.lnb-wrap .th1, .lnb-wrap .th2, .lnb-wrap .th3 { width:85.5%; }
 }

/*Sub Title*/
.contents__title { padding: 70px 0 0 0; }
.contents__title .contents_tit_wrap { position:relative; padding-bottom:20px; margin-bottom:80px; max-width:1400px; background-image: url(../images/common/box-tit-bg.png); background-repeat: repeat-x; background-position:0 100%; }
.contents__title .contents_tit_wrap h3 { text-align: left; font-size: 40px; font-weight: 600; color: #222; }

.sub-tab-wrapper { position:relative; height:60px; margin-bottom:60px; }

/*.sub-tab-style { height:60px; border-bottom:1px solid #d9d9d9 }
.sub-tab-style ul { display:flex; }
.sub-tab-style ul li { position: relative; height:60px; }
.sub-tab-style ul li a { display:block; font-size: 21px; font-weight: 500; line-height: 60px; padding:0 50px; position: relative; cursor: pointer; color:#777; }
.sub-tab-style ul li a:hover { color: #ff7611; }
.sub-tab-style ul li.selected a { color: #ff7611; }
.sub-tab-style ul li:before { width: 0; height: 6px; background: #ff7611; position: absolute; left: 0; bottom: 0; content: ''; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s }
.sub-tab-style ul li.selected:before { width:100%; z-index:-1; } */

.sub-tab-style { height:60px; }
.sub-tab-style ul { display:flex; background: #00000010; align-items:center; justify-content: center; }
.sub-tab-style ul li { position: relative; height:60px; z-index:1; }
.sub-tab-style ul li a { display:block; font-size: 21px; font-weight: 500; line-height: 60px; padding:0 50px; position: relative; cursor: pointer; color:#777; }
.sub-tab-style ul li a:hover { color: #ff7611; }
.sub-tab-style ul li.selected a { color: #fff; background:#4e4e4e; }
/*.sub-tab-style ul li.selected a::after { content:""; width:100%; height: 10px; background:#4e4e4e; position:absolute; left:0; top: -10px; } */
.sub-tab-style ul li:before { width: 0; height: 5px; background: #ff7611; position: absolute; left: 0; bottom: 0; content: ''; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; }
.sub-tab-style ul li.selected:before { width:100%; z-index:5; }

.sub-tab ul.col3 li { width: 33.33%; }
.sub-tab ul.col4 li { width: 25%; }

@media all and (max-width:1024px) {
.contents__title .contents_tit_wrap h3 { font-size: 30px; }
.sub-tab-wrapper { margin-bottom:40px; }
.sub-tab-style ul li a { font-size:1.15rem; padding:0 30px; }
 }

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

.sub-tab-style { height:50px; }
.sub-tab-style ul li { width:calc(100% / 4) }
.sub-tab-style ul li a { font-size: 1rem; padding:0; text-align:center; }
 }

@media all and (max-width:640px) {
.sub-tab-wrapper { height:auto; }
.sub-tab-style { height:auto; }
.sub-tab-style ul { display:block; }
.sub-tab-style ul li { height:auto; width:100% }
.sub-tab-style ul li:before { height:3px; }
.sub-tab-style ul li a { font-size: 1rem; padding:0; text-align:center; }
.contents__title .contents_tit_wrap { margin-bottom:50px; }
.contents__title .contents_tit_wrap h3 { font-size: 26px; }
 }

@media all and (max-width:480px) {
.contents__title .contents_tit_wrap h3 { text-align: center; }
 }



/* footer */
.footer { background: #2b2b2b; text-align: left; position: relative; }

.footer-list-wrap { background: #fff; border-top: 1px solid #ebe9e6; padding: 20px 0; }
.footer-list-wrap .footer_inner > .footer-list-nav { margin:0 30%; }
.footer-list-wrap .footer_inner > .footer-list-nav ul { display: flex; align-items: center; justify-content: space-between; }
.footer-list-wrap .footer_inner > .footer-list-nav ul li { font-size:17px; font-weight:500; position: relative; }
.footer-list-wrap .footer_inner > .footer-list-nav ul li a { display:block; width:100%; height:100%; color:#2b2b2b; }
/*.footer-list-wrap .footer_inner > .footer-list-nav ul li:after { position: absolute; top: 40%; right:-50%; height:5px; width:5px; background: #959595; border-radius: 5px; content:""; transform: translateX(50%); }
.footer-list-wrap .footer_inner > .footer-list-nav ul li:last-child:after { display:none; } */

@media all and (max-width:1300px) {
.footer-list-wrap .footer_inner > .footer-list-nav { margin:0 27%; }
 }

@media all and (max-width:1100px) {
.footer-list-wrap .footer_inner > .footer-list-nav { margin:0 25%; }
 }

/*@media all and (max-width:1000px) {
.footer-list-wrap .footer_inner > .footer-list-nav ul li:after { display:none; }
 } */

@media all and (max-width:900px) {
.footer-list-wrap .footer_inner > .footer-list-nav { margin:0 10%; }
 }

@media all and (max-width:640px) {
.footer-list-wrap .footer_inner > .footer-list-nav ul li { font-size:16px; }
 }

@media all and (max-width:500px) {
.footer-list-wrap .footer_inner > .footer-list-nav { margin:0 10px; }
.footer-list-wrap .footer_inner > .footer-list-nav ul li { font-size:14px; text-align:center; line-height:20px; }
 }

.footer_group { max-width:1600px; margin:0 auto; padding:42px 0; position: relative; color:#fff; }
.footer_group .footer_cts { display:flex; align-items: center; }
.footer_group .footer_cts .f_logo { width:196px; height:32px; background:url(../images/common/footer_logo.png) no-repeat 0 0; /*margin-left:10%; */ }
.footer_group .footer_cts .f_logo h1 { height:32px; }
.footer_group .footer_cts .f_logo a { display:block; width:100%; height:32px; }
.footer_group .footer_cts .f_logo span { font-size:0; line-height:0; }
.footer_group .footer_cts .f_txt { text-align:center; font-size:16px; color:#cac9c9; line-height:23px; margin-left:10%; }
.footer_group .footer_cts .f_txt .tel_list { display:flex; align-items: center; justify-content: space-between; }
.footer_group .footer_cts .f_txt .tel_list li { margin-right:20px; }
.footer_group .footer_cts .f_txt .tel_list li:last-child { margin-right:0; }
.footer_group .footer_cts .f_txt .tel_list li a { color:#cac9c9; }
.footer_group .footer_cts .f_txt .copy { margin-top:30px; }
.footer_group .footer_cts .f_btn { margin-left:auto; width:160px; border:1px solid #ffffff95; }
.footer_group .footer_cts .f_btn a { display:block; width:100%; padding:10px 0; text-align:center; color:#fff; }
.footer_group .footer_cts .f_btn a:hover { background:#ffffff20; }

@media all and (max-width:1440px) {
.footer_group { padding:42px 20px; }
 }

@media all and (max-width:1350px) {
.footer_group .footer_cts .f_txt { margin-left:5%; }
 }

@media all and (max-width:1300px) {
.footer_group .footer_cts .f_txt { margin-left:2%; }
 }

@media all and (max-width:1240px) {
.footer_group .footer_cts { flex-direction: column; text-align: center; }
.footer_group .footer_cts .f_txt { margin-top:33px; margin-left:0; }
.footer_group .footer_cts .f_txt .tel_list { margin-top:15px; flex-direction: column; text-align: center; }
.footer_group .footer_cts .f_txt .tel_list li { margin-right:0; margin-top:7px; }
.footer_group .footer_cts .f_btn { margin:33px auto 0; }
 }

@media all and (max-width:500px) {
.footer_group .footer_cts .f_txt { font-size:15px; }
 }

/* 메인 팝업 */
.popup { max-width: calc(100% - 30px); min-width: 290px; position: absolute; top: 163px; left: 100px; z-index: 99998; box-shadow: 10px 10px 10px rgb(0, 0, 0, 20%); }
.popup .popup__content { margin: 0 auto; position: relative; background: #fff; }

.popup .popup__footer { height: 40px; background: #000; }
.popup .popup__footer a { color: #e3e3e3; font-size: 14px; font-weight: 300; display: block; }

.popup .close1day { float: left; line-height: 40px; margin-left: 44px; position: relative; }
.popup .close1day::before { content: ""; width: 18px; height: 16px; position: absolute; top:50%; left: -16px; transform:translate(-50%, -50%); background: url(../images/contents/popupcheckbox-check.png) center no-repeat; background-size: 100%; }
.popup .close { float: right; text-align: center; line-height: 30px; margin: 5px; width: 80px; height: 30px; vertical-align: baseline; background: #666 url(../images/contents/popup-del.png) center left 10px no-repeat; }
.popup .close span { margin-left: 20px; }


/* 텍스트 타이틀 */
.popup .text_popup { padding: 0; }

.popup .text_popup .popup__content-header .title,
.popup .text_popup .popup__content-wrap .title { text-align:center; font-weight: 600; color: #222; font-size: 30px; line-height: 1.3; padding: 30px 10px 20px; border-top: 2px solid #050505; border-bottom: 1px solid #ccc; position: relative; }

.popup .text_popup .popup__content-header .title::after,
.popup .text_popup .popup__content-wrap .title::after { content: "NOTICE"; font-size: 14px; color: #fff; display:inline-block; background-color:#000; border-radius:25px; height: 34px; line-height:34px; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); padding:0 40px; letter-spacing: 1px; }

.popup .text_popup .popup__content-wrap .text { max-height: 650px; overflow-y: auto; line-height: 1.4; background-color: #f5f5f5; padding:20px; }

.popup .text_popup .popup__content-wrap { padding:5px 5px; }


@media(max-width:768px) {
.popup .text_popup .popup__content-header .title,
.popup .text_popup .popup__content-wrap .title { font-size: 20px; padding: 30px 10px 20px; }

.popup .text_popup .popup__content-header .title::after,
.popup .text_popup .popup__content-wrap .title::after { content: "NOTICE"; font-size: 12px; height: 28px; line-height:28px; padding:0 30px; }

.popup .text_popup .popup__content-wrap .text { max-height: 300px; padding:20px; }
.popup .text_popup .popup__content-wrap { padding:20px 20px; }
 }
@media(max-width:600px) {
.popup { position:absolute; top: 89px !important; left: 50% !important; width: 90vw !important; transform: translateX(-50%); }
 }


.itemBoxHighlight {
 background-color:#f4f4f4;
 }
.type1_info1 tr { cursor: pointer; }
.type1_info1 .infochk { vertical-align: baseline; border: 1px solid #f4f4f4; display: inline-block !important; }

/* 8번째 탭 */
.tab-list .nth-8 {
justify-content: unset;
overflow-x: auto;
 white-space: nowrap;
 }

/* 정보공개 - 경영공시 */

.sub-tab-ex {
margin-bottom: 120px;
 }
.sub-tab-ex .tab-list .nth-8 {
display: grid;
 grid-template-columns: repeat(auto-fit, minmax(20%, 1fr)); /* 최소 150px, 최대 균등 분배 */
 text-align: center;
 }
.sub-tab-ex .tab-list .nth-8 li {
border: 1px solid rgb(221, 221, 221, .6);
 }
.sub-tab-ex .tab-list .nth-8 li:before {
bottom: -2px;
height: 6px;
 }
.sub-tab-ex .tab-list .nth-8 li a {
font-size: 17px;
 padding: 0 20px;
 }
.sub-tab-ex .tab-list .nth-8 li a span {
line-height: 25px;
display: inline-block;
white-space: wrap;
 }
.sub-tab-ex .tab-list .nth-8 {
overflow: unset;
 }
@media (max-width: 1280px) {
.sub-tab-ex .tab-list .nth-8 li a {
font-size: 15px;
padding: 0 15px;
 }
 }
@media (max-width: 1024px) {
.sub-tab-ex {
margin-bottom: 220px;
 }
.sub-tab-ex .tab-list .nth-8 {
grid-template-columns: repeat(auto-fit, minmax(30%, 1fr)); /* 최소 150px, 최대 균등 분배 */
 }
 }
@media (max-width: 768px) {
.sub-tab-ex {
margin-bottom: 280px;
 }
.sub-tab-ex .tab-list .nth-8 {
grid-template-columns: repeat(auto-fit, minmax(50%, 1fr)); /* 최소 150px, 최대 균등 분배 */
 }
.sub-tab-ex .tab-list .nth-8 li {
width: 100%;
 }
 }
@media (max-width: 640px) {
.sub-tab-ex {
margin-bottom: 50px;
 }
 }
@media (max-width: 480px) {
.sub-tab-ex {
margin-bottom: 50px;
 }
.sub-tab-ex .tab-list .nth-8 {
grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); /* 최소 150px, 최대 균등 분배 */
 }
 }