body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding:0; margin:0;}
p, ul, ol, li, dl, dt, dd, form {list-style-image:none; list-style-position:outside; list-style-type:none; border:0px;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
html, body {
	font-size:13px;
	color: #242424;
	line-height:140%; 
	font-family:Noto Sans, dotum, gulim;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
}

a,img,input{selector-dummy: expression(this.hideFocus=true);} 
a:link {text-decoration:none; color:#666666;}
a:visited {text-decoration:none; color:#666666;}
a:hover	{text-decoration:none; color: #333333; }
.img_m {vertical-align:middle;}
.img_t {vertical-align:top;}
.img_b {vertical-align:baseline;}


hr {display:none;}
ol, ul, li {list-style:none;}


.reader em, .semantic em, .ir em, .reader .em, .semantic .em, .ir .em {
    position: absolute;
	*left:-100%;
    z-index: -1;
    opacity: 0;
    text-indent: -1000px;
}
figure {display: block; margin: 0px; padding: 0px;}

a,img,input{selector-dummy: expression(this.hideFocus=true);} 
a img, fieldset {border:0px none; }
img {vertical-align:top;}
.imgW img {max-width: 100%;}

html:first-child select {padding-left:5px;} /* Opera Fix */
option, x:-moz-any-link {padding-left:5px;} /* Firefox Fix */
option, x:-moz-any-link, x:default {padding-right: 0;} /* Firefox Fix */


/* bold */
strong, b, h4, h5, dt, th, .caption {font-family:Noto Sans, dotum, gulim; font-weight:600;}
strong.eb, b.eb, .eb {font-family:Noto Sans, dotum, gulim; font-weight:600;}


.fb  {font-weight: 500} 
.feb  {font-weight: 700;} 
.fn  {font-weight: normal !important; font-weight: 300 !important;}



/* form */
input[type=text], input[type=file], input[type="password"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], select, textarea {line-height:34px; min-height:34px; vertical-align:middle; font-family:Noto Sans, dotum, gulim; transition:border-color 0.2s; border:1px solid #ccc; border-radius:0px; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; background-color: #fff; font-size: 1em; font-weight: 300;}
input[type=file] {background:#fff; padding:0px; border:none; font-size:0.95em;} 
input {vertical-align:middle; -webkit-appearance: none;  -webkit-border-radius: 0;}
input[type="radio"] {-webkit-appearance: radio; box-sizing: border-box;}
input[type="radio"], input[type="checkbox"] {margin:3px 0.5ex; *margin:0px 0.5px; padding:initial; background-color:initial; border:initial;}
ime_mode {ime-mode:disabled; }
input[type="radio"] {width:23px; height:23px; }
.ckeck input[type="checkbox"] {width:25px; height:25px; }
input[type="checkbox"] {-webkit-appearance: checkbox; opacity:1; box-sizing: border-box;}




input::-webkit-input-placeholder { color:#d0d1d3; font-weight: 300; }
input::-moz-placeholder { color:#d0d1d3; font-weight: 300; }
input:-ms-input-placeholder { color:#d0d1d3; font-weight: 300; } 





.input {
          color:#737070; 
		  background-color:#ffffff;
		  border:solid 1px #cccccc; 
		  height:18px;
		  padding:0px 5px 0 10px;
		
}	

.textarea {
	      border:solid 1px #cccccc; 
		  background-color:#ffffff;
		  padding:10px 10px;
		  line-height:140%;
		  color:#737070;
		  width:100%;	
          font-size:14px;
}
textarea, .scr	{
	scrollbar-face-color:#ffffff;		/* bar 의 표면색 */
	scrollbar-highlight-color:#d0d0d0;	/* 밝게 빛나는 좌상단 모서리 */
	scrollbar-3dlight-color:#ffffff;	/* 좌상단 모서리 아래부분 */
	scrollbar-shadow-color:#d0d0d0;		/* 그림자 지는 우하단 */
	scrollbar-darkshadow-color:#ffffff;	/* 그림자 우하단 */
	scrollbar-track-color:#f7f7f7;		/* 스크롤 트랙의 색 */
	scrollbar-arrow-color:#968a7c;		/* 삼각형부분 */
	overflow-x:hidden;overflow-y:auto; 
}	 

select {position:relative; border:none; font-family:Noto Sans; font-weight: 300; color:#565a5c; border:1px solid #cccccc; border-radius:0px; background:url(../img/sel_arrow.png) no-repeat 95% center; box-sizing: border-box; -webkit-appearance: none;- moz-appearance: none;appearance: none;}


.select {height: 40px;}
.select2 {height:28px; width:100%; max-width:90px; min-height: 28px; line-height: 28px;}


#wrap {max-width: 1000px; margin: 0 auto; font-size: 15px; font-weight: 300}
img {max-width: 100%;}


.movie_frame {position: absolute; left: 0px; right: 0px; bottom:12.5%; box-sizing: border-box; padding: 0px 6.05%;}
.movie_frame > li {float: left; width: 50%; box-sizing: border-box; padding: 0px 2%;}
.movie_frame > li > div {position: relative; text-align: center}
.movie_frame > li > div > img {z-index: 2; position: relative;}
.movie_frame > li > div > p {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width:58.45%; z-index: 3; margin-top:0px;}
.movie_frame > li > div > p.gif {display: none;}
.movie_frame > li > div > p.bt {z-index: 4; cursor: pointer;}
.movie_frame > li > div > p img {max-height: 100%;}
.movie_frame > li > div:after {display: block; content: ""; width: 100%; height: 100%; background: #000; opacity: 0.3; position: absolute; left:3%; top:3%; border-radius:20px; z-index: 0;}


.section1 {position: relative;}
.section3 {background: url(../img/03_bg.jpg) no-repeat left top; background-size:cover}
.section3_txt {text-align: center; max-width: 80%; margin: 0 auto; padding:7% 0px 10% 0px;}


.write_area_wrap {width:80%; position: relative; margin:0 auto; max-width:710px; box-sizing:border-box; padding:4%;} 
.write_area_wrap:before {display:block; content:""; width:100%; height:100%; background:#fff; border-radius:10px; opacity:0.7; box-shadow:0px 2px 10px rgba(0, 0, 0, 0.2); position: absolute; left: 0px; top: 0px;}

.event_area {padding:0% 5%; max-width: 630px; margin: 0 auto;}
.event_area .btn {text-align: center; padding:20px 0px 5% 0px; position: relative;}
.event_area .btn img {max-width: 80%;}


.s_tit {font-size:27px; font-weight:600; line-height:140%; color: #5d60e4;}
.s_tit .num {display: inline-block; width: 38px; height: 38px; line-height:36px; background: #5d60e4; vertical-align: top; border-radius:100%; color: #fff; font-size:23px; text-align: center; font-weight: 600; margin-right: 5px;}


.write_area {margin: 0 auto; position: relative;}
.write_area > dl {display: flex; flex-wrap: wrap; margin-top:5%; font-size:17px; border: 2px solid #fff; background: #fff; box-shadow:3px 4px 3px rgba(0, 0, 0, 0.15); }
.write_area > dl > dt {width:25%; box-sizing: border-box; display:flex; justify-content: center; align-items: center; flex-wrap: wrap; font-weight:400; color: #fff; background:#8e86c8; font-size: 22px;}
.write_area > dl > dd {width:75%; padding:0px; background: #fff; box-sizing: border-box; }
.write_area > dl > dd .input {width: 100%; background:#fff; height:49px; border: none; line-height: 130%;}
.write_area > dl > dd .select {width: 100%; height: 38px; border: none; line-height: 36px;}



.event_area input[type="checkbox"]{display:none;}
.event_area input[type="checkbox"] + label {position: relative; padding-left:25px;}
.event_area input[type="checkbox"] + label:before{display:block; content: ""; width:19px; height:19px; border:2px solid #bfbfbf; background:#fff; box-sizing:border-box; vertical-align: top; position: absolute; left: 0px; top:1px;}

.event_area input[type="checkbox"]:checked + label::after{content:'✔'; font-size:14px; width:19px; height:19px; line-height:18px; text-align:center; position:absolute; left:0; top:0; color:#000}



.flex_box {display: flex; margin: 0px -7px;}
.flex_box > li {padding: 0px 7px; box-sizing: border-box;}

/* 레이어팝 */
#black {display:none; background-color:#000; display:none; height:100%; left:0; opacity:0.6; filter:alpha(opacity=60); position:fixed; top:0; width:100%; z-index:9999;}
.layerPop {-webkit-overflow-scrolling:touch; overflow-y:auto; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; z-index:99999; zoom:1;}
.layerPop:before {display: block; content: ""; width: 100%; height: 100%; position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px;  background: #000; opacity: 0.7;}

.layerPop_inner {width:100%; height:100%; padding:15px; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.pop_wrap {display:table-cell; vertical-align:middle; position:relative;}
.pop_wrap .pop_body {padding:15px 20px; font-size:15px; background:#fff; word-break:keep-all;}
.pop_wrap .pop_body .btns {padding-top:20px;}
.pop_wrap .popup_scroll {max-height:700px; overflow-y:auto;}
.pop_wrap .pop_wrap_in {width:100%; margin:0 auto; border-radius:0px; overflow:hidden;}
.pop_wrap .x_btn {position:absolute; right:10px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); display:inline-block; cursor:pointer; background:none}
.pop_wrap .pop_head {background:#fff; position:relative;}
.pop_wrap .pop_head .title {font-size:26px; line-height:150%;  color:#000000; padding:20px 50px 20px 25px; text-align:left; font-weight:600;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color:#646464; text-align:center; padding:0px 0px 30px 0px;}
.pop_wrap .x_btn2 {position:absolute; right:0px; bottom:0px; }
.pop_wrap .x_btn3 {position:absolute; right:0px; bottom:-42px; }
.pop_body .btn-tc {padding:30px 0px 0px 0px; margin-top:25px;}
.pop_body .btn-tc > a {margin:0px 10px;}
.pol_sc {width:100%; height:310px; overflow-x:hidden; overflow-y:auto;}
.pop_wrap .pop_bottom .close {background: #000000; display: block; color: #fff; line-height:50px; font-size: 16px; text-align: center}

.agree_box textarea {width: 100%; background: #eaedf4; border: 1px solid #e1e1e1; height:400px; padding: 15px; overflow-y: scroll; line-height: 150%; font-size:14px; color: #333; font-weight: 300;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.tc {text-align: center;}

.agree_check {font-size:16px; word-break:keep-all; line-height: 18px; font-weight: 400; margin:10% 0px; text-align: center; color: #fff; padding: 0px 10px;}
.agree_check a {color: #fff; display: inline-block; position: relative;}

.file_input {display: flex; flex-wrap: wrap; position:relative; padding: 0px;}
.file_input label {cursor:pointer; overflow:hidden; padding: 0px 5px; text-align: center; background:#757a85; color: #fff; align-items: center; width:85px; display: flex; flex-wrap:wrap; font-size:16px; justify-content: center;}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden; padding:0px; border:none;}
.file_input > input {color:#737070; font-size:1em; background-color: #ffffff; flex: 1;  margin-right: 5px; border: solid 1px #ccc; width:100%;  box-sizing:border-box; -moz-box-size:border-box; min-height:49px; line-height:49px; padding-left: 10px; border: none;}


/* 480 이하 */
@media screen and (max-width:479px) {
	#wrap {font-size: 13px;}
	.s_tit {font-size:5vw}
	.s_tit .num {width: 28px; height: 28px; line-height: 26px; font-size: 14px;}
	.write_area > dl {font-size:12px;}
	.write_area > dl > dt {font-size: 12px; width: 20%;}
	.write_area > dl > dd {width:80%;}

	.write_area > dl > dd .input {height:24px; line-height: 24px;}
	.write_area > dl > dd .select {height: 24px; line-height: 24px;}

	select {background-size:auto 10px;}
	.write_area_wrap {width: 100%;}
	.ss_tit {font-size:4vw; padding: 30px 0px 10px 0px;}
	.agree_box textarea {font-size: 12px;}
	.agree_check {font-size: 10px;}
	.agree_check a {display: inline-block}
	
	.movie_frame > li > div:after {border-radius: 10px;}
	
	.file_input > input {height:34px; min-height: 34px; line-height: 34px;}
	.file_input label {width: 65px; font-size: 12px;}
	
}