@charset "utf-8";



@font-face { 
font-family: 'Noto Sans KR';
font-style: normal; 
font-weight: 100; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); }

* { -webkit-text-size-adjust: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; }
html { font-size:14px;height:100%; } 
body { font-family:"Noto Sans KR", Sans-serif;height:100%;width:100%; } 
body,input,textarea,select,table,button {height:100%; margin:0; padding:0; }
input,textarea,select,table,button { font-size:1em; }
img { border:0; vertical-align:middle; } 
ul,ol,menu { margin:0; padding:0; list-style:none;} 
dl,dl dt,dl dd,form,td,p,blockquote,pre,code {margin:0;padding:0;} 
li,li img,dt img,dd img,td img,p img {margin:0;padding:0;} 
iframe,fieldset {margin:0;padding:0;border:0;} 
legend,caption,hr {display:none;} 
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;} 
a { color:inherit; text-decoration:none; cursor:pointer; }
a:hover{text-decoration:none;} 
table {table-layout:fixed;border-spacing:0;} 
input {padding:0;margin:0;overflow:visible;vertical-align:middle;} 
input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number], textarea { -webkit-appearance:none; -moz-appearance:none; } 
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance:none; margin: 0; }
select {padding:0;margin:0;vertical-align:middle;}
select::-ms-expand {display:none;}
em,address,dfn,cite {font-style:normal;} 
textarea {padding:4px;border:1px solid #a9a9a9;vertical-align:top;margin:0;padding:0;resize:none;} 
object,param {padding:0;margin:0;line-height:0;} 




/*CONTENTS****************************************************************/
.wrap{position:relative;width:100%;background:#dcdcdc;height:100%;}
.wrapper{position:relative;width:100%;max-width:100%;margin:-3px auto 0px auto;height:100%;}
.wrapper .inner_wrapper{position:relative;overflow:hidden;width:100%;padding:0;margin:0 auto;width:100%;height:100%;}
.wrapper .inner_wrapper:after{content:"";display:block;clear:both;}
.wrapper .inner_wrapper .top{position:relative;float:left; width:50%;height:100%;box-sizing:border-box;background:#61bcb4 url('./images/top_icon.png') no-repeat center center ;cursor:pointer;}
.wrapper .inner_wrapper .bottom{position:relative;float:left;width:100%;height:100%;box-sizing:border-box;background:#f6f6f4 url('./img/logo_type_640p.png') no-repeat center center ;cursor:pointer;}

/*CONTENT DEFAULT*/
.wrapper .inner_wrapper .content{position:relative;z-index:1;width:98%;padding:0 1%;}



/*FOOTER*/
.footer_wrap {padding:1em 0;text-align:center;max-height:50px;}
.footer_wrap .inner{width:98%;margin:0 auto;border-top: 1px solid #b9b9b9;padding-top:3vh;padding-bottom:1vh;}
.footer_wrap .address p.text{color:#818181;}
.footer_wrap .address p{line-height:1.0em;}
.footer_wrap .address p.txt1 {font-size:0.9em;}
.footer_wrap .address p.txt2 {font-size:0.9em;}
.footer_wrap .address p.copy {font-size:0.9em;}


@media (max-width: 999px) {

	.wrapper .inner_wrapper .top{float:none; width:100%;height:50%;background:#61bcb4 url('./images/top_icon.png') no-repeat center center ;cursor:pointer;background-size:350px;}
	.wrapper .inner_wrapper .bottom{float:none;width:100%;height:100%;background:#f6f6f4  url('./img/logo_type_640p.png') no-repeat center center ;cursor:pointer;background-size:350px;}
}

@media (max-width: 550px) {

	.wrapper .inner_wrapper .top{background-size:280px;}
	.wrapper .inner_wrapper .bottom{background-size:280px;}
}