@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:#000;  font-style:normal;word-break:keep-all !important; letter-spacing:-2px; }

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



#header{position:fixed; top:0; width:100%;z-index:99; padding: 10px 0; }
.header_top_wrap{position:relative; width:100%; margin:0 auto;border-bottom:1px solid #EEE;}
.header_top{position:absolute; margin:0 auto; overflow:hidden; right:20px; top:32px; z-index: 99;}
.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:16px}
.header_wrap{position:relative; margin:0 auto }
.logo{padding:0 10px; box-sizing:border-box; width:320px}
.logo img{ display:block}
.gnb{position:absolute; top:20px; width:950px; left:50%; transform: translateX(-50%);}
.gnb>ul{display:table; margin:0 auto}
.gnb>ul>li{display:table-cell; padding:0 40px; position:relative}
.gnb>ul>li:hover>a{color:#182497}
.gnb>ul>li>a{font-size:24px; font-weight:bold; color:#FFF}
.depth_wrap{position:absolute; padding-top:20px; z-index:9; left:50%; display:none; width:180px; margin-left:-90px}
.depth{background-color:#FFF; border-radius:0 0 7px 7px; overflow:hidden}
.depth>li>a{display:block; padding:7px 10px; font-size:16px}
.depth>li:hover>a{color:#182497;background-color:#f4f4f4}
.header_right{display:table; position:absolute; right:20px; top:20px}
.header_right div{display:table-cell; vertical-align:middle}
.tel_text p{text-align:center; font-size:22px; font-weight:900; color:#333; line-height:23px}
.tel_text span{color:#ec7a22}

.banner_wrap{position:relative;}
.banner{position:relative}
.banner img{width:100%}

.slider_list{position:relative;}
.slide-text{position:absolute; top:50%; transform:translateY(-60%); width:95%; left:2.5%}
.slide-text img{width:auto !important; margin-bottom:15px}
.slide-text h2{color:#FFF; font-size: 50px; font-weight: 900; text-align:center}
.slide-text h2 span{color:#fcd70d}
.slide-text p{ font-size:40px; color:#fcd70d; letter-spacing:-1px; line-height:70px; width:100%; text-align: center; font-weight: bold;}
.slide-text p span{color:#fffe01}
.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;}


.page1{padding-top:224px}

.right_quick{position:fixed; top:50%; transform:translateY(-50%); right:10px; z-index:999}
.up{position:absolute; width:60px; height:60px; border-radius:60px; background-color:#AAA; text-align:center; line-height:60px; cursor:pointer; margin-top:15px; left:50%; margin-left:-30px;}
.up i{color:#FFF; font-weight:bold; font-size:20px}
.quick_close{display:none}

.num_box p br{display:none;}
.num_box p span{display:inline-block}
.num_banner{position:relative; width:100%; background-color:#fee800; padding:10px 0; margin-top:-5px}
.num_banner_wrap{position:relative; max-width:1250px; margin:0 auto; display:table}
.num_banner_wrap>div{display:table-cell; vertical-align:middle;}
.num_banner_icon{padding:0 15px}
.num_banner_text p{font-size:23px; display:inline; vertical-align:middle}
.num_banner_text span{font-weight:bold; font-size:30px; padding-left:20px; vertical-align:middle; display:inline}
.num_wrap{position:relative; width:1000px; margin:0 auto; display:table; padding:30px 0}
.num_wrap>div{display:table-cell; vertical-align:middle; font-size:30px; font-weight:bold}
.num_box>ul{position:relative; display:table; margin:0 auto}
.num_box>ul>li{display:table-cell; vertical-align:middle; padding:0 5px}
.num_box p{font-size:25px; padding-left:5px; text-align:center}

.lotto_table{position:relative; max-width:1250px; margin:0 auto 40px}
.lt_wrap{position:relative; overflow:hidden}
.lt_wrap>div{float:left; width:48%; border:1px solid #CCC; box-sizing:border-box; overflow:hidden}
.lt_wrap>div li{overflow:hidden; height:55px;}
.lt1 .lt_con li:nth-child(2n){background-color:#f9f9f9}
.lt_back{background-color:#f9f9f9}
.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%}
.mon{width:40%}
.mon span{ margin-right:5px}
.mon img{width:40px}
.lt_con{height:165px}
.lt2{margin-left:2%; ;}
.lt_title{background-color:#f4f4f4; border-bottom:1px solid #CCC; }
.ran2{width:80%; text-align:center}
.lt_title>ul>li>div{font-size:28px; text-align:center}

#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%}
.dream_banner p{text-align:center; font-size:30px; margin-bottom:50px}
.dream_banner p span{font-size:40px; font-weight:bold}

.customer_wrap{position:relative; padding:100px 0}
.customer_wrap>ul{display:flex; flex-wrap:wrap}
.customer_wrap>ul>li{ width:30.66%; margin-left:4%; background-color:#EEE; transition:0.5; }
.customer_wrap>ul>li:hover{background-color:#F8ECA0}
.customer_wrap>ul>li:nth-child(3n+1){margin-left:0}
.customer_wrap>ul>li:nth-child(n+4){margin-top:4%}
.customer_wrap>ul>li>a{display:table; width:100%;padding:30px 0}
.customer_wrap>ul>li div{display:table-cell; vertical-align:middle; text-align:center}
.customer_wrap>ul>li .cus_icon{width:40%; padding-left:25px; box-sizing:border-box}
.customer_wrap>ul>li .cus_text{font-weight:bold; font-size:25px; width:60%}

.com_info{padding:50px 0}
.com_info>ul{display:table; width:1250px; margin:0 auto}
.com_info>ul>li{display:table-cell; width:33.33%; padding:20px; box-sizing:border-box; vertical-align:top; position:relative}
.com_info>ul>li:first-child h2{font-size:30px; font-weight:900; color:#333}
.com_info>ul>li:nth-child(2) h2{font-size:30px; font-weight: bold; color:#333}
.com_info>ul>li h2 span{margin-right:10px; vertical-align:middle}
.com_info>ul>li h2 span img{width:50px}
.com_info>ul>li:last-child h2 span img{width:auto}
.com_info>ul>li:nth-child(2) h2 span img{width:auto}
.com_info>ul>li>ul{padding-left:10px}
.com_info>ul>li>ul>li{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.com_info>ul>li>ul>li:nth-child(n+2){padding-top:10px}
.com_info>ul>li>ul>li>a{font-size:16px; color:#888}
.com_info>ul>li .tel a{font-size:35px; font-weight:500}
.com_info>ul>li .time{font-size:18px; color:#888}
.com_info>ul>li .bank{font-size:34px; font-weight:500; color:#333}
.com_info>ul>li:last-child{overflow:hidden}
.com_info>ul>li:last-child img{width:100%; display:block; transition:0.5s}
.com_info>ul>li:last-child p{position:absolute; top:50%; transform: translateY(-50%); color:#FFF; font-size: 28px; width:80%; left:10%; text-align: center;}
.com_info>ul>li:last-child p::after{position:absolute; width:80%; background-color:#FFF; height:3px; content: ""; left: 10%; top:-10px}
.com_info>ul>li:last-child p::before{position:absolute; width:80%; background-color:#FFF; height:3px; content: ""; left: 10%; bottom: -10px;}
.com_info>ul>li:last-child:hover img{transform:scale(1.1,1.1);}
.com_info>ul>li:last-child figure{overflow:hidden}

.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}

.ani_banner{position:relative; background-image:url(../image/ani_banner.jpg); background-size:cover; height:650px}
.ani_banner1{background-image:url(../image/ani_banner1.jpg);}
.ani_banner2{ background-image:url(../image/ani_banner2.jpg);}
.ani_banner figure img{width:100%}
.ani_con{position:absolute; top:50%; transform:translateY(-50%); width:100%}
.data_title{margin:0 auto; text-align:center}
.data_title h2{font-weight: bold; color:#fcd70d; font-size: 40px;}
.data_title p{font-size: 40px; color: #FFF;}
.data_title p span{font-weight: bold; }
.data_text{padding-bottom:30px}
.data_text p{color:#FFF; font-size:40px; text-align:center; margin-top:10px; line-height:52px}
.data_text p span{font-weight:bold}
.data_text2 p{font-size:40px; text-align:center; font-weight:bold; color:#FFF}
.data_text2 p span{color:#fcd70d}

.ani-btn{width:300px; margin:0 auto}
.ani-btn a {
    overflow: hidden; z-index:9; margin-top: 20px;
}
.ani-btn>a {
    background-color:#000;box-sizing:border-box;
    color: #FFF;
    display: block;
    font-size: 20px;
    margin: 1em auto;
    padding: 15px 10px;
    position: relative;
    text-transform: uppercase;
    /*width: 150px;*/ text-align: center; cursor:pointer
}
.ani-btn>a, .ani-btn>a::after {
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    color:#FFF
}
.ani-btn>a::before, .ani-btn>a::after {
    background: #fcd70d;
    content: '';
    position: absolute;
    z-index: -1;
}
.ani-btn a::after {
    height: 100%;
    left: -35%;
    top: 0;
    transform: skew(50deg);
    transition-duration: 0.4s;
    transform-origin: top left;
    width: 0;
}
.ani-btn:hover a::after{width:200%; color:#000; }
.ani-btn:hover a{color:#000;}

.ani-list{position:relative; max-width:1350px; margin:-80px auto 0}
.ani-list>ul{display:flex; flex-wrap:wrap}
.ani-list>ul>li{margin-left:1%; width:32.66%}
.ani-list>ul>li:first-child{margin-left:0}
.ani-list li img{width:100%}
.ani-list>ul>li p{font-size: 17px; text-align: center; margin-top: 5px; font-weight: 500;}

.footer_menu{background-color:#f1f1f1; width:100%; padding:80px 0; border-bottom:1px solid #b6b6b8}
.footer_menu>ul{width:800px; margin:0 auto; overflow:hidden}
.footer_menu>ul>li{padding-left:60px; float:left}
.footer_menu>ul>li h2 a{font-size:20px; color:#333; margin-bottom:10px; display:block; font-weight:bold}
.footer_menu>ul>li>ul>li>a{font-size:16px; color:#666}
.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}

#fotter{position:relative; width:100%}
.footer_top{background-color:#4d4d4d; padding:10px 0}
.footer_top>ul{display:table; margin:0 auto}
.footer_top>ul>li{display:table-cell}
.footer_top>ul>li>a{color:#CCC; font-size:16px; display:block; padding:0 15px}
.footer_wrap{ padding:25px 0; display:table; position:relative; max-width:1250px; margin:0 auto}
.footer_wrap h1{display:table-cell; padding-right:20px; box-sizing:border-box; vertical-align:top}
.footer_wrap p{margin-bottom:15px; color:#333; float:left; font-size:14px; display:table-cell}

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


.sub_banner{position:relative;  height:330px; background-position:center; background-size: cover;}
.sub_banner0{background-image:url(../image/sub_banner0.jpg);animation: ani_back 10s linear;}
.sub_banner1{background-image:url(../image/sub_banner1.jpg);animation: ani_back 10s linear;}
.sub_banner2{background-image:url(../image/sub_banner2.jpg);animation: ani_back 10s linear;}
.sub_banner3{background-image:url(../image/sub_banner3.jpg);animation: ani_back 10s linear;}
.sub_banner4{background-image:url(../image/sub_banner4.jpg);animation: ani_back 10s linear;}
.sub_banner5{background-image:url(../image/sub_banner5.jpg);animation: ani_back 10s linear;}

.sub_banner h2{position:absolute; top:50%; transform:translateY(-10%); width:100%; text-align:center; font-size:25px; color:#FFF}
.sub_banner h2 span{font-weight:bold; font-size:27px}
.sub_tab{position:relative; width:100%;}
.sub_tab h3{text-align:center; font-size:30px; color:#333; font-weight:bold}
.sub_tab>ul{display:table; margin:30px auto}
.sub_tab>ul>li{display:table-cell; padding:10px; width:160px}
.sub_tab>ul>li>a{font-size:16px; font-weight:bold; display:block; padding:10px 0; border-bottom:1px solid #555; text-align:center; }      
.sub_tab>ul>li.select a{background-color:#182497; color:#FFF}

.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}
.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}

.login_wrap{position:relative; max-width:400px; margin:0 auto;}
.login_text{text-align:center; border-bottom:1px solid #AAA; width:90%; margin:0 auto; padding-bottom:20px}
.login_text h3 img{width:200px}
.login_text p{font-size:16px; }
.login_text p span{color:#F00}
.login_box{position:relative; margin:0 auto;  padding:35px 35px 0; box-sizing:border-box}
.login_box h3{font-size:30px; color:#333;  width:560px; margin:0 auto; margin-bottom:10px;}
.login-form{ width:290px; margin:0 auto}
.login-form .input input { height: 50px; width: 100%; line-height:50px; display: block; margin-bottom: 4px; border:1px solid #CCC}
.login-form .command { float: left; width: 100%;}
.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}


.sub_con{position:relative; max-width:1200px; margin:0 auto}
.sub_con h3{text-align:center; font-weight:bold; font-size:27px;}
.sub_con h3 br{display:none}
.sub_con h3 span{display:block}
.sub_con>p{text-align:center; font-weight:bold; font-size:20px; color:#333; margin-top:10px}
.sgt_list{margin-top:30px; }
.sgt_list>ul{display:flex; flex-wrap:wrap}
.sgt_list>ul>li{position:relative;width:32%; margin-left:2%; border:1px solid #CCC; box-sizing:border-box; padding:50px 0 70px 0; border-radius:50px; box-shadow:0 5px 10px -10px}
.sgt_list>ul>li:first-child{margin-left:0}
.sgt_list>ul>li figure{text-align:center; margin-bottom:20px}
.sgt_list>ul>li h4{font-weight:bold; font-size:22px; color:#666; text-align:center; margin-bottom:15px}
.sgt_list>ul>li p{color:#666; font-size:17px}
.sgt_list>ul>li ul{margin-top:10px}
.sgt_list>ul>li ul>li{font-size:17px; color:#666}
.sgt_text{width:250px; margin:0 auto}
.sgt_text a{position:absolute; left:50%;  background-color:#333; color:#FFF; font-size:18px; margin:0 auto; text-align:center; width:200px; display:block; padding:7px 0; margin-top:15px; margin-left:-100px; bottom:20px}
.join_wrap{position:relative; max-width:600px; 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}
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}

.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{color:#FFF; background-color:#555; padding:7px 10px; margin-bottom:5px}
.num_table table{position:relative; width:100%; border-top:1px solid #555; border-bottom:1px solid #555}
.num_table table th{background-color:#EEE; padding:5px 0; font-size:16px}
.num_table table td{border-top:1px solid #AAA; text-align:center; font-size:16px}
.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}

/*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: #000;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}
  
 
.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:1px solid #333; border-bottom:1px solid #333; 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 #182497; border-bottom:1px solid #000; 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{border-right:1px solid #CCC}
.my img{padding:0 20px; width:150px}

.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}

.my_info2{margin-top:70px}
.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:0}
.secession{background-color:#333; color:#FFF; font-size:16px; padding:3px 10px; box-sizing:border-box; margin-left:10px; border-radius:20px}
.join_none{position:relative; max-width:800px; margin:0 auto; border:3px solid #333; padding:60px 15px; box-sizing:border-box}
.join_none p{text-align:center; font-size:18px; 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:3px solid #182497; margin-top:20px}
.bank_wrap>ul{overflow:hidden}
.bank_wrap>ul>li{float:left; width:50%; 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%; border-radius:40px; padding:7px 0;}
.bank_td br{display:none}

/*board*/
.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; text-align:right}
.search_area select{background-color:#FFF; padding:5px 0; margin-right:5px; border:1px solid #EEE}
.search_area input[type="text"]{background-color:#FFF; padding:5px 0; border:1px solid #EEE}
.search_area button{background-color:#333; color:#FFF; padding:5px 20px; margin-left:5px}
.board-list table{width:100%; border:1px solid #CCC; border-left:none; border-right:none;border-top:2px solid #182497}
.board-list table th{ padding:10px 0; background-color:#efefef; font-weight:bold; font-size:16px }
.board-list table td{text-align:center; padding:10px; letter-spacing:-1px; font-size:16px}
.board-list table td + td{border-left:1px solid #EEE}
/*.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:#333; color:#FFF}
.btn{padding:5px 20px; margin-left:5px}

.company_title{text-align:center;}
.company_title span{vertical-align:middle}
.company_con{position:relative; }
.company_con p{font-size:20px; text-align:center; margin-top:20px}
.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 #454545; border-bottom:2px solid #454545;}
.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; background-color: #9fa0a2;font-size: 20px; color: #fff; position: absolute;left: 15px; top: 20px;}
.faq>ul p span.faq_a{display: inline-block; width: 40px; height: 40px;line-height: 40px;text-align: center; border-radius: 20px; background-color: #373737; font-size: 20px; color: #fff; position: absolute; left: 15px;}
.faq>ul p span.faq_a2{top:12px}
.faq>ul p{padding:20px; line-height:1.6em; font-size:16px; color:#666;position:relative; padding-left:70px; display:none}

.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;}
@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) {
.right_quick{right:0}
.quick_img img{width:150px}
.data_text p{font-size:40px}
}
@media all and (max-width:1500px) {
.data_title img{width:500px}	
}
@media all and (max-width:1450px) {
.header_wrap{padding:10px 0}

.dream_banner{width:90%}
}
@media all and (max-width:1350px){
    .ani-list{width:98%}
    .gnb>ul>li>a{font-size:20px}
}
@media all and (max-width:1300px) {
.customer_wrap{width:98%}	
.cus2 h2 span{font-size:25px}
.cus1 a{font-size:25px}
.cus2 h2 span img{width:45px}
.cus1 h2{font-size:16px}
.cus1 p{font-size:14px}
.cus2 p{font-size:16px}
.cus3 h2{font-size:25px}
.cus3 .cus3_img img{width:90px}
.cus3 p{font-size:14px}
.cus1{padding:0 40px}
.cus2{padding:0 40px}
}
@media all and (max-width:1250px) {
.gnb{width:695px;}
.gnb>ul>li>a{font-size:16px}
.gnb>ul>li{padding:0 10px}	
.tel_icon img{width:40px}
.tel_text p{font-size:18px}

.quick_img img{width:100px}
.up{width:40px; height:40px; line-height:40px; margin-top:0; margin-left:-22px}
.quick_close{position:absolute; width:40px; height:40px; line-height:40px; border:2px solid #ff6600; border-radius:40px; text-align:center; background-color:#FFF; bottom:-95px; cursor:pointer}
.quick_close i{font-size:20px; color:#ff6600; margin-top:10px}
.slider-div2 .slick-next, .slider-div3 .slick-next{right:-30px}
.slider-div2 .slick-prev, .slider-div3 .slick-prev{left:-30px}

.footer_menu{width:100%}
.footer_menu>ul>li{padding:0 0 0 50px; 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}

.com_info>ul{width:98%}

.com_info>ul>li:last-child p{font-size:22px}
}
@media all and (max-width:1050px) {
.customer_wra{overflow:hidden; clear:both; width:300px; margin:0 auto}
.customer_wrap>div{display:inline-flex; flex-wrap:wrap; width:50%; padding:0 100px}

.cus1, .cus2, .cus3{padding:0}
.cus3{margin-top:60px}

.left_banner img {width: 180px;}

.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%}

.com_info>ul>li h2{font-size:20px}
.com_info>ul>li h2 span img{width:40px}
.com_info>ul>li .tel a{font-size:25px}
.com_info>ul>li .time{font-size:16px}
.com_info>ul>li .bank{font-size:24px}

.ani-list>ul>li p{font-size:14px}
}
@media all and (max-width:1000px) {
.logo{width:180px; padding:0}
.logo img{max-width:100%}
.header_top{top:20px}
.header_top>ul>li a{font-size:12px}
.gnb{ margin-top:20px; margin-left:0; margin:0 auto; bottom:0; top:20px}
.gnb>ul{margin:0 auto}
.header_right{display:none}	
.logo img{margin:0 auto}
.depth_wrap{display:none !important}

.num_img img{width:200px}
.num_box h2{font-size:25px}

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

.customer_wrap>ul>li{width:32%; margin-left:2%}
.customer_wrap>ul>li .cus_icon{padding-left:0}
.cus_icon img{width:75px}
}

@media all and (max-width:950px) {
.my_info_box>div{display:block}
.my{text-align:center; padding:10px 0; border-right:none; border-bottom:1px solid #CCC}	
.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%}

.data_text2 p{font-size:30px}
}
@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}
.num_wrap>div{font-size:20px}
.num_box p{font-size:20px}
.num_banner_text p{font-size:16px}
.num_banner_text span{font-size:16px}

.com_info>ul{width:300px; margin:0 auto;display:block; overflow:hidden}
.com_info>ul>li{width:100%; padding:0;display:block; float:left;}
.com_info>ul>li:first-child{border-right:none}
.com_info>ul>li:nth-child(n+2){margin-top:50px}

.footer_wrap{text-align:center}
.footer_wrap h1{display:block}
.footer_wrap p{display:block; float:none}

.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}	
}
@media all and (max-width:800px) {
.footer_wrap p{font-size:12px}
.my_info>p>br{display:none            }
.customer_wrap>ul>li{width:49%}
.customer_wrap>ul>li:nth-child(3n+1){margin-left:2%}
.customer_wrap>ul>li:nth-child(2n+1){margin-left:0}
.customer_wrap>ul>li:nth-child(n+4){margin-top:0}
.customer_wrap>ul>li:nth-child(n+3){margin-top:2%}

.ani_banner{height:500px}
.data_title img{width:350px}
.data_title h2{font-size:30px}
.data_text p{font-size:30px; line-height:35px}
.data_title p{font-size:20px}
.ani-btn{width:250px}
.ani-btn>a{font-size:18px}

.ani-list>ul{display:block;}
.ani-list>ul>li{width:70%; margin:0 auto}
.ani-list>ul>li:first-child{margin:0 auto}
.ani-list>ul>li:nth-child(n+2){margin-top:20px}

}
@media all and (max-width:750px) {
    .mob{display:block !important}
    .pc{display:none !important}	
    .logo img{margin:0 0 0 10px; width:150px}
    .mob_right{position:absolute; right:0px; top:15px}	
    .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}
    .mob_btn{ cursor:pointer}
    .mob_btn i{font-size:30px; font-weight:bold; color:#FFF}
    .right_quick{top:auto; bottom:95px; right:13px}
    .quick_img{display:none}
    .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:#ffcf51; 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}
    .mob_home{width:50px; text-align:center; padding:15px 0; border-right:1px solid #fee800}
    .mob_tel a{ font-size:18px}
    .mob_tel_icon{text-align:center; width:50px}
    .mob_tel_icon i{margin-top:5px}


    .mob_menu{position:fixed; width:270px; 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:#182497}
    .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:120px; padding-top:10px}
    .category>ul>li{padding:0;}
    .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:#333; color:#FFF; border-radius:40px; z-index:9; width:100px}
    .sec_menu .depth{  position:absolute; width:140px; top:70px; height:100%; left:0; display:none; transition:0.5s; box-shadow:none; background-color:transparent}
    .sec_menu .depth>li>a{display:block;padding:7px 20px}
    .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; }
    

.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}

.sub_banner h2 span{font-size:20px}
.sub_banner h2{font-size:18px}

.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}

}
@media all and (max-width:700px) {



.cus3 .cus3_img img{width:70px}	
#footer{padding-bottom:100px}


.medal img{width:150px; opacity:0.5}

.join_none p{font-size:16px}
.dream_banner{padding:50px 0}
.dream_banner p{font-size:20px}
.dream_banner p span{font-size:25px}



.sub_banner{background-position:80%; height:230px}
.sub_banner5{background-position:85% 10%}

.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; border-radius:30px; 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:20px}
.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}

.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}

}

@media all and (max-width:650px) {
.slide-text h2{font-size:35px}
.slide-text p{font-size:26px}

.customer_wrap>div{display:block}
.customer_wrap>div::after{display:none}
.customer_wrap>div{width:260px; margin:40px auto 0; padding:0}
.customer_wrap>div.cus1{margin-top:0}

.sub_con h3 span img{width:40px}
.sub_con h3{font-size:20px; }
.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}

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

.customer_wrap{padding:50px 0; }
.ani-list{margin:50px auto 0}
.data_text2 p{font-size:28px}
.ani_banner{height:450px}
}
@media all and (max-width:600px) {
.num_box p br{display:block;}
.num_box p span{display:none}
.dream_banner{width:85%}	
.ani_banner{position:relative; background-position:0 0;}
.ani_banner figure img{display:none}
.data_title img{width:150px}
.data_text{margin-top:10px}
.data_text h2{font-size:20px}
.data_text p{font-size:20px; line-height:25px}
.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}

.ani-list{width:90%}
.ani-list>ul>li{width:100%}
}
@media all and (max-width:500px){
.lt_wrap>div li>div{font-size:18px}
.lt_wrap>div li>div img{width:35px}	

.data_text2 p br{display:none}
.data_text2 p{font-size:24px; width:95%; margin:0 auto}

}
@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: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}
}

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

@keyframes mainh2 {
	0%{opacity:0; transform:translateY(50%)}
	100%{opacity:1; transform:translateY(10%)}
 }
 @keyframes mainp {
	0%{opacity:0; transform:translateY(50%)}
	100%{opacity:1; transform:translateY(10%)}
 }
.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}