@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}
html.hasModal{overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0}

/* layer */
.layerPop{display:none}
.layerPop .layerCont{position:fixed;top:50%;left:0;right:0;z-index:999;width:100%}
.layerPop .layerCont iframe{width:100%;height:57vw}
.layerPop .btnClose{overflow:hidden;text-indent:-9999px;position:absolute;top:-25px;right:10px;width:22px;height:22px;background:url(../../images/mo/promotion01/btn_close.png) no-repeat 0 0;background-size:22px 22px;z-index:999999}
.dimmed{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:#000;opacity:.6;z-index:99}

/* 프로모션 */
.promotion img{width:100%}
.promotion .cont01{position:relative}
.promotion .cont01 .btnCopy a{position:absolute;left:18%;top:32%;width:65%;height:7.5%;text-indent:-9999px;overflow:hidden}
.promotion .videoList .btnPlay, .promotion .videoList .btnShare{position:absolute;text-indent:-9999px;overflow:hidden}
.promotion .videoList .btnPlay{width:35.5%;height:12.7%}
.promotion .videoList .btnShare{width:26.2%;height:4.9%}
.promotion .videoList .list01 .btnPlay{left:10.7%;top:43.5%}
.promotion .videoList .list01 .btnShare{left:15%;top:61%}
.promotion .videoList .list02 .btnPlay{right:10.8%;top:43.5%}
.promotion .videoList .list02 .btnShare{right:16.2%;top:61%}
.promotion .videoList .list03 .btnPlay{left:10.7%;top:69.1%}
.promotion .videoList .list03 .btnShare{left:15%;top:86.6%}
.promotion .videoList .list04 .btnPlay{right:10.8%;top:69.1%}
.promotion .videoList .list04 .btnShare{right:16.2%;top:86.6%}
.promotion .btnArea{position:relative;left:15%;width:70%;padding:0.1vh 0}
.promotion .btnArea button{display:block;margin:1vh 0}

.shareCont{background:#fff;margin:0 15px;padding:28px 23px 30px}
.shareCont dt{display:block;border-bottom:1px solid #2c274f;padding-bottom:24px;width:100%;height:14px;text-indent:-9999px;overflow:hidden;background:url(../../images/mo/promotion01/tit_share.png) no-repeat 0 0;background-size:192px 14px}
.shareCont dd{text-align:center;padding-top:25px}
.shareCont dd .icoShare{display:inline-block;margin:0 5px;width:57px;height:57px;text-indent:-9999px;overflow:hidden;background:url(../../images/mo/promotion01/ico_share.png) no-repeat 0 0;background-size:228px 57px}
.shareCont dd .icoShare.blog{background-position:0 0}
.shareCont dd .icoShare.cafe{background-position:-57px 0}
.shareCont dd .icoShare.facebook{background-position:-114px 0}
.shareCont dd .icoShare.kakaostory{background-position:-171px 0}


.copyCont{background:#fff;margin:0 15px;padding:110px 23px 110px}
.copyCont .tit{display:block;width:100%;height:20px;text-indent:-9999px;overflow:hidden;background:url(../../images/mo/promotion01/tit_copy.png) no-repeat 50% 0;background-size:203px 20px}

.keyVisual.okType{position:relative}
.keyVisual.okType button{position:absolute;left:8%;bottom:4.6%;text-indent:-9999px;overflow:hidden;width:84%;height:8.2%;}
.keyVisual.okType+.btnArea{margin-top:10px;}