@charset "utf-8";

/* 
font-family: 'Montserrat', sans-serif;
*/


/* 공통 */
#sub #contents .inner_bx {max-width: 1400px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box;}



/* ABOUT */
#about {background-color: #000000;}
#about .box1 {text-align: center; padding: 0 20px; display:flex; justify-content:center; align-items:center; table-layout:fixed; min-height: 700px!important;}
#about .box1 .txt_bx {width: 100%;}
#about .box1 img {max-width: 100%;}
#about .box1 .txt1 {font-size: 26px; line-height: 40px; color: #999999; word-break: keep-all; margin: 51px auto 0; max-width: 600px;}
#about .box1 .txt1 strong {color: #ffffff; font-weight: 900;}
#about .box1 .txt2 {font-size: 16px; line-height: 26px; color: #666666; word-break: keep-all; margin: 8px auto 0;}



/* CONTACT */
#contact {background-color: #000000; padding-bottom: 200px;}
#sub #contents #contact .box1 .inner_bx {width: 100%;}
#contact .f_bx {background-color: #111111; padding: 87px 80px 100px; position: relative;}
#contact .f_bx .f_w {max-width: 1200px; margin:  0 auto; box-sizing: border-box;}
#contact .f_bx .f_ttl {font-family: 'Montserrat', sans-serif; font-size: 50px; color: #ffffff; font-weight: 700; word-break: keep-all; margin-bottom: 62px;}
#contact .location_bx {margin-top: 184px;}
#contact .location_bx .ttl_bx {font-family: 'Montserrat', sans-serif; font-size: 60px; color: #ffffff; font-weight: 700; margin-bottom: 65px;}
#contact .location_bx .map_bx {position: relative; height: 600px; overflow: hidden;}
#contact .location_bx .map_img {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover!important; background-repeat: no-repeat!important; background-position: right center!important;}
#contact .location_bx .txt_bx {padding: 64px 60px 160px; position: relative; height: 100%; z-index: 1; box-sizing: border-box;}
#contact .location_bx .txt_bx ul {max-width: 410px;}
#contact .location_bx .txt_bx ul li {padding-left: 46px; font-size: 18px; line-height: 30px; word-break: keep-all; color: #999999; max-width: 300px; margin-bottom: 32px;}
#contact .location_bx .txt_bx ul li:last-child {margin-bottom: 0;}
#contact .location_bx .txt_bx ul li.addr {background: url(../images/icon/address.png) no-repeat 8px 2px;}
#contact .location_bx .txt_bx ul li.email {background: url(../images/icon/email.png) no-repeat 6px 4px;}
#contact .location_bx .txt_bx ul li strong {display: block; font-family: 'Montserrat', sans-serif; font-size: 22px; color: #ffffff; font-weight: 700;}
#contact .location_bx .btn_bx {position: absolute; bottom: 60px; left: 60px; max-width: 410px; width: 100%; display: flex; flex-flow: wrap;}
#contact .location_bx .btn_bx a {width: calc(50% - 5px); margin-right: 10px; box-sizing: border-box; border: 1px solid #fff; border-radius: 35px; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 18px; color: #ffffff; font-weight: 700;}
#contact .location_bx .btn_bx a:nth-child(2n) {margin-right: 0;}
#contact .location_bx .btn_bx a span {display: inline-block; line-height: 68px;}



