@charset 'utf-8';

.wrap {position: relative; overflow: hidden;}
.cf:after{ display:block; content:''; clear:both;}

/* 공통 */
.hide {
    width: 1px;
    height: 1px;
    position: absolute;
    top: -99999px;
    left: -99999px;
    line-height: 1px;
}

#yourChatButton{display:none; position:fixed; bottom: 7px; left: 50%; width: calc(100% - 26px);  z-index: 19999; transform:translateX(-50%); cursor: pointer;}
#yourChatButton .white_box{display:flex; align-items:center; width: calc(100% - 117px); background: white; border-radius:35px; box-shadow: 0px 0px 10px rgba(223, 156, 159, 0.4); padding: 0 30px;}
#yourChatButton .white_box figure{margin-right: 19px; }
#yourChatButton .white_box figure img{}
#yourChatButton .white_box .txt{}
#yourChatButton .white_box .txt h4{font-weight:700; font-size:18px; color: #111;}
#yourChatButton .white_box .txt p{font-weight:700; font-size:14px; color: #aaa;}
#yourChatButton .icon_btn{margin-left: -13px; display:flex; align-items:center; justify-content:center; width: 70px; height: 70px; background: #DE1B23; box-shadow: 0px 0px 4px #CC676B; border-radius:50%;}

.inner {width: 1800px; height: 100%; margin: 0 auto; box-sizing: border-box;}
.inner1800 { max-width: 1800px; position:relative; margin: 0 auto; box-sizing: border-box;}

.inner.lp {padding-left: 30px;}
.inner.custom1 {width: 1400px;}
.inner.custom2 {width: 1200px;}
.inner::after, ul::after, .clearfix::after {content: ""; display: block; clear: both;}

/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: center; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; }
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }

