@charset "utf-8";
/* /// font /// */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800&display=swap&subset=korean');

/* /// common /// */
*{
	padding:0; margin:0; 
	word-break:keep-all; 
	font-family: 'Noto Sans KR','sans-serif'; 
	-webkit-text-size-adjust: none
}
html,body{
	width:100%;
	height:100%;
}
html{overflow-y:scroll;}
html.fixed,body.fixed{overflow-y:hidden;}
body,b,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,
table,th,tr,td,thead,tbody,form,fieldset,legend,input,textarea,button{
	margin:0; padding:0;
	line-height: 1;
}
table,th,tr,td,thead,tbody,input,textarea{}
ul,ol,li,dl,dt,dd {list-style:none;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;}
button{border:none;background: none;}
input,select,button{vertical-align:middle;}
input, select, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;  
	appearance: none; 
	-webkit-appearance: none; 
	-webkit-border-radius: 0;
	border-radius:0; 
	padding:13px 10px;
	border:1px solid #dddddd;
	}
select {background:url('../img/btn/select_more.png') no-repeat 95% center;}
select::-ms-expand { display: none; }
hr,legend {display:none;}
img,fieldset,iframe{border:none;}
img{vertical-align:top; max-width: 100%;}
textarea{padding:8px; resize:none;}
caption {display:none;}
table{border:none; border-collapse:collapse; padding:0; border-spacing:0; }
fieldset{min-width:100%;}
a:link,a:visited,a:active,a:focus{text-decoration:none;}
a:hover{text-decoration:none;}

input[type=text]::-ms-clear{display:none;}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"]{border-color:#ddd;}
input[type="text"]:hover,input[type="text"]:focus,
input[type="password"]:hover,input[type="password"]:focus,
input[type="email"]:hover,input[type="email"]:focus,
input[type="number"]:hover,input[type="number"]:focus,
input[type="tel"]:hover,input[type="tel"]:focus{border-color:#ddd;}

.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.hidden{
    overflow: hidden;
}
form input[type="checkbox"]{display:none;}
form input[type="checkbox"] + label span{
	display:inline-block;
	position:relative;
	width:28px;
	height:28px;
	border:1px solid #dddddd;
	background:#fff;
	vertical-align:middle;
}
form input[type="checkbox"]:checked + label span:after{
	content:'';
	display:block;
	position:absolute;
	top:2px;
	right:-7px;
	width:29px;
	height:22px;
	background:url('../img/ico/ico_check.png') no-repeat center / contain;
}
.scroll_lo{
	position:fixed;
	top:-5555em;
	left:-9999em;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* float */
.fl{float:left;}
.fr{float:right;}
.clearfix:after{content: ''; display: table; clear: both}

/* text-align */
.tac{text-align:center};
.tal{text-align:left;}
.tar{text-align:right;}

/* backgrund */
.bg_purple{background:#005ca7; color:#fff;}
.bg_purpleline{background:url('../img/common/purple_bg.png')repeat left top / 100vw; color:#fff;}
.bg_gray{background:#dfdfdf; color:#333;}
.bg_gray02{background:#555555;color:#fff;}

/* btn */
.btn{
	display:block;
	padding:20px 0;
	width:200px;
	font-size:18px;
	font-weight:700;
	line-height:1;
	text-align:center;
}
.btn.small{
	padding:15.5px 0;
	width:110px;
	font-size:16px;
	font-weight:500;
}
/* 모바일 블록여부 */
.only_m{display:none;}
.only_w{display:block;}

#wrap{
	margin: 0 auto; 
	width:100%; 
	overflow: hidden;
}
.container{
	margin:0 auto;
	position:relative;
}
.modal{position:fixed;left:0;right:0;top:0;bottom:0;z-index:99;background:rgba(0, 0, 0, 0.8); display:none;text-indent:-9999em;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
zoom: 1;}
.fixed_menu{
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	width:80px;
	height:100%;
	background:rgba(255,255,255,0.5);
	z-index:10;
}
.btn_top{
	display:block;
	position:fixed;
	bottom:60px;
	right:25px;
	width:26px;
	height:29px;
	background:url('../img/btn/btn_top.png') no-repeat center;
}
.btn_cata{
	padding-top:50px;
	display:block;
	position:fixed;
	top:150px;
	right:15px;
	width:50px;
	font-size:12px;
	color:#dddddd;
	line-height:1;
	background:url('../img/btn/btn_catalog.png') no-repeat center;
	text-transform:uppercase;
}
.btn_am{
	display:block;
	position:fixed;
	top:calc(50% - 11px);
	right:25px;
	width:28px;
	height:22px;
}
.btn_am span{
	display:block;
	position:absolute;
	width:100%;
	height:2px;
	background:#000000;
	left:0;
}
.btn_am span.am_m{top:calc(50% - 1px);}
.btn_am span.am_b{bottom:0;}

/* /// header /// */
#header{}
#header .container{width:calc(100% - 160px);}
#header h1{
	position:absolute;
	top:25px;
	left:0;
}
#gnb{padding:40px 0;}
#gnb li{
	margin:0 40px;
	display:inline-block;
	line-height:1;
}
#gnb li a{
	display:block;
	font-size:20px;
	font-weight:500;
	color:#000;
	line-height:1;
}
.quick_call{
	padding:7px 45px 7px 0;
	display:block;
	position:absolute;
	top:34px;
	right:0;
	background:url('../img/ico/call.png') no-repeat right center / 34px;
	font-size:20px;
	font-weight:900;
	line-height:1;
	color:#a92c66;
}
#all_gnb{
	display:table;
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	z-index:100;
	transition:all 1s;
	opacity:0;
	z-index:10000;
	background:rgba(172,48,105,0.98);
}
/*#all_gnb:after{
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:100%;
	background:url('../img/common/purple_bg.png')repeat-x left top;
}*/
#all_gnb.open{
	right:0;
	opacity:1;
}
#all_gnb div{
	display:table-cell;
	position:relative;
	vertical-align:middle;
	z-index:10;
}
#all_gnb div .gnb_list{
	display:inline-block;
}
#all_gnb div .gnb_list > li{
	margin:0 65px;
	float:left;
	text-align:left;
}
#all_gnb div .gnb_list > li > a{
	font-size:30px;
	font-weight:700;
	color:#fff;
	line-height:1;
}
#all_gnb div .gnb_list > li ul{margin-top:20px;}
#all_gnb div .gnb_list > li ul li a{
	margin-top:20px;
	display:block;
	font-size:26px;
	font-weight:300;
	color:#fff;
	line-height:1;
}
#all_gnb div .gnb_list > li ul li a:hover{text-decoration:underline;}
.close_ag{
	position:absolute;
	top:calc(50% - 12px);
	right:25px;
	z-index:10;
}
/* /// header end /// */

