@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 .btnImg{padding:5px 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:46px;height:46px;text-indent:-9999px;overflow:hidden;background:url(../../images/mo/promotion01/ico_share.png) no-repeat 0 0;background-size:auto 46px}
.shareCont dd .icoShare.blog{background-position:0 0}
.shareCont dd .icoShare.cafe{background-position:-46px 0}
.shareCont dd .icoShare.facebook{background-position:-92px 0}
.shareCont dd .icoShare.kakaostory{background-position:-138px 0}
.shareCont dd .icoShare.instagram{background-position:-184px 0}

.copyCont{background:#fff;margin:0 15px;padding:48px 23px 49px;}
.copyCont .tit{display:block;width:100%;padding-bottom:10px;height:13px;text-indent:-9999px;overflow:hidden;background:url(../../images/mo/promotion01/tit_copy.png) no-repeat 50% 0;background-size:auto 13px;border-bottom: 1px solid #2c274f;}

.copyCont .hash{text-align:center;}
.copyCont .hash>span{text-indent:-9999px;font-size:0;color:transparent;display:inline-block;margin:0 2px;}
.copyCont .hash>span:nth-child(1){width:96px;height:22px;background:url(../../images/mo/promotion01/img_hash_01.png) no-repeat 0 0;background-size:auto 22px;}
.copyCont .hash>span:nth-child(2){width:70px;height:22px;background:url(../../images/mo/promotion01/img_hash_02.png) no-repeat 0 0;background-size:auto 22px;}
.copyCont .hash>span:nth-child(3){width:103px;height:22px;background:url(../../images/mo/promotion01/img_hash_03.png) no-repeat 0 0;background-size:auto 22px;}

.keyVisual.okType{position:relative}
.keyVisual.okType button{position:absolute;left:15%;bottom:2%;text-indent:-9999px;overflow:hidden;width:70%;height:13%}
.keyVisual.okType+.btnArea{margin-top:10px;}





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