/* 전자상거래 표준약관 */
.yg{font-size:14px; line-height:24px; word-break:keep-all}
.yg h2{margin-top:70px; font-size:22px; font-weight:700; color:#333;}
.yg h3{margin-top:40px; margin-bottom:5px; font-size:18px; font-weight:700; color:#fff;}
.yg h4{margin-top:20px; margin-bottom:5px; font-size:16px; font-weight:500; color:#555;}
.yg p{margin:5px 0;}

.fly_w{margin-top:10px; background:#f2f2f2; box-sizing:border-box; padding:20px;}
.fly_w > li:first-child{margin-top:0;}
.fly_w > li > ul{margin-top:0; padding:0 0 0 15px; background:none;}
.fly_w > li > ul > li{padding:0; margin:0;}
.fly_w > li > ul > li:before{display:none;}
.fly_w > li > ol{margin-top:0; padding:0 0 0 15px; background:none;}
.fly_w > li > ol > li{padding:0; margin:0;}
.fly_w > li > ol > li:before{display:none;}

ul.fly_w > li{position:relative; padding-left:10px; margin-top:5px; color:#777;}
ul.fly_w > li:before{content:'-'; position:absolute; top:0; left:0;}
ol.fly_w > li{position:relative; margin-top:5px; color:#777;}

.yg_table{overflow:hidden; margin-top:15px;}
.yg_table div{float:right; width:calc(50% - 10px);}
.yg_table div:first-child{float:left;}
.yg_table div > strong{display:block; text-align:center; background:#333; color:#fff; font-size:15px; font-weight:500; padding:15px 0;}
.yg_table div table{width:100%; box-sizing:border-box;}
.yg_table div table thead th{text-align:center; color:#333; font-weight:700; border-bottom:1px solid #ddd; padding:10px 0; background:#f2f2f2;}
.yg_table div table tbody th{text-align:center; border-bottom:1px solid #ddd; color:#333; padding:10px 0; font-weight:500; background:#f9f9f9}
.yg_table div table tbody td{border-bottom:1px solid #ddd; padding:5px 20px; border-left:1px solid #ddd; background-color: #f2f2f2;}

#privacy_pop select { padding-left:10px; margin-top: 20px; width: 320px; height: 40px; font-size: 14px; border-color: #bbb;}




/* PC */
@media all and (min-width:1025px){
	
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	/* ABOUT */
	#about .box1 {min-height: 400px!important;}
	#about .box1 img {max-width: 220px; width: 100%;}
	#about .box1 .txt1 {margin-top: 26px; font-size: 18px; line-height: 23px; max-width: 420px;}
	#about .box1 .txt2 {margin-top: 13px; font-size: 12px; line-height: 17px;}
	
	
	
	
	/* CONTACT */
	#contact {padding-bottom: 50px;}
	#contact .f_bx {padding: 44px 20px 50px;}
	#contact .f_bx .f_ttl {margin-bottom: 20px; font-size: 25px; line-height: 30px;}
	
	#contact .location_bx {margin-top: 44px;}
	#contact .location_bx .ttl_bx {margin-bottom: 25px; font-size: 25px;}
	#contact .location_bx .map_bx {height: 350px;}
	#contact .location_bx .txt_bx {padding: 27px 15px 0;}
	#contact .location_bx .txt_bx ul li {font-size: 12px; line-height: 20px; padding-left: 32px; margin-bottom: 21px;}
	#contact .location_bx .txt_bx ul li.addr {background-size: 15px auto; background-position: 6px 1px;}
	#contact .location_bx .txt_bx ul li.email {background-size: 19px auto; background-position: 4px 1px;}
	#contact .location_bx .txt_bx ul li strong {font-size: 15px;}
	#contact .location_bx .btn_bx {left: 15px; bottom: 40px; max-width: 290px;}
	#contact .location_bx .btn_bx a {font-size: 12px; width: calc(50% - 5px); margin-right: 10px;}
	#contact .location_bx .btn_bx a span {line-height: 44px;}
	
	
	
	
	/* 전자상거래 표준약관 */
	.yg{font-size:12px; line-height:18px;}
	.yg h2{margin-top:50px; font-size:18px;}
	.yg h3{margin-top:20px; margin-bottom:5px; font-size:15px;}
	.yg h4{margin-top:10px; margin-bottom:5px; font-size:14px;}
	.yg p{margin:5px 0;}

	.fly_w{margin-top:5px; padding:10px;}
	.fly_w > li > ul{padding:0 0 0 5px;}
	.fly_w > li > ol{padding:0 0 0 5px;}

	ul.fly_w > li{padding-left:10px; margin-top:3px;}
	ol.fly_w > li{margin-top:3px;}

	.yg_table{margin-top:10px;}
	.yg_table div{width:100%; margin-top:10px;}
	.yg_table div:first-child{margin-top:0;}
	.yg_table div > strong{font-size:12px; padding:8px 0;}
	.yg_table div table{ table-layout:fixed; }
	/* .yg_table div table colgroup col:nth-of-type(1){width:80px !important;}
	.yg_table div table colgroup col:nth-of-type(2){width:calc(100% - 80px) !important;} */
	.yg_table div table thead th{padding:5px 0;}
	.yg_table div table tbody th{padding:5px 0;}
	.yg_table div table tbody td{padding:0 10px}
	#privacy_pop select { margin-top: 15px; width: 100%; max-width: 300px; height: 30px; font-size: 12px; }
}

/* 모바일 */
@media all and (max-width:768px){
	/* ABOUT */
	#about .box1 img {max-width: 150px;}
	#about .box1 .txt1 {max-width: 270px;}
	#about .box1 .txt2 {max-width: 260px;}
	
	
	
	/* CONTACT */
	#contact.profile .f_bx .f_ttl {max-width: 250px;}
	#contact.ad .f_bx .f_ttl {max-width: 330px;}
	
	#contact .location_bx .map_bx {height: auto; background-color: #111111;}
	#contact .location_bx .btn_bx {position: relative; bottom: auto; left: auto; margin-top: 28px;}
	#contact .location_bx .map_img {position: relative; top: auto; left: auto; margin-top: 40px; background: none;}
	#contact .location_bx .map_img img {width: 100%;}
}