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:#999999; font-weight: 300; }
input::-moz-placeholder { color:#999999; font-weight: 300; }
input:-ms-input-placeholder { color:#999999; 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: 800px; margin: 0 auto; font-size: 15px; font-weight: 300; padding-bottom:210px;}
img {max-width: 100%;}


.s_tit {font-size:28px; font-weight:600; line-height:140%; color: #000;}
.ss_tit {font-size:24px; padding: 50px 0px 5px 0px; font-weight:500; line-height:140%; color: #000;}
.event_tab_wrap {height:80px;}
.event_tab {display: flex; flex-wrap: wrap;}
.event_tab > li {width: 33.3333%; box-sizing: border-box;}
.event_tab > li > a {display: flex; height:80px; justify-content: center; align-items: center; font-size:21px; font-family: 'GmarketSans'; color: #666; width: 100%; position: relative;}
.event_tab > li > a.on {color: #000;}
.event_tab > li > a.on:after {display: block; content: ""; width: 100%; height:6px; background: #6f9acf; position: absolute; left: 0px; bottom: 0px;}
.fixed .event_tab {z-index:3; background:#fff; width:100%; max-width: 800px; position:fixed; left:50%; top:0px; -webkit-transform:translateX(-50%); transform:translateX(-50%);}

.bottom_btn_area {position: fixed; width: 100%;  text-align: center; box-sizing: border-box; padding:50px 7.999%; bottom: 0;background: linear-gradient(to bottom,rgba(85,207,254,0),#fff 65%); background: -webkit-linear-gradient(to bottom,rgba(85,207,254,0),#fff 65%); z-index: 99}
.bottom_btn_area > a {display:inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 100px; width: 100%; max-width:800px; background:linear-gradient(-45deg, #0010a4 50%, #000887 50%); color: #fff; font-size:40px; font-family: 'GmarketSans'; border-radius:20px; overflow: hidden; box-sizing: border-box; padding-top: 5px;}

.inner {max-width: 800px; margin: 0 auto;}


.event_area {width:100%;  background: #fff; padding: 20px; box-shadow:3px 3px 5px rgba(0, 0, 0, 10%); box-sizing:border-box; position:relative; z-index:2; border-radius: 1.538rem; margin-bottom: 20px;}


.write_area > ul {font-family: 'GmarketSans'; font-size: 20px;}
.write_area > ul > li {border: 1px solid #ccc; border-radius:1rem; padding-left:2%; overflow:hidden; margin-top:24px;}
.write_area > ul > li .input {width: 100%; background:#fff; outline: none; height:70px; border: none; line-height: 70px; font-family: 'GmarketSans';}
.write_area > ul > li .select {width: 100%; height: 70px; border: none; line-height: 70px; font-family: 'GmarketSans'; outline: none;}
.write_area > dl:first-child {margin-top:0px;}

.btn_group {text-align: center;}
.btn_group > a {display:inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; height:85px; width: 100%; background:#000887; color: #fff; font-size:36px; font-family: 'GmarketSans'; border-radius:20px; overflow: hidden; box-sizing: border-box; padding-top: 5px;}
.btn_group > a.disable {background:#666; opacity:0.5;}

.section2_ico {background: #f6f6ff; padding: 10% 7.999%}
.section3_ico {background: #f6f6ff; padding:10px 7.999%; padding-top: 0px;}

.ico_btn_group {border: 1px solid #b5b5b7; border-radius:1rem; padding:3%; background: #fdfdff; overflow: hidden; box-shadow:3px 3px 5px rgba(0, 0, 0, 10%); display: flex; flex-wrap: wrap; margin-bottom: 10px;}
.ico_btn_group > li {width: 25%; box-sizing: border-box; border-left:1px solid #b5b5b7;  border-top:1px solid #b5b5b7; padding:3px;}
.ico_btn_group > li:nth-child(-n+4) {border-top:none; }
.ico_btn_group > li:nth-child(1) {border-left:none;}
.ico_btn_group > li:nth-child(5) {border-left:none; }


.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.on .pop_wrap .pop_wrap_in {transform: translateY(0%)}
.layerPop::-webkit-scrollbar {width:0px;}
.layerPop::-webkit-scrollbar-thumb {height: 30%; background:rgba(0, 0, 0, 0%);border-radius:5px;}
.layerPop::-webkit-scrollbar-track {background: rgba(33, 122, 244, .0);}
.layerPop:after {display:block; content:""; width:100%; height:100%; position:fixed; left:0px; right:0px; top:0px; bottom:0px; background:#191919; opacity:0.3; z-index:1}

.layerPop_inner {width:100%; height:100%; max-width:800px; display:table; position:relative; margin:0 auto; box-sizing:border-box; z-index:2}
.pop_wrap {display:table-cell; vertical-align:bottom; position:relative;}
.pop_wrap .pop_body {padding:15px 8%; font-size:15px; word-break:keep-all; position:relative;}
.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: 1.538rem 1.538rem 0 0;  /*box-shadow:1px 4px 5px #443939;*/ overflow:hidden; background:#fff; position: relative; transform: translateY(100%);  transition:all 0.6s 0s ease-in-out}
.pop_wrap .pop_wrap_in .x_btn {top:20px; transform: none;}
.pop_wrap .x_btn {position:absolute; right:20px; top:50%; transform:translateY(-50%); display:block; cursor:pointer; background:none; width:40px; height:40px; font-size: 0px;}
.pop_wrap .x_btn:after {display: block; content: ""; width: 100%; height:3px; background: #333; transform-origin:center; transform: translateY(-50%) rotate(45deg); position: absolute; top: 50%;}
.pop_wrap .x_btn:before {display: block; content: ""; width: 100%; height:3px; background: #333; transform-origin:center; transform: translateY(-50%) rotate(135deg); position: absolute; top: 50%;}

.pop_wrap .pop_head {background:#333f50; height:54px; display:flex; flex-wrap:wrap; justify-content: center; align-items:center; position:relative;}
.pop_wrap .pop_head .title {font-size:17px; line-height: 1.4em; color:#fff; text-align:center; font-weight:700;}
.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; font-family: 'GmarketSans';}



input[type="checkbox"]{display:none;}
input[type="checkbox"] + label {position: relative; display:inline-flex; align-items: center; }
input[type="checkbox"] + label:before{display:block; content: ""; width:18px; height:18px; border:2px solid #415176; background:#fff; border-radius:0px; box-sizing:border-box; vertical-align: top; margin-right: 5px;}
input[type="checkbox"]:checked + label::after{content:'✔'; font-size:14px; width:18px; height:18px; line-height:18px; text-align:center; position:absolute; left:0; top:50%; transform: translateY(-50%); color:#000}

.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:18px; line-height: 1.5em; word-break:keep-all; font-weight:300; margin: 10px 0px 20px 0px; text-align: center; color: #333; display: flex; flex-wrap: wrap; align-items: center; justify-content: center}
.agree_check a {color: #333;}

#wrap .pr {position:relative;}
#wrap .pr > a {display:block; position:absolute; width:100%; z-index:9 }
#wrap .pr > a.bt1 {height:8%; left:0px; bottom:0px;}
#wrap .pr > a.bt2 {height: 5%; left: 50%; transform: translateX(-50%); bottom: 16%; width: 42%;}
#wrap .pr > a.bt3 {height:8%; left:0px; bottom:0px;}


/* 800 이하 */
@media screen and (max-width:800px) {
	.agree_check {font-size: 3vw;}
}

/* 480 이하 */
@media screen and (max-width:479px) {
	#wrap {padding-bottom:140px;}
	.pop_wrap .x_btn {width: 30px; height: 30px;}
	.write_area > ul {font-size: 14px;}
	.write_area > ul > li {margin-top: 5px;}
	.write_area > ul > li .input {height:45px; line-height: 45px;}
	.write_area > ul > li .select {height: 45px; line-height: 45px; background-size:10px auto;}
	.btn_group > a {height: 65px; font-size: 20px; border-radius: 12px;}
	
	.bottom_btn_area > a {height: 60px; font-size: 20px; border-radius: 10px;}
	.event_tab_wrap {height:50px;}
	.event_tab > li > a {height:50px; font-size:15px;}
	.event_tab > li > a.on:after {height: 4px;}
}