@charset "utf-8";
.st1{
    display:flex;
}
.sub_wrap{
    padding:100px 0 0 0;
    position:relative;
}
.sub_wrap.gnb{
    padding:170px 0 0 0;
}
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/*
.fadeout .speed_01,
.fadeout .speed_02,
.fadeout .speed_03,
.fadeout .speed_04,
.fadeout .speed_05{
    opacity: 0;
    transition:all 0.5s;
}
.fadeout .speed_01.on,
.fadeout .speed_02.on,
.fadeout .speed_03.on,
.fadeout .speed_04.on,
.fadeout .speed_05.on{
    opacity: 100;
}
*/
.mg0{
    margin:0!important;
}
.mgb0{
    margin-bottom:0!important;
}
.mgb5{
    margin-bottom:5px!important;
}
.mgb10{
    margin-bottom:10px!important;
}
.mgb20{
    margin-bottom:20px!important;
}
.mgb30{
    margin-bottom:30px!important;
}
.mgb40{
    margin-bottom:40px!important;
}
.mgb50{
    margin-bottom:50px!important;
}
.mgb60{
    margin-bottom:60px!important;
}
.mgb70{
    margin-bottom:70px!important;
}
.mgb80{
    margin-bottom:80px!important;
}
.mgb90{
    margin-bottom:90px!important;
}
.mgb100{
    margin-bottom:100px!important;
}

.mgl0{
    margin-left:0!important;
}
.mgl5{
    margin-left:5px!important;
}
.mgl10{
    margin-left:10px!important;
}
.mgl20{
    margin-left:20px!important;
}
.mgl30{
    margin-left:30px!important;
}
.mgl40{
    margin-left:40px!important;
}
.mgl50{
    margin-left:50px!important;
}
.mgl60{
    margin-left:60px!important;
}
.mgl70{
    margin-left:70px!important;
}
.center{
    text-align: center;
}
.right{
    text-align: right;
}
.mid{
    vertical-align: middle;
}

.intro_menu{
    background:#554fb4;
    position:absolute;
    width:100%;
    top:100px;
    left:0;
    z-index: 10;
}
.intro_menu.gray{
    background:#ececec;
    border-top:1px #d0d0d0 solid;
    border-bottom:1px #d0d0d0 solid;
}
.intro_menu.ani{
    position:fixed;
    top:100px;
    width:100%;
    z-index: 9;
    opacity: 0.9
}
.intro_menu .mid{
    max-width:1200px;
    margin:0 auto;
    overflow: hidden;
}
.intro_menu ul{
    float:right;
    text-align: left;
    width:100%;
    font-size:0;
    transition:all 0.5s;
    max-width: 840px;
}
.intro_menu ul.member{
    max-width: 914px;
}
.intro_menu ul li{
    display: inline-block;
    *display: inline;
    zoom:1;
    vertical-align: top;
    margin:0 0 0 4%;
}
.intro_menu ul li:first-child{
    margin:0;
}
.intro_menu ul br{
    display: none;
}
.intro_menu ul li.selected a{
    border-bottom:5px #fa33b4 solid;
}
.intro_menu.gray ul li.selected a,
.intro_menu.gray ul li:hover a{
    color:#3a4560;
    font-weight:600;
    border-bottom:2px #3a4560 solid;
}
.intro_menu ul li a{
    display: block;
    font-size:15px;
    line-height:70px;
    height:70px;
    color:#fff;
    padding:0 10px;
}
.intro_menu.gray ul li a{
    line-height: 50px;
    height:50px;
    color:#5b5b5b;
    font-size:15px;
}
.txt_list > li.center{
    text-align: center;
    background:url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/dot_bg.png") no-repeat center top;
    padding:140px 0 0 0;
}
.txt_list > li.center.no_dot{
    background:none;
    padding:10% 0;
}
.txt_list > li.bg_01{
    padding:9% 46% 1% 0;
    background:url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/intro_img_01.png") no-repeat right bottom;
    margin:0 0 9% 0;
}
.txt_list > li.bg_02{
    padding:5% 0 13% 52%;
    background:url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/intro_img_02.png") no-repeat left top;
}
.txt_list > li.bg_03{
    padding:9% 0 12% 0;
    background:url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/intro_img_03.png") no-repeat right top;
    margin:0 0 7% 0;
}
.txt_list > li.bg_04{
    padding:4.8% 50% 5.5% 0;
    background:url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/intro_img_04.png") no-repeat right top;
    margin:0 0 4% 0;
}
.txt_list > li.bg_05{
    padding:50px 0 80px 0;
    background:url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/result_img_01.png") no-repeat right top;
    margin:0 0 4% 0;
}
.txt_list > li.fadeout{
    opacity: 0;
    /*transition:all 0.5s;*/
}
.txt_list > li.fadeout.on{
    opacity: 100;
}
.txt_list > li p{
    font-size:17px;
    color:#000;
    line-height:145%;
    margin:0 0 20px 0;
    letter-spacing: -1px;
    word-break: keep-all;
}
.txt_list > li .blue{
    color:#0a5ca2;
    font-weight:600
}
.txt_list .big_txt{
    font-size:53px;
    line-height:120%;
    font-weight:300;
    margin:0 0 40px 0;
    letter-spacing: -1px;
}
.txt_list .big_txt.little{
    font-size:42px;
}
.txt_list .big_txt b{
    display: block;
    font-weight:600;
}
.txt_list .big_txt em{
    display: block;
    font-style: normal;
    font-size:25px;
    color:#18181d;
    line-height:100%;
    margin:1% 0 4% 0;
}
.txt_list > li p.red{
    color:#ec3d2f;
    font-size:18px;
    margin:0 0 7.5% 0;
}

