@charset "utf-8";

.skipToContent {position:absolute; top:0; left:0; overflow:hidden; display:block; width:0px; height:0px; line-height:0; font-size:0; text-indent:-9999px;}
.hidden {display:none;}

/******************************************************* PC // *******************************************************************************/
body {min-width:1530px;}

/* 팝업슬라이드 */
#pop {
	position:absolute;
	top:190px;
	left:50%;
	transform:translate(-50%,0);
	max-width:1000px;
	z-index:900;
	letter-spacing:-0.025em;
}
#pop div.swiper-pagination {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	background:#2a303b;
	height:50px;
    width: 100%;
    position: initial;
}
#pop div.swiper-pagination div.swiper-pagination-bullet {
    font-family:'Noto Sans KR',sans-serif;
    font-size:14px;
    text-align:center;
    font-weight: 400;
    width:33.3%;
    height:100%;
    border-radius: 0;
    opacity: initial;
    background:#2a303b;
    color: #eee;
}
#pop div.swiper-pagination div.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: inherit;
    opacity: initial;
}
#pop div.swiper-pagination div.swiper-pagination-bullet.swiper-pagination-bullet-active span {
    font-weight:800;
    font-size: 1.1em;
    color: #fff;
}
#pop div.swiper-pagination div.swiper-pagination-bullet span:first-child:after {
	display:none;
}
#pop div.swiper-pagination div.swiper-pagination-bullet span:after {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	transform:translate(0,-50%);
	width:1px;
	height:30px;
	background:#fff;
}
#pop div.swiper-pagination div.swiper-pagination-bullet span {
    color:#fff;
    display:block;
    width:100%;
    height:100%;
    position:relative;
    padding:10px 0;
    line-height:2;
}
#pop div.swiper-pagination {
    bottom: 0px;
}
#pop .swiper-thumb {
    background:#2a303b;
    height:50px;
}
#pop .swiper-thumb .swiper-wrapper .swiper-slide {
    cursor: pointer;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#eee;
    position: relative;
}
#pop .swiper-thumb .swiper-wrapper .swiper-slide:first-child:after {
    display:none;
}
#pop .swiper-thumb .swiper-wrapper .swiper-slide.swiper-slide-active {
    color: #fff;
    font-weight: bold;
    font-size: 1.1em;
}
#pop .swiper-thumb .swiper-wrapper .swiper-slide:after {
    content:'';
    position:absolute;
    left:0;
    top:50%;
    transform:translate(0,-50%);
    width:1px;
    height:30px;
    background:#fff;
}
#pop .close {
	margin-top:10px;
}
#pop .closeflex {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
}

#pop .closeflex #check {display:flex; align-items:center;}
#pop .closeflex input[type="checkbox"] {
	width:14px;
	height:14px;
	border:1px solid #ddd;
	margin-right:5px;
}
#pop .closeflex input[type="checkbox"] + label {
	font-size:14px;
	font-weight:400;
	color:#fff;
	font-family:'Noto Sans KR',sans-serif;
	cursor:pointer;
}

#pop .closeflex #close {
	font-size:14px;
	font-weight:400;
	color:#fff;
	margin-right:20px;
	cursor:pointer;
}
#popSlider {
	position:relative;
}
#popSlider .swiper-slide {width:1000px !important;}
#popSlider .slide-item {
	cursor:pointer;
	height:400px;
}
#popSlider .slide-item img {
	width:100%;
	height:100%;
}
#popSlider .swiper-button-prev,
#popSlider .swiper-button-next {
	position:absolute;
	top:calc(50% + 20px);
	transform:translate(0,-50%);
	width:56px;
	height:58px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}
#popSlider .swiper-button-prev {background-image:url('/images/main/pop_prev.png'); left:22px;}
#popSlider .swiper-button-next{background-image:url('/images/main/pop_next.png'); right:22px;}

