@charset "UTF-8";

@font-face{
	font-family: "Nanum Gothic";
	src: url("NanumGothic-Regular.ttf")  format("truetype");
}

html{font-size:62.5%;}
html, body {height:100%;}
body {padding:0; margin:0; font-family:'SamsungOneKorean','dotum',sans-serif; line-height:1; color:#333; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%;}

/* Common */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}

fieldset {display:block; margin:0; padding:0; border:0;}
form {margin:0; padding:0;}

a {text-decoration:none; color:#000;}
a[href^="tel"] {text-decoration:none;}
img {border:0; vertical-align:top;}
i, em, address {font-style:normal;}
table {width:100%; border-collapse:collapse;}
caption {overflow:hidden; visibility:hidden; width:1px; height:1px; *height:0; padding:0; margin-top:-1px; font-size:0; line-height:0; text-indent:-999px;}
input {line-height:normal; -webkit-appearance:none; -webkit-border-radius:0;}
input:disabled {opacity:1; -webkit-text-fill-color:inherit;}
input, textarea, select, button {font-family:'Roboto', 'notokr', 'Arial', AppleGothic, 'dotum', '돋움', sans-serif;}
button{box-sizing:border-box;border:none;background:none;}

.hidden {overflow:hidden; visibility:hidden; position:absolute; width:0; height:0; font-size:0;}
.skip ul {margin:0; padding:0; list-style:none; z-index:100;}
.skip ul a {position:absolute; left:-100%;}
.skip ul a:focus {display:block; width:100%; height:30px; line-height:30px; top:0; left:0; background:#000; color:#fff; text-align: center; z-index:999;}

/* Skip Content */
#skip_content a {overflow:hidden; display:block; position:absolute; top:0; left:0; width:1px; height:1px; background:#000; color:#fff; text-align:center;}
#skip_content a:focus {position:relative; width:100%; height:auto; padding:10px;}

h1, h2, h3, h4, h5, h6, p {line-height:140%; margin:0; word-break:keep-all;}
ul, dl {line-height:140%; padding:0; margin:0; list-style:none;}

/* layout */
.wrapper {position:relative; overflow:hidden;}
.wrapper img {width:100%;}

.img_wrap {position:relative;}
.img_wrap .img_btn01 {position:absolute; bottom:6%; left:50%;  width:84%; height:20%; transform: translateX(-50%); z-index: 2;}

.hide {display: none;}

/* popup */
html.hasModal {overflow:hidden; position:fixed; top:0; left:0; right:0; bottom:0;}

.layerPop {display:none; position:fixed; left:5%; right:5%; top:50%; z-index:101;}
.layerCont {position:relative; padding-bottom:10%; background:#c9e6d0;}
.layerCont .btnClose {position:absolute; right:0; top:0; width:55px;}
.dimmed {display:none; position:fixed; width:100%; height:100%; top:0; left:0; opacity:0.5; z-index:100;}

.copy_pop {width:300px;}
.copy_pop img {width:100%;}