[x-cloak] {display: none!important;}

/* common */
.inner{max-width: 1200px;margin: 0 auto;width: 100%;}
.s_inner{max-width: 780px;margin: 0 auto;width: 100%;}
.mt50{margin-top: 50px;}
.mo_br{display: none;}
center{text-align: inherit;}

.inner.padding{padding-top: 65px;width: fit-content!important;}

@media screen and (max-width:1200px) {
    .inner{width: calc(100% - 60px);}
    .s_inner{width: calc(100% - 60px);}
    .inner.padding{max-width: 100vw;overflow-x: scroll;padding: 65px 9px 0;}
    
}

@media screen and (max-width:660px) {
    .inner{width: calc(100% - 18px);}
    .s_inner{width: calc(100% - 18px);}
    body{font-size: 14px;}
    .mo_br{display: block;}
    
}

/* header */
header{position: fixed;width: 100%;background: #fff;z-index: 9999;box-shadow: 3px 4px 4px rgba(0,0,0,0.2);display: flex;flex-direction: row;justify-content: space-between;}
header .hd{height: 65px;display: flex;flex-direction: row;justify-content: space-between;}
header h1 a{display: flex;flex-direction: column;justify-content: center;height: 100%; padding: 0 9px;}
header h1 img{width: 140px;}
header nav{position: absolute;top: 0;left: 50%;transform: translateX(-50%);color: #000;}
header nav .ul1{display: flex;flex-direction: row;position: relative;}
header nav .li1{position: relative;}
header nav .li1 > a{padding: 10px 30px;line-height: 80px;word-break: keep-all;white-space: nowrap;font-weight: bold;border-radius: 8px;transition: all 0.3s ease-in-out;}
header nav .li1:hover > a{background: #ff952c;color: #fff;}
header nav .ul2{position: absolute;top: 80px; width:100%;left: 0; transition: all 0.3s ease-in-out;padding-top:2px}
header nav .li2{text-align:center;border-radius: 6px;transition: all 0.3s ease-in-out;margin-top:1px;}
header nav .li2 a .txt_wrap{width: fit-content;margin: auto;position: relative;line-height: 19px;padding: 4px;transition: all 0.3s ease-in-out;}
header nav .li2:hover{background: #ff952c;}
header nav .li2:hover a .txt{color:#fff}
header nav .li2 .recommend{position:absolute;top:-5px;left:-8px;color:#ff952c;transition:all 0.3s ease-in-out}
header nav .li2 a{position:relative;word-break: keep-all; transition: all 0.3s ease-in-out;text-align: center;display: flex;flex-direction: column;justify-content: center;padding: 8px 0;}
header nav .li2 a.bg .txt_wrap{background:#fdd32d69;border-radius: 4px;}
header nav .li2:hover a.bg .txt_wrap, header nav .li2.on a.bg .txt_wrap{background:none;}
header nav .li2:hover a .recommend, header nav .li2.on a .recommend{color:#fdd32d}

header nav .li2 a .txt{line-height: 19px;word-break: keep-all; letter-spacing: -1px;font-size: 0.85em;transition: all 0.3s ease-in-out;}
header nav .li2.on{background: #ff952c;}
header nav .li2.on a .txt{color: #000;text-decoration: underline;font-weight:bold}
header nav .ul2_bg{width: 100vw;background: #fff;height: 360px;top: 80px;left: 50%;transform: translateX(-50%);position: absolute;z-index: -1;transition: all 0.3s ease-in-out;pointer-events: none;border-top: 1px solid #bbb;box-shadow: 3px 4px 4px rgba(0,0,0,0.2);}
header .btn_wrap{display: flex;flex-direction: row;padding: 0 9px; position: relative;}
/*  mypagehd */
header .btn_wrap .mypagehd_btn{background: #efefef;color: #000;width: 40px;text-align: center;height: 40px;border: none; font-size: 16px;cursor: pointer;display: flex;flex-direction: column;justify-content: center;
border-radius: 50%;margin: auto 0;}
header .btn_wrap .mypagehd_wrap{position: absolute; border-radius: 15px;background: #fff;padding: 20px;top:75px; width: 265px;right: 65px;box-shadow: 7px 8px 8px rgba(0,0,0,0.2);}
header .btn_wrap .mypagehd_wrap .top_btn{display: flex;flex-direction: row;justify-content: flex-end;}
header .btn_wrap .mypagehd_wrap .top_btn button{width: 45px; height: 45px;background: #efefef;border-radius: 50%;border: none;transition: all 0.3s ease-in-out;font-size: 18px;cursor: pointer;}
header .btn_wrap .mypagehd_wrap .top_btn button:hover{background: #000;color: #fff;}
header .btn_wrap .mypagehd_wrap .content {text-align: center;}
header .btn_wrap .mypagehd_wrap .content h3{font-weight: bold;margin: 15px 0 4px;line-height: 1;}
header .btn_wrap .mypagehd_wrap .content h3 span{font-size: 2em;line-height: 1;}
header .btn_wrap .mypagehd_wrap .content .mypage_btn{border: 1px solid #efefef; border-radius: 30px;padding: 8px 30px;display: block;margin: 15px auto;width: fit-content;transition: all 0.3s ease-in-out;background: #efefef;}
header .btn_wrap .mypagehd_wrap .content .mypage_btn:hover{background: #ff952c;color: #fff;border: 1px solid #ff952c;}
header .btn_wrap .mypagehd_wrap .content ul{display: flex;flex-direction: row;justify-content: center;}
header .btn_wrap .mypagehd_wrap .content .btnul li a{border: 1px solid #efefef; padding: 8px 16px;display: block;margin: 15px auto;width: fit-content;transition: all 0.3s ease-in-out;word-break: keep-all;}
header .btn_wrap .mypagehd_wrap .content .btnul li:first-child a{border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
header .btn_wrap .mypagehd_wrap .content .btnul li:first-child a:hover{background: #ff952c;color: #fff;border:1px solid #ff952c}
header .btn_wrap .mypagehd_wrap .content .btnul li:last-child a{border-top-right-radius: 30px;border-bottom-right-radius: 30px;background: #efefef;}
header .btn_wrap .mypagehd_wrap .content .btnul li:last-child a:hover{background: #000;color: #fff;border:1px solid #000}
header .btn_wrap .mypagehd_wrap .content .privacy_btn li{margin: 0 2px;}
header .btn_wrap .mypagehd_wrap .content .privacy_btn li a{font-size: 0.8em;color: #444;transition:  all 0.3s ease-in-out;word-break: keep-all;}
header .btn_wrap .mypagehd_wrap .content .privacy_btn li a:hover{color: #000;}

header .btn_wrap .join_btn{padding: 0 12px;border-radius: 6px;background: #efefef;color: #000;border: none;text-align: center;font-weight: bold;cursor: pointer;align-self: center;font-size: 13px;line-height: 35px;margin-left: 4px;word-break: keep-all;}
header .btn_wrap .allmenu_btn{border: none;background: transparent;color: #000;line-height: 80px;width: 80px;text-align: center;height: 80px;font-size: 16px;cursor: pointer;}
header .btn_wrap .login_btn{padding: 0 12px;border-radius: 6px;background: #ff952c;color: #fff;border: none;text-align: center;font-weight: bold;cursor: pointer;align-self: center;font-size: 13px;line-height: 35px;}

/* allmenu */
.allmenu{position: fixed;z-index: 9999;background: #000; width: 100%;height: 100dvh; }
.allmenu .close{display: flex;flex-direction: row;justify-content: space-between;height: 65px;}
.allmenu .close h1{display: flex;flex-direction: column;justify-content: center;height: 100%; padding: 0 9px;}
.allmenu .close h1 img{width: 140px;}
.allmenu .close button{background: transparent;color: #fff;border: none;font-size: 16px;cursor: pointer;height: 65px;width: 65px;text-align: center;}
.allmenu .content{height: calc(100% - 145px);overflow: hidden; color: #fff;padding: 0 80px 80px 80px;}
.allmenu .content a{display: block;text-align: center;font-size: 18px;padding: 12px 0;transition: all 0.3s ease-in-out;}
.allmenu .content a:hover{background: #ff952c;}
.allmenu .content .allul1{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;}
.allmenu .content .allli1{width: 13.6%;margin: 1.5%;}
.allmenu .content .allli1 > a{border-bottom: 2px solid  #ff952c; font-weight: bold;}

/* side_fix */
.side_fix{position: fixed;bottom: 50px;right: 25px;z-index: 999;}
.side_fix ul li{width: 40px;height: 40px;border-radius: 50%;text-align: center;overflow: hidden;box-shadow: 3px 4px 4px rgba(0,0,0,0.2);}
.side_fix ul li button{border: none;display: block;height: 100%;width: 100%;cursor: pointer;}

.hd_login{position: fixed;width: 100%;height: 100vh;background: #00000099;display: flex;flex-direction: column;justify-content: center;z-index: 99999; backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px); /* Safari Áö¿ø */}
.hd_login .s_inner{background: #fff;border-radius: 20px;padding: 20px;height: 70vh;max-height: 600px;}
.hd_login .close_wrap{display: flex;flex-direction: row;justify-content: flex-end;}
.hd_login .close_wrap button{color: #000; background: transparent;border: none;cursor: pointer;width: 45px;height: 45px;line-height: 45px;background: #efefef;border-radius: 50%;font-size: 18px;transition: all 0.3s ease-in-out;}
.hd_login .close_wrap button:hover{background: #000;color: #fff;}
.hd_login .wrap{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;height: calc(100% - 105px);margin-top: 20px;}
.hd_login .wrap figure{width: calc(50% - 15px);background: #efefef;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.hd_login .wrap figure img{width: 200px;object-fit: contain;display: block;margin: 0 auto;}
.hd_login .wrap figure figcaption{text-align: center;font-weight: bold;font-size: 36px;}
.hd_login .wrap .content{width: calc(50% - 15px);}
.hd_login .wrap .content h2{font-weight: bold;font-size: 24px;margin-bottom: 80px;}
.hd_login .wrap .content ul li{margin-bottom: 8px;}
.hd_login .wrap .content ul li input{background: #efefef;padding: 12px;display: block; border-radius: 4px;width: 100%}
.hd_login .wrap .content ul li input:focus{outline: none;}
.hd_login .wrap .content .select{display: flex;flex-direction: row;justify-content: space-between; flex-wrap: wrap;}
.hd_login .wrap .content .select label{cursor: pointer;transition: all 0.3s ease-in-out;}
.hd_login .wrap .content .select label:hover{color: #ff952c;}
.hd_login .wrap .content .select a{transition: all 0.3s ease-in-out;}
.hd_login .wrap .content .select a:hover{color: #ff952c;}
.hd_login .wrap .content .btn{margin: 30px 0 4px;}
.hd_login .wrap .content .btn button{display: block;background: #ff952c;color: #fff;border-radius: 4px;text-align: center;font-weight: bold;transition: all 0.3s ease-in-out;width: 100%;border: none;line-height: 35px;font-size: inherit;cursor: pointer;}
.hd_login .wrap .content .btn button:hover{background: #000;}
.hd_login .wrap .content .join{text-align: center;}
.hd_login .wrap .content .join a{font-weight: bold;color: #000;display: block;line-height: 35px; background: #efefef;transition:  all 0.3s ease-in-out;}
.hd_login .wrap .content .join a:hover{border-radius: 4px;background: #000;color: #fff;}

@media screen and (max-width:1400px) {
    header nav .li1 > a{padding: 10px 15px;}
    header nav .li2 a{font-size: 0.8em;letter-spacing: -1px;}

    .allmenu .content{padding: 0 50px 50px 50px;}
    .allmenu .content a{font-size: 16px;}
}

@media screen and (max-width:1100px) {
    header nav{display: none;}
    header .btn_wrap{flex-direction: row;}

    .allmenu .content{overflow-y: scroll;}
    .allmenu .content .allli1{width: 22%;}

}

@media screen and (max-width:660px) {
    header h1 img{width: 80px;}
    header .btn_wrap .login_btn, header .btn_wrap .join_btn{line-height: 30px; padding: 0 8px;letter-spacing: -1px;}
    header .btn_wrap .allmenu_btn{width: 45px;}

    .allmenu .content{padding: 0 9px 9px;height: calc(100% - 74px);}
    .allmenu .content a{padding: 5px;}
    .allmenu .content .allul1{display: block;}
    .allmenu .content .allli1{width: 100%;max-width: 3% 1.5%;}
    .allmenu .content .allli1 > a{border-bottom: none;border-left: 2px solid #ff952c;text-align: left;}
    .allmenu .content .allul2{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;}

    header .btn_wrap .mypagehd_wrap{right: 0; max-width: 100vw;box-sizing: border-box;}
    
    .hd_login .s_inner{height: 95vh;padding: 10px;}
    .hd_login .wrap figure{display: none;}
    .hd_login .wrap .content{width: 100%;}
    .hd_login .close_wrap button{width: 35px;height: 35px;line-height: 35px;}
    .hd_login .wrap .content h2{margin-bottom: 10px;}

}

/* foooter */
footer{font-size: 0.8em;}
footer .inner{padding: 50px 0;border-top: 1px solid #ccc;}
footer .wrap{display: flex;flex-direction: row;justify-content: space-between;margin-bottom: 30px;}
footer .wrap nav ul{display: flex;flex-direction: row;justify-content:  flex-start;}
footer .wrap nav ul li{border-right: 1px solid #ccc;}
footer .wrap nav ul li:last-child{border-right: none;}
footer .wrap nav ul li:first-child a{padding-left: 0;}
footer .wrap nav ul li a{padding: 0 8px;color: #797979;}
footer .wrap .sns{display: flex;flex-direction: row}
footer .wrap .sns li{margin-right: 6px;}
footer .wrap .sns li a img{width: 35px;}
footer .wrap img{width: 120px;align-self: flex-end;}
footer .info{font-size: 1.1em;word-break: keep-all;}
footer .info b{font-weight: bold;font-size: 18px;}
footer .info u{text-decoration: none;}
footer .info .mo_br{display: none;}
footer .copy{border-top: 1px solid #ccc;font-size: 0.9em;padding: 6px 0;margin-top: 20px;}

@media screen and (max-width: 660px ) {
    footer .inner{padding: 30px 0;}
    footer .wrap{flex-direction: column;}
    footer .wrap nav{order: 2;}
    footer .wrap nav ul{justify-content: center;flex-wrap: wrap;}
    footer .wrap nav ul li:first-child a{padding-left: 8px;}
    footer .wrap .sns{justify-content: center;order: 1;}

    footer .wrap img{align-self: center;margin-top: 8px;}
    footer .info{text-align: center;}
    footer .info u{display: none;}
    footer .info .mo_br{display: block;}
    footer .copy{text-align: center;}
}

/* main */
.main{margin-bottom: 50px;}
.main .sec1 ul li{background: #000;color: #fff;height: 450px;text-align: center;color: #fff;}
.main .sec1 ul li:nth-child(1){background-image: linear-gradient(-225deg, #ff952c 0%, #132563 30%, #000000 100%)}
.main .sec1 ul li:nth-child(2){background: url(../images/main/mv2.jpg) no-repeat left center;background-size: cover;}
.main .sec1 ul li:nth-child(2) .content{text-align: right;}
.main .sec1 ul li:nth-child(2) img{opacity: 0;}
.main .sec1 ul li:nth-child(3){background-image: linear-gradient(to right, #e4afcb 0%, #b8cbb8 0%, #b8cbb8 0%, #e2c58b 30%, #c2ce9c 64%, #7edbdc 100%);color: #000;}
.main .sec1 ul li:nth-child(3) img{mix-blend-mode: normal;}
.main .sec1 ul li:nth-child(4){background: url(../images/mv4.jpg) no-repeat center;background-size: cover;}
.main .sec1 ul li a{display: block;height: 100%;}
.main .sec1 ul li .inner{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;height: 100%;padding-top: 40px;}
.main .sec1 ul li:nth-child(1) .content .star{font-size: 80px;position: relative;color: #fdd01c;margin-bottom: -20px;width: fit-content;}
.main .sec1 ul li:nth-child(1) .content .star p{position: absolute;font-size: 16px;left: 50%;color: #000;top: 55%;transform: translate(-50%, -50%);line-height: 1;white-space: nowrap;font-weight: bold;text-align: center;}
.main .sec1 ul li .content{width: calc(100% - 500px); align-self: center;display: flex;flex-direction: column;justify-content: space-between;text-align: left;font-size: 1.2em;position: relative;word-break: keep-all;}
.main .sec1 ul li .content h2{font-weight: bold;font-size: 40px;position: relative;margin-bottom: 50px;}
.main .sec1 ul li .content h2:after{position: absolute;width: 40px;height: 4px;background: #fff;content: '';bottom: -15px;left: 0;}
.main .sec1 ul li:nth-child(2) .content h2:after{left: auto;right:0}
.main .sec1 ul li:nth-child(3) .content h2:after{background: #000;}
.main .sec1 ul li img{width: 450px;align-self: center;mix-blend-mode: screen;}

.main .sec2{background: #f9ead3;padding: 30px 0;}
.main .sec2 .inner{background: #fff;padding: 15px;border-radius: 12px;padding: ;}
.main .sec2 p{line-height: 44px;}
.main .sec2 .search_input_wrap{display:flex;}
.main .sec2 .search_input_wrap input{border:none; line-height:45px;width:calc(100% - 104px);padding: 0 8px;border-bottom: 1px solid #cecece;}
.main .sec2 .search_input_wrap input:focus{outline: none;}
.main .sec2 .search_input_wrap button{width:45px; border:none; line-height:45px;font-size:22px;background:transparent;border-radius: 6px;cursor: pointer;transition: all 0.3s ease-in-out;}
.main .sec2 .search_input_wrap button:hover{background:#ff952c;color:#fff}
.main .sec2 .search_chk_wrap{padding: 8px;display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;}
.main .sec2 .search_chk_wrap select{padding: 0 4px;border: 1px solid #cecece;border-radius: 6px;line-height: 35px;height: 35px;cursor: pointer;margin-right: 6px;}
.main .sec2 .search_chk_wrap label{margin-right: 6px;height: 35px;line-height: 35px;cursor: pointer;word-break: keep-all;}
.main .sec3{background-image: linear-gradient(to bottom, #f9ead3 0%, #ace0f9 100%);padding-bottom: 30px;color: #000;}
.main .sec3 h2{font-weight: bold;text-align: center;font-size: 28px;position: relative;margin-bottom: 60px;}
.main .sec3 h2:after{position: absolute;bottom:-20px;content: '';width: 40px;height: 4px;background: #000;left: 50%;transform: translateX(-50%);}
.main .sec3 ul{display: flex;flex-direction: row;justify-content: space-around;flex-wrap: wrap;}
.main .sec3 ul li{width: 30%;text-align: center;}
.main .sec3 ul li:nth-child(2){border-left: 1px solid #fff;border-right: 1px solid #fff;}
.main .sec3 ul li .img_wrap{font-size: 60px;text-align: center;margin: 0 auto;color: #888;margin-bottom: 20px;}
.main .sec3 ul li h5{font-weight: bold;font-size: 24px;}
.main .sec3 ul li p{word-break: keep-all;font-size: 0.9em;}


.main .flex_area{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.main .flex_sec{width: 30%;margin: 50px 1.5% 0;}
.main .sec4{}
.main .sec4 ul{display: flex;flex-direction: row;justify-content: space-around;flex-wrap: wrap;}
.main .sec4 ul li{width: 50%;margin-bottom: 10px;}
.main .sec4 ul li a{display: block; }
.main .sec4 ul li .img_wrap{width: 80px; height: 80px;display: flex;flex-direction: column;justify-content: center;background: #fff3ec;border-radius: 50%;margin: 0 auto; font-size: 28px;color: #565656;transition: all 0.3s ease-in-out;}
.main .sec4 ul li:hover .img_wrap{color: #fff;background: #000;}
.main .sec4 ul li p{text-align: center;margin-top: 4px;}

/* °èÁ¹øÈ£ */
.main .sec5 .account{background: #efefef;padding: 20px;border-radius: 20px;}
.main .sec5 .account h2{font-weight: bold;font-size: 22px;}
.main .sec5 .account .acc{display: flex; color: #323232;justify-content: flex-start;flex-wrap: wrap; line-height: 30px;}
.main .sec5 .account .acc img{height: 30px;margin-top: 6px;}
.main .sec5 .account .acc h6{font-weight: bold;font-size: 24px;margin-right: 6px;line-height: inherit;margin-bottom: 6px;}
.main .sec5 .account .acc h5{width: 100%;font-weight: bold;font-size: 18px;margin-top: 6px;}
.main .sec5 .account .acc p{line-height: inherit;}
.main .sec5 .account ul{display: flex;flex-direction: row;justify-content: space-around;margin-top: 6px;}
.main .sec5 .account ul li{border-radius: 8px;overflow: hidden;}
.main .sec5 .account ul li a{text-align: center;display: flex;flex-direction: column;justify-content: center; width: 80px;height: 80px;background: #fff;font-size: 0.9em; line-height: 1.2;transition: all 0.3s ease-in-out;}
.main .sec5 .account ul li a:hover{background: #797979;color: #fff;}

/* ³×ÀÓ¼­¹ö */
.main .sec6{background: #fff3ec;border-radius: 20px;}
.main .sec6 .ns{padding: 20px;}
.main .sec6 .ns h2{font-weight: bold;font-size: 22px;}
.main .sec6 .ns dl{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;margin-top:6px;}
.main .sec6 .ns dl dt{width: 19%;padding: 8px 0;background: #ff952c; color: #fff; border: 1px solid #ff952c; box-sizing: border-box; text-align: center;margin-bottom: 4px;display: flex;flex-direction: column;justify-content: center;font-weight: bold;border-radius: 8px;}
.main .sec6 .ns dl dd{width: 80%; padding: 8px 0;margin-bottom: 4px;text-align: center;box-sizing: border-box;border: 1px solid #ff952c;background: #fff;border-radius: 8px;}

/* notice */
.main .sec7{margin-top: 50px;}
.main .sec7 .notice .tit{display: flex;flex-direction: row;justify-content: space-between;}
.main .sec7 .notice h2{font-weight: bold; font-size: 22px;border-left: 4px solid #ff952c;padding-left: 6px;line-height: 1.4;}
.main .sec7 .notice .tit a{padding: 2px 8px;
    transition: all 0.3s ease-in-out;
    align-self: center;text-decoration: none;}
.main .sec7 .notice ul{border-top: 2px solid #000;box-sizing: border-box;margin-top: 6px;}
.main .sec7 .notice ul li{display: flex;flex-direction: row;justify-content: space-between;padding: 10px 12px;border-bottom: 1px solid #aaa;box-sizing: border-box;}
.main .sec7 .notice ul li.top{border-bottom: 2px solid #000;}
.main .sec7 .notice ul li h4{width: 85%;}
.main .sec7 .notice ul li p{width: 15%;text-align: center;font-size: 0.9em;}
.main .sec7 .notice ul li.top h4{text-align: center;font-weight: bold;}
.main .sec7 .notice ul li.top p{font-weight: bold;}
.main .sec7 .notice a{transition: all 0.3s ease-in-out;display: block;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;vertical-align: middle;}
.main .sec7 .notice ul li a:hover{color: #ff952c;}

.main .sec9 .cs{padding: 20px;border-radius: 20px;background: #efefef;}
.main .sec9 .cs h2{font-weight: bold;font-size: 22px;margin-bottom: 4px;}
.main .sec9 .cs .content{word-break: keep-all;}
.main .sec9 .cs .content h1{font-weight: bold;font-size: 34px;color: #000;line-height: 1;margin-top: 4px 0;}
.main .sec9 .cs .content h4{font-size: 18px;color: #323232;}
.main .sec9 .cs .content p{text-align: left;font-size: 0.9em;width: fit-content;margin-right: 0;margin-left: auto;}

.main .sec8 h2{font-weight: bold;font-size: 22px;border-left: 4px solid #ff952c; padding-left: 6px;line-height: 1.4;}
.main .sec8 .tit{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;margin-bottom: 6px;}
.main .sec8 .tit a{align-self: center;font-size: 14px;}
.main .sec8 .mySwiper{height: 221px;border-top: 2px solid #000;box-sizing: border-box;border-bottom: 1px solid #aaa;}
.main .sec8 ul{border-top: 1px solid #aaa;}
.main .sec8 ul li{padding: 0 8px; border-bottom: 1px solid #aaa;display: flex;flex-direction: row;justify-content: space-between;height: 50px;box-sizing: border-box;}
.main .sec8 ul li a{transition: all 0.3s ease-in-out;color: #555;font-size: 14px;}
.main .sec8 ul li a:hover{color: #ff952c;}
.main .sec8 ul li .status{border: 1px solid #bbb;border-radius: 4px;box-sizing: border-box;font-size: 0.8em;padding: 0 6px;color: #565656;height: 25px;line-height: 25px;align-self: center;}
.main .sec8 ul li .status.done{border:1px solid #ff952c}
.main .sec8 ul li span{font-size: 0.9em;align-self: baseline;}
.main .sec8 ul li div{align-self: center;}

@media screen and (max-width:1100px) {
    .main .flex_sec{width: 47%;}
    .main .sec4{width: 100%;margin: 50px 0 0;}
    .main .sec4 ul li{width: 25%;}
    .main .sec9{width: 100%;}

    .main .sec1 ul li img{width: 300px;}
    .main .sec1 ul li .content{width: calc(100% - 350px);}
}

@media screen and (max-width:660px) {
    .main .flex_sec{width: 100%;}
    .main .sec4 ul li .img_wrap{width: 60px;height: 60px;font-size: 24px;}
    .main .sec4 ul li{width: 50%;}

    .main .sec1 ul li .inner{flex-direction: column;justify-content: center;padding: 60px 0 20px;}
    .main .sec1 ul li img{width:90%;max-width: 240px;order: 1;}
    .main .sec1 ul li .content{width: 100%;order: 2;text-align: center;font-size: inherit;}
    .main .sec1 ul li:nth-child(2) img{display: none;}
    .main .sec1 ul li .content h2{font-size: 22px;}
    .main .sec1 ul li .content h2:after{left: 50%;transform: translateX(-50%);}
    
    .main .sec1 ul li:nth-child(1) .content .star{font-size: 60px;}
    .main .sec1 ul li:nth-child(2) .content{text-align: center;}
    .main .sec1 ul li:nth-child(2) .content h2:after{left: 50%;right: auto;}

    .main .sec3 h2{font-size: 18px;}
    .main .sec3 ul li h5{font-size: 16px;word-break: keep-all;}
    .main .sec3 ul li .img_wrap{font-size: 34px;}

    .main .sec5 .account ul li a{width: 60px; height: 60px;}
    
}

.consult_wrap{position:fixed; width:100%; height:100vh; background:#00000099;display:flex;flex-direction: column;justify-content: center;top:0;left:0;z-index:9999}
.consult_sec { background: #f9f9f9; padding: 15px; border: 1px solid #ccc; width:80%;max-width:800px;height:70%;max-height:800px; margin:0 auto;overflow-y: scroll;}
.consult_sec .close_btn{display:flex;justify-content:flex-end}
.consult_sec .close_btn button{color: #000; background: transparent;border: none;cursor: pointer;width: 45px;height: 45px;line-height: 45px;background: #efefef;border-radius: 50%;font-size: 18px;transition: all 0.3s ease-in-out;}
.consult_sec .close_btn button:hover{background: #000;color: #fff;}
.consult-table { width: 100%; border-collapse: collapse; margin-top: 20px; }
.consult-table th, .consult-table td { padding: 10px; border: 1px solid #ddd;vertical-align: middle; }
.notice { font-size: 14px; color: #555; margin-bottom: 10px; }
.agree-check { margin-top: 10px; display: block; }
.btns { margin-top: 20px; }
.btns button { background: #ff952c; color: white; padding: 10px 20px; border: none; cursor: pointer; border-radius:6px;margin:0 auto;display: block;width:max-content;}

/* sub_top */

.sub_top{height:50vh;background: #000;}
.sub_top1{background: #000000ab url(../images/sub_top1.jpg) no-repeat center; background-size: cover;background-attachment: fixed;background-blend-mode: color;}
.sub_top2{background: #000000ab url(../images/sub_top401.jpg) no-repeat center; background-size: cover;background-attachment: fixed;background-blend-mode: color;}
.sub_top3{background: #000000ab url(../images/sub_top6.jpg) no-repeat center; background-size: cover;background-attachment: fixed;background-blend-mode: color;}
.sub_top4{background: #000000ab url(../images/sub_top3.jpg) no-repeat center; background-size: cover;background-attachment: fixed;background-blend-mode: color;}
.sub_top5{background: #000000ab url(../images/sub_top2.jpg) no-repeat center; background-size: cover;background-attachment: fixed;background-blend-mode: color;}
.sub_top6{background: #000000ab url(../images/sub_top5.jpg) no-repeat center; background-size: cover;background-attachment: fixed;background-blend-mode: color;}
.sub_top701{background: #000000ab url(../images/sub_top701.jpg) no-repeat center; background-size: cover;background-attachment: fixed;background-blend-mode: color;}
.sub_top702{background: #000000ab url(../images/sub_top702.jpg) no-repeat center; background-size: cover;background-attachment: fixed;background-blend-mode: color;}
.sub_top801{background: #000000ab url(../images/faq.jpg) no-repeat center; background-size: cover;background-blend-mode: color;}
.sub_top802{background: #000000ab url(../images/qna.jpg) no-repeat center; background-size: cover;background-blend-mode: color;}
.sub_top804{background: #000000ab url(../images/qna.jpg) no-repeat center; background-size: cover;background-blend-mode: color;}
.sub_top10{background: #000000ab url(../images/company.jpg) no-repeat center; background-size: cover;background-blend-mode: color;}
.sub_top .wrap{height: 100%;display: flex;flex-direction: column;justify-content: center;color: #fff;text-align: center;}

.sub_top .wrap h1{font-size: 20px;font-weight: bold;}
.sub_top .wrap h1 span{text-decoration: underline;}
.sub_top .wrap h3{font-size: 60px;font-weight: bold;}
.sub_top .wrap p{font-size: 18px;}

@media screen and (max-width:1100px){
    .sub_top{height: fit-content;}
    .sub_top .wrap{padding: 90px 0 40px;}
    .sub_top .wrap h3{font-size: 32px;}
    .sub_top .wrap p{font-size: inherit;}
    .sub_top .wrap h1{font-size: inherit;}
}

/* subp common */
.soon{min-height: 60vh;background: #fdd01c;display: flex;flex-direction: column;justify-content: center;}
.soon img{width: 240px;display: block;margin: 30px auto;}
.soon p{font-weight: bold;text-align: center;font-size: 28px;margin: 0 auto 30px;}
.subp .sec h1{background-image: linear-gradient(to top, #3f51b1 0%, #5a55ae 13%, #7b5fac 25%, #8f6aae 38%, #a86aa4 50%, #cc6b8e 62%, #f18271 75%, #f3a469 87%, #f7c978 100%);-webkit-text-fill-color: transparent;background-clip: text;-webkit-background-clip: text;font-size: 32px;font-weight: bold;text-align: center;margin-bottom: 30px;word-break: keep-all;border-top: 1px solid #ff952c;border-bottom: 1px solid #ff952c;padding: 12px 0;}
.subp .sec h3{font-weight: bold; border-left: 4px solid #ff952c;font-size: 20px;padding-left: 6px;margin-bottom: 12px;}
.subp .sec .grayp{background: #efefef;padding: 24px;word-break: keep-all;}
.subp .sec .grayp b{font-weight: bold;}
.subp .sec .pointp{background: #fff3ec;padding: 24px;}
.subp .sec ol li{position: relative;padding-left: 12px;margin: 4px 0;word-break: keep-all;}
.subp .sec ol li::after{position: absolute;left: 0;top: 10px;width: 6px;height: 6px;border-radius: 100%;background: #333;content: '';}
.subp .sec_warning{background: #fff3ec;padding: 30px 0;}
.subp .sec_popmsg{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: #00000099;display: flex;flex-direction: column;justify-content: center;z-index: 9999;}
.subp .sec_popmsg .s_inner{height: 60%;background: #fff;padding: 30px;border-radius: 12px;}
.subp .sec_popmsg .top_btn{display: flex;flex-direction: row;justify-content: flex-end;margin-bottom: 4px;}
.subp .sec_popmsg .top_btn button{background: transparent;width: 35px;height: 35px;background: #efefef;border-radius: 50%;border: none;cursor: pointer;transition: all 0.3s ease-in-out;}
.subp .sec_popmsg .top_btn button:hover{background: #000;color: #fff;}
.subp .sec_popmsg .grayp{overflow-y: scroll;height: calc(60vh - 140px);}

.subp .sec .imgul{display: flex;flex-direction: row;justify-content: space-around;flex-wrap: wrap;}
.subp .sec .imgul li{width: calc(33% - 40px);border-radius: 12px;border: 1px solid #efefef;padding: 20px;background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);box-sizing: border-box;}
.subp .sec .imgul li .img_wrap{width: 150px; height: 150px;border-radius: 50%;background: #fff;text-align: center;font-size: 46px;display: flex;flex-direction: column;justify-content: center;margin: 0 auto;color: #575757;}
.subp .sec .imgul li h5{font-weight: bold;margin: 12px 0;text-align: center;word-break: keep-all;}
.subp .sec .imgul li p{word-break: keep-all;}

.subp .sec table{width: 100%; border-collapse: collapse;}
.subp .sec table caption{text-align: right; font-size: 0.9em;}
.subp .sec table th{background: #efefef;padding: 10px 12px;border: 1px solid #efefef;font-weight: bold;word-break: keep-all;}
.subp .sec table td{padding: 8px 10px;border: 1px solid #efefef;word-break: keep-all;}
.subp .sec table td u, .subp .sec table th u{font-size: 0.75em;text-decoration: none;}
.subp .sec table th u{font-size: 0.75em;text-decoration: none;font-weight: normal;}
.subp .sec table thead{border-bottom: 2px solid #ddd;}
.subp .sec table th, .subp .sec table td{text-align: center;}
.subp .sec table tbody th{border-right: 2px solid #ddd;}
.subp .sec table tfoot th{border-right: 2px solid #ddd;}
.subp .sec table tbody th{vertical-align: middle;}
.subp .sec table tbody th button{font-size: inherit;background: #fff;color:#000;border-radius: 4px;  font-weight:  bold;cursor: pointer;transition: all 0.3s ease-in-out;height: 30px;line-height: 30px;border:1px solid #ddd}
.subp .sec table tbody th button:hover{background: #000;color: #fff;}
.subp .sec table tbody td{vertical-align: middle;}
.subp .sec table tfoot{border-top: 2px solid #ddd;}
.subp .sec table tfoot td{vertical-align: middle;}
.subp .sec table tfoot td a{border: none;font-size: inherit;background: #fff;color:#000;border-radius: 4px;  font-weight:  bold;cursor: pointer;transition: all 0.3s ease-in-out;height: 40px;line-height: 40px;padding: 0 15px;border: 1px solid #ddd;}
.subp .sec table tfoot td a:hover{background: #000;color: #fff;}
.subp .secquotation .pop_wrap{position: fixed;background: #00000099;display: flex;flex-direction: column;justify-content: center;left: 0;top: 0;z-index: 99999;width: 100dvw;height: 100dvh;}
.subp .secquotation .pop_wrap .pop{height: 90%;background: #fff;padding: 30px;border-radius: 12px;}
.subp .secquotation .pop_wrap .pop .top{display: flex;flex-direction: row;justify-content: flex-end;}
.subp .secquotation .pop_wrap .pop .top button{font-size: 1.2em;background: transparent;border: none;cursor: pointer;width: 40px;height: 40px;line-height: 40px;}
.subp .secquotation .pop_wrap .pop .content{border-top: 2px solid #ff952c;height: calc(100% - 100px);overflow-y: scroll;}
.subp .secquotation .pop_wrap .pop .content h4{font-size: 1.3em;text-align: center;margin:10px 0 20px;font-weight: bold;}
.subp .secquotation .pop_wrap .pop .btn_wrap {display: flex;flex-direction: row;justify-content: center;margin-top: 20px;}
.subp .secquotation .pop_wrap .pop .btn_wrap button{background: #efefef;border: 1px solid #999;border-radius: 4px;padding: 6px 12px;margin: 0 6px;cursor: pointer;transition: all 0.3s ease-in-out;}
.subp .secquotation .pop_wrap .pop .btn_wrap button:hover{background-color: #000;color: #fff;font-weight: bold;}
.subp .secquotation .quotation_btn{display: flex;flex-direction: row;justify-content: flex-end;}
.subp .secquotation .quotation_btn button{background: #efefef;border-radius: 6px;padding: 4px 8px;text-align: center;font-weight: bold;transition: all 0.3s ease-in-out;border: none;font-size: inherit;cursor: pointer;}
.subp .secquotation .quotation_btn button:hover{background: #000;color: #fff;}


@media screen and (max-width:660px) {
    .sec .table_wrap{overflow-x: scroll;} 
    .subp .sec h1{font-size: 24px;}
    .subp .sec h3{font-size: 18px;}
     
    .subp .sec_popmsg{justify-content: flex-end;}
    .subp .sec_popmsg .s_inner{padding: 12px;margin-bottom: 30px;height: 80%;}
    
}

/* À¥È£½ºÆà */
/*sub101 */
.sub101 .sec1 table thead th{background: #fff3ec;}
.sub101 .sec1 table tfoot th, .sub101 .sec1 table tfoot td{background: #fff3ec;font-weight: bold;}
.sub101 .sec1 table tfoot td a:hover{background: #000;color: #fff;}
.sub101 .sec2 colgroup col:first-child{width: 20%;}
.sub101 .sec2 .btn_wrap .pointp{text-align: center;font-weight: bold;}
.sub101 .sec2 .btn_wrap{margin-top: 30px;}
.sub101 .sec2 .btn_wrap a{display: block;width: fit-content;padding: 10px 16px;background: #000;border-radius: 6px;color: #fff;font-weight: bold;margin: 20px auto;transition: all 0.3s ease-in-out;}
.sub101 .sec2 .btn_wrap a:hover{background: #ff952c;}
.sub101 .sec6{background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);padding: 30px 0;}
.sub101 .sec6 .grayp{background: #fff;border-radius: 12px;}
.sub101 .sec4{background: #efefef;padding: 30px 0}
.sub101 .sec4 ol{padding: 20px;background: #fff;border-radius: 15px;}

.sub101 .sec_warning{margin-bottom: 50px;}
.sub101 .sec_warning p{background: #fff;padding: 20px;border-radius: 12px;margin-top: 30px;}

.sub101 .nsec1 .vat{text-align: right;max-width: 1000px;margin: 0 auto;}
.sub101 .nsec1 ul{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;max-width: 1000px;margin: 0 auto;}
.sub101 .nsec1 ul li{width: 23%; margin: 0 1% 2% 1%;border-radius: 8px;overflow: hidden;border: 1px solid #efefef;}
.sub101 .nsec1 ul li:last-child{width: 48%;}
.sub101 .nsec1 ul li .tit{background: #fff3ec;padding: 12px;font-weight: bold;font-size: 1.15em;}
.sub101 .nsec1 ul li dl{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;font-size: 0.85em;}
.sub101 .nsec1 ul li dl dt{padding: 1px 0 0 12px;text-align: left;width: 50%;}
.sub101 .nsec1 ul li dl dd{padding: 1px 12px 0 0;text-align: right;width: 50%;}
.sub101 .nsec1 ul li dl dt.w100{width: 100%;word-break: keep-all;margin-top: 20px;}
.sub101 .nsec1 ul li dl dt.w100 p{padding-left: 8px;position: relative;}
.sub101 .nsec1 ul li dl dt.w100 p:after{content: '-';position: absolute;left: 0;top: 0;}
.sub101 .nsec1 ul li dl.point dd{font-weight: bold;color: #ff952c;}
.sub101 .nsec1 ul li a{padding: 12px;background: #ff952c;text-align: center;display: block;font-weight: bold;color: #fff;transition: all 0.3s ease-in-out;margin-top: 30px;font-size: 0.9em;}
.sub101 .nsec1 ul li a:hover{background: #000;}
.sub101 .nsec2 .box{padding: 24px;background: #fff3ec;display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.sub101 .nsec2 .box p{align-self: center;font-weight: bold;}
.sub101 .nsec2 .box a{    display: block;
    width: fit-content;
    padding: 10px 16px;
    background: #000;
    border-radius: 6px;
    color: #fff;
    font-weight: bold;
    transition: all 0.3s ease-in-out;}
.sub101 .nsec2 .box a:hover{background: #ff952c;}
.sub101 .sec7 table td{text-align: left;}
.sub101 .sec8{background: #efefef;padding: 30px 0;}
.sub101 .sec8 .grayp{background: #fff;border-radius: 12px;}
.sub101 .sec9 .imgul li{width: 24%;}
.sub101 .sec_warning ol{padding: 20px;background: #fff;border-radius: 15px;list-style: devanagari;}
.sub101 .sec_warning ol li{margin-left: 20px;padding-left: 6px;}
.sub101 .sec_warning ol li:after{content: none;}
@media screen and (max-width:1100px) {
    .sub101 .sec1 table{min-width: 750px;}
    .sub101 .sec2 colgroup col:first-child{width: auto;}
    .sub101 .nsec1 ul li{width: 48%;}
    .sub101 .nsec1 ul li:last-child{width: 98%;}
    .sub101 .nsec1 ul li dl{margin-top: 30px;}
    .sub101 .nsec1 ul li a{margin-top: 15px;}
}

@media screen and (max-width:660px) {
    .sub101 .sec2 table{min-width: 400px;}

    .sub101 .sec9 .imgul li{width: 49%;}
}

/* fullkit */

.subfullkit .nsec1 .vat{text-align: right;max-width: 1000px;margin: 0 auto;}
.subfullkit .nsec1 ul{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;max-width: 1000px;margin: 0 auto;}
.subfullkit .nsec1 ul li{width: 23%; margin: 0 1% 2% 1%;border-radius: 8px;overflow: hidden;border: 1px solid #efefef;}
.subfullkit .nsec1 ul li:last-child{width: 48%;}
.subfullkit .nsec1 ul li .tit{background: #fff3ec;padding: 12px;font-weight: bold;font-size: 1.15em;}
.subfullkit .nsec1 ul li dl{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;font-size: 0.85em;}
.subfullkit .nsec1 ul li dl dt{padding: 1px 0 0 12px;text-align: left;width: 50%;}
.subfullkit .nsec1 ul li dl dd{padding: 1px 12px 0 0;text-align: right;width: 50%;}
.subfullkit .nsec1 ul li dl dt.w100{width: 100%;word-break: keep-all;margin-top: 20px;}
.subfullkit .nsec1 ul li dl dt.w100 p{padding-left: 8px;position: relative;}
.subfullkit .nsec1 ul li dl dt.w100 p:after{content: '-';position: absolute;left: 0;top: 0;}
.subfullkit .nsec1 ul li dl.point dd{font-weight: bold;color: #ff952c;}
.subfullkit .nsec1 ul li a{padding: 12px;background: #ff952c;text-align: center;display: block;font-weight: bold;color: #fff;transition: all 0.3s ease-in-out;margin-top: 30px;font-size: 0.9em;}
.subfullkit .nsec1 ul li a:hover{background: #000;}
.subfullkit .nsec3 .inner{display: flex;flex-direction: row;justify-content: space-around;flex-wrap: wrap;}
.subfullkit .nsec3 .script{width: 45%;padding: 30px;border-radius: 12px;background: #efefef;display: flex;flex-direction: column;justify-content: space-between;}
.subfullkit .nsec3 .script .btn_wrap{display: flex;flex-direction: row;justify-content: space-around;}
.subfullkit .nsec3 .script .btn_wrap a{padding: 6px 12px;background: #000;color: #fff;text-align: center;border-radius: 6px;width: 45%;transition: all 0.3s ease-in-out;}
.subfullkit .nsec3 .script .btn_wrap a:hover{background: #ff952c;}
.subfullkit .nsec2 .box{padding: 24px;background: #fff3ec;display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.subfullkit .nsec2 .box p{align-self: center;font-weight: bold;}
.subfullkit .nsec2 .box a{    display: block;
    width: fit-content;
    padding: 10px 16px;
    background: #000;
    border-radius: 6px;
    color: #fff;
    font-weight: bold;
    transition: all 0.3s ease-in-out;}
.subfullkit .nsec2 .box a:hover{background: #ff952c;}
.subfullkit .sec7 table td{text-align: left;}
.subfullkit .sec8{background: #efefef;padding: 30px 0;}
.subfullkit .sec8 .grayp{background: #fff;border-radius: 12px;}
.subfullkit .sec9 .imgul li{width: 30%;}
.subfullkit .sec_warning ol{padding: 20px;background: #fff;border-radius: 15px;list-style: devanagari;}
.subfullkit .sec_warning ol li{margin-left: 20px;padding-left: 6px;}
.subfullkit .sec_warning ol li:after{content: none;}
@media screen and (max-width:1100px) {
    .subfullkit .sec1 table{min-width: 750px;}
    .subfullkit .sec2 colgroup col:first-child{width: auto;}
    .subfullkit .nsec1 ul li{width: 48%;}
    .subfullkit .nsec1 ul li:last-child{width: 98%;}
    .subfullkit .nsec1 ul li dl{margin-top: 30px;}
    .subfullkit .nsec1 ul li a{margin-top: 15px;}
}

@media screen and (max-width:660px) {
    .subfullkit .sec2 table{min-width: 400px;}

    .subfullkit .sec9 .imgul li{width: 95%;}
}

/* cloud_hosting */

.subcloud_hosting .nsec1 .vat{text-align: right;margin: 0 auto;}
.subcloud_hosting .nsec1 ul{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;margin: 0 auto;}
.subcloud_hosting .nsec1 ul li{width: 23%; margin: 0 1% 2% 1%;border-radius: 8px;overflow: hidden;border: 1px solid #efefef;}
.subcloud_hosting .nsec1 ul li:last-child{width: 48%;}
.subcloud_hosting .nsec1 ul li .tit{background: #fff3ec;padding: 12px;font-weight: bold;font-size: 1.15em;}
.subcloud_hosting .nsec1 ul li dl{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;font-size: 0.85em;}
.subcloud_hosting .nsec1 ul li dl dt{padding: 1px 0 0 12px;text-align: left;width: 50%;}
.subcloud_hosting .nsec1 ul li dl dd{padding: 1px 12px 0 0;text-align: right;width: 50%;}
.subcloud_hosting .nsec1 ul li dl dt.w100{width: 100%;word-break: keep-all;margin-top: 20px;}
.subcloud_hosting .nsec1 ul li dl dt.w100 p{padding-left: 8px;position: relative;}
.subcloud_hosting .nsec1 ul li dl dt.w100 p:after{content: '-';position: absolute;left: 0;top: 0;}
.subcloud_hosting .nsec1 ul li dl.point dd{font-weight: bold;color: #ff952c;}
.subcloud_hosting .nsec1 ul li a{padding: 12px;background: #ff952c;text-align: center;display: block;font-weight: bold;color: #fff;transition: all 0.3s ease-in-out;margin-top: 30px;font-size: 0.9em;}
.subcloud_hosting .nsec1 ul li a:hover{background: #000;}

.subcloud_hosting .nsec2 .box{padding: 24px;background: #fff3ec;display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.subcloud_hosting .nsec2 .box p{align-self: center;font-weight: bold;}
.subcloud_hosting .nsec2 .box a{    display: block;
    width: fit-content;
    padding: 10px 16px;
    background: #000;
    border-radius: 6px;
    color: #fff;
    font-weight: bold;
    transition: all 0.3s ease-in-out;}
.subcloud_hosting .nsec2 .box a:hover{background: #ff952c;}
.subcloud_hosting .sec2 table td .point{color: #ff952c; font-weight: bold;}
.subcloud_hosting .sec7 table td{text-align: left;}
.subcloud_hosting .sec8{background: #efefef;padding: 30px 0;}
.subcloud_hosting .sec8 .grayp{background: #fff;border-radius: 12px;}
.subcloud_hosting .sec9 .imgul li{width: 30%;margin: 15px 0;}
.subcloud_hosting .sec_warning ol{padding: 20px;background: #fff;border-radius: 15px;list-style: devanagari;}
.subcloud_hosting .sec_warning ol li{margin-left: 20px;padding-left: 6px;}
.subcloud_hosting .sec_warning ol li:after{content: none;}
@media screen and (max-width:1100px) {
    .subcloud_hosting .sec1 table{min-width: 750px;}
    .subcloud_hosting .sec2 colgroup col:first-child{width: auto;}
    .subcloud_hosting .nsec1 ul li{width: 48%;}
    .subcloud_hosting .nsec1 ul li:last-child{width: 98%;}
    .subcloud_hosting .nsec1 ul li dl{margin-top: 30px;}
    .subcloud_hosting .nsec1 ul li a{margin-top: 15px;}
}

@media screen and (max-width:660px) {
    .subcloud_hosting .sec2 table{min-width: 400px;}

    .subcloud_hosting .sec9 .imgul li{width: 95%;}
}


/* sub102 */
.sub102 .sec1 a{display: block;width: fit-content;padding: 8px 12px;background: #000;color: #fff;font-weight: bold;margin: 0 auto;border-radius: 6px;transition: all 0.3s ease-in-out;margin-top: 20px;}
.sub102 .sec1 a:hover{background: #ff952c;}
.sub102 .sec2 table th, .sub102 .sec2 table td{vertical-align: middle;}
.sub102 .sec2 table tbody th{background: #fff3ec;}
.sub102 .sec2 table tfoot th, .sub102 .sec2 table tfoot td{background: #fff3ec;font-weight: bold;}
.sub102 .sec3{margin-bottom: 50px;}
.sub102 .sec4{background: #efefef;padding: 30px 0;}
.sub102 .sec_warning{margin-bottom: 50px;}
.sub102 .sec_warning p{background: #fff;padding: 20px;border-radius: 12px;margin-top: 30px;}
.subp .nsec1 ul{display: flex;flex-direction: row;justify-content:flex-start;flex-wrap: wrap;}
.subp .nsec1 ul li{width: 23%; margin: 0 1% 2% 1%;border-radius: 8px;overflow: hidden;border: 1px solid #efefef;}
.subp .nsec1 ul li .tit{background: #fff3ec;padding: 12px;font-weight: bold;font-size: 1.15em;}
.subp .nsec1 ul li dl{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;font-size: 0.85em;}
.subp .nsec1 ul li dl dt{padding: 1px 0 0 12px;text-align: left;width: 50%;}
.subp .nsec1 ul li dl dd{padding: 1px 12px 0 0;text-align: right;width: 50%;}
.subp .nsec1 ul li dl dd.w100{width: 100%;text-align: left;padding: 1px 12px;word-break: keep-all;}
.subp .nsec1 ul li dl.point dd{font-weight: bold;color: #ff952c;}
.subp .nsec1 ul li a{padding: 12px;background: #ff952c;text-align: center;display: block;font-weight: bold;color: #fff;transition: all 0.3s ease-in-out;margin-top: 30px;font-size: 0.9em;}
.subp .nsec1 ul li a:hover{background: #000;}


@media screen and (max-width:1100px) {
    .sub102 .sec .table_wrap{overflow-x: scroll;}
    .sub102 .sec3 .imgul{justify-content: flex-start;}    
    .sub102 .sec3 .imgul li{width: calc(46% - 40px);margin: 1.5%;}

    .subp .nsec1 ul li{width: 48%;}
    
}

@media screen and (max-width:660px) {
    .sub102 .sec1 h1{width: 100%;margin-bottom: 30px;font-size: 22px;}
    .sub102 .sec1 .content{width: 100%;}
    .sub102 .sec1 .content p{border-left: none;border-top: 2px solid #ff952c;border-bottom: 2px solid #ff952c;text-align: center;margin-bottom: 30px;}
    .sub102 .sec3 .imgul{justify-content: center;}
    .sub102 .sec3 .imgul li{width: 90%;}
}

.sub103 .sec2{margin-bottom: 50px;}
.sub103 .sec2 nav{margin-bottom: 30px;}
.sub103 .sec2 nav ul{display: flex;flex-direction: row;justify-content: center;}
.sub103 .sec2 nav ul li a{display: block;padding: 12px 20px;border: 1px solid #efefef;font-weight: bold;transition: all 0.3s ease-in-out;word-break: keep-all;white-space: nowrap;}
.sub103 .sec2 nav ul li a:hover{background: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);}
.sub103 .sec2 nav ul li .active{background: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%) ;}
.sub103 .sec2 .content{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.sub103 .sec2 .content li{margin: 1.5%; width: 30%;border-radius: 10px ;overflow: hidden;box-sizing: border-box;border: 1px solid #efefef;}
.sub103 .sec2 .content li figure{overflow: hidden;height: 230px;position: relative;display: flex;flex-direction: row;justify-content: center;background: transparent;}
.sub103 .sec2 .content li figure figcaption{color: #fff;align-self: center;flex-direction: column;text-align: center;background: transparent;border-top: none;opacity: 0;transition: all 0.3s ease-in-out;}
.sub103 .sec2 .content li figure figcaption span{transition: all 0.3s ease-in-out;}
.sub103 .sec2 .content li figure figcaption span{font-size: 18px;}
.sub103 .sec2 .content li figure img{position: absolute;top: 0;left: 50%; transform: translateX(-50%);  width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease-in-out;z-index: -1;}
.sub103 .sec2 .content li:hover figure img{width: 110%;height: 110%;filter: brightness(0.2)}
.sub103 .sec2 .content li:hover figure figcaption{opacity: 1;}
.sub103 .sec2 .content li .btn_wrap{display: flex;flex-direction: row;justify-content: center;}
.sub103 .sec2 .content li .btn_wrap .btn{width: 33.3333%;}
.sub103 .sec2 .content li .btn_wrap a{background: #efefef;font-weight: bold;color: #000;text-align: center;display: block;height: 50px;line-height: 50px;transition: all 0.3s ease-in-out;}
.sub103 .sec2 .content li .btn_wrap .btn:first-child a{background: #fdd01c;color: #000;}
.sub103 .sec2 .content li .btn_wrap .btn:first-child a:hover{background: #ff952c;color: #fff;}
.sub103 .sec2 .content li .btn_wrap a:hover{background: #000;color:#fff;}
.sub103 .sec2 .content.star li{position: relative;}
.sub103 .sec2 .content.star li .icon{font-size: 28px;position: absolute;top: 6px;left: 6px;z-index: 1;transition: all 0.3s ease-in-out;}
.sub103 .sec2 .content.star li .icon svg{transition: all 0.3s ease-in-out;color: #ff952c;}
.sub103 .sec2 .content.star li:hover .icon svg{color: #fff;}
/* .sub103 .sec2 .content.star li{border: 2px solid #ff952c;} */
.sub103 .sec2 .pagination{display: flex;flex-direction: row;justify-content: center;margin-top: 25px;}
.sub103 .sec2 .pagination li{margin: 0 8px;}
.sub103 .sec2 .pagination li a{border: 1px solid #efefef;border-radius: 4px;text-align: center;display: flex; flex-direction: column;justify-content: center; width: 35px;height: 35px;line-height: 35px;box-sizing: border-box;transition: all 0.3s ease-in-out;}
.sub103 .sec2 .pagination li:hover a{background: #000;color: #fff;}
.sub103 .sec2 .pagination li.active a{background: #ff952c;color: #fff;}
.sub103-view{margin-bottom: 50px;}
.sub103-view .sec1{position: fixed;bottom: 0;z-index: 99;width: 100vw;background: #fff;border-top: 1px solid #efefef;}
.sub103-view .sec1 ul{display: flex;flex-direction: row;justify-content: center;}
.sub103-view .sec1 ul li{width: 33.3333%;}
.sub103-view .sec1 ul li a{display: block;height: 45px;line-height: 45px;font-weight: bold;text-align: center;background: #efefef;transition:  all 0.3s ease-in-out;box-sizing: border-box;border: 1px solid #bbb;}
.sub103-view .sec1 ul li a:hover{background: #000;color: #fff;}
.sub103-view .sec1 ul li:first-child a{background: #ff952c;color: #fff;border: 1px solid #ff952c;}
.sub103-view .sec1 ul li:first-child:hover a{background: #fdd01c;color: #000;}
.sub103-view .sec2 figure{display: flex;flex-direction: row;justify-content: space-between;}
.sub103-view .sec2 figure img{width: 48%;height: auto; object-fit: contain;}
.sub103-view .sec2 figure figcaption{width: 48%;}
.sub103-view .sec2 figure figcaption dl{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;}
.sub103-view .sec2 figure figcaption dl dt{width: calc(30% - 24px);font-weight: bold;padding: 12px;border-left: 4px solid #ff952c;box-sizing: border-box;margin: 12px 0;}
.sub103-view .sec2 figure figcaption dl dd{width: calc(70% - 24px);padding: 12px;margin: 12px 0;}
.sub103-view .sec3{background: #efefef;padding: 30px 0;}
.sub103-view .sec4 ul li{display: flex;flex-direction: row;justify-content: space-around;flex-wrap: wrap;margin: 100px 0;}
.sub103-view .sec4 ul li img{width: 48%;max-width: fit-content;height: auto;align-self: center;object-fit: contain;}
.sub103-view .sec4 ul li .txt{align-self: center;width: 48%;}
.sub103-view .sec4 h2{padding: 12px 0;border-top: 1px solid #ff952c;border-bottom: 1px solid #ff952c;text-align: center;font-weight: bold;font-size: 36px;background: #fff;}
.sub103-view .sec4.gray{background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);padding: 0 0 30px 0;}
.sub103-view .sec4.gray ul li .grayp{background: #fff;}


@media screen and (max-width:1100px) {
    .sub103 .sec1 .imgul{justify-content: flex-start;}    
    .sub103 .sec1 .imgul li{width: calc(46% - 40px);margin: 1.5%;}
    .sub103 .sec2 nav{width: 100%;overflow-x: scroll;margin-left: 9px;margin-right: 9px;}
    .sub103 .sec2 nav ul{justify-content: flex-start;}
    .sub103 .sec2 .content li{width: 47%;}
    .sub103 .sec2 .content li figure{height: 25vw;}
    
}

@media screen and (max-width:660px) {
    .sub103 .sec1 .imgul{justify-content: center;}
    .sub103 .sec1 .imgul li{width: 90%;}
    .sub103 .sec2 .content li{width: 100%;margin: 1.5% 0;}
    .sub103 .sec2 .content li figure{height: 56vw;}
    .sub103 .sec2 .content li figure img{top: 0;transform: none;left: 0;}
    .sub103 .sec3 .imgul li{width: 100%;margin-bottom: 1%;}
}

/*sub104 */
.sub104 .sec2 table td b{font-weight: bold;}
.sub104 .sec2 table td .none{text-decoration: line-through;font-size: 0.8em;font-weight: normal;}
.sub104 .sec2 table thead th{background: #fff3ec;}
.sub104 .sec2 table tfoot th, .sub104 .sec2 table tfoot td{background: #fff3ec;font-weight: bold;}
.sub104 .sec2 table th button{white-space: nowrap;}
.sub104 .sec2 table td a{white-space: nowrap;}
.sub104 .sec3 h5{font-weight: bold;margin: 25px 0 6px;}
.sub104 .sec4{background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);padding: 30px 0}
.sub104 .sec4 dl dt{font-weight: bold;margin: 12px 0 8px;}
.sub104 .sec6{padding: 30px 0;background: #efefef;}
.sub104 .sec6 ol{background: #fff;padding: 20px;border-radius: 12px;}

.sub104 .sec_warning{margin-bottom: 50px;}
.sub104 .sec_warning p{background: #fff;padding: 20px;border-radius: 12px;margin-top: 30px;}

.sub104 .nsec1 ul li{width: 31%;}
.sub104 .nsec1 ul li dl dt{width: 30%;}
.sub104 .nsec1 ul li dl dd{width: 70%;}

@media screen and (max-width:1100px) {
    .sub104 .sec .table_wrap{overflow-x: scroll;}    
    .sub104 .sec1 table{min-width: 750px;}
    .sub104 .sec2 colgroup col:first-child{width: auto;}

    .sub104 .nsec1 ul li{width: 48%;}
    
}

@media screen and (max-width:660px) {
    .sub104 .sec2 table{min-width: 400px;}
    .sub104 .nsec1 ul li{width: 100%;}
}

/* ¸ÞÀÏÈ£½ºÆà */
/* ¶óÀÌÆ® À¥¸ÞÀÏ */
.sub201 .sec2{background: #efefef;padding: 30px 0;}
.sub201 .sec2 ol{background: #fff;padding: 20px;border-radius: 12px;}
.sub201 .sec3{background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);padding: 30px 0;}
.sub201 .sec3 h2{font-weight: bold;color: #fff;text-align: center;font-size: 1.6em;margin-bottom: 20px;word-break: keep-all;}
.sub201 .sec3 .con_wrap{padding: 20px;border-radius: 12px;background: #fff;display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.sub201 .sec3 .con_wrap .txt{width: 48%;word-break: keep-all;}
.sub201 .sec3 .con_wrap .txt h5{font-weight: bold;font-size: 1.2em;}
.sub201 .sec3 .con_wrap .btn_wrap{width: fit-content;}
.sub201 .sec3 .con_wrap .btn_wrap a{display: flex;padding: 20px;border-radius: 12px;background: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);transition: all 0.3s ease-in-out;}
.sub201 .sec3 .con_wrap .btn_wrap a:hover{background: #000;color: #fff;}
.sub201 .sec3 .con_wrap .btn_wrap a:hover svg{color: #fff;}
.sub201 .sec3 .con_wrap .btn_wrap svg{font-size: 60px;align-self: center;}
.sub201 .sec3 .con_wrap .btn_wrap .btn_txt{align-self: center;text-align: center;margin: 0 6px;}
.sub201 .sec3 .con_wrap .btn_wrap .btn_txt h4{font-weight: bold;font-size: 1.8em;word-break: keep-all;}
.sub201 .sec3 .con_wrap .btn_wrap .btn_txt p{word-break: keep-all;}
.sub201 .sec4 table .tfoot th, .sub201 .sec4 table .tfoot td{background: #fff3ec;font-weight: bold;}
.sub201 .sec4 table .tfoot td a{border: none;font-size: inherit;background: #fff;color:#000;border-radius: 4px;  font-weight:  bold;cursor: pointer;transition: all 0.3s ease-in-out;height: 40px;line-height: 40px;padding: 0 15px;border: 1px solid #ddd;}
.sub201 .sec4 table .tfoot td a:hover{background: #000;color: #fff;}
.sub201 .sec5 .imgul{justify-content: center;}
.sub201 .sec5 .imgul li{width: calc(25% - 10px);margin: 5px;box-sizing: border-box;}
.sub201 .sec6{background: #efefef;padding: 30px 0;}
.sub201 .sec6 ol{padding: 20px;border-radius: 12px;background: #fff;}
.sub201 .sec8{background: #efefef;padding: 30px 0;}
.sub201 .sec8 ol{padding: 20px;border-radius: 12px;background: #fff;}
.sub201 .sec_warning{margin-bottom: 50px;}
.sub201 .sec_warning p{background: #fff;padding: 20px;border-radius: 12px;}

@media screen and (max-width:1100px) {
    .sub201 .sec5 .imgul li{width: calc(50% - 20px);margin: 5px 10px;}
}

@media screen and (max-width:660px) {
    .sub201 .sec3 .con_wrap .txt{width: 100%;}
    .sub201 .sec3 .con_wrap .btn_wrap{margin: 6px auto;}
    .sub201 .sec3 .con_wrap .btn_wrap a{flex-direction: column;justify-content: center;}
    .sub201 .sec5 .imgul li{width: calc(50% -10px);margin: 5px;}
    .sub201 .sec5 .imgul li .img_wrap{width: 90px; height: 90px;}
}

/* sub202 */
.sub202 .sec2{background: #efefef;padding: 30px 0;}
.sub202 .sec2 ol{background: #fff;padding: 20px;border-radius: 12px;}
.sub202 .sec3{background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);padding: 30px 0;}
.sub202 .sec3 h2{font-weight: bold;color: #fff;text-align: center;font-size: 1.6em;margin-bottom: 20px;word-break: keep-all;}
.sub202 .sec3 .con_wrap{padding: 20px;border-radius: 12px;background: #fff;display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.sub202 .sec3 .con_wrap .txt{width: 48%;word-break: keep-all;}
.sub202 .sec3 .con_wrap .txt h5{font-weight: bold;font-size: 1.2em;}
.sub202 .sec3 .con_wrap .btn_wrap{width: fit-content;}
.sub202 .sec3 .con_wrap .btn_wrap a{display: flex;padding: 20px;border-radius: 12px;background: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);transition: all 0.3s ease-in-out;}
.sub202 .sec3 .con_wrap .btn_wrap a:hover{background: #000;color: #fff;}
.sub202 .sec3 .con_wrap .btn_wrap a:hover svg{color: #fff;}
.sub202 .sec3 .con_wrap .btn_wrap svg{font-size: 60px;align-self: center;}
.sub202 .sec3 .con_wrap .btn_wrap .btn_txt{align-self: center;text-align: center;margin: 0 6px;}
.sub202 .sec3 .con_wrap .btn_wrap .btn_txt h4{font-weight: bold;font-size: 1.8em;word-break: keep-all;}
.sub202 .sec3 .con_wrap .btn_wrap .btn_txt p{word-break: keep-all;}
.sub202 .sec4 table .tfoot th, .sub202 .sec4 table .tfoot td{background: #fff3ec;font-weight: bold;}
.sub202 .sec4 table .tfoot td a{border: none;font-size: inherit;background: #fff;color:#000;border-radius: 4px;  font-weight:  bold;cursor: pointer;transition: all 0.3s ease-in-out;height: 40px;line-height: 40px;padding: 0 15px;border: 1px solid #ddd;}
.sub202 .sec4 table .tfoot td a:hover{background: #000;color: #fff;}
.sub202 .sec5 .imgul{justify-content: center;}
.sub202 .sec5 .imgul li{width: calc(25% - 10px);margin: 5px;box-sizing: border-box;}
.sub202 .sec6{background: #efefef;padding: 30px 0;}
.sub202 .sec6 ol{padding: 20px;border-radius: 12px;background: #fff;}
.sub202 .sec8{background: #efefef;padding: 30px 0;}
.sub202 .sec8 ol{padding: 20px;border-radius: 12px;background: #fff;}
.sub202 .sec9 a{display: block;width: fit-content;padding: 8px 12px;background: #000; color: #fff;border-radius: 4px;margin: 15px auto;transition: all 0.3s ease-in-out;}
.sub202 .sec9 a:hover{background: #ff952c;}
.sub202 .sec_warning{margin-bottom: 50px;}
.sub202 .sec_warning p{background: #fff;padding: 20px;border-radius: 12px;}
.sub202 .nsec1 .flex{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap; padding: 30px;background: #fff3ec;}
.sub202 .nsec1 .flex a{width: fit-content;padding: 12px;background: #000;color: #fff;font-weight: bold;border-radius: 8px;}
.sub202 .nsec1 .flex p{align-self: center;}

@media screen and (max-width:1100px) {
    .sub202 .sec5 .imgul li{width: calc(50% - 20px);margin: 5px 10px;}
}

@media screen and (max-width:660px) {
    .sub202 .sec3 .con_wrap .txt{width: 100%;}
    .sub202 .sec3 .con_wrap .btn_wrap{margin: 6px auto;}
    .sub202 .sec3 .con_wrap .btn_wrap a{flex-direction: column;justify-content: center;}
    .sub202 .sec5 .imgul li{width: calc(50% -10px);margin: 5px;}
    .sub202 .sec5 .imgul li .img_wrap{width: 90px; height: 90px;}
}

/* sub203 */
.sub203 .sec2{background: #efefef;padding: 30px 0;}
.sub203 .sec2 ol{background: #fff;padding: 20px;border-radius: 12px;}
.sub203 .sec2 ol li u{color: #ff002d;}
.sub203 .sec3{background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);padding: 30px 0;}
.sub203 .sec3 h2{font-weight: bold;color: #fff;text-align: center;font-size: 1.6em;margin-bottom: 20px;word-break: keep-all;}
.sub203 .sec3 .con_wrap{padding: 20px;border-radius: 12px;background: #fff;display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.sub203 .sec3 .con_wrap .txt{width: 48%;word-break: keep-all;}
.sub203 .sec3 .con_wrap .txt h5{font-weight: bold;font-size: 1.2em;}
.sub203 .sec3 .con_wrap .btn_wrap{width: fit-content;}
.sub203 .sec3 .con_wrap .btn_wrap a{display: flex;padding: 20px;border-radius: 12px;background: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);transition: all 0.3s ease-in-out;}
.sub203 .sec3 .con_wrap .btn_wrap a:hover{background: #000;color: #fff;}
.sub203 .sec3 .con_wrap .btn_wrap a:hover svg{color: #fff;}
.sub203 .sec3 .con_wrap .btn_wrap svg{font-size: 60px;align-self: center;}
.sub203 .sec3 .con_wrap .btn_wrap .btn_txt{align-self: center;text-align: center;margin: 0 6px;}
.sub203 .sec3 .con_wrap .btn_wrap .btn_txt h4{font-weight: bold;font-size: 1.8em;word-break: keep-all;}
.sub203 .sec3 .con_wrap .btn_wrap .btn_txt p{word-break: keep-all;}
.sub203 .sec4 table .tfoot th, .sub203 .sec4 table .tfoot td{background: #fff3ec;font-weight: bold;}
.sub203 .sec4 table .tfoot td a{border: none;font-size: inherit;background: #fff;color:#000;border-radius: 4px;  font-weight:  bold;cursor: pointer;transition: all 0.3s ease-in-out;height: 40px;line-height: 40px;padding: 0 15px;border: 1px solid #ddd;}

/* IDC¼­ºñ½º  */
/* sub301 */

.sub301 .sec_warning{margin-bottom: 50px;}
.sub301 .sec_warning p{background: #fff;padding: 20px;border-radius: 12px;}
.sub301 .sec2 .imgul{justify-content: flex-start;}
.sub301 .sec2 .imgul li{margin: 20px;}
.sub301 .sec4 th, .sub301 .sec4 td{word-break: keep-all;}
.sub301 .sec4 tfoot th, .sub301 .sec4 tfoot td{background: #fff3ec;font-weight: bold;}
.sub301 .sec5 .imgul li{width: calc(25% - 20px);margin: 10px;}
.sub301 .sec6{padding: 30px 0;background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);}
.sub301 .sec6 ol{background: #fff;padding: 20px;border-radius: 12px;}
.sub301 .sec7{padding: 30px 0;background: #efefef;}
.sub301 .sec7 ol{background: #fff;padding: 20px;border-radius: 12px;}
.sub301 .nsec1 ul li{width: 18%;}
.sub301 .nsec2 table td span{font-weight: bold;color: #ff952c;}
.sub301 .nsec2 .flex{display: flex;flex-direction: row;justify-content: space-between;padding: 30px;background: #efefef;border-radius: 8px;flex-wrap: wrap;}
.sub301 .nsec2 .flex p {align-self: center;}
.sub301 .nsec2 .flex a{padding: 12px;background: #000;color: #fff;width: fit-content;border-radius: 6px;font-weight: bold;}
.sub301 .nsec3 table td{text-align: left;}



@media screen and (max-width:1100px) {
    .sub301 .sec2 .imgul li{width: calc(33% - 10px);margin: 10px 5px;}
    .sub301 .sec2 .imgul li .img_wrap{width: 90px;height: 90px;font-size: 32px;}
    .sub301 .sec4 table{min-width: 660px}
    .sub301 .sec5 .imgul li{width: calc(50% - 10px);margin: 10px 5px;}
    .sub301 .sec5 .imgul li .img_wrap{width: 90px;height: 90px;font-size: 32px;}

    .sub301 .nsec1 ul li{width: 31%;}
}

@media screen and (max-width:660px) {
    .sub301 .sec2 .imgul li{width: calc(50% - 10px);}
}

/* .sub302 */
.sub302 .sec1 ul li{display: flex;flex-direction: column;justify-content: center;height: 200px;}
.sub302 .sec1 ul li img{display: block;margin: 0 auto;width: 90%;object-fit: contain;height: 90%;}
.sub302 .sec2 dl{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;}
.sub302 .sec2 dl dt{border-left: 4px solid #f3a469; line-height: 40px;width: 120px;box-sizing: border-box;margin: 6px 0;padding-left: 12px;height: 40px;}
.sub302 .sec2 dl dd{width: calc(100% - 120px);margin: 6px 0;display: flex;flex-direction: column;justify-content: center;}
.sub302 .sec3{background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);text-align: center;padding: 30px 0;}
.sub302 .sec3 h4{font-size: 1.8em;font-weight: bold;color: #ff952c;}
.sub302 .sec3 h5{font-size: 1.4em;font-weight: bold;}
.sub302 .sec5{background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);padding: 30px 0;}
.sub302 .sec5 ol{background: #fff;padding: 20px;border-radius: 12px;}
.sub302 .sec .item_ul{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.sub302 .sec .item_ul li{width: 32%;margin: 20px 0;}
.sub302 .sec .item_ul li .item{border: 2px solid #bbb;border-radius: 12px;padding: 20px;}
.sub302 .sec .item_ul li h2{font-weight: bold;font-size: 2em;}
.sub302 .sec .item_ul li h2 u{font-size: 16px;text-decoration: none;}
.sub302 .sec .item_ul li dl{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.sub302 .sec .item_ul li dl dt{width: 34%;margin: 4px 0;padding: 0 6px;box-sizing: border-box;}
.sub302 .sec .item_ul li dl dd{width: 64%;text-align: right;margin: 4px 0;padding: 0 6px;box-sizing: border-box;}
.sub302 .sec .item_ul li dl dd.full{width: 100%;}
.sub302 .sec .item_ul li dl dd span{font-weight: bold;}
.sub302 .sec .item_ul li dl dd span.event{font-size: 2em;}
.sub302 .sec .item_ul li dl h5{width: 100%;padding: 4px 6px;border-radius: 6px;background: #efefef;margin: 30px 0 4px;font-weight: bold;box-sizing: border-box;}
.sub302 .sec .item_ul li dl h5.event{background:#ffeacf;}
.sub302 .sec .item_ul li a{display: block;background:#ff952c;padding: 6px 0;text-align: center;border-radius:8px;margin-top: 6px;transition: all 0.3s ease-in-out;font-weight: bold;color: #fff;}
.sub302 .sec .item_ul li a:hover{background:#000;}

@media screen and (max-width:1100px) {
    .sub302 .sec .item_wrap{overflow-x: scroll;padding-bottom: 25px;}
    .sub302 .sec .item_ul{min-width: 1760px;flex-wrap: nowrap;justify-content: flex-start;}
    .sub302 .sec .item_ul li{width: 280px;margin-right: 12px;}
}

@media screen and (max-width:660px) {
    .sub302 .sec1 ul li{height: 120px;}
    .sub302 .sec2 dl dt{width: 70px;}
    .sub302 .sec .item_ul{justify-content: flex-start;min-width: 1550px;}
    .sub302 .sec .item_ul li{width: 240px;margin-right: 12px;}
    .sub302 .sec .item_ul li .item{padding: 12px;}
    .sub302 .sec .item_ul li dl dt{margin: 2px 0;}
    .sub302 .sec .item_ul li dl dd{margin: 2px 0;}
    .sub302 .sec .item_ul li dl h5{margin: 15px 0 2px;}
}

/* .sub303 */
.sub303 .sec_warning{margin-bottom: 50px;}
.sub303 .sec_warning p{background: #fff;padding: 20px;border-radius: 12px;}
.sub303 .sec table tfoot th, .sub303 .sec table tfoot td{font-weight: bold;background: #fff3ec;}
.sub303 .sec table td .none{font-size: 0.8em;font-weight: normal;text-decoration: line-through;}
.sub303 .sec2 .imgul{justify-content: flex-start;}
.sub303 .sec2 .imgul li{margin: 20px;}
.sub303 .sec4 .pointp{margin-top: 30px;text-align: center;word-break: keep-all;}
.sub303 .sec6{background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);padding: 30px 0;}
.sub303 .sec6 ol{padding: 20px;border-radius: 12px;background: #fff;}
.sub303 .sec7{background: #efefef;padding: 30px 0;}
.sub303 .sec7 ol{padding: 20px;border-radius: 12px;background: #fff;}

.sub303 .sec2n ul{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.sub303 .sec2n ul li{width: 23%;
    margin: 0 1% 2% 1%;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #efefef;}
.sub303 .sec2n ul li .tit{    background: #fff3ec;
    padding: 12px;
    font-weight: bold;
    font-size: 1.15em;}
    .sub303 .sec2n ul li h4{margin-top: 50px;text-align: right;font-weight: bold;padding: 0 8px;}
.sub303 .sec2n ul li a{    padding: 12px;
    background: #ff952c;
    text-align: center;
    display: block;
    font-weight: bold;
    color: #fff;
    transition: all 0.3s ease-in-out;
    margin-top: 30px;
    font-size: 0.9em;}
    .sub303 .sec2n ul li a:hover{background: #000;}

.sub303 .sec4n p{text-align: right;}
.sub303 .sec4n .flex{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.sub303 .sec4n .flex table{width: 48%;}
.sub303 .sec4n .flex table .price{font-weight: bold;color: #ff952c;}
.sub303 .sec5n .flex{display: flex;flex-direction: row;justify-content: space-between;padding: 30px;background: #efefef;border-radius: 8px;flex-wrap: wrap;}
.sub303 .sec5n .flex p {align-self: center;}
.sub303 .sec5n .flex a{padding: 12px;background: #000;color: #fff;width: fit-content;border-radius: 6px;font-weight: bold;}
.sub303 .nsec_warning{padding: 30px 0;background: #fff3ec;}
.sub303 .nsec_warning ol{list-style: auto;background: #fff;padding: 30px;border-radius: 8px;}
.sub303 .nsec_warning ol li::after{display: none;}

@media screen and (max-width:1100px) {
    .sub303 .sec2 .imgul li{width: calc(33% - 10px);margin: 10px 5px;}
    .sub303 .sec2 .imgul li .img_wrap{width: 90px;height: 90px;font-size: 32px;}
}
@media screen and (max-width:660px) {
    .sub303 .sec2 .imgul li{width: calc(50% - 10px);}
    .sub303 .sec2n ul li{width: 48%;}
    .sub303 .sec4n .flex table{width: 100%;}
    .sub303 .sec5n .flex p{width: 100%;}
    .sub303 .sec5n .flex a{margin: 0 auto;}
}


/* µµ¸ÞÀÎ */
/* sub401 */
.sub401 .sec1{background: #efefef;padding: 50px 0;}
.sub401 .sec1 nav ul{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;margin-bottom: 15px;}
.sub401 .sec1 nav ul li{cursor: pointer;margin-right: 6px;border: 1px solid #cecece;padding: 6px 8px;border-radius: 6px;transition: all 0.3s ease-in-out;}
.sub401 .sec1 nav ul li.active{background: #000;color: #fff;}
.sub401 .sec1 nav ul li:hover{background: #000;color: #fff;}
.sub401 .sec1 .input_wrap{background: #fff;padding: 15px;border-radius: 12px;display: flex;}
.sub401 .sec1 .input_wrap p{line-height: 44px;}
.sub401 .sec1 .input_wrap input{border: none;line-height: 45px;width: calc(100% - 104px);padding: 0 8px; border-bottom: 1px solid #cecece;}
.sub401 .sec1 .input_wrap input:focus{outline: none;}
.sub401 .sec1 .input_wrap button{width: 45px;border: none;line-height: 45px;font-size: 22px;background: transparent;border-radius: 6px;cursor: pointer;transition: all 0.3s ease-in-out;}
.sub401 .sec1 .input_wrap button:hover{background: #ff952c;color: #fff;}
.sub401 .sec1 .type{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;padding: 12px;}
.sub401 .sec1 .type li{margin-right: 8px;}
.sub401 .sec1 .type li label{cursor:  pointer;line-height: 26px;display: flex;flex-direction: row;}
.sub401 .sec1 .type li label input{align-self: center;margin-right: 4px;}
.sub401 .sec1 .local_btn{cursor: pointer;margin-right: 6px;border: 1px solid #cecece;padding: 6px 8px;border-radius: 6px;transition: all 0.3s ease-in-out;font-size: 16px;}
.sub401 .sec1 .local_btn:hover{background: #000;color: #fff;}
.sub401 .sec_btn{margin-bottom: 30px;}
.sub401 .sec_btn ul{display: flex;flex-direction: row;justify-content: center;}
.sub401 .sec_btn ul li{margin: 0 8px;}
.sub401 .sec_btn ul li a, .sub401 .sec_btn ul li button{height: 45px;padding: 0 20px;border: 1px solid #bbb;font-size: inherit;border-radius: 6px;display: block;line-height: 45px;box-sizing: border-box;transition: all 0.3s ease-in-out;cursor: pointer;}
.sub401 .sec_btn ul li button{background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);color: #fff;}
.sub401 .sec_btn ul li button:hover, .sub401 .sec_btn ul li a:hover{background: #000;color: #fff;}
.sub401 .sec2 {margin-top: 50px;}
.sub401 .sec2 ul{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.sub401 .sec2 ul li{width: 48%;}
.sub401 .sec2 ul li table{border-collapse: collapse;width: 100%;}
.sub401 .sec2 ul li table th{padding: 12px;border-bottom: 2px solid #000;background: #fff3ec;font-weight: bold;text-align: center;}
.sub401 .sec2 ul li table td{padding: 12px;border-top: 1px solid #cecece;border-bottom: 1px solid #cecece;vertical-align: middle;}
.sub401 .sec2 ul li table td.price{text-align: right;font-weight: bold;border-left: 1px solid #cecece;width: 30%;}
.sub401 .sec3{margin: 50px 0;}
.sub401 .sec3 ul{padding: 30px 0; background: #efefef;border-radius: 20px;}
.sub401 .sec3 ul li{padding: 0 30px 0 60px;position: relative;margin: 4px 0;word-break: keep-all;}
.sub401 .sec3 ul li::after{position: absolute;left: 40px; top:9px; width: 6px;height: 6px;background: #000;border-radius: 50%;height: 6px;content: '';}
.sub401 .sec3 ul li.red{color: red;font-weight: bold;}
.sub401 .sec3 ul li.red:after{ background: red;}
.sub401 .sec3 ul li b{font-weight: bold;}
.sub401 .sec3 ul li a{font-size: 0.8em;text-decoration: underline;}
.sub401 .sec4 table td button{padding: 4px 12px;background: #000;color: #fff;border: none;border-radius: 4px;cursor: pointer;}

@media screen and (max-width:660px) {
    .sub401 .sec1{padding: 30px 0;}
    .sub401 .sec1 .local_btn{font-size: 14px;}
    .sub401 .sec2{margin-top: 30px;}
    .sub401 .sec2 ul li{width: 100%;}
    .sub401 .sec2 ul li:first-child{margin-bottom: 30px;}
    .sub401 .sec3{margin: 30px 0;}
    .sub401 .sec3 ul{padding: 20px 0;border-radius: 12px;}
    .sub401 .sec3 ul li{padding: 0 20px 0 40px;}
    .sub401 .sec3 ul li::after{left: 20px;}
}


.sub402 .sec1{background: #efefef;padding: 50px 0;}
.sub402 .sec1 nav ul li:hover{background: #000;color: #fff;}
.sub402 .sec1 .input_wrap{background: #fff;padding: 15px;border-radius: 12px;display: flex;}
.sub402 .sec1 .input_wrap p{line-height: 44px;}
.sub402 .sec1 .input_wrap input{border: none;line-height: 45px;width: calc(100% - 104px);padding: 0 8px; border-bottom: 1px solid #cecece;}
.sub402 .sec1 .input_wrap input:focus{outline: none;}
.sub402 .sec1 .input_wrap button{width: 45px;border: none;line-height: 45px;font-size: 22px;background: transparent;border-radius: 6px;cursor: pointer;transition: all 0.3s ease-in-out;}
.sub402 .sec1 .input_wrap button:hover{background: #ff952c;color: #fff;}
.sub402 ol{padding: 20px;border-radius: 12px;background: #fff;}
.sub402 .sec2-2{background: #efefef;padding: 30px 0;}
.sub402 .sec2 ul{display: flex;flex-direction: row;justify-content: space-around;flex-wrap: wrap;}
.sub402 .sec2 ul li{ width: 20%;text-align: center;}
.sub402 .sec2 ul li .num{width: 30px;height: 30px;text-align: center;line-height: 30px;background: #ffd0ae;font-weight: bold;margin: 0 auto;border-radius: 50%;}
.sub402 .sec2 ul li h5{margin-top: 4px;word-break: keep-all;}
.sub402 .sec2 ul span{align-self: center;}

.sub402 .sec3 table td{text-align: left;}
.sub402 .sec_btn{margin-bottom: 30px;}
.sub402 .sec_btn ul{display: flex;flex-direction: row;justify-content: center;}
.sub402 .sec_btn ul li{margin: 0 8px;}
.sub402 .sec_btn ul li a, .sub402 .sec_btn ul li button{height: 45px;padding: 0 20px;border: 1px solid #bbb;font-size: inherit;border-radius: 6px;display: block;line-height: 45px;box-sizing: border-box;transition: all 0.3s ease-in-out;cursor: pointer;}
.sub402 .sec_btn ul li button{background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);color: #fff;}
.sub402 .sec_btn ul li button:hover, .sub402 .sec_btn ul li a:hover{background: #000;color: #fff;}

.sub403 .sec1{background: #efefef;padding: 50px 0;}
.sub403 .sec1 nav ul{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;margin-bottom: 15px;}
.sub403 .sec1 nav ul li{position: relative;}
.sub403 .sec1 nav ul li label{cursor: pointer;margin-right: 6px;border: 1px solid #cecece;padding: 6px 8px;border-radius: 6px;transition: all 0.3s ease-in-out;position: relative;display: block;}
.sub403 .sec1 nav ul li label:hover{background: #000;color: #fff;}
.sub403 .sec1 nav ul li input[type="radio"]{position: absolute;top: 0;left: 0;z-index: -1;opacity: 0;pointer-events: none;}
.sub403 .sec1 nav ul li input[type="radio"]:checked + label {background: #000;color: #fff;}
.sub403 .sec1 .input_wrap{background: #fff;padding: 15px;border-radius: 12px;display: flex;}
.sub403 .sec1 .input_wrap p{line-height: 44px;}
.sub403 .sec1 .input_wrap input{border: none;line-height: 45px;width: calc(100% - 104px);padding: 0 8px; border-bottom: 1px solid #cecece;}
.sub403 .sec1 .input_wrap input:focus{outline: none;}
.sub403 .sec1 .input_wrap button{width: 45px;border: none;line-height: 45px;font-size: 22px;background: transparent;border-radius: 6px;cursor: pointer;transition: all 0.3s ease-in-out;}
.sub403 .sec1 .input_wrap button:hover{background: #ff952c;color: #fff;}
.sub403 .sec2 table td{text-align: left;color: #000;}
.sub403 .sec2 .result_wrap{padding: 20px;border:6px solid #efefef}

.sub404 .sec1 a{background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);color: #fff;border-radius: 8px;padding: 20px;display: block;margin: 20px auto;width: fit-content;font-size: 1.4em;transition: all 0.3s ease-in-out;}
.sub404 .sec1 a:hover{box-shadow: 6px 7px 8px rgba(0,0,0,0.2);}
.sub404 .sec1 a span{font-weight: bold;}
.sub404{margin-bottom: 30px;}

@media screen and (max-width:660px) {
    .sub404 .sec3 .imgul li{width: 100%;margin-bottom: 15px;}
}

/* .sub505 */
.sub505 .sec2 .imgul{justify-content: flex-start;}
.sub505 .sec2 .imgul li{width: 100%;margin: 5px;display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;}
.sub505 .sec2 .imgul li .img_wrap{margin: 0 6px 0 0;width: 120px;height: 120px;font-size: 36px;align-self: center;}
.sub505 .sec2 .imgul li .txt{align-self: center;width: calc(100% - 130px);}
.sub505 .sec2 .imgul li .txt h5{text-align: left;}
.sub505 .sec3 table th, .sub505 .sec3 table td{vertical-align: middle;}
.sub505 .sec3 table tbody th, .sub505 .sec3 table tbody td{background: #fff3ec;}
@media screen and (max-width:660px) {
    .subp .sec .imgul li .img_wrap{width: 90px;height: 90px;font-size: 32px;align-self: flex-start;margin: 0 auto;}
    .sub505 .sec2 .imgul li .txt{width: 100%;}
    .sub505 .sec2 .imgul li .txt h5{text-align: center;}
}

/* .sub601 */
.sub601 .sec1 ol li b{font-weight: bold;}
.sub601 .sec2 ul{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.sub601 .sec2 ul li{width: 30%;padding: 30px;border-radius: 8px; border: 1px solid #efefef;}
.sub601 .sec2 ul li .tit{text-align: center;padding-bottom: 20px;border-bottom: 1px solid #ff952c;}
.sub601 .sec2 ul li .tit img{max-width: 150px;margin: 0 auto;display: block;}
.sub601 .sec2 ul li .tit h2{font-weight: bold;font-size: 28px;}
.sub601 .sec2 ul li .price{text-align: center;margin: 30px 0;}
.sub601 .sec2 ul li .price h2{font-size: 36px;font-weight: bold;}
.sub601 .sec2 ul li .price a{width: fit-content;display: block;padding: 8px 24px;background: #ff952c;color: #fff;font-weight: bold;transition: all 0.3s ease-in-out;margin: 8px auto;border-radius: 6px;}
.sub601 .sec2 ul li .price a:hover{background: #000;}
.sub601 .sec2 ul li dl{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.sub601 .sec2 ul li dl dt{width: 40%; border-left: 4px solid #ff952c;padding-left: 8px;margin-bottom: 6px;}
.sub601 .sec2 ul li dl dd{width: 50%;margin-bottom: 6px;}
.sub601 .sec3 button{cursor: pointer;}
.sub601 .sec3 .pop_btn{display: block;width: fit-content;padding: 12px 24px;background: #efefef;font-weight: bold;text-align: center;margin: 12px auto;border:none;border-radius: 8px;transition: all 0.3s ease-in-out;font-size: inherit;}
.sub601 .sec3 .pop_btn:hover{background: #000;color: #fff;}
.sub601 .sec3 .pop_wrap{position: fixed;top: 0;left: 0;width: 100dvw;height: 100dvh;background: #00000099;display: flex;flex-direction: column;justify-content: center;z-index: 99999;}
.sub601 .sec3 .pop_wrap .pop{width: 100%;max-width:1200px;height: 90%;background: #fff;border-radius: 12px;padding: 24px;margin: 0 auto;}
.sub601 .sec3 .pop_wrap .pop .top button{background: transparent;width: 40px;height: 40px;line-height: 40px;border: none;font-size: 1.4em;margin-left: auto;display: block;}
.sub601 .sec3 .pop_wrap .pop .content{overflow-y: scroll;height: calc(100% - 88px);}
.sub601 .sec3 .pop_wrap .pop table .topborder{border-top: 2px solid #ddd;}
.sub601 .sec4{margin-bottom: 50px;}
.sub601 .sec4 .flex{display: flex;flex-direction: row;justify-content: space-between;}
.sub601 .sec4 a{width: fit-content;padding: 4px 12px;color: #fff;background: #000; display: block;border-radius: 4px;align-self: center;}

@media screen and (max-width:1200px){
    .sub601 .sec2 ul li .tit h2{font-size: 18px;}
    .sub601 .sec2 ul li .price h2{font-size: 22px;}
    .sub601 .sec2 ul li dl dt{width: 35%;}
    .sub601 .sec2 ul li dl dd{width: 63%;}
    
}

@media screen and (max-width:660px){
    .sub601 .sec2 ul li{width: 100%;}
    
}
/* .sub601 .sec1 nav{margin-top: 30px;}
.sub601 .sec1 nav ul{display: flex;flex-direction: row;justify-content: center;}
.sub601 .sec1 nav ul li{margin-right: 8px;}
.sub601 .sec1 nav ul li button{padding: 8px 14px;border: 1px solid #bbb;border-radius: 6px;display: block;transition: all 0.3s ease-in-out;cursor: pointer;font-size: inherit;}
.sub601 .sec1 nav ul li button:hover{background: #000;color: #fff;}
.sub601 .sec1 nav ul li button.on{background: #000;color: #fff;}

.sub601 .sec2 .flex{display: flex;flex-direction: row;justify-content: space-between;}
.sub601 .sec2 .flex figure{width: 48%;align-self: center;border-top: 2px solid #f3a469;border-bottom: 2px solid #f3a469;}
.sub601 .sec2 figure figcaption{font-weight: bold;text-align: center;font-size: 1.6em;margin-bottom: 50px;}
.sub601 .sec2 figure a{padding: 8px 16px;background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);color: #fff;font-weight: bold;border-radius: 6px;display: block;width: fit-content;margin: 15px auto;}
.sub601 .sec2 figure img{display: block;margin: 25px auto;}
.sub601 .sec2 ul{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.sub601 .sec2 .item{padding: 30px;border: 2px solid #bbb;border-radius: 12px;width: 47%;box-sizing: border-box;}
.sub601 .sec2 .item dl{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.sub601 .sec2 .item dl dt{width: 30%;align-self: center;margin-bottom: 4px;}
.sub601 .sec2 .item dl dd{width: 70%;align-self: center;margin-bottom: 4px;}
.sub601 .sec2 .item dl dd span{font-weight: bold;}
.sub601 .sec2 .item dl dd span.big{font-size: 1.8em;}
.sub601 .sec2 .item dl dd u{font-size: 0.9em;text-decoration: line-through;}
.sub601 .sec2 .item ol{padding: 20px;}
.sub601 .sec2 table td{text-align: left;}
.sub601 .sec5{padding: 30px 0;background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);}
.sub601 .sec5 a{width: fit-content;padding: 8px 14px;color: #fff;background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);display: block;margin: 30px auto;border-radius: 6px;}
.sub601 .sec5 ol{background: #fff;padding: 20px;background: #fff;border-radius: 12px;}
.sub601 .sec6 .imgul li{width: 23%;margin: 1%;}
.sub601 .sec7{background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);padding: 30px 0;}
.sub601 .sec7 .imgul li{background: #fff;margin: 10px 0;}
.sub601 .sec7 .imgul li .img_wrap{background: #efefef;}

@media screen and (max-width:660px) {
    .sub601 .sec2 .item{width: 100%;margin: 15px 0;padding: 20px;}
    .sub601 .sec2 .item a{margin: 10px 0;}
    .sub601 .sec2 .item ol{padding: 0;}
    .sub601 .sec2 .flex{flex-wrap: wrap;}
    .sub601 .sec2 .flex figure{width: 100%;}

    .sub601 .sec6 .imgul li{width: 48%;}
    .sub601 .sec7 .imgul li{width: 48%;}
    
} */


/* ¼­ºñ½º ½Åû */
.subaply{}
.subaply dl dd input, .subaply dl dd select{padding: 0 4px;border: 1px solid #bbb;box-sizing: border-box;border-radius: 4px;line-height: 1.8;min-height: 31px;max-width: 100%;}
.subaply .sec1{height: 50vh;display: flex;flex-direction: column;justify-content: center;background: #00000099 url(../images/sub/subaply.jpg) no-repeat center; background-attachment: fixed;background-size: cover;background-blend-mode: color;}
.subaply .sec1 h2{font-size: 36px;font-weight: bold;color: #fff;text-align: center;word-break: keep-all;}
.subaply .law{height: 40vh;padding: 30px;border-radius: 12px;border: 2px solid #bbb;box-sizing: border-box;}
.subaply .law .law_wrap{overflow-y: scroll;height: 100%;}
.subaply .law h3{text-align: left;margin-top: 25px;}
.subaply .chk_wrap{margin-top: 12px;}
.subaply .chk_wrap label{display: block;border-radius: 12px;background: #efefef;padding: 20px;cursor: pointer;}
.subaply .chk_wrap.all label{background: #fff3ec;}
.subaply .aply_btn{background: #ff6c00; color: #fff;font-weight: bold;display: block;padding: 8px 16px;width: fit-content;margin: 30px auto;border-radius: 4px;}
.subaply dl{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.subaply dl .full{width: 100%;}
.subaply dl .sub{color: #999;font-size: 0.8em;padding-left: 5px;}
.subaply dl dt{width: 25%;background: #efefef;padding: 8px 12px;box-sizing: border-box;border-bottom: 1px solid #999;line-height: 1.8;word-break: keep-all;}
.subaply dl dt.required{position: relative;}
.subaply dl dt.required:after{position: absolute; content: '\f5bc'; left: 3px;top:3px; font-family: fontawesome;color: #ff952c;font-size: 8px;}
.subaply dl dd{width: 75%;padding: 8px 12px;box-sizing: border-box;border-bottom: 1px solid #999;line-height: 1.8;position: relative;word-break: keep-all;}
.subaply dl dd input:focus{outline: none;}
/* .subaply dl dd input[type="text"]{padding: 0 4px;border: 1px solid #bbb;box-sizing: border-box;border-radius: 4px;line-height: 1.8;}
.subaply dl dd input[type="password"]{padding: 0 4px;border: 1px solid #bbb;box-sizing: border-box;border-radius: 4px;line-height: 1.8;} */
.subaply dl dd input[type="radio"]{position: absolute;top: 0;left: 0;z-index: -1;opacity: 0;pointer-events: none;}
.subaply dl dd input[type="radio"] + label{padding: 2px 8px;box-sizing: border-box;border: 1px solid #efefef;border-radius: 4px;line-height: 1.8;transition: all 0.3s ease-in-out;cursor: pointer;}
.subaply dl dd input[type="radio"]:checked + label {
  background: #000;
  color: #fff;
}
.subaply dl dt.point{background: #fff3ec;}
.subaply dl dd.point{background: #fff3ec;border-left:1px solid #999}
.subaply .btn_css{background: #000;color: #fff;border-radius: 4px;transition: all 0.3s ease-in-out;cursor: pointer; line-height: 1.8;box-sizing: border-box;border: 1px solid #efefef;padding: 2px 8px;}
.subaply dl dt button{background: #fff;border: 1px solid #bbb;border-radius: 4px;transition: all 0.3s ease-in-out;font-size: inherit;cursor: pointer;word-break: keep-all;}
.subaply dl dt button:hover{background: #000;color: #fff;}
.subaply dl dd input:read-only{border: none;width: 100px;}
.subaply dl dd .flex{display: flex;flex-direction: row;}
.subaply dl dd .flex input{margin: 0 4px;border: 1px solid #bbb;width: auto;}
.subaply dl dd .textarea{width: 100%;height: 160px;resize: none;padding: 4px 8px;border: 1px solid #bbb;border-radius: 4px;box-sizing: border-box;font-size: inherit;font-family: inherit;}
.subaply dl dd .textarea:focus{outline: none;}
.subaply dl dd #addDomain_div div{margin: 2px 0;}
.subaply .seclast{}
.subaply .seclast dt{background: #efefef;}
.subaply .seclast dd{background: #fff;display: flex;flex-direction: row;word-break: keep-all;}
.subaply .seclast dd input:read-only{background: transparent;width: 170px;text-align: right;}
.subaply .sec_btn{margin-bottom: 30px;}
.subaply .sec_btn ul{display: flex;flex-direction: row;justify-content: center;}
.subaply .sec_btn ul li{margin: 0 8px;}
.subaply .sec_btn ul li a, .subaply .sec_btn ul li button{height: 45px;padding: 0 20px;border: 1px solid #bbb;font-size: inherit;border-radius: 6px;display: block;line-height: 45px;box-sizing: border-box;transition: all 0.3s ease-in-out;cursor: pointer;}
.subaply .sec_btn ul li button{background:#ff952c;color: #fff;}
.subaply .sec_btn ul li button:hover, .subaply .sec_btn ul li a:hover{background: #000;color: #fff;}

.subaply.complete .sec2{padding: 30px;background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);}
.subaply.complete .sec2 h2{font-weight: bold;font-size: 20px;text-align: center;margin: 30px auto}
.subaply.complete .sec2 h2 span{font-size: 1.6em;}

@media screen and (max-width:1100px) {
}

@media screen and (max-width:660px) {
    .subaply .law{height: 60vh;max-height: 300px;}
    .subaply .sec1{height: fit-content;}
    .subaply .sec1 h2{padding: 90px 0 40px;font-size: 24px;}

    .subaply dl dt{width: 30%;}
    .subaply dl dd{width: 70%;}
    .subaply dl span{display: block;}
    .subaply .seclast dd input:read-only{width: 110px;}
    
}
/* subaply101 */
.subaply dl dd .domein_none{display: flex;flex-direction: row;justify-content: space-between;}
.subaply dl dd .domein_none a{padding: 2px 8px;
    box-sizing: border-box;
    border: 1px solid #efefef;
    border-radius: 4px;
    line-height: 1.8;
    transition: all 0.3s ease-in-out;
    cursor: pointer;height: fit-content;background: #000;color: #fff;width: fit-content;align-self: flex-start;}

    
.subaply dl dd .traffic_alert table th{font-size: 0.8em;width: 20%;}
.subaply dl dd .traffic_alert table th label{background: #fff;}
.subaply dl dd .traffic_alert table td{text-align: left;}



/* subaply1 */
.subaply103 .sec2{padding: 30px 0;background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);}
.subaply103 .sec2 figure{display: flex;flex-direction: row;justify-content: space-around;flex-wrap: wrap;}
.subaply103 .sec2 figure img{width: 48%;max-width: 400px; align-self: center;height: auto;object-fit: contain;}
.subaply103 .sec2 figure figcaption{width: 48%;align-self: center;}
.subaply103 .sec2 figure figcaption dd{background: #fff;}
.subaply104 .sec3 dl dd u{text-decoration:none; font-size:0.8em;letter-spacing: -1px;}

.subaply304 .sec2 .grayp{background: transparent;border: 1px solid #575757;border-radius: 12px; box-sizing: border-box;}
.subaply304 .sec3 textarea{width: 100%;width: 100%;height: 160px;resize: none;padding: 4px 8px;border: 1px solid #bbb;border-radius: 4px;box-sizing: border-box;font-size: inherit;font-family: inherit;}

.subaply402 .flex{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.subaply402 #dom_admin, .subaply402  #dom_respon{display: flex;}
.subaply402 .hidden{display: none!important;}
.subaply402 dl dt, .subaply402 dl dd{position: relative;}
.subaply402 dl input[type="checkbox"]{position: absolute;top: 0;left: 0;z-index: -1;opacity: 0;pointer-events: none;}
.subaply402 dl input[type="checkbox"] + label{padding: 2px 8px;box-sizing: border-box;border: 1px solid #efefef;border-radius: 4px;line-height: 1.8;transition: all 0.3s ease-in-out;cursor: pointer;}
.subaply402 dl input[type="checkbox"]:checked + label {
  background: #000;
  color: #fff;
}

@media screen and (max-width:660px) {
    .subaply103 .sec2 figure{flex-direction: column;justify-content: center;}
    .subaply103 .sec2 figure img{width: 90%;}
    .subaply103 .sec2 figure figcaption{width: 90%;margin: 15px auto;max-width: 400px;}
}






/* popck */
.popck .sec1 h2{padding: 8px 20px;background: #ff952c;color: #fff;font-weight: bold;font-size: 1.2em;}
.popck .sec1 p{text-align: center;background: #efefef;padding: 20px 0;}
.popck .sec2{margin-top: 20px;}
.popck .sec2 a{width: fit-content;padding: 4px 8px;border-radius: 4px;background: #000;color: #fff;font-weight: bold;display: block;margin: 0 auto;transition: all 0.3s ease-in-out;}
.popck .sec2 a:hover{background: #ff952c;}
.popck .sec2 input{width: 90%;padding: 4px 8px;box-sizing: border-box;background: #efefef;display: block;margin: 8px auto;}
.popck .sec2 button{width: fit-content;display: block;margin: 8px auto;background: #000;color: #fff;border-radius: 4px;padding: 4px 8px;border: none;transition: all 0.3s ease-in-out;cursor: pointer;font-weight: bold;}
.popck .sec2 button:hover{background: #ff952c;}
.popck .sec2 input:focus{outline: none;}

.popck .sec2 .flex{display: flex;flex-direction: row;justify-content: center;}
.popck .sec2 .flex input{margin: 8px 0;}
.popck .sec2 .flex span{margin: 8px 0;padding: 4px 8px;}







/* mypage */
.mypage_wrap{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;padding-top: 75px;}

/* .mypage_nav */
.mypage_nav{background-image: linear-gradient(to top, #ffffff 0%, #f7e0c8  100%);margin-top:80px;}
.mypage_nav h2{ font-size:2em;font-weight:bold;padding: 30px 0;text-align: center;}
.mypage_nav ul{display: flex;flex-direction: row;justify-content: center;flex-wrap: wrap;}
.mypage_nav ul li{margin: 0 4px;}
.mypage_nav ul li a{padding: 6px 12px; border:1px solid #000;border-radius:6px;transition: all 0.3s ease-in-out;word-break: keep-all;display: block;white-space: nowrap;}
.mypage_nav ul li a:hover{background: #000;color: #fff;}
.mypage_nav ul li.active a{background: #000;color: #fff;}

@media screen and (max-width:1200px) {
    .mypage_nav ul{flex-wrap: nowrap;justify-content: flex-start;}
    .mypage_nav ul{overflow-x: scroll;}

    .mypage_wrap{display: block;}

    .mypage_container{width: 100%;overflow-x: scroll;}
}

/* mypage */
.mypage{margin-top: 50px;}

/* dashboard */
.dashboard_wrap{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;margin-bottom: 30px;}
.dashboard .service_con{width: calc(100% - 350px);}
.dashboard .service_con h2{font-weight: bold; border-left: 4px solid #ff952c;font-size: 20px;padding-left: 6px;margin-bottom: 12px;}

.dashboard .service_con .no_content{height: calc(100% - 44px);display: flex;flex-direction: column;justify-content: space-between;}
.dashboard .service_con .no_content h3{color: #999;font-weight: bold;text-align: center;font-size: 24px;margin: auto;}
.dashboard .service_con .no_content ul{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.dashboard .service_con .no_content ul li{width: 19%;}
.dashboard .service_con .no_content ul li:nth-child(1){background: #ffeacf ;}
.dashboard .service_con .no_content ul li:nth-child(2){background: #feffcf ;}
.dashboard .service_con .no_content ul li:nth-child(3){background: #e8ffe4 ;}
.dashboard .service_con .no_content ul li:nth-child(4){background: #eef1ff ;}
.dashboard .service_con .no_content ul li:nth-child(5){background: #faeeff ;}
.dashboard .service_con .no_content ul li a{display: block;padding: 12px;border:1px solid #000;border-radius:6px;text-align: center;}
.dashboard .service_con .no_content ul li .icon{text-align: center;font-size: 28px;margin: 30px 0;}
.dashboard .service_con .no_content ul li h5{font-weight: bold;margin-top: 15px;font-size: 0.9em;word-break: keep-all;white-space: nowrap;}
.dashboard .service_con .no_content ul li p{font-size: 0.9em;}

.dashboard .service_con dl{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;text-align: center;margin-bottom: 25px;}
.dashboard .service_con dl dt{width: 19%;font-weight: bold;font-size: 24px;border: 1px solid #000;border-radius: 12px;padding: 20px;background: #fffbec;display: flex;flex-direction: column;justify-content: center;}
.dashboard .service_con dl dd{width: 19%;border: 1px solid #000;border-radius: 12px;padding: 20px;}
.dashboard .service_con dl dd h3{font-weight: bold;margin-bottom: 15px;font-size: 1.3em;}
.dashboard .service_con dl dd p{display: flex;flex-direction: column;justify-content: center;}
.dashboard .service_con dl .statu p span{font-size: 1.2em;font-weight: bold;}
.dashboard .service_con dl .statu p .ac{color: #ff952c;}
.dashboard .service_con dl .statu p a{width: fit-content;padding: 2px 4px;border-radius: 2px;color: #000;align-self: center;border-radius: 4px;transition: all 0.3s ease-in-out;border: 1px solid #bbb;}
.dashboard .service_con dl .statu p a:hover{background: #000;color: #fff;}

.dashboard aside{width: 320px;}
.dashboard aside .asidei{margin-bottom: 20px;}
.dashboard aside .my{display: flex;flex-direction: row;justify-content: space-between;padding: 20px;border-radius: 12px;border: 1px solid #000;background-image: linear-gradient(139deg, #ffffff 20%, #fdecae 100%);}
.dashboard aside .my h2{font-weight: bold;font-size: 24px;}
.dashboard aside .my h2 span{color: #fe8204;}
.dashboard aside .my a{padding: 4px 6px;font-weight: bold;background: #000;color: #fff;align-self: center;border-radius: 4px;word-break: keep-all;}
.dashboard aside .my .left{display: flex;flex-direction: column;justify-content: center;}
.dashboard aside .my .left a{align-self: flex-end;}
.dashboard aside .ban{padding: 20px;border-radius: 12px;border: 1px solid #000;text-align: center;}
.dashboard aside .ban h2{font-size: 18px;font-weight: bold;text-align: center;margin-bottom: 15px;}
.dashboard aside .ban a{padding: 4px 6px;font-weight: bold;background: #000;color: #fff;border-radius: 4px;margin: 0 8px;word-break: keep-all;}
.dashboard aside .ban .flex{display: flex;flex-direction: row;justify-content: center;}

@media screen and (max-width:1200px) {
    .dashboard aside{order: 1;width: 100%;display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
    .dashboard aside .asidei{width: 48%;}
    
    .dashboard .service_con{order: 2;width: 100%;margin-top: 30px;}
    .dashboard .service_con dl dt{width: 19.5%;font-size: inherit;padding: 6px;border-radius: 4px;}
    .dashboard .service_con dl dd{width: 19.5%;font-size: inherit;padding: 6px;border-radius: 4px;}
    .dashboard .service_con dl dd h3{font-size: inherit;margin-bottom: 8px;}

    .dashboard aside .asidei{padding: 12px;border-radius: 6px;width: 49%;}
    .dashboard aside .my{flex-wrap: wrap;}
    .dashboard aside .my h2{font-size: 18px;}
    .dashboard aside .ban h2{font-size: inherit;word-break: keep-all;}
    .dashboard aside .ban .flex{flex-wrap: wrap;}

    .dashboard .service_con .no_content h3{font-size: 1.2em;margin-bottom: 30px;}
    .dashboard .service_con .no_content ul{overflow-x: scroll;flex-wrap: nowrap;justify-content: flex-start;}
    .dashboard .service_con .no_content ul li{width: 140px;margin-right: 15px;}
    .dashboard .service_con .no_content ul li p{word-break: keep-all;white-space: nowrap;}
    
}

/*  pas_re*/
.pas_re .sec1 .input_wrap{margin: 30px auto;display: flex;flex-direction: row;justify-content: center;}
.pas_re .sec1 .input_wrap input{padding: 4px;border: 1px solid #efefef;border-radius: 4px;}
.pas_re .sec1 .input_wrap button{background: #000;color: #fff;font-weight: bold;border: none;border-radius: 4px;}

/* member_modify */
.member_modify{margin-bottom: 30px;}
.member_modify .sec table th.required{position: relative;}
.member_modify .sec table th.required:after{position: absolute; content: '\f5bc'; left: 3px;top:5px; font-family: fontawesome;color: #ff952c;font-size: 9px;}
.member_modify .sec table td{text-align: left;}
.member_modify .sec table td .sub{color: #999;font-size: 0.8em;}
.member_modify .sec table td > input{padding: 0 4px;border: 1px solid #bbb;box-sizing: border-box;border-radius: 4px;line-height: 1.8;min-height: 31px;max-width: 100%;}
.member_modify .sec table td label{cursor: pointer;}
.member_modify .sec1 table caption span{color: #ff952c;}
.member_modify .sec1 .btn_wrap{display: flex;flex-direction: row;justify-content: center;margin: 20px auto;}
.member_modify .sec1 .btn_wrap button{border: 1px solid #efefef;border-radius: 6px;padding: 12px;text-align: center;font-size: inherit;margin: 0 6px;cursor: pointer;background: transparent;transition: all 0.3s ease-in-out;}
.member_modify .sec1 .btn_wrap button:hover{background: #ff952c;color: #fff;}
.member_modify .sec1 .btn_wrap .modi{background: #000;color: #fff;}
.member_modify .sec2 .pointbox{padding: 20px;border-radius: 12px;background: #ffeacf;margin-top: 20px;text-align: right;}
.member_modify .sec2 .pointbox label{cursor: pointer;margin-right: 8px;}
.member_modify .sec2 .pointbox a{background: #000;color: #fff;padding: 8px 12px;border-radius: 6px;font-weight: bold;transition: all 0.3s ease-in-out;}
.member_modify .sec2 .pointbox a:hover{background: #ff952c;}

/* myservice */
.myservice .no_content{height: calc(100% - 44px);display: flex;flex-direction: column;justify-content: space-between;}
.myservice .no_content h4{color: #999;font-weight: bold;text-align: center;font-size: 24px;margin: auto;margin: 100px 0;}
.myservice .no_content ul{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.myservice .no_content ul li{width: 19%;}
.myservice .no_content ul li:nth-child(1){background: #ffeacf ;}
.myservice .no_content ul li:nth-child(2){background: #feffcf ;}
.myservice .no_content ul li:nth-child(3){background: #e8ffe4 ;}
.myservice .no_content ul li:nth-child(4){background: #eef1ff ;}
.myservice .no_content ul li:nth-child(5){background: #faeeff ;}
.myservice .no_content ul li a{display: block;padding: 12px;border:1px solid #000;border-radius:6px;text-align: center;}
.myservice .no_content ul li .icon{text-align: center;font-size: 28px;margin: 30px 0;}
.myservice .no_content ul li h5{font-weight: bold;margin-top: 15px;font-size: 0.9em;word-break: keep-all;white-space: nowrap;}
.myservice .no_content ul li p{font-size: 0.9em;}

.myservice .sec table td input[type="checkbox"]{cursor: pointer;}
.myservice .sec table td button{background: #efefef;border: none;cursor: pointer;border-radius: 50%;width: 40px;height: 40px;transition: all 0.3s ease-in-out;}
.myservice .sec table td button:hover{background: #ff952c;color: #fff;}
.myservice .sec1 .dl_wrap{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;}
.myservice .sec1 .dl_wrap dl{width: 18%;margin: 1%;border-radius: 8px;border: 1px solid #efefef;overflow: hidden;cursor: pointer;transition: all 0.3s ease-in-out;}
.myservice .sec1 .dl_wrap dl:hover{box-shadow: 8px 11px 11px rgba(0,0,0,0.2);}
.myservice .sec1 .dl_wrap dl.on{background-image: linear-gradient(313deg, #ffeacf 0%, #fdd01e 100%);}
.myservice .sec1 .dl_wrap dl.on dt{background: transparent;}
.myservice .sec1 .dl_wrap dl dt{padding: 12px 0;background: #ffeacf;text-align: center;font-weight: bold;transition: all 0.3s ease-in-out;}
.myservice .sec1 .dl_wrap dl dd{padding: 12px;text-align: center;display: flex;flex-direction: row;justify-content: space-between;}
.myservice .sec1 .dl_wrap dl dd p span{font-weight: bold;}
.myservice .sec1 .dl_wrap dl dd.statu-3 .ac, .myservice .sec1 .dl_wrap dl dd.statu-2 .ac{color: #ff6c00;}

.myservice .sec2 table td .red{color: #ff6c00;}
.myservice .sec2 .btn_wrap{display: flex;flex-direction: row;justify-content: flex-end;margin: 15px 0;}
.myservice .sec2 .btn_wrap button{display: block;width: fit-content;padding: 8px 14px;background: #000;color: #fff;font-weight: bold;border: none;border-radius: 6px;margin-left: 6px;cursor: pointer;transition: all 0.3s ease-in-out;word-break: keep-all;white-space: nowrap;}
.myservice .sec2 .btn_wrap button:hover{background: #ff952c;}

@media screen and (max-width:900px) {
    .myservice .no_content h3{font-size: 1.2em;margin-bottom: 30px;}
    .myservice .no_content ul{overflow-x: scroll;flex-wrap: nowrap;justify-content: flex-start;}
    .myservice .no_content ul li{width: 140px;margin-right: 15px;}
    .myservice .no_content ul li p{word-break: keep-all;white-space: nowrap;}

    .myservice .sec1 .dl_wrap dl{width: 31%;}
    .myservice .sec1 .dl_wrap dl dt{padding: 6px 0;}
    .myservice .sec1 .dl_wrap dl dd{padding: 6px;}

    .myservice .sec2 .btn_wrap{justify-content: flex-start;overflow-x: scroll;}
    .myservice .sec2 .btn_wrap button{padding: 6px;margin: 0 6px 6px 0;}
}

/* payment */
.payment .sec1 table td button{width: 35px;height: 35px;border-radius: 50%;border: none;background: #efefef;cursor: pointer;transition: all 0.3s ease-in-out;}
.payment .sec1 table td button:hover{background: #ff952c;color: #fff;}
.payment .sec1 table td button.btnb{width: fit-content;height: fit-content;padding: 6px;background: #000;color: #fff;font-weight: bold;border-radius: 4px;}
.payment .sec1 table td button.btnb:hover{background: #ff952c;}
.payment .btn_sec .flex{display: flex;flex-direction: row;justify-content: space-between;}
.payment .btn_sec button{background: #000;color: #fff;font-weight: bold;width: fit-content;padding: 8px 12px;border-radius: 6px;border: 1px solid #000;cursor: pointer;transition: all 0.3s ease-in-out;}
.payment .btn_sec button:hover{background: #ff952c;border: 1px solid #ff952c;}
.payment .btn_sec button.gray{background: #efefef;color: #333;border: 1px solid #333;}
.payment .no_content h4{font-weight: bold;color: #bbb;text-align: center;font-size: 1.4em;margin: 100px 0;}

.payment .sec_pop_area table td button{width: 35px;height: 35px;border-radius: 50%;border: none;background: #efefef;cursor: pointer;transition: all 0.3s ease-in-out;}
.payment .sec_pop_area table td button:hover{background: #ff952c;color: #fff;}
.payment .sec_pop_area table th.price{background: #ffeacf;}
.payment .sec_pop_area .pop{height: 90%;}
.payment .sec_pop_area .content{height: calc(100% - 180px);}
.payment .sec_pop_area .bottom{display: flex;flex-direction: row;justify-content: flex-end;}
.payment .sec_pop_area .bottom .sub{color: #666;align-self: center;}
.payment .sec_pop_area .bottom button{background: #000;color: #fff;font-weight: bold;cursor: pointer;border: none;border-radius: 4px;align-self: center;padding: 12px 16px;margin: 0 6px;transition: all 0.3s ease-in-out;}
.payment .sec_pop_area .bottom button:hover{background: #ff952c;}
.payment .sec_pop_area .bottom button.cancel{background: #efefef;color: #000;}

@media screen and (max-width: 1100px) {
    .payment .btn_sec .flex{display: block;}
    .payment .btn_sec .flex .right{margin-top: 20px;}

    .payment .sec_pop_area .pop{padding: 12px;}
    .payment .sec_pop_area .content{height: calc(100% - 220px);}
    .payment .sec_pop_area .bottom{display: block;}
}

/* traffic_charge */
.traffic_charge .sec1 ul{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.traffic_charge .sec1 .statu{padding: 30px;border-radius: 12px;border: 1px solid #999;}
.traffic_charge .sec1 .statu h4{font-weight: bold;text-align: center;white-space: nowrap;word-break: keep-all;font-size: 1.1em;}
.traffic_charge .sec1 .statu h5{margin: 20px 0;font-size: 1.6em;font-weight: bold;text-align: center;}
.traffic_charge .sec1 .statu h5 span{color: #ff952c;}
.traffic_charge .sec1 .statu a{display: block;width: fit-content;padding: 12px 16px;background: #000;color: #fff;border-radius: 6px;border: none;transition: all 0.3s ease-in-out;cursor: pointer;font-weight: bold;margin: 0 auto;}
.traffic_charge .sec1 .statu a:hover{background: #ff952c;}
.traffic_charge .sec1 .txt{width: calc(100% - 260px);}
.traffic_charge .sec3 table td{text-align: left;}
.traffic_charge .sec3 table td .sub{font-size: 0.8em;color: #999;}
.traffic_charge .sec3 table td input[type="radio"]{position: absolute;top: 0;left: 0;z-index: -1;opacity: 0;pointer-events: none;}
.traffic_charge .sec3 table td input[type="radio"] + label{padding: 2px 8px;box-sizing: border-box;border: 1px solid #efefef;border-radius: 4px;line-height: 1.8;transition: all 0.3s ease-in-out;cursor: pointer;}
.traffic_charge .sec3 table td input[type="radio"]:checked + label {
  background: #000;
  color: #fff;
}
.traffic_charge .sec4 .btn_wrap{display: flex;flex-direction: row;justify-content: space-between;background: #ffeacf;padding: 24px;}
.traffic_charge .sec4 .btn_wrap button{padding: 12px 18px;width: fit-content;display: block;background: #000;color: #fff;font-weight: bold;border: none;transition: all 0.3s ease-in-out;cursor: pointer;border-radius: 6px;}
.traffic_charge .sec4 .btn_wrap button:hover{background: #ff952c;}
.traffic_charge .sec4 .btn_wrap p{align-self: center;}

@media screen and (max-width: 1100px) {
    .traffic_charge .sec1 ul{display: block;}
    .traffic_charge .sec1 .statu{padding: 12px;}
    .traffic_charge .sec1 .txt{width: 100%;margin-top: 15px;}
    .traffic_charge .sec4 .btn_wrap{display: block;}
}

/* traffic_reset */
.traffic_reset{margin-bottom: 50px;}
.traffic_reset .sec1 ul{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.traffic_reset .sec1 .statu{padding: 30px;border-radius: 12px;border: 1px solid #999;}
.traffic_reset .sec1 .statu h4{font-weight: bold;text-align: center;white-space: nowrap;word-break: keep-all;font-size: 1.1em;}
.traffic_reset .sec1 .statu h5{margin: 20px 0;font-size: 1.6em;font-weight: bold;text-align: center;}
.traffic_reset .sec1 .statu h5 span{color: #ff952c;}
.traffic_reset .sec1 .statu a{display: block;width: fit-content;padding: 12px 16px;background: #000;color: #fff;border-radius: 6px;border: none;transition: all 0.3s ease-in-out;cursor: pointer;font-weight: bold;margin: 0 auto;}
.traffic_reset .sec1 .statu a:hover{background: #ff952c;}
.traffic_reset .sec1 .txt{width: calc(100% - 310px);align-self: center;}
.traffic_reset .sec3 table td{text-align: left;}
.traffic_reset .sec4 .btn_wrap a{padding: 12px 18px;width: fit-content;display: block;background: #000;color: #fff;font-weight: bold;border: none;transition: all 0.3s ease-in-out;cursor: pointer;border-radius: 6px;margin: 0 auto;}
.traffic_reset .sec4 .btn_wrap a:hover{background: #ff952c;}

@media screen and (max-width: 1100px) {
    .traffic_reset .sec1 ul{display: block;}
    .traffic_reset .sec1 .statu{padding: 12px;}
    .traffic_reset .sec1 .txt{width: 100%;margin-top: 15px;}
}

/* vat */

.subp.vat .sec2 ol{
    list-style: auto;
    padding-left: 16px;
}
.subp.vat .sec2 ol li{padding-left: 0;}
.subp.vat .sec2 ol li:after{display: none;}
.subp.vat .sec4 table td button{background: #000;color: #fff;font-weight: bold;border: none;border-radius: 4px;cursor: pointer;}
.subp.vat .sec4 table td button.gray{background: #efefef;color: #000;}
.subp.vat .sec_pop_area .pop{height: 90%;overflow-y: scroll;}
.subp.vat .sec_pop_area .pop h2{font-size: 1.4em;font-weight: bold;text-align: center;}
.subp.vat .sec_pop_area button{background: #efefef;padding: 12px 16px;display: block;width: fit-content;margin-left: auto;margin-right: 0;border-radius: 6px;border: 0;transition: all 0.3s ease-in-out;cursor: pointer;}
.subp.vat .sec_pop_area button:hover{background: #ff952c;color: #fff;}


/* transferpg */
.transferpg .sec table td{text-align: left;}
.transferpg .sec table td input{padding: 4px;border: 1px solid #efefef;border-radius: 4px;}
.transferpg .sec table td .sub{font-size: 0.8em;color: #999;}
.transferpg .sec .btn_wrap{padding: 12px;background: #ffeacf;display: flex;flex-direction: row;justify-content: flex-end;border-radius: 6px;margin-top: 20px;}
.transferpg .sec .btn_wrap button{background: #000;color: #fff;font-weight: bold;padding: 6px 12px;cursor: pointer;border: none;border-radius: 6px;align-self: center;font-size: inherit;transition: all 0.3s ease-in-out;}
.transferpg .sec .btn_wrap button:hover{background: #ff952c;}
.transferpg .sec .btn_wrap p{align-self: center;margin-right: 10px;}
.transferpg .sec .btn_wrap2 button{background: #000;color: #fff;font-weight: bold;padding: 6px 12px;cursor: pointer;border: none;border-radius: 6px;align-self: center;font-size: inherit;transition: all 0.3s ease-in-out;display: block;width: fit-content;margin: 30px auto;}
.transferpg .sec .btn_wrap2 button:hover{background: #ff952c;}

.transferpg .sec1 .wrap{padding: 30px;border: 1px solid #bbb;border-radius: 12px;height: 40vh;max-height: 500px;overflow-y: scroll;}
.transferpg .sec1 .wrap h3{text-align: left;}

.transferpg .sec1 .chekbox{background: #ffeacf;padding: 24px;border-radius: 8px;margin-top: 10px;}
.transferpg .sec1 .chekbox label{display: block;cursor: pointer;}
.transferpg .sec_nav ul{display: flex;flex-direction: row;justify-content: space-around;}
.transferpg .sec_nav li{width: 45%;}
.transferpg .sec_nav li button{width: 100%;background: #efefef;height: 60px;border: none;font-weight: bold;padding: 0;cursor: pointer;transition: all 0.3s ease-in-out;font-size: inherit;}
.transferpg .sec_nav li button:hover{background: #000;color: #fff;}
.transferpg .sec_nav li button.active{background: #ff952c;color: #fff;}


/* .sec_pop_area */
.sec_pop_area{position: fixed;background: #00000099;display: flex;flex-direction: column;justify-content: center;left: 0;top: 0;z-index: 99999;width: 100dvw;height: 100dvh;}
.sec_pop_area .pop{background: #fff;padding: 30px;border-radius: 12px;}


/* login */
.login{min-height: 80dvh;padding: 115px 0 50px;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;background: #efefef;}
.login .s_inner{background: #fff;border-radius: 20px;padding: 50px;height: 100%;box-sizing: border-box;}
.login .sec1 h2{font-weight: bold;font-size: 24px;text-align: center;}
.login .sec1 figure img{display: block;margin: 20px auto 0;width: 200px;}
.login .sec1 figure figcaption{text-align: center;font-weight: bold;font-size: 20px;}
.login .sec2 ul {border-top: 1px solid #575757;margin: 30px auto;max-width: 320px;}
.login .sec2 ul li{border-bottom: 1px solid #575757;}
.login .sec2 ul li input{display: block;padding: 8px;box-sizing: border-box;width: 100%;}
.login .sec2 ul li input:focus{outline: none;}
.login .sec2 .select{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;max-width: 320px ;margin: 0 auto;}
.login .sec2 .select label{cursor: pointer;}
.login .sec2 button{margin: 50px auto;width: fit-content;padding: 8px 14px;border-radius: 6px;background: #000;color: #fff;border: none;font-weight: bold;font-size: 1.1em;display: block;cursor: pointer;transition:  all 0.3s ease-in-out;}
.login .sec2 button:hover{background: #ff952c;}
.login .sec2 .join{padding: 20px;display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;background: #000;color: #fff;border-radius: 8px;}
.login .sec2 .join p{word-break: keep-all;font-weight: bold;}
.login .sec2 .join a{padding: 6px 8px;background: #fff;border-radius: 4px;color: #333;align-self: start;transition: all 0.3s ease-in-out;font-weight: bold;}
.login .sec2 .join a:hover{background: #ff952c;color: #fff;}

@media screen and (max-width: 660px) {
    .login .sec2 .join a{display: block;margin: 3px auto;}
    
}


/* joinp */
.joinp nav ul{padding: 30px 0;display: flex;flex-direction: row;justify-content: space-around;border-bottom: 1px solid #bbb;}
.joinp nav ul li h6{text-align: center;width: 60px;height: 60px;line-height: 60px;font-weight: bold;font-size: 24px;background: #efefef;border-radius: 50%;margin: 0 auto 6px;}
.joinp nav ul li.on h6{background: #ff952c;color: #fff;}
.joinp nav ul svg{align-self: center;color: #333;}
.joinp .sec1{padding: 100px 0 0;}
.joinp .sec1 img{margin: 0 auto;display: block;width: 220px;}
.joinp .con{padding: 20px;box-sizing: border-box;border: 1px solid #bbb;border-radius: 12px;cursor: pointer;}
.joinp .content_wrap{overflow: hidden;max-height: 20vh;}
.joinp .chk_wrap{margin-top: 12px;}
.joinp .chk_wrap label{display: block;border-radius: 12px;background: #efefef;padding: 20px;cursor: pointer;word-break: keep-all;}
.joinp .chk_wrap.all label{background: #fff3ec;}
.joinp .sec_btn{margin-bottom: 30px;}
.joinp .sec_btn ul{display: flex;flex-direction: row;justify-content: center;}
.joinp .sec_btn ul li{margin: 0 8px;}
.joinp .sec_btn ul li a, .joinp .sec_btn ul li button{height: 45px;padding: 0 20px;border: 1px solid #bbb;font-size: inherit;border-radius: 6px;display: block;line-height: 45px;box-sizing: border-box;transition: all 0.3s ease-in-out;cursor: pointer;}
.joinp .sec_btn ul li button{background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);color: #fff;}
.joinp .sec_btn ul li button:hover, .joinp .sec_btn ul li a:hover{background: #000;color: #fff;}

.joinp .modal{position: fixed;width: 100%;height: 100vh;background: #00000099;display: flex;flex-direction: column;justify-content: center;z-index: 99999; backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);top: 0;left: 0; /* Safari Áö¿ø */}
.joinp .modal .s_inner{background: #fff;border-radius: 20px;padding: 20px;height: 70vh;max-height: 600px;}
.joinp .modal .close_wrap{display: flex;flex-direction: row;justify-content: flex-end;}
.joinp .modal .close_wrap button{color: #000; background: transparent;border: none;cursor: pointer;width: 45px;height: 45px;line-height: 45px;background: #efefef;border-radius: 50%;font-size: 18px;transition: all 0.3s ease-in-out;}
.joinp .modal .close_wrap button:hover{background: #000;color: #fff;}
.joinp .modal .wrap{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;height: calc(100% - 105px);margin-top: 20px;overflow-x: scroll;}
.joinp dl{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;border-top: 1px solid #bbb;border-bottom: 1px solid #bbb;}
.joinp dl .full{width: 100%;}
.joinp dl .sub{color: #999;font-size: 0.8em;padding-left: 5px;}
.joinp dl dt{width: 25%;}
.joinp dl dt label{background: #efefef;padding: 0 12px;box-sizing: border-box;;word-break: keep-all;cursor: pointer;display: block;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.joinp dl dd{width: 75%;padding: 8px 12px;box-sizing: border-box;word-break: keep-all;position: relative;}
.joinp dl dd input, .joinp dl dd select{padding: 4px;border: 1px solid #efefef;border-radius: 4px;box-sizing: border-box;}
.joinp dl dd input:focus{outline: none;}
.joinp dl dd button{background: #000;border-radius: 4px;transition: all 0.3s ease-in-out;font-size: inherit;cursor: pointer;word-break: keep-all;color: #fff;border: none;}
.joinp dl dd button:hover{background: #ff952c;}
.joinp dl dd .sub{display: block;}
.joinp dl dd input[type="radio"]{position: absolute;top: 0;left: 0;z-index: -1;opacity: 0;pointer-events: none;}
.joinp dl dd input[type="radio"] + label{padding: 2px 8px;box-sizing: border-box;border: 1px solid #efefef;border-radius: 4px;line-height: 1.8;transition: all 0.3s ease-in-out;cursor: pointer;}
.joinp dl dd input[type="radio"]:checked + label {
  background: #000;
  color: #fff;
}
.joinp .sec_btn{margin-bottom: 30px;}
.joinp .sec_btn ul{display: flex;flex-direction: row;justify-content: center;}
.joinp .sec_btn ul li{margin: 0 8px;}
.joinp .sec_btn ul li a, .subaply .sec_btn ul li button{height: 45px;padding: 0 20px;border: 1px solid #bbb;font-size: inherit;border-radius: 6px;display: block;line-height: 45px;box-sizing: border-box;transition: all 0.3s ease-in-out;cursor: pointer;}
.joinp .sec_btn ul li button{background: #ff6c00; color: #fff;}
.joinp .sec_btn ul li button:hover, .subaply .sec_btn ul li a:hover{background: #000;color: #fff;}
.joinp.complete{background-image: linear-gradient(to top, #fddb92 0%, #d1fdff 100%);}
.joinp.complete .sec2{font-weight: bold;text-align: center;padding-bottom: 50px;word-break: keep-all;margin-bottom: 0;}
.joinp.complete .sec2 img{max-width: 100%;display: block;margin: 0 auto;}
.joinp.complete .sec2 h2{font-size: 1.3em;color: #000;}
.joinp.complete .sec2 h2 span{font-size: 1.6em;}
.joinp.complete .sec2 ul{margin: 30px auto;}
.joinp.complete .sec2 ul li a{background: #fff;}
.joinp.complete .sec2 ul li a:hover{background: #000;}
.joinp.complete nav ul li h6{background: #fff;}
.joinp.complete nav ul li.on h6{background: #ff952c;}

@media screen and (max-width:660px) {
    .joinp nav ul li h6{width: 45px;height: 45px;line-height: 45px;font-size: 18px;}
    .joinp nav ul li p{word-break: keep-all;text-align: center;}
}


/* pagenation */
.pagenation{margin: 20px auto;display: flex;flex-direction: row;justify-content: center;}
.pagenation li{margin: 0 2px;}
.pagenation li a, .pagenation li span{padding: 0 8px;border: 1px solid #efefef;box-sizing: border-box;width: fit-content;transition: all 0.3s ease-in-out;height: 30px;display: flex;flex-direction: column;justify-content: center;border-radius: 4px;}
.pagenation li a:hover{background: #000; color: #fff;}
.pagenation li.on span{background: #000; color: #fff;}

/* .center */

.center .sec1{height: 50vh;background: #000000ab url(../images/center.jpg) no-repeat center; background-size: cover;background-attachment: fixed;background-blend-mode: color;}
.center .sec1 .wrap{height: 100%;display: flex;flex-direction: column;justify-content: center;color: #fff;text-align: center;}
.center .sec1 h1{font-size: 20px;font-weight: bold;}
.center .sec1 h1 span{text-decoration: underline;}
.center .sec1 h3{font-size: 60px;font-weight: bold;}
.center .sec2{top: -33px;position: relative;margin-bottom: -68px;}
.center .sec2 ul{display: flex;flex-direction: row;justify-content: space-between;background: #fff;box-shadow: 3px 4px 4px rgba(0,0,0,0.2); padding: 8px;border-radius: 12px;box-sizing: border-box;}
.center .sec2 ul li{width: 24%;}
.center .sec2 ul li a{display: block;height: 50px;line-height: 50px;text-align: center;border-radius: 12px;transition: all 0.3s ease-in-out;white-space: nowrap;}
.center .sec2 ul li a:hover{background: #000;color: #fff;}
.center .sec2 ul li.on a{background: #000;color: #fff;}
.center .sec20{margin-bottom: 20px;}
.center .sec20 ul{display: flex;flex-direction: row;justify-content: flex-end;}
.center .sec20 ul li{margin-right: 6px;}
.center .sec20 ul li a, .center .sec20 ul li button{border-radius: 4px;padding: 8px 12px;background: #000;color: #fff;transition: all 0.3s ease-in-out;display: block;width: fit-content;cursor: pointer;border: none;font-size: inherit;}

.center .sec20 ul li a:hover, .center .sec20 ul li button:hover{background: #ff952c;}

/* .notice_center.list */

.notice_center.list .sec3{padding: 50px 0 30px;background: #efefef;}
.notice_center.list .sec3 .search_wrap{display: flex;flex-direction: row;justify-content: space-between;}
.notice_center.list .sec3 .search_wrap input{width: calc(100% - 55px);height: 50px;box-sizing: border-box;padding: 12px;border-radius: 6px;}
.notice_center.list .sec3 .search_wrap input:focus{outline: none;}
.notice_center.list .sec3 .search_wrap button{width: 50px;text-align: center;line-height: 50px;border: none;cursor: pointer;background: transparent;border-radius: 6px;transition: all 0.3s ease-in-out;background: #000;color: #fff;}
.notice_center.list .sec3 .search_wrap button:hover{background: #ff952c;}
.notice_center.list .sec4 ul{border-top: 2px solid #000;border-bottom: 2px solid #000;}
.notice_center.list .sec4 ul li{transition: all 0.3s ease-in-out;}
.notice_center.list .sec4 ul li a{display: flex;flex-direction: row;justify-content: center;}
.notice_center.list .sec4 ul li:hover{background: #efefef;}
.notice_center.list .sec4 ul li.top{background: #fff3ec;display: flex;flex-direction: row;justify-content: center;}
.notice_center.list .sec4 ul li .td{padding: 12px;text-align: center;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.notice_center.list .sec4 ul li .num{width: 10%;}
.notice_center.list .sec4 ul li .subject{width: 70%;text-align: left;}
.notice_center.list .sec4 ul li.top .subject{text-align: center;}
.notice_center.list .sec4 ul li .date{width: 20%;}
.notice_center.list .sec4 ul li.empty{padding: 80px 0;font-weight: bold;color: #bbb;font-size: 28px;text-align: center;}
.notice_center.list .sec4 ul li.empty:hover{background: transparent;}
.notice_center.list .sec4 .btn_wrap{display: flex;flex-direction: row;justify-content: flex-end;margin-top: 25px;}
.notice_center.list .sec4 .btn_wrap a{border-radius: 4px;padding: 8px 12px;background: #000;color: #fff;transition: all 0.3s ease-in-out;}
.notice_center.list .sec4 .btn_wrap a:hover{background: #ff952c;}

/* .notice_center.read */
.notice_center.read .sec3 h1{font-weight: bold;font-size: 36px;}
.notice_center.read .sec3 dl{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;border-top: 2px solid #000;}
.notice_center.read .sec3 dl dt{width: 70%;padding: 8px 12px;border-left: 1px solid #efefef;box-sizing: border-box;border-bottom: 1px solid #efefef;text-align: left;font-weight: bold;font-size: 1.4em;}
.notice_center.read .sec3 dl dd{width: 30%;padding: 8px 12px;box-sizing: border-box;border-bottom: 1px solid #efefef;text-align: center;}
.notice_center.read .sec3 dl .full{width: 100%;}
.notice_center.read .sec3 dl .file{display: flex;justify-content: flex-start;flex-direction: row;}
.notice_center.read .sec3 dl .file h4{font-weight: bold;padding-right: 12px;}
.notice_center.read .sec4 .content_wrap{text-align: left;padding: 15px 15px 50px;border-bottom: 2px solid #000;}
.notice_center.read .sec5{margin-bottom: 20px;}
.notice_center.read .sec5 ul{display: flex;flex-direction: row;justify-content: flex-end;}
.notice_center.read .sec5 ul li{margin-right: 6px;}
.notice_center.read .sec5 ul li a{border-radius: 4px;padding: 8px 12px;background: #000;color: #fff;transition: all 0.3s ease-in-out;display: block;width: fit-content;}
.notice_center.read .sec5 ul li a:hover{background: #ff952c;}

/* .notice_center.write */
.notice_center.write .sec3 h1{font-weight: bold;font-size: 36px;}
.notice_center.write .sec3 .content_wrap{border-bottom: 2px solid #000;border-top: 2px solid #000;box-sizing: border-box;}
/* .notice_center.write */
.notice_center.write .sec3 .content_wrap dl{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;}
.notice_center.write .sec3 .content_wrap dl dt{width: 15%;padding: 12px;background: #efefef;box-sizing: border-box;border-bottom: 1px solid #575757;}
.notice_center.write .sec3 .content_wrap dl dd{width: 85%;padding: 12px;box-sizing: border-box;border-bottom: 1px solid #575757;}
.notice_center.write .sec3 .content_wrap dl dd input[type="text"]{border: 1px solid #efefef; border-radius: 4px;width: 100%;padding: 6px;box-sizing: border-box;}
.notice_center.write .sec3 .content_wrap dl dd textarea{border: 1px solid #efefef; border-radius: 4px;width: 100%;padding: 6px;box-sizing: border-box;}
.notice_center.write .sec3 .content_wrap dl dd > span{display: block;width: 100%;overflow-x: scroll;}
.notice_center.write .sec4{margin-bottom: 30px;}
.notice_center.write .sec4 ul{display: flex;flex-direction: row;justify-content: center;}
.notice_center.write .sec4 ul li{margin: 0 6px;}
.notice_center.write .sec4 ul li a{    border-radius: 4px;
    padding: 8px 12px;
    background: #000;
    color: #fff;
    transition: all 0.3s ease-in-out;display: block;}
    .notice_center.write .sec4 ul li a:hover{background: #ff952c;}

@media screen and (max-width:1100px){
    .center .sec1{height: fit-content;}
    .center .sec1 .wrap{padding: 90px 0 40px;}
    .center .sec1 h3{font-size: 32px;}
    .center .sec1 h1{font-size: inherit;}
}

@media screen and (max-width:660px){
    .center .sec2{position: static;margin-bottom: 0;background: #efefef;}
    .center .sec2 ul{flex-wrap: wrap;background: transparent;justify-content: flex-start;box-shadow: none;}
    .center .sec2 ul li{width: fit-content;}
    .center .sec2 ul li a{height: 35px;line-height: 35px;padding: 0 12px;}

    .notice_center.list .sec3{padding: 10px 0;}
    .notice_center.list .sec3 .search_wrap input{padding: 6px;border-radius: 4px;height: 45px;width: calc(100% - 50px);}
    .notice_center.list .sec3 .search_wrap button{width: 45px;line-height: 45px;}
   
    .notice_center.list .sec4 ul li .td{padding: 8px 6px;}
    .notice_center.list .sec4 ul li .num{width: 15%;}
    .notice_center.list .sec4 ul li .subject{width: 50%;}
    .notice_center.list .sec4 ul li .date{width: 35%;letter-spacing: -1px;}
    .notice_center.list .sec4 ul li.empty{font-size: 18px;}

    .notice_center.write .sec3 .content_wrap dl dt{width: 20%;}
    .notice_center.write .sec3 .content_wrap dl dd{width: 80%;}

     .notice_center.read .sec3 dl dt{width: 100%;}
    .notice_center.read .sec3 dl dd{width: 100%;}
    .notice_center.read .sec4 .content_wrap{overflow-x: scroll;}
    
}

/* .faq_center */
.faq_center .sec3{padding: 50px 0 30px;background: #efefef;}
.faq_center .sec3 .search_wrap{display: flex;flex-direction: row;justify-content: space-between;}
.faq_center .sec3 .search_wrap input{width: calc(100% - 55px);height: 50px;box-sizing: border-box;padding: 12px;border-radius: 6px;}
.faq_center .sec3 .search_wrap input:focus{outline: none;}
.faq_center .sec3 .search_wrap button{width: 50px;text-align: center;line-height: 50px;border: none;cursor: pointer;background: transparent;border-radius: 6px;transition: all 0.3s ease-in-out;background: #000;color: #fff;}
.faq_center .sec3 .search_wrap button:hover{background: #ff952c;}
.faq_center .sec4 ul{display: flex;flex-direction: row;justify-content: center;flex-wrap: wrap;}
.faq_center .sec4 ul li{margin-right: 4px;}
.faq_center .sec4 ul li a{padding: 8px;border: 1px solid #efefef;display: block;border-radius: 6px;transition: all 0.3s ease-in-out;}
.faq_center .sec4 ul li a:hover{background: #ccc;}
.faq_center .sec4 ul li.on a{background: #000;color: #fff;}
.faq_center .sec5 dl{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;border-top: 2px solid #000;border-bottom: 2px solid #000;}
.faq_center .sec5 dl dt{width: 20%;padding: 12px;box-sizing: border-box;text-align: center;background: #efefef;border-bottom: 1px solid #575757;}
.faq_center .sec5 dl dd{width: 80%;}
.faq_center .sec5 dl dd.empty{display: block; padding: 30px 12px;box-sizing: border-box;text-align: center;border-bottom: 1px solid #575757;transition: all 0.3s ease-in-out;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;font-weight: bold;color: #bbb;font-size: 1.6em;}
.faq_center .sec5 dl dd a{display: block; padding: 12px;box-sizing: border-box;text-align: center;border-bottom: 1px solid #575757;transition: all 0.3s ease-in-out;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.faq_center .sec5 dl dd a:hover{background: #efefef;}
.faq_center .sec6 ul{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.faq_center .sec6 ul li{width: 18%;margin: 1%;box-sizing: border-box;}
.faq_center .sec6 ul li a{display: block;box-sizing: border-box;padding: 12px;border-radius: 12px;border: 1px solid #bbb;transition: all 0.3s ease-in-out;}
.faq_center .sec6 ul li a:hover{background: #000;color: #fff;}
.faq_center .sec6 ul li a p{word-break: keep-all;white-space: wrap;text-overflow: ellipsis;height: 80px;overflow: hidden;}
.faq_center .sec6 ul li a p b{font-weight: bold;}
.faq_center .sec7 h1{font-weight: bold;font-size: 36px;}
.faq_center .sec7 dl{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;border-top: 2px solid #000;}
.faq_center .sec7 dl dt{width:85%;padding: 8px 12px;border-left: 1px solid #efefef;box-sizing: border-box;border-bottom: 1px solid #efefef;text-align: left;font-weight: bold;font-size: 1.4em;}
.faq_center .sec7 dl dd{width: 15%;padding: 8px 12px;box-sizing: border-box;border-bottom: 1px solid #efefef;text-align: center;}
.faq_center .sec7 dl .full{width: 100%;}
.faq_center .sec7 dl .file{display: flex;justify-content: flex-start;flex-direction: row;}
.faq_center .sec7 dl .file h4{font-weight: bold;padding-right: 12px;}
.faq_center .sec7 .content{padding: 15px;}
.faq_center .sec7 .content img{max-width: 100%;height: auto;}
.faq_center .sec8{margin-bottom: 20px;}
.faq_center .sec8 ul{display: flex;flex-direction: row;justify-content: flex-end;}
.faq_center .sec8 ul li{margin-right: 6px;}
.faq_center .sec8 ul li a{border-radius: 4px;padding: 8px 12px;background: #000;color: #fff;transition: all 0.3s ease-in-out;display: block;width: fit-content;}
.faq_center .sec8 ul li a:hover{background: #ff952c;}

@media screen and (max-width:660px){
    .faq_center .sec4 ul{justify-content: flex-start;}
    .faq_center .sec5 dl dt{width: 35%;}
    .faq_center .sec5 dl dd{width: 65%;}
    .faq_center .sec6 ul li{width: 47%;}
    .faq_center .sec6 ul li:nth-child(5), .faq_center .sec6 ul li:nth-child(4) .faq_center .sec6 ul li:nth-child(3){display: none;}
    .faq_center .sec6 ul li a p{height: 68px;}
}

.qna_center .sec3{margin-bottom: 30px;}
.qna_center .sec3 ul{display: flex;flex-direction: row;justify-content: flex-end;}
.qna_center .sec3 ul li{}
.qna_center .sec3 ul li a{display: block;padding: 8px 12px;text-align: center;border-radius: 6px;border: 1px solid #bbb;box-sizing: border-box;transition: all 0.3s ease-in-out;}
.qna_center .sec3 ul li a:hover{background: #000;color: #fff;}
.qna_center .sec3 ul li.on a{background: #000;color: #fff;}
.qna_center .sec4{padding-top: 30px ;}
.qna_center .sec4 table{width: 100%;border-collapse: collapse;border-top: 2px solid #000;border-bottom: 2px solid #000;}
.qna_center .sec4 table caption{text-align: right;}
.qna_center .sec4 table th{background: #efefef;padding: 12px;text-align: left;vertical-align: middle;}
.qna_center .sec4 table td{padding: 12px;overflow: hidden;}
.qna_center .sec4 table th.required{position: relative;}
.qna_center .sec4 table th.required:after{position: absolute; content: '\f5bc'; left: 3px;top:5px; font-family: fontawesome;color: #ff952c;font-size: 9px;}
.qna_center .sec4 table td input, .qna_center .sec4 table td select{padding: 6px;border: 1px solid #efefef;border-radius: 4px;box-sizing: border-box;}
.qna_center .sec4 table td textarea{padding: 12px;border: 1px solid #efefef;border-radius: 4px;box-sizing: border-box;width: 100%;height: 180px;}
.qna_center .sec4 table td input:focus, .qna_center .sec4 table td textarea:focus, .qna_center .sec4 table td select:focus{outline: none;}
.qna_center .sec4 table td input:read-only{border: none;}
.qna_center .sec4 table td label{background: #efefef;border-radius: 50%;width: 40px;height: 40px;display: flex;flex-direction: column;justify-content: center;float: left;margin-right: 4px;cursor: pointer;}
.qna_center .sec4 table td input[type="file"]{background: #efefef;border: none;}
.qna_center .sec4 table td .sub{color: #575757;font-size: 0.8em;display: block;}
.qna_center .sec5{margin-bottom: 30px;}
.qna_center .sec5 ul{display: flex;flex-direction: row;justify-content: center;}
.qna_center .sec5 ul li{margin: 0 8px;}
.qna_center .sec5 ul li a, .qna_center .sec5 ul li button{height: 45px;padding: 0 20px;border: 1px solid #bbb;font-size: inherit;border-radius: 6px;display: block;line-height: 45px;box-sizing: border-box;transition: all 0.3s ease-in-out;cursor: pointer;}
.qna_center .sec5 ul li button{background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);color: #fff;}
.qna_center .sec5 ul li button:hover, .qna_center .sec5 ul li a:hover{background: #000;color: #fff;}
.qna_center .sec6{padding-top: 30px;}
.qna_center .sec6 table{width: 100%;border-collapse: collapse;border-top: 2px solid #000;border-bottom: 2px solid #000;}
.qna_center .sec6 table caption{text-align: right;}
.qna_center .sec6 table th{background: #efefef;padding: 12px;text-align: center;vertical-align: middle;}
.qna_center .sec6 table td{padding: 12px;overflow: hidden;text-align: center;}
.qna_center .sec6 table td a{display: block;}
.qna_center .sec6 table td a:hover{text-decoration: underline;}
.qna_center .sec7 table{width: 100%;border-collapse: collapse;border-top: 2px solid #000;border-bottom: 2px solid #000;}
.qna_center .sec7 table caption{text-align: right;}
.qna_center .sec7 table th{background: #efefef;padding: 12px;text-align: center;vertical-align: middle;border-bottom: 1px solid #575757;}
.qna_center .sec7 table td{padding: 12px;overflow: hidden;text-align: center;border-bottom: 1px solid #575757;}
.qna_center .sec7 table td a{display: block;}
.qna_center .sec7 table td a:hover{text-decoration: underline;}
.qna_center .sec7 h3{font-weight: bold; border-left: 4px solid #ff952c;font-size: 20px;padding-left: 6px;margin-bottom: 12px;}
.qna_center .sec8{margin-bottom: 20px;}
.qna_center .sec8 ul{display: flex;flex-direction: row;justify-content: flex-end;}
.qna_center .sec8 ul li{margin-right: 6px;}
.qna_center .sec8 ul li a{border-radius: 4px;padding: 8px 12px;background: #000;color: #fff;transition: all 0.3s ease-in-out;display: block;width: fit-content;}
.qna_center .sec8 ul li a:hover{background: #ff952c;}

@media screen and (max-width:660px){
    .qna_center .sec3{padding: 25px 0;}
}

.pay_center .sec4{padding: 30px 0;background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);}


.memberfind{display: flex;flex-direction: column;justify-content: center;padding: 100px 0 50px;}
.memberfind nav ul{display: flex;flex-direction: row;justify-content: center;}
.memberfind nav ul li{margin: 0 8px;}
.memberfind nav ul li button{padding: 12px;border: 1px solid #bbb;border-radius: 6px;cursor: pointer;}
.memberfind nav ul li button.on{background: #000;color: #fff;}
.memberfind .sec{margin-top: 50px;}
.memberfind .sec .s_inner{padding: 50px;border: 1px solid #bbb;border-radius: 30px;}
.memberfind .sec h3{border-left: 4px solid #ff952c;padding-left: 8px;font-weight: bold;font-size: 24px;}
.memberfind .sec ul{display: flex;flex-direction: row;justify-content: flex-start;margin: 15px 0;border-top: 1px solid #bbb;border-bottom: 1px solid #bbb;padding: 8px;}
.memberfind .sec ul h5{width: 20%;align-self: center;}
.memberfind .sec ul li{margin-right: 8px;}
.memberfind .sec ul li button{padding: 6px 8px;border: 1px solid #bbb;border-radius: 4px;cursor: pointer;}
.memberfind .sec ul li button.on{background: #000;color: #fff;}
.memberfind .sec dl{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;}
.memberfind .sec dl dt{width: 20%;border-bottom: 1px solid #bbb;padding: 6px;background: #efefef;}
.memberfind .sec dl dt label{cursor: pointer;display: block;vertical-align: middle;}
.memberfind .sec dl dd{width: 80%;border-bottom: 1px solid #bbb;padding: 6px;}
.memberfind .sec dl dd input, .memberfind .sec dl dd select{padding: 4px;border-radius: 4px;border: 1px solid #bbb;}
.memberfind .sec .ol_wrap{background: #efefef;padding: 30px 0;margin-bottom: 25px;}
.memberfind .sec .ol_wrap ol{padding: 20px;background: #fff;border-radius: 12px;border: none;}
.memberfind .sec .ol_wrap ol li{position: relative;padding-left: 12px;margin: 4px 0;word-break: keep-all;}
.memberfind .sec .ol_wrap ol li::after{position: absolute;left: 0;top: 10px;width: 6px;height: 6px;border-radius: 100%;background: #333;content: '';}
.memberfind .sec button[type="submit"]{padding: 8px 12px;background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);color: #fff;border-radius: 4px;display: block;width: fit-content;margin: 20px auto;border: none;cursor: pointer;}
.memberfind .sec h1{font-weight: bold;font-size: 1.4em;margin-bottom: 12px;}
.findresult{min-height: 80vh;display: flex;flex-direction: column;justify-content: center;background: #efefef;}
.findresult .sec1 h2{text-align: center;font-size: 1.6em;}
.findresult .sec1 ul{display: flex;flex-direction: row;justify-content: center;}

.findresult .sec1 ul li{margin: 20px 4px;}
.findresult .sec1 ul li a{padding: 6px 8px;border: 1px solid #bbb;border-radius: 4px;cursor: pointer;}
.findresult .sec1 ul li a{background: #000;color: #fff;}


.company nav{margin: 50px auto;}
.company nav ul{display: flex;flex-direction: row;justify-content: flex-start}
.company nav ul li{width: fit-content;margin-right: 8px;}
.company nav ul li a{ border: 1px solid #bbb;border-radius: 4px;padding: 6px 8px;display: block;}
.company nav ul li.on a{background: #000;color: #fff; }
.company .sec1 table td{text-align: left;}
.company .sec10 dl{display: flex;flex-direction: row;justify-content: space-around;flex-wrap: wrap;}
.company .sec10 dl dt{width: 100%;padding: 12px;background: #efefef;margin-bottom: 15px;text-align: center;}
.company .sec10 dl dt button{background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%); height: 45px;padding: 0 20px;border: 1px solid #bbb;font-size: inherit;border-radius: 6px;display: block;line-height: 45px;box-sizing: border-box;transition: all 0.3s ease-in-out;cursor: pointer;color: #fff;margin: 15px auto;}
.company .sec10 dl dd{width: 50%;}
.company .sec2 .s_inner{background: #efefef;padding: 20px;overflow-y: scroll;max-height: 600px;}
.company .sec_popmsg h3{margin-top: 20px; text-align: left;}