/*-------------------------layout_play.css------------------------------------*/
@charset "utf-8";

html, body {overflow:hidden;overflow-y:visible}
#doc-wrap {color:#555;position:relative;min-width:1400px;max-width:1920px;overflow:hidden;margin:0 auto;font-size:18px;letter-spacing:-.04em;line-height:1.389}
.div-cont {max-width:1400px;margin:0 auto;position:relative}
@media all and (max-width:1460px){
	#doc-wrap {min-width:320px}
	.div-cont {margin:0 30px}
}
@media all and (max-width:999px){
	#doc-wrap {font-size:17px}
}
@media all and (max-width:768px){
	#doc-wrap {font-size:16px}
	.div-cont {margin:0 20px}
}
@media all and (max-width:499px){
	#doc-wrap {font-size:15px}
}

/* 스킵네비게이션 */
#skipNavi {height:0}
#skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000}
#skipNavi .skipLink:focus,
#skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff}

/* 레이아웃 */
#header-wrap {background-color:#da262e;padding:65px 45px 0}
#header {position:relative;text-align:center;z-index:11}

.body-slide-wr {position:relative;width:100%;height:100%;transition:margin 0.3s ease}
.body-slider-ovclick {display:block;position:fixed;width:100%;height:0;left:0;top:0;background:rgba(0, 0, 0, .5);cursor:pointer;z-index:8;opacity:0;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);transition:opacity .5s ease;z-index:-1}
.body-slider-ovclick.show {height:0;opacity:0}
.body-slider-ovclick.hide {opacity:0}

@media all and (max-width:1439px) {
	#header-wrap {padding:65px 25px 0} 
}
@media all and (max-width:1149px) {
	#header-wrap {padding-top:40px}
}
@media all and (max-width:999px) {
	#header-wrap {padding:40px 20px 0} 
}
@media all and (max-width:768px) {
	#header-wrap {padding:35px 15px 0} 
}
@media all and (max-width:499px) {
	#header-wrap {padding:35px 10px 0} 
}

/*-------------------------gnavi_play.css------------------------------------*/

/*-------------------------logo_play.css------------------------------------*/

/*-------------------------header_play.css------------------------------------*/

