@charset "utf-8";

/* 공통 css */
html, body{overflow-x:hidden !important;}
ul,ol{list-style:none}
body{font-size:16px; line-height:1; color:#333}
.container_fix{width:1570px;}
.container_img img{display:block;}
.at-wrapper{padding-top:90px;}
@media (min-width:1950px){
	.container_img img{width:100%; margin:0 auto;}
}
@media (max-width::1850px){
	.container_img img{width:100%; margin:0 auto;}
}
@media (max-width:768px){
	.at-wrapper{padding-top:70px;}
}
@media (max-width:480px){
	.at-wrapper{padding-top:61px;}
}

/*********************************************************************
	탑배너. 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;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
메인 헤더 html > thema > fivesense-basic > shop.head.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
header.header{display:block; position:fixed; background:#fff; left:0; top:0; width:100%; z-index:99999; transition:all 0.5s;}
header.header.menu_up{top:0;}
header.header .header_wrap{}
header.header .header_wrap > .container_fix{width:1850px; display:table;}
header.header .header_wrap > .container_fix > div{display:table-cell; vertical-align:middle;}
header.header .header_wrap > .container_fix > div.left_logo{width:125px;}
header.header .header_wrap > .container_fix > div.center_menu{text-align:center;}
header.header .header_wrap > .container_fix > div.center_menu > ul{}
header.header .header_wrap > .container_fix > div.center_menu > ul > li{display:inline-block; vertical-align:top; position:relative; }
header.header .header_wrap > .container_fix > div.center_menu > ul > li > a{font-size:18px; color:#222222; font-weight:500; line-height:90px; display:block; padding:0 40px;}
header.header .header_wrap > .container_fix > div.center_menu > ul > li > a span{position:relative;}
header.header .header_wrap > .container_fix > div.center_menu > ul > li > a span::after{content:""; width:0; height:2px; background:#11459d; position:absolute; left:0; bottom:0;
transition:all 0.3s ease-out; left:50%; transform:translateX(-50%); bottom:-32px;}
header.header .header_wrap > .container_fix > div.center_menu > ul > li:hover > a{color:#11459d; font-weight:600;}
header.header .header_wrap > .container_fix > div.center_menu > ul > li:hover > a span::after{width:100%;}
header.header .header_wrap > .container_fix > div.center_menu > ul > li .menu_sub1_div{position:fixed; top:90px; left:0; z-index:11; width:100%; background:#ececec; text-align:center;
opacity:0; visibility:hidden; transition:all 0.3s ease-out; transform-origin: top; height:0;}
header.header .header_wrap > .container_fix > div.center_menu > ul > li:hover .menu_sub1_div{opacity:1; visibility:visible; height:70px;}
header.header .header_wrap > .container_fix > div.center_menu > ul > li .menu_sub1_div > ul{}
header.header .header_wrap > .container_fix > div.center_menu > ul > li .menu_sub1_div > ul > li{display:inline-block;}
header.header .header_wrap > .container_fix > div.center_menu > ul > li .menu_sub1_div > ul > li > a{font-size:16px; color:#222222; line-height:70px; display:block; margin:0 33px;}
header.header .header_wrap > .container_fix > div.center_menu > ul > li .menu_sub1_div > ul > li:hover > a{font-weight:500; color:#11459d;}
header.header .header_wrap > .container_fix > div.right_btn{width:1px; white-space:nowrap; text-align:right;}
header.header .header_wrap > .container_fix > div.right_btn ul.lnb{display:inline-block; vertical-align:middle;}
header.header .header_wrap > .container_fix > div.right_btn ul.lnb > li{display:inline-block;}
header.header .header_wrap > .container_fix > div.right_btn ul.lnb > li > a{display:block; font-size:14px; color:#666; margin-right:25px; position:relative;}
header.header .header_wrap > .container_fix > div.right_btn ul.lnb > li:last-child > a{margin-right:0;}
header.header .header_wrap > .container_fix > div.right_btn ul.lnb > li > a::after{content:""; width:1px; height:12px; background:#999; position:absolute; right:-16px; margin-top:2px;}
header.header .header_wrap > .container_fix > div.right_btn ul.lnb > li:last-child > a::after{display:none;}
header.header .header_wrap > .container_fix > div.right_btn div.header-language{position: relative; margin-left: 25px;display:inline-block; vertical-align:middle;}
header.header .header_wrap > .container_fix > div.right_btn div.header-language p{color: #666; font-size: 16px; color: #666; font-family: "Noto Sans KR"; font-weight: 400; cursor: pointer; padding-right: 15px;}
header.header .header_wrap > .container_fix > div.right_btn div.header-language ul{position: absolute; left: -4px; top: calc(100% + 15px); background-color: white; border-radius: 6px; width: calc(100% + 4px); padding: 10px 0; display: none; box-shadow: 0px 0px 5px #bbb;}
header.header .header_wrap > .container_fix > div.right_btn div.header-language ul.on{display: block;}
header.header .header_wrap > .container_fix > div.right_btn div.header-language p::after {content: "▼";position: absolute;right: 0px;top: 50%;transform: translateY(-50%);font-size: 10px;color: #666;pointer-events: none; /* 클릭 방지 */}
header.header .header_wrap > .container_fix > div.right_btn div.header-language li a{color: #666; font-size: 14px; text-align: center; display: block; padding: 7px 0; font-family: "Noto Sans KR";}
header.header .header_wrap > .container_fix > div.right_btn div.header-language li.active a{color: #222; font-weight: 700; }
header.header .header_wrap > .container_fix > div.right_btn a.all_menu_btn{display:inline-block; margin-left:30px; width:28px; vertical-align:middle; z-index:30; position:relative;}
header.header .header_wrap > .container_fix > div.right_btn a.all_menu_btn > span{display:block; width:28px; height:2px; margin-bottom:8px; background:#222; transition:all 0.5s ease;}
header.header .header_wrap > .container_fix > div.right_btn a.all_menu_btn > span:nth-child(2){width:22px; margin-left:auto}
header.header .header_wrap > .container_fix > div.right_btn a.all_menu_btn > span:nth-child(3){margin-bottom:0;}
header.header .header_wrap > .container_fix > div.right_btn a.all_menu_btn.active > span:nth-child(1){transform:translateY(9px) rotate(-45deg);}
header.header .header_wrap > .container_fix > div.right_btn a.all_menu_btn.active > span:nth-child(2){opacity:0;}
header.header .header_wrap > .container_fix > div.right_btn a.all_menu_btn.active > span:nth-child(3){transform:translateY(-11px) rotate(45deg);}
header.header .all_menu_box{position:fixed; top:0; left:0; background:#ececec url('/img/all_menu_bg.png') no-repeat calc(100% + 10px) 90px; width:100%; display:none;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/*익스전용CSS*/
	header.header .all_menu_box{background:#ececec url('/img/all_menu_bg.png') no-repeat 100% 90px; }
}
header.header .all_menu_box .mobile_lnb{display:none;}
header.header .all_menu_box .all_menu_body{padding:100px 0 120px; width:1850px; max-width:100%; margin:0 auto; }
header.header .all_menu_box .all_menu_body .container_fix{width:100%;}
header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul{text-align:center;}
header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li{display:inline-block; vertical-align:top; margin:0 65px;}
header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li > a{font-size:22px; color:#11459d; font-weight:600; display:block; margin-bottom:45px;}
header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li > .menu_sub1_div{}
header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li > .menu_sub1_div > ul{}
header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li > .menu_sub1_div > ul > li{margin-bottom:25px;}
header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li > .menu_sub1_div > ul > li:last-child{margin-bottom:0;}
header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li > .menu_sub1_div > ul > li > a{font-size:16px; color:#666666;}
header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li > .menu_sub1_div > ul > li:hover > a{color:#174071;}
@media (min-width:1950px){
	header.header .all_menu_box{background:#ececec url('/img/all_menu_bg.png') no-repeat 80% 90px;}
}

@media (max-width:1600px){
	header.header .header_wrap > .container_fix > div.left_logo{width:100px;}
	header.header .header_wrap > .container_fix > div.left_logo img{width:100%;}
	header.header .header_wrap > .container_fix > div.center_menu > ul > li > a{font-size:14px; padding:0 15px; line-height:91px;}
	header.header .header_wrap > .container_fix > div.center_menu > ul > li .menu_sub1_div > ul > li > a{font-size:14px; margin:0 15px;}
	header.header .header_wrap > .container_fix > div.right_btn ul.lnb > li > a{margin-right:15px;}
	header.header .header_wrap > .container_fix > div.right_btn ul.lnb > li > a::after{right:-9px;}
	header.header .header_wrap > .container_fix > div.right_btn a.all_menu_btn{margin-left:15px;}
}

@media (max-width:1100px){
	header.header .header_wrap > .container_fix > div.left_logo{width:90px;}
	header.header .header_wrap > .container_fix > div.center_menu > ul > li > a{font-size:13px; padding:0 10px; line-height:91px;}
	header.header .header_wrap > .container_fix > div.center_menu > ul > li .menu_sub1_div > ul > li > a{font-size:13px; margin:0 10px;}
	header.header .header_wrap > .container_fix > div.right_btn ul.lnb > li > a{margin-right:10px;}
	header.header .header_wrap > .container_fix > div.right_btn ul.lnb > li > a::after{right:-7px;}
	header.header .header_wrap > .container_fix > div.right_btn a.all_menu_btn{margin-left:10px;}
}

@media (max-width:991px){
	header.header{padding:28px 0;}
	header.header.menu_up{top:-90px;}
	header.header .header_wrap > .container_fix{display:flex; justify-content:space-between;}
	header.header .header_wrap > .container_fix > div{display:block;}
	header.header .header_wrap > .container_fix > div.left_logo{width:auto;}
	header.header .header_wrap > .container_fix > div.left_logo a{z-index:30; position:relative;}
	header.header .header_wrap > .container_fix > div.left_logo img {width:auto; height:35px;}
	header.header .header_wrap > .container_fix > div.center_menu{display:none;}
	header.header .header_wrap > .container_fix > div.right_btn{width:28px;}
	header.header .header_wrap > .container_fix > div.right_btn ul.lnb{display:none}
	header.header .header_wrap > .container_fix > div.right_btn a.all_menu_btn{margin-left:0; margin-top:7px;}

	header.header .all_menu_box{background:#ececec url('/img/all_menu_bg.png') no-repeat left bottom; background-position:-12vh 51vh; overflow-y:auto;}
	header.header .all_menu_box .mobile_lnb{display:block;}
	header.header .all_menu_box .mobile_lnb ul{text-align:right; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:15px 0;}
	header.header .all_menu_box .mobile_lnb ul > li{display:inline-block; margin-left:15px; position:relative;}
	header.header .all_menu_box .mobile_lnb ul > li::before{content:""; width:1px; height:12px; background:#999; position:absolute; left:-9px; top:1px;}
	header.header .all_menu_box .mobile_lnb ul > li:first-child::before{display:none;}

	header.header .all_menu_box .mobile_lnb ul > li > a{font-size:14px; color:#666; }
	header.header .all_menu_box .mobile_lnb ul > li > a{}
	header.header .all_menu_box .mobile_lnb ul > li.active {font-weight: bold;}
	header.header .all_menu_box .all_menu_body{padding:90px 0 0; height:100vh;}
	header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul{text-align:right;}
	header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li{display:block; margin:0 0px; padding:20px 0; border-bottom:1px solid #e5e5e5;}
	header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li:last-child{/* border-bottom:0; */}
	header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li > a{font-size:22px; color:#11459d; font-weight:600; display:block; margin-bottom:0;}
	header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li > .menu_sub1_div{display:none; margin-top:30px;}
	header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li > .menu_sub1_div > ul > li{margin-bottom:15px;}
	header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li > .menu_sub1_div > ul > li > a{font-size:14px;}
}

@media (max-width:768px){
	header.header{padding:9px 0;}
	header.header.menu_up{top:-70px;}
	header.header .all_menu_box .all_menu_body{padding:70px 0 0;}
}
@media (max-width:480px){
	header.header{padding:9px 0;}
	header.header.menu_up{top:-61px;}
	header.header .all_menu_box .all_menu_body{padding:61px 0 0;}
	header.header .header_wrap > .container_fix > div.left_logo img{width:auto; height:31px; position:relative; top:3px;}
	header.header .all_menu_box{background-position:-32vh 41vh;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
메인 푸터 html > thema > fivesense-basic > shop.tail.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
footer.footer{background:#2b2b2b; padding:50px 0; position:relative; margin-top:100px;}
footer.footer.no_margin{margin-top:0;}
footer.footer .link{margin-bottom:20px;}
footer.footer .link ul{margin-left:205px;}
footer.footer .link ul > li{display:inline-block; position:relative; margin-right:18px;}
footer.footer .link ul > li:last-child{margin-right:0;}
footer.footer .link ul > li::after{content:""; width:1px; height:15px; background:#cccccc; position:absolute; right:-12px; top:1px;}
footer.footer .link ul > li:last-child::after{display:none;}
footer.footer .link ul > li > a{font-size:16px; color:#cccccc;}
footer.footer .info{}
footer.footer .info .container_fix{display:flex;}
footer.footer .info .container_fix .left_logo{width:205px; margin-top:-10px;}
footer.footer .info .container_fix .right_info{width:calc(100% - 205px);}
footer.footer .info ul{padding-top:0;}
footer.footer .info ul > li{display:inline-block; position:relative; margin-right:18px;}
footer.footer .info ul > li:last-child{margin-right:0;}
footer.footer .info ul > li::after{content:""; width:1px; height:15px; background:#cccccc; position:absolute; right:-11px; top:6px;}
footer.footer .info ul > li:last-child::after{display:none;}
footer.footer .info ul > li, footer.footer .info h5{font-size:16px; color:#cccccc; line-height:26px;}
footer.footer .info h5{margin-top:10px;}
.at-go .go_btn{width:60px; height:60px; position:absolute; right:75px; bottom:auto; top:-30px; display:block !important;}
.at-go .go_btn a{width:60px; height:60px; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #d8d8d8; border-radius:50%;}
.at-go .go_btn a span{width:20px; height:12px; position:relative; margin:0; background:none; border-radius:0; line-height:normal !important; margin-top:-5px;}
.at-go .go_btn a span::before{content:""; width:2px; height:14px; background:#222222; position:absolute; left:5px; transform:rotate(42deg);}
.at-go .go_btn a span::after{content:""; width:2px; height:14px; background:#222222; position:absolute; right:4px; transform:rotate(-43deg);}
@media (max-width:1600px){
	footer.footer{margin-top:80px;}
	footer.footer .link ul{margin-left:155px;}
	footer.footer .link ul > li{margin-right:10px;}
	footer.footer .link ul > li::after{right:-7px; top:1px; height:12px;}
	footer.footer .link ul > li > a{font-size:14px; color:#cccccc;}
	footer.footer .info .container_fix .left_logo{width:155px;}
	footer.footer .info .container_fix .right_info{width:calc(100% - 155px);}
	footer.footer .info ul > li{margin-right:10px;}
	footer.footer .info ul > li::after{height:12px; right:-7px; top:6px;}
	footer.footer .info ul > li, footer.footer .info h5{font-size:14px; line-height:24px;}
}
@media (max-width:991px){
	footer.footer{margin-top:60px;}
	footer.footer .link{margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #4c4c4c;}
	footer.footer .link ul{margin-left:0; text-align:center;}
	footer.footer .link ul > li{margin-right:12px;}
	footer.footer .link ul > li::after{right:-8px; top:2px;}
	footer.footer .link ul > li:last-child::after{display:none;}
	footer.footer .link ul > li > a{font-size:16px; color:#cccccc;}
	footer.footer .info .container_fix{display:block;}
	footer.footer .info .container_fix .left_logo{width:100%; text-align:center; margin-bottom:30px;}
	footer.footer .info .container_fix .right_info{width:100%; text-align:center;}
	footer.footer .info ul{padding-top:0px;}
	footer.footer .info ul > li{ margin-right:12px;}
	footer.footer .info ul > li::after{right:-8px; top:7px;}
	footer.footer .info ul > li, footer.footer .info h5{font-size:16px; color:#cccccc; line-height:26px;}
	.at-go .go_btn{width:60px; height:60px; right:15px; bottom:15px;}
}
@media (max-width:720px){
	footer.footer .info ul > li:nth-child(2)::after, footer.footer .info ul > li:nth-child(3)::after{display:none;}
}
@media (max-width:480px){
	footer.footer{padding:0;}
	footer.footer .link{margin-bottom:0px; padding:15px 0;}
	footer.footer .link ul > li{margin-right:11px;}
	footer.footer .link ul > li::after{height:10px; right:-7px; top:5px;}
	footer.footer .link ul > li > a{font-size:13px; color:#cccccc; line-height:21px;}
	footer.footer .info{padding:30px 0;}
	footer.footer .info .container_fix .left_logo{margin-bottom:10px;}
	footer.footer .info .container_fix .left_logo img{width:60px;}
	footer.footer .info .container_fix .right_info{}
	footer.footer .info ul > li{margin-right:10px;}
	footer.footer .info ul > li::after{height:10px; right:-7px; top:7px;}
	footer.footer .info ul > li, footer.footer .info h5{font-size:13px; line-height:24px;}
	footer.footer .info h5{margin-top:10px;}
	.at-go .go_btn{width:40px; height:40px; }
	.at-go .go_btn a{width:40px; height:40px;}
	.at-go .go_btn a span{width:11px; height:6px; left:-1px;}
	.at-go .go_btn a span::before{ width:1px; height:8px; left:3px; }
	.at-go .go_btn a span::after{width:1px; height:8px; right:2px;}
}

/* 공통 */
@media (max-width:768px) {
	.at-wrapper {padding-top:50px;}
}

/* 메인 05 */
.mc05_media.ani .container_fix .no_touch {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.mc05_02.mc05_media.ani .container_fix .no_touch {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}

/* 메인 06 */
.index_cont06 {background:url('../img/cont06_bg.jpg') no-repeat 100% 100%; background-size:cover; height:300px;}
.index_cont06 .text {color:#fff; text-align:center; padding-top:70px;}
.index_cont06 .text .tt {font-size:28px; font-weight:700; padding-bottom:23px; letter-spacing:-0.03em;}
.index_cont06 .text .sub_tt {font-size:17px; padding-bottom:40px; letter-spacing:-0.02em;}
.index_cont06 .text .ask_more {color:#fff; font-size:17px; display:inline-block; width:150px; height:52px; border:1px solid #fff; line-height:48px; letter-spacing:-0.03em;}
.index_cont06 .text .ask_more:hover {color:#222; border:1px solid #fff; background:#fff;}

@media (max-width:991px) {
	.index_cont06 {background:url('../img/mcont06_bg.jpg') no-repeat 100%; background-size:cover; height:100%; padding:50px 0;}
	.index_cont06 .text {padding-top:0;}
	.index_cont06 .text .tt {font-size:20px; padding-bottom:15px;}
	.index_cont06 .text .sub_tt {font-size:13px; padding-bottom:25px; line-height:22px;}
	.index_cont06 .text .ask_more {width:112px; height:39px; line-height:36px; font-size:13px;}
}

/* 푸터 */
footer.footer {padding:35px 0 30px;}
footer.footer .link ul > li > a {color:#999;}
footer.footer .link ul > li::after {background:#999; height:14px;}
footer.footer .info ul > li, footer.footer .info h5 {color:#999;}
footer.footer .info ul > li::after {background:#999; height:14px; top:7px;}

@media (max-width:991px) {
	footer.footer {padding:33px 0 40px;}
	footer.footer .top_logo {text-align:center;}
	footer.footer .top_logo img {width:auto; height:47px;}
	footer.footer .link {margin-top:20px; margin-bottom:20px; padding-bottom:0; border-bottom:none;}
	footer.footer .link ul > li > a {font-size:13px;}
	footer.footer .info ul > li, footer.footer .info h5 {font-size:13px;}
}

@media (max-width:480px) {
	footer.footer .link {padding:0;}
	footer.footer .info {padding:0;}
}

@media (max-width:410px) {
	footer.footer .link ul > li:nth-of-type(3)::after {display:none;}
}


@media (max-width:400px) {
	footer.footer .info ul > .m_float.mar-3::after {display:none;}
}

/* 탑 버튼 */
.at-go .go_btn a {border:1px solid #d2d2d2;}

@media (max-width:991px) {
	.at-go .go_btn {width:45px; height:45px; top:-23px;}
	.at-go .go_btn a {width:45px; height:45px;}
	.at-go .go_btn a img {width:auto; height:12px;}
}

/* 유지보수 csj 220923 */

.mc06_news .container_fix .right_text .swiper-slide img{width:100%;}