/* BASIC css start */
#page-wrap {width:100%; margin:0 auto; }

#page-wrap .page-top{ }

#page-wrap .page-body{position: relative;}

.container {    max-width: 1200px;   width:100%;    margin: 0 auto; /*text-align: center;*/ }

.content-pd{
    padding: var(--content-pd) 0;
}

.d-flex{
    display: flex;
}

.jcsb{
    display: flex;
    justify-content: space-between;
}

.aic{
    display: flex;
    align-items: center;
}


.hidden{
    display: none;
}

hr{
    border:none;
    border-top:1px solid #e6e7eb;
}

.sub-title {
    padding : 10px 0px 10px;
}
.sub-icon{
    padding : 100px 0px 50px;
}





.sub-icon ul{ gap:55px;  padding: 0 100px; }

.sub-icon ul li{ text-align: center; }

.sub-icon .sleek{  font-size:20px; line-height: 20px; }

.sub-icon .icon_box {  width:200px; height: 200px; border :2px solid #999;
    margin : 0 auto 50px; display:flex; align-items: center; justify-content: center; transition:0.3s; }

.sub-icon .icon_box span{ transition:transform 0.3s; }

.sub-icon  li:hover .icon_box{ transform:rotate(45deg);  border-color:#194f8c;}
.sub-icon  li:hover .icon_box span{ transform:rotate(-45deg); }
.sub-icon  li:hover .icon_box span{color:#194f8c; font-weight: 500;}


.sub-icon  li h3{font-size: 18px; list-style: 18px;   margin-bottom: 30px;}
.sub-icon  li h3:after{ content:'' ; position: absolute; width: 40px; height:2px; background:#6a6a6a;left:50%;
transform:translateX(-50%); top: 45px;  }

.sub-icon  li p{
    font-size :14px; letter-spacing: 0.075em; line-height: 20px;
}


.sub-title .msg { font-size:23px;line-height:1.05; color:#999;}
.sub-title .msg .r{ font-weight:normal; color:#ff0000;}


.sub-title .sub{margin-bottom:30px;}
.sub-title .num{display:block;margin-bottom:5px;font-size:86px;font-style:italic;line-height:1;}
.sub-title .tit{ margin-bottom:10px; font-size:30px; font-weight:700;}
.sub-title .subtit{margin-bottom:12px;font-size:30px;font-weight:700;}
.sub-title .line{display:inline-block;border-bottom:2px solid #000;}
.sub-title .msg{font-size:23px;line-height:1.25em;}
.sub-title .msg .r{font-weight:normal;color:#ff0000;}

.sub-list { width:1000px; margin:0 auto; }
.sub-list .list { padding-left:30px; font-size:23px; line-height:1.2em;  float:left; padding-bottom:70px;}
.sub-list .list li {margin:10px 0; float:left;  }

.sub-list .list li .num { float:left; }
.sub-list .list li .txt { float:left; text-align:left; }
.sub-list .list .txt_r { color:red; }

.sub-list .list .bg_yellow{ background: #faf7a7; font-weight:600; }

.sub-title .m .tit{font-size:30px;}
.sub-title .m .msg{font-size:23px;}


.sub-contants {
    font-size: 13px;
    margin-bottom: 8px;
    color: #555;
    line-height: 1.8;
    padding: 30px 100px 60px 100px;
    box-sizing: border-box;
    letter-spacing :0.05em;
}   

    
 .sub-contants .title_box {
        padding: 10px 20px;
        border-radius: 5px;
        background-color: #7eb0c9;
        color: #fff;
        font-size: 1.3rem;
        text-align: center;
   }

.sub-contants .title h4{
        font-size: 22px;
        color: #2e4052;
        margin: 50px 0 0 0;
        display: block;
    }

.line {display:block;width:100%;border-bottom:1px solid #d4d4d4;text-align: center;padding-top:10px;}
    
.sub-contants .contants  {
        margin-top: 10px;
}


.contants .info_box {align-items: center}
.contants dl {width: 90%;  display: table;}
.contants dt { font-weight: 600; padding : 20px 0 0px 0 ;}  
.contants dd { line-height: 1.5em }   

.sub-box { margin-top: 50px;}
.sub-box ul{ gap:50px;  padding: 0 150px;   font-size: 21px; line-height: 21px;}
.sub-box ul li{ text-align: center; }
.sub-box .gray_box {  width:320px; height: 110px; border :0px solid #999;
    margin : 75 auto 0px; display:block; align-items: center; justify-content: top;
    background-color: #e5e5e5; position :relative;
}

.sub-box .tit{display: block;  font-weight:600; padding:18px 0 }
.sub-box .price{ display: block; width:240px; height :40px; background-color:#fff;
    text-align: center; justify-content: center; padding-left:10px; vertical-align: middle;}

.sub-box {margin: 34px auto 43px auto; width:820px;}
.sub-box table {background-color:#fff;  margin:10px 0 15px 0;}
.sub-box h2 {text-align:left; font-size:20px; margin:0 0 10px 0;}
.sub-box p {text-align:left; font-size:20px; margin:10px 0 10px 0; color:#fff;}
.sub-box th,
.sub-box td { padding: 6px 0; text-align: center; border: 1px solid #d7d7d7; }
.sub-box th { background-color: #efefef; }
.sub-box th {font-size: 20px; font-weight: 600; line-height: 40px;}
.sub-box td {font-size: 20px;line-height: 25px; padding:20px 0;}

.sub-box .logo_info { font-size: 20px; line-height: 25px; }



.sub-link {padding:65px 0 20px;}
.sub-link .link { text-align: center;  }
.sub-link .link li { display: inline; }
.sub-link .link li a {padding: 0 15px;color:#333;background: url(/images/d3/modern_simple/common/bull_bbs_hd_link.gif) no-repeat left center; font-size:16px; }
.sub-link .link li.last a { background-image: none; }


/* FAQ°Ë»ö Æû */
.sub-contants .faq-tit { padding-bottom:5px; font-size:18px; color:#202020; font-weight:bold }
.sub-contants .faq-search { height:110px; text-align: center; border: 1px solid #d8d8d8; background:#fff }
.sub-contants .search-wrap { margin:30px auto 0; position:relative; width:812px }
.sub-contants .search-wrap .keyword input { padding-left:10px; width:483px; height:28px; line-height:28px; border:1px solid #ddd }
.sub-contants .search-wrap .select-category { width:183px; height:32px; font-size:14px; color:#7b7b7b; border:1px solid #ddd }
.sub-contants .search-wrap .btn-submit { width:118px; height:30px; font-size:13px; line-height:30px }

_:-ms-input-placeholder, :root #faqWrap .search-wrap .btn-submit { line-height:34px }


.titleBig {
    font-size: 36px;
    line-height: 50px;
    letter-spacing: -.031em;
    margin-bottom: 12px;
    position: relative
}

.titleBig.isRegular {
    font-size: 17px;
    line-height: 1.35
}

.titleBig em {
    font-size: 13px
}

.titleBig .subText {
    display: block;
    font-size: 13px;
    line-height: 1.38;
    font-weight: 400
}

.titleMiddle {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: -.029em;
    margin-bottom: 12px
}

.titleMiddle.mt30 {
    margin-bottom: 30px
}

.titleSmall {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: -.029em;
    margin-bottom: 20px
}

.titleSmall span {
    display: block;
    font-size: 16px
}



.sub-contants { position:relative; width:1100px;       margin:0 auto;    line-height: 1.8em;    letter-spacing :0.05em; }

.sub-contants .box-contants{padding:40px 0 40px 0;}
.sub-contants .title { font-size: 22px;        color: #2e4052 }
.sub-contants .commant{display: none;}

.line {display:block; width:100%; border-bottom:1px solid #d4d4d4; text-align: center;padding-top:10px;}

.sub-contants .contants  { margin-top: 10px; font-size: 20px;  width:100%; }

.contants .info_box {width:100%}
.contants .info_box .txt{ line-height: 1.8em;    letter-spacing :0.05em;}
.contants .info_box .img{ width:100% ; text-align: center;}



.contants li { padding:5px 10px 5px ; line-height: 1.5em;   }

 .contants li:after {
    content: '';
    display: block;
    clear: both
}
.contants li  .left,.contants li  .right {
    float: left;  display:block;
}

.contants li  .left {
    text-align: center;
    color: #333;
    width: 5%;
}

.contants li  .right {
    font-weight: 400;    width: 95%;
}
/* BASIC css end */