/*-------------------------submenu_kor.css------------------------------------*/
#side-wrap {display:none}
@media all and (max-width:999px){
	#side-wrap {display:block;width:100%;padding:0;position:absolute;left:0;bottom:0;height:0;z-index:2}
	#leftmenu {height:auto;}
	#leftmenu .lm-tit {display:none}
	#leftmenu .lm_l1 {display:block;box-sizing:border-box}
	#leftmenu .lm_l1 .lm_a1 {display:none}
	#leftmenu .lm_l1 > .tgl-btn {display:block;position:absolute;background:#12213a;left:50%;bottom:-20px;border:0;width:70px;height:40px;margin-left:-10px;transform:translateX(-50%);z-index:1001}
	#leftmenu .lm_l1 > .tgl-btn:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-style:solid;border-width:0 0 2px 2px;border-color:transparent transparent #fff #fff;transform:rotate(-45deg);width:11px;height:11px;margin:10px auto auto auto;transition:all .3s ease}
	#leftmenu .lm_l1.is-open > .tgl-btn:after {margin-top:17px;transform:rotate(135deg)}
	#leftmenu .lm_l1.is-open .depth2 {box-shadow:0 10px 25px rgba(0, 0, 0, .1)}

	#leftmenu .depth2-wr {display:none;position:absolute;top:100%;left:0;width:100%;max-height:400px;overflow-y:auto;box-sizing:border-box;z-index:1000;}
	#leftmenu .depth2 {background-color:#f6f6f6;transition:all .3s ease}
	#leftmenu .depth2 .lm_l2 {position:relative;border-bottom:1px solid #ededed;box-sizing:border-box}
	#leftmenu .depth2 .lm_l2:last-child {margin:0;}
	#leftmenu .depth2 .lm_l2 .tgl-btn {display:block;position:absolute;right:0;top:8px;background:none;border:0;width:40px;height:40px;z-index:1}
	#leftmenu .depth2 .lm_l2 .tgl-btn:before,
	#leftmenu .depth2 .lm_l2 .tgl-btn:after {content:"";display:block;position:absolute;width:14px;height:2px;background:#999;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease}
	#leftmenu .depth2 .lm_l2 .tgl-btn:before {}
	#leftmenu .depth2 .lm_l2 .tgl-btn:after {transform:rotate(90deg)}
	#leftmenu .depth2 .lm_l2 .lm_a2 {display:block;position:relative;background:#fff;height:60px;padding:0 50px 0 24px;font-size:0;box-sizing:border-box;z-index:0;transition:all .3s ease}
	#leftmenu .depth2 .lm_l2 .lm_a2:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle}
	#leftmenu .depth2 .lm_l2 .lm_a2 span {display:inline-block;position:relative;width:100%;color:#222;font-size:17px;font-weight:400;font-family:"SCoreDream", sans-serif;letter-spacing:-.05em;line-height:1.2;vertical-align:middle;box-sizing:border-box}
	#leftmenu .depth2 .lm_l2 .lm_a2[target="_blank"] span:after  {content:"";display:inline-block;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat -66px -22px;width:14px;height:14px;vertical-align:middle;margin:0 0 3px 9px}
	#leftmenu .depth2 .lm_l2.over {border-bottom:0}
	#leftmenu .depth2 .lm_l2.over .lm_a2 {background:#da262e}
	#leftmenu .depth2 .lm_l2.over .lm_a2 span {color:#fff;font-size:18px;font-weight:500}
	#leftmenu .depth2 .lm_l2.over .tgl-btn:before,
	#leftmenu .depth2 .lm_l2.over .tgl-btn:after {background:#fff !important}
	#leftmenu .depth2 .lm_l2.over.is-open .tgl-btn:before {}
	#leftmenu .depth2 .lm_l2.over.is-open .tgl-btn:after {transform:rotate(0deg)}
	#leftmenu .depth2 .lm_l2.is-open .tgl-btn:before {}
	#leftmenu .depth2 .lm_l2.is-open .tgl-btn:after {transform:rotate(0deg);background:#aaa}

	#leftmenu .depth3-wr {padding:18px 0 9px;box-sizing:border-box}
	#leftmenu .depth3 {font-size:0}
	#leftmenu .depth3 .lm_l3 {display:inline-block;width:50%;padding-left:25px;box-sizing:border-box}
	#leftmenu .depth3 .lm_l3 .tbl-btn {}
	#leftmenu .depth3 .lm_l3 .lm_a3 {display:block;position:relative;padding:5px 0 5px 15px;line-height:1;box-sizing:border-box}
	#leftmenu .depth3 .lm_l3 .lm_a3:before {content:"";display:block;position:absolute;left:0;top:13px;background-color:#12213a;width:8px;height:2px}
	#leftmenu .depth3 .lm_l3 .lm_a3 span {display:inline-block;position:relative;max-width:100%;color:#666;font-size:15px;font-family:"SCoreDream", sans-serif;letter-spacing:-.05em;line-height:1.2;box-sizing:border-box}
	#leftmenu .depth3 .lm_l3 .lm_a3 span:before {content:"";display:block;position:absolute;left:0;bottom:-4px;background-color:#da262e;width:0;height:1px;opacity:0;transition:all .3s ease}
	#leftmenu .depth3 .lm_l3 .lm_a3[target="_blank"] span:after {content:"";display:inline-block;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat 0 -46px;width:10px;height:10px;vertical-align:middle;margin:0 0 1px 7px}
	#leftmenu .depth3 .lm_l3.over .lm_a3 span {color:#da262e}
	#leftmenu .depth3 .lm_l3.over .lm_a3 span:before {width:100%;opacity:1}

	#doc-wrap.left-open #container-wrap {z-index:3001}
	#doc-wrap.left-open #container {position:relative}
	#doc-wrap #container:before {content:"";display:block;position:absolute;left:-20px;top:0;background:rgba(0, 0, 0, .7);width:calc(100% + 40px);height:0;transition:height .3s ease}
	#doc-wrap.left-open #container:before {height:200vh;z-index:100}
}

/*-------------------------footer_play.css------------------------------------*/
#footer-wrap {position:relative;background:#fff;z-index:101}

