@charset "utf-8";
html.show-layer { overflow: hidden; }
.modal-pop { position: fixed; width: 100%; overflow: hidden; border: 1px solid #ccc; background: #fff; z-index: 99; display: none; }
.modal-pop .title { padding: 12px 20px; border-bottom: 1px solid #ccc; font-size: 14px; text-align: left; }
.modal-pop .title span { float: right; cursor: pointer; }
.modal-pop > div { padding: 20px 20px; text-align: center; }
.modal-pop > div > p:first-child { font-size: 18px; }
.modal-pop > div > p:first-child strong { font-size: 14px; font-weight: normal; color: #333; }
.modal-pop > div > p:nth-child(2) { padding: 15px 0; }
.modal-pop > div > p:nth-child(3) { padding: 15px 0; width: 80%; margin: 0px auto 0; background: #fed829; color: #381e1f; }
.modal-pop > ul { width: 100%; overflow: hidden; border-top: 1px solid #ccc; }
.modal-pop > ul > li { float: left; width: 50%; padding: 12px 0; text-align: center; box-sizing: border-box; }
.modal-pop > ul > li:first-child { border-right: 1px solid #ccc; cursor: pointer; }

.pop-layer .pop-container { padding: 20px 25px; box-sizing: border-box; }
.pop-layer p.title {border-bottom: 1px solid #ddd;	font-weight: bold;margin-bottom: 10px;font-size: 14px;text-align: center;}
.pop-layer pre.ctxt { color: #666; line-height: 1.5; height: 200px; white-space: pre-wrap; overflow-x: hidden; padding: 10px; text-align: justify; font-size: 12px;}
.pop-layer .btn-r {  width: 100%; margin: 10px 0 20px; padding-top: 10px; border-top: 1px solid #ddd; text-align: right;}

.pop-layer { display: none; position: absolute; width: 100%; height: auto; background-color: #fff; border: 5px solid #000; z-index: 10; top: 50%; transform: translate(0, -50%); }
.dim-layer { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.dim-layer .dimBg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
.dim-layer .pop-layer { display: none;}
a.btn-layerClose { display: inline-block; height: 25px; padding: 0 14px 0; border: 1px solid #000; background-color: #000; font-size: 13px; color: #fff; line-height: 27px; }
a.btn-layerClose:hover { border: 1px solid #091940; background-color: #000; color: #fff;}

.pc, .mo, .tablet { display: none !important; }


@media screen and (min-width: 1920px) {
}

@media screen and (min-width: 1201px) {
	#wrap { width: 100%; overflow: hidden; }
	.pc { display: block !important; }
	#header { width: 100%; position: fixed; left: 0; top: 0; z-index: 10; transition: all 0.7s ease-out; transition-delay: 0.2s; }
	#header.active { background: #fff; }
	#header .inner-wrap { height: 80px; display: flex; justify-content: space-between; align-items: center; }
	#header .inner-wrap > ul { display: flex; }
	#header .inner-wrap > ul > li { font-size: 16px; margin-left: 45px; position: relative; cursor: pointer; }
	#header .inner-wrap > ul > li.on { color: #b251fb; font-weight: 700; }
	#header .inner-wrap > ul > li::after { content: '/'; position: absolute; left: -22.5px; top: 0; font-size: 16px; }
	#header .inner-wrap > ul > li:first-child::after { display: none; }

	
	#footer { width: 100%; background: #000; color: #fff; }
	#footer .box1 { height: 568px; padding: 70px 0 50px; box-sizing: border-box; display: flex; flex-direction: column; flex-wrap: wrap; align-content: space-between; }
	#footer .box1 > div {}
	#footer .box1 > .map { overflow: hidden; width: 791px; height: 447px; }
	#footer .box2 { position: relative; }
	#footer .box2 .ft-logo { position: absolute; left: 30px; top: -59px; }
	
	
	.layer { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 20; justify-content: center; align-items: center; display: none; }
	.layer.on { display: flex; }
	.layer .contents-wrap { width: 940px; height: calc(100% - 100px); background: #fff; position: relative; z-index: 2; }
	.layer .contents-wrap .contents { width: 100%; height: 100%; box-sizing: border-box; }
	.layer .contents-wrap .contents .title { width: 100%; height: 70px; padding: 0 0 0 30px; box-sizing: border-box; border-bottom: 1px solid #000; background: #000; color: #fff; display: flex; align-items: center; font-size: 20px; justify-content: space-between; }
	.layer .contents-wrap .contents .title > span:nth-of-type(1) { padding-top: 5px; }
	.layer .contents-wrap .contents .title > span:nth-of-type(2) { cursor: pointer; margin-right: 5px; }
	.layer .contents-wrap .contents .detail { width: 100%; height: calc(100% - 70px); padding: 50px 30px 100px; box-sizing: border-box; }
	.layer .contents-wrap .contents .detail .youtube_frame { margin-bottom: 50px; }
	.layer .layer-bg { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
	
	
	.receipt { position: fixed; width: 100%; height: 100%; background: #222; left: 0; top: 0; z-index: 20; padding: 140px 0 100px; display: none; }
	
	.receipt p.close-btn { text-transform: uppercase; font-size: 16px; color: #fff; position: absolute; left: 50%; top: 79px; margin-left: calc(558px + 50px + 28px); cursor: pointer; }
	
	.receipt > form > ul {}
	.receipt > form > ul > li { width: 100%; display: flex; justify-content: space-between; margin-bottom: 40px; }
	.receipt > form > ul > li p.title { font-size: 20px; font-weight: 700; margin-bottom: 5px; }
	.receipt > form > ul > li > div { width: 558px; color: #fff; }
	.receipt > form > ul > li > div > div { display: flex; justify-content: space-between; }
	
	.receipt > form > ul > li > div > div input[type=radio] { display: none; }
	.receipt > form > ul > li > div > div input[type=radio]+label { width: 275px; height: 51px; box-sizing: border-box; border: 1px solid #fff; font-size: 20px; font-weight: 700; color: #fff; text-align: center; line-height: 50px; cursor: pointer; font-family: 'GmarketSans' !important; padding-top: 3px; }
	.receipt > form > ul > li > div > div input[type=radio]:checked+label { background: #ab4df1; }
	
	.receipt > form > ul > li > div > div input[type=text],
	.receipt > form > ul > li > div > div select { width: 275px; height: 51px; box-sizing: border-box; border: 1px solid #fff; font-size: 16px; color: #fff; text-align: center; background: transparent; outline: none; line-height: 40px; padding-top: 4px; }
	
	.receipt > form > ul > li > div > div select { color: #d6d6d6; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/common/select-icon.png') 95% center/11px no-repeat; }
	.receipt > form > ul > li > div > div select.tal,
	.receipt > form > ul > li > div > div input[type=text].tal { padding-left: 30px; box-sizing: border-box; }
	.receipt > form > ul > li > div > div input[type=text].full_input { width: 100%; }
	.receipt > form > ul > li > div > div #file_1,
	.receipt > form > ul > li > div > div #file_2 { cursor: pointer; width: 100%; text-align: left; padding-left: 30px; box-sizing: border-box;  }
	.receipt > form > ul > li > div > div input[type=file] { display: none; }

	.receipt > form > ul > li > div > div #file_1:focus,
	.receipt > form > ul > li > div > div #file_2:focus { border: 1px solid #ab4df1; }
	.receipt > form > ul > li > div > div input[type=text]::placeholder { color: #d6d6d6; font-weight: 400; }
	.receipt > form > ul > li > div > div textarea { width: 100%; height: 100px; box-sizing: border-box; border: 1px solid #fff; font-size: 16px; color: #fff; background: transparent; outline: none; padding: 10px; resize: none; line-height: 1.5; }
	.receipt > form > ul > li > div > div textarea::placeholder { color: #d6d6d6; }
	
	.receipt > form > ul > li > div > div .tel { width: 179px !important; }
	.receipt > form > ul > li .agree-wrap {}
	.receipt > form > ul > li .agree-wrap textarea { color: #d6d6d6; height: 268px; }
	.receipt > form > ul > li .agree-wrap .agree { display: flex; align-items: center; margin-top: 6px; }
	.receipt > form > ul > li .agree-wrap .agree input[type=checkbox] { width: 16px; height: 16px; }
	.receipt > form > ul > li .agree-wrap .agree input[type=checkbox]+label { font-size: 16px; margin-left: 7px; padding-top: 3px; }
	
	.receipt > form input[type=submit] { width: 385px; height: 63px; border: 0; background: #ab4df1; color: #fff; display: block; margin: 0 auto; font-size: 20px; font-weight: 700; margin-top: 50px; }
	
	.receipt.scroll::-webkit-scrollbar-track,
	.receipt .scroll::-webkit-scrollbar-track { background-color: #222; }
	.receipt.scroll::-webkit-scrollbar-thumb,
	.receipt .scroll::-webkit-scrollbar-thumb { background-color: #aab7ce; }
	
	.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif !important; }
}

@media screen and (max-width: 1200px) {
	img { width: 100%; }
	picture { width: 100%; display: block; }
	.mo { display: block !important; }
	
	#wrap { width: 100%; overflow: hidden; }
	#header { width: 100%; position: fixed; left: 0; top: 0; z-index: 10; background: #fff; }
	#header .inner-wrap { height: 10.5263vw; display: flex; justify-content: center; align-items: center; }
	#header .inner-wrap .logo { width: 10.7895vw; }
	#header .inner-wrap .ham { position: absolute; left: 6.5789vw; width: 3.4211vw; top: 3.9474vw; }
	#header .inner-wrap > ul { width: 100%; position: absolute; left: 0; top: 10.5263vw; background: #fff; padding: 6.5789vw 0; border-top: 0.1316vw solid #b8b8b8; border-bottom: 0.1316vw solid #b8b8b8; display: none; }
	#header .inner-wrap > ul > li { font-size: 3.4211vw; text-align: center; color: #282828; line-height: 1; margin-top: 2.6316vw; }
	#header .inner-wrap > ul > li:nth-of-type(1) { margin-top: 0; }
		
	#container { padding-top: 10.5263vw; }

	#footer { width: 100%; background: #000; color: #fff; }
	#footer .box1 { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; }
	#footer .box1 > div {}
	#footer .box1 .loca { order: 1; }
	#footer .box1 .mail { order: 3; }
	#footer .box1 .map { overflow: hidden; order: 2; width: 100%; height: 54.7368vw; }
	#footer .box2 { position: relative; }
	#footer .box2 .ft-logo {}
	
	.layer { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 20; justify-content: center; align-items: center; display: none; }
	.layer.on { display: flex; }
	.layer .contents-wrap { width: 123.6842vw; height: calc(100% - 39.4737vw); background: #fff; position: relative; z-index: 2; }
	.layer .contents-wrap .contents { width: 100%; height: 100%; box-sizing: border-box; }
	.layer .contents-wrap .contents .title { width: 100%; height: 10.5263vw; padding: 0 0 0 3.9474vw; box-sizing: border-box; border-bottom: 0.1316vw solid #000; background: #000; color: #fff; display: flex; align-items: center; font-size: 2.6316vw; justify-content: space-between; }
	.layer .contents-wrap .contents .title > span:nth-of-type(1) { padding-top: 0.6579vw; }
	.layer .contents-wrap .contents .title > span:nth-of-type(2) { cursor: pointer; margin-right: 0.6579vw; }
	.layer .contents-wrap .contents .detail { width: 100%; height: calc(100% - 10.5263vw); padding: 6.5789vw 3.9474vw 13.1579vw; box-sizing: border-box; }
	.layer .contents-wrap .contents .detail .youtube_frame { margin-bottom: 6.5789vw; }
	.layer .layer-bg { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
	
/*
	img { width: 100%; }
	picture { width: 100%; display: block; }
	.mo { display: block !important; }
	
	#wrap { width: 100%; overflow: hidden; }
	#header { width: 100%; position: fixed; left: 0; top: 0; z-index: 10; background: #fff; }
	#header .inner-wrap { height: 80px; display: flex; justify-content: center; align-items: center; }
	#header .inner-wrap .logo { width: 82px; }
	#header .inner-wrap .ham { position: absolute; left: 50px; width: 26px; top: 30px; }
	#header .inner-wrap > ul { width: 100%; position: absolute; left: 0; top: 80px; background: #fff; padding: 50px 0; border-top: 1px solid #b8b8b8; border-bottom: 1px solid #b8b8b8; display: none; }
	#header .inner-wrap > ul > li { font-size: 26px; text-align: center; color: #282828; line-height: 1; margin-top: 20px; }
	#header .inner-wrap > ul > li:nth-of-type(1) { margin-top: 0; }
		
	#container { padding-top: 80px; }

	#footer { width: 100%; background: #000; color: #fff; }
	#footer .box1 { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; }
	#footer .box1 > div {}
	#footer .box1 .loca { order: 1; }
	#footer .box1 .mail { order: 3; }
	#footer .box1 .map { overflow: hidden; order: 2; width: 100%; height: 416px; }
	#footer .box2 { position: relative; }
	#footer .box2 .ft-logo {}
	
	.layer { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 20; justify-content: center; align-items: center; display: none; }
	.layer.on { display: flex; }
	.layer .contents-wrap { width: 940px; height: calc(100% - 100px); background: #fff; position: relative; z-index: 2; }
	.layer .contents-wrap .contents { width: 100%; height: 100%; box-sizing: border-box; }
	.layer .contents-wrap .contents .title { width: 100%; height: 70px; padding: 0 0 0 30px; box-sizing: border-box; border-bottom: 1px solid #000; background: #000; color: #fff; display: flex; align-items: center; font-size: 20px; justify-content: space-between; }
	.layer .contents-wrap .contents .title > span:nth-of-type(1) { padding-top: 5px; }
	.layer .contents-wrap .contents .title > span:nth-of-type(2) { cursor: pointer; margin-right: 5px; }
	.layer .contents-wrap .contents .detail { width: 100%; height: calc(100% - 70px); padding: 50px 30px 100px; box-sizing: border-box; }
	.layer .contents-wrap .contents .detail .youtube_frame { margin-bottom: 50px; }
	.layer .layer-bg { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
*/


.receipt { position: fixed; width: 100%; height: 100%; background: #222; left: 0; top: 0; z-index: 20; padding: 13.1579vw 0 11.8421vw; display: none; }
	
	.receipt p.close-btn { text-transform: uppercase; font-size: 2.1053vw; color: #fff; position: absolute; right: 2.6316vw; top: 2.6316vw; }
	
	.receipt > form > ul {}
	.receipt > form > ul > li { width: 100%; display: flex; flex-direction: column; }
	.receipt > form > ul > li p.title { font-size: 2.6316vw; font-weight: 700; margin-bottom: 0.6579vw; }
	.receipt > form > ul > li > div { width: 100%; color: #fff; margin-bottom: 5.2632vw; }
	.receipt > form > ul > li > div > div { display: flex; justify-content: space-between; }
	
	.receipt > form > ul > li > div > div input[type=radio] { display: none; }
	.receipt > form > ul > li > div > div input[type=radio]+label { width: 36.1842vw; height: 6.7105vw; box-sizing: border-box; border: 0.1316vw solid #fff; font-size: 2.6316vw; font-weight: 700; color: #fff; text-align: center; line-height: 6.5789vw; cursor: pointer; font-family: 'GmarketSans' !important; padding-top: 0.3947vw; }
	.receipt > form > ul > li > div > div input[type=radio]:checked+label { background: #ab4df1; }
	
	.receipt > form > ul > li > div > div input[type=text],
	.receipt > form > ul > li > div > div select { width: 36.1842vw; height: 6.7105vw; box-sizing: border-box; border: 0.1316vw solid #fff; font-size: 2.1053vw; color: #fff; text-align: center; background: transparent; outline: none; line-height: 5.2632vw; padding-top: 0.5263vw; }
	
	.receipt > form > ul > li > div > div select { color: #d6d6d6; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/common/select-icon.png') 95% center/1.4474vw no-repeat; }
	.receipt > form > ul > li > div > div select.tal,
	.receipt > form > ul > li > div > div input[type=text].tal { padding-left: 3.9474vw; box-sizing: border-box; }
	.receipt > form > ul > li > div > div input[type=text].full_input { width: 100%; }
	.receipt > form > ul > li > div > div #file_1,
	.receipt > form > ul > li > div > div #file_2 { cursor: pointer; width: 100%; text-align: left; padding-left: 3.9474vw; box-sizing: border-box;  }
	.receipt > form > ul > li > div > div input[type=file] { display: none; }

	.receipt > form > ul > li > div > div #file_1:focus,
	.receipt > form > ul > li > div > div #file_2:focus { border: 0.1316vw solid #ab4df1; }
	.receipt > form > ul > li > div > div input[type=text]::placeholder { color: #d6d6d6; font-weight: 400; }
	.receipt > form > ul > li > div > div textarea { width: 100%; height: 13.1579vw; box-sizing: border-box; border: 0.1316vw solid #fff; font-size: 2.1053vw; color: #fff; background: transparent; outline: none; padding: 1.3158vw; resize: none; line-height: 1.5; }
	.receipt > form > ul > li > div > div textarea::placeholder { color: #d6d6d6; }
	
	.receipt > form > ul > li > div > div .tel { width: 23.5526vw !important; }
	.receipt > form > ul > li .agree-wrap {}
	.receipt > form > ul > li .agree-wrap textarea { color: #d6d6d6; height: 35.2632vw; }
	.receipt > form > ul > li .agree-wrap .agree { display: flex; align-items: center; margin-top: 0.7895vw; }
	.receipt > form > ul > li .agree-wrap .agree input[type=checkbox] { width: 2.1053vw; height: 2.1053vw; }
	.receipt > form > ul > li .agree-wrap .agree input[type=checkbox]+label { font-size: 2.1053vw; margin-left: 0.9211vw; padding-top: 0.3947vw; }
	
	.receipt > form input[type=submit] { width: 73.4211vw; height: 8.2895vw; border: 0; background: #ab4df1; color: #fff; display: block; margin: 0 auto; font-size: 2.6316vw; font-weight: 700; margin-top: 0; }
	
	.receipt > form > ul > li .order {}
	.receipt > form > ul > li .order > div:nth-of-type(1) { order: 2; }
	
	.receipt.scroll::-webkit-scrollbar-track,
	.receipt .scroll::-webkit-scrollbar-track { background-color: #222; }
	.receipt.scroll::-webkit-scrollbar-thumb,
	.receipt .scroll::-webkit-scrollbar-thumb { background-color: #aab7ce; }
	
	.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif !important; }


/*
	.receipt { position: fixed; width: 100%; height: 100%; background: #222; left: 0; top: 0; z-index: 20; padding: 100px 0 90px; display: block; }
	
	.receipt p.close-btn { text-transform: uppercase; font-size: 16px; color: #fff; position: absolute; right: 20px; top: 20px; }
	
	.receipt > form > ul {}
	.receipt > form > ul > li { width: 100%; display: flex; flex-direction: column; }
	.receipt > form > ul > li p.title { font-size: 20px; font-weight: 700; margin-bottom: 5px; }
	.receipt > form > ul > li > div { width: 100%; color: #fff; margin-bottom: 40px; }
	.receipt > form > ul > li > div > div { display: flex; justify-content: space-between; }
	
	.receipt > form > ul > li > div > div input[type=radio] { display: none; }
	.receipt > form > ul > li > div > div input[type=radio]+label { width: 275px; height: 51px; box-sizing: border-box; border: 1px solid #fff; font-size: 20px; font-weight: 700; color: #fff; text-align: center; line-height: 50px; cursor: pointer; font-family: 'GmarketSans' !important; padding-top: 3px; }
	.receipt > form > ul > li > div > div input[type=radio]:checked+label { background: #ab4df1; }
	
	.receipt > form > ul > li > div > div input[type=text],
	.receipt > form > ul > li > div > div select { width: 275px; height: 51px; box-sizing: border-box; border: 1px solid #fff; font-size: 16px; color: #fff; text-align: center; background: transparent; outline: none; line-height: 40px; padding-top: 4px; }
	
	.receipt > form > ul > li > div > div select { color: #d6d6d6; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/common/select-icon.png') 95% center/11px no-repeat; }
	.receipt > form > ul > li > div > div select.tal,
	.receipt > form > ul > li > div > div input[type=text].tal { padding-left: 30px; box-sizing: border-box; }
	.receipt > form > ul > li > div > div input[type=text].full_input { width: 100%; }
	.receipt > form > ul > li > div > div #file_1,
	.receipt > form > ul > li > div > div #file_2 { cursor: pointer; width: 100%; text-align: left; padding-left: 30px; box-sizing: border-box;  }
	.receipt > form > ul > li > div > div input[type=file] { display: none; }

	.receipt > form > ul > li > div > div #file_1:focus,
	.receipt > form > ul > li > div > div #file_2:focus { border: 1px solid #ab4df1; }
	.receipt > form > ul > li > div > div input[type=text]::placeholder { color: #d6d6d6; font-weight: 400; }
	.receipt > form > ul > li > div > div textarea { width: 100%; height: 100px; box-sizing: border-box; border: 1px solid #fff; font-size: 16px; color: #fff; background: transparent; outline: none; padding: 10px; resize: none; line-height: 1.5; }
	.receipt > form > ul > li > div > div textarea::placeholder { color: #d6d6d6; }
	
	.receipt > form > ul > li > div > div .tel { width: 179px !important; }
	.receipt > form > ul > li .agree-wrap {}
	.receipt > form > ul > li .agree-wrap textarea { color: #d6d6d6; height: 268px; }
	.receipt > form > ul > li .agree-wrap .agree { display: flex; align-items: center; margin-top: 6px; }
	.receipt > form > ul > li .agree-wrap .agree input[type=checkbox] { width: 16px; height: 16px; }
	.receipt > form > ul > li .agree-wrap .agree input[type=checkbox]+label { font-size: 16px; margin-left: 7px; padding-top: 3px; }
	
	.receipt > form input[type=submit] { width: 558px; height: 63px; border: 0; background: #ab4df1; color: #fff; display: block; margin: 0 auto; font-size: 20px; font-weight: 700; margin-top: 0; }
	
	.receipt > form > ul > li .order {}
	.receipt > form > ul > li .order > div:nth-of-type(1) { order: 2; }
	
	.receipt.scroll::-webkit-scrollbar-track,
	.receipt .scroll::-webkit-scrollbar-track { background-color: #222; }
	.receipt.scroll::-webkit-scrollbar-thumb,
	.receipt .scroll::-webkit-scrollbar-thumb { background-color: #aab7ce; }
	
	.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif !important; }
*/
}