/* header */
header {position:fixed; top:0px; left:0px; width:100%; z-index:999; height:80px;}
header.mainHeader {
	background-image:url('/images/common/header_bg.png');
	background-repeat:repeat;
	background-position:0 0;
}
header.mainHeader:before{
	content: '';
	position: absolute;
	top:0;
	left:50%;
	transform:translate(-50%, 0);
	width: 200vw;
	height: 80px;
	z-index:-1;
    box-sizing: border-box;
}
header.mainHeader.is-scroll:before {
	content: '';
	position: absolute;
	top:0;
	left:50%;
	transform:translate(-50%, 0);
	width: 200vw;
	height: 80px;
	background-color: rgba(255,255,255);
	z-index:-1;
}
header.mainHeader.is-scroll .gnb a {color: #131313;}
header.mainHeader.is-scroll:before{}
header.mainHeader #siteM-icon span {background:#fff;}
header.mainHeader.is-scroll .sitemap_btn {
	color:#131313;
}
header.mainHeader.is-scroll #siteM-icon span{
	background:#131313;
}

/* subheader */
header.subHeader {background:#fff;}
header.subHeader .gnb a {color:#131313;}
header.subHeader .sitemap_btn {color:#131313;}
header.subHeader #siteM-icon span {background:#131313;}

#headerInner{
	position:relative; width:1000px; margin:0 auto;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
#headerInner .logo {margin-top:-7px;}
#headerInner .logo a {display:block; }
#headerInner .inner {height:100%; margin-right:75px;}

/* gnb */

.gnb {position:relative; display:flex; align-items:center; justify-content:center; height:100%;}
.gnb li {position:relative; height:100%; padding-left:55px;}
.gnb li:first-child {margin:0; padding:0;}
.gnb li a {
	font-family:"나눔스퀘어OTF_ac", "nanum-square-ac-otf";
	height:100%;
	font-size:18px;
	font-weight:600;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	letter-spacing:-0.025em;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.gnb li.on a, .gnb li a:hover {
	color:#f5a3ad;
}
/*.gnb li.m1 a {min-width:120px;}
.gnb li.m2 a {min-width:120px;}
.gnb li.m3 a {min-width:120px;}
.gnb li.m4 a {min-width:120px;}
.gnb li.m5 a {min-width:120px;}*/

.gnb .depth2 {display:none; position:absolute; top:80px; z-index:999; min-width:120px; background:#fff; border-top:2px solid #f5a3ad;}
.gnb .depth2 ul {margin:0; height:auto; padding:20px 0; min-width:120px;}
.gnb .depth2 ul li {margin:0; padding:0;}
.gnb .depth2 ul li a {
	font-size:16px;
	color:#131313;
	text-align:center;
	line-height:40px;
}
.gnb .depth2 ul li a:hover, #gnb div.depth2 ul li a:focus {color:#f5a3ad;}

.gnb li.m1 .depth2 {left:-37px;}
.gnb li.m2 .depth2 {left:25px;}
.gnb li.m3 .depth2 {left:19px;}
.gnb li.m4 .depth2 {left:29px;}
.gnb li.m5 .depth2 {left:29px;}

.mobMenu {display:none;}

/* 전체메뉴 */
#siteM-icon {
	position:relative;
	width:18px;
	height:16px;
	transform: rotate(0deg);
	transition: 0.5s ease-in-out;
	cursor: pointer;
	margin-right:8px;
}
#siteM-icon span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	opacity: 1;
	left: 0;
	transform: rotate(0deg);
	transition: 0.25s ease-in-out;
}
#siteM-icon span:nth-child(1){top: 0px;}
#siteM-icon span:nth-child(2){top: 7px;}
#siteM-icon span:nth-child(3){top: 14px;}
#siteM-icon.open span:nth-child(1) {
	top: 6px;
	transform: rotate(-45deg);
}
#siteM-icon.open span:nth-child(2) {
	opacity: 0;    /*클릭하면 중간선이 사라집니다.*/
}
#siteM-icon.open span:nth-child(3) {
	top: 6px;
	transform: rotate(-135deg);
	left:0;
}
.show {display:block;}
.hide {display:none;}
.sitemap_btn {
	font-size:18px;
	font-weight:600;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
}
.siteMap{

	z-index:1001;
	position:absolute;
	width:100%;
	background-color: #fff;
	left:50%;
	top:80px;
	transform:translate(-50%, 0);
	padding:30px;
	text-align:center;
}
.siteMap_wrap {position:relative;}
.siteMap_wrap .flex {
	display:flex;
	justify-content:space-between;
}
.siteMap_wrap .flex .box {
	min-width:100px;
}
.siteMap_wrap .flex p {
	font-size:16px;
	font-weight:700;
	color:#131313;
	padding:0 0 8px;
	border-bottom:2px solid #f5a3ad;
}
.siteMap_wrap .flex ul {
	padding:15px 0 0 15px
}
.siteMap_wrap .flex ul.long {
	padding-left:7px;
}
.siteMap_wrap .flex ul li {
	font-size:15px;
	font-weight:400;
	line-height:18px;
	text-align:left;
	margin:22px 0 0;
}
.siteMap_wrap .flex ul li:first-child {margin:0;}
.siteMap_wrap .flex ul li a {
	color:#333;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.siteMap_wrap .flex ul li a:hover {
	color:#f5a3ad;
	font-weight:600;
}