#footer-wrap .footer {position:relative;padding:40px 0 45px;text-align:center}
#footer-wrap .fservice {}
#footer-wrap .fservice > ul {display:flex;flex-flow:row wrap;justify-content:center}
#footer-wrap .fservice > ul > li {margin:0 6px}
#footer-wrap .fservice a {display:block;position:relative;background-color:#b6b6b6;border-radius:50%;width:66px;height:66px;overflow:hidden}
#footer-wrap .fservice a:before {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:31px;height:31px;margin:auto}
#footer-wrap .fservice a.facebook:before {background:url(/resources/homepage/play/_Img/fico_fb.png) no-repeat center}
#footer-wrap .fservice a.insta:before {background:url(/resources/homepage/play/_Img/fico_insta.png) no-repeat center}
#footer-wrap .fservice a.youtube:before {background:url(/resources/homepage/play/_Img/fico_yb.png) no-repeat center}
#footer-wrap .fservice a:focus:before,
#footer-wrap .fservice a:hover:before {animation:ico_ani3 1s ease-out;-webkit-animation:ico_ani3 1s ease-out}
#footer-wrap .finfo {position:absolute;left:0;top:50%;transform:translateY(-50%)}
#footer-wrap .finfo .fcopyright {color:#767676;font-size:.778em;font-family:"SCoreDream", sans-serif;letter-spacing:0}
#footer-wrap .flink {display:flex;flex-flow:row}
#footer-wrap .flink .flink-list {margin:0 0 0 30px;position:relative;width:250px;max-width:250px}
#footer-wrap .flink dt button {border-bottom:1px solid #7c7c7c;box-sizing:border-box;color:#6f6f6f;font-size:1.133em;width:100%;height:50px;text-align:left;position:relative}
#footer-wrap .flink dt button:after {content:'';display:block;width:0;height:0;border-width:7px 6px 0;border-style:solid;border-color:#989898 transparent transparent;position:absolute;top:0;bottom:0;right:10px;margin:auto}
#footer-wrap .flink dd {display:none;position:absolute;top:100%;left:0;width:100%;margin-top:1px}
#footer-wrap .flink .sel {background:#fff;border:1px solid #7c7c7c;max-height:150px;padding:10px 0}
#footer-wrap .flink .sel ul {padding:0 10px}
#footer-wrap .flink .sel a {display:block;border-bottom:1px solid #ccc;font-size:.867em;padding:7px 10px}
#footer-wrap .flink .sel li:last-child a {border-bottom:0}
#footer-wrap .flink .btn-close {width:40px;height:40px;position:absolute;bottom:100%;right:0;background:#fff;border:1px solid #7c7c7c;margin-bottom:6px;opacity:0}
#footer-wrap .flink .btn-close:before,
#footer-wrap .flink .btn-close:after {content:'';display:block;width:20px;height:2px;background:#7c7c7c;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
#footer-wrap .flink .btn-close.show {opacity:1;transition:opacity .35s .35s}
#footer-wrap .flink .btn-close:before {transform:rotate(45deg);-ms-transform:rotate(45deg)}
#footer-wrap .flink .btn-close:after {transform:rotate(135deg);-ms-transform:rotate(135deg)}
#footer-wrap .flink .mCSB_inside > .mCSB_container {margin-right:0}
#footer-wrap .flink .sel a:hover,
#footer-wrap .flink .sel a:focus {text-decoration:underline}
@media all and (max-width:1199px) {
	#footer-wrap .finfo {position:static;left:auto;top:auto;margin-top:15px;transform:none}
}
@media all and (max-width:999px){
	#footer-wrap .flink {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:19px 0 0;justify-content:center}
	#footer-wrap .flink .flink-list {margin-left:2%}
	#footer-wrap .flink .flink-list:first-child {margin-left:0}
	#footer-wrap .flink dt button {font-size:13px;height:42px;}
	#footer-wrap .flink dd {top:auto;bottom:100%;margin:0 0 1px}
	#footer-wrap .flink .sel a {font-size:12px}
	#footer-wrap .flink .btn-close {width:30px;height:30px;top:100%;bottom:auto;margin:7px 0 0}
}
@media all and (max-width:768px) {
	#footer-wrap .footer {padding:25px 0 30px}
}


@keyframes ico_ani3 {
    0%,50%,100% {transform:translateY(0);-ms-transform:translateY(0)}
    25%,75% {transform:translateY(-15%);-ms-transform:translateY(-15%)}
}