@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,400i,500,500i&display=swap');

/*font-family: 'Noto Sans KR', sans-serif;*/
*{margin:0; padding:0}
li{list-style:none;margin:0;padding:0;}
img{border: none;}
a{text-decoration:none}
address{font-style:normal;}
iframe{margin:0;padding:0;border:none;}
table{border-spacing: 0;border-collapse: collapse;}
button, input, select, textarea {
    background: transparent;
    font-size: 13px;
    position: relative;
    zoom: 1;
    font-family: 'Lato','NotoSansKR','Noto Sans KR','Apple SD Gothic Neo',sans-serif; border:none
}

.xi-kakaotalk:before {
  content: "\ebee";
}
h1,h2,h3,h4,h5,h6,p,div,section,td,th,label,adddress,a,body,li, button, em{font-family: 'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; color:#333;  font-style:normal;word-break:keep-all !important; letter-spacing:-1px; }

.mob{display:none !important}
.pc{display:block !important}
.user_icon{display:none !important}

.m-pop-wrap{ z-index:9999; position:absolute;width:100%; top:0}
.m-pop-wrap>div{vertical-align:top; position:absolute; display:none; width: 360px; top:130px}
.m-pop-wrap>div img{width:100%; display:block}
.main_notice_pop a{position:absolute; right:0; color:#FFF; background-color:#333; padding:10px; z-index:99}
.m-p-bot{position:relative; background-color:#000}
.m-pop-wrap input[type="checkbox"]{z-index:99; margin-top:13px}
.m-pop-wrap label{color:#FFF; padding:10px 15px; box-sizing:border-box; display:inline-block; background-color:#000; position:absolute; width:100%; left:0}
.m-pop-wrap>div.pop2{left:50%; }
.m-pop-wrap>div.pop3{right:110px}

.right-quick{position:fixed; right: 10px; top:50%; transform: translateY(-50%); z-index: 999;}
.right-quick>ul>li{background-color:#333; width: 90px; padding: 10px 0; border-bottom:1px solid #555;}
.right-quick>ul>li:last-child{border-bottom:none}
.right-quick>ul>li a{display:block; width:100%; text-align: center;}
.right-quick>ul>li a p{color:#FFF; text-align:center; margin-top: 5px;}
.right-quick>ul>li i{color:#CCC; font-size: 40px;}
.right-quick>ul>li img{max-width:50px; display:block; margin:0 auto;}

.sns-icon{display:none}
@media all and (max-width:1400px){
    .right-quick>ul>li{width:70px;}
    .right-quick>ul>li img{max-width:30px;}
    .right-quick>ul>li a p{font-size:12px}
}
@media all and (max-width:750px){
    

}
@media all and (max-width:700px) {
	.m-pop-wrap{flex-wrap:wrap; top:50px}
	.m-pop-wrap>div{width:90%; position:absolute; top:0; left:50%; transform:translateX(-50%)}	
	.m-pop-wrap>div img{width:100%}
    .m-pop-wrap>div.pop2{width:100%; top:0}

    .sns-icon{display:block;}
    .right-quick{display:none}
}


#header{position:fixed; width:100%;  z-index:9999; background-color:#000; padding-bottom: 10px;  }
.header_top_wrap{position:relative; width:100%; margin:0 auto;}
.header_top{position:absolute; right:20px; bottom:-35px; text-align:right;  margin:0 auto; overflow:hidden; padding:10px 0 0}
.header_top>ul{overflow:hidden; float:right}
.header_top>ul>li{float:left; margin-right:10px}
.header_top>ul>li a{color:#FFF; font-size:12px}
.header_wrap{position:relative; width:100%; margin:0 auto; }
.logo{padding:10px; box-sizing:border-box; margin:0 auto; width: 295px;}
.logo img{ display:block; margin:0 auto; max-width:100%}
.gnb{ width:100%; right:0;}
.gnb>ul{display:table; margin:0 auto}
.gnb>ul>li{display:table-cell; padding:0 40px; position:relative}
.gnb>ul>li::after{position:absolute; transition: 0.5s; content: ""; width: 0; height: 5px; background-color: #135196; left: 50%; transform: translateX(-50%); bottom: -10px; z-index: 9;}
.gnb>ul>li:hover::after{width:180px}
.gnb>ul>li>a{font-size:20px;color:#FFF; padding:10px 0; display:block}
.head-b{position:absolute; background-color:#FFF; height: 235px; width: 100%; top: 122px; display:none; background-color:#000}
.depth_wrap{position:absolute;  z-index:9; left:50%; display:none; width:180px; margin-left:-90px; padding-top:10px}
.depth{overflow:hidden}
.depth>li>a{display:block; padding:7px 10px; font-size:16px; transition:0.5s; text-align: center; color:#FFF}
.depth>li:hover>a{font-weight:bold}
.header_right{display:table; position:absolute; right:20px; top:20px}
.header_right div{display:table-cell; vertical-align:middle}
.header_tel{position:absolute; left:30px; bottom:-40px; display:table}
.header_tel div{display:table-cell; vertical-align:middle;  font-weight:bold;  line-height:22px}
.header_tel div a{color:#FFF; font-size:34px; font-weight:bold; }
.header_tel div a span{vertical-align: middle;}
.sms{position:absolute;  left:210px; top:20px}
.sms p{font-size:23px; line-height:22px;}


.banner_wrap{position:relative;}
.banner{position:relative}
.banner img{width:100%}
.slider-div .slider_list{height:1000px; position:relative}
.slick-list .slick-slide:first-child .slider_list{background-image: url(../image/banner1.jpg); background-size: cover;}
.slick-list .slick-slide:nth-child(2) .slider_list{background-image: url(../image/banner2.jpg); background-size: cover;}
.slider_list{background-position:center}
.slide-text{position:absolute; top:50%; transform:translateY(-60%); width:95%; left:2.5%}
.slide-text img{width:auto !important; margin-bottom:15px}
.slick-active .slide-text h2{animation-name:mainh2; animation-duration:1s;transform:perspective(500px) rotate(.001deg); animation-fill-mode:forwards; opacity:0;animation-timing-function:linear;animation-delay:0.1s}
.slick-active .slide-text p{animation-name:mainp; animation-duration:1s;transform:perspective(500px) rotate(.001deg); animation-fill-mode:forwards; opacity:0;animation-timing-function:linear; animation-delay:0.2s}
.slick-active .slide-text .slide-more{animation-name:more; animation-duration:1s;transform:perspective(500px) rotate(.001deg); animation-fill-mode:forwards; animation-timing-function:linear; animation-delay:0.6s;opacity:0;}
.banner-txt{position:absolute; width: 100%; top: 50%; transform:translateY(-70%); text-align:center;}
.banner-txt p{ font-size: 40px; font-weight: bold; color:#FFF; line-height: 55px; text-shadow: 5px 2px 2px #333;}
.banner-txt span{font-size:50px; font-weight: 900;}
.page1{padding-top:224px}

.page1{padding-top:224px}

.num_back{position:absolute; text-align: center; border-radius: 20px; left:50%; transform:translateX(-50%);padding: 50px 0; bottom: 50px; width:95%; max-width:1000px;  background-color: rgba(255, 255, 255, 0.5);}
.num_wrap{position:relative;margin:0 auto;  }
.num_text{display:table; margin:10px auto 0}
.num_text>p{display:table-cell; vertical-align: middle;}
.num_box{display:block; width:100%}
.num_box h2{font-size:34px; font-weight: 900; margin:0 auto;}
.num_box h2 span{ font-weight: bold;display:block; font-size: 28px;}
.num_img ul{display:table; margin:0 auto; text-align:center}
.num_img{margin-top:20px}
.num_img ul>li{display:table-cell; vertical-align:middle; padding:0 5px}
.num_img ul>li img{width:40px}
.num_img ul>li i{color:#b5b5b5; font-size:25px}
.num_img p{font-size:24px; color:#666666; margin-top:15px}
.num_back p{padding:0 20px; box-sizing: border-box; font-size: 30px; font-weight: 500; text-align: left;}

.quick{position:fixed; bottom:0; left:0; width:100%; z-index:999; background-color:#080821; padding:20px 0;}
.quick_wrap{position:relative; max-width:1250px; width:95%; margin:0 auto; display:table}
.quick_wrap>div{display:table-cell; vertical-align:middle;}
.quick_tel{width:25%}
.quick_tel a{color:#FFF; font-size:24px; font-weight:500; line-height:40px}
.quick_tel a span{font-size:50px; font-weight:bold}
.q_form_box{display:table; width:100%}
.q_form_box>div{display:table-cell; vertical-align:middle}
.q_input{width:70%}
.q_input input[type="text"]{background-color:#FFF; display:block; padding:10px; box-sizing:border-box; width:98% }
.q_btn button{background-color:#006fc4; color:#FFF; height:83px; text-align:center; font-size:22px; font-weight: bold; width:100%}
.quick_form{width:40%}
.quick_form label{color:#FFF; margin-top:5px }
.quick_form input[type="checkbox"]{margin-right:5px}
.quick-txt{padding-left: 50px; box-sizing: border-box;}
.q-t-top{display:table}
.q-t-top>div{display:table-cell; vertical-align: top;}
.q-t-top>div img{padding-top:5px}
.q-t-top>div p{font-size:24px; padding-left: 15px; box-sizing:border-box; color:#FFF;}
.q-t-top>div span{color:#FFF; display:block; font-weight:bold}
.q-t-bot{font-size: 18px; color:#FFF;}

.lotto_table{position:relative; max-width:1250px; margin:60px auto}
.lt_wrap{position:relative; overflow:hidden}
.lt_wrap>div{float:left; width:48%; box-sizing:border-box; overflow:hidden}
.lt_wrap>div h3{text-align:center; font-size: 30px; font-weight: bold; margin-bottom: 10px;}
.lt_wrap>div li{overflow:hidden; height:55px;}
.lt_wrap>div li>div{float:left; font-size:25px; font-weight:500; text-align:center; line-height:55px}
.lt_wrap>div li>div img{vertical-align:middle}
.ranking{width:20%}
.ran_num{width:40%}
.lt_title{border-bottom:1px solid #333}
.mon{width:40%}
.mon span{ margin-right:5px}
.mon img{width:40px}
.lt_con{height:220px; border:1px solid #CCC; border-top: none; border-radius: 0 0 20px 20px; box-sizing:border-box;}
.lt2{margin-left:4% ;}
.ran2{width:80%; text-align:center}
.lt_title>ul>li>div{font-size:28px; text-align:center}
.lt_title{border:1px solid #CCC; border-bottom:1px solid #333; border-radius: 20px 20px 0 0;}


#ticker{float:left; width:100%}
.navi{float:right;}
.block { overflow:hidden; background:#fff; width:100%; font-family:Gulim; font-size:12px;float:left;}
.block ul, .block li {margin:0; padding:0; list-style:none; position:relative}
.block li a {display:block; height:30px; line-height:30px; color:#555; text-decoration:none; font-size:16px}
.timeR{margin-right:30px}
.receipt{position:absolute; right:0}

.dream_wrap{position:relative; background-color:#f4f4f4}
.medal{position:absolute; top:0; left:0; z-index:9}
.dream_banner{position:relative; width:1250px; margin:0 auto; padding:80px 0}
.dream_banner img{display:block; margin:0 auto; max-width:100%; height:450px}
.dream_banner p{text-align:center; font-size:40px; margin-bottom:50px; font-weight: bold;}
.dream_banner p span{font-size:40px; font-weight:900; color:#135196}

.menu-list{position:relative; width:100%; padding: 150px 0; background-color:#252e3a}
.back-title{text-align:center; font-size:44px; font-weight: bold; color:#FFF; margin-bottom: 80px;}
.back-title span{font-weight: 900; font-size:55px;}
.menu-list>ul{position:relative; max-width:1000px; margin:0 auto; overflow:hidden}
.menu-list>ul>li{width:235px; margin-left:20px; float:left; text-align:center; background-color:#00485f; padding: 35px 0; border-radius: 50%;}
.menu-list>ul>li:first-child{margin-left:0}
.menu-list>ul>li p{margin-top:20px; font-size:22px; font-weight:bold; color:#FFF}

.slider-div3{margin-top:20px}
.slider-div2 .slick-next, .slider-div3 .slick-next{right:-50px}
.slider-div2 .slick-prev,.slider-div3 .slick-prev{left:-50px}
.slider-div2 .slick-slide, .slider-div3 .slick-slide{padding:0 5px}

.customer_wrap{position:relative; max-width:1250px; margin:0 auto}
.customer_wrap>ul{overflow:hidden}
.customer_wrap>ul>li{float:left}

.list-wrap{position:relative; padding: 150px 0; background-color:#184635}
.list-wrap>ul{max-width:1250px; margin:0 auto; overflow:hidden; display:flex; flex-wrap: wrap;}
.list-wrap>ul>li{position:relative; margin-left:2%; width:32%; background-color:#333; padding: 10px; box-sizing: border-box;}
.list-wrap>ul>li:nth-child(3n+1){margin-left:0}
.list-wrap>ul>li:nth-child(n+4){margin-top:2%}
.list-wrap>ul>li div{color:#FFF; font-size:30px; font-weight: 500;}
.list-wrap>ul>li .line{border:3px solid #FFF; padding: 15px; box-sizing: border-box;}
.list-txt{position:absolute; right: 25px; bottom: 30px;}

.award-wrap{position:relative; background-image:url(../image/award-back.jpg); background-size: cover; padding:100px 0; background-position:center;}
.award{position:relative; max-width:1250px; margin:0 auto; width:95%}
.award h2{font-size: 50px; font-weight: bold; text-align:center; color:#ba8c64}
.award h2 span{display:block}
.award>ul{overflow:hidden; margin-top: 50px;}
.award>ul>li{float:left; width:23%; margin-left:1.5%}
.award>ul>li:first-child{margin-left:0}
.award>ul>li img{max-width:100%}
.award p{font-size: 26px; text-align:center; color:#FFF; margin-top: 50px;}

.bd-wrap{position:relative; background-image: url(../image/bd.jpg); background-attachment: fixed; background-size: cover; background-position:center; padding:250px 0}
.big-data{ width:98%; left: 1%; text-align:center}
.big-data h2{animation: neon 2.5s infinite alternate; font-size: 80px; font-weight: bold; color:#FFF;}
.big-data p{color:#FFF; text-align:center; font-size: 26px; margin-top: 15px;}
.big-data a{position:relative; border:2px solid #FFF; color:#FFF; font-size:26px; text-align:center; font-weight:bold; width:250px; margin:50px auto 0; padding: 10px 0; display:block}
.big-data a:hover{background-color:#FFF; color:#000; }
@keyframes neon {
    0%,
    100% {
      text-shadow: 0 0 .5vw #FFF, 0 0 3vw #9015af, 0 0 10vw #69afe7, 0 0 10vw #69afe7, 0 0 .4vw #FED128;
      color: #FFF;
    }
    50% {
      text-shadow: 0 0 .5vw #69afe7, 0 0 1.5vw #466da0, 0 0 3vw #69afe7, 0 0 5vw #69afe7, 0 0 .2vw #800E0B;
      color: #FFF;
    }
  }

.com-info{position:relative; max-width:1250px; margin:0 auto 100px; width:95%;}
.com-info>ul{display:table; width:100%}
.com-info>ul>li{display:table-cell; width:50%; vertical-align: middle;}
.com-info>ul>li>div{position:relative}
.info-le a{position:relative; display:table; width: 100%;}
.info-le div:nth-child(2){margin-top:10px}
.info-le div span{display:table-cell; vertical-align: middle; font-size: 24px; background-color:#252c3b; color:#ffc967;  box-sizing: border-box;}
.info-le div span:first-child{width:50px; padding:10px 25px;}
.info-le div span img{display:block}
.info-le div::after{position:absolute; content: ""; background-color:#ffc967; left: 0; top:0; width: 4px; height:100%;}
.info-ri{position:relative; overflow:hidden; width:100%; padding-left: 50px; box-sizing: border-box;}
.info-ri>div{float:left; width:50%; padding: 0 20px; box-sizing: border-box;}
.info-ri>div h2{font-weight:bold; color:#FFF; font-size: 28px;}
.info-ri>div a{color:#FFF; font-size:45px; font-weight: bold;}
.info-ri>div span{ color:#FFF; display:block; font-size: 16px;}
.info-ri>div p{color:#FFF;font-size: 22px; margin-top: 10px;}


.footer_menu{background-color:#1b222a; width:100%; padding:80px 0; border-bottom:1px solid #b6b6b8}
.footer_menu>ul{width:1250px; margin:0 auto; overflow:hidden}
.footer_menu>ul>li{padding-left:85px; float:left}
.footer_menu>ul>li h2 a{font-size:20px; color:#FFF; margin-bottom:10px; display:block; font-weight:bold}
.footer_menu>ul>li>ul>li>a{font-size:16px; color:#FFF}
.lotto_bottom{position:relative; background-color:#f1f1f1; padding:10px 0; text-align:center}
.lotto_bottom>ul{overflow:hidden; margin:0 auto; display:table}
.lotto_bottom>ul>li{float:left; padding:0 20px; box-sizing:border-box}

#footer{position:relative; width:100%; background-color:#333; padding-bottom: 170px;}
.footer_top{ position:absolute; right: 0; top: 15px;}
.footer_top>ul{display:table; margin:0 auto}
.footer_top>ul>li{display:table-cell; position:relative}
.footer_top>ul>li:last-child::after{position:absolute; left:0; width:2px; height:60%; top:25%; background-color:#333; content:""}
.footer_top>ul>li>a{color:#FFF; font-size:16px; display:block; padding:0 15px}
.footer_wrap{ padding:50px 0 25px;position:relative; max-width:1250px; width:95%; margin:0 auto}
.footer_wrap p{margin-bottom:15px; font-size:14px; text-align:center; color:#FFF}
.footer_wrap p span{padding-bottom:5px; display:inline-block}
.footer_wrap p.copy{font-size:12px; color:#888}

.left_banner{position: fixed;
    bottom: 30px;
    left: -250px;
    opacity: 0;
    width: 230px;
    z-index: 100;
    transition: all 0.6s cubic-bezier(.5,-0.02,0,.99);}
	
.left_banner img{max-width:100%}
.left_banner.fixed {
    position: fixed;
    bottom: 30px;
    left: 10px;
    opacity: 1;}


.sub_banner{position:relative;background-position:center; overflow: hidden;}
.sub_banner>p{height:450px; transition: 1s; background-size:cover; background-position:center}
.sub_banner:hover p{-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5); /* IE 9 */
-o-transform: scale(1.5);
transform: scale(1.5);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */}
.sub_banner0>p{background-image:url(../image/sub_banner0.jpg);}
.sub_banner1>p{background-image:url(../image/sub_banner1.jpg);}
.sub_banner2>p{background-image:url(../image/sub_banner2.jpg);}
.sub_banner3>p{background-image:url(../image/sub_banner3.jpg);}
.sub_banner4>p{background-image:url(../image/sub_banner4.jpg);}
.sub_banner5>p{background-image:url(../image/sub_banner5.jpg);}
.sub_banner6>p{background-image:url(../image/sub_banner6.jpg);}

.sub_banner h2{position:absolute; display:none; top:50%; transform:translateY(-30%); width:100%; text-align:center; font-size:34px; color:#FFF; font-weight: bold;}
.sub_banner h2 span{display:block; font-size: 20px;}
.sub_tab{position:absolute; top:63%; transform: translateY(-50%); width:100%;}
.sub_tab h3{text-align:center; font-size:30px; color:#000; font-weight:bold}
.sub_tab>ul{display:table; margin: 0 auto;}
.sub_tab>ul>li{display:table-cell; width:180px; border-left: 1px slid #333;}
.sub_tab>ul>li:first-child{border-left: none;}
.sub_tab>ul>li>a{font-size:18px; font-weight:bold; display:block; padding:10px 0; text-align:center; color: #FFF; background-color:rgba(0,0,0,0.7);}      
.sub_tab>ul>li.select a{background-color:#135196}

.patent-img{position:relative; max-width:1250px; margin:0 auto; text-align:center}
.patent-img>ul{display:flex; flex-wrap:wrap ;}
.patent-img>ul>li{float:left; margin-left:4%; width: 22%}
.patent-img img{max-width:100%}
.patent-img>ul>li:nth-child(4n+1){margin-left:0}
.patent-img>ul>li:nth-child(n+5){margin-top:4%}

.contents_wrap{position:relative; width:1250px; margin:0 auto; padding:80px 0 80px;}
.contents_wrap h2{text-align:center; font-size:32px; font-weight:bold; position:relative; margin-bottom:20px}
.contents_wrap h2 a{background-color:#333; color:#FFF; padding:3px 15px; vertical-align:middle; border-radius:20px; font-size:18px}
/*.contents_wrap h2::after{position:absolute; content:""; width:100px; height:3px; background-color:#eb781d; left:50%; margin-left:-50px; top:-10px}*/
.agree_box {border:1px solid #CCC; padding:20px; box-sizing:border-box; margin-top:30px}
.sub_con h3 {
    text-align: center;
    font-weight: bold;
    font-size: 27px;
}

.login_back{position:relative; padding:80px 0; border-radius:30px; max-width:500px; margin:0 auto}
.login_wrap{position:relative; margin:0 auto;}
.login_text{text-align:center; width:90%; margin:0 auto;}
.login_text p{font-size:20px; font-weight:bold; display:none }
.login_box{position:relative; margin:0 auto; box-sizing:border-box}
.login_box h2{text-align:center; font-weight: bold; font-size: 34px;}
.login-form{ width:400px; margin:0 auto}
.login-form .input input { width: 100%; display: block; padding: 5px 0; box-sizing: border-box; }
.login-form .input input:focus{outline:none}
.login-form .command { float: left; width: 100%; margin-top: 10px;}
.login-form .command input { width: 100%; height:50px; background-color: #333; font-size: 18px;  font-weight: 900; color:#FFF}
.login-form .save {clear: both; padding: 10px 0 0;position:relative}
.login_btn{position:relative; right:0}
.login_btn>ul{overflow:hidden}
.login_btn>ul>li:first-child{margin-left:0}
.login_btn>ul>li{float:left; border:1px solid #AAA; box-sizing:border-box; padding:3px 10px; margin-left:5px}
.login_btn>ul>li>a{font-size:12px}
.input div{margin-bottom:10px}
.input-box{position:relative; background-color:#f4f4f4; border-radius: 10px; padding: 15px 0;}
.input-box>span{padding:5px 0 0; display: inline-block; vertical-align: middle; padding: 0 20px; box-sizing: border-box;}
.input-box>span i{font-size: 30px; color:#333;}
.input-box>span>span{display:block;font-weight: bold; font-size: 16px;}
.input-icon{width:70px}
.input-con{width:300px}

.sgt_list{margin-top:30px; }
.sgt_list>ul{display:flex; flex-wrap: wrap;}
.sgt_list>ul>li{position:relative;width:49%; background-color:#f4f4f4; margin-left:2%; box-sizing:border-box; padding:50px 30px; border-radius:50px;/* box-shadow:0 5px 10px -10px*/}
.sgt_list>ul>li:nth-child(2n+1){margin-left:0}
.sgt_list>ul>li:nth-child(n+3){margin-top:30px}
.sub_con{position:relative; max-width:1200px; margin:0 auto}
.sgt_top{border-bottom:1px solid #CCC; width: 100%; padding-bottom: 30px;}
.sgt_top>div{text-align: center;}
.sgt_img{text-align:center; position:relative; margin-bottom: 15px;}
.sgt_img img{max-width:100%}
.sgt_title h2 span{font-size:20px; display:block; color:#ac936b}
.sgt_title p{font-size:18px; margin-top:30px}
.sgt_title p.price{font-weight:900; font-size: 24px; width: 200px; margin:0 auto -30px auto; }
.sgt_title p.price span{font-size: 18px; display:block}
.sgt_bottom{padding:30px 40px 0 40px; box-sizing: border-box; position:relative}
.sgt_con p{position:relative; font-size:20px; font-weight: bold;  box-sizing: border-box; margin-bottom: 10px;}
.sgt_con>ul>li{position:relative; font-size: 18px; box-sizing:border-box;}
.sgt_con>ul>li span{color:#1d55a0; font-size: 16px; margin-top:-3px; display:block; font-weight: bold;}
.sgt_con>ul>li:nth-child(n+2){margin-top:10px}
.sgt-btn{margin-top:20px}
.sgt-btn .more{text-align:center}
.sgt-btn .more p{display:inline-block; margin:0 5px; box-sizing: border-box;}
.sgt-btn .more p:first-child{background-color:#000; color: #FFF;}
.sold{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}

.more .more_btn {
    overflow: hidden; z-index:9; margin-top: 30px;
}
.more>p {
    background: #ac936b;
    color: #FFF;
    display: block;
    font-size: 17px;
    margin: 1em auto;
    padding: 10px;
    position: relative;
    text-transform: uppercase;
    width: 150px; text-align: center; cursor:pointer
}
.more>p, .more>p::after {
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
.more>p::before, .more>p::after {
    background: #ac936b;
    content: '';
    position: absolute;
    z-index: -1;
}
.more .more_btn::after {
    height: 100%;
    left: -35%;
    top: 0;
    transform: skew(50deg);
    transition-duration: 0.4s;
    transform-origin: top left;
    width: 0;
}
.more_btn:hover::after{width:200%;  }
.sgt-btn .more p:hover{color:#FFF;}


.system-wrap{max-width:1150px; margin:0 auto}
.system-wrap p{font-size:20px; margin:50px auto}
.system-wrap span{font-weight:bold}
.system-wrap h3{margin:50px auto}
.system-img {text-align:center}
.system-img img{max-width:100%}
.system-icon{overflow:hidden; max-width:950px; margin:0 auto}
.system-icon>li{float:left; margin-left:2%; width:23.5%; text-align:center}
.system-icon>li:first-child{margin-left:0}
.system-icon>li img{max-width:100%}
.system-txt{margin-top:50px; font-size:20px; max-width:1250px; width:95%}

.join_none p.join_tel{font-size:24px}
.join_wrap{position:relative; margin:0 auto}
.join_wrap>p{background-color:#333; color:#FFF; border-radius:20px; font-size:18px; text-align:center; padding:5px 0; max-width:500px; margin:20px auto 0}
.join_wrap table{position:relative; width:100%; margin:30px auto}
.join_wrap table th{text-align:left; font-weight:bold; font-size:18px; padding:10px 0; width:160px}
.join_wrap table td input[type="text"], .join_wrap table td input[type="password"]{border:1px solid #CCC; padding:7px; box-sizing:border-box; width:100%}
.join_wrap form>p{text-align:center; font-size:15px}
.join_wrap form>a{background-color:#df5a53; color:#FFF; font-size:25px; position:relative; padding:7px 0; margin:30px auto 0; width:200px; border-radius:30px; display:block; text-align:center}
.join_wrap table td textarea{width:100%; border:1px solid #CCC; height:150px; padding:5px; box-sizing:border-box}
.join_wrap table td.textarea{padding:10px 0 0}
.join_wrap table td.textarea input[type="checkbox"]{margin-right:5px}

.join{margin-bottom:30px}
.join h3{text-align:left; font-size:20px}
.join_text{position:relative; border:1px solid #CCC; padding:20px; box-sizing:border-box; height:200px; overflow-y:scroll; margin-top:10px}
.join_agree{margin-top:-15px}
.phone_num{padding:20px; box-sizing:border-box; border:1px solid #CCC; margin-top:30px; display:table; width:100%}
.phone_num>div{display:table-cell;}
.id{width:150px;}
.phone_num select{border:1px solid #CCC; padding:5px 10px; box-sizing:border-box}
.phone_num input[type="text"]{border:1px solid #CCC; padding:5px 0; width:60px; box-sizing:border-box}
.sms_ck{margin-top:15px; display:block}
.id_txt{margin-top:15px;}
.id_txt>li{color:#555; margin-bottom:5px}
.join_btn{position:relative; color:#FFF; font-weight:500; font-size:20px; background-color:#2f6ecf; transition: 0.5s; display:block; width:200px; padding:10px 0; box-sizing:border-box; margin:30px auto}
.join_btn:hover{background-color:#000}

table.table_100{margin-top:0}
table.table_100 th{clear:both; float:left; width:100%; padding:0;}
table.table_100 td{width:100%; float:left; margin-bottom:20px}

.search-sel{text-align:center; margin-bottom:15px}
.search-sel select{border:1px solid #CCC; width:100px; padding:10px 0; box-sizing:border-box}
.search-sel span{padding:0 7px; box-sizing:border-box}
.search-sel button{color:#FFF; background-color:#135196; width:100px; padding:11px 0; margin-left:7px}

.num_table{position:relative; }
.num_top>p{text-align:center; font-size:22px; }
.num_top>h2::after{display:none}
.num_sel{position:relative; width:100%; text-align:right}
.num_sel select{ border:1px solid #CCC; padding:7px 10px; margin-bottom:5px}
.num_table table{position:relative; width:100%; border-top:2px solid #135196; border-bottom:1px solid #555}
.num_table table th{padding:10px 0; font-size:16px; border-bottom: 1px solid #CCC;}
.num_table table td{border-top:1px solid #AAA; text-align:center; font-size:16px; position: relative; border-bottom: 1px solid #f4f4f4;}
.num_table table td ul{overflow:hidden; display:table; margin:0 auto}
.num_table table td ul>li{float:left; margin-left:5px; padding:5px 0}
.num_table table td ul>li:first-child{margin-left:0}
.num_table table td ul>li img{ display:block}
.num_table table td button{background-color:#333; color:#FFF; text-align:center; border-radius:20px; padding:2px 20px}

.num_table2 table td{padding:5px 0; width: 10%;}
.num_table2 table td:last-child{width:60%}
.num_table2 img{width:35px; display:block; margin:0 auto}
.graph{position:absolute; left: 0; top: 50%; padding-right:10px; text-align: right; box-sizing: border-box; transform: translateY(-50%); height:24px; line-height: 24px; background-color:/*#25aae1*/#278bca}
.graph p{color:#000; right:0; }
/*paging*/
.paging {clear: both;text-align: center; padding: 30px 0; font-weight: 600;}
.paging .prev { background:url(../image/page_prev.png) center center no-repeat;margin-right: 30px;}
.paging .next { background: url(../image/page_next.png) center center no-repeat; margin-left: 30px;}
.paging .page {text-align: left;text-indent: -9999px;}
.paging a { display: inline-block;width: 31px;height: 31px; vertical-align: top; text-align: center; line-height: 31px;}
.paging .current {background-color: #135196;color: #fff;}

.sgt_icon{position:relative; overflow:hidden; max-width:800px; margin:0 auto; margin:20px auto}
.sgt_icon>li{float:left; width:33.33%; text-align:center; position:relative; background-repeat:no-repeat; background-position:30px}
.sgt_icon>li input[type="radio"]{display:none}

.sgt_icon>li input[type="radio"] + span{
  display:block; width:100%; height:100%; position:absolute; left:0; top:0;
}
.sgt_icon>li input[type="radio"] + span img{display:none; margin:0 auto; position:absolute; top:0; left:50%; transform:translateX(-50%)}

.sgt_icon>li input[type="radio"]:checked + span img{display:block}
  
 .info_b{margin-top:50px}
.sgt_icon>li img{max-width:100%; margin-top:30px}
.my_info h3{text-align:left; position:relative}
.my_info h3 a{position:absolute; right:0; background-color:#333; color:#FFF; padding:3px 10px; border-radius:20px; bottom:0}
.my_info>ul{overflow:hidden; border-top:2px solid #0447af; border-bottom:1px solid #CCC; margin-top:10px}
.my_info ul>li{float:left; width:33.33%; overflow:hidden; padding:10px 20px; box-sizing:border-box; border-left:1px solid #CCC;}
.my_info ul>li>div{float:left; vertical-align:middle; font-size:17px; overflow:hidden}
.my_info ul>li>div>div{float:left; font-size:16px; margin-top:10px }
.info_th{font-weight:500}
.info_con{padding-left:10px}
.info_con label{margin-right:5px; font-size:16px}
.my_info>p{font-size:17px; margin-top:20px}
.my_info>p>br{display:block}
.my_info_box{position:relative; display:table; border-top:3px solid #0447af; border-bottom:1px solid #CCC; margin-top:10px}
.my_info_box>div{display:table-cell; vertical-align:middle}
.my_info_box ul{overflow:hidden}
.my_info_box ul>li{float:left;}
.my img{padding:0 20px; /*width:150px*/ box-sizing: border-box; max-width: 100%;}
.my{text-align:center}
.my_info ul>li:nth-child(3n+1){border-left:none}
.my_info ul>li.wd100per{border-left:none}
.my_info ul>li:nth-child(n+4){border-top:1px solid #CCC}
.info_btn{position:absolute; margin-top:-40px; right:0; display:block; background-color:#0447af; width:100px; padding:5px 0; text-align:center; color:#FFF; font-size:16px}

.my_info2 ul>li{width:50%}
.my_info2 ul>li:nth-child(2){border-left:none}
.my_info2 ul>li:nth-child(n+2){border-top:1px solid #CCC}
.my_info2 ul>li input[type="text"], .my_info2 ul>li input[type="password"]{border:1px solid #CCC; padding:5px; box-sizing:border-box; width:170px}
.my_info2 ul>li .info_th{width:100px; line-height:30px}

.my_info h3 span{position:absolute; cursor:pointer; font-weight:normal; font-size:14px; right:0; bottom:0}
.join2_bottom{position:relative; max-width:1250px; margin:0 auto; margin-top:10px}
.join2_bottom p{font-size:18px}
.join2_btn{position:absolute; right:0; top:20px; display:block; height:25px;background-color:#000; padding:5px 0;  width:100px; text-align:center; border-radius:30px}
.join2_btn button{font-size:16px; color:#FFF;}
.join2_btn{top:-10px}
.secession{background-color:#CCC; color:#FFF; font-size:16px; padding:3px 10px; box-sizing:border-box; margin-left:10px;}
.join_none{position:relative; max-width:800px; margin:0 auto; padding:60px 15px; box-sizing:border-box; background-color:#f4f4f4; border-radius:30px}
.join_none p{text-align:center; font-size:20px; font-weight:bold; margin-top:10px}

#popup {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 500px;
    margin-top: -250px;
    margin-left: -300px;
    padding-top: 46px;
    z-index: 301;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
    display:none;
    transition: all 0.3s;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
#popup .pop-tit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    background: #f7f7f7;
    padding: 0 15px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}
#popup .pop-tit h3 {
    font-size: 15px;
    color: #000;
    font-weight: 300;
    line-height: 45px;
}
#popup .pop-tit .close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    color: #666;
    background: #eee;
    border-left: 1px solid #ddd; cursor:pointer
}
#popup .pop-wrap {
    height: 100%;
    overflow-y: auto;
    padding: 15px;
    box-sizing: border-box;
}

.bank_wrap{position:relative; width:100%; border-top:2px solid #0447af; margin-top:20px; }
.bank_wrap>ul{overflow:hidden}
.bank_wrap>ul>li{float:left; width:100%; overflow:hidden; }
.bank_wrap>ul.bank_box1 li{border-bottom:1px solid #CCC}
.bank_wrap>ul>li>div{float:left; padding:10px; box-sizing:border-box}
.bank_th{font-size:16px; font-weight:500; line-height:30px; width:120px}
.bank_td{font-size:16px}
.bank_td input[type="text"]{padding:5px; box-sizing:border-box; border:1px solid #CCC}
.bank_check{padding:5px 0 0; box-sizing:border-box}
.bank_check label{font-size:15px; margin-right:5px}
.bank_td textarea{ width:900px; height:100px; border:1px solid #CCC}
.bank_btn{position:relative; margin-top:20px}
.bank_btn>ul{display:table; margin:0 auto }
.bank_btn>ul>li{display:table-cell; width:150px; padding:0 5px }
.bank_btn>ul>li:first-child button{margin-left:0; background-color:#000}
.bank_btn>ul>li:last-child button{background-color:#333}
.bank_btn button{font-size:20px; text-align:center; color:#FFF; width:100%; padding:7px 0;}
.bank_td br{display:none}

/*board*/
.num-wrap3{position:relative; width: 100%; border-top: 1px solid #AAA;}
.num-wrap3>ul>li{display:table; width: 100%;}
.num3-title{ border-top:2px solid #135196; border-bottom: 1px solid #CCC;}
.num3-title>div{font-weight: 500; }
.num-wrap3>ul>li:hover{background-color:#f4f4f4}
.num-wrap3>ul>li>div{display:table-cell; vertical-align: middle; font-size:16px;  text-align: center; padding: 10px 0; border-bottom: 1px solid #f4f4f4;}
.num-t1{width:10%; border-left:none !important;}
.num-t2{width:20%}
.num-t4{width:25%}

.num_wrap4>ul>li{display:table; width: 100%; border-bottom:1px solid #999}
.num_wrap4>ul>li>div{display:table-cell; vertical-align: middle;}
.num4-title{border-top:2px solid #135196;}
.num4-title>div{text-align: center; font-size: 16px; font-weight:500; padding: 5px 0;}
.num_wrap4>ul>li>ul{display:flex; flex-wrap: wrap;}
.num4-title>div:nth-child(1){width:23%}
.num4-title>div:nth-child(2){width:23%}
.num_wrap4>ul>li>ul:nth-child(2){background-color:#EEE}
.num_wrap4>ul>li>ul>li{text-align:center; padding:10px 0; font-size: 16px;}
.num_wrap4>ul>li>ul>li:nth-child(1){width:23%}
.num_wrap4>ul>li>ul>li:nth-child(2){width:23%}
.num_wrap4>ul>li>ul>li:nth-child(3){width:54%}

.ball-table td{border-bottom:1px solid #CCC}
.ball-table tr:hover{background-color:#f4f4f4}
.ball{display:flex; flex-wrap: wrap; justify-content: center;}
.ball>li{float:left; padding: 0 5px; box-sizing: border-box; font-size:20px;line-height:35px; }
.ball>li img{display:block;}
.ball-table td p{margin-top:5px; font-size:16px}

.board-list{position:relative; width:100%; margin:0 auto;}
th, td, button, td a, th a, .borad_view p, input[type="radio"], label{letter-spacing:0;}
.search_area{position:relative; width:100%;  padding:10px 0 15px; text-align:center}
.search_area select{background-color:#FFF; padding:5px 0; margin-right:5px; border:1px solid #CCC; display:none}
.search_area input[type="text"]{background-color:#FFF; padding:13px 0; border:1px solid #CCC; width: 350px;}
.search_area button{background-color:#135196; color:#FFF; padding:13px 40px; margin-left:5px}
.board-list table{width:100%; border-left:none; border-right:none; border-bottom: 1px solid #CCC;}
.board-list table th{ padding:10px 0; font-weight:bold; font-size:16px; border-top:2px solid #135196; border-bottom: 1px solid #CCC; }
.board-list table td{text-align:center; padding:15px; letter-spacing:-1px; font-size:16px; border-bottom: 1px solid #f4f4f4;}
/*.board-list table td a{ letter-spacing:-1px}*/
.board-list table td a{font-size:16px}
.board-list table td a:hover{font-weight:bold}
.board-list table td a:hover i{font-weight:bold}
.board-list table td.left{text-align:left; padding:0 20px; box-sizing:border-box}
.file{margin-left:5px}
.file_wrap{position:relative; border-bottom:1px solid #CCC; padding:10px; box-sizing:border-box}
.file_wrap a{color:#333}
.file_wrap a span{margin-right:5px; vertical-align:middle}
.file_wrap a span i{font-size:18px}

.borad_view{position:relative; width:100%; margin:0 auto}
.view_title{border-top:2px solid #000; border-bottom:1px solid #000; border-left:none; border-right:none; padding:20px; box-sizing:border-box  }
.view_title p{font-weight:bold; font-size:18px}
.view_title p span{position:absolute; right:20px}
.view_contents{padding:30px; box-sizing:border-box; border-bottom:1px solid #CCC}
.view_contents img{max-width:100%}

.board_write{position:relative; width:100%; margin:0 auto; }
.board_write table{width:100%;border-top:2px solid #000}
.board_write th {
    border-bottom: 1px solid #dbdbdb; padding: 10px 0 10px 20px;
    text-align: left;
    font-size: 15px;
    background-color: #efefef;
    box-sizing: border-box; font-weight:bold
}
.board_write td {
    border-bottom: 1px solid #dbdbdb; padding: 10px 20px;
    text-align: left;
    box-sizing: border-box;
    position: relative;
}
.board_write td label{margin-right:5px}
.board_write td checkbox{vertical-align:middle}
.board_write input[type="text"]{border:1px solid #CCC; padding:10px; box-sizing:border-box}
.board_write textarea{width:100%; border:1px solid #CCC}

#bo_v_file{padding:10px; border-bottom:1px solid #000}
#bo_v_file h3 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
#bo_v_file ul {
    margin: 0;
    list-style: none;
}
#bo_v_file li {
    padding: 15px;
    position: relative;
    margin: 10px 0;
}
#bo_v_file li i {
    float: left;
    color: #b2b2b2;
    font-size: 2.35em;
    margin-right: 20px;
}
#bo_v_file a {
    float: left;
    display: block;
    text-decoration: none;
    word-wrap: break-word;
    color: #000;
}
#bo_v_file .bo_v_file_cnt {
    color: #b2b2b2;
    font-size: 0.92em;
}
.board_btn{position:relative; text-align:right;margin-top:20px}
.grey{background-color:#135196; color:#FFF}
.btn{padding:5px 20px; margin-left:5px}

.pattern-wrap{position:relative; overflow:hidden; padding: 50px;}
.pattern-wrap>div:nth-child(n+5){margin-top:50px}
.pattern-wrap>div:nth-child(4n+1){margin-left:0}
.pattern{box-sizing: border-box; float:left; width: 23.5%; margin-left: 2%; padding:30px 50px; border:1px solid #CCC}
.pattern>ul{display:flex; flex-wrap: wrap; justify-content: center;}
.pattern>ul>li{border:1px solid #CCC; border-radius: 5px; margin-left:7%; width: 19.75%; text-align: center; box-sizing:border-box; padding: 10px 0;}
.pattern>ul>li:nth-child(4n+1){margin-left:0}
.pattern>ul>li:nth-child(n+5){margin-top:5%}
.pattern>ul>li.on{background-color:#71cd86; color:#FFF; border:1px solid #71cd86}
.pattern>ul>li.bonus{background-color:#3a9c50; color:#FFF; border:1px solid #3a9c50}

.company_title{text-align:center;}
.company_title span{vertical-align:middle}
.company_con{position:relative; }
.company_con p{font-size:24px; text-align:center; margin-top:20px; font-weight:bold}
.company_con p span{font-size:22px; color:#333366; font-weight:bold}
.company_con>ul{position:relative; max-width:1100px; margin:0 auto;}
.company_con>ul>li{font-size:20px; margin-top:15px; position:relative; padding-left:10px; }
.company_con>ul>li>span{color:#ff0033}
.company_con>ul>li::after{position:absolute; content:"-"; top:0; left:0}
.com_img{display:table; margin:0 auto; margin-top:40px}
.com_img img{max-width:100%}
.com_img>li{display:table-cell; padding:0 5px; box-sizing:border-box}

.faq{border-top:2px solid #0447af; border-bottom:1px solid #CCC;}
.faq_wrap{margin-top:40px; position:relative}
.faq>ul{position:relative;  width:100%; }
.faq>ul h3{font-size:20px; height:80px; color:#333; padding-left:70px; width:100%; line-height:80px; cursor:pointer; border-radius:5px;  position:relative; transition:0.5s; box-sizing:border-box; border-top:1px solid #EEE; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; font-weight:normal}
.faq>ul h3:hover{background-color:#EEE}
.faq>ul h3 span.faq_q{ display: inline-block; width: 40px; height: 40px;line-height: 40px; text-align: center; border-radius: 20px; font-size: 20px;  position: absolute;left: 15px; top: 20px; font-weight: 900;}
.faq>ul p span.faq_a{display: inline-block; width: 40px; height: 40px;line-height: 40px;text-align: center; border-radius: 20px;  font-size: 20px;  position: absolute; left: 15px; font-weight:900}
.faq>ul p span.faq_a2{top:12px}
.faq>ul p span.red{color:#FF2B2E}
.faq>ul p{padding:20px; line-height:1.6em; font-size:16px; color:#666;position:relative; padding-left:70px; display:none; background-color:#f9f9f9}

.quick_open{display:none}

/*main popup*/
	.popup{ left:50%; top:50%; transform:translate(-50%,-50%); position:fixed; width:450px; }
	.pop_con{background-image:url(../image/popup_back.jpg); width:100%; height:540px;}
	.popup h1{background-color:#1a0370; color:#FFF; font-size:30px; font-weight:900; text-align:center; border-radius:30px; padding:5px 0; width:80%; position:relative; margin:0 auto}
	.popup p{font-size:25px; color:#FFF; margin-top:40px; text-align:center}
	.popup_bottom{position:relative; background-color:#000; padding:10px; box-sizing:border-box}
	.p_con{position:absolute; top:50%; transform:translateY(-50%); width:100% }
	.after p{font-size:45px; color:#ffff00; margin-top:20px}
	.after span{vertical-align:middle; margin-right:5px}
	.before p{font-size:35px; position:relative; width:50%; margin:30px auto 0}
	.before p:before{position:absolute; content:""; width:100%; height:1px; background-color:#FFF; top:55%; transform:translateY(-52%); left:0}
.popup_bottom label{color:#FFF}
.popup_bottom input[type="checkbox"]{margin-right:5px}
.popup_close{position:absolute; right:5px; bottom:6px}
.popup_close button{display:block; padding:5px 7px; box-sizing:border-box; background-color:#CCC; font-size:12px;}

.tel_pop_wrap{position:fixed; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0.5); z-index:9999; display:none}
.tel_pop{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.telpop_close{position:absolute; right:15px; top:15px}
.telpop_close i{font-size:25px; color:#AAA; cursor:pointer}

@media all and (min-width:1251px) {
}

@media all and (max-width:1650px){
.medal{z-index:0}
.medal img{width:300px;}	
}
@media all and (max-width:1550px) {
}
@media all and (max-width:1500px) {
.data_title img{width:500px}	
}
@media all and (max-width:1450px) {
.logo img{width:180px}
.header_wrap{padding:10px 0}
.header_tel{left:10px; bottom:-38px}
.sms{top:15px; left:130px}
.sms p{font-size:16px}

.dream_banner{width:90%}
.header_top{bottom:25px}
.header_tel div{font-size:16px}
.header_tel div img{width:25px}
.header_tel div a span{font-size:25px}
}

@media all and (max-width:1350px){
    .q-t-top>div p{font-size:20px}
    .q-t-bot{font-size:14px}

    .gnb>ul>li{padding:0 25px}
    .gnb>ul>li>a{font-size:18px}
}

@media all and (max-width:1300px) {
.list-wrap>ul, .menu-list>ul{width:95%}

.data_text h3{font-size:50px}
.data_text p span{font-size:38px}
.data_text>ul{margin:50px auto 0; width:900px}
.data_text>ul>li{font-size:30px}
}
@media all and (max-width:1250px) {
.gnb>ul>li>a{font-size:16px}
.gnb>ul>li{padding:0 20px}	
.gnb>ul>li:hover::after{width:100px}
.depth_wrap{width:100%; left: 0; margin-left: 0;}
.depth>li>a{font-size:14px}
.tel_icon img{width:40px}
.tel_text p{font-size:18px}

.sub_tab>ul>li>a{font-size:16px}

.list-wrap{padding:50px 0}
.list-icon img{width:80px}
.list-wrap>ul>li div{font-size:26px}

.slider-div2 .slick-next, .slider-div3 .slick-next{right:0}
.slider-div2 .slick-prev, .slider-div3 .slick-prev{left:0}

.menu-list>ul>li p{font-size:20px; font-weight: 500;}

.footer_menu{width:100%}
.footer_menu>ul>li{padding:0 0 0 30px; box-sizing:border-box; margin-bottom:30px}
.footer_menu>ul>li h2 a{font-size:18px     }

.contents_wrap{width:98%}
.sub_con{width:98%; margin:0 auto}
.footer_menu>ul{width:900px}
.customer_wrap>ul>li .cus_text{font-size:20px}
.num_banner_text span{display:block; padding-left:0; font-size:25px}

.system-wrap p{font-size:18px}
.system-txt>li{font-size:18px}
.sub_con h3{font-size:24px}

.pattern{padding:30px}
}
@media all and (max-width:1100px){
    .quick_tel{width:22%}
    .quick_tel a{font-size:20px; line-height: 35px;}
    .quick_tel a span{font-size:40px}
    .quick-txt{padding-left: 10px;}

    .info-ri{padding-left:15px}

    .sgt_bottom{padding:30px 0 0}
}
@media all and (max-width:1050px) {
.slide-txt{font-size:30px}
.banner .slider_list{height:850px}
.banner-txt{font-size:30px}
.banner-txt span{font-size:40px}

.left_banner img {width: 180px;}

.list-wrap>ul>li{margin-left:1%; width: 32.66%; display:table;}
.list-wrap>ul>li:nth-child(n+4){margin-top:1%}
.list-wrap>ul>li>div{display:table-cell; vertical-align: middle; font-size:20px; box-sizing: border-box; padding:0 5px;}
.list-icon img{width:70px}
.list-wrap>ul>li div{font-size:20px}

.num_table table td ul>li img{width:40px}

.menu-list{padding:100px 0}
.back-title{font-size:30px; margin-bottom: 40px;}
.back-title span{font-size: 45px;}
.menu-list>ul{max-width:700px}
.menu-list>ul>li{width:325px; height: 325px; padding: 0; margin-left: 50px;}
.menu-list>ul>li:nth-child(2n+1){margin-left:0}
.menu-list>ul>li:nth-child(n+3){margin-top:50px}
.menu-list>ul>li figure{padding-top: 85px;}

.my_info_T2>ul>li{width:50%; padding:10px 0 10px 10px}
.my_info_T2 ul>li:nth-child(3n+1){border-left:1px solid #CCC}
.my_info_T2 ul>li:nth-child(2n+1){border-left:none}

.num_wrap{width:98%}

.menu-list>ul>li figure img{width:90px}
.menu-list>ul>li p{margin-top:10px}

}
@media all and (max-width:1000px) {
.gnb>ul{margin:0 auto}
.header_right{display:none}	
.logo img{margin:0 auto}
.depth_wrap{display:none !important}
.head-b{display:none !important}

.com-info>ul>li{display:block; width:100%}
.info-ri{margin-top:40px}

.footer_menu>ul{width:98%;display:inline-flex; flex-wrap:wrap}
.footer_menu>ul>li{float:none; width:33.33%}

.sgt_con>ul>li{float:none; width:100%; padding-left:15px; width:auto}
.sgt_con>ul>li:nth-child(n+3){margin-top:0}
.sgt_title p br{display:none}
.sgt_title p span{display:block}

.award h2{font-size:35px}
.award h2 img{width:100px}
.award p{font-size:20px; margin-top:20px}

.dream_banner img{height:300px}
}

@media all and (max-width:950px) {
    .header_tel{bottom:auto; top:20px}

    .quick_tel a{font-size:16px; line-height: 30px;}
    .quick_tel a span{font-size:32px}
    .q_btn button{font-size:18px}
    .q-t-top>div p{font-size:18px}
    .q-t-bot{display:none}
    .quick_wrap>div.quick-txt{vertical-align: top;}
    .quick_wrap>div.quick_tel{vertical-align:top; padding-top:10px}


.my_info_box>div{display:block}
.my{text-align:center; padding:10px 0; border-right:none; margin-bottom: 50px;}	
.my_info2 ul>li .info_th{font-size:14px}
.my_info ul>li{padding:10px 0 10px 10px}

.lotto_bottom>ul>li{padding:0 5px; display:table-cell; float:none}
.lotto_bottom img{width:100%}

.left_banner{display:none}

.q-t-top img{display:none}
.q-t-top>div p{padding-left:0}

.contents_wrap h2{font-size:26px}
.sgt_list>ul>li{border-radius: 30px;}
.sgt_top{padding-bottom:20px}
.sgt_title h2 span{font-size:18px}
.sgt_title p.price span{font-size:16px}
.sgt_title p{font-size:16px}
.sgt_bottom{padding:20px 20px 0}
.sgt_con p{font-size:18px}
.sgt_con>ul>li{font-size:16px; padding-left: 0;}
.sgt_con>ul>li:nth-child(n+2){margin-top:5px}

.pattern-wrap>div:nth-child(4n+1){margin-left:2%}
.pattern-wrap>div:nth-child(2n+1){margin-left:0}
.pattern-wrap>div:nth-child(n+5){margin-top:0}
.pattern-wrap>div:nth-child(n+3){margin-top:2%}
.pattern{width:49%}

}
@media all and (max-width:900px) {
.sgt_list>ul>li{width:100%; margin-bottom:20px}	
.my_info>ul>li{width:50%}
.my_info>ul>li:nth-child(3n+1){border-left:1px solid #CCC}
.my_info>ul>li:nth-child(2n+1){border-left:none}
.my_info>ul>li:nth-child(n+3){border-top:1px solid #CCC}

.contents_wrap{padding:50px 0}

.pattern-wrap{padding:30px}

.data_text h3{font-size:40px}
.data_text p span{font-size:30px}
.data_text>ul{width:650px; margin:30px auto 0; padding: 0 15px; box-sizing:border-box;}
.data_text>ul>li{font-size:22px}

.footer_menu{padding:50px 0 30px}
.footer_wrap{text-align:center}
.footer_wrap h1{display:block}
.footer_wrap p{display:block; float:none}

.sub_banner>p{height:350px}
.sub_banner h2{font-size:26px; transform:translateY(0)}

.lt_wrap>div{float:none; width:98%; margin:0 auto}
.lt_wrap>div.lt2{ margin-top:30px}

}
@media all and (max-width:850px) {
#popup{width:95%; margin-left:2.5%; left:0}	
.list-wrap>ul>li{width:49%; margin-left:2%}
.list-wrap>ul>li:nth-child(3n+1){margin-left:2%}
.list-wrap>ul>li:nth-child(2n+1){margin-left:0}
.list-wrap>ul>li:nth-child(n+4){margin-top:0}
.list-wrap>ul>li:nth-child(n+3){margin-top:2%}

}
@media all and (max-width:800px) {
.footer_wrap p{font-size:12px}
.my_info>p>br{display:none}

.quick_tel{width:26%}

.num_box h2{font-size:30px}
.num_box h2 span{font-size:24px}
.num_back p{font-size:24px}

.pattern-wrap>div:nth-child(n+5){margin-top:0}
.pattern-wrap>div:nth-child(n+3){margin-top:50px}

.data_title img{width:350px}

.patent-img>ul>li{width:48%; margin-left:4%}
.patent-img>ul>li:nth-child(4n+1){margin-left:4%}
.patent-img>ul>li:nth-child(2n+1){margin-left:0}
.patent-img>ul>li:nth-child(n+5){margin-top:0}
.patent-img>ul>li:nth-child(n+3){margin-top:4%}

.system-txt{font-size:16px; margin-top: 25px;}

}
@media all and (max-width:750px) {
.sns-icon{overflow:hidden;}
.sns-icon>li{float:left; margin-left: 5px;}
.sns-icon>li img{width:35px}
.q-t-top>div p br{display:block}
.q-t-top>div p{font-size:14px}
.q-t-top>div span{font-size:14px}
    
.ani_con{width:98%}
.data_text p br{display:none}
.lt_wrap>div h3{font-size:24px}

.back-title{font-size:24px}
.back-title span{font-size: 30px;}
.menu-list>ul{max-width:450px}
.menu-list>ul>li{width:215px; margin-left: 20px; height: 215px;}
.menu-list>ul>li figure{padding-top:35px}

.award h2{font-size:28px}
.award h2 img{margin-bottom:-10px; width: 70px;}
.award>ul{margin-top:20px}
.award p{font-size:16px}

.my_info>ul>li{width:100%}
.join2_bottom p{text-align:center}
.join2_btn{position:relative; margin:10px auto 0; height:20px; width:85px}
.join2_btn button{font-size:16px}
.my_info>ul>li{padding:10px}
.join2_bottom p{font-size:14px}
.join2_bottom p br{display:none}
.my_info2>ul>li .info_th{width:80px}
.secession{font-size:14px;  margin-top:5px; }
.my_info2 .join2_btn{margin-top:0}
.join2_btn button{font-size:13px}	

.board_write table td {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 10px;
    border: none;
    border-top: 1px solid #ccc;
    line-height: 30px;
}
.board_write table th {
    clear: both;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 5px 10px 10px
;
    font-size: 13px;
    border: none;
    border-top: 1px solid #ccc;
    line-height: 30px;
    /* background: none; */
}

.board_write input[type="text"]{width:100% !important}
.tel_box input[type="text"]{width:80px !important}

.board_write input[type="text"].overlap{width:300px !important}

.num_table2 table th{font-size:14px}
.num_table2 table td{width: 12.5%; font-size:14px}
.num_table2 table td:last-child{width:50%}
.num_table2 img{width:25px}

.sgt_icon>li input[type="radio"]:checked + span img{width:70px}

.my_info2 ul>li{width:100%}
.my_info2 ul>li:nth-child(n+2){border-left:none}
.my_info_T2>ul>li{border-left:none !important; width:100%; border-top:1px solid #CCC}

.lt_wrap>div li>div{font-size:20px}

.phone_num{padding:10px}
.id{width:120px}

.list-wrap>ul>li div{font-size: 14px; right: 20px;}
}
@media all and (max-width:700px) {
    #header{padding-bottom:0}
.mob{display:block !important}
.pc{display:none !important}
.logo{margin:0; width:220px}
.sub_tab>ul>li>a{font-size:14px}
.user_icon{display:block !important}	
.header_tel{display:none}
.logo img{margin:0 auto; width:100%}
.mob_right{position:absolute; right:0px; top:18px}	
.mob_right>ul{display:table}
.mob_right>ul>li{display:table-cell; vertical-align:middle; padding-right:10px}
.mob_right>ul>li i{font-size:30px; color:#FFF}
.user_icon{position:absolute; right:90px; top:19px}
.user_icon i{font-size:30px; top:20px; color:#FFF }
.mob_btn{ cursor:pointer}
.mob_btn i{font-size:34px;}
.mob_bottom_wrap{position:fixed; bottom:0; width:100%; z-index:9}
.week_wrap{position:relative; background-color:#182497; text-align:center; padding:4px 0}
.week_wrap>a{display:block}
.week_wrap span{vertical-align:middle; color:#FFF; padding:0 2px; display:inline-block; font-size:18px; }
.week_wrap span:last-child{ text-align:center}
.week_wrap span img{width:50px; display:block}
.mob_bottom{position:relative; width:100%; background-color:#333; display:table; box-sizing:border-box; z-index:999}
.mob_bottom>a{display:table; width:100%}
.mob_bottom div{display:table-cell; vertical-align:middle; padding:10px 0 15px}
.mob_bottom div i{ font-size:25px; display:block; color:#ffcc00}
.mob_home{width:50px; text-align:center; padding:15px 0; border-right:1px solid #fee800}
.mob_tel a{ font-size:18px; color:#ffcc00}
.mob_tel span{color:#FFF}
.mob_tel_icon{text-align:center; width:50px}
.mob_tel_icon i{margin-top:5px}
.depth>li>a{color:#000}	

.mob_menu{position:fixed; width:300px; height:100%; left:-400px; background-color:#FFF; top:0; z-index:999999; display:block; border-right:1px solid #CCC}
.mob_menu_wrap{position:relative;}
.mob_top{background-color:#135196}
.mob_menu h2{font-weight:bold; font-size:20px; padding:15px; color:#FFF}
.commu{position:relative; width:100%;  margin-top:20px}
.commu>h2{color:#FFF; background-color:#e1a8aa; padding:10px 12px; box-sizing:border-box}
.commu>ul{overflow:hidden; width:95%; margin-left:2.5%; padding:10px 0}
.commu>ul>li{float:left; padding:0 10px}
.category{margin-top:5px; width:95%; margin-left:2.5%}
.category>h2{background-color:#f4f4f4; padding:10px 12px; box-sizing:border-box}
/*.category>ul>li{padding:0 12px; border-bottom:1px solid #CCC; cursor:pointer}
.category>ul>li>a{display:block; line-height:45px}*/
.category>ul{/*display:none;*/ background-color:#f4f4f4; margin-bottom:10px; width:150px;}
.category>ul>li{padding:0; border-bottom: 1px solid #CCC;}
.category>ul>li:last-child{border-bottom:none}
.mob_menu_close{position:absolute; right:5px;  height:45px;  border-left:none; line-height:45px; text-align:center;  top:0; margin-top:14px; cursor:pointer; }
.mob_menu_close>i{color:#FFF; font-size:30px; margin-left:5px}
.mob_menu_close>i.xi-close{font-size:25px}
.mob_top_list{position:relative; padding:5px 10px; box-sizing:border-box; margin:-70px auto; border-top:2px solid #FFF }
.mob_top_list>ul{display:table}
.mob_top_list>ul>li{display:table-cell; text-align:center; padding:0 5px; box-sizing:border-box; color:#FFF}
.mob_top_list>ul>li p{color:#FFF}
/*.sec_menu{position:relative}*/
.sec_menu>li>a{padding:10px 10px 10px 15px; display:block}
.sec_menu>li.select>a{background-color:#2f6ecf; color:#FFF; z-index:9; width:125px}
.sec_menu .depth{  position:absolute; width:140px; top:65px; height:100%; left:0; display:none; transition:0.5s; box-shadow:none; background-color:transparent}
.sec_menu .depth>li{border-bottom:1px solid #CCC}
.sec_menu .depth>li>a{display:block;padding:10px; font-size:14px}
.sec_menu .depth2{background-color:#e5e5e5; position:relative; display:none}
.sec_menu .depth2>li{padding-left:20px}
.sec_menu .depth2>li>a{display:block; padding:10px; }
.sec_menu>li.select .depth{display:block; right:0; left:auto; }


.banner-txt{ top:35%; transform: translateY(-50%);}
.banner-txt p{font-size:24px; line-height: 40px;}
.banner-txt span{font-size:32px}

.bd-wrap{padding:150px 0}
.big-data h2{font-size:55px}
.big-data p{font-size:18px}
.big-data a{font-size:18px; width:200px; margin:30px auto 0}

.join_none p{font-size:16px}
.dream_banner{padding:50px 0}
.dream_banner p{font-size:20px; margin-bottom: 25px;}
.dream_banner p span{font-size:25px}
.reservation input[type="text"]{width:50px}

.sub_banner{background-position:80%;}
.sub_banner5{background-position:85% 10%}
.sub_banner h2{transform:translateY(-60%)}

.sub_tab>ul{display:flex; flex-wrap:wrap;justify-content: center;}
.sub_tab>ul>li{display:block; width: 33.33%;}

.num_mob{position:relative;}
.num_wrap2{border-top:1px solid #AAA; border-bottom:1px solid #AAA}
.num_list{position:relative;width:98%; margin:0 auto; padding:20px 0; border-bottom:1px solid #CCC}
.num_box2{position:relative; margin-bottom:10px}
.num_box2>ul{overflow:hidden}
.num_box2>ul>li{float:left; margin-right:5px}
.num_box2 button{position:absolute; background-color:#333; color:#FFF; padding:5px 0; right:0; border-radius:30px;  width:80px; text-align:center}
.num_box2 p{background-color:#333; color:#FFF; padding:5px 0; right:0; position:absolute; width:80px; text-align:center; top:0}
.num_list span{position:relative; padding:0 20px 0 0}
.num_list span::after{position:absolute; content:""; width:1px; height:80%; top:10%; left:-10px; background-color:#AAA}
.contents_wrap h2{font-size:24px}
.contents_wrap h2 a{font-size:12px}
.sgt_icon>li span>img{width:100px}
.my_info h3 a{font-size:12px}

.bank_wrap>ul>li{width:100%}
.bank_check label{display:block}
.bank_td br{display:block}
.bank_box2 .wd100per .bank_td{padding:0 5px}

.sgt_list>ul>li{padding:30px 15px}
.sgt_top{display:block}
.sgt_top>div{display:block}
.sgt_img img{height:150px}
.sgt_title h2 span{font-size:20px}
.sgt_title p{margin-top:10px; font-size: 16px;}
.sgt_title p.price{margin:0 auto}

.sold{top:40%}

.board_write table th {
    clear: both;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 5px 10px 10px
;
    font-size: 13px;
    border: none;
    border-top: 1px solid #ccc;
    line-height: 30px;
    /* background: none; */
}
.board_write input[type="text"], .board_write input[type="password"]{width:100% !important}
.file_del{position:relative; display:block;}
.my_num{font-size:16px; width:250px; line-height:40px; border-radius:40px}

.company_con p{font-size:14px; }
.company_con p br{display:none}

.faq>ul h3{font-size:16px}

.num_top>p{font-size:16px}
.graph p{right:5px;}

.join_none p br{display:none}

.footer_wrap{padding:25px 0}
.footer_top{position:relative; top:0; margin-bottom:10px;}
.footer_top>ul>li>a{font-size:14px}

.quick {padding:10px 0 }
.quick_wrap>div{display:block}
.quick_tel{width:100%}
.quick_tel>a{display:none}
.quick_tel a{font-size:14px; line-height:24px}
.quick_tel a span{font-size:24px}
.quick_wrap>div.quick_tel{padding-top:5px; margin-bottom: 10px;}
.quick_form{width:100%}
.q_input{width:80%}
.quick-txt{padding-left:0; position:absolute; top:-6px; right:0}


.system-wrap p{margin:30px auto}

.search-sel select{width:80px; padding:7px 0}
.search-sel button{width:80px; padding:10px 0}
}

@media all and (max-width:650px) {
.sub_banner5>p{background-position:500px 0}
.banner .slider_list{height:700px}
.slide-txt{font-size:24px; transform:translateY(-120%)}

.sub_con h3 span img{width:200px}
.sub_con h3{font-size:24px; }
.sub_con h3 br{display:block}
.sub_con>p{font-size:12px}
.join_wrap>p{font-size:12px; width:85%}	
.join_wrap table th{font-size:13px; width:110px}
.join_wrap form>p{font-size:14px}
.join_wrap form>a{font-size:18px; padding:5px 0; width:150px}

.sub_banner0{background-position:900px 0; animation:ani_back_right 20s linear}
.sub_banner h2{font-size:18px;}
.sub_banner>p{height:250px}

.sgt_con>ul.price-list{padding-top:0}
.sgt_con>ul>li{font-size:16px}
.sgt_con>ul>li span{font-size:14px}

.num_box>ul>li{padding:0 3px}
.num_box>ul>li img{width:40px}
.tel_pop{width:100%}
.tel_pop img{width:100%}

.num_wrap4>ul>li>ul>li{font-size:14px}

.footer_wrap p.copy br{display:none}


.system-icon>li{width:49%}
.system-icon>li:nth-child(2n+1){margin-left:0}
.system-icon>li:nth-child(n+3){margin-top:20px}

.system-wrap h3{font-size:16px; margin:30px auto}
.system-wrap p{font-size:16px}
.system-txt>li{font-size:16px}

.my_info2 ul>li input[type="text"], .my_info2 ul>li input[type="password"]{width:150px}
}
@media all and (max-width:600px) {

    .menu-list{padding:50px 0}

.num_img ul>li img{width:30px}
.num_box h2{font-size:20px}
.num_box h2 span{font-size:16px}
.num_text>p{display:block}
.num_back p{font-size:16px}

.num_box p br{display:block;}
.dream_banner{width:100%}	

.num-wrap3>ul>li{border-bottom:1px solid #CCC; position:relative; padding:10px 10px 35px; box-sizing: border-box;}
.num-wrap3>ul>li.num3-title{display:none}
.num-wrap3>ul>li>div{border-left:none; display:block; border-bottom:none; font-size: 16px;}
.num-wrap3>ul>li>div.num-t1{position:absolute; bottom:0; left: 10px; width: auto;}
.num-wrap3>ul>li>div.num-t2{position:absolute; bottom:0; margin-left:70px; width: auto; padding: 10px; box-sizing: border-box;}
.num-wrap3>ul>li>div.num-t2::after{content: ""; position:absolute; width: 1px; background-color:#AAA; height:30%; top:40%; left: 0;}
.num-wrap3>ul>li>div.num-t4{position:absolute; padding:0; height:30px; line-height: 30px; border-radius:30px; width: 80px; right:0; bottom: 0; background-color:#135196; color:#FFF; top:20px}
.num-wrap3>ul>li>div>ul.ball{justify-content: flex-start;}
.num-wrap3>ul>li>div>ul.ball>li{padding: 0 5px;}
.num-wrap3>ul>li>div>ul.ball>li img{width:35px}

.ball>li{padding:0 2px}
.ball>li img{width:25px}
.ball-table td p{font-size:14px}

.list-wrap>ul>li>div{font-size:16px;}
.list-wrap>ul>li .line{border:1px solid #CCC}
.list-icon img{width:45px}

.award-wrap{padding:50px 0}
.award h2{font-size:24px}
.award h2 img{width:50px; margin-bottom: 0;}
.award p{font-size:14px}
.award p br{display:none}

.com-info{margin:0 auto 50px}
.info-le div span{font-size:18px}
.info-ri{padding-left:0}
.info-ri>div h2{font-size: 18px;}
.info-ri>div a{font-size:28px}
.info-ri>div p{font-size:17px}

.footer_menu>ul>li{width:50%}
.footer_menu>ul>li h2 a{font-size:16px}
.footer_menu>ul>li>ul>li>a{font-size:14px }
.login_wrap{border:none}
.dream_banner p br{display:block}

.sub_tab h3{font-size:25px}
.left_banner {display: none;}
.my_info>ul>li{width:100%; border-left:none}
.my_info>ul>li:nth-child(3n+1){border-left:none}
.my_info>ul>li:nth-child(n+2){border-top:1px solid #CCC}
.my_info>ul>li>div{font-size:14px}
.my_info>ul>li>div>div{font-size:14px}
.my_info>p{font-size:12px}
/*.info_con label{font-size:12px}*/
.info_con input[type="checkbox"]{vertical-align:middle}

.board-list table td.left{padding:10px 20px}
.paging .num {display: none;}
.paging .current { display: inline-block;}

.cus_icon img{width:60px}
.customer_wrap>ul>li .cus_icon{width:35%; padding:0 10px}
.customer_wrap>ul>li .cus_text{font-size:17px; padding-right:10px}
.num_wrap>div{display:block}
.num1{text-align:center; margin-bottom:10px}

.search_area input[type="text"]{width:200px; padding: 10px 0;}
.search_area button{padding:10px 20px}
.board-list table td{font-size:14px}
.board-list table td a{font-size:14px}
.board-list table th{font-size:14px}

.graph p{right:auto; left: 5px; color:#000}
}
@media all and (max-width:550px){
    .banner-txt p{font-size:16px; line-height: 25px;}
    .banner-txt span{font-size: 20px; }
}
@media all and (max-width:500px){
    .banner .slider_list{height:600px; background-position: 850px 0;}
.slide-txt{width:95%; left: 2.5%; transform: translateY(-50%);}
.num_wrap{margin:0 auto; width: 95%;}

.back-title span{font-size:16px}
.back-title span{font-size:24px}

.menu-list>ul{width:300px}
.menu-list>ul>li{width:140px; height: 140px; margin-left: 20px;}
.menu-list>ul>li figure{padding-top: 25px;}
.menu-list>ul>li figure img{width:60px}
.menu-list>ul>li p{font-size: 14px; margin-top:0;}

.lt_wrap>div li>div{font-size:18px}
.lt_wrap>div li>div img{width:35px}	
.login_text p{font-size:16px}
.data_text h3{font-size:26px}
.data_text h3 span{font-size:26px}

.pattern-wrap{padding:15px}
.pattern{padding:24px 15px}
.pattern>ul>li{font-size:12px; margin-left:5%; width: 16%;}
.pattern>ul>li:nth-child(n+5){margin-top:0}
.pattern>ul>li:nth-child(n+6){margin-top:5%}
.pattern>ul>li:nth-child(4n+1){margin-left:5%}
.pattern>ul>li:nth-child(5n+1){margin-left:0}

.q_input{width:70%}
.q_btn button{font-size:16px}
.quick_tel a{font-size:12px}
.quick_tel a span{font-size:23px}

.dream_banner img{height:300px; width: 100%;}
.slider-div2 .slick-prev, .slider-div3 .slick-prev{left:10px}
.slider-div2 .slick-next, .slider-div3 .slick-next{right:10px}
}
@media all and (max-width:470px) {
.popup{width:96%}	
.popup h1{font-size:25px;}
.popup p{font-size:20px}
.before p{font-size:30px}
.after p{font-size:40px}
.after span img{width:45px}

}
@media all and (max-width:450px){
.list-icon img{width:30px}
.list-wrap>ul>li>div{font-size:14px}
.list-txt{bottom:34px}

.quick-txt{top:-6px}
.q_input input[type="text"]{padding:5px}
.q_btn button{height:63px}

#footer{padding-bottom:150px}

.login-form{width:95%}
.input-box>span{padding:0}
.input-box>span>span{font-size:14px}
.input-box>span.input-con{width:200px}
.input-box>span.input-icon{width:50px; text-align: center;}

.quick_tel a span{font-size:20px}
.sns-icon{top:25px; left:100px}
}
@media all and (max-width:400px) {
.num_box2>ul>li img{width:30px}	
.sgt_icon>li img{margin-top:15px}
.sgt_icon>li input[type="radio"]:checked + span img{width:50px}
.cus_icon img{width:50px}
.customer_wrap>ul>li .cus_text{font-size:14px}
.login_box h3{width:100%}
}

@keyframes ani_back_right{
0% {
    background-position: 900px 0;
}
50% {
    background-position: 900px 100%;
}
100% {
    background-position: 900px 0.1%;
}	

}
@keyframes line{
    0%{opacity: 1;top:-100%}
    100%{opacity:1; top: 0;}
    }
 @keyframes pulsate {
    100% {
         /* Larger blur radius */
          text-shadow: 0 0 4px #fff, 0 0 11px #fff, 0 0 19px #fff, 0 0 40px #0fa, 0 0 80px #0fa, 0 0 90px #0fa, 0 0 100px #0fa, 0 0 150px #0fa; } 
    0% { /* Smaller blur radius */ text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 10px #0fa, 0 0 45px #0fa, 0 0 55px #0fa, 0 0 70px #0fa, 0 0 80px #0fa; } }
@keyframes rotate{
    0%{}
    100%{transform:rotate(-720deg)}
    }
.wd18per{width:18%}
.wd6per{width:6%}
.wd12per{width:12%}
.wd8per{width:8%}

.wd5per{width:5% !important}
.wd10per{width:10% !important}
.wd15per{width:15% !important}
.wd20per{width:20% !important}
.wd25per{width:25% !important}
.wd30per{width:30% !important}
.wd40per{width:40% !important}
.wd50per{width:50% !important}
.wd60per{width:50% !important}
.wd70per{width:60% !important}
.wd80per{width:70% !important}
.wd90per{width:80% !important}
.wd100per{width:100% !important}