@charset "utf-8";

.nanumsquare { font-family: 'NanumSquare', sans-serif !important; } 

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
body, html { font-size: 100%; padding: 0; margin: 0; word-break: keep-all; 
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 
 -webkit-font-smoothing: antialiased; -moz-font-smoothing: unset; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; 
 -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } 
.clearfix { content: ""; display: table; clear: both } 
body { font: 14px/1.5  'NanumSquare', sans-serif !important; font-weight: 300; color: #444444; margin-bottom: 20px; } 
a { color: #007db8; text-decoration: none; } 
a:hover { color: #007db8; } 
strong { font-weight: 600; }
 .container { max-width: 860px; margin: 0px auto 70px; position: relative; margin-top: 0px; } 
.main section > div { width: 96%; max-width: 69em; margin: 0 auto; padding: 1.5em 1.875em 1.875em 1.875em; } 
.main { background: #eeeeee; /* border:15px solid #FFF; */  } 
.main > section:nth-child(odd) { background: #f7f7f7; } 
.main > section p { margin: 0em; padding: 0em 0em 1em 0em; font-size: 1.05em; line-height: 1.5; color: #666666; font-weight: 400; } 
.main > section h1 { font-size: 1.6em; line-height: 1.2; font-weight: 400; color: #5b07eb; margin: 0.3em 0em 0.5em 0em; text-align: left; } 
.main > section:last-child { background: #f4f4f4; color: #666666; } 
.main > section:last-child > div > p { font-size: 0.9em; line-height: 1.5; color: #666; } 
.footText { width: 700px; font-weight: 300; text-align: left; }

@media screen and (max-width: 699px) { 
.container { margin: 0px 0 70px 0; } 
.main > section h1 { text-align: left; } 
.main > section p { font-size: 1em; } 
.footText { width: 100%; font-weight: 300; text-align: center; } .intelmention { text-align: center; float: none; clear: both; overflow: hidden; margin: 20px auto; } } 

@media screen and (max-width: 544px) { 
.main > section h1 { text-align: center; } 
.main > section p { text-align: center; } } 

.logo_header { width: 100%; margin: 0 auto; padding: 3em 0em; text-align: center; overflow: hidden; height:100px;} 
/* .left_logo { float: left; width:200px; height: 49px; overflow: hidden; text-indent: -5000px; background:url(../img/logo.png) center no-repeat; background-size: 100% auto; cursor: pointer; margin: 0px auto; } 
.right_logo { float: right; width:200px; height: 47px; overflow: hidden; text-indent: -5000px; background:url(../img/logo2.png) center no-repeat; background-size: 100% auto; cursor: pointer; margin: 0px auto; }  */
/* .center_logo { float: right; width:100px; height: 24px; overflow: hidden; text-indent: -5000px; background:url(../img/logo3.png) center no-repeat; background-size: 100% auto; cursor: pointer; margin-left: 50px; } */

@media screen and (max-width: 859px) { 
.logo_header { padding: 3em 1em; } } 

/*등록하기 */
#wrap { border:1px solid #dadada;  margin:30px 30px 30px 30px; background:#ffffff;}
#wrap_2 { border:1px solid #dadada;  margin:10px 30px 30px 30px; background:#ffffff; padding-top:20px; border-top:4px solid #5b07eb; }

#agreeWrap{ background-color:#ffffff; margin: 0 auto; padding:10px 0 0 0px;} 
#agreeWrap h1 { text-align:center; font-weight:bold;}
#agreeWrap {text-align:center;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color:  #a5a5a5; }
 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:  #a5a5a5; opacity: 1; }
  ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:  #a5a5a5; opacity: 1; }
   :-ms-input-placeholder { /* Internet Explorer 10-11 */ color:  #a5a5a5; } 
   ::-ms-input-placeholder { /* Microsoft Edge */ color:  #a5a5a5; } 
   form { margin: 0px; padding: 0px; }
    #listQ { padding: 0px; margin: 0px; } 
	#listQ > li { display: inline-block; margin-right:10px; padding: 5px 0px 0px 0px; } 
	.input_box { font-size: 1em; line-height: 1; border:1px solid #d1d1d1; padding: 8px 10px 10px 10px; background: #f4f4f4; border-radius:5px; width:100%; margin-bottom:10px;}
	.input_box:hover{
		border: 1px solid #000;
	}
	.select_box { font-size: 1em; line-height:1; border:1px solid #d1d1d1; padding: 8px 10px 10px 10px; background: #f4f4f4; border-radius:5px; width:100%; margin-bottom:10px;} 
.frmTF1B { font-size: 1em; line-height: 1.1;  border:1px solid #d1d1d1; padding: 6px 10px 10px 10px; background: #f4f4f4; border-radius:5px; } 
.frmTFN { font-size: 0.95em; line-height: 1; border:0px solid #d1d1d1; padding: 5px 10px 7px 10px; background: #f4f4f4;  border-radius:5px; } 
.frmTF2 { font-size: 0.95em; line-height: 1; border:0px solid #d1d1d1; padding: 0px; background: #FFF } 
.emphasis { color: #C00; } 
.regWrap { overflow: hidden; clear: both;}
.regWrap.lt{ border-top:2px solid #5b07eb; }
.leftWrap { width: 50%; float: left; } 
.rightWrap { width: 50%; float: right; } 
.leftWrap_agree { width: 70%; float: left; height:40px; text-align:left; font-size:14px; font-weight:bold; } 
.rightWrap_agree { width: 30%; float: right; text-align:right; vertical-align:middle; display:block;  font-size:14px;} 
.titWrap { clear:both; border-bottom:2px solid #5b07eb; margin-bottom:20px; }
.titWrap h1 { display:inline-block; }
.titWrap p{ display:inline-block; padding-left:100px;}
.titWrap1 { clear:both; border-bottom:2px solid #5b07eb; margin-bottom:20px; }
.titWrap1 h1 { }
.titWrap1 p{ display:inline-block; padding-left:100px;}
.txt_blue{ color:#5b07eb;}
.sub_txt { font-size:12px; display:block; margin-bottom:30px; clear:both;}
.box_gray{ color:#444444; border:1px solid #a1a1a1; width:100%; background-color:#f4f4f4; font-size:11px; min-height:140px; }
.box_gray  strong { color:#ffffff; display:block; background-color:#444444; font-size:12px;} 
.box_blue { color:#444444; border:1px solid #5b07eb; width:100%; background-color:#f4f4f4; font-size:11px; min-height:140px; }
.box_blue  strong { color:#ffffff; display:block; background-color:#5b07eb; font-size:12px;} 
.box_blue  p {}
.box_wrap { clear:both; }
.box_25 { width:25%; float:left; padding:2px;}
.infoDvider2 { padding: 10px 0px 3px 0px; overflow: hidden; clear: both; border-bottom: 0px solid #EEEEEE; } 
.infoTitle { width: 100%; float: left; display:block; font-size: 1em; line-height: 1; font-weight: 400; color: #666666; padding:5px 0; }
.infoTitle2 { width: 20%; float: left; display: inline-block; font-size: 1em; line-height: 1; font-weight: 400; color: #666666; text-align: center; } 
.infoCont { width: 80%; float: left; } 
.infoBox { width: 30%; float: left; } 
.Q_title { font: 1.2em/1.6  'NanumSquare', sans-serif !important; width: 100%; overflow: hidden; font-weight: 400; color: #5b07eb; margin-bottom: 5px; } 
.Q_title-p{font:14px/1.5 'NanumSquare', sans-serif !important; width: 100%; overflow: hidden; font-weight: 400; margin-bottom: 5px; color:#444444;}
.svTitleop { font: 1.2em/1.6  'NanumSquare', sans-serif !important; width: 100%; overflow: hidden; font-weight: 400; color: #444444; margin-bottom: 5px; } 
.A_box { overflow: hidden; margin:0 0 20px 0 ; width: 100%; } 
.input_box_q { border-bottom:1px solid #c7c8c9; border-top:none;border-left:none;border-right:none;}
.input_Height { width: 100%; } 
.input_width60{ width:21%;  } 
.input_width90 { width: 30%; } 
.padT7 { padding-top: 10px; } 

@media screen and (max-width:860px){
	.box_blue {min-height:175px; }
	.input_width90 { width: 30%; }
	.input_width60{ width:21%;  } 
}

@media screen and (max-width: 699px) { /* Registration */ 
	.regWrap { overflow: hidden; clear: both; } 
	.titWrap h1 { display:block; }
	.titWrap p{ display:block; padding-left:0;}
	.box_25 { width:50%; float:left; padding:2px;}
	.leftWrap { width: 100%; float: none; } 
	.rightWrap { width: 100%; float: none; /*	margin-top: 15px; */ } 
	.leftWrap_agree { width: 100%; float: none;} 
	.rightWrap_agree {  width: 100%; float: none; } 
	.infoTitle { width: 100%; float: left; display:block; font-size: 1em; line-height: 1; font-weight: 400; color: #999999; padding: 5px 0;; } 
	.infoTitle2 { width: 100%; float: left; display: inline-block; font-size: 1em; line-height: 1; font-weight: 400; color: #999999; text-align: left; padding: 10px 0px 3px 0px; overflow: hidden; clear: both; margin-top: 10px; border-top: 1px solid #CCCCCC; }
	.infoCont { width: 100%; float: none; } .infoBox { width: 100%; float: none; } .input_Height { width: 100%; } .padT7 { padding-top: 10px; } } 

@media screen and (max-width:450px){
	.box_blue {min-height:173px; }
	/* .btn { width: 100%; margin-bottom:30px; font: 1.5em/1  'NanumSquare', sans-serif !important; font-weight:700;   color: #ffffff; word-break: keep-all; height: 50px; padding: 50px; width: 860px; cursor: pointer; -webkit-appearance: none; }  */
	.logo_header { width: 100%; margin: 0 auto; padding: 3em 0em; text-align: center; overflow: hidden; height:100px;} 
/* .left_logo { float: left; width:40%; height: 49px; overflow: hidden; text-indent: -5000px; background:url(../img/logo.png) center no-repeat; background-size: 100% auto; cursor: pointer; margin: 0px auto; padding: 0 10px; } 
.right_logo { float: right; width:40%; height: 47px; overflow: hidden; text-indent: -5000px; background:url(../img/logo2.png) center no-repeat; background-size: 100% auto; cursor: pointer; margin: 0px auto; padding: 0 10px;}  */
	



}
@media screen and (max-width:501px){
	.btn-s{
		width: 100%;
		text-align: center;
		background-color: #5b07eb;
		margin: 0 auto;	
	}}
	.box_blue {{min-height:173px; }}
	/* LOGO */
	/* .center_logo { float: right; width:30%; height: 24px; overflow: hidden; text-indent: -5000px; background:url(../img/logo3.png) center no-repeat; background-size: 100% auto; cursor: pointer; margin-left: 50px; } */
.logo_header { width: 100%; margin: 0 auto; padding: 3em 0em; text-align: center; overflow: hidden; height:100px;} 
.left_logo { float: right; width:25%; height: 49px; overflow: hidden; text-indent: -5000px; background:url(../img/logo.png) center no-repeat; background-size: 100% auto; cursor: pointer; margin: 0px auto; padding: 0 10px; margin-right:0 5%; margin-left: 15%;} 
.right_logo { float: left; width:25%; height: 47px; overflow: hidden; text-indent: -5000px; background:url(../img/logo2.png) center no-repeat; background-size: 100% auto; cursor: pointer; margin: 0px auto; padding: 0 10px; margin-left: 5%; margin-right: 15%;}  

/* btn */
.btn { width: 100%; margin-bottom:30px; font: 1.5em/1  'NanumSquare', sans-serif !important; font-weight:700;   
	color: #ffffff; word-break: keep-all;   cursor: pointer; -webkit-appearance: none;background-color: none; } 
.btn-s:hover { color: #FFFFFF; border: 1px solid #000000; background: #000000; } 
.btn-s:hover .btn{background-color: none;}
/* agree */
.subTitle { width: 100%; float: left; display: inline-block; font: 1.4em/1  'NanumSquare', sans-serif !important; font-weight: 400; line-height: 1; color: #444444; padding-top: 20px; text-align: left;  } 
#agrTable { margin: 5px 0px 0px 0px; } 
#agrTable th { width: 25%;  font-family: 'NanumSquare', sans-serif !important; font-size: 12px; line-height: 100%; background: #005A9E; color: #FFF; padding: 7px 5px 5px 5px; } 
#agrTable td { width: 25%;  font-family: 'NanumSquare', sans-serif !important; font-size: 11px; line-height: 1.5; background: #FFFFFF; padding: 7px 5px 5px 5px; text-align: center; } 
#agrTable2 { margin: 5px 0px 0px 0px; } 
#agrTable2 th { width: 25%;  font-family: 'NanumSquare', sans-serif !important; font-size: 12px; line-height: 100%; background: #444444; color: #FFF; padding: 7px 5px 5px 5px; } 
#agrTable2 td { width: 25%;  font-family: 'NanumSquare', sans-serif !important; font-size: 11px; line-height: 1.5; background: #FFFFFF; padding: 7px 5px 5px 5px; text-align: center; } 
#agrTable3 { margin: 5px 0px 0px 0px; } 
#agrTable3 th { width: 50%;  font-family: 'NanumSquare', sans-serif !important; font-size: 12px; line-height: 100%; background: #444444; color: #FFF; padding: 7px 5px 5px 5px; } 
#agrTable3 td { width: 50%;  font-family: 'NanumSquare', sans-serif !important; font-size: 11px; line-height: 1.5; background: #FFFFFF; padding: 7px 5px 5px 5px; text-align: center; } 
#agrTable4 { margin: 5px 0px 0px 0px; } 
#agrTable4 th {  font-family: 'NanumSquare', sans-serif !important; font-size: 12px; line-height: 100%; background: #444444; color: #FFF; padding: 7px 5px 5px 5px; } 
#agrTable4 td {  font-family: 'NanumSquare', sans-serif !important; font-size: 11px; line-height: 1.5; background: #FFFFFF; padding: 7px 5px 5px 5px; text-align: center; } 
#agrComment { font: 1em/1.4  'NanumSquare', sans-serif !important; } 
#agrComment p { font: 0.9em/1.4  'NanumSquare', sans-serif !important; } 
#agrComment h1 { font: 1.2em/1.4  'NanumSquare', sans-serif !important; font-weight: 600; margin: 15px 0px 5px 0px; text-align: left; } 
#agrComment .cBLK { color: #444444;  } 
#agreement { padding: 10px; background: #FFF; border: 1px solid #CCC; } .agreementP { font: 0.9em/1.4  'NanumSquare', sans-serif !important; margin: 10px 0px 0px 0px; } 
.agreementPI { text-align:right; font: 1em/1.4  'NanumSquare', sans-serif !important; margin: 10px 0px 10px 0px; color: #000; } 

/*apply*/
/*.online-table{margin:0 auto;}
.online-table td {
	width: 25%;
    border-bottom: 1px solid #e5e5e5;
    padding: 5px;}
.online-table img{
	width:100%;}
*/
.gift-1-ul{
	padding-left: 0;}
.gift-1-ul:after{
	clear:both;
	content:' ';
	display: block;}
.gift-1-ul li{
	float: left;
	width:25%;
	padding:5px;
	list-style-type: none;}
.gift-1-ul li img{
	width:100%;}
.online-table-p{
	height:44px;}
.arrow-1{
	width:15px;
	height:auto;
	transform: rotate(90deg);
	cursor:pointer;
	margin-right:9px;
	opacity: 0.7;}
.arrow-1.active{
	transform:rotate(-90deg);}
.info-wrap-1{
	height:0;
	transition:all 0.3s ease;
	cursor:pointer;
	overflow-y: hidden;
	opacity: 0;}
.info-wrap-1:after{
	content:' ';
	display: block;
	clear:both;}
.info-wrap-1.active{
	height:100%;
	transition:all 0.3s ease;
	opacity: 1;}
.rightWrap_agree.pb{
	padding-bottom:35px;}
.rightWrap_agree.pb17{
	padding-bottom:17px;}
.rightWrap_agree.lb{
	border-bottom:1px solid #999999;
	padding-bottom: 17px;
	margin-bottom: 17px;
	width:100%;}
.rightWrap_agree_all{
	float:none; margin:0 auto;}

@media all and (max-width:700px){
	.gift-1-ul li{
		width:50%;}
	.online-table-p{
		height:65px;
		word-break: break-all;}
}