@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Play:wght@400;700&display=swap');
@import url('/fonts/remixicon/remixicon.css');
@import url('/fonts/Wemakeprice/style.css');


/*------------------------------------
Reset Styles
------------------------------------*/
*{margin:0;padding:0;border:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);letter-spacing:-0.05rem}
*:before, *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
html{display:block;font-family:'Roboto','Noto Sans KR','Apple SD Gothic','맑은고딕','Nanum Gothic',sans-serif;font-weight:normal;-webkit-text-size-adjust:none}
body{display:block;margin:0;padding:0;font-family:'Roboto','Noto Sans KR','Apple SD Gothic','맑은고딕','Nanum Gothic',sans-serif;font-size:1rem;font-weight:300;color:#555;line-height:100%;word-wrap:break-word;word-break:break-all;white-space:normal}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,input,textarea,select,button,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%}
img,fieldset,iframe,form{border:0 none}
img{max-width:100%;vertical-align:middle}
li img,dd img{vertical-align:top}
address,caption,em,cite{font-style:normal}
ins{text-decoration:none}
del{text-decoration:line-through}
img,input,button,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;vertical-align:middle}
abbr,acronym{border-bottom:1px dotted #000;cursor:help}
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}
mark,rp,rt,ruby,summary,time{display:inline}

p,div,span,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,ol,input,textarea{font-family:'Roboto','Noto Sans KR','Apple SD Gothic','맑은고딕','Nanum Gothic',sans-serif;font-size:inherit;font-weight:inherit;color:inherit;letter-spacing:-.03em}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}
legend{position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
button{cursor:pointer}
input, select, textarea{vertical-align:middle}
input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number],textarea{-webkit-appearance:none}
textarea{resize:none;line-height:150%}
select{margin:0}
p{word-break:break-all}
/*pre{overflow-x:scroll;font-size:1.125em}*/

/* 목록 */
ol,ul,li{list-style-type:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box}
ul:after{display:block;clear:both;content:''}
dl:after{display:block;clear:both;content:''}
dl:after{display:block;clear:both;content:''}

/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table{border-collapse:collapse;border:0 none;border-spacing:0}
th,td{text-align:left}
caption,legend{width:0;height:0;visibility:hidden;line-height:0;font-size:0;overflow:hidden}

/* 텍스트 관련 요소 초기화 */
address,caption,em,cite{font-style:normal}
ins{text-decoration:none}
del{text-decoration:line-through}
b{font-weight:500}
strong{font-weight:700}

