body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
input::-ms-clear {display:none}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:12px;line-height:1.5;font-family:'돋움',dotum,sans-serif;color:#333}/* color값은 디자인가이드에 맞게사용 */
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:underline}
a:active {background-color:transparent}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
html,body {height:100%}

* { box-sizing:border-box; }

/* 셀렉트박스 */
	select::-ms-expand { display: none;} /* ie화살표히든 */
	select	{outline:none;width: 100%; height:45px; padding-left:10px; background: #ffffff url('/images/sel_arr.gif') no-repeat 95% 50%; /* 화살표 대체 */ border: 1px solid #999; border-radius: 0px; -webkit-appearance: none; /* 외형 감추기 */ -moz-appearance: none; appearance: none;}
input::-ms-clear, 
select::-ms-expand{ display: none; }

/* 체크박스 */
	input[type="checkbox"] { display:inline-block; width: 20px; height: 20px; padding: 0; margin: 0; overflow: hidden; clip:rect(0,0,0,0); border: 0; vertical-align:middle; } 
	input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 5px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 


@font-face {font-family: 'GmSansL'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'GmSansM'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'GmSansB'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal;}

/* Pretendard */ 
@font-face { font-family: 'Pretendard'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff'); font-weight: 700; font-style: normal; }


.innwrap { position:relative; max-width:1200px; margin:0 auto; }

.header { position:relative; width:100%; background:url(top_bg.jpg) no-repeat top center; } 
.header .tinnwrap { position:relative; max-width:1200px; margin:0 auto; }
.header .vslimg { position:relative; width:100%; z-index:3; }
.header .vslimg img { max-width:1000px; }
.header .vsltxt { position:absolute; top:50px; right:0; width:600px; z-index:3; }
.header .vsltxt img { width:100%; }
.header .form-wrap { position:absolute; bottom:5%; right:2%; width:50%; background:#fff; z-index:99; }


.pc_view { }
.mb_view { display:none; }
.content { position:relative; width:100%; } 
.content .content-1 { position:relative; width:100%; } 
.content .content-1 .pic { position:relative; max-width:1200px; margin:0 auto; } 
.content .content-1 img { width:100%; } 

.content .content-2 { position:relative; width:100%; background:url(cnt-2-1-bg.jpg) repeat top center; } 
.content .content-2 .pic { position:relative; max-width:1200px; margin:0 auto; } 
.content .content-2 img { width:100%; } 

.content .content-3 { position:relative; width:100%; background:#f0f4fc; } 
.content .content-3 .pic { position:relative; max-width:1200px; margin:0 auto; } 
.content .content-3 img { width:100%; } 

.content .content-4 { position:relative; width:100%; background:#fff; } 
.content .content-4 .pic { position:relative; max-width:1200px; margin:0 auto; } 
.content .content-4 img { width:100%; } 

.content .content-5 { position:relative; width:100%; background:url(cnt-5-1-bg.jpg) repeat top center; } 
.content .content-5 .pic { position:relative; max-width:1200px; margin:0 auto; } 
.content .content-5 img { width:100%; } 

.footer { background:#433b4e; font-family:GmSansM; font-size:15px; text-align:center; color:#8b8f98; padding:30px 0; }

@media screen and (max-width: 1200px){
	.innwrap { max-width:100%; }

	.header .vslimg { position:relative; width:100%; z-index:3; }
	.header .vslimg img { width:600px; }
	.header .vsltxt { top:50px; right:0; width:600px; }
	.header .form-wrap { position:absolute; bottom:5%; right:2%; width:50%; background:#fff; z-index:99; }
}
@media screen and (max-width: 900px){
	.header .vslimg { position:relative; width:100%; z-index:3; }
	.header .vslimg img { width:600px; }
	.header .vsltxt { top:100px; right:30px; width:400px; }
	.header .form-wrap { position:absolute; bottom:5%; right:2%; width:70%; background:#fff; z-index:99; }
	.footer { font-size:13px; padding:30px 20px; }
}
@media screen and (max-width: 600px){
	.header .vslimg { position:relative; width:100%; z-index:3; }
	.header .vslimg img { width:100%; }
	.header .form-wrap { position:relative; left:0; top:0; width:100%; padding-bottom:40px; background:#f7f7f7; }

	.footer { font-size:13px; padding:30px 20px; }
	
	.content .content-3 { padding-bottom:10px; } 
	.content .content-3 h2 { font-size:25px; padding:30px 0; } 

	.pc_view { display:none; }
	.mb_view { display:block; }
}


.form_wrap1 { max-width:1200px; margin:0 auto; }
.form_wrap1 .form1-title { font-size:35px; padding:20px 0 30px 0; font-family:GmSansM; color:#000; text-align:center; text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1); }
.form_wrap1 .form_box1 { display:flex; flex-wrap:wrap; justify-content:space-between; width:90%; margin:0 auto; } 

.fotm1set { width:100%; display:flex; flex-wrap:wrap; align-items:center; margin-bottom:10px; } 
.fotm1ftitle { width:100px; font-size:18px; padding:10px 0; font-family:GmSansM; color:rgba(0,0,0,0.7); } 
.fotm1finput { width:calc(100% - 100px); font-size:15px; font-family:GmSansM; color:#000; } 
.form1_check { width:100%; margin-bottom:10px; font-size:18px; padding:10px 0; font-family:GmSansM; color:rgba(0,0,0,0.7); } 
.form1_check a { color:rgba(0,0,0,0.7); } 
.form1_btn { display:block; padding:10px 0 8px 0; border: 0; background:#fc8418; width: 100%; border-radius: 0; font-family: GmSansM; font-size: 25px; color:#fff; margin-top:5px; cursor: pointer; }


.form_wrap2 { position:relative; max-width:1200px; margin:50px auto; padding:20px 20px; box-shadow: 0px 0px 0px 0 #fff, 0px 0px 1px 0 rgba(0, 0, 0, 0.5); border-radius: 24px; background: #0084e7; z-index: 999; }
.form_wrap2 .form-title { font-size:45px; padding:0 0 30px 0; font-family:GmSansM; color:#fff; text-align:center; text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.3); }
.form_wrap2 .form_box2 { display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1200px; margin:0 auto; } 
.form_wrap2 .form_box2 .formitem1 { width:33%; } 
.form_wrap2 .form_box2 .formitem2 { width:33%; } 
.form_wrap2 .form_box2 .formitem3 { width:28%; }

.fotm2set { width:100%; display:flex; flex-wrap:wrap; align-items:center; margin-bottom:5px; } 
.fotm2ftitle { width:100px; font-size:20px; padding:10px 0; font-family:GmSansM; color:#fff; } 
.fotm2finput { width:calc(100% - 100px); font-size:15px; font-family:GmSansM; color:#fff; } 
.form2_check { width:100%; margin-bottom:10px; font-size:18px; padding:10px 0; font-family:GmSansM; color:#fff; } 
.form2_check a { color:#fff; } 
.form2_btn { display:block; padding:10px 0 8px 0; border: 0; background:#eeddcb; width: 100%; border-radius: 0; font-family: GmSansM; font-size: 25px; color:#6d5e5e; margin-top:25px; cursor: pointer; }

.iptStyle { width:100%; font-family:Pretendard; color:#000; font-size:17px; line-height:1; font-weight:700; padding:13px; border:1px solid #999999; border-radius:7px; overflow:hidden; box-sizing: border-box; }
.iptStyle::placeholder { color:rgba(0,0,0,0.2); }


@media screen and (max-width: 1200px){
	.form_wrap2 { padding:50px 0 70px 0; }
	.form_wrap2 .form-title { font-size:35px; padding:0 0 30px 0; }
	.form_wrap2 .form_box2 { max-width:95%; } 
	.form_wrap2 .form_box2 .formitem1 { width:100%; } 
	.form_wrap2 .form_box2 .formitem2 { width:100%; } 
	.form_wrap2 .form_box2 .formitem3 { width:100%; }

	.fotm2set { margin-bottom:5px; } 
	.fotm2ftitle { width:100px; font-size:20px; padding:10px 0; } 
	.fotm2finput { width:calc(100% - 100px); font-size:15px; } 
	.form2_check { margin-bottom:10px; font-size:18px; padding:10px 0; } 
	.form2_btn { padding:10px 0 8px 0; font-size: 25px; margin-top:25px; }
}
@media screen and (max-width: 900px){
	.form_wrap2 { padding:50px 0 70px 0; }
	.form_wrap2 .form-title { font-size:35px; padding:0 0 30px 0; }
	.form_wrap2 .form_box2 { max-width:95%; } 
	.form_wrap2 .form_box2 .formitem1 { width:100%; } 
	.form_wrap2 .form_box2 .formitem2 { width:100%; } 
	.form_wrap2 .form_box2 .formitem3 { width:100%; }

	.fotm2set { margin-bottom:5px; } 
	.fotm2ftitle { width:100px; font-size:20px; padding:10px 0; } 
	.fotm2finput { width:calc(100% - 100px); font-size:15px; } 
	.form2_check { margin-bottom:10px; font-size:18px; padding:10px 0; } 
	.form2_btn { padding:10px 0 8px 0; font-size: 25px; margin-top:25px; }
}
@media screen and (max-width: 600px){
	.form_wrap1 { }
	.form_wrap1 .form1-title { font-size:25px; padding:30px 0 30px 0; }

	.fotm1set { margin-bottom:5px; } 
	.fotm1ftitle { width:80px; font-size:14px; padding:10px 0; } 
	.fotm1finput { width:calc(100% - 80px); font-size:13px; } 
	.form1_check { width:100%; margin-bottom:10px; font-size:15px; padding:10px 0; } 
	.form1_btn { padding:10px 0 6px 0; border: 0; width: 100%; font-size:20px; margin-top:5px; }

	.form_wrap2 { padding:30px 0 30px 0; border-radius: 0; margin:0 auto; }
	.form_wrap2 .form-title { font-size:25px; padding:0 0 20px 0; }

	.fotm2set { margin-bottom:5px; } 
	.fotm2ftitle { width:80px; font-size:13px; padding:10px 0; } 
	.fotm2finput { width:calc(100% - 80px); font-size:13px; } 
	.form2_check { margin-bottom:10px; font-size:13px; padding:10px 0; } 
	.form2_btn { padding:10px 0 8px 0; font-size: 25px; margin-top:25px; }
}