@charset "utf-8";
@import "reset.css";
@import "common.css";


@media(max-width:1200px){
    .wrap {width:100%;}
}


/* main */
.pc{display:block; margin:0 auto; width: 100%;}
.mobile{display:none !important;}
.footer__margin {margin:100px 0 0 0 ;}
.point {color:#dba350;}

    @media(max-width:1200px){
        .pc{display:none;}
        .mobile{display:block !important;}
        .wrap{width:100%;}
    }


    @media(max-width:1200px){
        
    }
    
/* 팝업레이어 */
#hd_pop {z-index:99999;/* position:relative; */margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;z-index:99999;border:1px solid #e9e9e9;background:#fff; }
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

 @media screen and (max-width: 1024px) { 
	.hd_pops { 
		
		top:73% !important; left:50% !important;
		transform:translate(-50%,-50%);
			}
 }
 @media screen and (max-width: 640px) { 
	.hd_pops { 
		width:40%;	 
	}
	.hd_pops_con { 
		width:100% !important; height:auto !important; 
	}
	.hd_pops_con > p { 
		line-height:0; 
	}
	.hd_pops img { 
		width:100%; 
	}
	.hd_pops_footer .hd_pops_reject { 
		font-size:8px; 
	}
	.hd_pops_footer .hd_pops_close { 
		font-size:8px; 
	}
 }


/* sub */
.sub__header {padding:150px 0px 95px 0px; background:#f6f2f0; text-align:center;}
.sub__header--top {color:#c8892d; font-weight:100;}
.sub__header--top-bar {content:""; display:inline-block; width:25px; height:2px; background:#dba350; margin-bottom:4px; margin-left:5px;}
.sub__header--space {display:inline-block; width:10px;}
.sub__header--title {font-size:48px; font-weight:100; letter-spacing: 0.2em;}
.sub__header--bottom {margin-top:10px; color:#888888; letter-spacing: 0.05em; font-weight:300;}

.sub__menu {margin-top:-20px; margin-left:auto; margin-right:auto;text-align:center; width:100%; margin-bottom:85px;}
.sub__menu:after {display:block; content:""; clear:both; }
.sub__menu__item {display:inline-block; margin-right:-1px; }
.sub__menu__item a {display:inline-block; padding:10px 0px; color:white; text-align:center;  width:180px; background:#201b14; font-size:17px;}
.sub02__menu__item {display:inline-block; margin-right:-1px; }
.sub02__menu__item a {display:inline-block; padding:10px 0px; color:white; text-align:center;  width:148px; background:#201b14; font-size:17px;}
.sub03__menu__item {display:inline-block; margin-right:-1px; }
.sub03__menu__item a {display:inline-block; padding:10px 0px; color:white; text-align:center;  width:169px; background:#201b14; font-size:17px;}
.sub__menu__itemActive a{background:#dba350;}
.sub__menu__item:last-child {margin-right:0px;}

.sub__conBox {width:100%; margin-top:65px;}
.sub__conBox--title {width:395px; float:left; margin-left:-85px;font-size:29px; }
.sub__conBox--title span:nth-child(1) {display:inline-block; content:""; widtH:60px; height:1px; background:#dba350; margin-right:25px; margin-bottom:10px;}
.sub__conBox--con {widtH:890px; float:right; font-size:#333333; font-size:18px; font-weight:300; letter-spacing: -0.025em;}
.sub__conBox--con02 {widtH:890px; float:right; font-size:#333333; font-size:18px; margin-top:30px; font-weight:300; letter-spacing: -0.025em;}
.sub__conBox--conBold {font-size:20px; color:#333333; font-weight:500; margin-top:5px;}
.sub__conBox--conSmall {font-size:15px; font-weight:300; letter-spacing: -0.05em; color:#888888;}
.sub__conBox--img {padding:40px 0; text-align:center; background:#efefef;}
.sub__conBox--con-line {margin-bottom:5px;}

/*sub02 */
.sub02__title{text-align:center; color:#333333; font-size:32px; font-weight:500;}
.sub02__titlePoint {color:#dba350;}

@media(max-width:1200px){
    .sub__header{padding:100px 0px 95px 0px;}
    .sub__header--title{font-size:38px;}

    .sub__menu__item{width:32%;}
    .sub__menu__item a{width:100%;font-size:13px;}
    
    .sub__conBox--img{padding:40px 30px;}
    .sub__conBox--img img{width:100%;}
    
    .sub02__menu__item  {margin-top:1px;}

    .sub03__menu__item  {margin-top:1px;}

    .sub02__title{font-size:24px;padding:0 30px;}
}

/*sub03 */
.sub__conBox--con-sub03title {}
.sub__conBox--con-sub03title-num {border-radius:100%; background:#d89f32; padding:5px 7px;  display:inline-block; color:white; font-family: 'Roboto'; font-size:20px; font-weight:500; letter-spacing: -0.05em; margin-right:5px;}
.sub__conBox--con-sub03title-name {display:inline-block; color:#333333; font-size:22px; font-weight:400; letter-spacing: -0.05em;}
.sub__conBox--con-sub03con {margin-top:10px; background:#efefef; padding:25px 40px; font-size:18px; font-weight:300; color:#666666;}
.sub__conBox--con-sub03conNoti {margin-top:10px; }
.sub__conBox--con-sub03conNoti-title {font-size:18px; letter-spacing: -0.05em; color:#a9791d; font-weight:400; }
.sub__conBox--con-sub03conNoti-title-small {font-size:15px; margin-left:3px;}
.sub__conBox--con-sub03conNoti-con {font-size:17px; font-weight:300; color:#666666; letter-spacing: -0.05em; line-height:30px;}
.sub__conBox--con-sub03con-margin {padding:60px 0px 0px 0px;}

.sub__conBox--con-sub03Tip {border:1px solid #e6e0d5; padding:25px 30px; margin-top:20px;}
.sub__conBox--con-sub03Tip-title {font-size:20px; font-style:italic; font-weight:400; letter-spacing: -0.05em; color:#a9791d; font-family: 'Roboto'; float:left; width:50px;}
.sub__conBox--con-sub03Tip-title-line {display:block; width:20px; margin-top:5px; height:2px; background:#a9791d;}
.sub__conBox--con-sub03Tip-con {float:left; width:calc(100% - 50px); color:#777777; font-size:14px; font-weight:300; letter-spacing: -0.025em;}

@media(max-width:1200px){
    .sub__conBox{padding:0 30px;}
    .sub__conBox--title{width: auto;float: none;margin-left: 0;font-size: 23px;text-indent: -35px;padding-left: 35px;}
    .sub__conBox--title span{margin:0 !important;}
    .sub__conBox--title span:nth-child(1){width:25px;margin:0 10px 0 0 !important;vertical-align:middle;}
    .sub__conBox--con,
    .sub__conBox--con02{widtH: 100%;float: none;color: #333333;font-size: 16px;font-weight: 300;letter-spacing: -0.025em;margin: 20px 0 0 0;line-height: 1.8;}
    .sub__conBox--con img,
    .sub__conBox--con02 img{width:100%;}
    .sub__conBox--con-sub03con{padding:20px;font-size:15px;}
    .sub__conBox--con-sub03con-margin{display:none;}

    .sub__conBox--con-sub03title-num{padding:0 8px;}
}

/*플로팅 메뉴 */
.floating-menu { 
	display:none;
	position:fixed; bottom:0; left:0; 
	width:100%;
/*	background:rgba(72,10,19,.9);*/
	background:rgba(219, 163, 80,10);
	font-size:0;
}
.floating-menu li { 
	display:inline-block;
	width:calc(100% / 3);
	vertical-align:top;
	text-align:center;
}
.floating-menu li a { 
	position:relative;
	display:block;
	font-size:0;
}
.floating-menu li a:before { 
	content:'';
	position:absolute; top:0; left:0;
	width:1px; height:100%;
	background:rgba(255,255,255,.2);
}
.floating-menu li:first-child a:before { 
	display:none; 
}
.floating-menu li a > * { 
	display:inline-block;
	vertical-align:middle;
}
.floating-menu li a img { 
	margin-right:10px;
	height:35px; 
}
.floating-menu li a span { 
	font-size:21px; line-height:73px;
	color:#fff;
}

@media(max-width:1200px){
	/*플로팅 메뉴*/
.floating-menu { 
		display:block; 
	}
.floating-menu li a img { 
		margin-right:5px;
		height:22px; 
	}
.floating-menu li a span { 
		font-size:16px; line-height:55px; 
	}

}