/* header */
header { /* position: relative; */ width: 100%; height: 83px; background: #fff; position: fixed; top: 0; left: 0; z-index: 900;}
header h1{position: absolute; top: 50%; left: 50px; transform: translateY(-50%);}
header h1 img{ width: auto; height: 65px; }
header .gnb {display: inline-block; margin:0 auto; z-index: 1;}
header .gnb > ul {/* padding-left:22vw; */ padding-left:28vw; line-height: 83px;}
header .gnb ul::after {content: ""; display: block; clear: both;}
header .gnb > ul > li {float: left; position: relative; width:134px; text-align: center;}
header .gnb > ul > li:nth-child(4) {margin-right: 0;}
header .gnb > ul > li:last-child {display: none;}
header .gnb > ul > li:hover::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background-color: #de1a22; z-index: 2;}
header .gnb > ul > li > a {position: relative; display: inline-block; padding: 0 10px; font-size: 18px; font-weight: 500; width: 100%; color: #222!important; box-sizing:border-box}
header .gnb > ul > li > ul {display: none; position: absolute; top: 83px; left: 50%; transform: translateX(-50%); width: 100%; padding: 35px 10px; background: #de1a22; z-index: 101; box-sizing: border-box;}
header .gnb > ul > li > ul li {width: 100%; margin-bottom: 10px; text-align: center; line-height: 25px;}
header .gnb > ul > li > ul li:last-child {margin-bottom: 0;}
/* header .gnb > ul > li:hover ul {display: block} */

header .gnb > ul > li > ul li a {display:inline-block; vertical-align: top; width: 100%; font-size: 15px; font-weight: 500; color: #fff;}
header .gnb > ul > li > ul li a:hover { color: #fff200; font-weight: 600;}
header .rnb {position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 120px; height: 100%; font-family: "Noto Sans KR"; font-size: 15px; font-weight: 600; color: #07133a; z-index: 100;}
header .rnb p {height: 100%; padding-left: 45px; line-height: 85px; background:url("/img/common/icon_local.png")no-repeat 10px 45%;}
header .rnb p img {margin-left: 10px; vertical-align: middle; transition: all .5s;}
header .rnb ul {display: none; position: absolute; top: 75px; left: 50%; overflow: hidden; transform: translateX(-50%); width: 100%; border: 1px solid #ccc; border-radius: 10px;}
header .rnb ul li {position: relative; border-bottom: 1px solid #ccc; background-color: #fff;}
header .rnb ul li:nth-child(even) {background-color: #e4e4e4;}

header .rnb ul li a {padding: 10px 0 10px 45px; font-size: 12px; color: #6b6b6b; font-weight: 400;}
header .rnb ul li:nth-child(1) a {background: url("/img/common/icon_kor.png")no-repeat 15px 8px;}
header .rnb ul li:nth-child(2) a {background: url("/img/common/icon_usa.png")no-repeat 15px 8px;}

header .rnb:hover ul {display: block;}
header .rnb:hover p img {transform: rotate(180deg);}


.head_right {position: absolute; top:  50%; right: 0; transform: translateY(-50%); height: 100%;}
.head_right ul {float: left;}
.head_right ul li {float: left; padding: 17px 0; }
.head_right ul li:first-child {padding: 0; }
.head_right ul li:first-child a {display: block; padding: 17px 0;}
.head_right ul li:first-child a::after {content: ""; display: block; clear: both;}
.head_right ul li .img {float: left; margin-right: 10px;}
.head_right ul li dl {float: left; padding-right: 30px;}
.head_right ul li dl dt {font-family: "Kanit"; font-size: 14px; font-weight: 600; color: #222;}
.head_right ul li dl dd {font-size: 18px; font-weight: 700; color: #de1a22;}


.head_right ul li dl{position:relative; }
.head_right ul li dl a{position:absolute; top: 0; right: 0; bottom: 0; left: 0;}

.head_right .bnSlider {
		max-width:212px;
		width:100%;
}

.head_right .bnSlider {
	float: left; 
	height: 100%; 
/*	padding: 15px 35px; */
	background: #de1a22; 
/*	font-size: 18px; */
/*	font-weight: 700; */
/*	color: #fff; */
	box-sizing: border-box; 
	text-align: center;
}
.head_right > p {float: left; height: 100%; padding: 15px 35px; background: #de1a22; font-size: 18px; font-weight: 700; color: #fff; box-sizing: border-box; text-align: center;}


.head_right button {float: left; position: relative; width: 95px; height: 100%;}
.head_right button img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}

.nav_bg {display: none; position: absolute; top: 83px; left: 0; width: 100%; height: 276px;  background-color: #de1a22; z-index: 1;}
.nav_bg::after {content: ""; position: absolute; top: 0; left: 0; display: block; width: 23%; height: 255px; background:url("/img/common/bg_nav_back.jpg")no-repeat 0 0;}
.nav_bg .inner {position: relative; width: 100%; min-width: 1200px; height: 100%; z-index: 1;}
.nav_bg .inner::after{content: ""; display: block; float: left; width: 200px; height: 100%;}

/* 전체메뉴 */
.full_menu {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 775px; background: #de1a22; z-index: 999;}
.full_menu .top {height: 83px; border-bottom: 1px solid #e85f65;}
.full_menu .top .inner {position: relative; height: 100%;}
.full_menu .top .logo {position: absolute; top: 50%; left: 50px; transform: translateY(-50%);}
.full_menu .top .logo img{ width: auto; height: 65px; }
.full_menu .top button {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 85px; height: 100%; background: #222;}

.full_menu .top .head_right ul li dl dt,
.full_menu .top .head_right ul li dl dd {color: #fff;}

.full_menu .bottom { position: relative;}
.full_menu .bottom .inner > ul > li {float: left; position: relative; width: 16.66%; height: 88px; padding-left: 110px; line-height: 88px; box-sizing: border-box;}
.full_menu .bottom .inner > ul > li > a {font-size: 24px; color: #fff; }
.full_menu .bottom::before {content: ""; position: absolute; top: 88px; left: 0; width: 100%; height: 1px; background: #e85f65;}
.full_menu .bottom .inner > ul > li > ul {position: absolute; top: 89px; left: 0; padding: 20px 0;}
.full_menu .bottom .inner > ul > li > ul li {padding: 0 0 5px 110px; line-height: normal;}
.full_menu .bottom .inner > ul > li > ul li a {position: relative; font-size: 16px; color: #fff;}
.full_menu .bottom .inner > ul > li > ul li a:hover {color: #ffb9b9;}
.full_menu .bottom .inner > ul > li > ul li a:hover::before {content: ""; position: absolute; top: 9px; left: -20px; width: 6px;  height: 6px; background: #ffb9b9; border-radius: 50%;}
/* .full_menu .bottom .inner > ul > li:nth-child(n+4) > ul {display: none;} */



/* m_nav */
.btn_m_menu {display: none; }
.blind {display: none; position: absolute; top: 85px; left: 0; width: 100%; height: calc(100% - 85px); background-color: rgba(0,0,0,.7); z-index: 100;} 
.m_nav {position: absolute; top: 83px; right: -330px; width: 330px; background-color: #fff; z-index: 101; transition: all .5s;}
.m_nav_head {position: relative; height: 85px; border-bottom: 1px solid #ccc;}
.m_nav_head a {position: absolute; top: 50%; transform: translateY(-50%);}
.m_nav_head .home {left: 20px;}
.m_nav_head .close {right: 20px;}
.m_nav nav > ul > li {transition: .5s all;}
.m_nav nav > ul > li:last-child {display: none;}
.m_nav nav > ul > li p {display: none;}
.m_nav nav > ul > li a {display: block; padding: 15px 15px 15px 45px; font-size: 16px; border-bottom: 1px solid #ccc; color: #555; transition: all .3s;}
.m_nav nav > ul > li > a {font-size: 20px; font-weight: 500; color: #222;}
.m_nav nav > ul > li.on > a {color: #de1a22;}
.m_nav nav li ul {display: none;}
.m_nav nav li ul li {background-color: #f4f4f4;}
.m_nav .head_right {display: block; position: static; transform: translateY(0);}

.m_nav .head_right ul {float: none;}
.m_nav .head_right ul li {width: 50%; padding: 20px 10px; box-sizing: border-box;}
.m_nav .head_right ul li:first-child {padding: 0;}
.m_nav .head_right ul li:first-child a {display: block; padding: 20px 10px;}
.m_nav .head_right ul li:first-child a::after {content: ""; display: block; clear: both;}


.m_nav .head_right ul li dl {padding-right: 0;}
.m_nav .head_right ul li dl dt {font-size: 12px;}
.m_nav .head_right ul li dl dd {font-size: 16px;}

.btn_top {position: fixed; bottom: 70px; right: 20px; display: block; width: 63px; height: 63px; background: #222; border-radius: 2px; text-align: center; z-index: 10; border-radius:50% }
.btn_top span {font-size: 12px; color: #fff;}
.btn_top span img {display: block; margin: 17px auto 0;}


/* footer */
footer {position: relative; overflow: hidden; background-color: #222; color: #fff;}
footer nav {height: 64px; border-bottom: 1px solid #656565;}
footer nav .inner {position: relative; height: 100%;}
footer nav ul {position: absolute; top: 50%; transform: translateY(-50%);}
footer nav .left {left: 0;}
footer nav .left li {float: left; margin-right: 50px;}
footer nav .left li:last-child {margin-right: 0;}
footer nav .left li a {opacity: .5; color: #fff;}
footer nav .right {right: 0;}
footer nav .right li {float: left; position: relative; width: 25px; height: 25px; margin-right: 35px; background: url("/img/common/btn_blog.png")no-repeat center center;}
footer nav .right li:nth-child(2) {background: url("/img/common/btn_facebook.png")no-repeat center center;}
footer nav .right li:nth-child(3) {background: url("/img/common/btn_insta.png")no-repeat center center;}
footer nav .right li:nth-child(4) {background: url("/img/common/btn_youtube.png")no-repeat center center;}
footer nav .right li:nth-child(1):hover {background: url("/img/common/btn_blog_on.png")no-repeat center center;}
footer nav .right li:nth-child(2):hover {background: url("/img/common/btn_facebook_on.png")no-repeat center center;}
footer nav .right li:nth-child(3):hover {background: url("/img/common/btn_insta_on.png")no-repeat center center;}
footer nav .right li:nth-child(4):hover {background: url("/img/common/btn_youtube_on.png")no-repeat center center;}
footer nav .right li:last-child {margin-right: 0;}
footer nav .right li a {display: block; width: 100%; height: 100%;}

footer nav .right li a img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
footer .info .inner {position: relative; height: 100%;}
footer .info .warning {padding: 30px 0; font-size: 14px; font-weight: 300; color: #ff9c00;}
footer .info ul {width: 850px; margin-bottom: 30px;}
footer .info ul li {opacity: .7; float: left; margin-right: 40px; font-weight: 300; color: #fff;}
footer .info ul li:last-child {margin-right: 0;}
footer .info .foot_logo {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
footer .info .foot_logo img{ width: auto; height: 70px; opacity: 0.4; }
footer .info .copyright {opacity: .7; padding-bottom: 40px; text-transform: uppercase; font-size: 12px; font-weight: 500; color: #888;}
footer .info .copyright span {color: #fff;}
footer .info ul li.m { float:none; width:100%; }
footer .info ul li.m span { display:inline-block; margin-left:40px; }
footer .info ul li.m span:first-child { margin-left:0; }

@media screen and (max-width: 1900px){
	header .gnb > ul { padding-left: 14vw;  /* padding-left:12vw; */}
}

@media screen and (max-width: 1700px){
	header .gnb > ul {/* padding-left: 20vw;  */  padding-left:12vw; }
	header .gnb > ul > li{width: 120px;}
}

@media screen and (max-width: 1600px){
	header .gnb > ul {padding-left: 15vw; }
	header .gnb > ul > li{width: 100px;}
	header .gnb > ul > li > a{font-size:17px; padding:0 0;}
}

@media screen and (max-width: 1600px){
	header .gnb > ul {padding-left: 13vw; }
	header .gnb > ul > li{width: 91px;}
	header .gnb > ul > li > a{font-size:17px; padding:0 0;}
}

@media screen and (max-width: 768px){
	#yourChatButton{display:flex}
	.btn_top { right: 18px;z-index:10; }
	#_LF_CHAT_TRIGGER { opacity:0; } 
}