::-moz-selection{background-color:#008bf6;color:#fff;text-shadow:none}
::selection{background-color:#008bf6;color:#fff;text-shadow:none}
:focus{outline:none}

/* 인용문 */
blockquote:before,blockquote:after,q:before,q:after{content:''}
blockquote,q{quotes:' '}

/* 수평선 */
hr{display:none}

/* 링크 */
a{color:#555;text-decoration:none;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
a::-moz-focus-inner{border:none}/*파이어폭스에서 패딩 발생을 방지*/
a:hover,a:active,a:focus{color:#008bf6;text-decoration:none}
a[class~="btn"]{vertical-align:middle;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;text-decoration:none} /* 버튼의 경우에 언더라인 삭제 */
:hover,:active,:focus{-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}

/* 숨김 */
.blind{visibility:hidden;overflow:hidden;position:absolute;left:-999em;width:0;height:0;font-size:0;line-height:0}
.display_none{display:none}
.show{display:block !important}
.txtblind{overflow:hidden;display:block;width:0;text-indent:-9000px}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* 한줄 텍스트 줄임표 설정 */


/* 제목요소 */
h1,h2,h3,h4,h5,h6{font-size:100%}
/*h1,h2{display:none}*/

/* 이미지 */
.png24{tmp:expression(setPng24(this))}

.clfix:after{content:"";display:block;height:0px;clear:both;visibility:hidden}
.clfix{display:inline-block}
.clfix{display:block}
* html .clfix{height:1%} /* Hides from IE-mac */
.clfix{clear:both;zoom:1} /*for IE 5.5-7*/

html,body{width:100%;height:100%}
.wrap{position:relative;width:90%;max-width:1600px;margin-right:auto;margin-left:auto}
.wrap:after{content:"";display:block;height:0px;clear:both;visibility:hidden}
.w-inner{clear:both;position:relative;width:90%;max-width:1600px;margin-right:auto;margin-left:auto}
.m-inner{clear:both;position:relative;width:90%;max-width:1400px;margin-right:auto;margin-left:auto}
.inner{clear:both;position:relative;width:100%;max-width:1280px;margin-right:auto;margin-left:auto}
@media screen and (min-width:767px){
	.wrap{width:94%}
	.w-inner{width:94%}
	.m-inner{width:94%}
}

.placeholdersjs{color:#aaa !important}

.light{font-weight:300}
.normal{font-weight:400}
.bold{font-weight:700}
.bolder{font-weight:800}

.align-center{text-align:center !important}
.align-left{text-align:left !important}

.hidden{height:100%;min-height:100%;overflow:hidden !important;touch-action:none;}

#wrap{overflow-x:hidden;overflow-y:auto;position:relative;width:100%;height:100%;padding:3rem 0;background:url(../img/intro/bg.jpg) #05090c no-repeat center top;background-size:cover;text-align:center}
#header{width:100%;height:100px;text-align:center;line-height:100px}
#header>img{vertical-align:middle}
#container{width:100%;padding-top:2rem;text-align:center}
#container .tit{display:none;color:#fff;line-height:100%}
#container .tit1{font-size:4rem;font-weight:700}
#container .tit2{padding:2rem 0 5rem;font-size:1.7rem;font-weight:200;color:rgba(255,255,255,.5)}
#container .linkWrap{width:100%;max-width:1000px;margin:0 auto}
#container .linkWrap>ul{width:100%}
#container .link1{width:100%;background-color:rgba(17,85,168,.7)}
#container .link2{width:100%;background-color:rgba(152,199,46,.7)}
#container .link{padding:20px}
#container .link>a{color:#fff}
#container .link .txt{font-family:"Play",sans-serif;font-weight:700;line-height:100%}
#container .link .txt1{letter-spacing:0}
#container .link .txt2{padding:1rem 0 1rem;font-family:'Roboto','Noto Sans KR','Apple SD Gothic','맑은고딕','Nanum Gothic',sans-serif;font-size:1rem;font-weight:500}
#container .link .btn{width:80px;height:30px;margin:0 auto;border:1px solid #fff;font-family:"Play",sans-serif;font-size:14px;font-weight:700;line-height:28px}
#container .link1 .txt1{font-size:2rem}
#container .link2 .txt1{font-size:1.5rem}
#footer{padding-top:2rem}
#footer>p{color:rgba(255,255,255,.5);letter-spacing:0;font-size:0.9rem;line-height:150%}
@media (min-width:550px){
	#wrap{padding:5rem 0}
	#container{padding-top:5rem}
	#container .tit{display:block}
	#container .linkWrap>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;justify-content:center;-ms-flex:1;-webkit-flex:1;flex-grow:1}
	#container .link{padding:3.5rem 20px 3rem}
	#container .link1{width:50%}
	#container .link2{width:50%}
	#container .link .txt2{padding:2rem 0 2rem}
	#container .link .btn{width:100px;height:40px;font-size:18px;line-height:40px}
	#footer{padding-top:5rem}
	#footer br{display:none}
}
@media (min-width:767px){
	#container .link1 .txt1{font-size:3rem;line-height:4.4rem}
	#container .link2 .txt1{font-size:2.2rem}
}
@media (min-width:1000px){
	#container .link1 .txt1{font-size:4rem;line-height:6rem}
	#container .link2 .txt1{font-size:3rem}
}