/* footer */
#footer {width:100%; clear:both; letter-spacing:-0.025em;}
#footer .f_center {
	width:1000px;
	margin:0 auto;
}
#footer .f_con1 {
	height:496px;
	background-image:url('/images/common/f_bg.jpg');
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	text-align:center;
	display:flex;
	flex-direction:column;
}
#footer .f_con1 p {
	margin-top:120px;
}
#footer .f_con1 .f_box {
	margin-top:59px;
}
#footer .f_con1 dl dt a {
	font-size:50px;
	color:#fff;
	font-weight:700;
}
#footer .f_con1 dl dd {
	font-family:'Noto Sans KR',sans-serif;
	font-size:18px;
	font-weight:400;
	color:#fff;
	margin-top:20px;
}
#footer .f_con1 ul {
	display:flex;
	align-items:center;
	justify-content:center;
	margin:30px 0 0;
}
#footer .f_con1 ul li {
	margin:0 0 0 20px;
}
#footer .f_con1 ul li:first-child {margin:0;}
#footer .f_con2 {
	background:#444;
	padding:19px 0 24px;
	font-family:'Noto Sans KR',sans-serif;
}
#footer .f_con2 .f_center {
	padding:0 50px;
}
#footer .f_con2 ul {
	display:flex;
	align-items:center;
	justify-content:center;
	padding-bottom:19px;
	position:relative;
	margin:0 0 19px;
}
#footer .f_con2 ul:after {
	content:'';
	width:100%;
	height:1px;
	background:#999;
	position:absolute;
	bottom:0;
	left:0;
}
#footer .f_con2 ul li {
	margin:0 0 0 30px;
}
#footer .f_con2 ul li:first-child {margin:0;}
#footer .f_con2 ul li a {
	font-size:14px;
	font-weight:700;
	color:#ddd;
}
#footer .f_con2 address {
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:14px;
	font-weight:300;
	color:#828282;
}
#footer .f_con2 address p {
	margin:0 0 0 12px;
	display:flex;
	align-items:center;
}
#footer .f_con2 address p:first-child {margin:0;}
#footer .f_con2 address strong {font-weight:700;}
#footer .f_con2 address span,
#footer .f_con2 address a {color:#828282;}
#footer .f_con2 address a,
#footer .f_con2 address span {
	display:inline-block;
	padding-left:10px;
	position:relative;
}

#footer .f_con2 address span:after,
#footer .f_con2 address a:after{
	content:'';
	position:absolute;
	left:5px;
	top:50%;
	transform:translate(0,-50%);
	width:1px;
	height:12px;
	background:#828282;
}
#footer .f_con2 .copy {
	display:block;
	margin:40px 0 0;
	font-size:12px;
	font-weight:300;
	color:#777;
	text-align:center;
}


