@charset "utf-8";

/* 공통 css */
ul,ol{list-style:none}
body{font-size:16px; line-height:1; color:#333}

/*********************************************************************
	탑배너. html > page > top_banner.php
*********************************************************************/
.sub_text{margin:0; padding:58px 0 54px}
@media (max-width:991px){
	.sub_text.ca_it_mb{padding:0}
}
@media (max-width:768px){
	.sub_text{padding:50px 0 30px;}
}


/* 공유하기 버튼 변경_pc 동일하게 변경 */
.share_popup_wrap{display:none; position:fixed; top:50%; left:50%; z-index:102; margin-left:-172px; transform: translateY(-50.3%);}
.share_popup_wrap .it_share_popup{position:relative; min-width:345px; padding:15px 15px 30px; border:1px solid #959595; background-color:#fff}
.it_share_popup .share_title{margin-bottom:25px}
.it_share_popup .share_title .title{font-size:15px; color:#222}
.it_share_popup .share_content .share_ul{text-align:center}
.it_share_popup .share_ul > li{display:inline-block; padding:0 6px}
.it_share_popup .share_ul > li > a{display:inline-block; overflow:hidden; border-radius:50%}
.it_share_popup .share_ul > li > a img{}
.it_share_popup .btn_close{display:block; position:absolute; top:10px; right:15px; padding:5px; cursor:pointer}
.it_share_popup .input_url{border:none; width:1px; height:1px; position:absolute; top:0; left:0; background:transparent; }
.dim_layer{display:none; position:fixed; top:0; left:0; z-index:101; width:100%; height:100%; background-color:rgba(0,0,0,0.2)}

@media (max-width:768px){
	.share_popup_wrap{position:fixed; width:290px; margin-left:-145px}
	.share_popup_wrap .it_share_popup{min-width:100%; padding:15px 15px 24px}
	.it_share_popup .share_title .title{font-size:13px}
	.it_share_popup .share_ul > li{padding:0 5px}
	.it_share_popup .share_ul > li > a{width:45px}
	.it_share_popup .share_ul > li > a img{display:inline-block; width:100%}
	.it_share_popup .btn_close{right:13px}
	.it_share_popup .btn_close img{width:12px}
}

/* lnb */
.at_lnb > div > div.right_lnb > ul{display:flex; align-items:center;}
.lang_top{display:flex; align-items:center; cursor:pointer;}
.lang_top span{color:#fff; font-size:14px; display:block; margin:0 13px 0 4px;}
.lang_bot{display:none; position:absolute; top:calc(100% + 5px); left:50%; transform:translateX(-50%); }
.lang_bot ul{width:80px; border-radius:3px; background:#fff; padding:17px 15px; font-size:14px; box-shadow:3px 3px 14px rgba(0,0,0,0.08); -webkit-box-shadow:3px 3px 14px rgba(0,0,0,0.08); text-align:center;}
.lang_bot li + li{margin-top:13px;}
.lang_bot a{color:#666; display:block; line-height:normal;}
.lang_bot a:hover{color:#3c58cf;}

/* 헤더 */
.at-menu{border:0; position:absolute; top:0; left:0;}
.at-menu .pc-menu .nav-height,.pc-menu, .pc-menu .nav-full-back, .pc-menu .nav-full-height{height:auto !important; line-height:normal !important;}
.at-menu .pc-menu .nav-top{position:static; display:flex; justify-content:space-between; padding:0;}
.pc-menu .nav-top.nav-both .menu-ul{width:auto;}
.at-menu .pc-menu .nav-visible > .container_fix{position:static;}
/* .at-menu .pc-menu .nav-top.nav-both .menu-li:first-of-type a{padding-left:0 !important;}
.at-menu .pc-menu .nav-top.nav-both .menu-li:last-of-type a{padding-right:0 !important;} */
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a{font-size:20px; font-weight:500; color:#fff; padding:0 30px; position:relative; z-index:2;  line-height:1 !important; padding-bottom:35px !important;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a > span{position:relative;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:hover > a > span:after{content:''; display:block; top:57px; width:100%; left:0; height:3px; background:#3c58cf !important; position:absolute; pointer-events:none;}
.at-menu .pc-menu .nav-top .menu_right{display:flex; align-items:flex-start;}
.at-menu .pc-menu .nav-top .menu_right .h_right_box{display:flex; align-items:center; width: 25%; justify-content: end;}
.at-menu .pc-menu .nav-top .menu_right .h_right_box .search_box input[type=text]{border:0; background:#fff; height:27px; color:#222; font-size:16px; padding-bottom:8px; border-bottom:2px solid #222222; width:150px; margin-right:6px; visibility:hidden;}
/* .at-menu .pc-menu.on .nav-top .menu_right .h_right_box .search_box input[type=text]{visibility:visible;} */
.at-menu .pc-menu .nav-top .menu_right .h_right_box .search_box input[type=text]::placeholder{color:#999999;}
.at-menu .pc-menu .nav-top .menu_right .h_right_box .search_box button{background:none; border:0; box-shadow:none;}
.at-menu .pc-menu .nav-top .menu_right .h_right_box .pc_ham{margin-left:24px; cursor:pointer;}
.at-menu .pc-menu.on{background:#fff;}
.at-menu .pc-menu.on .nav-top.nav-both .menu-ul .menu-li > a{color:#222; font-weight: 600;}
.at-menu .pc-menu.on .at_lnb > div > div > ul > li > a,
.at-menu .pc-menu.on .lang_top span{color:#666666;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div{top:100%; left:0; width:100%; transform:none; background:#fff; border-color:#e1e1e1; border-left:0; border-right:0;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div .sub-1div_box{max-width:1310px; width:100%; padding:0px 15px; margin:0 auto; display:flex;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div .sub-1div_box .sub-1div_tit{font-family:'pretendard', sans-serif; font-size:25px; padding-top:60px; width:178px; margin-right:7%; border-right:1px solid #e1e1e1; text-align:left;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div .sub-1div_box .sub-1dul{padding:83px 0;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div .sub-1div_box .sub-1dul > li{float:left; width:220px; text-align:left;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div .sub-1div_box .sub-1dul > li:nth-of-type(3n+1){clear:both;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da{padding:5px 0; font-size:16px; line-height:normal; color:#222222; background:none !important; border:0 !important;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div{display:none;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:hover > .sub-1div{display:block;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-2div{display:none;}

@media (max-width:991px){
	.m_header{position:absolute; top:0; left:0; width:100%; z-index:9; padding:22px 0;}
	/* .m_header.on{background:#fff;} */
	.m_header .container_fix{display:flex; align-items:center; justify-content:space-between;}
	.m_header .container_fix img{height:20px;}
}

/* 메인컬러 지정 */
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div .sub-1div_box .sub-1div_tit,
.at-menu .pc-menu.on .nav-top.nav-both .menu-ul .menu-li:hover > a,
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da:hover{color:#530003;}

/* 푸터 */
.fix_footer{margin-top:100px;}
.fix_footer.no_margin{margin-top:0;}
.ft_right{float:right; display:flex; align-items:center;}
.ft_right .f_sns{display:flex; align-items:center;}
.ft_right .f_sns li + li{margin-left:20px;}
.ft_right .f_family{margin-left:40px;}
.ft_right .f_family select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../img/family_arrow.png) no-repeat 90% 50%; color:#999999; font-size:14px; height:41px; width:220px; border:1px solid #626262; padding-left:20px;}
.ft_right .f_family select::-ms-expand { display: none; }

@media (max-width:991px){
	.fix_footer{margin-top:50px;}
	.ft_right{float:none; margin-top:35px; justify-content:space-between;}
	.ft_right .f_family select{font-size:12px; width:185px; height:35px; padding-bottom:1px; background: url(../img/mfamily_arrow.png) no-repeat calc(100% - 20px) 50% /12px; }
	.ft_right .f_sns img{height:21px;}

}

/******* 수정 *******/
/* 헤더 */
.at_lnb {padding: 30px 0 14px;}
.logo {transform: translateY(-15px);}
.at-menu .pc-menu .nav-top .menu_right {justify-content: space-between; width: 70%;}
.at-menu .pc-menu.on .nav-top.nav-both .menu-ul .menu-li:hover > a {border-bottom: 3px solid #530003;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da{color: #999999;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div .sub-1div_box {max-width: none; margin: 0;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div .sub-1div_box .sub-1div_tit {color: #222222; font-weight: 700; background: url(/img/mc01_drop.png) no-repeat right 58px #f9f8f7; word-break: keep-all; width: 33%; margin-right: 82px; padding-right: 100px; text-align: right;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div .sub-1div_box .sub-1dul{display: flex; gap: 5%; width:100%}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div .sub-1div_box .sub-1dul > li {width: auto;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da {font-size: 16px; font-weight: 400;}
.at-menu .pc-menu .nav-top .menu_right .h_right_box .search_box .header_search {position: absolute; top:140px; left: 0; border-top: 1px solid #e1e1e1; width: 100%; background-color: #fff; display: flex; justify-content: center; align-items: center; height: 140px; display: flex; visibility: hidden;}
.at-menu .pc-menu .nav-top .menu_right .h_right_box .search_box input[type=text] {width: 600px; padding: 30px 20px;}
.at-menu .pc-menu .nav-top .menu_right .h_right_box .search_icon {cursor: pointer;}
.at-menu .pc-menu.on .nav-top.nav-both .menu-ul .menu-li:hover > a,
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da:hover{color: #530003; font-weight: 600;}

@media (max-width: 1400px) {
	.at-menu .pc-menu .nav-top .menu_right .h_right_box{width: auto; margin-left: 10px;}
}

@media (max-width: 991px) {
    .m_header .h_right_box .search_box .header_search {position: absolute; top:-15px; left: 0; width: 100%; background-color: #fff; display: flex; justify-content: center; align-items: end; height: 160px; display: flex; padding-bottom: 40px; visibility: hidden;}
	.m_header .h_right_box .search_box .header_search .close_btn {position: absolute; top: 22px; right: 15px;}
	.m_header .h_right_box .search_box .header_search input[type=text] {border: none; outline: none; border-bottom: 2px #222222 solid; width: 80%; padding: 15px 12px;}
	.m_header .h_right_box .search_box .header_search button {border: none; position: absolute; right: 12%; transform: translateY(-15px); background-color: transparent;}
	.m_header .h_right_box .search_box .header_search img {background-color: transparent; height: 18px;}
	.m_header .h_right_box .header_btn {display: flex; gap: 14px;}
}
@media (max-width: 768px) {
    .m_header .h_right_box .search_box .header_search {position: absolute; top:-15px; left: 0; width: 100%; background-color: #fff; display: flex; justify-content: center; align-items: end; height: 160px; display: flex; padding-bottom: 40px; visibility: hidden;}
	.m_header .h_right_box .search_box .header_search .close_btn {position: absolute; top: 22px; right: 15px;}
	.m_header .h_right_box .search_box .header_search input[type=text] {border: none; outline: none; border-bottom: 2px #222222 solid; width: 80%; padding: 15px 12px;}
	.m_header .h_right_box .search_box .header_search button {border: none; position: absolute; right: 12%; transform: translateY(-15px); background-color: transparent;}
	.m_header .h_right_box .search_box .header_search img {background-color: transparent; height: 18px;}
	.m_header .h_right_box .header_btn {display: flex; gap: 14px;}
}

/* 푸터 */
.ft_right .f_sns {align-items: flex-end;}
.ft_right .f_sns li:first-child {transform: translateY(-1px);}
.ft_right .f_family {margin-bottom: 22px;}

@media (max-width: 991px) {
    .ft_right .f_family  {margin: 24px 0 0;}
}

/* LSY  2024-11-28*/
.at-menu .pc-menu .nav-top .menu_right {width: 79%;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div {top: calc(100% - 1px);}