@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;}
.open {position:absolute;top:35%;padding-left:3%;box-sizing:border-box;z-index:11;}
.open img {width:40%;}

.main_open {position:fixed;top:11%;left:5%;z-index:111;}
.main_open a {display:block;}
.main_open img {width:100px;}
.main_open .quick {width:100px;}
.main_open .quick_txt {width:100px;position:absolute;top:0;left:0;z-index:1;}

.quick {animation: rotate 5s infinite linear; }
@keyframes rotate {
	from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

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

/* HEADER */
header {
	width: 100%; height: 56px;
	max-width: 720px;
	margin: 0 auto;
	-overflow: hidden;
	position:absolute;
	top:0;
	z-index:111;
	background:#05205f;
}
header .gnb-back {display: none;}
header h1.site_logo {text-align: center;}
header h1.site_logo A {display:inline-block;padding:10px 0;height:56px;position:relative;box-sizing:border-box;}
header h1.site_logo img {height:36px;vertical-align:top;transition: all 1s;}
header h1.site_logo .lg1 {opacity: 1;position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
header h1.site_logo .lg2 {opacity: 0;position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
header h1.site_logo .on01 .lg1 {opacity: 1;}
header h1.site_logo .on02 .lg2 {opacity: 1;}
header h1.site_logo .on01 .lg2 {opacity: 0;}
header h1.site_logo .on02 .lg1 {opacity: 0;}
header h2.site_tel {position:absolute;top:18px;left:5%;}
header h2.site_tel A IMG {height: 20px; vertical-align:top;}
header h2.site_menu {position:absolute;top:0;right:5%;padding:20px 0;}
header h2.site_menu IMG {height: 16px; vertical-align:top;}
header h2.site_btn {position:absolute;top:18px;right:calc(5% + 30px);}
header h2.site_btn IMG {height: 20px; vertical-align:top;}

header nav {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: #fff; text-align:center; z-index: 999; 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 0;}
header nav li a {display: block; width: 100%; line-height: 2.5rem; color: #333; transform: translateX(0); opacity: 1; }
header nav > ul > li > a {border-bottom:1px solid #a79989;}

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: #ececec; padding: 30px 5% 80px; margin: 0 auto; font-size:11px;color:rgba(217,217,215,.5); text-align: left; position: relative; box-sizing:border-box;}
FOOTER .footer_top {overflow:hidden;}
FOOTER .footer_top .foot_logo {float:left;}
FOOTER .footer_top .foot_tel {float:right;font-size:18px;color:#000;line-height:20px;}
FOOTER .footer_top .foot_tel span {font-weight:500;}
FOOTER .footer_top img {height:20px;}
FOOTER .foot_img {border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;padding:10px 0;margin-top:25px;}
FOOTER .foot_img img {width:96%;}
FOOTER .mt1 {font-size:11px;color:#7a7a7a;margin-top:15px;}
FOOTER .mt2 {color:#535353;margin-top:10px;}
FOOTER .mt3 {color:#05205f;}

.foot-con .tbtn2 {border:1px solid #1b1b1b;font-size:14px;color:#1b1b1b;line-height:30px;font-weight:500;text-align:center;width:120px;display:block;margin:20px auto 0;}
.tbtn1 {position:absolute;top:-20px;right:20px;}
.tbtn1 img {height:40px;}

/* 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:100;}
.footerbtn1 ul li {float:left;width:50%;}
.footerbtn1 ul li img {width:100%;}