/*INTRO*/
.intro_wrap{
    max-width:1200px;
    width:100%;
    margin:0 auto;
    padding:50px 0 0 0;
    /*transition:all 0.5s;*/
}
.intro_wrap .scroll_box{
/*     overflow-x:scroll; */
}
.intro_wrap .arrow_list{
    font-size:0;
    margin:0 0 45px 0;
}
.intro_wrap .arrow_list li{
    border:1px #c7c7c7 solid;
    display: inline-block;
    *display: inline;
    zoom:1;
    width:19%;
    vertical-align: top;
    font-size:16px;
    color:#181e22;
    line-height:130%;
    background:#fbfbfb;
    margin:0 0 0 1.25%;
    padding:45px 0 0 0;
    min-height:412px;
    border-radius:10px;
    position:relative;
}
.intro_wrap .arrow_list li:first-child{
    margin:0;
}
.intro_wrap .arrow_list li:before{
    content:"";
    width:30px;
    height:49px;
    position:absolute;
    background:url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/blue_arrow.png") no-repeat center center;
    left:-7%;
    top:50%;
    margin:-24.5px 0 0 0
}
.intro_wrap .arrow_list li:first-child:before{
    display: none;
}
.intro_wrap .arrow_list li p{
    font-size:22px;
    font-weight:800;
    color:#18181d;
    height:60px;
}
.intro_wrap .arrow_list li img{
    display: block;
    margin:35px auto;
}
.intro_wrap .customer_list{
    border-top:1px #000000 solid;
    padding:0 0 9% 0;
}
.intro_wrap .customer_list ul{
    border-top:1px #000000 solid;
    margin:3px 0 0 0;
    padding:6% 0 0 0;
    font-size:0;
}
.intro_wrap .customer_list ul li{
    border-top:1px #bfbfbf solid;
    display: inline-block;
    *display: inline;
    zoom:1;
    width:30%;
    vertical-align: top;
    position:relative;
    margin:0 0 0 2%;
    width:32%;
    box-sizing:border-box;
    padding:35px 0 0 0;
    text-align:left;
}
.intro_wrap .customer_list ul li:first-child{
    margin:0;
}
.intro_wrap .customer_list ul li .th{
    position:absolute;
    background:#fff;
    top:-15px;
    left:0;
    font-size:22px;
    font-weight:800;
    background:#fff;
    padding:0 10px 0 0;
}
.intro_wrap .customer_list ul li dl{
    display:inline-block;
    *display:inline;
    zoom:1;
    vertical-align:top;
}
.intro_wrap .customer_list ul li:nth-child(2) dl{
    width:49%;
    margin:0 0 0 2%;
}
.intro_wrap .customer_list ul li:nth-child(2) dl.fir{
    margin:0;
}
.intro_wrap .customer_list ul li dl dd{
    font-size:17px;
}
.intro_wrap .customer_list ul li dl dd:before{
    content:"·";
    display: inline-block;
    *display: inline;
    zoom:1;
}
/*TAB*/
.tab_wrap.fadeout{
    opacity: 0;
    /*transition:all 0.5s;*/
}
.tab_wrap.fadeout.on{
    opacity: 100;
}
.tab_wrap .img_wrap{
    overflow: hidden;
    text-align: center;
    position:relative;
    padding:0 0 80px 0;
}
.tab_wrap .img_wrap .swiper-slide{
    margin:0 0 50px 0;
}
.tab_wrap .btn_box{
    width:100%;
    background:#fff;
    padding:0 0 80px 0;
}
.tab_wrap .btn_box ul{
    width:100%;
    position: unset;
    position:relative;
    border:1px #c6c6c6 solid;
    box-sizing: border-box;
    /*transition:all 0.5s;*/
    transform:none;
}
.tab_wrap .btn_box ul li{
    background:none;
    display:inline-block;
    *display: inline;
    zoom:1;
    vertical-align: top;
    width:33.333%;
    height:68px;
    border-radius:0;
    border:0;
    opacity: 1;
    border-left:1px #c6c6c6 solid;
}
.tab_wrap .btn_box ul li:first-child{
    border-left:0;
}
.tab_wrap .btn_box ul li.swiper-pagination-bullet-active{
    opacity: 1;
    background:#26395c
}
.tab_wrap .btn_box ul li a{
    display: block;
    line-height:68px;
    font-size:20px;
    text-align: center;
    color:#000;
}
.tab_wrap .btn_box ul li a br{
    display: none;
}
.tab_wrap .btn_box ul li.swiper-pagination-bullet-active a{
    color:#fff;
}
.tab_wrap .arrow_box{
    position:absolute;
    left:0;
    width:100%;
    top:55%;
}
.tab_wrap .arrow_box .swiper-button-next,
.tab_wrap .arrow_box .swiper-button-prev{
    background:#000;
}
.tab_wrap .img_wrap .swiper-slide{
    display: table;
    /*transition:all 0.5s;*/
}
.tab_wrap .img_wrap .swiper-slide .txt,
.tab_wrap .img_wrap .swiper-slide .img{
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
.tab_wrap .img_wrap .swiper-slide .img{
    width:40%;
}
.tab_wrap .img_wrap .swiper-slide .img img{
    max-width:100%;
}
.tab_wrap .img_wrap .swiper-slide .txt{
    text-align: left;
    padding: 0 0 0 5%
}
.tab_wrap .img_wrap .swiper-slide .txt .big_txt{
    font-size: 48px;
    line-height: 120%;
    font-weight: 300;
    padding:0 0 40px 0;
}
.tab_wrap .img_wrap .swiper-slide .txt b{
    display: block;
    font-weight:600;
}
.tab_wrap .img_wrap .swiper-slide .txt p{
    font-size: 17px;
    color:#000;
    line-height: 145%;
    margin:20px 0 0 0;
}
.tab_wrap .img_wrap .swiper-slide .txt p:first-of-type{
    margin:0;
}
.tab_wrap .img_wrap .swiper-slide .txt .bar{
    display:inline-block;
    *display: inline;
    zoom:1;
    position:relative;
    font-size:17px;
    font-weight:600;
}
.tab_wrap .img_wrap .swiper-slide .txt .bar:before{
    border:1px #000 solid;
    content: "";
    position:absolute;
    top:-20px;
    width:40px;
}
.tab_wrap .img_wrap .swiper-slide .txt em{
    color:#ee6500;
    font-style: normal;
    margin:10px 0 0 0;
    display: block;
}
/*TAB*/

/*RECOMEND*/
.intro_wrap .recomend_wrap{
    padding:130px 0 150px 0;
}
.recomend_wrap{
    background:#faf0e5;
    padding:100px 0;
    /*transition:all 0.5s;*/
}
.recomend_wrap .center{
    max-width:1200px;
    margin:0 auto;
}
.recomend_wrap p{
    font-size:43px;
    color:#000;
    font-weight:800;
    line-height:100%;
    padding:0 0 50px 0;
    border-bottom:1px #000 solid;
}
.recomend_wrap p span{
    display: block;
    font-size:18px;
    font-weight:400;
    line-height:100%;
    margin:0 0 8px 0;
}
.recomend_wrap ul{
    border-top:1px #000 solid;
    margin:3px 0 0 0;
    padding:6% 0 0 0;
    font-size:0;
}
.recomend_wrap ul li{
    display: inline-block;
    *display: inline;
    zoom:1;
    vertical-align: top;
    width:25%;
    font-size:21px;
    letter-spacing:-1px;
}
.recomend_wrap ul li b{
    display: block;
}
.recomend_wrap ul li img{
    display: block;
    margin:0 auto 16% auto;
    max-width:100%;
}
/*RECOMEND*/

.color_txt{
    text-align: center;
    font-size:0;
    background:#18181d url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/color_txt_bg.png") no-repeat center center;
    padding:8% 0;
}
.color_txt.fadeout{
    opacity: 0;
    /*transition:all 0.5s;*/
}
.color_txt.fadeout.on{
    opacity: 100;
}
/*ORDER*/
.order_wrap{
    padding:100px 0;
    transition:all 0.5s;
}
.order_wrap .center{
    padding:0 0 80px 0;
}
.order_wrap .center p{
    font-size:54px;
    color:#000;
    font-weight:800;
    line-height:100%;
    letter-spacing:-1px;
}
.order_wrap .center p span{
    display: block;
    font-size:17px;
    font-weight:400;
    line-height:120%;
    margin:20px 0 0 0;
    word-break:keep-all;
}
.order_wrap .center p em{
    font-size:19px;
    font-weight:400;
    font-style: normal;
    line-height:36px;
    padding:0 15px;
    border-radius: 50px;
    border:1px #e51e3a solid;
    display: inline-block;
    vertical-align: top;
    margin:15px 0 0 0;
    color:#e51e3a;
}
.order_wrap .center p em br{
    display: none;
}
.order_wrap .goods_list{
    max-width:1200px;
    margin:0 auto 100px auto;
}
.order_wrap .goods_list .goods_th{
    border-bottom:1px #000000 solid;
    font-size:30px;
    color:#1759ab;
    letter-spacing:-2px;
    line-height:100%;
    padding:0 0 20px 0;
}
.order_wrap .goods_list > ul{
    margin:0 0 100px 0;
    border-bottom:1px #000 solid;
}
.order_wrap .goods_list > ul > li{
    border-top:1px #bebebe dashed;
    padding:7% 0
}
.order_wrap .goods_list > ul > li:first-child{
    border-top:0;
}
.order_wrap .goods_list > ul > li .cont_l{
    width:52%;
}
.order_wrap .goods_list > ul > li .info_text{
    margin:0 0 2.5% 0;
}
.order_wrap .goods_list .bg_color {
    background: yellow
}
.order_wrap .goods_list > ul > li .info_text p{
    font-size:27px;
    line-height:100%;
    letter-spacing: -2px;
    font-weight:600;
    margin:0 0 20px 0;
}
.order_wrap .goods_list > ul > li .info_text p span{
    display: block;
    line-height:145%;
    font-size:17px;
    margin:10px 0 0 0;
    font-weight:400;
}
.order_wrap .goods_list > ul > li .info_text .warning{
    font-size:15px;
    line-height:135%;
    padding:0 0 15px 0;
    color:red;
    font-weight:400;
}
.order_wrap .goods_list > ul > li dl dd{
    position:relative;
    font-size:17px;
    padding:0 0 0 10px;
    color:#898989;
    line-height:145%;
    letter-spacing: -1px;
    word-break: keep-all;
}
.order_wrap .goods_list > ul > li dl dd:before{
    content: "·";
    position:absolute;
    left:0;
}
.order_wrap .goods_list > ul > li .price ul{
    font-size:0
}
.order_wrap .goods_list > ul > li .price li{
    display:inline-block;
    *display:inline;
    zoom:1;
    vertical-align: top;
    font-size:17px;
    font-weight:600;
    position:relative;
    margin:0 0 0 2.8%;
    padding: 0 0 0 8px;
    line-height:37px;
}
.order_wrap .goods_list > ul > li .price li:first-child{
    margin:0;
}
.order_wrap .goods_list > ul > li .price li:before{
    content: "·";
    position:absolute;
    left:0;
    top:0;
}
.order_wrap .goods_list > ul > li .price li select{
    width:60px;
    height:33px;
    line-height:33px;
    border:0;
    border:1px #797979 solid;
    margin:0 0 0 5px;
    display: inline-block;
    vertical-align:bottom;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size:17px;
    text-align: center;
    background:#fff;
}
.order_wrap .goods_list > ul > li .price li select option{
    text-align:center
}
.order_wrap .goods_list > ul > li .price .color_01{
    color:#a743a3;
}
.order_wrap .goods_list > ul > li .price .color_02{
    color:#000;
}
.order_wrap .goods_list > ul > li .price .color_03{
    display:block;
    margin:20px 0 0 0;
    color:#e51e3a;
}
.order_wrap .goods_list > ul > li .price a{
    display:inline-block;
    width:128px;
    line-height:37px;
    text-align: center;
    background:#e73a4f;
    color:#fff;
    border-radius: 50px;
    margin:0 0 0 10px
}

.order_wrap .goods_list > ul > li .price li.color_03 .price_area,
.order_wrap .goods_list > ul > li .price li.color_03 .btn_area{
        display:inline-block;
        vertical-align:top;
}

/*GUIDE*/
.guide_wrap{
    max-width:1200px;
    margin:0 auto;
    transition:all 0.5s;
}
.guide_wrap.order{
    padding:7% 0 0 0;
}
.guide_wrap .top_guide{
    border-bottom:1px #868686 dashed;
    padding:100px 0 0 0;
    margin: 0 0 75px 0;
}
.guide_wrap .top_guide.fadeout{
    opacity: 0;
    /*transition:all 0.5s;*/
}
.guide_wrap .top_guide.fadeout.on{
    opacity: 100;
}
.guide_wrap .top_guide > b{
    font-size:54px;
    line-height: 100%;
    margin:0 0 35px 0;
    display: block;
    letter-spacing:-4px;
}
.guide_wrap .top_guide > p{
    font-size:17px;
    color:#000;
    margin:0 0 35px 0;
    line-height: 130%;
    opacity:0;
    /*transition:all 0.5s;*/
}
.guide_wrap .top_guide .check_box{
    margin:0 0 30px 0;
    position:relative;
}
.guide_wrap .top_guide .check_box:after{
    content: "";
    position:absolute;
    width:116px;
    height:116px;
    right:0;
    bottom:0;
    background:url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/possible_icon.png") no-repeat center center;
}
.guide_wrap .top_guide .check_box.no:after{
    background:url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/impossible_icon.png") no-repeat center center;
}
.guide_wrap .top_guide .check_box p{
    color:#ff4557;
    line-height:145%;
    font-weight:600;
    font-size:17px
}
.guide_wrap .top_guide .check_box.no p{
    padding:0 0 0 6.5%;
    background:url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/red_hand_icon.png") no-repeat left center;
    background-size:5.5%;
}
.guide_wrap .top_guide .download_box{
    border:1px #000 solid;
    overflow:hidden;
    padding:0 35px;
    margin:0 0 70px 0;
    position:relative;
}
.guide_wrap .top_guide .download_box p{
    font-size:22px;
    color:#000;
    font-weight:800;
    letter-spacing:-2px;
    padding:30px 0 30px 65px;
    float:left;
    background:url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/chrome_icon.png") no-repeat left center;
}
.guide_wrap .top_guide .download_box p em{
    font-size:15px;
    font-style: normal;
    font-weight:400;
    letter-spacing:-1px;
}
.guide_wrap .top_guide .download_box a{
    position:absolute;
    right:35px;
    top:50%;
    margin:-26.5px 0 0 0;
    width:263px;
    line-height:53px;
    text-align:center;
    background:#1b1b1b;
    color:#fff;
    font-size:20px;
    border-radius:16px;
}
.guide_wrap .guide_list{
}
.guide_wrap .guide_list > li{
    margin:0 0 12.2% 0;
}
.guide_wrap .guide_list li.fadeout{
    opacity: 0;
    /*transition:all 0.5s;*/
}
.guide_wrap .guide_list li.fadeout.on{
    opacity: 100;
}
.guide_wrap .guide_list li.two_layout{
    display:table;
    width:100%;
}
.guide_wrap .guide_list li.two_layout .txt,
.guide_wrap .guide_list li.two_layout .img{
    display: table-cell;
    width:50%;
    vertical-align: middle
}
.guide_wrap .guide_list li.two_layout .txt .tit{
    font-size:17px;
    line-height:120%;
    color:#000;
    padding:0 0 5.5% 0;
    margin:0 0 5.5% 0;
    border-bottom:1px #a9a9ab solid;
    width:92%;
}
.guide_wrap .guide_list li.two_layout .txt .tit.no_border{
    border-bottom:0;
}
.guide_wrap .guide_list li.two_layout .txt .tit b{
    display: block;
    font-size:43px;
    color:#000;
    font-weight:600;
    line-height:100%;
    margin:0 0 15px 0;
}
.guide_wrap .guide_list li.two_layout .txt .tit.no_border b{
    margin:0 0 35px 0;
}
.guide_wrap .guide_list li.two_layout .txt p{
    font-size:15px;
    color:#676767;
    line-height:140%;
}
.guide_wrap .guide_list li dl{
    margin:0 0 15px 0;
}
.guide_wrap .guide_list li dl dd{
    font-size:17px;
    color:#000;
    position:relative;
    padding:0 0 0 10px;
    line-height:140%;
}
.guide_wrap .guide_list li dl dd:before{
    content: "";
    position:absolute;
    left:0;
    top:13px;
    margin:-2.5px 0 0 0;
    width:5px;
    height:5px;
    border-radius: 100%;
    background:#000;
}
.guide_wrap .guide_list li .circle span{
    display: inline-block;
    background:#f2e28a;
    width:85px;
    height:85px;
    text-align: center;
    line-height: 85px;
    font-size:17px;
    color:#000;
    border-radius: 100px;
}
.guide_wrap .guide_list li.two_layout .img{
    text-align: right;
}
.guide_wrap .guide_list li.two_layout .img .video{
    width:95%;
    height:320px;
    background:url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/video_bg.png") no-repeat center center;
    background-size:contain;
    position:relative;
    display:inline-block;
    *display: inline;
    zoom:1;
    vertical-align:middle;
}
.guide_wrap .guide_list li.two_layout .img .video a{
    font-size:0;
    width:72px;
    height:72px;
    position:absolute;
    top:50%;
    left:50%;
    z-index: 2;
    margin:-36px 0 0 -36px;
    background:#e4e4e4 url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/play_icon.png") no-repeat 49% 70%;
    border-radius:50%;
}
.guide_wrap .guide_list li.two_layout .img .video a:hover{
    background:#fff url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/play_icon.png") no-repeat 49% 70%;
}
.guide_wrap .guide_list li.two_layout .img .video a:before{
    content: "";
    width:80px;
    height:30px;
    position:absolute;
    top:-40px;
    left:50%;
    margin:0 0 0 -40px;
    background:url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/play_txt.png") no-repeat center center;
}
.guide_wrap .guide_list li.two_layout .img img{
    display: block;
    max-width: 100%;
    margin:0 auto;
}
.guide_wrap .guide_list li.center_layout .tit{
    font-size:43px;
    margin:0 0 50px 0;
}
.guide_wrap .guide_list li.center_layout .tit b{
    display: block;
}
.guide_wrap .guide_list li.center_layout .two_img{
    font-size:0;
}
.guide_wrap .guide_list li.center_layout .two_img  li{
    display: inline-block;
    *display: inline;
    zoom:1;
    vertical-align: top;
    width:46%;
    box-sizing:border-box;
    font-size:17px;
    color:#000;
    margin:0 0 0 8%;
}
.guide_wrap .guide_list li.center_layout .two_img li:first-child{
    margin:0;
}
.guide_wrap .guide_list li.center_layout .two_img span{
    display: block;
    word-break: keep-all;
    line-height:150%;
}
.guide_wrap .guide_list li.center_layout .two_img li img{
    margin:30px 0 0 0;
    display:block;
    max-width:100%;
}
.guide_wrap .guide_list li .red_txt{
    display: block;
    font-size:22px;
    color:#c43845;
    font-weight:600;
    position:relative;
    padding:0 0 0 7px;
    margin:0 0 5px 0;
    word-break: keep-all;
}
.guide_wrap .guide_list li .red_txt:before{
    position:absolute;
    content: "";
    left:0;
    width:5px;
    height:5px;
    border-radius:50px;
    background:#c43845;
}
.guide_wrap .guide_list li .red_txt.no_dot{
    font-size:17px;
}
.guide_wrap .guide_list li .red_txt.no_dot:before{
    display: none;
}
.guide_wrap .guide_list .situation_wrap.fadeout{
    opacity: 0;
    /*transition:all 0.5s;*/
}
.guide_wrap .guide_list .situation_wrap.fadeout.on{
    opacity: 100;
}
.guide_wrap .guide_list .situation_wrap .tit{
    font-size:43px;
    color:#000;
    float:left;
    margin:0 0 9% 0;
}
.guide_wrap .guide_list .situation_wrap .tit span{
    display: block;
    font-size:17px;
    margin:10px 0 0 0;
}
.guide_wrap .guide_list .situation_wrap .process_btn{
    text-align:right;
    margin:5px 0 0 0;
}
.guide_wrap .guide_list .situation_wrap .process_btn > a{
    display: inline-block;
    *display: inline;
    zoom:1;
    width:235px;
    text-align: center;
    color:#fff;
    font-weight:800;
    border-radius:50px;
    font-size:22px;
    vertical-align:middle;
    background:#ce252b;
    padding:13px 0;
    letter-spacing: -2px;
    display:none;
}
.guide_wrap .guide_list .situation_wrap .process_btn a.on{
    display: inline-block;
}
.guide_wrap .guide_list .situation_wrap .process_btn a.chk_suc{
    background:#414141;
    cursor: default;
    pointer-events: none;
}
.guide_wrap .guide_list .situation_wrap .process_btn .chk_ing_btn{
    border:1px #1661be dashed;
    background:#fff;
    padding:4px;
    cursor: default;
    pointer-events: none;
}
.guide_wrap .guide_list .situation_wrap .process_btn .chk_ing_btn span{
    display: block;
    background:#2175b3;
    letter-spacing: -1px;
    border-radius: 50px;
    padding:13px 0 13px 0;
}
.guide_wrap .guide_list .situation_wrap .process_btn .chk_ing_btn span:after{
    content:"▶ ▶ ▶";
    font-size:13px;
    width:50px;
    display: inline-block;
    vertical-align:top;
    margin:5px 0 0 0;
}
.guide_wrap .guide_list .situation_wrap ul{
    border-bottom:1px #dadada solid;
    clear:both;
    padding:0 0 4.5% 0;
    margin:0 0 4.5% 0;
    font-size:0;
}
.guide_wrap .guide_list .situation_wrap ul li{
    display: inline-block;
    *display: inline;
    zoom:1;
    width:48%;
    box-sizing: border-box;
    font-size:12px;
    padding:0 0 6% 16%;
    vertical-align:top;
    margin:0 0 0 4%;
}
.guide_wrap .guide_list .situation_wrap ul li.cam{
    background:url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/cam_icon.png") no-repeat 10px 5px;
}
.guide_wrap .guide_list .situation_wrap ul li.headset{
    background:url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/headset_icon.png") no-repeat 10px top;
}
.guide_wrap .guide_list .situation_wrap ul li:first-child{
    margin:0;
}
.guide_wrap .guide_list .situation_wrap ul li .result_btn{
    border-radius: 15px;
    max-width:273px;
    width:100%;
    line-height:52px;
    font-size:18px;
    font-weight:600;
    color:#252122;
    letter-spacing: -1px;
    display: block;
    background:#d2d2d2;
    text-align:center;
    margin:15px 0 0 0;
}
.guide_wrap .guide_list .situation_wrap ul li .result_btn:before{
    content: "";
    width:30px;
    height:30px;
    display: inline-block;
    vertical-align:middle;
    margin:-5px 5px 0 0;
    background:url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/alert_icon.png") no-repeat center center;
}
.guide_wrap .guide_list .situation_wrap ul li .result_btn.fail{
    background:#ffafaf;
}
.guide_wrap .guide_list .situation_wrap ul li .result_btn.fail:before{
    background:url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/x_icon.png") no-repeat center center;
}
.guide_wrap .guide_list .situation_wrap ul li .result_btn.chk_suc:before{
    background:url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/check_bg.png") no-repeat center center;
}
.guide_wrap .guide_list .situation_wrap ul li .result_btn.chk_suc{
    background:#ffe325;
}
.guide_wrap .guide_list .situation_wrap .detail_detail_wrap a{
    display: block;
    margin:0 auto;
    background:#2a2a2a;
    max-width:464px;
    width:100%;
    line-height:63px;
    text-align: center;
    color:#fff;
    font-weight:600;
    font-size:22px;
    border-radius: 20px;
}
/*200131 추가*/
.guide_wrap .guide_list .check_wrap .tit{
    font-size:43px;
    color:#000;
    margin:0 0 7% 0;
}
.guide_wrap .guide_list .check_wrap .tit span{
    display: block;
    font-size:17px;
    margin:10px 0 0 0;
}
.guide_wrap .guide_list .check_wrap .slide_list{
    padding:0;
    font-size:0;
}
.guide_wrap .guide_list .check_wrap .slide_list li{
    display:inline-block;
    *display:inline;
    zoom:1;
    vertical-align: top;
    box-sizing: border-box;
    margin:2% 0 4% 2%;
    position:relative;
    width:32%;
    text-align:center;
}
.guide_wrap .guide_list .check_wrap .slide_list li:nth-of-type(5),
.guide_wrap .guide_list .check_wrap .slide_list li:nth-of-type(6){
    margin:2% 0 0 2%
}
.guide_wrap .guide_list .check_wrap .slide_list li:first-child{
    margin:2% 0 4% 0;
}
.guide_wrap .guide_list .check_wrap .slide_list li:nth-of-type(4){
    margin:2% 0 0 0;
}

/*4개*/
.guide_wrap .guide_list .check_wrap .slide_list.four li{
    width:23%;
    margin:0;
    text-align: center;
    margin:0 0 0 2.5%;
}
.guide_wrap .guide_list .check_wrap .slide_list.four li:first-child{
    margin:0;
}
.guide_wrap .guide_list .check_wrap .slide_list li:before{
    content: "";
    background:url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/check_arw_bg.png") no-repeat center center;
    position:absolute;
    font-size:0;
    top:50%;
    width:45px;
    height:45px;
    margin:-22.5px 0 0 0;
    left:-10%;
}
.guide_wrap .guide_list .check_wrap .slide_list.four li:before{
    left:-13%;
}
.guide_wrap .guide_list .check_wrap .slide_list.four li:nth-of-type(3n+1):before{
    display: block;
}
.guide_wrap .guide_list .check_wrap .slide_list li:first-child:before,
.guide_wrap .guide_list .check_wrap .slide_list.four li:first-child:before,
.guide_wrap .guide_list .check_wrap .slide_list li:nth-of-type(3n+1):before{
    display: none;
}
.guide_wrap .guide_list .check_wrap .slide_list.four li:nth-of-type(3) img,
.guide_wrap .guide_list .check_wrap .slide_list li img{
    display: block;
    margin:0 auto;
}
.guide_wrap .guide_list .check_wrap .slide_list li:nth-of-type(3) img{
    margin:0 auto 0 13%
}
.guide_wrap .guide_list .check_wrap .slide_list li:nth-of-type(5) img{
    margin:0 auto 0 13%
}
.guide_wrap .guide_list .check_wrap .mobile,
.guide_wrap .guide_list .check_wrap .safari_m{
    display: none;
}
.gameSyoukai{
    width:100%;
    font-size:0;
    text-align:left;
}
.gameSyoukai li{
    box-sizing: border-box;
    width:19%;
    display: inline-block;
    *display: inline;
    zoom:1;
    vertical-align: top;
    line-height: 100%;
    padding:1.5% 0;
    border: 1px #000 solid;
    text-align: center;
    font-size:16px;
    cursor: pointer;
    margin:0 0 0.8% 1.25%;
}
.gameSyoukai li.gameSeleted:after{
    content: "▼";
    vertical-align: top;
    margin:0 0 0 2px;
}
.gameSyoukai li:nth-of-type(5n+1){
    margin:0 0 0.7% 0;
}
.gameSyoukai li:hover{background: #f2e28a;  }
.gameSeleted{background: #f2e28a;}
.gameView .sample {display:none;}
.viewSeleted{display:block!important;}
.table_layout{
    display: table;
    width:100%;
    padding:40px 0 0 0;
}
.table_layout > li{
    display: table-cell;
    vertical-align: middle;
    word-break: keep-all;
    text-align: right;
    font-size:17px;
    line-height:140%;
}
.table_layout > li .swiper-button-next,
.table_layout > li .swiper-button-prev{
    width:48px;
    height:48px;
}
.table_layout > li .swiper-button-next{
    background:url(https://static-sdedu.akamaized.net/img1/winsidaero/renewal/sample/next.png) no-repeat center center;
    background-size:contain;
    right:3%;
}
.table_layout > li .swiper-button-prev{
    background:url(https://static-sdedu.akamaized.net/img1/winsidaero/renewal/sample/prev.png) no-repeat center center;
    background-size:contain;
    left:3%;
}
.table_layout > li .swiper-button-prev:after,
.table_layout > li .swiper-button-next:after{
    display: none;
}
.table_layout > li .swiper-button-disabled{
    display: none;
}
.table_layout > li:first-child{
    padding:0 5% 0 0;
    text-align: left;
    width:50%;
}
.table_layout > li p{
    font-size:27px;
    color:#1b4392;
    font-weight:600;
    margin:0 0 10px 0;
    line-height:140%;
}
.table_layout > li b{
    display: inline-block;
    color:#c43845;
    font-size:17px;
    line-height:140%;
}
.table_layout > li a{
    display: block;
}
.table_layout > li .sp_sd{
    width:650px;
    float:right;
    background:#1f2a38;
}
.table_layout > li .sp_sd .swiper-slide{
    text-align: center;
}
.table_layout > li .sp_sd .swiper-slide .cover{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url(https://static-sdedu.akamaized.net/img1/winsidaero/renewal/sample/cover.png) no-repeat center center;
    background-size:cover;
}
/*결과 리포트*/
.report_wrap{
    padding:100px 0 0 0;
    max-width:1200px;
    margin:0 auto;
    transition:all 0.5s;
}
.three_img{
    font-size:0;
    border-bottom:1px #d3d3d3 solid;
}
.three_img li{
    display: inline-block;
    *display: inline;
    zoom:1;
    width:50%;
    box-sizing:border-box;
    vertical-align: top;
    text-align: center;
    padding:0 0 10% 0;
}
.three_img li img{
    display: block;
    margin:0 auto 4% auto;
}
.three_img li.full{
    text-align: left;
    width:100%;
    border-top:1px #bfbfbf dashed;
    padding:12.5% 46% 12.5% 0;
    font-size:17px;
    background:url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/result_img_04.png") no-repeat right center;
}
.three_img li .blue{
    font-size:24px;
    color:#0a5ca2;
}
.three_img li b{
    color:#000;
    display: block;
    color:#181e22;
    font-size:25px;
    line-height:125%;
    margin:0 0 10px 0;
    word-break: keep-all;
}
.three_img li em{
    display: block;
    color:#ee6500;
    font-style: normal;
    margin:20px 0 0 0;
}

/*이¤íŠ¸*/
.event_wrap{
    padding:5% 0 500px 0;
    background:#0a0f1e url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/event_bg.png") repeat-x center bottom;
    transition:all 0.5s;
}
.event_wrap .tit{
    max-width:800px;
    margin:0 auto;
    text-align:center;
}
.event_wrap .tit h2{
    font-size:0;
    padding:33% 0 0 0;
    background:url("https://static-sdedu.akamaized.net/img1/winsidaero/renewal/event_tit.png") no-repeat center top;
}
.event_wrap .tit dl{
    padding:25px 0;
    border-bottom:1px #595c66 solid;
    border-top:1px #595c66 solid;
    margin:0 0 25px 0;
}
.event_wrap .tit dl dd{
    text-align:left;
    font-size:18px;
    color:#fff;
    letter-spacing: -1px;
    margin:5px 0 0 0;
    position:relative;
    padding:0 0 0 1.5%;
    word-break: keep-all;
    line-height:150%;
}
.event_wrap .tit  dl dd.fir{
    margin:0 0 20px 0;
    padding:0;
}
.event_wrap .tit dl dd.special{
    color:#ff5f76;
    padding:0 0 0 2.5%;
}
.event_wrap .tit dl dd b{
    font-weight:600;
}
.event_wrap .tit dl dd:before{
    content: "·";
    position:absolute;
    left:0;
    top:3px;
}
.event_wrap .tit dl dd.special:before{
    content:'※';
    top:0;
}
.event_wrap .tit dl dd.fir{
    font-size:21px;
    color:#ffe6a6;
}
.event_wrap .input_box{
    font-size:0;
}
.event_wrap .tit dl dd.fir:before{
    display: none;
}
.event_wrap .tit .coupon_period {
    margin-bottom: 10px;
    font-size: 30px;
    text-align: left;
    letter-spacing: -0.065em;
    color: #ffd61f;
}
.event_wrap .tit .coupon_desc {
    margin-bottom: 25px;
    font-size: 23px;
    text-align: left;
    letter-spacing: -0.065em;
    color: #ffd61f;
}
.event_wrap .input_box li{
    width:23%;
    margin:0 0 0 2.3%;
    display:inline-block;
    vertical-align:top;
    position:relative;
    /*transition:all 0.5s;*/
}
.event_wrap .input_box li.m_input{
    display: none;
    width:100%;
}
.event_wrap .input_box li input{
    line-height:48px;
    height:48px;
    border:0;
    width:100%;
    font-size:18px;
    text-align:center;
}
.event_wrap .input_box li:first-child{
    margin:0;
}
.event_wrap .input_box li:before{
    content: "-";
    color:#fff;
    font-size:18px;
    position:absolute;
    left:-6%;
    top:50%;
    margin:-15px 0 0 0;
    height:30px;
    line-height:25px;
}
.event_wrap .input_box li:first-child:before,
.event_wrap .input_box li.submit:before{
    display: none;
}
.event_wrap .input_box li.submit{
    width:24%;
}
.event_wrap .input_box li.submit input{
    font-size:23px;
    border:0;
    font-weight:600;
    background:#ffd61f;
    letter-spacing: -1px;
    cursor: pointer;
    -webkit-appearance:none;
    -webkit-border-radius:0px;
}

/*ê³ ê°ì§€ì›*/
.support_wrap {
  max-width: 1200px;
    margin:0 auto;
    position:relative;
    height:auto;
    transition:all 0.5s;
    padding:100px 0
}
.support_wrap.no_pd{
    padding:0;
}
.support_wrap .center{
    padding:0 0 7.5% 0;
}
.support_wrap .center p{
    font-size:54px;
    color:#000;
    font-weight:800;
    line-height:100%;
    letter-spacing:-1px;
}
.support_wrap .center p span{
    display: block;
    font-size:17px;
    font-weight:400;
    line-height:150%;
    margin:20px 0 0 0;
    word-break:keep-all;
}
.support_wrap .center p span a{
    color:#000;
    font-weight:600
}
.support_wrap ul.tab-content {
    width:100%;
    position:relative;
    top:0;
    border-bottom:1px solid #a08158;
    margin-bottom:13px;
}
.support_wrap ul.tab-content > li {
    width:100%;
    color:#181818;
    border-top:1px solid #a08158;
    box-sizing:border-box;
}
.support_wrap ul.tab-content > li .cs-q {
    background:url('https://static-sdedu.akamaized.net/img1/winsidaero/web_img/qna_q.png') no-repeat left;
    text-align:left;
    padding:2% 2% 2% 50px;
    word-break: keep-all;
    box-sizing:border-box;
    cursor:pointer;
    font-size:16px;
    word-break: keep-all;
    position:relative;
}
.support_wrap ul.tab-content > li:hover .cs-q,
.support_wrap ul.tab-content > li .cs-q.on{
    font-weight:600;
}
.support_wrap ul.tab-content > li .cs-q >span {
    position:absolute;
    right:1%;
    top:50%;
    width:20px;
    height:25px;
    margin:-12.5px 0 0 0;
}
.support_wrap ul.tab-content > li .cs-q >span:before{
    content: "▲";
    display: inline-block;
}
.support_wrap ul.tab-content > li .cs-q.on > span:before{
    content: "▼";
}
.support_wrap ul.tab-content > li .cs-a{
    display:none;
    width:96%;
    min-height:20px;
    background:url('https://static-sdedu.akamaized.net/img1/winsidaero/web_img/qna_a.png') no-repeat left 10%;
    text-align:left;
    font-size:16px;
    padding:3% 6% 3% 50px;
    margin: auto;
    border-top:1px dashed #a08158;
    margin:0 0 0 4%;
    vertical-align:middle;
    line-height:150%;
    word-break: keep-all;
}
.support_wrap ul.tab-content > li .cs-a  ul.level {
    height:51px;
}
.support_wrap ul.tab-content > li .cs-a  ul.level li {
    float:left;
    border:1px solid #a08158;
    border-left:none;
    padding:1% 3%;
    margin-top:-5px;
    text-align:center;
}
.support_wrap ul.tab-content > li .cs-a  ul.level li:first-child{
    background:#a08158;
    padding:1% 3%;
    color:#ffffff;
    border-left:1px solid #a08158;
}
.support_wrap ul.tab-content > li .cs-a ul.sd_notice {
    height:199px;
    margin-top:22px;
}
.support_wrap ul.tab-content > li .cs-a ul.sd_notice li {
    position:relative;
    width:700px;
    padding-left:2%;
    margin:1%;
}
.support_wrap ul.tab-content > li .cs-a ul.sd_notice li:after{
    position:absolute;
    content:"";
    width:2px;
    height:2px;
    border-radius:1px;
    background:#000000;
    display:block;
    top:1%;
    left:1%;
}
/*약관*/
.term_wrap{
    max-width:1200px;
    margin:0 auto;
    padding:100px 0;
    transition: all 0.5s;
}
.term_wrap .center{
    border-bottom:2px #000 solid;
    padding:0 0 45px 0;
    margin:0 0 30px 0;
}
.term_wrap .center p{
    font-size:54px;
    color:#000;
    font-weight:800;
    line-height:100%;
    letter-spacing:-1px;
}
.term_wrap .terms_con{
    border:1px #b9bec4 solid;
    padding:3%;
    color:#474757;
    font-size:14px;
    word-break: keep-all;
}
.term_wrap .terms_con h3{
    font-size:16px;
    margin:30px 0 10px 0;
}
.term_wrap .terms_con a{
    color:#474757;
}
.term_wrap .terms_con h3:first-child{
    margin:0 0 10px 0;
}
.term_wrap .terms_con table{
    border:1px #888 solid;
    width:100%;
    margin:0 0 15px 0;
}
.term_wrap .terms_con table th{
    padding:7px 3px;
    text-align: center;
    background:#eee
}
.term_wrap .terms_con table td{
    border:1px #888 solid;
    word-break: keep-all;
    padding:5px 3px;
    vertical-align:middle;
    text-align:center;
    font-size:13px;
}
.term_wrap .list-num li{
    list-style:decimal;
    list-style-position: outside;
    margin:0 0 0 20px
}
.term_wrap .finish_box{
    border:1px solid #888;
    padding:2%;
}
.term_wrap .finish_box li{
    margin:1% 0 0 0
}
.term_wrap .finish_box li:first-child{
    margin:0;
}
.term_wrap .finish_box li.last{
    background:#888;
    padding:10px;
    text-align: right;
}
.term_wrap .finish_box li.last a{
    color:#fff;
    font-weight:600;
    display:block;
}

/*id/pw*/
.find_wrap{
    max-width: 1200px;
    margin:0 auto;
    padding:100px 0;
    transition: all 0.5s;
}
.find_wrap .center{
    margin:0 0 25px 0;
}
.find_wrap .center p{
    font-size:20px;
    color:#3a4560;
    font-weight:600;
    margin:0 0 10px 0
}
.find_wrap .center p.en{
    text-transform: uppercase;
    font-size:26px;
    font-weight:400;
}
.find_wrap .center p.en span{
    text-transform: uppercase;
    display: inline-block;
    *display: inline;
    zoom:1;
    font-size:26px;
    font-weight:600;
    color:#fc1934;
}
.find_wrap .center span{
    display: block;
    color:#474757;
    font-size:15px;
}
.find_wrap .center .login,
.find_wrap .center .main{
    max-width:400px;
    display: block;
    line-height:52px;
    height:52px;
    margin:0 auto;
    background:#d11e3c;
    color:#fff;
    font-size:17px;
}
.find_wrap .center .main{
    background:#242c3f;
}
.find_wrap .form_wrap{
    max-width:400px;
    margin:0 auto;
}
.find_wrap .form_wrap.login{
    border:1px #ccc solid;
    padding:15px;
    max-width:540px;
}
.find_wrap .form_wrap ul{
    width:100%;
    font-size:0;
}
.find_wrap .form_wrap ul.login{
    padding:10px;
}
.find_wrap .form_wrap ul li{
    border:1px #b8bdc3 solid;
    border-top:0;
    box-sizing:border-box;
}
.find_wrap .form_wrap ul li:first-child{
    border-top:1px #b8bdc3 solid;
}
.find_wrap .form_wrap ul li input,
.find_wrap .form_wrap ul li select{
    border:0;
    background:#fff;
    line-height:50px;
    height: 50px;
    padding:0 4%;
    font-size:14px;
    color:#a4a4aa;
    width:100%;
    cursor: pointer;
}
.find_wrap .form_wrap ul li select option{
    color:#474757;
}
.find_wrap .form_wrap ul li .three_wrap input{
    border-left:1px #b8bdc3 solid;
}
.find_wrap .form_wrap ul li.login_btn{
    border:0;
    margin:10px 0 0 0;
}
.find_wrap .form_wrap ul li.login_btn button{
    line-height:50px;
    height: 50px;
    width:100%;
    background:#f00;
    color:#fff;
    font-size:20px;
    border-radius: 5px;
    font-weight:600;
}
.find_wrap .form_wrap ul li.check{
    text-align: left;
    line-height:100%;
    padding:15px 0 5px 0;
    border:0
}
.find_wrap .form_wrap ul li.check label,
.find_wrap .form_wrap ul li.check input{
    vertical-align: middle;
}
.find_wrap .form_wrap ul li.check input{
    width:auto;
    height:auto;
}
.find_wrap .form_wrap ul li.check label{
    font-size:13px;
    margin:0 0 0 5px;
    font-weight:600;
}
.find_wrap .form_wrap ul li.oth_login{
    text-align:center;
    padding:15px 0 0 0;
    border:0;
}
.find_wrap .form_wrap ul li.oth_login a{
    display: inline-block;
    margin:0 0 0 20px;
}
.find_wrap .form_wrap ul li.oth_login [sdedu-login-btn="kakao"]{
    margin:0;
    border-radius:5px;
    overflow: hidden;
}
.find_wrap .form_wrap ul li.gray_btn{
    border:0;
    padding:15px 0 0 0;
}
.find_wrap .form_wrap ul li.gray_btn a{
    line-height:30px;
    border:1px #e6e6e6 solid;
    display: inline-block;
    *display: inline;
    zoom:1;
    vertical-align: top;
    font-size:14px;
    width:31%;
    text-align:center;
    margin:0 0 0 3%;
    color:#333;
    border-radius: 5px;
}
.find_wrap .form_wrap ul li.gray_btn a:first-child{
    margin:0;
}
.find_wrap .form_wrap ul li.gray_btn a:hover{
    background:#e6e6e6;
}
.find_wrap .form_wrap ul li.gray_btn a.join{
    border:1px #c98400 solid;
    color:#c98400;
}
.find_wrap .form_wrap ul li .three_wrap input,
.find_wrap .form_wrap ul li .three_wrap .select_wrap{
    width:33.3333%;
    display: inline-block;
    *display: inline;
    zoom:1;
}
.find_wrap .form_wrap ul li .three_wrap .select_wrap{
    position:relative;
}
.find_wrap .form_wrap ul li .three_wrap .select_wrap:after{
    content:"▼";
    position:absolute;
    font-size:15px;
    opacity: 0.5;
    right:7%;
    top:50%;
    margin:-10px 0 0 0;
}
.find_wrap .form_wrap ul li select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding:0 0 0 10%;
}
.find_wrap .form_wrap ul li.btn{
    margin:20px 0 0 0;
    border:0;
}
.find_wrap .form_wrap ul li.btn input{
    border-left:0;
    width:100%;
    background:#242c3f;
    color:#fff;
    font-size:17px;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}

/*도입기업:S*/
.company_wrap {
    max-width:1200px;
    width:100%;
    margin:0 auto;
    padding:50px 0 0 0 ;
}

.company_wrap .big_txt {
    font-size: 53px;
    line-height: 120%;
    font-weight: 300;
    margin: 0 0 80px 0;
    letter-spacing: -1px;
}

.company_wrap .big_txt b{
    display: block;
    font-weight:600;
}

.company_wrap .big_txt em{
    display: block;
    font-style: normal;
    font-size:25px;
    color:#18181d;
    line-height:100%;
    margin:1% 0 4% 0;
}
.company_wrap > li p.red{
    color:#ec3d2f;
    font-size:18px;
    margin:0 0 7.5% 0;
}

.company_wrap .customer_list {
    padding:0 0 9% 0 ;
}

.company_wrap .tab_menu{
   display:table;
   width:100%;
    text-align: center;
    margin: 30px auto;
}

.company_wrap .tab_menu li {
    display:table-cell;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    width:33.33%;
    height:68px;
    line-height:68px;
    font-size:20px;
    border-top:1px solid #c6c6c6 ;
    border-bottom:3px solid #26395c ;
    border-left:1px solid #c6c6c6 ;
    box-sizing:border-box;
}

.company_wrap .tab_menu li:last-child{
    border-right:1px solid #c6c6c6 ;
}

.company_wrap .tab_menu li:hover,
.company_wrap .tab_menu li.selected{
   background:#26395c;
   color:#fff;
}

.company_wrap .tab_wrap {
    width:100%;
    display:none;
}

.company_wrap .tab_wrap.selected{
    display:block;
}

.company_wrap .tab_wrap h3{
    font-size:33px;
    margin:0 0 30px 0;
}

.company_wrap .tab_wrap .tab_txt_list{
   width:100%;
    overflow:hidden;
}

.company_wrap .tab_wrap .tab_txt_list li {
    float:left;
    width:calc(25% - 10px );
    height:76px;
    line-height:76px;
    text-align: center;
    border:1px solid #b8b8b8;
    margin-right:13px;
    margin-bottom:13px;
}

.company_wrap .tab_wrap .tab_txt_list li:nth-child(4n){
    margin-right:0;
}
/*도입기업:E*/

/*
 * PARTNER BANNER S
 */
.company_wrap article.partner_area {
    text-align: center;
    background: #FFFFFF;

    display: none;
}
.company_wrap article.partner_area .content_area {
    max-width: 1200px;
    margin: 0px auto 0;
    overflow: hidden;
}
.company_wrap article.partner_area .content_area p b {
    font-size:24px;
}
.company_wrap article.partner_area .content_area .banner_area {
    margin-top: 20px;
    margin-bottom: 70px;
}
.company_wrap article.partner_area .content_area .banner_area ul {
    overflow: hidden;
}
.company_wrap article.partner_area .content_area .banner_area ul li {
    list-style: none;

    float: left;
    width: 16.6%;
    border: 1px solid #ddd;
    margin: 0 -1px 0 0;
    background: #fff;

    transition-duration: 0.2s;
}
.company_wrap article.partner_area .content_area .banner_area ul li img {
    width: 100%;
    vertical-align: middle;
}
/*
* PARTNER BANNER E
*/

@media screen and (max-width: 1200px){
/* @media (min-width:961px) and (max-width:1200px) { */
     .sub_wrap.sub{
        padding:150px 0 0 0;
      }
    /*INTRO S*/
    .intro_wrap,
    .recomend_wrap,
    .report_wrap,
    .support_wrap,
    .order_wrap,
    .term_wrap,
    .find_wrap,
    .company_wrap{
        padding:9% 8%;
    }
    .guide_wrap,
    report_wrap{
        padding:0 8%;
    }
    .event_wrap{
        background-size:155%
    }
    .txt_list > li.bg_01,
    .txt_list > li.bg_02,
    .txt_list > li.bg_03{
        background-size:45%;
    }
    .txt_list > li.bg_04{
        background-size:30%;
        background-position:right center;
    }
    .txt_list > li.bg_05{
        background-size:35%;
        background-position:right center;
    }
    .txt_list > li.bg_04 br{
        display: none;
    }
    .txt_list > li.center{
        background-size:8px;
    }
    .txt_list > li p{
        font-size:15px;
    }
    .txt_list .big_txt,
    .guide_wrap .top_guide > b{
        font-size:43px;
    }
    .txt_list .big_txt.little,
    .guide_wrap .guide_list li.center_layout .tit,
    .guide_wrap .guide_list .situation_wrap .tit,
    .guide_wrap .guide_list li.two_layout .txt .tit b{
        font-size:39px;
    }
    .txt_list .big_txt em{
        font-size:19px;
    }
    .intro_wrap .arrow_list{
        margin:0 0 5% 0;
    }
    .intro_wrap .arrow_list li{
        width:19%;
        font-size:12px;
        margin:0 0 0 1.25%;
        padding:5% 0 0 0;
        min-height:380px;
    }
    .intro_wrap .arrow_list li:before{
        left:-7.5%
    }
    .intro_wrap .arrow_list li p{
        font-size:20px;
        line-height: 120%;
        height:52px;
    }
    .intro_wrap .arrow_list li img{
        margin:20% auto;
    }
    .intro_wrap .customer_list ul li .th{
        font-size:20px;
    }
    .intro_wrap .customer_list ul li dl dd{
        font-size:14px;
    }
    .tab_wrap .img_wrap{
        padding:0;
    }
    .tab_wrap .btn_box ul li{
        height:60px;
    }
    .intro_wrap .tab_wrap ul li a{
        font-size:18px;
        line-height:60px;
    }
    .tab_wrap .img_wrap .swiper-slide .img{
        width:40%;
    }
    .tab_wrap .img_wrap .swiper-slide .txt .big_txt{
        font-size: 38px;
    }
    .tab_wrap .img_wrap .swiper-slide .txt b{
        display: block;
        font-weight:600;
    }
    .tab_wrap .img_wrap .swiper-slide .txt p{
        font-size: 15px;
        margin:20px 0 0 0;
    }
    .tab_wrap .img_wrap .swiper-slide .txt .bar{
        font-size:16px
    }
    .tab_wrap .img_wrap .swiper-slide .txt .bar:before{
        width:35px;
    }
    .recomend_wrap ul li{
        font-size:18px;
    }
    .guide_wrap .guide_list li.center_layout  img{
        margin:2% 0 0 0;
    }
    .gameSyoukai li{
        padding:2% 0;
        font-size:13px;
    }
    .table_layout > li .sp_sd{
        width: 450px;
    }
    .table_layout > li .swiper-button-next,
    .table_layout > li .swiper-button-prev{
        width:40px;
        height:40px;
    }
    /*INTRO E*/

    .three_img li img{
       max-width:85%;
    }
    .three_img li .blue{
        font-size:20px;
        line-height:120%;
    }
    .three_img li.full{
        padding:8% 46% 8% 0;
        background-size:42%;
    }
    .guide_wrap .guide_list li.two_layout .txt p br{
       display: none;
        word-break: keep-all;
    }
    .guide_wrap .guide_list li.center_layout .two_img span{
        min-height:50px;
    }
    .guide_wrap .guide_list .situation_wrap ul li.cam,
    .guide_wrap .guide_list .situation_wrap ul li.headset{
        background-size:30%;
        padding:0 0 6% 18%;
    }
    .guide_wrap .guide_list li .red_txt{
        font-size:16px;
        letter-spacing: -1px;
    }
    .guide_wrap .guide_list .situation_wrap ul li .result_btn{
        font-size:15px;
        line-height:50px;
        width:95%;
    }
    .guide_wrap .guide_list .check_wrap .slide_list{
        text-align: center;
    }
    .guide_wrap .guide_list .check_wrap .slide_list li,
    .guide_wrap .guide_list .check_wrap .slide_list.four li{
        width:46%;
        margin:4% 0 0 0;
    }
    .guide_wrap .guide_list .check_wrap .slide_list li:nth-of-type(4){
        margin:4% 0 0 0;
    }
    .guide_wrap .guide_list .check_wrap .slide_list li:nth-of-type(5),
    .guide_wrap .guide_list .check_wrap .slide_list li:nth-of-type(6){
        margin:4% 0 0 0;
    }
    .guide_wrap .guide_list .check_wrap .slide_list li:first-child,
    .guide_wrap .guide_list .check_wrap .slide_list li:nth-of-type(2){
        margin:0;
    }
    .guide_wrap .guide_list .check_wrap .slide_list li:nth-of-type(3) img{
        margin:0 auto 0 18%;
    }
    .guide_wrap .guide_list .check_wrap .slide_list li:nth-of-type(4) img{
        margin:0 auto 0 14%;
    }
    .guide_wrap .guide_list .check_wrap .slide_list li:nth-of-type(6) img{
        margin:0 auto 0 12%;
    }
    .guide_wrap .guide_list .check_wrap .slide_list li:nth-of-type(5) img{
        margin:0 auto 0 16%;
    }
    .guide_wrap .guide_list .check_wrap .slide_list li:before,
    .guide_wrap .guide_list .check_wrap .slide_list.four li:before{
        left:-6%;
    }
    .st1{
        display:block;
    }
    .order_wrap .goods_list > ul > li .cont_l{
        width:100%;
        adding-bottom:7%;
    }
    .order_wrap .goods_list > ul > li .cont_r{
        padding-top:7%;
        border-top:1px #bebebe dashed;
    }

}

@media (min-width:0px) and (max-width:960px) {
    .intro_wrap,
    .report_wrap,
    .support_wrap,
    .report_wrap,
    .guide_wrap,
    .order_wrap,
    .term_wrap,
    .find_wrap{
        padding:7% 6%;
    }
    .find_wrap{
        padding:10% 6% 25%;
    }
    .recomend_wrap,
    .intro_wrap,
    .company_wrap{
        padding:10% 6% 10% 6%;
    }
    .event_wrap{
        background-size:100%;
    }
    .txt_list > li{
        text-align:center;
    }
    .txt_list > li.bg_01,
    .txt_list > li.bg_02,
    .txt_list > li.bg_03,
    .txt_list > li.bg_04,
    .txt_list > li.bg_05{
        padding:40% 0 0 0;
        background-position:center top;
    }
    .txt_list > li.center{
        padding:17% 0 0 0;
        margin: 0 0 9% 0;
    }
    .txt_list > li.bg_01,
    .txt_list > li.bg_02,
    .txt_list > li.bg_03{
        background-size:40%;
        margin: 0 0 9% 0;
    }
    .txt_list > li.bg_04{
        background-size:30%;
        background-position:center top;
    }
    .txt_list > li.bg_05{
        background-size:35%;
        background-position:center top;
    }
    .txt_list > li.bg_04 br{
        display: none;
    }
    .txt_list > li.center{
        background-size:8px;
    }
    .txt_list > li.center.no_dot{
        padding:10% 0 0 0;
    }
    .txt_list .big_txt,
    .guide_wrap .top_guide > b{
        font-size:37px;
    }
    .txt_list .big_txt.little,
    .guide_wrap .guide_list li.center_layout .tit,
    .guide_wrap .guide_list .situation_wrap .tit,
    .guide_wrap .guide_list li.two_layout .txt .tit b{
        font-size:39px;
    }
    .txt_list .big_txt em{
        font-size:17px;
    }
    .intro_wrap .scroll_box{
        overflow:hidden;
    }
    .intro_wrap .scr_wrap{
        overflow-x:scroll;
        margin:0 0 2% 0;
    }
    .intro_wrap .arrow_list{
        margin:0 0 5% 0;
        width:125.4%;
    }
    .intro_wrap .arrow_list li{
        width:19%;
        font-size:12px;
        margin:0 0 0 1.25%;
        padding:5% 2% 0 2%;
    }
    .intro_wrap .arrow_list li br{
        display: none;
    }
    .intro_wrap .arrow_list li:before{
        left:-7.5%
    }
    .intro_wrap .arrow_list li p{
        font-size:20px;
        line-height: 120%;
        height:63px;
    }
    .intro_wrap .arrow_list li img{
        margin:20% auto;
    }
    .intro_wrap .arrow_list li:first-child img{
        margin:29% auto 20% auto;
    }
    .intro_wrap .customer_list{
        padding:0;
    }
    .intro_wrap .customer_list ul{
        padding:12% 2% 0 2%;
    }
    .intro_wrap .customer_list ul li{
        width:100%;
        padding:35px 0 0 0;
        margin:10% 0 0 0;
        border:0;
    }
    .intro_wrap .customer_list ul li .th{
        font-size:20px;
    }
    .intro_wrap .customer_list ul li dl dd{
        font-size:14px;
    }
    .intro_wrap .tab_wrap ul li,
    .company_wrap .tab_menu li{
        height:auto;
    }
    .intro_wrap .tab_wrap .swiper-slide{
        display:block;
    }
    .intro_wrap .tab_wrap ul li a{
        font-size:18px;
        line-height:60px;
    }
    .tab_wrap .img_wrap{
        padding:0;
    }
    .tab_wrap .btn_box{
        padding:0 0 8% 0;
    }
    .tab_wrap .img_wrap .swiper-slide .txt,
    .tab_wrap .img_wrap .swiper-slide .img{
        width:100%;
        display: block;
        text-align: center;
        padding:0;
    }
    .tab_wrap .img_wrap .swiper-slide .img img{
        display: block;
        margin:0 auto 5% auto;
        max-width:50%;
    }
    .tab_wrap .img_wrap .swiper-slide .txt .big_txt{
        font-size: 40px;
    }
    .tab_wrap .img_wrap .swiper-slide .txt p{
        font-size: 15px;
    }
    .tab_wrap .img_wrap .swiper-slide .txt .bar{
        font-size:16px
    }
    .tab_wrap .img_wrap .swiper-slide .txt .bar:before{
        width:55px;
        left:50%;
        margin:0 0 0 -27.5px;
    }
    .recomend_wrap ul{
        padding:0;
    }
    .recomend_wrap ul li{
        font-size:18px;
        width:50%;
        margin:6% 0 0 0;
    }
    .recomend_wrap ul li{
        line-height:150%;
    }
    .recomend_wrap ul li img{
        margin:0 auto 4% auto;
        max-width:30%;
    }
    .color_txt{
        padding:9% 0;
        background-size:50%;
    }
    .gameSyoukai li{
        padding:2% 0;
        font-size:15px;
        width:24%;
        margin:0 0 0 1.333%
    }
    .gameSyoukai li:nth-of-type(5n+1){
        margin:0 0 0 1.333%
    }
    .gameSyoukai li:nth-of-type(4n+1){
        margin:0 0 1.333% 0;
    }
    .table_layout > li{
        width:100%;
        display: block;
    }
    .table_layout > li:first-child{
        width:100%;
        padding:0 0 5% 0
    }
    .table_layout > li .sp_sd{
        margin:0 auto;
        display: block;
        float:none;
        width:600px;
    }
    .table_layout > li .sp_sd .swiper-wrapper{
    }
    .top_guide{
        display: none;
    }
    .three_img li img{
       max-width:85%;
    }
    .three_img li .blue{
        font-size:20px;
        line-height:120%;
    }
    .three_img li.full{
        padding:8% 46% 8% 0;
        background-size:42%;
    }
    .guide_wrap .guide_list{
        text-align:center;
    }
    .guide_wrap .guide_list li.two_layout .txt p br{
       display: none;
        word-break: keep-all;
    }
    .guide_wrap .guide_list li.center_layout .two_img span{
        min-height:50px;
    }
    .guide_wrap .guide_list .situation_wrap ul li.cam,
    .guide_wrap .guide_list .situation_wrap ul li.headset{
        padding:175px 0 6% 0;
        background-position:center top;
        text-align: center;
        margin:5% 0 0 0;
    }
    .guide_wrap .guide_list li .red_txt{
        font-size:18px;
        letter-spacing: -1px;
        text-align:left;
    }
    .guide_wrap .guide_list .situation_wrap ul li .result_btn{
        font-size:15px;
        line-height:50px;
        width:95%;
        margin:0 auto;
    }
    .guide_wrap .guide_list .check_wrap .slide_list.pc{
        display: none;
    }
    .guide_wrap .guide_list .check_wrap .mobile,
    .guide_wrap .guide_list .check_wrap .safari_m{
        display: block;
    }
    .guide_wrap .guide_list .check_wrap .mobile .slide_list li,
    .guide_wrap .guide_list .check_wrap .safari_m .slide_list li{
        margin:0;
    }
    .guide_wrap .guide_list .check_wrap .mobile .slide_list li:before,
    .guide_wrap .guide_list .check_wrap .safari_m .slide_list li:before{
        display: none;
    }
     .guide_wrap .guide_list .check_wrap .slide_list li img,
    .guide_wrap .guide_list .check_wrap .slide_list li:nth-of-type(5) img,
     .guide_wrap .guide_list .check_wrap .slide_list.four li img,
     .guide_wrap .guide_list .check_wrap .slide_list li:nth-of-type(3) img{
        max-width:75%;
        margin:0 auto;
    }
    .swiper-button-next,
    .swiper-button-prev{
        color:#554fb4
    }
    .guide_wrap .guide_list li.two_layout{
        display:block;
        text-align: center;
    }
    .guide_wrap .guide_list li.two_layout .txt,
    .guide_wrap .guide_list li.two_layout .img{
        display: inline-block;
        width:100%;
        text-align: center;
    }
    .guide_wrap .guide_list li.two_layout .txt .tit{
        width:100%;
    }
    .guide_wrap .guide_list li.two_layout .txt .tit{
        margin:0 0 5.5% 0;;
    }
    .guide_wrap .guide_list li.two_layout .txt .tit.no_border{
        margin:0;
    }
    .guide_wrap .guide_list li.two_layout .img{
        margin:5.5% 0 0 0;
    }
    .guide_wrap .guide_list li.two_layout .img img{
        max-width: 60%;
    }
    .guide_wrap .guide_list li dl{
        display: inline-block;
        text-align: left;
    }
    .guide_wrap .guide_list li.center_layout .two_img  li{
        width:100%;
        font-size:17px;
        color:#000;
        margin:8% 0 0 0 ;
        text-align:center;
    }
    .guide_wrap .guide_list li.center_layout .two_img li:first-child{
        margin:0;
    }
    .guide_wrap .guide_list li .red_txt{
        display: inline-block;
        margin:0 0 10px 0;
    }
    .guide_wrap .guide_list li.center_layout .two_img  li img{
        display: block;
        margin: 0 auto;
        max-width: 58%;
    }
    .guide_wrap .guide_list li.center_layout  img{
        margin:4% 0 0 0;
    }
    .guide_wrap .guide_list .situation_wrap .tit{
        float:none;
        margin:0;
    }
    .guide_wrap .guide_list .situation_wrap .process_btn{
        text-align:center;
        margin:5% 0;
    }
    .guide_wrap .guide_list .situation_wrap .process_btn > a{
        max-width:235px;
        width: 100%;
    }
    .guide_wrap .guide_list .situation_wrap .process_btn a.on{
        display:inline-block;
    }
    .guide_wrap .guide_list .situation_wrap .process_btn a.finish{
        background:#414141;
    }
    .guide_wrap .guide_list .situation_wrap .process_btn .ing{
        border:1px #1661be dashed;
        background:#fff;
        padding:4px;
    }
    .guide_wrap .guide_list .situation_wrap .process_btn .ing span{
        display: block;
        background:#2175b3;
        letter-spacing: -1px;
        border-radius: 50px;
        padding:13px 0 13px 0;
    }
    .guide_wrap .guide_list .situation_wrap .process_btn .ing span:after{
        content:"▶ ▶ ▶";
        font-size:13px;
        width:50px;
        display: inline-block;
        vertical-align:top;
        margin:5px 0 0 0;
    }
    .guide_wrap .guide_list .situation_wrap ul{
        margin:0 0 9% 0;
    }
    .swiper-button-prev{
        left:0;
    }
    .swiper-button-next{
        right:0;
    }
    .event_wrap{
        padding: 9% 6% 27% 6%;
    }
    .event_wrap .tit p{
        background-size:75%
    }
    .event_wrap .tit dl dd.fir{
        font-size:19px;
    }
    .event_wrap .tit dl dd{
        font-size:16px;
    }
    .event_wrap .input_box li{
        width: 31.8%;
    }
    .event_wrap .input_box li:before{
        left:-5%
    }
    .event_wrap .input_box li.submit{
        width:100%;
        margin:3% 0 0 0
    }
    .event_wrap .input_box li.submit input{
        font-size:20px;
    }
    .company_wrap .tab_wrap h3{
        font-size: 1.2rem;
    }

    .company_wrap .tab_menu li {
        font-size: 0.6875rem;
        height:0.6875rem;
        line-height:350%;
    }
}

@media (min-width:0px) and (max-width:750px) {
    .intro_menu ul br{
        display: block;
    }
}

@media (min-width:0px) and (max-width:700px){
    .sub_wrap{
        padding:2.778rem 0 0 0
    }
    .sub_wrap.gnb{
        padding:4.722rem 0 0 0;
    }
    .mgb5{
        margin-bottom:0.1389rem!important;
    }
    .mgb10{
        margin-bottom:0.2778rem!important;
    }
    .mgb20{
        margin-bottom: 0.5556rem!important;
    }
    .mgb20.sment{
        font-size:11px;
    }
    .mgb30{
        margin-bottom:0.8333rem!important;
    }
    .mgb40{
        margin-bottom:1.111rem!important;
    }
    .mgb50{
        margin-bottom:1.389rem!important;
    }
    .mgb60{
        margin-bottom:1.667rem!important;
    }
    .mgb70{
        margin-bottom:1.944rem!important;
    }
    .mgb80{
        margin-bottom:2.222rem!important;
    }
    .mgb90{
        margin-bottom:2.5rem!important;
    }
    .mgb100{
        margin-bottom:2.778rem!important;
    }
    .mgl5{
        margin-left:0.1389rem!important;
    }
    .mgl10{
        margin-left:0.2778rem!important;
    }
    .mgl20{
        margin-left:0.5556rem!important;
    }
    .mgl30{
        margin-left:0.8333rem!important;
    }

    .recomend_wrap, .intro_wrap, .company_wrap {
        padding:15% 6% 10% 6%;
    }

    .txt_list .big_txt,
    .guide_wrap .top_guide > b{
        font-size:1.542rem;
    }
    .txt_list .big_txt.little{
        margin:0 0 4% 0;
    }
    .txt_list .big_txt.little,
    .guide_wrap .guide_list li.center_layout .tit,
    .guide_wrap .guide_list .situation_wrap .tit,
    .guide_wrap .guide_list li.two_layout .txt .tit b,
    .guide_wrap .guide_list .check_wrap .tit{
        font-size: 1.028rem;
    }
    .guide_wrap .guide_list li.two_layout .txt .tit.no_border b{
        margin:0 0 1.458rem 0;
    }
    .txt_list .big_txt em,
    .guide_wrap .guide_list .check_wrap .tit span{
        font-size:0.6083rem;
    }
    .txt_list .big_txt,
    .company_wrap .big_txt,
    .guide_wrap .top_guide > b{
        font-size:1.625rem;
    }

    .company_wrap .big_txt {
        margin-bottom:9%;
    }
    .txt_list > li p,
    .txt_list > li p.red,
    .txt_list .big_txt em,
    .company_wrap .big_txt em{
        font-size:0.75rem;
        line-height:140%;
    }
    .txt_list > li p br,
    .guide_wrap .guide_list .check_wrap .tit span br{
        display: none;
    }
    .intro_wrap .customer_list ul li{
        padding:10% 0 0 0;
        border-top:1px #bfbfbf  solid;
    }
    .intro_wrap .customer_list ul li:first-child{
        border-top:0;
        padding:0;
    }
    .intro_wrap .customer_list ul li .th{
        font-size:0.8333rem;
        position: relative;
        top:0;
        margin:0 0 3% 0;
    }
    .intro_wrap .customer_list ul li dl{
        display: block;
        margin:5% 0 0 0;
    }
    .intro_wrap .customer_list ul li:nth-child(2) dl.fir{
        margin:5% 0 0 0;
    }
    .intro_wrap .customer_list ul li dl dd{
        font-size:0.7222rem;
        line-height:155%;
    }
    .txt_list > li.center{
        background-size:0.2517rem;
        padding:20% 0 0 0;
    }
    .intro_wrap .tab_wrap .btn_box ul li a{
        font-size: 0.75rem;
        line-height:135%;
        padding:0.65rem 0;
    }
    .intro_wrap .tab_wrap .btn_box ul li a br{
        display: block;
    }
    .tab_wrap .img_wrap .swiper-slide .txt .big_txt{
        font-size:1.225rem;
        padding:0 0  1.667rem 0;
    }
    .tab_wrap .img_wrap .swiper-slide .txt p,
    .tab_wrap .img_wrap .swiper-slide .txt em{
        font-size: 0.7rem;
        line-height: 140%;
    }
    .tab_wrap .img_wrap .swiper-slide .txt p br{
        display: none;
    }
    .intro_menu .mid ul li:nth-child(4){
        margin-left:0;
    }

    .company_wrap .tab_wrap .tab_txt_list li {
        font-size:0.6875rem;
        width:calc(50% - 9px);
        padding:0.65rem 0;
        height:2.3rem;
        line-height: 128%;
    }

    .company_wrap .tab_wrap .tab_txt_list li:nth-child(2n){
        margin-right:0;
    }

    .intro_wrap .arrow_list{
        margin:0 0 5% 0;
        width:45rem;
    }
    .intro_wrap .arrow_list li{
        font-size:0.5556rem;
        padding: 4% 2%;
        word-break: keep-all;
        min-height:15.42rem;
        height:15.42rem;
    }
    .intro_wrap .arrow_list li p{
        font-size:0.6944rem;
        height:1.75rem;
        margin: 0 0 0.5556rem 0;
    }
   .recomend_wrap p{
       font-size:1.792rem;
       padding:0 0 2.083rem 0;
       word-break: keep-all;
    }
    .recomend_wrap p span{
        font-size:0.75rem;
        margin:0 0 0.3333rem 0;
    }
    .recomend_wrap ul li{
        width:100%;
        font-size:0.8333rem;
    }
    .color_txt{
        background-size:10rem;
    }
    /*상품구매*/
    .order_wrap .center{
        padding:0 0 8% 0;
    }
    .order_wrap .center p{
        font-size:  1.5rem;
    }
    .order_wrap .center p span{
        font-size:  0.6833rem;
    }
    .order_wrap .center p em{
        font-size:0.7533rem;
        padding:1.5% 2%;
        line-height:120%;
        width:11rem;
        display: block;
        margin:4% auto 0 auto;
    }
    .order_wrap .center p em br{
        display: block;
        line-height:100%;
    }
    .order_wrap .goods_list{
        margin:0 auto  2.778rem auto
    }
    .order_wrap .goods_list .goods_th{
        font-size: 1.25rem
    }
    .order_wrap .goods_list > ul{
        margin:0;
    }
    .order_wrap .goods_list > ul > li .info_text p{
        font-size:1.125rem;
        margin:0 0 0.8333rem 0;
        letter-spacing:-1px;
    }
    .order_wrap .goods_list > ul > li .info_text p span{
        font-size:0.6833rem;
        margin:0.6567rem 0 0 0;
        line-height:145%;
    }
    .order_wrap .goods_list > ul > li .info_text p.warning{
        padding: 0 0 0.6567rem 0;
        line-height:145%;
        font-size:0.6033rem;
    }
    .order_wrap .goods_list > ul > li dl dd{
        font-size:0.6833rem;
    }
    .order_wrap .goods_list > ul > li .price li{
        font-size: 0.6944rem;
        padding: 0 0 0 0.3333rem;
        line-height:1.542rem;
        width:100%;
        margin:0;
        overflow: hidden;
    }
    .order_wrap .goods_list > ul > li .price li.color_03{
        width:100%;
        margin:2% 0 0 0;
        font-size:0.7944rem;
    }
    .order_wrap .goods_list > ul > li .price li select{
/*         width:3.333rem; */
        /* width:auto; */
        height:1.375rem;
        line-height:1.375rem;
        font-size:0.5556rem;
    }
    
    .order_wrap .goods_list > ul > li .price li.color_03 .price_area{
        display: block;
    }
    .order_wrap .goods_list > ul > li .price li.color_03 .btn_area{
        display: block;
        overflow: hidden;
    }
    .order_wrap .goods_list > ul > li .price li a{
        width:29%;
        margin:0 auto;
        line-height:1.667rem;
        float:left;
        font-size:0.6944rem
    }
    .order_wrap .goods_list > ul > li .price li a.purchase{
        margin-right:2%;
    }
    /*ˆë‚´*/
    .guide_wrap .guide_list li.two_layout .txt .tit,
    .guide_wrap .guide_list li.two_layout .txt p{
        font-size:0.6083rem;
    }
    .guide_wrap .guide_list li.two_layout .img{
        width:100%;
    }
    .guide_wrap .guide_list li.two_layout .img .video{
        height:8.889rem
    }
    .guide_wrap .guide_list li.two_layout .img .video a{
        width:3rem;
        height:3rem;
        background-size:contain;
        margin:-1.5rem 0 0 -1.5rem;
    }
    .guide_wrap .guide_list li.two_layout .img .video a:hover{
        background-size:contain;
    }
    .guide_wrap .guide_list li.two_layout .img .video a:before{
        width: 2.222rem;
        height: 0.8333rem;
        top:-1.111rem;
        left:50%;
        margin:0 0 0 -1.111rem;
        background-size:contain;
    }
    .guide_wrap .guide_list li dl dd,
    .guide_wrap .guide_list li .circle span,
    .guide_wrap .guide_list .situation_wrap .tit span{
        font-size:0.6083rem
    }
    .guide_wrap .guide_list li dl dd:before{
        width:0.2083rem;
        height:0.2083rem;
        top:0.4583rem;
    }
    .guide_wrap .guide_list li .circle span{
        width:3.333rem;
        height:3.333rem;
        line-height:3.333rem;
        margin:0 2%;
    }
    .guide_wrap .guide_list li.center_layout .tit{
        margin: 0 0 1.458rem 0
    }
    .guide_wrap .guide_list li.center_layout .two_img li p{
        font-size: 0.8333rem;
    }
    .guide_wrap .guide_list li.center_layout .two_img li{
        font-size:0.65rem;
    }
    .guide_wrap .guide_list li.center_layout img{
        margin:4% 0 0 0;
    }
    .guide_wrap .guide_list li.center_layout .two_img li span{
        min-height:auto;
        padding: 0 0 0.8333rem 0
    }
    .guide_wrap .guide_list .situation_wrap .process_btn a.on{
        max-width: 9.792rem;
        font-size:0.9167rem;
        padding:0.5833rem 0;
        letter-spacing: 0;
    }
    .guide_wrap .guide_list .situation_wrap ul li.cam, .guide_wrap .guide_list .situation_wrap ul li.headset{
        padding:7.292rem 0 6% 0;
        background-size:6.042rem
    }
    .guide_wrap .guide_list .situation_wrap ul li.cam{
        background-position:60% top;
    }
    .guide_wrap .guide_list li .red_txt,
    .guide_wrap .guide_list li .red_txt.no_dot{
        font-size:0.65rem;
    }
    .guide_wrap .guide_list .situation_wrap ul li .result_btn{
        line-height: 2.083rem;
        font-size:0.6667rem;
        letter-spacing:-0.5px;
    }
    .guide_wrap .guide_list .situation_wrap ul li .result_btn:before{
        background-size:0.6944rem;
        margin:-0.125rem 0 0 0;
    }
     .guide_wrap .guide_list .situation_wrap ul li{
        width:100%;
        background-size:50%;
    }
    .guide_wrap .guide_list .situation_wrap > a{
        width:12.89rem;
        line-height: 2.667rem;
        font-size:0.9167rem;
    }
    .gameSyoukai li{
        padding:2% 0;
        font-size:0.5556rem;
        width:49%;
        margin:0 0 0 1%;
    }
    .gameSyoukai li:nth-of-type(5n+1){
        margin:0 0 0 1%;
    }
    .gameSyoukai li:nth-of-type(4n+1){
        margin:0 0 1% 0;
    }
    .gameSyoukai li:nth-of-type(2n+1){
        margin:0 0 1% 0;
    }
    .table_layout{
        padding:1.111rem 0 0 0
    }
    .table_layout > li{
        display: block;
        text-align:center;
    }
    .table_layout > li:first-child{
        width:100%;
        text-align:center;
        padding: 0 0  1.111rem 0;
    }
    .table_layout > li p{
        font-size:0.8333rem
    }
    .table_layout > li,
    .table_layout > li b{
        font-size:0.6222rem
    }
    .table_layout > li .sp_sd{
        width:17.11rem;
    }
    .table_layout > li .swiper-button-next,
    .table_layout > li .swiper-button-prev{
        width:1.111rem;
        height:1.111rem;
        margin-top:-0.5555rem;
    }
    .three_img li{
        width:100%;
    }
    .three_img li img{
        margin:0 auto 6% auto;
        max-width:80%;
    }
    .three_img li.full{
        text-align:center;
        width:100%;
        padding:10rem 0 10% 0;
        line-height:150%;
        font-size:0.75rem;
        background-size:11rem;
        background-position:center 1.7rem;
    }
    .three_img li b{
        font-size:0.8889rem;
    }
    .three_img li .blue{
        margin:0;
        font-size:0.8889rem;
        line-height:140%;
    }
    .three_img li.full .blue{
        margin:0 0 0.5556rem 0;
    }


    .event_wrap .input_box li,
    .event_wrap .input_box li:before{

    }
    .event_wrap .input_box li.submit{
        display: block;
    }
    .event_wrap .input_box li input{
        height:1.667rem;
        line-height:1.667rem;
    }
    .event_wrap .tit dl dd.fir{
        font-size:0.8333rem;
    }
    .event_wrap .tit dl dd{
        font-size:0.75rem;
        padding: 0 0 0 2.5%;
    }
    .event_wrap .tit dl dd.fir{
        padding:0
    }
    .event_wrap .tit dl dd.special{
        padding:0 0 0 4%;
    }
    .event_wrap .input_box li{
        width: 31%;
    }
    .event_wrap .input_box li:before{
        display: none;
    }
    .event_wrap .input_box li.submit{
        width:100%;
        margin:3% 0 0 0
    }
    .event_wrap .input_box li.submit input{
        font-size: 0.6667rem;
    }
    .support_wrap .center p{
        font-size:1.5rem;
    }
    .support_wrap .center p span{
        font-size:0.6833rem;
    }
    .support_wrap ul.tab-content > li .cs-q{
        padding:4% 1.325rem;
        font-size:0.6667rem;
        background-size:1rem;
    }
    .support_wrap ul.tab-content > li .cs-a{
        font-size:0.6667rem;
        padding:4% 1% 4% 1.325rem;
        background-size:1rem;
        background-position:left 5%
    }
    .support_wrap ul.tab-content > li .cs-a br{
        display: none;
    }

    /*TERMS*/
    .term_wrap .center{
        padding: 0 0  1.25rem 0;
        margin: 0 0 0.8333rem 0;
    }
    .term_wrap .center p{
        font-size:1.5rem;
    }
    .term_wrap .terms_con{
        padding:5%;
        font-size:0.5556rem
    }
    .term_wrap .terms_con h3{
        font-size: 0.7222rem;
        margin:1.111rem 0 0.2778rem 0;
    }
    .term_wrap .terms_con h3:first-child{
        margin:0 0 0.2778rem 0;
    }
    .term_wrap .terms_con table{
        margin:0 0 0.4167rem 0;
    }
    .term_wrap .terms_con table th{
        padding:0.1944rem 0.1111rem;
    }
    .term_wrap .terms_con table td{
        padding:0.1389rem 0.08333rem;
        font-size:0.4167rem;
    }
    .term_wrap .list-num li{
        margin:0 0 0 0.5556rem
    }
    .term_wrap .finish_box li{
        margin:1% 0 0 0;
        line-height:120%;
    }
    .term_wrap .finish_box li.last{
        padding:3%;
        text-align:center;
    }
    /*pw/id*/

    .find_wrap .center{
        margin:0 0 0.6944rem 0;
    }
    .find_wrap .center p{
        font-size: 0.8333rem;
        margin:0 0 0.2778rem 0;
        line-height: 140%;
    }
    .find_wrap .center p.en,
    .find_wrap .center p.en span{
        font-size:1.111rem;
    }
    .find_wrap .center span{
        font-size:0.5833rem;
        line-height:140%;
        word-break: keep-all;
    }
    .find_wrap .center .login,
    .find_wrap .center .main{
        line-height:2.222rem;
        height:2.222rem;
        font-size:0.8333rem;
        font-weight:600
    }
    .find_wrap .center .main{
        font-weight:400;
    }
    .find_wrap .form_wrap,
    .find_wrap .form_wrap.login{
        max-width:initial;
        padding:0.5556rem;
    }
    .find_wrap .form_wrap ul li input,
    .find_wrap .form_wrap ul li select{
       line-height: 2.222rem;
        height: 2.222rem;
        font-size: 0.8333rem;
    }
    .find_wrap .form_wrap ul li .three_wrap .select_wrap{
    }
    .find_wrap .form_wrap ul li .three_wrap .select_wrap:after{
        font-size: 0.8333rem;
        margin:-0.6125rem;
        right:18%;
    }
    .find_wrap .form_wrap ul li.check label{
        font-size:0.5556rem;
    }
    .find_wrap .form_wrap ul li.btn{
        margin:0.5556rem 0 0 0;
    }
    .find_wrap .form_wrap ul li.login_btn button{
        line-height: 1.944rem;
        height: 1.944rem;
        font-size: 0.8333rem
    }
    .find_wrap .form_wrap ul li.btn input{
        line-height: 2.222rem;
        height: 2.222rem;
        font-size: 0.8333rem;
        font-weight:600;
    }
    .find_wrap .form_wrap ul li.check{
        padding: 0.6944rem 0 0.2778rem 0;
    }
    .find_wrap .form_wrap ul li.oth_login,
    .find_wrap .form_wrap ul li.gray_btn{
        padding: 0.6944rem 0 0 0;
    }
    .find_wrap .form_wrap ul li.oth_login a{
        margin:0.5556rem auto 0 auto;
        display: block;
    }
    .find_wrap .form_wrap ul li.oth_login a:first-child{
        margin:0 auto;
    }
    .find_wrap .form_wrap ul li.gray_btn a{
        font-size:0.5556rem;
        line-height: 1.389rem;
    }
    .footer.fixed{
        position:relative;
    }

    /* PARTNER BANNER S */
    .company_wrap article.partner_area .content_area {
        padding: 0px 3% 0;
    }
    
    .company_wrap article.partner_area .content_area .banner_area ul li {
        width: 50%;
        
        transition-duration: 0.2s;
    }

    .company_wrap article.partner_area .content_area .banner_area ul li.noimage {
        display:none;
    }
    /* PARTNER BANNER E */
}