@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:600px;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;position:relative;}

#warp .txt {position:relative;}
#warp .txt p {position:absolute;top:4%;left:7%; font-size:31px;color:#000;font-weight:900;}
#warp .txt .link {position:absolute;top:20%;left:6%; width:36%;height:5%;}

#warp .btn {background:#01bc8f;overflow:hidden;}
#warp .btn a {display:block;width:60%;margin:20px auto 0; font-size:20px;color:#fff;line-height:36px;font-weight:bold;text-align:center;background:#000;}
#warp .btn a img {width:20px;margin-top:-3px;}


.right_nav {position:fixed; right:0; bottom:100px; text-align:left; overflow: hidden; z-index:11;}
.right_nav ul li {background:#0085cd;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; font-size:12px;color:#fff;line-height:18px;text-align:center;}
.right_nav ul li img {width:30px;height:30px;}