@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Noto+Sans+KR:wght@200;300;400;500;600;700;800;900&display=swap');




/* reset CSS
---------------------------------------------------------------- */

html, body{
    margin:0;padding:0;
    font-size:16px;
    font-weight: 400;
    color: #333;
    line-height: normal;
    min-width: 1200px;
    font-family: 'Noto Sans KR', sans-serif;
}
.maxmin_width{width:100%;  max-width:1200px;min-width: 1200px; margin:0 auto; }
.maxmin_width700 {width:100%;  max-width:700px;min-width: 700px; margin:0 auto; }


.cb{clear: both;}

/*버튼 ----------------------------------------------
<button type="button" class="bt_basic" onclick="location.href='../index.html'">기본</button>
<button type="button" class="bt_select" onclick="location.href='../index.html'">기본강조</button>
<button type="button" class="bt_emphasis" onclick="location.href='../index.html'">컬러강조강조</button>
<button type="button" class="bt_inactive" onclick="location.href='../index.html'">비활성</button>
<button type="button" class="bt_de-emphasis" onclick="location.href='../index.html'">비강조</button>

------------------ */

button, .btn-primary, .btn-secondary{border-radius: 999px;padding: 15px 10px;font-size: 16px;font-weight: 600;margin: 0px 5px;width: 220px;}
/*기본*/
.bt_basic{border: 1px solid #333;background-color: #fff;}
/*선택*/
.bt_select{border: 1px solid #333;background-color: #333;color: #fff;}
.bt_select:hover{border: 1px solid #000;background-color: #000000;}
/*강조*/
.bt_emphasis{border: 0px solid #333;background-color: #0073DE;color: #fff; }
.bt_emphasis:hover{background-color: #0068ca;}
/*비활성*/
.bt_inactive{border: 0px solid #333;background-color: #E7EDF6;color: #96A1BE; }
/*비강조*/
.bt_de-emphasis{border: 0px solid #333;background-color: #E7EDF6;color: #333;}
.bt_basic_small{ border-radius: 2px;
    width: auto;
    padding: 10px;}

    
/* GNB */
#header{
    position:fixed;
    width:100%;
    box-sizing: border-box;
    background:#fff;/*처음 배경색*/
    transition:.5s;
    border-bottom: 1px #333 solid;
    z-index: 99;
}

.coming_img{padding:80px 0px;}

#header nav{max-width:1200px;min-width: 1200px;margin:0 auto; padding: 0px 10px;}
a:hover{text-decoration:none;font-weight: 600;color: black;}

#header nav .logo{ float:left;padding-top: 25px;}
#header nav .logo img{height:24px;}
#header nav .login{ float:right;padding-top: 25px;}
#header nav .login a{ padding-left:30px;font-size: 13px;}

#header nav ul{ margin:0;padding:24px 0;   text-align: center;}
#header nav ul li{ display:inline-block; list-style: none; width: 160px;}
#header nav ul li a{padding:10px 15px 25px 15px;margin: 10px;line-height: 22px; text-decoration: none;}


#header nav ul li a, #header nav .logo img{transition:.5s; }



.subnav_mypage{width: 200px;position: absolute;top: 120px;}
.subnav_mypage > div {font-size: 25px;padding-bottom:50px ;font-weight: 800;}
.subnav_mypage li{padding: 5px 0px;}

.mypage_info{width: 950px;float: right;}



/* GNB드롭다운메뉴 */
#header li ul.gnb_dep2{display:none;position:absolute;}
#header li:hover ul.gnb_dep2{z-index:1000;display:block;background:#fff;border: #b4b4b4 1px solid;border-radius: 5px;top:70px;box-shadow: 0 3px 6px rgba(177, 177, 177, 0.16), 0 3px 6px rgba(114, 114, 114, 0.096);}
#header li .gnb_dep2 li {display:block;float:none;margin:0px;padding:0px;width:160px;}
#header li:hover .gnb_dep2 li a{background:none;}
#header li ul.gnb_dep2 a{display:block;font-size:14px;margin:0px;padding:8px 0px;text-align:center;transition:.5s;}
#header li ul.gnb_dep2 a:hover, #header li ul.gnb_dep2 li:hover a{border:0px;}

/* GNB스크롤 내렸을때 CSS .active */
#header.active{ background:#fff;z-index:999;}
#header.active nav .logo, #header.active nav .login, #header.active nav ul{padding:18px 0; transition:.5s; }
#header.active nav ul li a{border: 0px rgba(70, 9, 9, 1) solid; }
#header.active  nav .logo img{height:24px;}
#header.active li ul.gnb_dep2{top:60px;}

/*메일*/
table.join_mailt{width: 700px;border: 1px solid #dadada;text-align: center;margin: 30px auto 0px auto;}
table.join_mailt td{padding:20px;}

.mail_titlebg{    background: url(/include/images/mail/mailtopbg.svg)  -8px 19px no-repeat;height: 220px;}
table.join_mailt tr.bottombg td{background-color: #F7F7F7;}
.joininfo_mail{border-top:1px solid #dadada;border-bottom:1px solid #dadada ;}

.joininfo_mail tr th{background-color: #F7F7F7;font-size: 14px;}
.joininfo_mail tr td{padding: 10px; text-align: left;font-size: 14px;}
.underlinem{border-bottom: 1px solid #dadada;}

.mailpw_titlebg{background: url(/include/images/mail/mailtoppwbg.svg) 30px center no-repeat;height: 151px;
    vertical-align: bottom;}
.mail_pwre{border:1px solid #dadada;border-radius: 10px;padding: 20px;}
.mail_pwre b span {color: #0073DE;font-size: 26px;}


/*container-----------*/
#container{min-height: 81vh;}
/*main*/
#container > main {height: 670px;display:block;background: linear-gradient(45deg, #1727BC, #7300CD);margin: 0 auto;top:70px}
#container > main > div.mainbn{top:70px;width:100%; margin:0 auto; height: 740px; display : flex; justify-content: space-between;align-items : center;}
#container > main > div.mainbn > p{color: #fff;font-weight: 300;min-width:490px;}
#container > main > div.mainbn > p > span{display: block;font-size:50px;font-weight: 600;padding-bottom:10px ;}
#container > main > div.mainbn .mianbn_visual{float: right;width: 620px;}

.main_title {padding: 100px 0px 50px;text-align: center;width: 100%;font-size: 28px;font-weight: 600;}
.sub_title {padding: 0px 0px 50px;text-align: center;width: 100%;font-size: 28px;font-weight: 600;}

.difficult{background-color: #F1F5FF;padding-bottom: 116px;}
.difficult > div.main_title{font-weight: 400;}
.difficult > div.difficult_icon {display : flex; justify-content: space-between;}
.difficult > div.difficult_icon div{background-color: #fff;width: 19%;padding: 25px;border-radius: 10px;margin-bottom: 100px;}
.difficult > div.difficult_icon div img{padding: 10px 0px 30px 0px;}

.correct{background: linear-gradient(45deg, #2EB2FC, #2E74FC);height: 210px;color: #fff;text-align: center;padding-top:280px ;}
.correct > div.main_title {padding: 0px 0px 20px 0px;color: #fff;}
.correct_text{font-size: 92px;font-weight: 900;display: inline-block;color: #D7E1FA;position: absolute}
.correct_img{position: absolute;margin:10px 0px 0px 175px;}
.correct_logo{height: 120px;filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(337deg) brightness(104%) contrast(102%);float: right;margin-top: 200px;}

/*이지*/
.easy {border-radius: 10px}
.easy_icon {display: flex;justify-content: space-between;align-items: center;position: relative;}

.snip1504 {overflow: hidden;width: 18.5%;color: #333;text-align: center;font-size: 18px;font-weight: 600;background-color: #fff;padding: 50px 0px;display: inline-block;border-radius: 10px;border: 2px skyblue solid;position: relative;}
.snip1504 * {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.45s ease;transition: all 0.45s ease;}
.snip1504 img {vertical-align: top;max-width: 100%;backface-visibility: hidden;padding-bottom: 10px;}
.snip1504 div.easy_text{text-align: center;}
.snip1504 figcaption {position: absolute;top: 0;left: 0;right: 0;z-index: 1;align-items: center;bottom: 0;display: flex;flex-direction: column;justify-content: center;}
.snip1504 h3, .snip1504 h5 {margin: 0;opacity: 0;letter-spacing: 1px;}
.snip1504 h3 {-webkit-transform: translateY(-20%);transform: translateY(-20%);
text-transform: uppercase;font-size: 20px;font-weight: 600;width: 100%;    padding: 0px 0px 0px 30px;
text-align: left;}
.snip1504 h5 {color: #888;-webkit-transform: translateY(20%);transform: translateY(20%);width: 100%;padding: 20px 0px 0px 30px;font-weight: 300;height: 100px;text-align: left;}
.snip1504 a {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;}
.snip1504:hover > img,.snip1504.hover > img {opacity: 0;}
div.easy_text:hover, .easy_text.hover{display: none;}

.snip1504:hover, .snip1504:hover h3,.snip1504.hover h3,.snip1504:hover h5,.snip1504.hover h5 {
-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;color: #fff;}

.easy_icon1{border: #6383EC 2px solid;}
.easy_icon1:hover{background-color: #6383EC;}
.easy_icon1:hover div{color: #6383EC;visibility: hidden;transition: all 0.45s ease;}

.easy_icon2{border: #2EB6E5 2px solid;}
.easy_icon2:hover{background-color: #2EB6E5;}
.easy_icon2:hover div{color: #2EB6E5;visibility: hidden;transition: all 0.45s ease;}

.easy_icon3{border: #A06AFC 2px solid;}
.easy_icon3:hover{background-color: #A06AFC;}
.easy_icon3:hover div{color: #A06AFC;visibility: hidden;transition: all 0.45s ease;}

.easy_icon4{border: #066AFC 2px solid;}
.easy_icon4:hover{background-color: #066AFC;}
.easy_icon4:hover div{color: #066AFC;visibility: hidden;transition: all 0.45s ease;}

.easy_icon5{border: #36ABF5 2px solid;}
.easy_icon5:hover{background-color: #36ABF5;}
.easy_icon5:hover div{color: #36ABF5;visibility: hidden;transition: all 0.45s ease;}



/*로그인*/
.loginsk {padding: 200px 0px 110px 620px;}
.loginsk form{width: 330px;padding: 70px;border: 1px solid #E9EEF6;border-radius: 10px;text-align: left;margin: 0 auto;box-shadow: 0px 9px 9px 5px #edeff1 }
.loginsk form label.userid,.loginsk form label.userpw{font-weight: 600; margin-bottom: 10px;}
.loginsk form input[type=text],.loginsk form input[type=password]{margin-bottom: 20px;width: 100%;}
.loginsk form input[type=checkbox].saveidpw_ck{width: 26px;margin: 0px;}
.loginsk form > button{width: 100%;margin: 50px 0px  30px 0px;}
.loginsk form > div{text-align: center;font-size: 14px;}
.nsp124{font-size: 13px;color: #666;display:inline-block;}
.login_cw{float: left;font-size: 60px;padding: 230px 0px 0px 120px;line-height: 1.2;font-family: 'Black Han Sans', sans-serif;}
.join_bt{padding: 8px;width: 120px;margin-left: 10px; }

.login_imgbook{position: absolute; top: 530px; right: 50%; margin-right: -110px;}

/*이용사례*/  
.review {border-radius: 10px}
.review_img {display: flex;justify-content: space-between;align-items: center;position: relative;padding-bottom: 100px;}

/* Common style */
.review figure {position: relative;float: left;text-align: center;cursor: pointer;border-radius: 10px;}
.review figure.effect-lily {	background: #1a1e29;}
.review figure img {position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 0.5;border-radius: 10px;}

.review figure figcaption {color: #fff;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.review figure figcaption::before,
.review figure figcaption::after {pointer-events: none;}

.review figure figcaption,
.review figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.review figure figcaption > a {z-index: 3;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}

.review figure p.review_title {font-weight: 300;}
.review figure.effect-lily img {opacity: 1;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
.review figure.effect-lily:hover img {opacity: 0.1;}
.review figure.effect-lily figcaption > div {position: absolute;transform: translate(-50%, -50%);top: 65%;left: 50%;height: 100%;width: 86%;}

.review figure.effect-lily  p.review_title,
.review figure.effect-lily p {-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);
color: #fff;}

.review figure.effect-lily p.review_title {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;font-size: 18px;font-weight: 600;padding: 30px 0px;opacity: 1;}

.review figure.effect-lily p {font-size: 14px;font-weight: 300;opacity: 0;-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;}


.review figure.effect-lily:hover p {opacity: 1;}
.review figure.effect-lily:hover p.review_title,
.review figure.effect-lily:hover p {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

.review figure.effect-lily:hover p {-webkit-transition-delay: 0.05s;transition-delay: 0.05s;-webkit-transition-duration: 0.35s;transition-duration: 0.35s;}

/*--------이용사례 end-------*/


/*footer*/
#footer{background-color: #F9F9F9;padding:30px 0px ;position: relative;width: 100%;min-width: 1200px;max-width: 100%;}
#footer .footer_logo{display: inline-block; padding-right: 100px;}
#footer div.footer_info, #footer div.footer_info ul li{display: inline-block;font-size: 14px;}
#footer div.footer_info ul{padding-bottom: 20px;}
#footer div.footer_info ul li a{border-right:1px solid #aaa ;padding: 0px 20px;font-weight: 600;}
#footer div.footer_info ul li:first-child a{padding: 0px 20px 0px 0px ;}
#footer div.footer_info ul li:last-child a{border-right:0px solid #aaa ;}
#footer div.footer_info p{font-size: 13px; color: #666;}
#footer .footer_inquiry {display: inline; float: right;    position: absolute;right: 0px;}
#footer .footer_inquiry > p {font-size:20px;font-weight: 600;margin-bottom: 20px;}
#footer .footer_inquiry a{border:1px solid #aaa; border-radius: 5px;width:130px;padding:5px 10px;margin-bottom: 5px;display: flex;justify-content: space-between;align-items: center;position: relative;font-size: 14px;}
#footer .footer_inquiry a:hover{background-color: #fff;font-weight: 600;}



/*---------sub----------------*/

.esred{color: #FF0505 !important;padding-left: 5px;}
input:invalid {border: 1px solid #FF0505 !important;}

#dep1_tilte{
height: 40px;
padding-top: 85px;
background-color: #08335b;
color: #fff;
font-size: 18px;
font-weight: 600;}
#dep1_tilte > div{display: flex;
justify-content: space-between;
align-items: center;
width: 1200px;
margin: 0 auto;}
#dep1_tilte > div > ul {color: #a3a5b8;font-size: 13px;font-weight: 400;}
#dep1_tilte > div > ul li{display: inline-block; padding-left: 20px; }
#dep1_tilte > div > ul li:last-child{color: #fff;}

#dep2_tilte {text-align: center;padding: 50px 0px;font-size: 32px;font-weight: 600;}
#dep2_tilte > p {font-size: 14px;color: #333;font-weight: 400;    margin-top: 10px;}

.info_writing h2{padding:120px 0px 50px 0px;font-size: 25px;font-weight: 800;}
.info_writing div.title{font-size: 20px;font-weight: 600;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px #333 solid;}
.info_writing div.title_linetop{font-size: 0px;margin-bottom: 10px;border-bottom: 1px #333 solid;height: 1px;}
.info_writing div.title_linebottom{font-size: 0px;margin-top: 10px;border-top: 1px #333 solid;height: 1px;}
.info_writing div.title_noline{font-size: 20px;font-weight: 600;padding-bottom: 10px;margin-bottom: 10px;}
.info_writing table{margin-bottom: 50px;}
.info_writing table tr td label {font-size: 16px;display: inline-block;width: 120px;font-weight: 600;}
.info_writing  input, .info_writing table tr td select{width: 60%;;padding: 10px;margin: 5px 0;border: 1px solid #ccc;border-radius: 5px;outline: none;font-size: 14px}
.info_writing table tr td p.ex{padding-left: 120px;}
.info_writing table tr td input.selectex{margin-left: 120px;}
.info_writing table tr td option {padding: 20px 0;line-height: 30px;display: block;}
.gaittext{color: #666;font-size: 15px;font-weight: 400;}
.info_writing  input[type=checkbox],
.info_writing div div span input[type=checkbox]
{margin-right: 5px;width:20px;}
.info_writing table tr td label.paycho{width: 200px;}


ul.caution{margin-top: 20px;}
ul.caution li{margin-top: 10px;}
div.ex{margin:5px 0px 10px 120px;}

#chk_captcha{width:150px;letter-spacing: 4px;}
#captcha{background-color:#1a447d; color:#FFF; text-align:center; width:100px; padding: 9px 20px;border-radius:5px; vertical-align: middle;}

#terms_wrap:last-child {border-bottom: 1px #333 solid;padding-bottom: 10px;margin-bottom: 50px;}
#terms_wrap .botmlineno{border-bottom: 0px solid #dddddd;}
.terms{position: relative;padding: 17px 0;cursor: pointer;border-bottom: 1px solid #dddddd;}
.terms::before{display: inline-block;font-weight: 600;margin: 0 5px;}
.terms.on > span{font-weight: bold;}

.anw {display: none;overflow: hidden;font-size: 14px;border-left:#DADADA 1px solid;border-right:#DADADA 1px solid;border-bottom:#DADADA 1px solid;padding: 20px;}
.anw::before {display: inline-block;font-size: 14px;font-weight: bold;color: #666;margin: 0 5px;}
.anw span{display: inline-block;max-height: 250px;overflow: auto;overflow-x: hidden;}

.arrow-wrap {position: absolute;top:50%; right: 10px;transform: translate(0, -50%);}
.terms .arrow-top {display: none;}
.terms .arrow-bottom {display: block;font-size: 13px;color: #666;}
.terms.on .arrow-bottom {display: none;}
.terms.on .arrow-top {display: block; font-size: 13px;color: #666;}

.pgpay_info{border: 1px #333 solid;border-radius: 10px;position: relative;height: 200px;width: 100%;margin: 50px 0px 100px 0px;}
.pgpay_info div{border-right:1px solid #DADADA ;float:left;text-align: center;margin-top: 50px;}
.pgpay_info div:nth-last-child(2){border: 0px;}
.pgpay_info > button{float: right;font-size: 20px;font-weight: 600;background-color: #333;color: #fff;padding: 70px 0px;width: 130px;border: 1px solid #333; border-radius:0px 9px 9px 0px;    margin: 0px;height: 200px;}

.pgpay_info > div > p{font-size: 16px;}
.pgpay_info > div > p.nth1,.pgpay_info > div > p.nth1 span{width: 160px;padding:0px 20px;}
.pgpay_info > div > p.nth2,.pgpay_info > div > p.nth2 span{width: 100px;}
.pgpay_info > div > p.nth3,.pgpay_info > div > p.nth3 span{width: 260px;}
.pgpay_info div p span{display: table-cell;font-size: 18px;font-weight: 600;vertical-align: middle;height: 70px;padding-top: 10px;}

.pgpay_info div p b.price{color: #0073DE;font-size: 32px;}
.pgpay_info div p span.pricevat{display: inline-block;font-size: 12px;font-weight: 400;padding-top: 5px;line-height: 0.2;}
.pgpay_info div .discountpint{background: #FF0505;color: #fff;border-radius: 100%;font-size: 14px;position:absolute;display: inline-block;top: -20px;  right: 147px;  height: 50px;width: 60px;text-align: center;padding-top: 10px;line-height: 1.2;}
.pgpay_info div .discountpint > b {font-size: 16px;}

/*주문완료*/

.buy_complete{border: 1px #333 solid;border-radius: 10px;height: 200px;width: 100%;margin-bottom: 50px;}
.order_number{background-color: #333;color: #fff;padding: 20px 0px ;width:100% ; font-size: 14px;text-align: center;border-radius: 9px 9px 0px 0px;}
.order_number > b {font-size: 18px;font-weight: 600;}
.order_pdn{float: left;margin: 50px 0px 0px 30px;font-size:18px ;font-weight: 600;}
.order_pdprice{float: right;text-align: right;margin: 30px;}
.order_pdprice ul li b{font-size:32px ;}
.order_pdprice ul li.discount{font-size: 13px;}
.order_pdprice ul li.discount> b{font-weight: 600;color:#FF0505;font-size: 13px;}
.order_pdprice ul li:last-child {font-size:12px ;}

table.complete_info tr th{width: 100px;text-align: left;padding: 20px 0px;font-weight: 600;}
table.complete_info tr td{font-size: 14px;}
table.complete_info tr:last-child th, table.complete_info tr:last-child td{border-bottom: 1px solid #333 ;}

.r_code > div{display: inline-block;padding: 15px 20px;width: 293px;margin-right: 20px;margin-bottom: 20px;border: 2px #333 solid;text-align: center;border-radius: 5px;font-size: 14px;font-weight: 600;}
.r_code > div:nth-child(even){margin-right: 0px;}
.r_code > div:last-child{margin-bottom: 50px;}


/*트라이얼*/
.trial_icon{padding: 10px;margin: 20px 0px 10px 0px;border-radius: 5px;height: 120px;width: 105px;}
.trial_icon1{background: url(/include/images/main/easy_icon2.png) center center no-repeat #f1f5ff;background-size: 100px;}
.trial_icon2{background: url(/include/images/sub/product_img4.svg) center center no-repeat #f1f5ff;background-size: 100px;}
.trial_icon3{background: url(/include/images/sub/product_img5.svg) 17px  center no-repeat #f1f5ff;background-size: 90px;}
.trial_icon4{background: url(/include/images/sub/product_img2.svg) center center no-repeat #f1f5ff;background-size: 80px;}
.trial_icon5{background: url(/include/images/sub/product_img3.svg) center center no-repeat #f1f5ff;background-size: 80px;}


/*게시판 */
.nboard_search {padding-bottom: 30px;}
.nboard_search > select{width: 130px;padding: 10px;margin: 5px 0;border: 1px solid #ccc;border-radius: 5px;outline: none;font-size: 14px;}
.nboard_search > input{width: 60%;padding: 10px;margin:0;border: 1px solid #ccc;border-radius: 5px;outline: none;font-size: 14px;}
.nboard_search > button{width: 130px;padding: 10px;margin: 5px;float: right;}

.nboard_list{width: 100%;text-align: center;}
.nboard_list colgroup .no{width: 100px;}
.nboard_list colgroup .title{width: auto;}
.nboard_list colgroup .day{width: 150px;}
.nboard_list colgroup .view{width: 100px;}
.nboard_list colgroup .answer{width: 100px;}
.nboard_list colgroup .w25p{width: 25%;}

.nboard_list colgroup .mydate{width: 110px;}
.nboard_list colgroup .mypt_pm{width: 80px;}
.nboard_list colgroup .receipt_printing{width: 150px;}

.nboard_list tr th{padding: 20px 0px;border-top:1px solid #333;border-bottom:1px solid #ccc;}
.nboard_list tr td{padding: 20px 0px;border-bottom:1px solid #ddd;}
.nboard_list tr td:nth-child(2){text-align: left;}
.nboard_list tr:hover td{border-bottom:1px solid #b8c4da;font-weight: 600;}
.nboard_list tr td div.nboard_important{background-color: #0073DE;color: #fff;border-radius: 100px;width: 70px;padding: 6px 0px;margin: auto;font-size: 13px;}


.nboard_view {width: 100%;}
.nboard_view colgroup .no{width: 50px;}
.nboard_view colgroup .title{width: auto;}
.nboard_view colgroup .day{width: 150px;}
.nboard_view tr:first-child td{padding: 20px 0px;border-top:1px solid #333;border-bottom:1px solid #ccc;text-align: center;}
.nboard_view tr:first-child td:nth-child(2){font-size: 18px;font-weight: 600;text-align: left;}

.nboard_view tr:nth-child(2) td{border-bottom:1px solid #ccc;padding:10px 2%;}
.nboard_view tr:nth-child(3) td{border-bottom:1px solid #ccc;padding: 20px 20px;}
.nboard_view tr:last-child td{padding: 20px 20px;border-bottom:1px solid #333;}

.userinfo p {display: inline-block;width: 33%;padding: 5px 0px;}
.userinfo p span{display: inline-block;width: 70px;}

div.listpage ol{padding: 20px 0px 50px 00px;text-align: center;}
div.listpage ol li{display: inline-block;padding: 10px ;}
div.listpage ol li.selectpage{font-weight:800 ;}

.nboard_list tr td div.list_complete, .nboard_list tr td div.list_checking, .nboard_list tr td div.list_unidentified{color: #fff;border-radius: 100px;width: 70px;padding: 6px 0px;margin: auto;font-size: 13px;}
.nboard_list tr td div.list_complete{background-color: #0073DE;}
.nboard_list tr td div.list_checking{background-color: #333;}
.nboard_list tr td div.list_unidentified{background-color: #E7EDF6;color: #666;}
.my_purchaseboard button{width: auto;padding: 8px 20px;font-size: 14px;}
.writebt{width: 120px;padding: 10px 0px;} 

ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
display : flex; justify-content: space-between;align-items : center;
text-align: center;
}
ul.tabs li{
background: none;
display: inline-block;
cursor: pointer;
border-bottom: 1px solid #ddd; border-collapse: collapse;
width: 100%;
padding: 20px 0px;
}

ul.tabs li.current{
font-weight: 600;
border-bottom: 4px solid #333; border-collapse: collapse;
}

.tab-content{
display: none;
padding: 15px 0px;
margin-bottom: 50px;
}

.tab-content.current{
display: inherit;
}

/*회사소개 연혁 탭*/
ul.histoys{
    margin: 0px;
    padding: 0px;
    list-style: none;
    display : flex; justify-content: space-between;align-items : center;
    text-align: center;
    }
    ul.histoys li{
    background: none;
    display: inline-block;
    cursor: pointer;
    border-bottom: 0px solid #ddd; border-collapse: collapse;
    width: 100%;
    padding: 00px 0px;
    }
    
    ul.histoys li.current{
    font-weight: 600;
    border-bottom: 0px solid #333; border-collapse: collapse;
    font-size: 20px;
    }
    
    .histoy-content{
    display: none;
    padding: 15px 0px;
    margin-bottom: 50px;
    }
    
    .histoy-content.current{
    display: inherit;
    }
/*//회사소개 연혁 탭*/

#faq_wrap:last-child {border-bottom: 1px #333 solid;padding-bottom: 10px;margin-bottom: 50px;}

.tab-content .faq{position: relative;padding: 17px 0;cursor: pointer;border-bottom: 1px solid #dddddd;}
.tab-content .faq::before{display: inline-block;font-weight: 600;margin: 0 5px;}
.tab-content .faq.on > span{font-weight: bold;}

.tab-content .anw {display: none;overflow: hidden;font-size: 16px;border-left:#DADADA 1px solid;border-right:#DADADA 1px solid;border-bottom:#DADADA 1px solid;padding: 20px;background-color: #f0f0f0;}
.tab-content .anw::before {display: inline-block;font-size: 16px;font-weight: bold;color: #666;margin: 0 5px;background-color: #0073DE;}

.tab-content .faq .arrow-wrap {position: absolute;top:50%; right: 10px;transform: translate(0, -50%);}
.tab-content .faq .arrow-top {display: none;}
.tab-content .faq .arrow-bottom {display: block;font-size: 16px;color: #666;}
.faq.on .arrow-bottom {display: none;}
.faq.on .arrow-top {display: block; font-size: 16px;color: #666;}
.tab-content .faq .faq_q{font-weight: 700;padding-right:20px;color: #0073DE;}
.tab-content .anw .faq_a{font-weight: 700;padding-right:20px;color:#FF0505;}
.tab-content .anw .faq_anw{width: 1109px;float: inline-end;max-height: max-content;}


.info_writing table.online_table{margin: 0px;}
.info_writing input.online_one{ width: 1060px;}
.info_writing input.myinquiry_one{ width: 813px;}
.info_writing input.no_line{border: 0px solid #fff;}
.online_term .faq{border: #ccc 0px solid;}
.online_term .anw {border: #ccc 1px solid;margin-bottom: 20px;}


/* 마이페이지 > 라이선스관리 */

.mydownload{background-color:#E9EEF650;border-radius: 10px;display : flex; justify-content: space-between;align-items : center;margin-bottom: 50px;}
.mydownload div {padding: 20px;}
.mydownload div.textdownload{width: 950px;}

.mydownload div.btdownload{text-align: right;}
.mydownload div  p{font-size: 18px;font-weight: 700;padding-bottom: 10px;}
.license_wrap {margin-bottom: 30px;}
.mydownload div button{width:200px ;padding: 8px;margin-bottom: 8px;}
.mydownload div button:last-child{margin-bottom: 0px;}
.license{position: relative;padding: 40px 0;cursor: pointer;border: 2px solid #666;border-radius: 10px; display : flex; justify-content: center;align-items : center;}
.license::before{display: inline-block;font-weight: 600;margin: 0 5px;}
.license.on > span{font-weight: bold;}


.license > div.info > div{display: inline-block;width: 290px;text-align: center;border-right: 1px solid #ddd;vertical-align: top;}
.license > div.info div:last-child{border-right: 0px solid #ddd;width: 320px;}

.license > div.info > div p:first-child{font-weight: 700;padding-bottom: 10px;}
.license > div.info > div p.rateplan{border: #0073DE 1px solid;
    border-radius: 5px;
    padding: 5px;
    color: #0073DE;
    margin: 6px 45px;
    font-weight: 700;}
.license > div.info > div p.codel{padding: 5px;
    margin: 6px 45px 6px 20px;
    font-weight: 700;
}
.license > div.info > div p.codel span{    background: url(/include/images/copyl.svg) right 6px no-repeat;font-size: 20px;
    padding-right: 20px;}
.license > div.info > div ul{text-align: right;}
.license > div.info > div ul li{display: inline-block;width:40%;text-align: left;font-size: 14px;padding-left: 10px;background: url(/include/images/li_style_dit.png) 0px 9px no-repeat;}

.license .arrow-top {display: none;}
.license .arrow-bottom {display: block;font-size: 13px;color: #666;}
.license.on .arrow-bottom {display: none;}
.license.on .arrow-top {display: block; font-size: 13px;color: #666;}
.license_wrap .anw {border-radius: 10px;margin-bottom: 50px;}

.license_wrap .anw table{width: 450px;margin-bottom:20px}
.license_wrap .anw table.d_day{float: left;border-right: 1px solid #eee;}
.license_wrap .anw table.d_date{float:right;}
.license_wrap .anw div.mac_address{display: block;width: 100%;font-size: 14px;color: #666;border-top:#DADADA 1px solid;padding: 20px 0px 0px 0px;}
.license_wrap .anw div.mac_address b{font-size: 16px;color: #333;display: inline-block;padding: 0px 10px;}
.license_wrap .anw div.mac_address button{    width: auto;padding: 10px 20px;font-size: 14px;font-weight: 500;}
.license_wrap .anw table tr th{font-size: 16px;text-align: left;padding-bottom: 10px;}
.license_wrap .anw table tr:nth-child(2) td:first-child{width: 140px;}
.license_wrap .anw table tr td.buttontd{padding: 0px; vertical-align: top;}

.license_wrap .anw table tr td{padding: 0px 0px 10px 10px; vertical-align: bottom;}
.license_wrap .anw table tr td p{font-size: 18px;font-weight: 700;}
.license_wrap .anw table tr td button{width: auto;padding: 5px 20px;font-size: 14px;}


.chart {float: left; width: 140px; height: 140px; text-align: center;position: relative;}
.chart > span.title{position: relative; display: block; width: 100%; text-align: center; top: 35px;color: #333;}
.chart > span.title b{font-size: 28px;color: #0073DE}
.chart > span.title span{font-size: 13px; color:#666 ;}
.chart canvas{top: 0px;left: 0px;position: absolute;}

ul.purchasetap li{display: inline-block;border-left: #ced1db 0px solid;margin-bottom: 20px;padding: 0px 30px;text-align: center;font-size: 18px;}
ul.purchasetap li:first-child{padding:0px 30px 0px 0px;border-left: #ced1db 0px solid;}
ul.purchasetap li.on a{font-weight: 700;}
ul.purchasetap li.on:after{content:"▾";font-weight: 700;}

/*마이페이지 문의하기*/
.secession{text-align: right;padding: 10px 0px ;}
.secession a{font-size: 14px; color: #666;}
.secession a:hover{font-size: 14px; color: #333;}

.my_inquiry_nb tr th{border-bottom: #ddd 0px solid;border-left: #ddd 1px solid;padding-bottom: 0px;}
.my_inquiry_nb td{text-align: center !important;border-left: #ddd 1px solid;border-bottom:#333 1px solid ;padding-top: 10px;}
.my_inquiry_nb th:first-child, .my_inquiry_nb td:first-child{border-left: #ddd 0px solid;}
.my_inquiry_nb td b{font-size: 30px; font-weight: 600;}
.nboard_list tr td.noinquiry{padding:100px 0px;}


.my_inquiry table tr td div{border-bottom: 0px #333 solid;}
.my_inquiry table tr td div div table{margin: 0px;}
.my_inquiry table tr td div div.nomargin{margin: 0px;padding: 0px;border-bottom: 0px #333 solid;}
.nboard_list tr.nopdmargin td{padding: 0px;margin: 0px;border-bottom: 0px #333 solid;}
.my_inquiry table tr td div .anwbg {background-color: #f0f0f000;
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada;
border-radius: 10px;
font-size: 16px;
font-weight: 400;
margin-bottom: 20px}
.my_inquiry table tr td div .anwbg:hover{font-weight: 400px;font-size: 16;}
.my_inquiry table tr td div p{text-align: left;}
.my_inquiry table tr td div p:first-child{padding-bottom: 20px;}
.nboard_list tr:hover td  div .anwbg {font-weight: 400;}
.my_inquiry table tr td div p span{font-weight: 600;display: block;margin-bottom: 10px;}
.nopadding tr td{padding: 0px;}
.my_inquirydate{padding-top: 20px;}

/*제품소개*/
.product_title{background:url(/include/images/sub/product_img1.svg) right 60px no-repeat;padding: 130px 0px}
.product_title p{font-size: 37px;font-weight: 700;padding-bottom: 10px;line-height: 1.3;}
.product_title > span{font-size: 16px;font-weight: 400;margin-bottom: 40px;display: inline-block;}
.product_title ul li{display: inline-block;background: url(/include/images/sub/product_point.svg) 5px 4px no-repeat;padding: 3px 20px 80px 34px}

.product_ex{background: url(/include/images/sub/product_bg.svg) bottom center no-repeat;padding: 100px 0px 100px 0px;height: 740px;}
.product_ex > div > p{font-size: 36px; font-weight: 600;position: absolute}
.product_ex > div > p span{font-size:14px;color: #666;}
.product_ex > div > div {height: 230px;width:310px;padding: 30px;font-size: 14px;border-radius: 10px;display: inline-block;position: absolute}
.product_ex > div > div p{font-size: 20px;font-weight: 700;padding-bottom:20px;}
.product_ex > div > div.ex1{right: 0px;top: 0px;background: url(/include/images/sub/product_img2.svg) 250px 170px no-repeat #fff;}
.product_ex > div > div.ex2{right: 415px;top: 80px;background: url(/include/images/sub/product_img3.svg) 255px 180px no-repeat #fff;}
.product_ex > div > div.ex3{left: 0px;top: 240px;background: url(/include/images/sub/product_img4.svg) 240px 195px no-repeat #fff;}
.product_ex > div > div.ex4{right: 0px;top: 330px;background: url(/include/images/sub/product_img5.svg) 245px 185px no-repeat #fff;}
.product_ex > div > div.ex5{right: 415px;top: 410px;background: url(/include/images/sub/product_img6.svg) 250px 180px no-repeat #fff;}

.product_sp{background-color:#F1F5FF;padding: 100px 0px;margin: 100px 0px;}
.product_sp p{font-size: 20px;font-weight: 700;margin-bottom: 30px;}
.product_sp table{width: 580px;height: 430px;border-radius: 20px;}
.product_sp table colgroup .w38{width: 38%;}
.product_sp table tr th, .product_sp table tr td{text-align: center;font-size: 14px; border-bottom: #ddd 1px solid;border-right: #ddd 1px solid;    padding: 20px 0px;}
.product_sp table tr th:last-child, .product_sp table tr td:last-child{border-right: #ddd 0px solid;}
.product_sp table tr:last-child th, .product_sp table tr:last-child td{border-bottom: #ddd 0px solid;}

.product_sp .posa_r{position: absolute;right: 0px}




/******************************/
.aboutus_ex > div{display : flex; justify-content: flex-start;align-items :flex-start;}
.aboutus_ex > img{border-radius: 10px;margin-bottom: 50px;}
.aboutus_ex > div p{display: inline-block;width: 280px; padding:0px 0px 0px 30px;font-size: 24px;font-weight: 700;letter-spacing: -1px;}
.aboutus_ex > div p span{color: #0073DE;}
.aboutus_ex > div > span{width: 900px;}
.a_histoy{width:1200px;background-color:#ddd;height: 5px;margin-bottom: 20px;}
.a_histoy div.w33{width: 33%;float: left;background-color:#0073DE;height: 100%;}
.a_histoy div.w66{width: 66%;float: left;background-color:#0073DE;height: 100%;}
.a_histoy div.w100{width: 100%;float: left;background-color:#0073DE;height: 100%;}
.histoy_list li{padding: 5px 0px 5px 560px;}
.histoy_list li p{color: #0073DE;width: 70px;display: inline-block;font-weight: 700;}
.histoy_img1, .histoy_img2, .histoy_img3{padding: 30px 10px  0px 10px;float: left;}

.about-cf{display : flex; justify-content: space-between;align-items : flex-start;}
.about-cf div{    background-color: #dfe5f3;
    padding: 20px;
    border-radius: 5px;
    width: 240px;
    height: 458px;
    text-align: center;
    margin-bottom: 50px;
}
.about-cf div ul li:first-child{font-size: 16px;font-weight: 600;padding: 20px 0px 5px 0px;}
.about-cf div ul li:first-child span{font-size: 14px;font-weight: 400;}
.about-cf div ul li:nth-child(2){font-size: 16px;padding-bottom: 20px;}
.about-cf div ul li:nth-child(3){font-size: 14px;color: #666;}

.a_map{width: 100%;height: 350px;} 
.map_info{display : flex; justify-content: space-between;align-items : flex-start;margin-bottom: 100px;}
.map_info div p{font-size: 16px;font-weight: 600;padding: 30px 0px 20px 0px;margin-bottom:20px;border-bottom: #666 2px solid;width: 580px;}

.term_detail{margin-bottom: 100px;}
.term_detail h3{font-size: 24px ;padding:50px 0px 10px 0px;}
.mail_inquiry{background: url(/include/images/sub/mail_icon.png) 213px 45px no-repeat;background-color: #F0F0F0;padding: 40px;border-radius:10px ;margin-bottom: 100px;text-align: center;}
.mail_inquiry > b{padding-left: 50px;}

/****20231214 사용매뉴얼 추가****/
.manual_ueslist {border: 1px solid #ddd;border-radius: 5px;text-align: center;margin: 50px 0px 100px 50px;}
.manual_ueslist>div {display: inline-block;width: 340px;padding: 20px 80px;}
.manual_ueslist li {list-style: auto;margin-left: 20px;text-align: left;padding: 5px;}
.manual_ueslist li a {display: block;width: 100%;}

.manual_uesd li {padding-bottom: 100px;}
.manual_uesd li h3 {font-size: 20px;font-weight: 600;padding-bottom: 40px;}
.manual_uesd li ol li {list-style: auto;margin-left: 40px;font-size: 14px;padding-bottom: 40px;}
.manual_uesd li ol li:last-child {padding-bottom: 0px;}
.manual_uesd li ol li img {padding-top: 20px;display: block;max-width: none;}
.manual_uesd li ol li img.textex {padding-top: 0px;display: inline;}
.textblue{color: #0073DE;}
.textred{color: #FF0000;}