body{-webkit-overflow-scrolling: touch;}

.ml0{margin-left:0 !important}.ml10{margin-left:10px !important}

.inner-wrapper{position:relative;width:100%;}
.max-wrapper{position:relative;max-width:1400px;margin:0 auto}

.my-info {display:inline-flex;width:100%;background:#353e51;height:45px;align-items:center;justify-content:center;font-size:14px;color:#FFF;font-weight:300;letter-spacing:0.05em}
.my-info a{color:#FFF}
.my-info .name {color:#e9ffa5}
.my-info .grade {margin:0 5px}
.my-info .btn-point {display:inline-block;background:#3d84c6;border:1px solid #b8b8b8;padding:0 7px;height:23px;font-size:13px;color:#fff;margin:0 5px;box-sizing:border-box;letter-spacing:-0.05em}
.my-info .btn-cart {color:#fff;margin-left:10px;font-size:14px}
.my-info-mo{display:none}

header {position:absolute;top:0;width:100%;border-bottom:1px solid #e1e1e1;z-index:100}
header::before {position:absolute;top:45px;left:0;width:100%;height:0;background:#fff;z-index:0;transition:all .2s ease-in;content:''}
header .gnb-logo {position:absolute;left:0;top:10px;}
header .gnb {display:flex;align-items:flex-start;justify-content: center}
header .gnb .gnb-menu {display:inline-flex;justify-content:center}
header .gnb .gnb-menu .menu-item {position:relative;margin:0 10px;box-sizing:border-box}
header .gnb .gnb-menu .menu-item .gnb-btn {display:inline-flex;height:84px;padding:4px 24px 0 ;align-items:center;font-size:22px;font-weight:700;color:#152a5d;letter-spacing:-0.05em;box-sizing:border-box}
header .gnb .gnb-menu .menu-item:nth-child(2) .gnb-btn{padding:4px 34px 0}
header .gnb .gnb-menu .menu-item::after{position:absolute;top:80px;left:0;width:0;height:5px;background:#fe6b8b;transition:width .3s ease-in;content:''}
header .gnb .gnb-menu .menu-item.active > .gnb-btn,
header .gnb .gnb-menu .menu-item:hover > .gnb-btn{color:#fe6b8b !important}
header .gnb .gnb-menu .menu-item.active::after,
header .gnb .gnb-menu .menu-item:hover::after{width:100%;padding:0 10px;content:'';box-sizing:border-box}
header .gnb .gnb-menu .menu-item .depth2{position:absolute;top:80px;left:0;width:100%;height:0;max-height:0;padding:28px 0 0;overflow:hidden;transition:max-height .4s ease-in}
header .gnb .gnb-menu .menu-item .depth2 li {text-align:center;line-height:16px; margin-bottom:14px;}
header .gnb .gnb-menu .menu-item .depth2 li a{font-size:15px;color:#666;letter-spacing: -0.05em;}
header .gnb .gnb-menu .menu-item .depth2 li a:hover{color:#444; text-decoration: underline;}
header .btn-nav {position:absolute;right:0;top:20px}
header .mo-menu{display:none}
header .sub-menu{position:absolute;right:75px;top:30px;}
header .sub-menu a{display:inline-block;padding:2px 0 0;width:80px;height:28px;background:#000;color:#FFF;font-size:14px;text-align:center;box-sizing:border-box}
header .sub-menu a:hover{background:#fe6b8b}
header .btn-nav-close{display:none}
header .btn-nav-close1{display:none}
header a.btn-nav-close2{display:none}

.menu-open{overflow:visible !important;}
.menu-open header::before{height:700px}
.menu-open header::after{background:#dadada}
.menu-open .btn-nav-open{display:none}
.menu-open .btn-nav-close{display:block}
.menu-open .btn-nav-close1{display:block}
.menu-open header .gnb .gnb-menu {height:700px}
.menu-open header .gnb .gnb-menu .menu-item .depth2 {max-height:1299px;height:auto}

.quick-menu-w {position:fixed;right:0;top:200px;}
.quick-menu-w .con {position:relative}
.quick-menu-w .btn-quick-close {position:absolute;top:0;left:-27px;width:40px;cursor:pointer}
.quick-menu-w .quick-menu-link{height:536px;width:58px;background:#f5f5f5;border-left:1px solid #b8b8b8}
.quick-menu-w .quick-menu-link .quick-menu{display:block;padding:0;color:#3a3a3a;font-size:16px;background:#eaeaea;border-bottom:1px solid #cbcbcb}
.quick-menu-w .quick-menu-link .quick-menu .item{display:block;padding:10px 0 ;margin:0 5px;color:#3a3a3a;font-size:13px;text-align:center;line-height:1.1em;border-bottom:1px solid #acacac}
.quick-menu-w .quick-menu-link .quick-menu .item span{display:block;width:100%;margin-top:5px}
.quick-menu-w .quick-menu-link .quick-menu .item:last-child{border-bottom:none}
.quick-menu-w .quick-menu-link .quick-menu .item:hover{color:#1d50d1}
.quick-menu-w .quick-menu-link .quick-menu .item img{display:inline-block}
.quick-menu-w .quick-menu-link .quick-prod{display:none}
.quick-menu-w .quick-menu-link .quick-prod a{display:block;width:100%;padding:5px 5px;color:#3f3f3f;font-size:16px;border-bottom:1px solid #cbcbcb;box-sizing:border-box}
.quick-menu-w .quick-menu-link .quick-prod a img{width:85px;}
.quick-menu-w .quick-menu-link .quick-prod a span{display:inline-flex;align-items:center;justify-content:center;width:95px;float:right;height:50px;letter-spacing:-0.05em}

.container{padding-top:250px}
.container .content-tit{background:#fe6898;height:90px;display:none}
.container .visual01{background:#fe6898;} .container .visual01 span{background-image:url(../images/img_subvisual_01.png); background-repeat:no-repeat; background-position:98% 0}
.container .visual02{background:#fe6898;} .container .visual02 span{background-image:url(../images/img_subvisual_01.png); background-repeat:no-repeat; background-position:98% 0}
.container .visual03{background:#fe6898;} .container .visual03 span{background-image:url(../images/img_subvisual_01.png); background-repeat:no-repeat; background-position:98% 0}
.container .visual04{background:#fe6898;} .container .visual04 span{background-image:url(../images/img_subvisual_01.png); background-repeat:no-repeat; background-position:98% 0}
.container .visual05{background:#fe6898;} .container .visual05 span{background-image:url(../images/img_subvisual_01.png); background-repeat:no-repeat; background-position:98% 0}
.container .visual06{background:#fe6898;} .container .visual06 span{background-image:url(../images/img_subvisual_01.png); background-repeat:no-repeat; background-position:98% 0}
.container .content-tit span{display:block;margin:0 auto;padding-top:40px;padding-left:20px;color:#FFF;font-family:'GmarketSansMedium';font-size:40px;max-width:1400px;height:90px;box-sizing:border-box}
.container .header {position:relative;max-width:1400px;margin:0 auto;height:80px}
.container .header h2 {font-size:38px;color:#000;text-align:center;font-weight:700;padding-top:20px;line-height:1;letter-spacing:-0.05em}
.container .header .navi {position:absolute;right:0;top:30px;font-size:16px;color:#6e6e6e}
.container .header .navi span{display:inline-block;padding-left:18px;background:url(../images/ico_navi_aw.png) no-repeat 6px 6px;font-size:14px;letter-spacing:-0.05em}
.container .header .navi a{display:inline-block;padding-left:24px;background:url(../images/ico_navi_home.png) no-repeat 0 4px;font-size:14px;}
.container .header .navi span:last-child{font-weight:500;color:#000}
.container .header .btn-w {position:absolute;left:0;top:20px;border:none}
.container .header .btn-w a {position:relative;display:inline-flex;height:38px;justify-content:center;align-items:center;border:1px solid #808080;color:#000;padding:0 12px 0;line-height:1;margin-right:3px;letter-spacing:-0.05em;font-size:14px}
.container .header .btn-w a:hover {border:1px solid #6d7aff;color:#6d7aff;}
.container .header .btn-w .tab-view-layer {display:none;position:absolute;left:-1px;top:-1px;width:500px;border:3px solid #000;padding:20px;background:#fff;z-index:10}
.container .header .btn-w .tab-view-layer h3 {font-size:18px;font-weight:500;color:#6d7aff;margin-bottom:10px}

.container .contents {max-width:1400px;margin:0 auto;padding:20px 20px 30px 20px;border:1px solid #bfbfbf}
.container .inner-contents{padding:0 18px}

.quick-prod-top{position:absolute;background:#fff;border-bottom:1px solid #aeaeae;width:100%;height:120px;top:130px}
.quick-prod-top .con{display:flex;max-width:1400px;margin:0 auto}
.quick-prod-top a{display:block;width:100%;height:120px;padding:15px 5px 5px;color:#3f3f3f;font-size:16px;box-sizing:border-box;text-align:center}
.quick-prod-top a:hover{background: rgb(232,232,232);background: linear-gradient(0deg, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 80%);}
.quick-prod-top a img{width:95px;}
.quick-prod-top a span{display:block;width:100%;margin-top:7px;text-align:center;font-size:16px;color:#1356aa;font-weight:500}
.quick-prod-top a.quick-prod-em{border-bottom:6px solid #0a1554}
.quick-prod-top a.quick-prod-cfl{border-bottom:6px solid #0c7d38;}
.quick-prod-top a.quick-prod-pb{border-bottom:6px solid #c90c11;}
.quick-prod-top a.quick-prod-mm{border-bottom:6px solid #0a3d97;}
.quick-prod-top a.quick-prod-sl{border-bottom:6px solid #92920d;}
.quick-prod-top a.quick-prod-nl{border-bottom:6px solid #ee0000;}
.quick-prod-top a.quick-prod-lp{border-bottom:6px solid #004700;}
.quick-prod-top a.quick-prod-eg{border-bottom:6px solid #f43202;}
.quick-prod-top a.quick-prod-ej{border-bottom:6px solid #514200;}
.quick-prod-top a.quick-prod-ed{border-bottom:6px solid #8e2a8a;}
.quick-prod-top a.quick-prod-em span{color:#0a1554}
.quick-prod-top a.quick-prod-cfl span{color:#0c7d38}
.quick-prod-top a.quick-prod-pb span{color:#c90c11}
.quick-prod-top a.quick-prod-mm span{color:#0a3d97}
.quick-prod-top a.quick-prod-sl span{color:#92920d}
.quick-prod-top a.quick-prod-nl span{color:#ee0000}
.quick-prod-top a.quick-prod-lp span{color:#004700}
.quick-prod-top a.quick-prod-eg span{color:#f43202}
.quick-prod-top a.quick-prod-ej span{color:#514200}
.quick-prod-top a.quick-prod-ed span{color:#8e2a8a}

footer{background:#202a31}
footer .warning{background:#4d5860;text-align:center;padding:15px 0;color:#fff}
footer .warning span{display:block;text-align:center;margin-top:15px;line-height:1.6em}
footer .copy{position:relative;max-width:1400px;text-align:center;color:#919191;text-align:center;padding:30px 0;margin:0 auto}
footer .copy span{display:block;text-align:center;margin-bottom:30px;line-height:1.6em}
footer .copy span img{width:36px;margin:0 2px 5px}
footer .btn-policy{position:absolute;right:0;top:30px;display:inline-block;text-align:center;width:108px;height:25px;border:1px solid #00f0ff;background:transparent;color:#00f0ff;font-size:12px;box-sizing:border-box;font-weight:300}
footer .btn-policy:hover{border:1px solid #fe5980;color:#fe5980}

@media screen and (max-width:1280px){
    header .gnb .gnb-menu{margin-right:80px}
    header .gnb .gnb-menu .menu-item .gnb-btn{padding:4px 10px 0;font-size:21px}
}
@media screen and (max-width:1080px){ /* tablet */
    body{min-width: 100%;}
    header{height:110px;background:rgba(255,255,255,1);box-sizing:border-box}
    header::before{position:fixed; top:0;left:auto;right:0; width:0;height:100%;background:#222;opacity: 0;transition:opacity .2s ease-in}
    header::after{top:69px}
    header .logo{left:32px}
    header .logo img{width:104px;height:19px}
    header .gnb-logo{left:12px}
    header .gnb-logo img{width:120px}
    header .gnb{padding-top:0;align-items:flex-start; -webkit-overflow-scrolling : touch;-webkit-backface-visibility:hidden; -webkit-transform:translateZ(0); -webkit-transform:translate3d(0, 0, 0);}
    header .btn-nav-open{width:70px;height:70px;display:inline-flex;justify-content:center;align-items:center;top:0}
    header .btn-nav-open img{width:40px}
    header a.btn-nav-close{display:none}
    header a.btn-nav-close1{display:none}
    header a.btn-nav-close2{position:absolute;top:15px;right:15px;width:40px;height:40px;background:transparent !important;text-align:center}
    header .btn-nav-close img{width:40px;height:40px}
    header .btn-nav-close1 img{width:40px;height:40px}
    header .btn-nav-close2 img{width:40px;height:40px}
    header .pc-menu{display:none !important}
    header .mo-menu{display:inline-flex  !important}

    header .gnb {position:fixed;flex-wrap:wrap;display:block;height:100%;top:-45px;left:auto;width:0;right:0;z-index:20;transition: width 0.3s ease-out;transform:translate(0,0);max-width:none;background:#fff;overflow:hidden}
    header .gnb .gnb-menu{width:100%;margin-right:0}
    .menu-open header::after{background:rgba(255,255,255,.0);}
    .menu-open header .gnb .btn-nav-close {display:inherit;width:55px;height:55px;top:0;right:0;display:inline-flex;justify-content:center;align-items:center;}
    .menu-open header .gnb .btn-nav-close1 {display:none}
    .menu-open header .btn-nav-close2 { top:10px;right:10px;display:inline-flex;justify-content:center;align-items:center;}
    .menu-open header .gnb .btn-nav-open {display:none}
    .menu-open header .gnb .gnb-menu{height:auto;max-height:1800px}
    .menu-open header .gnb .gnb-menu .menu-item .gnb-btn{color:#222}
    .menu-open header .gnb .gnb-menu .menu-item .depth2 {height:0;max-height:0;}

    header .gnb .gnb-menu{display:flex;flex-flow:row wrap;align-items: flex-start;width:100%;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;margin-top:15px}
    header .gnb .gnb-menu .menu-item{width:100%;margin:0;}
    header .gnb .gnb-menu .menu-item .gnb-btn{position:relative;width:100%;height:45px;padding:0 20px;align-items: center;font-size:16px;font-weight:500;color:#fff;letter-spacing: -1px;border-bottom:1px solid #e1e1e1;box-sizing:border-box}
    header .gnb .gnb-menu .menu-item .gnb-btn::after{position:absolute;top:50%;right:20px;width:11px;height:7px;background:url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='6.41947' y1='5.62155' x2='1.39901' y2='0.601091' stroke='%23222222' stroke-width='1.7'/%3E%3Cline y1='-0.85' x2='7.1' y2='-0.85' transform='matrix(0.707107 -0.707107 -0.707107 -0.707107 4.62036 5.02051)' stroke='%23222222' stroke-width='1.7'/%3E%3C/svg%3E%0A") no-repeat 0 0/contain;content:'';transition:all .3s}
    header .gnb .gnb-menu .menu-item::after{display:none}
    header .gnb .gnb-menu .menu-item.current .gnb-btn,
    header .gnb .gnb-menu .menu-item.open .gnb-btn,
    header .gnb .gnb-menu .menu-item:hover .gnb-btn{color:#E41D1E !important;border-bottom:1px solid #E41D1E}
    header .gnb .gnb-menu .menu-item.open .gnb-btn::after{background:url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='6.41947' y1='5.62155' x2='1.39901' y2='0.601091' stroke='%23E41D1E' stroke-width='1.7'/%3E%3Cline y1='-0.85' x2='7.1' y2='-0.85' transform='matrix(0.707107 -0.707107 -0.707107 -0.707107 4.62036 5.02051)' stroke='%23E41D1E' stroke-width='1.7'/%3E%3C/svg%3E%0A") no-repeat 0 0/contain;transform:rotate(180deg)}
    header .gnb .gnb-menu .menu-item:nth-child(2) .gnb-btn{padding:0 20px}
    header .gnb .gnb-menu .menu-item .depth2{position:static;top:0;left:0;width:100%;height:0;max-height:0;padding:0;overflow:hidden;transition:max-height .4s ease-in}
    header .gnb .gnb-menu .menu-item .depth2 li {text-align:left;line-height:35px;border-bottom:1px solid #D8D8D8;margin-bottom:0}
    header .gnb .gnb-menu .menu-item .depth2 li a{display:inline-flex;width:100%;padding:0 20px;font-size:15px;}
    header .gnb .gnb-menu .menu-item.current .depth2 .active,
    header .gnb .gnb-menu .menu-item .depth2 li a:hover{color:#444;font-weight:700}

    header .sub-menu{width:100%;position:relative;right:auto;top:auto;text-align:center;padding-top:15px}

    .menu-open header .gnb{display:block;flex-wrap:wrap;width:100%;box-sizing:border-box;overflow-y:auto;background:#fff;top:0;}
    .menu-open header .gnb .gnb-menu .menu-item.open .depth2{height:auto;max-height:1500px}
    .menu-open header::before{width:100%;height:100%;opacity: .2;}

    .quick_menu_w{display:none}
    .menu-open .quick_menu_w{display:block;position:relative;width:100%;margin-top:10px;height:auto}
    .quick-menu-w{position:relative;right:auto !important;top:auto;height:auto;width:100%}
    .quick-menu-w .btn-quick-close{display:none}
    .quick-menu-w .quick-menu-link{width:100%;height:auto;border-left:none}

    .quick-menu-w .quick-menu-link .quick-menu{display:flex;flex-wrap:wrap;padding:5px 0;color:#3a3a3a;font-size:16px;background:#eaeaea;border-bottom:1px solid #cbcbcb}
    .quick-menu-w .quick-menu-link .quick-menu .item{width:50%;display:block;padding:8px 0 8px 25px;color:#3a3a3a;font-size:14px;box-sizing:border-box;margin:0;text-align:left}
    .quick-menu-w .quick-menu-link .quick-menu .item:hover{color:#1d50d1}
    .quick-menu-w .quick-menu-link .quick-menu .item img{vertical-align:-7px}
    .quick-menu-w .quick-menu-link .quick-menu .item span{display:inline;width:auto;margin-top:0}
    .quick-menu-w .quick-menu-link .quick-menu .item span br{display:none}

    .quick-menu-w .quick-menu-link .quick-prod {display:flex;flex-wrap:wrap}
    .quick-menu-w .quick-menu-link .quick-prod a{display:block;width:33.33%;padding:5px 5px;font-size:14px;border-bottom:1px solid #cbcbcb;text-align:center}
    .quick-menu-w .quick-menu-link .quick-prod a img{width:85px;}
    .quick-menu-w .quick-menu-link .quick-prod a span{width:100%;float:auto;height:auto;letter-spacing:-0.05em;text-align:center;font-weight:bolder}
    .quick-menu-w .quick-menu-link .quick-prod a:nth-child(10){border-bottom:none}

    .container{padding-top:210px}
	.container .inner-contents{padding:0}
    .container .header{height:65px;top:auto}
    .container .header .navi{display:none}
    .container .header h2{font-size:30px;padding-top:20px}
    .container .contents{border:none;padding:10px 10px}
    .container .header .btn-w{left:10px;}

    .quick-prod-top{top:110px;height:100px}
    .quick-prod-top a {height:100px}
    .quick-prod-top a img{width:65px;}
    .quick-prod-top a span{font-size:12px}

} 
@media screen and (max-width:768px){ /* mobile */
    .my-info{display:none}
    .my-info-mo{display:block}
    .my-info-mo {width:100%;background:#353e51; }
    .my-info-mo > div {font-size:13px;color:#FFF;font-weight:300;letter-spacing:-0.05em;text-align:center; padding:5px 0;border-bottom:1px solid rgba(255,255,255,0.3)}
    .my-info-mo > div:last-child{border-bottom:none}
    .my-info-mo a{color:#FFF}
    .my-info-mo .name {color:#e9ffa5}
    .my-info-mo .grade {margin:0 5px}
    .my-info-mo .btn-point {display:inline-block;background:#3d84c6;border:1px solid #b8b8b8;padding:0 7px;height:23px;font-size:13px;color:#fff;margin:0 5px;box-sizing:border-box;letter-spacing:-0.05em}
    .my-info-mo .btn-cart {color:#fff;margin-left:10px;font-size:14px}
    header{top:0;height:55px}
    header .logo{left:16px}
    header .gnb-logo img{width:90px} 
    header .gnb{top:0}
    header .btn-nav-open{width:55px;height:55px;display:inline-flex;justify-content:center;align-items:center;top:0;right:0}
    header .btn-nav-open img{width:32px}
    .menu-open{overflow:hidden !important}
    .menu-open header .gnb{top:0;bottom:0 }
    header nav .rnb li a{font-size:14px}
    header nav .gnb > li > .btn{font-size:16px;}
    header nav .gnb > li .depth2 li a{font-size:14px;}
    header .sub-menu{position:relative;right:auto;top:auto}

    footer{}
    footer .warning{padding:15px}
    footer .warning img{width:50px}
    footer .warning span{font-size:13px}
    footer .copy{padding:30px 10px;font-size:12px}
    footer .copy span{padding:0 10px}
    footer .copy img{max-width:100%}
    footer .btn-policy{position:relative;top:auto;right:auto;margin-bottom:15px}

    .container{padding-top:55px;box-sizing:border-box}

    .container .content-tit{display:none} 
    .container .header .navi{display:none}
    .container .header {height:55px}
    .container .header h2{font-size:25px}
    .container .contents{border:none;padding:10px 10px;box-sizing:border-box}
    .container .inner-contents{padding:0 0}
    .container .header .btn-w{display:none}

    .quick-prod-top{display:none}

}