/* floating */
#floating{
	height: auto;
	width: 90px;
	padding:37px 0 10px;
	position: fixed;
	right:1%;
	top:50%;
	text-align:center;
	transform:translate(0, -50%);
	font-size:0;
	line-height:0;
	z-index: 99;
	background:#dd86a6;
	border-radius:45px;
}
#floating .btn_list li.login {
	padding:0 12px;
}
#floating .btn_list li.login a {
	position:relative;
	padding:0 0 16px;
	width:100%;
}
#floating .btn_list li.login a:after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background:#fff;
	opacity:0.5;
}
#floating .btn_list li.join {
	padding:16px 0 12px;
}
#floating .btn_list li.login,
#floating .btn_list li.join {
	height:auto;
}
#floating .btn_list li.login:after,
#floating .btn_list li.join:after,
#floating .btn_list li.counsel:after{
	display:none;
}
#floating .btn_list li.tel {
	height:auto;
	padding-top:17px;
}
#floating .btn_list li {
	position: relative;
	width: 100%;
	height: 90px;
	text-align: center;
	display:flex;
	align-items:center;
	justify-content:center;
}
#floating .btn_list li:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1px;
	background:#fff;
	opacity:0.5;
}
#floating .btn_list li a {
	font-size:13px;
	font-weight:400;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}
#floating .btn_list li span {
	display:block;
	margin:0 0 8px;
}
#floating .btn_list li span img {
	-webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    will-change: transform;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#floating .btn_list li:hover span img {
	-webkit-transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	-o-transform: rotate(-7deg);
	transform: rotate(-7deg);
}
#floating .btn_list li strong {
	display:block;
	font-weight:400;
	margin:8px 0 0;
	font-size:12px;
}
#floating .toTheTop{
	margin: 33px auto 0;
	cursor:pointer;
	background-color: #fff;
	width: 65px;
	height: 65px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	font-size:13px;
	font-weight:400;
	color:#dd86a6;
	text-align:center;
	line-height:65px;
}


#floating .btn_list{

	transition:all .3s ease-in-out;
}

/* 이용약관 등 */
.info_popup{
	display: none;
	font-family:"나눔스퀘어OTF_ac", "nanum-square-ac-otf";
}
.info_popup.on{
	display: block;
	position: fixed;
	left: 50%;
	top: 50%;
	transform:translate(-50%, -50%);
	z-index:99999;
}
.info_popup .info_txt{
	margin: 0;
    width: 700px;
	min-height: 300px;
    max-height: 700px;
    padding: 30px;
    position: relative;
    font-size: 13px;
    line-height: 22px;
    color: #131313;
    overflow-y: auto;
    box-sizing: border-box;
    word-break: keep-all;
    font-weight: 600;
	background-color: #fff;
}
.info_popup.on:after{
	content: '';
	position: fixed;
	left: 50%;
	top: 50%;
	transform:translate(-50%, -50%);
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.3);
	z-index:-1;
}
.info_popup .btn_close{
	position: absolute;
    top: -15px;
    right: -15px;
    width: 40px;
    height: 40px;
    z-index: 500;
    display: inline-block;
    vertical-align: middle;
    background-image: url('/images/common/info_close.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent;
    background-size: contain;
    outline: none;
    border: none;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
}
.info_popup h5 {
	font-size:22px;
	font-weight:800;
	color:#131313;
	margin:0 0 40px;
}
.info_popup h6 {
	font-size:18px;
	font-weight:800;
	color:#131313;
	margin:0 0 30px;
}
.info_popup table {
	border-top:2px solid #333;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
}
.info_popup table th {
	background:#f7f7f7;
	font-weight:700;
	font-size:16px;
}
.info_popup table td {
	font-weight:400;
	font-size:15px;
	border-left:1px solid #ddd;
}
.info_popup table td:first-child,
.info_popup table th:first-child {border-left:none;}
.info_popup table th, .info_popup table td {
	color:#131313;
	padding:15px 0;
	text-align:center;
	border-bottom:1px solid #ddd;
	line-height:20px;
	border-left:1px solid #ddd;
}
.info_popup .use_info_txt div {margin:50px 0 0;}
.info_popup .use_info_txt div:first-child {margin:0;}
.info_popup dl {margin:40px 0 0;}
.info_popup dl dt {
	font-size:16px;
	font-weight:700;
	color:#131313;
	margin:0 0 10px;
}
.info_popup dl dd {
	font-size:15px;
	font-weight:400;
	color:#131313;
	line-height:23px;
	margin:20px 0 0;
}
.info_popup p {
	font-size:15px;
	font-weight:400;
	color:#131313;
	line-height:23px;
}