@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; background: url(../img/bodybg.jpg) no-repeat top center fixed #f8f8f8; 
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-width: 375px;
 -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; 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: #007db8; 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; } 
.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: 1em 1em; text-align: center; overflow: hidden;  } 
.mainlogo { float: left; width:215px; height: 74px; overflow: hidden; text-indent: -5000px; background:url(../img/left_logo.png) center no-repeat; background-size: 100% auto; cursor: pointer; margin: 0px auto; } 
.panrtenrlogo { display: block; float: right; width:220px;  height: 75px; overflow: hidden; text-align: left; background:url(../img/right_logo.png) right center no-repeat; background-size: 100% auto; cursor: pointer; margin: 0px auto; font-size: 13px; line-height: 60px; color: #ffffff; text-indent:-5000px; } 
.panrtenrlogo_2 { display: block; float: right; width: 160px; height: 60px; overflow: hidden; text-align: left; background:url(../img/partner_logo_2.png) right center no-repeat; background-size: 100% auto; cursor: pointer; margin: 0px auto; font-size: 13px; line-height: 60px; color: #ffffff; text-indent:-5000px; } 

@media screen and (max-width: 859px) { 
.logo_header { padding: 1em 1em; } } 
@media screen and (max-width: 599px) { 
.mainlogo {  height: 55px; } 
.panrtenrlogo { height: 55px; }
.sublogo3 { height: 55px; }  }




.main section2 > div { width: 100%; max-width: 69em; margin: 0 auto; padding: 2.3em 3em 2em 3em; } 
#sectionH div { text-align: left; } 
#sectionH h1 {  font-size: 2.2em; line-height: 1.2; margin: 0px 0px 10px 0px; font-weight: 600; color: #ffffff; /* blue 0076ce */ } 
#sectionH h1 span {color:#18fcff; }
#sectionH h2 { font-size: 1.1em; line-height: 2; margin: 0 0 5px 0; text-align: left; font-weight: 400; color: #444444; } 
#sectionH h3 { font-size: 1.2em; line-height: 1.6; margin: 0 0 0.6em 0; text-align: left; font-weight: 400; color: #444; } 
#sectionH p { font-size: 1.3em; font-weight: 500; color: #EEE; margin: 0px 0px 0px 0px; } 
@media screen and (max-width: 699px) { 
#sectionH h1 { font-size: 2.5em; } 
#sectionH h1 span {color:#18fcff; }
#sectionH h2 { font-size: 1em; } 
#sectionH h3 { font-size: 1em; } }
 @media screen and (max-width: 619px) { 
#sectionH h1 { font-size: 2.1em; }
#sectionH h1 span {color:#18fcff; } }
 @media screen and (max-width: 544px) { .main section2 > div { padding: 2em 0em 1em 0em; } 
#sectionH h1 { font-size: 1.75em; line-height: 1.2; margin: 0px 0px 10px 0px; font-weight: 400; text-align: center; color:#FFF; } 
#sectionH h1 span {color:#18fcff; }
#sectionH h2 { font-size: 0.9em; line-height: 1.2; text-align: center; margin: 0px 0px 10px 0px; color:#FFF; } 
#sectionH h3 { display:none; } 
#sectionH p { font-size: 1em; font-weight: 500; margin: 0px 0px 0px 0px; text-align: center; } 
}



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


#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-family: 'NanumSquare', sans-serif !important; 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; } 
.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:1px solid #0076ce; margin-bottom:20px; }
.titWrap h1 { display:inline-block; }
.titWrap p{ display:inline-block; padding-left:60px;}
.txt_blue{ color:#0076ce;}

.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 #0076ce; width:100%; background-color:#f4f4f4; font-size:11px; min-height:140px; }
.box_blue  strong { color:#ffffff; display:block; background-color:#0076ce; 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: #0087cc; margin-bottom: 5px; } 
.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:60px;  } 
.input_width90 { width: 90px; } 
.padT7 { padding-top: 10px; } 
@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: 610px) { } 
@media screen and (max-width: 540px) { } 


/* btn */
.btn { width:100%;   margin-bottom:30px; font: 1.5em/1  'NanumSquare', sans-serif !important; font-weight:700;   color: #ffffff; word-break: keep-all; border: 1px solid #0076ce; background-color:#0076ce; padding:  15px 30px 15px 30px; cursor: pointer; -webkit-appearance: none; } 
.btn:hover { color: #FFFFFF; border: 1px solid #000000; background: #000000; } 


@media screen and (max-width: 699px) { } 
@media screen and (max-width: 610px) { } 
@media screen and (max-width: 540px) { } 


/* 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; } 

/* layout */
#x3Cont { overflow: hidden; clear: both; } 
#x3Cont h4 { font: 1.3em/1.2 'NanumSquare', sans-serif; font-weight: 700; margin: 0px 0px 5px 0px; } 
#x3Cont h5 { font: 1.5em/1.2 'NanumSquare', sans-serif; font-weight: 500; margin: 20px 0px 10px 0px; color: #444444; } 
#x3Cont ul { margin: 0px; padding: 0px; list-style: none; display: block; overflow: hidden; } 
#x3Cont li { font: 0.9em/1.2  'NanumSquare', sans-serif !important; font-weight: 400; width: 30%; float: left; color: #444444; } .x3P1 { padding: 0px 0px 0px 0px; margin: 0% 5% 0% 0%; } .x3P2 { padding: 0px 0px 0px 0px; margin: 0% 5% 0% 0%; } .x3P3 { padding: 0px 0px 0px 0px; margin: 0% 0% 0% 0%; } /* / 3X 肄섑뀗�� �ㅼ젙 */ /* 4X 肄섑뀗�� �ㅼ젙 */ #x4Cont { overflow: hidden; clear: both; } #x4Cont h4 { font: 1.3em/1.2 'Roboto', 'Noto-B',  malgun,  dotum, Arial, sans-serif; font-weight: 700; margin: 0px 0px 5px 0px; } #x4Cont h5 { font: 1.5em/1.2 'Roboto', 'Noto-M',  malgun,  dotum, Arial, sans-serif; font-weight: 500; margin: 20px 0px 10px 0px; color: #444444; } #x4Cont ul { margin: 0px; padding: 0px; list-style: none; display: block; overflow: hidden; } #x4Cont li { font: 0.9em/1.2  'NanumSquare', sans-serif !important; font-weight: 400; width: 46%; float: left; color: #444444; } .x4P1 { padding: 0px 0px 0px 0px; margin: 0% 4% 0% 0%; } .x4P2 { padding: 0px 0px 0px 0px; margin: 0% 0% 0% 4%; } .prod1 { display: block; } .prod2 { display: block; } .prod3 { display: block; } .prod4 { display: block; } .prod1B { display: none; } .prod2B { display: none; } .prod3B { display: none; } .prod4B { display: none; } /* / 4X 肄섑뀗�� �ㅼ젙 */ 
@media screen and (max-width: 995px) { 
 #x3Cont img { width: 20%; } #x3Cont li { width: 100%; float: none; margin: 15px 0px; text-align: center; } .x3P1 { text-align: center; padding: 0px 0px 0px 0px; margin: 30px 0px; } .x3P2 { text-align: center; padding: 0px 0px 0px 0px; margin: 30px 0px; float: none; display: block; overflow: hidden; clear: both; } .x3P3 { text-align: center; padding: 0px 0px 0px 0px; margin: 30px 0px; float: none; display: block; overflow: hidden; clear: both; } /* / 3X 肄섑뀗�� �ㅼ젙 */ /* 4X 肄섑뀗�� �ㅼ젙 */ #x4Cont img { width: 90%; } #x4Cont li { width: 100%; float: none; margin: 15px 0px; } .x4P1 { text-align: center; padding: 0px 0px 0px 0px; margin: 30px 0px; } .x4P2 { text-align: center; padding: 0px 0px 0px 0px; margin: 30px 0px; float: none; display: block; overflow: hidden; clear: both; } .x4P3 { text-align: center; padding: 0px 0px 0px 0px; margin: 30px 0px; float: none; display: block; overflow: hidden; clear: both; } .x4P4 { text-align: center; padding: 0px 0px 0px 0px; margin: 30px 0px; float: none; display: block; overflow: hidden; clear: both; } .prod1 { display: none; } .prod2 { display: none; } .prod3 { display: none; } .prod4 { display: none; } .prod1B { display: block; } .prod2B { margin-top: 20px; display: block; } .prod3B { display: block; } .prod4B { display: block; } 
}


#sectionF {background:#ffffff; margin: 0 auto; padding: 2.3em 3em 2em 3em;}