@charset "utf-8";
	* {margin:0; padding:0; border:0 none transparent; box-sizing:border-box;}
	:before, :after {box-sizing:border-box;}
	html {min-width:800px;}
	html, body {margin:0;padding:0;height:100%;}
	html, body {font-family:'SCDream','Noto Sans KR','Nanum Gothic','sans-serif' !important;color:#333333;font-size:15px;font-weight:300;letter-spacing:-0.05em}
	a, a:hover {text-decoration:none;}
	body {position:relative;}
	#wrap {clear:both;position:relative;top:0;left:0;right:0;padding:0;}
	.wrap_gap_width {width:1200px;margin:0 auto;}

	#header {position:fixed;z-index:100;top:0;left:0;width:100%;z-index:999}	
	#header .logo {padding:0 1rem;margin:0;text-align:center;display:inline-block;}
	#header .logo, #header .logo a {color:#4949e8;}
	#header .logo h3 {margin:0;padding:0;font-size:1.2rem;font-weight:400}
	#header .gnb_wrap {padding:0;margin:0;}
	#header .gnb_inner {padding:10px 0;position:relative;z-index:1}

	#header.scrolled .gnb_wrap:after {
		position: absolute;
		top:0;left:0;width:100%;height:100%;
		border-top:1px solid rgba(231,235,237,0.73);border-bottom:1px solid rgba(231,235,237,0.73);
		background: rgba(255,255,255,1);
		box-shadow: 0 7px 5px rgba(0,0,0,0.1);
	//	opacity: 0.2; filter: alpha(opacity=20);
		content: "";
	}

	#header.scrolled .top_area {display:none}
	#header.scrolled  a {text-shadow: none !important;}
	#header.scrolled .gnb_wrap .navigation > ul > li > a,
//	#header.scrolled .logo, #header.scrolled .logo a {color:#000}
	
	#header .r { padding-right:2rem;font-size:1.3rem;line-height:30px;}
	#header .icon-tel {display:flex;align-items:center;justify-content:center;}
	#header .icon-tel i {width:30px;height:30px;background-color:#000000;border:1px solid #000;color:#f7f7f7;padding:7px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
	#header .r a {color:#4949e8;font-size:1.5rem;margin-left:1rem;text-decoration:none;font-weight:600}
	#header .r a span {padding:0.3rem;border-bottom:1px solid #4949e8}
	#header .r a:hover {color:#6689d8;}
	#header .r a:hover span {border-bottom:1px solid #6689d8}
	
	#footer {background-color:#313131;color:#fff;text-align:center;font-size:0.9rem}
	
	#footer h3 {color:#fcff9f;}
	#footer h4 {line-height:30px;font-weight:300}
	#footer .map-link {margin-left:10px;color:#797979}
	#footer .tel span {margin-right:5px}
	#footer p.desc {margin-top:1em;margin-bottom:0;}
	
	.wrap_gap_width {width:1200px;margin:0 auto;}
	.wrap_gap_width_100 {width:auto;padding:0 5%;}

//	.full_h {min-height: -webkit-fill-available;}
	.full_h {height:100vh;}
	.full_ht {height:calc(100vh - 55px);}
//	.section {position:relative;}
	.section .inner {width:100%;padding:110px 0 0 0;}
	
	.section1 {background-color:#ffffff;text-align;center}
	.section1 .title {color:#4949e8;margin:0 0 3rem 0;}
	.section1 .title h1 {font-size:2.5em;margin:0;;font-weight:600;}
	.section1 .title h1 span {font-size:1.1em;color:#d62500}
	.section1 .title h3 {font-size:1.5em;margin:0.3rem;color:#6689d8}
	.section2 {background-color:#1474c5;}

	.btn-play {width:100px;height:100px;}

/*  copyright */
	#wrap {
		min-height:calc(100% - 100px);
		min-height: -moz-calc(100% - (100px));
		min-height: -webkit-calc(100% - (100px));
	}
	#footer {height:100px;}

/* cricle */
	#section1 .btn-circle {
		font-weight: 400;
		width: 246px;
		height: 246px;
		padding-bottom: 1em;
		border-radius: 50%;
		margin:0.5em;
		line-height:1em;
		transition: transform .1s;
	}
	#section1 .btn-circle {
		color: #fff;
		background-color: #007bff;
	}
	#section1 .btn-circle:hover {
	  transform: scale(1.1);
	}
	
	#section1 .btn-circle.cont1 {background-color:#007bff;}
	#section1 .btn-circle.cont2 {background-color:#ff6900;}
	#section1 .btn-circle.cont3 {background-color:#d62500;}
	
	#section1 .btn-circle > div {margin-top:1.6rem;}
	#section1 .btn-circle h3 {margin:3px 0 0 0;text-align:left !important}
	#section1 .btn-circle ul {text-align:left;padding:0;list-style: none;font-size:0.95rem;}
	#section1 .btn-circle div > ul {margin:7px 0 0 0;}
	#section1 .btn-circle li {padding:0.05em 0;}
	#section1 .btn-circle ul ul {padding-left:0.7em;}
	
	.cont-wrap {position:relative;min-width:640px;width:640px;height:510px;text-align:center;}
	.cont-wrap {background:transparent url('../main/bg_cont2.png?v1') no-repeat 50% 50%;}
	.cont-wrap .cont1 {}
	.cont-wrap .cont2 {position:absolute;left:0;bottom:0}
	.cont-wrap .cont3 {position:absolute;right:0;bottom:0}
	
	.license {max-height:400px;border:1px solid #dfdfdf;}
	
/* btn_arrow */
	#toTop, #toBottom {background-color:#000000;}
	.btn_arrow { position:absolute; bottom:30px; width:40px; left:50%; margin-left:-20px; z-index:20}
	.btn_arrow a {border:none;background:transparent url('../btn_arrow.png') no-repeat center 50%;}
	.btn_arrow a {
		position: relative;background-size:20px; width:40px; height:40px; border-radius:50%;  display:block; text-indent:-9999px;
		-webkit-animation-name: btn_arrow;-webkit-animation-duration: .5s;-webkit-animation-iteration-count: infinite;-webkit-animation-direction: alternate;
		animation-name: btn_arrow;animation-duration: .5s;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: ease-in-out;
	}
	.btn_arrow2 a {border:none;background:transparent url('../btn_arrow2.png') no-repeat center 50% !important;}
	@-webkit-keyframes btn_arrow {
		from { top:0px;}
		to { top:10px;}
	}
	@keyframes btn_arrow {
		from { top:0;}
		to { top:10px;}
	}	
	
	.section .btn_arrow a {border:1px solid transparent;background:transparent url('../btn_arrow.png') no-repeat center 50%;}

	@media all and (max-width: 960px){
		.wrap_gap_width {width:auto;}
		.section {padding:5% 5%;}
		.section1 .title h1 {font-size:1.5em;margin:0}
		.section1 .title h3 {font-size:1.2em;margin:0}
		.section1 .box-text {font-size:1.5em;}
		.btn-play {width:80px;height:80px;}
		.section .img { max-width:80%;}
		.wrap_gap_width_100 {padding:0 30px}
		.section1 .btn_arrow { margin-left:-20px;}
		#footer {font-size:0.9em;}
	}