@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

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

/* html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html,body {max-width:720px;width:100%; height:100%; margin:0 auto; padding:0;}
a {text-decoration:none;color: inherit;}
a:link, a:visited {text-decoration:none;color: inherit;}
a:hover, a:focus, a:active {text-decoration:none;}
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, sub {font-size:inherit;}
td,th {border:0 none;}
address,strong{font-style:normal;font-weight:normal;}
textarea{font-size:12px;}
fieldset,img,abbr,acronym {border:0}
address,caption,cite,code,dfn,em,strong,th,var {font-weight:normal;font-style:normal;}

img,fieldset,iframe {border:0;}
img,fieldset {border:none;}
img {border:0 !important}
img, input, button, select, textarea {vertical-align:middle;}
input[type=text],input[type=password],input[type=submit],textarea {-webkit-appearance: none;}
hr {overflow:hidden;position:absolute;top:0;left:0;}
ol,ul {list-style:none}
q:before, q:after {content:''}
caption, legend {overflow:hidden;font-size:0;line-height:0;height:0;width:0;text-indent:-999em;}
hr {visibility:hidden;font-size:0;width:0;height:0;line-height:0;}
select::-ms-expand { display: none; }

/* form element */
form {margin:0;padding:0;}
fieldset {margin:0;padding:0;border:0 none;}
.ie7 legend {position:absolute;left:-99999px;top:-9999px;display:inline;width:1px;height:1px;text-indent:0;}
label {cursor:pointer;margin:0;padding:0;}
caption {overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
button {cursor:pointer;border:0 none;}
button,input,textarea {margin:0;outline:none;}
input[type='checkbox'],input[type='radio'] {margin:0; padding:0;margin-top:-3px;}

*,
html,
body{
	font-family:'Noto Sans KR',sans-serif;
	-webkit-font-smoothing: antialiased;
}

a{
	color: inherit;
	text-decoration: none;
	font-family: inherit;
}

a:hover,
a:active,
a:after,
a:visited,
a:focus,
button:hover,
button:active,
button:after,
button:visited,
button:focus{
	color: inherit;
	text-decoration: none;
	outline: none; 
}
.clear {clear:both;}
.hidden {overflow:hidden;}
.w1200 {width:1200px;margin:0 auto;}
.w1000 {width:1000px;margin:0 auto;}
.m {display:none;}

.quick {position:fixed;bottom:0;left:0;z-index:111;width:100%;overflow:hidden;}
.quick ul li {float:left;width:50%;}
.quick ul li img {width:100%;}

.kakao {position:fixed;bottom:10%;right:5%;z-index:111;width:20%;overflow:hidden;}
.kakao img {width:100%;}

#warp {width:100%;letter-spacing:-1px;}

/* HEADER */
header {
	width: 100%; height: 56px;
	max-width: 720px;
	line-height: 56px;
	margin: 0 auto;
	-overflow: hidden;
	position:relative;
	z-index:111;
}
header .gnb-back {display: none;}
header .head {position:relative;z-index:2;height:56px;background:#fff;}
header h1.site_logo {width: 50%; margin:0 auto; font-size: 1.6rem; color: #fff; text-align: center;}
header h1.site_logo A {color: #fff;}
header h1.site_logo img {width:100%; margin-top:-5px;}
header h2.site_link {position:absolute;top:0;right:0; height: 56px;}
header h2.site_link A IMG {height: 56px;vertical-align:top;}
header h2.site_tel {position:absolute;top:0;right:0; height: 56px;}
header h2.site_tel A IMG {height: 56px;vertical-align:top;}
header h2.site_menu {position:absolute;top:0;left:0; height: 56px;}
header h2.site_menu IMG {height: 56px;vertical-align:top;}
header .open {position:absolute;top:57px;right:5%;}
header .open img {height:88px;}

header nav {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background:url(../images/mnbg.png) no-repeat bottom 10% center #e3e3e3; background-size:100%; text-align:center; z-index: 1; opacity: 0; transform: translateX(-100%); overflow:auto;}
header nav.show {opacity: 1; transform: translateX(0%); -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
header nav li {font-size: 1.01rem; font-weight: 400; letter-spacing: -.08rem; text-align: center; margin: 0 10%;}
header nav li a {display: block; width: 100%; line-height: 2.5rem; color: #222a67; transform: translateX(0); opacity: 1;}

header nav li a:after {display:block; content: ''; transition: transform 150ms ease-in-out;}
header nav li a:hover:after {}
header nav li.selected a.ani {font-weight: 800; color: #b90031;}
header:after {content:''; display: block; clear: both;}
@keyframes menuDown {
	0% {top: -100px; opacity:0;}
	100% {top: 0px; opacity:1;}
}
@-webkit-keyframes menuDown {
	0% {top: -100px; opacity:0;}
	100% {top: 0px; opacity:1;}
}

/* FOOTER */
FOOTER {width: 100%; max-width: 720px; background: #222b66; padding: 40px 10px 80px; margin: 0 auto; text-align: center; position: relative; box-sizing:border-box;}
FOOTER .tbtn1 {position:absolute;top:30px;right:10px;width:60px;}
FOOTER .tbtn1 img {width:100%;}
.foot-logo {}
.foot-logo img {width:60%;}
.foot-con {font-size:12px;color:rgba(255,255,255,.5);line-height:20px;letter-spacing:-1px;margin-bottom:20px;}
.foot-con .mt1 {margin-top:20px;color:#fff;}
.foot-con .mt2 {margin:10px 20px;font-size:11px;text-align:left;}
.foot-con .mt3 {margin-top:10px;}
.foot-img {}
.foot-img img {width:100%;}

/* FOOTER BTN SET */
.bottomBtn-wrap {position: fixed; bottom: 0; left: 50%; width: 100%; max-width: 720px; line-height: 50px; text-align: center; margin: 0 auto; transform: translateX(-50%); z-index: 9;}
.bottomBtn-wrap A.regist {float: left; display: block; width: 50%; height: 100%; background: #ca2754; color: #fff;}
.bottomBtn-wrap A.tel {float: left; display: block; width: 50%; height: 100%; background: #242424; color: #eee;}
.bottomBtn-wrap A SPAN {display: block;}

FOOTER .bottom-policy-btn {
	display: inline-block; width: 48%; font-size: .6rem; color: #f5f5f5; background: #888986; line-height: 1.8rem; text-align: center; border: 1px solid #6f7068; margin: .3rem .3% .5rem;
}
FOOTER .bottom-chklst-btn {
	display: inline-block; width:  48%; font-size: .6rem; color: #f5f5f5; background: #888986; line-height: 1.8rem; text-align: center; border: 1px solid #6f7068; margin: .3rem .3% .5rem;
}

.footerbtn1 {position:fixed;left:0;bottom:0;right:0;z-index:111;}
.footerbtn1 ul li {float:left;width:50%;}
.footerbtn1 ul li img {width:100%;}