/* /// footer /// */
#footer{
	padding:55px 0 60px;
	border-top:1px solid #eee;
}
#footer .container{width:calc(100% - 160px);}
.footer_logo{
	position:absolute;
	top:5px;
	left:0;
}
#footer p{
	font-size:14px;
	font-weight:300;
	color:#666;
	line-height:1.7;
}
#footer address p{
	display:inline-block;
	position:relative;
}
#footer address p:after{
	content:'/';
	padding:0 3px;
}
#footer address p:nth-child(3):after, #footer address p:last-child:after{display:none;}
#footer address p strong{
	color:#333;
	font-weight:500;
}
/* /// footer end /// */
@media screen and (min-width:0\0){
	#all_gnb{transition:all 1.5s;}
	.open#all_gnb{right:35%;}
}

/* /// 반응형 /// */
@media screen and (max-width : 1380px) {
	#gnb li{margin:0 10px;}
	#all_gnb div .gnb_list > li{margin:0 30px;}
	.btn_cata{top:100px;}

}
/* 태블릿 */
@media screen and (max-width : 1200px) {
	#header{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		text-align:center;
		z-index:100;
		background:#fff;
	}
	#header h1{
		padding:24px 0;
		display:inline-block;
		position:static;
	}
	#gnb{display:none;}
	#all_gnb{
		top:-200%;
		right:0;
		background:rgba(172, 48, 105, 0.98);
	}
	#all_gnb:after{display:none;}
	#all_gnb.open{top:0;}
	.btn_am{
		display:block;
		top:39px;
		right:calc(100% - 108px);
	}
	.close_ag{
		top:39px;
		right:calc(100% - 108px);
	}

	.footer_logo{
		position:static;
	}

	#footer address{
		margin-top:20px;
	}
}
@media screen and (max-width : 999px) { 
	input, select, textarea{padding:7px 10px;}
	.btn.small{
		padding:11.5px;
		font-size:12px;
	}

	#header .container{width:calc(100% - 20px);}
	.btn_am, .close_ag{right:calc(100% - 38px);}
	#all_gnb div .gnb_list > li{margin:0 25px;}
	#all_gnb div .gnb_list > li > a{font-size:24px;}
	#all_gnb div .gnb_list > li ul li a{font-size:20px;}

	.fixed_menu{display:none !important;}

	#footer{padding:30px 0 40px;}
	#footer .container{width:calc(100% - 20px);}
}
/* 모바일 */
@media screen and (max-width : 768px) {
	.bg_purpleline {
		background: url('../img/common/purple_mobg.png') center ;
		background-size:90%;
	}
	.btn{
		padding:15px 0;
		font-size:12px;
	}
	form input[type="checkbox"] + label span{
		width:18px;
		height:18px;
	}
	form input[type="checkbox"]:checked + label span:after{    
		top: -3px;
		right: -5px;
		width:20px;
	}
	
	#header h1{
		padding:13px 0;
		width:80px;
	}
	#all_gnb.open{height:calc(100% + 100px);}
	#all_gnb div .gnb_list{margin-top:-100px;}
	.btn_am{
		top:22px;
		width:20px;
		height:16px;
	}
	.quick_call{
		top:13px;
		height:20px;
		font-size:0;
		background-size:30px;
	}

	#all_gnb div .gnb_list > li{
		margin:20px 0;
		float:none;
		text-align:center;
	}
	#all_gnb div .gnb_list > li ul{display:none;}
	.close_ag{top:21px;}

	.footer_logo{width:55px;}
	#footer p{font-size:10px;}
	#footer address p:first-child,  #footer address p:nth-child(7){display:block;}
	#footer address p:first-child:after, #footer address p:nth-child(6):after{display:none;}
}