@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%;}

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

/* HEADER */
header {
	width: 100%; height: 56px;
	max-width: 720px;
	line-height: 56px;
	background: #fff;
	margin: 0 auto;
	overflow: hidden;
}
header .gnb-back {display: none;}
header h1.site_logo {float: left; width: 60%; font-size: 1.6rem; color: #fff; text-align: center;}
header h1.site_logo A {color: #fff;}
header h1.site_logo img {width: 90%;}
header h2.site_tel {float: right; width: 20%; height: 56px;}
header h2.site_tel A {margin-right:5px;}
header h2.site_tel A IMG {height: 36px;}
header h2.site_menu {float:left; width: 20%; text-align:left; overflow: hidden;}
header h2.site_menu IMG {height: 56px;}

header nav {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #c9c2ba; text-align:center; z-index: 99; opacity: 0; transform: translateX(-100%); }
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 1.5%;}
header nav li a {display: block; width: 100%; line-height: 2.5rem; color: #333; 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: #322f2a; padding: 0 5% 50px; margin: 0 auto; text-align: center; position: relative; box-sizing:border-box;}
.foot_logo{margin: 15px 0 0; border:0;}
#footer{color: #8c8b89; font-size: 10px; padding: 20px 0px;}
#footer p {
    color: #8c8b89;
    font-size: 14px;
    border: 0px;
	padding-top:20px;
}
#footer span {
    color: #787672;
}
#footer p img {
    width: 80%;
}
.foot_copy p {padding: 11px 0 ;text-transform:uppercase;}

/* 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: 50;}
.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;
}


.popup {
	display:none;
	width: 95%;
	max-width:500px;
	background-color:#fff;
	border:5px solid #C30D40;
}

.popup > .title {
	text-align:center;
	padding: 5px 10px 10px;
	background-color:#C30D40;
	color:#fff;
}

.popup .title .b-close {
	position:absolute;
	font-size:25px;
	right: 10px;
	top: 0;
	cursor:pointer;
}

.popup .con {
	padding: 10px;
	overflow:auto;
	height: 500px;
	font-size:13px;
	color:#666;
}

.popup .con .box {
	margin-bottom: 20px;
}

.popup .con .box .title {
	font-size:14px;
	color:#252525;
	margin-bottom: 10px;
}

.popup .con .box .sub-title {
	color:#444;
	margin-bottom: 5px;
}

.popup .con  .gray {
	padding: 10px;
	background-color:#e5e5e5;
	font-size:12px;
}

.popup .con  .red {
	color:#ff0000;
}

.popup .con  .mt10 {
	margin-bottom: 10px;
}

.popup .con .box table {
	text-align:center;
	width: 100%;
}

.popup .con .box table th,
.popup .con .box table td {
	border:1px solid #666;
	vertical-align:middle;
	padding: 8px;
}