@charset "utf-8";

/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,form,fieldset,legend,input,textarea,button,select,div{font-family:'SamsungOneKorean','dotum',sans-serif;margin:0;padding:0;box-sizing:border-box;word-break:keep-all;word-wrap:break-word;letter-spacing:-1px}
td,th{margin:0;padding:0;word-break:keep-all;word-wrap:break-word}
body,input,textarea,select,button,table,th,td,pre{color:#000;font-size:18px}
h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:1.2}
img,fieldset,iframe{border:0;vertical-align:top}
textarea{resize:none}
ul,ol{margin:0;padding:0;list-style:none}
ul:after,ol:after{content:'';display:block;clear:both}
em,address{font-style:normal}
input,select{vertical-align:middle}
table{width:100%;border-collapse:separate;empty-cells:show;border-spacing:0}
hr,legend{display:none}
caption{overflow:hidden;position:static;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
strong, b{font-weight:500}
button{box-sizing:border-box;border:none;background:none;}
label{cursor:pointer}

a{color:inherit;text-decoration:none}
a{box-sizing:border-box}

a, button{cursor:pointer}
[tabindex="-1"]{outline:0}
[tabindex="0"]:focus{outline:1px dashed #e0e0e0}

.hidden{overflow:hidden;position:absolute;font:0/0 notokr;width:0;height:0}

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

/* layout */
.wrapper{position:relative;overflow:hidden}
.wrapper img, .layerCont img{width:100%}
.wrapper .btnImg{padding:3.75vw  0 0 0;}

.keyVisual .btnArea{background:#19b8fc}
.cont01 {background:#19b8fc}
.cont01 .btnArea{padding: 0 0 3.75vw 0;}
.cont03 {background:#f8eb45}
.cont03 .btnArea {
    padding:0 0 10vw 0;
}
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;background:#000;width:100%;height:100%;top:0;left:0;opacity:0.5;z-index:100}

@media (min-width: 1080px) {
    .wrapper {
        margin: 0 auto;
        width: 100%;
        max-width: 800px;
    }
}