@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:absolute;bottom:15%;right:5%;z-index:101;width:130px;height:130px;overflow:hidden;}
.quick .bg {width:100%;height:100%;background:url(../images/quick.png?2) no-repeat center;background-size:100%;}
.quick:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/quick01.png) no-repeat center;background-size:100%;}

.quick .bg {animation: rotate 10s infinite linear; }

.quick1 {position:absolute;bottom:calc(15% + 140px);right:5%;z-index:101;width:130px;height:130px;overflow:hidden;}
.quick1 .bg {width:100%;height:100%;background:url(../images/quick02_bg.png?2) no-repeat center;background-size:100%;}
.quick1:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/quick02_txt.png?1) no-repeat center;background-size:100%;}

.quick1 .bg {animation: rotate 10s infinite linear; }
@keyframes rotate {
	from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.quick.visual {position:fixed;}
.quick1.visual {position:fixed;}

.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%;
	max-width: 720px;
	line-height: 56px;
	margin: 0 auto;
	-overflow: hidden;
	position:absolute;
	top:0;
	z-index:111;
}
header .gnb-back {display: none;}
header .head {position:relative;z-index:2;height:56px;border-bottom:1px solid #c1c1c1;}
header .head_btn {position:relative;z-index:2;height:40px;overflow:hidden;}
header .head_btn ul {position:absolute;top:10px;right:5%;height:20px;}
header .head_btn ul li {float:left;margin-left:10px;}
header .head_btn ul li a {display:block;height:20px;}
header .head_btn ul li img {height:20px;vertical-align:top;}
header h1.site_logo {position:absolute; left:5%; font-size: 1.6rem; color: #fff;}
header h1.site_logo A {color: #fff;}
header h1.site_logo img {height:14px;}
header h1.site_logo1 {text-align:center;}
header h1.site_logo1 A {color: #fff;}
header h1.site_logo1 img {height:36px;}
header h2.site_link {position:absolute;top:0;right:12%; height: 56px;}
header h2.site_link A IMG {height: 56px;vertical-align:top;}
header h2.site_tel {position:absolute;top:0;right:66px; height: 30px;padding:13px 0;}
header h2.site_tel A IMG {height: 100%;vertical-align:top;}
header h2.site_menu {position:absolute;top:0;right:0;height: 16px;padding:20px;}
header h2.site_menu IMG {height: 100%;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: #001140; 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%; border-bottom:1px solid #28324e;}
header nav li a {display: block; width: 100%; line-height: 2.5rem; color: #fff; 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: #0c183d; border-top:1px solid #dfdee3; padding: 40px 20px; margin: 0 auto; text-align: left; position: relative; box-sizing:border-box;}
FOOTER .foot_logo {}
FOOTER .foot_logo img {height:40px;}
FOOTER .foot_copy {font-size:12px;color:#fff;line-height:18px;font-weight:300;margin-top:20px;}
FOOTER .foot_copy .txt p {padding:0 0 0 15px;position:relative;}
FOOTER .foot_copy .txt p:after {content:'※';position:absolute;top:0px;left:0px;}
FOOTER .foot_copy > p {margin-top:10px;}
FOOTER .foot_img {position:absolute;top:40px;right:20px;}
FOOTER .foot_img img {}

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