@charset "utf-8"
    
/* 레이아웃 */
#header {width: 100%; margin: 0;}
#banner {width: 100%; }
#server {width: 100%;}
#ddos {width: 100%; background-color: #e1ebef; }
#custom {width: 100%;}
#footer {width: 100%;}
#server-section {width: 100%;}
#custom-tel{width: 100%; background: #f6f6f6;}


/* 가운데 영역 */
.container{width: 1290px; margin: 0 auto;}


@media screen and (max-width:1298px) {
    .nav-wrap{width:1298px;}
 .nav-tainer{width: 1298px;}
}



/*    메인메뉴   */

.nav-wrap{z-index: 5001; border-bottom:1px solid rgba(255, 255, 255, 0.2); height:100px; width:100%; position: fixed; top:0; min-width: 1298px; }
.nav-wrap.roll{background: #fff; border-bottom:1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 5px 5px rgba(0,0,0,0.1); }
.nav-wrap .nav-tainer{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.nav-wrap .logo-area{padding:20px 0 0 30px; display: inline-block; float:left; }
.nav-wrap .logo-area a{background: url(/view/img/index/logo_top.png)no-repeat left top; display: block; width:160px; height: 62px;}
.nav-menu{}
.nav-menu ul{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.nav-menu li{text-align:center;}
.nav-menu > ul > li > a{color:#fff;}
.nav-wrap  .roll .nav-menu > ul > li > a:hover{color:#dc316d;}
.nav-menu > ul > li:hover .wrap-bg{opacity: 1;  visibility: visible; }
.nav-wrap.roll .nav-menu > ul > li > a {color: #3c3c3c;}
.nav-wrap .nav-menu > ul:hover > li a{color: #3c3c3c;}
.main-nav-depth{display: block; font-size:1.25em; font-weight:600; font-family: 'NanumSquare', sans-serif; padding:39px 13px 29px 13px; }
.sub-nav{position: absolute;   padding : 25px 0; background: #f4f4f4;  left:0px;  opacity: 0;  visibility: hidden; transition: all 0.0s ease-in;  width:100%;  z-index: 5003; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; box-shadow: 0 15px 15px rgba(0,0,0,0.10); margin:0 auto; }
.wrap-bg{position: absolute;   height:100px; background: #fff;  left:0px;  top:0px; opacity: 0;  visibility: hidden; width:100%;  z-index: -4990;  }
.nav-wrap .nav-menu li:hover .sub-nav{opacity: 1;  visibility: visible;}
.nav-wrap .nav-menu .sub-nav .sub-nav-title1{float:left; width:16%; padding:85px 0 0 0; background: url(/view/img/index/topmenu_icon_01.gif)no-repeat center top; }
.nav-wrap .nav-menu .sub-nav .sub-nav-title2{float:left; width:16%; padding:85px 0 0 0; background: url(/view/img/index/topmenu_icon_02.gif)no-repeat center top; }
.nav-wrap .nav-menu .sub-nav .sub-nav-title3{float:left; width:16%; padding:85px 0 0 0; background: url(/view/img/index/topmenu_icon_03.gif)no-repeat center top; }
.nav-wrap .nav-menu .sub-nav .sub-nav-title4{float:left; width:16%; padding:85px 0 0 0; background: url(/view/img/index/topmenu_icon_04.gif)no-repeat center top; }
.nav-wrap .nav-menu .sub-nav .sub-nav-title5{float:left; width:16%; padding:85px 0 0 0; background: url(/view/img/index/topmenu_icon_05.gif)no-repeat center top; }
.nav-wrap .nav-menu .sub-nav .sub-nav-title6{float:left; width:16%; padding:85px 0 0 0; background: url(/view/img/index/topmenu_icon_06.gif)no-repeat center top; }
.nav-wrap .nav-menu .sub-nav .sub-nav-title7{float:left; width:16%; padding:85px 0 0 0; background: url(/view/img/index/topmenu_icon_07.gif)no-repeat center top; }
.sub-nav-title-ment{font-family: 'NanumSquare', sans-serif;  font-size: 2em; font-weight: 400; letter-spacing:-1.2px; color:#3c3c3c;  }
.sub-nav-title-p{ font-size: 0.93em; font-weight: 400;  color:#3c3c3c; }
.sub-nav-depth{float:left; width:70%; padding:20px 0 0 100px;}
.sub-nav-depth dl{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; }
.sub-nav-depth dd {padding:0 0 20px 0; }
.sub-nav-depth dd a{font-size:1.2em; font-weight:300; padding:10px 25px;}
.sub-nav-depth dd a:hover{color:#dc316d;}
.mem-name > span {padding:20px 10px 0px 10px; font-family: 'NanumSquare', sans-serif;  font-size: 1em; font-weight: 800;  color:#ffa800; line-height: 1.2; letter-spacing: -1.5px; }
.small-nav{display: flex; flex-direction: row; flex-wrap: nowrap; padding-right:30px;}
.small-nav div{padding:35px 5px 0 5px;}
.small-nav > div > a{font-family: 'lato', sans-serif; letter-spacing:-1px; font-size:0.9em; font-weight: 500; background: #4272ac; color:#04ffed;   border-radius: 8px; display: inline-block;  padding:5px 20px;}
.small-nav > div > a:hover{background: #ffa800; color:#fff;}


/*  메인주이미지영역  */

.slider{width: 100%;  height:788px; }
.slider .container {position: relative; height:788px;}

.ss1{background: url(/view/img/index/index_main_bg11.jpg)no-repeat bottom center #001f24;}
.ss1 .container{ }
.ss1 .container > div{padding-top:270px;}
.ss1 .container > div > p:nth-child(1){font-family: 'NanumSquare', sans-serif;  font-size: 3.3em; font-weight: 300;  color:#ffe400; line-height: 1.2; letter-spacing: -1.5px;}
.ss1 .container > div > p:nth-child(2){font-family: 'NanumSquare', sans-serif;  font-size: 5.3em; font-weight: 800;  color:#ffa800; line-height: 1.2; letter-spacing: -1.5px;}
.ss1 .container > div > p:nth-child(3){font-family: 'NanumSquare', sans-serif;  font-size: 2em; font-weight: 600; letter-spacing:-1.5px; color:#ffa800; line-height: 1.5;}
.ss1 .container > div > p:nth-child(4){font-family: 'NanumSquare', sans-serif;  font-size: 1.2em; font-weight: 400; letter-spacing:-1.5px; color:#ffe400; line-height: 1.5;}
.ss1 .container > div > p:nth-child(5){padding-top:40px;}

.ss2{background: url(/view/img/index/index_main_bg10.jpg) no-repeat bottom right #0a0d0d;}
.ss2 .container{}
.ss2 .container > div{padding-top:250px;}
.ss2 .container > div > p:nth-child(1){font-family: 'NanumSquare', sans-serif;  font-size: 3.7em; font-weight: 600;  color:#8e8e8e; line-height: 1.2;}
.ss2 .container > div > p:nth-child(2){font-family: 'NanumSquare', sans-serif;  font-size: 6.6em; font-weight: 600;  color:#0990b7; line-height: 1.2; letter-spacing: -1.5px;}
.ss2 .container > div > p:nth-child(3){font-family: 'NanumSquare', sans-serif;  font-size: 1.5em; font-weight: 400; letter-spacing:-1.5px; color:#245d83; line-height: 1.5; padding:10px 0;}
.ss2 .container > div > p:nth-child(4){padding-top:40px;}

.ss3{background: url(/view/img/index/index_main_bg09.jpg) no-repeat bottom right #053367; }
.ss3 .container{}
.ss3 .container > div{padding-top:250px;}
.ss3 .container > div > p:nth-child(1){font-family: 'NanumSquare', sans-serif;  font-size: 2.0em; font-weight: 300; letter-spacing:-1.5px; color:#a1c7f0; line-height: 1.2;}
.ss3 .container > div > p:nth-child(2){font-family: 'NanumSquare', sans-serif;  font-size: 6.6em; font-weight: 600; letter-spacing:-1.5px; color:#0ed8f0; line-height: 1.2;}
.ss3 .container > div > p:nth-child(3){font-family: 'NanumSquare', sans-serif;  font-size: 2.0em; font-weight: 400; letter-spacing:-1.5px; color:#0ed8f0; line-height: 1.2; padding:10px 0;}
.ss3 .container > div > p:nth-child(4){padding-top:40px;}

.button a{font-family: 'NanumSquare', sans-serif; letter-spacing:-1.2px; font-size:1.2em; font-weight: 600; background: #ffb600; color:#fff; border-radius: 8px; display: inline-block;  padding:13px 30px 10px 30px; width:150px; text-align: center;}
.button a:hover{background: #252525; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.30); transition: all 0.3s; }




/*  메인광고 영역  */

.ad {width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start }
.sectad-l{width:43%; background: #217bea; }
.ad-left{float:right; width:530px;  padding:40px 0; background: url(/view/img/index/ad_l_acronis.png)no-repeat right bottom;}
.sectad-r{width:57%; background: #dc316d;}
.ad-right{padding:50px 40px 0 40px; background: url(/view/img/index/ad_r_sopos.png)no-repeat 460px 100px;  height:248px;}
.ad > div > div >  div > p > a{font-family: 'lato', sans-serif; margin-top:30px; letter-spacing:-1.2px; font-size:0.9em; font-weight: 600; background: #ffb600; color:#fff;   border-radius: 4px; display: inline-block;  padding:10px 20px;}
.ad > div > div >  div > p > a:hover{background: #252525; color:#fff;}



/*  메인추천서버 영역  */

.server {padding-bottom: 60px; background: linear-gradient(to top, #fff 80%, #e5e4da);}
.container .title{width:100%; text-align: center; padding:60px 0;}
.server-wrap1{display: flex; flex-direction: row; flex-wrap: nowrap; }
.server-wrap1 > div{padding:40px 45px 40px 0;}
.server-wrap1 > div:nth-child(3){padding:40px 0;}
.bland-title{display:flex; justify-content: center; flex-wrap: wrap;}
.bland-title dt{padding:13px 0; }
.bland-title dd{padding:3px 0 0 20px; font-size: 2.3em; font-weight: 700; letter-spacing:-1.5px; color:#000; }
.rental{text-align: center; padding:15px; font-size: 1.5em; font-weight: 800; color:#135b79; font-family: 'NanumSquare', sans-serif;}
.evental{text-align: center;  padding:15px; font-size: 1.5em; font-weight: 800; color:#589c00; font-family: 'NanumSquare', sans-serif; letter-spacing:-1.2px;}
.event_ty{text-align: center; font-size: 1.1em; font-weight: 800; color:#dd5c20; font-family: 'NanumSquare', sans-serif;}
.s-spec{display:flex; flex-direction: column; flex-wrap: wrap; padding:30px 20px; border-top:1px solid #cac2bd; border-bottom:1px solid #cac2bd;}
.s-spec dl{display:flex; flex-direction: row; }
.s-spec > dl > dt{ width:50px; padding:5px 0; font-size: 1.1em; font-weight: 800; }
.s-spec > dl > dd{ padding:6px 0 4px 10px; font-size: 1em; font-weight: 400; }
.s-price{padding:20px 0; text-align:center;}




/*  메인 디도스 영역  */

.ddos-area{background: url(/view/img/index/ddos_back2.jpg)no-repeat top left; height:600px;}
.ddos-area > div{ padding-top:120px;}
.ddos-m{margin: auto; text-align: center; }
.ddos-m > p{color:#fff;}
.ddos-m > p:nth-child(1){font-family: 'NanumSquare', sans-serif; font-size:5.0em; font-weight: 800; letter-spacing: -1.5px; }
.ddos-m > p:nth-child(2){font-family: 'NanumSquare', sans-serif; font-size:2.4em; font-weight: 400; letter-spacing: -1.0px;  color:#04fdae; background-color: #135b79; width:60%; text-align:center; display: inline-block; min-width: 800px;}
.ddos-m > p:nth-child(3){font-family: 'NanumSquare', sans-serif; font-size:1.7em; font-weight: 400; letter-spacing: -1.0px; padding:30px; }
.ddos-m > p:nth-child(4){font-family: 'NanumSquare', sans-serif; font-size:1.8em; font-weight: 800; letter-spacing: -1.0px; padding-bottom: 30px; color: #000;}
.ddos-m a{width: 160px; background-color: #ffb600; color: #fff; text-align: center; font-size: 1.2em; font-weight: 400; letter-spacing:-1.5px; padding: 10px 0; display: inline-block; border-radius: 8px; }
.ddos-m a:hover{box-shadow: 0 0 15px rgba(0,0,0,0.30); transition: all 0.3s; color: #fff; background: #555505;}





/*  메인 사업 영역  */

.business-area {padding:80px 0 150px 0;}
.bu-title{padding-bottom:70px; text-align: center;}
.bu-title h1{font-size: 3.2em; font-weight: 600; letter-spacing:-1.2px;  }
.bu-title p{font-size: 1.6em; font-weight: 300; letter-spacing:-1.2px;}
.bu-list{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.bu-list .bur{box-shadow: 0 0 10px rgba(0,0,0,0.10); transition: all 0.3s; border:1px solid #d1dee1; }
.bu-list .bur:hover{box-shadow: 0 0 20px rgba(0,0,0,0.30); border:1px solid #c2c2c2;  transform: translate(0, -5%);}
.bu-list .bu-s-title{font-family: 'NanumBarunGothic', sans-serif; font-size:2.4em; font-weight: 800; letter-spacing: -1.0px; padding-top:10px; color:#222;}
.bu-list .bu-s-spec{padding-left:20px;}
.bu-list .bu-s-descript{ font-size:1.2em; font-weight: 400; letter-spacing: -1.0px; }
.bu-list .bu-s-app{ padding:10px 0;}


/*  메인 무료부가서비스 영역  */

.free-area{width:100%; background: #f4f0e9; padding:50px 0; overflow: hidden;}
.free-area .free-ment{float:left; width:30%; padding:10px 10px 300px 0; background: url(/view/img/index/free_bg.png)no-repeat right bottom;}
.free-area .free-ment .free-m1{font-family: 'NanumSquareRound', sans-serif;  font-size: 1.7em; font-weight: 600; letter-spacing:-1.5px;  text-align: right; width:100%; line-height: 1.3;}
.free-area .free-ment .free-m2{font-family: 'NanumSquare', sans-serif;  font-size: 3.3em; font-weight: 800; letter-spacing:-1.5px;  text-align: right; width:100%; color:#dc316d;}
.free-area .free-icon{float:right; width:65%;}
.free-area .free-icon ul{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding-top:30px; }
.free-area .free-icon ul li{padding-bottom:30px;}
.free-area .free-icon ul li a{box-shadow: 0 0 10px rgba(0,0,0,0.15); width:175px; height:185px; display: table-cell; vertical-align: middle;  border:1px solid #f2f1e2; background: #c7c5af; transition: all 0.3s;}
.free-area .free-icon ul li a:hover{box-shadow: 0 0 15px rgba(0,0,0,0.35); border:1px solid #85846d; background: #b6b398; transform: translate(0, -3%);}
.free-area .free-icon ul li a p{float:left; width:100%; text-align: center;}




/*  메인 부가서비스 소개 영역  */

.difference-area{padding-top:80px; background: url(/view/img/index/diff_bg.gif)no-repeat right bottom;}
.difference-area .container{ padding-bottom:80px;}
.difference-area .diff-title{font-family: 'NanumSquare', sans-serif;  font-size: 4em; font-weight: 800; letter-spacing:-1.5px;  }
.difference-area .diff-m{font-family: 'NanumSquare', sans-serif;  font-size: 1.2em; font-weight: 400; letter-spacing:-1.5px; line-height: 1.8; padding:20px 0 40px 5px;  }
.difference-area a{margin-left:5px; width: 300px; background: #ffb600; color: #fff; text-align: center; font-size: 1.3em; font-weight: 400; letter-spacing:-1.5px; padding: 20px 0; display: inline-block; border-radius: 8px; }
.difference-area a:hover{background: #252525; color: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.25); transition: all 0.3s; }




/*  메인공지 영역  */

.notice {width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start }
.sectno-l{width:48%; background: #217bea; }
.notice-left{float:right; width:600px;  padding:40px 0; display: flex; flex-direction: row; flex-wrap: wrap; }
.notice-left > div:nth-child(1){border-right: 1px solid #5fa0f0; flex-direction: row; display: flex; }
.notice-left > div:nth-child(1) > p:last-child{font-family: 'NanumSquare', sans-serif;  font-size: 1.7em; font-weight: 600; letter-spacing:-1.2px; color:#fff;}
.notice-left > div:nth-child(2){width:62%; padding-left:20px;}
.notice-left > div:nth-child(2) > dl{flex-direction: row; display: flex; }
.notice-left > div:nth-child(2) > dl > dd{padding:5px;}
.notice-left > div:nth-child(2) > dl > dd:first-child{width:60%;}
.notice-left > div > p{padding-right:10px; align-items: center; display: flex; }
.notice-left > div:nth-child(3){padding-left:10px;  align-items: center; display: flex;}
.notice-left > div:nth-child(3) a{color:#fffc00; font-family: 'NanumSquare', sans-serif;  font-size: 2.5em; font-weight: 800;}
.sectno-r{width:52%; background: #252525;}
.notice-right{ width:650px; padding:40px 0 40px 20px; display: flex; flex-direction: row; flex-wrap: wrap; }
.notice-right > div:nth-child(1){padding-right:20px; border-right: 1px solid #626262; flex-direction: row; display: flex; }
.notice-right > div:nth-child(1) > p:first-child{padding-right:10px; align-items: center; display: flex; }
.notice-right > div:nth-child(1) > p:last-child{font-family: 'NanumSquare', sans-serif;  font-size: 1.7em; font-weight: 600; letter-spacing:-1.2px; color:#fff; align-items: center; display: flex;}
.notice-right > div:nth-child(2){width:62%; padding-left:10px;}
.notice-right > div:nth-child(2) > dl{flex-direction: row; display: flex; }
.notice-right > div:nth-child(2) > dl > dd{padding:5px; color:#fff;}
.notice-right > div:nth-child(2) > dl > dd > a{color:#fff;}
.notice-right > div:nth-child(2) > dl > dd:first-child{width:60%;}
.notice-right > div:nth-child(3){padding-left:10px; align-items: center; display: flex; }
.notice-right > div:nth-child(3) a{color:#fffc00; font-family: 'NanumSquare', sans-serif;  font-size: 2.5em; font-weight: 800;}



/*  메인 MAP 영역  */

.map-area{padding: 60px 0; width:100%}
.map-area .menu-s{display: flex; flex-direction: row; flex-flow: wrap;  justify-content: space-between;}
.map-area .menu-s div{padding-right: 20px}
.map-area .menu-s div:last-child{ padding-right:0;}
.map-area .menu-s h1{font-family: 'NanumSquare', sans-serif;  font-size: 1.6em; font-weight: 800; letter-spacing:-1.2px; padding-bottom:20px;}
.map-area .menu-s p{padding:10px 0;}





/* 푸터 영역  */

.bland-logo{width:100%; border-top:1px solid #dedede; overflow: hidden; padding:16px 0;}
.bland-logo .container > ul{display: flex; flex-direction: row; flex-flow: wrap; justify-content: space-between;} 
.bland-logo .container > ul > li{padding: 0 5px; text-align: center;}
.footer-area{width:100%; background: #333333;}
.footer-area .footer-smenu{width:100%; border-bottom: 1px solid #4c4c4c; padding:17px 0; overflow: hidden;}
.footer-area .footer-smenu ul li{float:left; border-right:1px solid #4c4c4c; padding:0 20px;}
.footer-area .footer-smenu ul li:first-child{padding-left:0;}
.footer-area .footer-smenu ul li a{font-size: 1em; font-weight: 400; letter-spacing:-1.0px; color:#fff;}
.footer-end{padding-bottom:100px;}
.footer-end .footer-logo{float: left; padding:60px 80px 0 0; }
.footer-end .copyright{padding-top:55px; color:#fff;  font-size: 1em; font-weight: 300; letter-spacing:-1.0px; line-height: 180%;}




/*    멤버등등 상단메뉴   */

.etc-wrap{z-index: 5001; border-bottom:1px solid rgba(0,0,0, 0.1); height:97px; width:100%; position: sticky; top:0; background: #fff;}
.etc-wrap .nav-tainer{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.etc-wrap .logo-area{padding:20px 0 0 30px; display: inline-block; float:left; }
.etc-wrap .logo-area a{background: url(/view/img/index/logo_top.png)no-repeat left top; display: block; width:160px; height: 62px;}
.nav-menu{}
.nav-menu ul{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.nav-menu li{text-align:center;}
.etc-wrap .nav-menu > ul > li > a{color:#3c3c3c;}
.etc-wrap .nav-menu > ul > li > a:hover{color:#dc316d;}
.etc-wrap .nav-menu li:hover .sub-nav{opacity: 1;  visibility: visible;}
.etc-wrap .nav-menu .sub-nav .sub-nav-title1{float:left; width:16%; padding:85px 0 0 0; background: url(/view/img/index/topmenu_icon_01.gif)no-repeat center top; }
.etc-wrap .nav-menu .sub-nav .sub-nav-title2{float:left; width:16%; padding:85px 0 0 0; background: url(/view/img/index/topmenu_icon_02.gif)no-repeat center top; }
.etc-wrap .nav-menu .sub-nav .sub-nav-title3{float:left; width:16%; padding:85px 0 0 0; background: url(/view/img/index/topmenu_icon_03.gif)no-repeat center top; }
.etc-wrap .nav-menu .sub-nav .sub-nav-title4{float:left; width:16%; padding:85px 0 0 0; background: url(/view/img/index/topmenu_icon_04.gif)no-repeat center top; }
.etc-wrap .nav-menu .sub-nav .sub-nav-title5{float:left; width:16%; padding:85px 0 0 0; background: url(/view/img/index/topmenu_icon_05.gif)no-repeat center top; }
.etc-wrap .nav-menu .sub-nav .sub-nav-title6{float:left; width:16%; padding:85px 0 0 0; background: url(/view/img/index/topmenu_icon_06.gif)no-repeat center top; }




/*              이하 각 섹션 영역                */


/*     공통영역      */

.section-title {font-family: 'NanumSquare', sans-serif;  font-size: 3.3em; font-weight: 800; letter-spacing:-1.2px; color:#fff;}
.section-ment {font-family: 'NanumSquare', sans-serif;  font-size: 1.3em; font-weight: 400; letter-spacing:-1.0px; color:#fff;}
.root-nav{border-bottom:1px solid #ededed;}
.root-nav > div {display: flex; flex-direction: row; justify-content: center; }
.root-submenu {display: flex; flex-direction: row; flex-wrap: wrap;}
.root-submenu li {border-right:1px solid #ededed;}
.root-submenu a{display: block; font-size: 1.3em; font-weight: 400; letter-spacing:-1.0px; color:#000; padding:24px 70px 26px 25px;}
.root-submenu a:hover{color:#fff; background: #dc316d; transition: all 0.3s;}
.root-subnav {display: flex; flex-direction: row; flex-wrap: wrap;}
.root-subnav > ul{display: flex; flex-direction: row; flex-wrap: wrap;}
.root-subnav > ul:first-child > li:last-child{border-bottom:1px solid #ededed;}
.root-subnav > ul:last-child{border-top:1px solid #ededed;}
.root-subnav li {border-right:1px solid #ededed;}
.root-subnav a{display: block; font-size: 1.3em; font-weight: 400; letter-spacing:-1.0px; color:#000; width:240px;  padding:24px 30px 26px 25px;}
.root-subnav a:hover{color:#fff; background: #dc316d; transition: all 0.3s;}
.root-subsv{display: flex; flex-direction: row; flex-wrap: wrap;}
.root-subsv li {border-right:1px solid #ededed;}
.root-subsv a{display: block; font-size: 1.3em; font-weight: 400; letter-spacing:-1.0px; color:#000; padding:24px 40px 26px 25px;}
.root-subsv a:hover{color:#fff; background: #dc316d; transition: all 0.3s;}
.root-home{ border-left:1px solid #ededed;  border-right:1px solid #ededed; display: flex; align-items: center; justify-content: center; padding:0 30px;}
.free-sup{padding:70px 0 150px 0;}
.free-title{padding-bottom:70px; text-align: center;}
.free-support ul{display: flex; flex-direction: row; flex-flow: wrap; justify-content: space-between; padding:30px 0;}
.free-support li a{width:230px; padding:12px 0; height:106px; display: table-cell; vertical-align: middle;  text-align: center; border:1px solid #d5d4d4; background: #eeebe6;}
.free-support li a:hover{box-shadow: 0 0 15px rgba(0,0,0,0.25); transition: all 0.3s; border:1px solid #b8b2aa;}
#custom-tel {padding:60px 0 70px 0;  }
#custom-tel .container > div:nth-child(1){display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
#custom-tel .container > div:nth-child(1) > div:nth-child(1){padding-top:15px;}
#custom-tel .container > div:nth-child(1) > div:nth-child(2) > p{padding:5px 30px; line-height: 1;}
#custom-tel .container > div:nth-child(1) > div:nth-child(2) > p:nth-child(2){color:#515151; font-size: 4em; font-weight: 800; font-family: 'NanumSquare', sans-serif; }
#custom-tel .container > div:nth-child(1) > div:nth-child(2) > p{font-size: 1.3em; font-weight: 400; font-family: 'NanumSquare', sans-serif; color:#515151;}
#custom-tel .container > div:nth-child(2){padding:20px; text-align: center; font-size: 1.5em; font-weight: 400; font-family: 'NanumSquare', sans-serif; color:#515151; letter-spacing: -1.2px;}
#custom-tel .container > div:nth-child(3){padding-bottom:20px; text-align: center; font-size: 3.8em; font-weight: 800; font-family: 'NanumSquare', sans-serif; color:#e76813; letter-spacing: -1.2px;}
#custom-tel .container > div:nth-child(4){display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center;}
#custom-tel .container > div:nth-child(4) > div:nth-child(1){padding:0 30px; border-right:1px solid #d7d7d7; }
#custom-tel .container > div:nth-child(4) > div:nth-child(1) > p{display: flex; align-items: center; padding:5px;}
#custom-tel .container > div:nth-child(4) > div:nth-child(1) > p > b{color:#12507b;}
#custom-tel .container > div:nth-child(4) > div:nth-child(2){width:420px; padding:0 30px; display: flex; flex-wrap: wrap; flex-direction: row; }
#custom-tel .container > div:nth-child(4) > div:nth-child(2) > div:nth-child(1){padding:5px 20px 0 20px;} 
#custom-tel .container > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > p{padding:5px 0; line-height: 1;} 
#custom-tel .container > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > p:nth-child(1){font-size: 1.6em; font-weight: 800; font-family: 'NanumSquare', sans-serif;  line-height: 1.3;} 
#custom-tel .container > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > p > b{color:#12507b;} 
#custom-tel .container > div:nth-child(4) > div:nth-child(3){padding-left:30px; text-align:center;}
#custom-tel .container > div:nth-child(5){padding-top:50px; text-align: center;}
#custom-tel .container > div:nth-child(5) a{ background-color: #ffb600; color: #fff; text-align: center; font-size: 1.3em; font-weight: 400; letter-spacing:-1.2px; width:150px; padding: 15px 30px; display: inline-block;  border-radius: 5px;}
#custom-tel .container > div:nth-child(5) a:hover{ color: #252525; box-shadow: 0 0 15px rgba(0,0,0,0.25); transition: all 0.3s;}
.sub-custom-area{display: flex; flex-direction: row;}
.sub-custom-title{padding-left:30px;}
.sub-custom-title p{padding-top:10px; font-family: 'NanumSquare', sans-serif;  font-size: 1.2em; font-weight: 300; letter-spacing:-1.2px; }
.sub-custom-title h1{ font-family: 'NanumSquare', sans-serif; font-size: 3.2em; font-weight: 800; letter-spacing:-1.2px; }
.spec-section{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.sub-section{padding-bottom:70px; }
.spec-section1{display: flex; flex-direction: row; flex-flow: wrap; justify-content: center; text-align: center; padding-bottom:100px;}
.spec-section1 > div{padding:0 20px;}
.spec-section1 > div:nth-child(2){padding:80px 20px 0 20px;}
.spec-section1 > div:nth-child(4){padding:80px 20px 0 20px;}
.spec-section2 > div{width:100%;}
.spec-section3{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.spec-section3 > div{padding:0 50px;}
.spec-section4{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.spec-section4 > div{padding:0 40px;}
.spec-section5{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.spec-section6{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.spec-section6 div{border:1px solid #c4dfed; border-radius: 8px; width: 350px; padding:30px; margin:0 30px; box-shadow: 0 0 10px rgba(0,0,0,0.10);}
.spec-section6 div p:nth-child(1){font-family: 'NanumSquare', sans-serif; color:#125e93; font-size: 1.6em; font-weight: 800; letter-spacing:-1.2px; text-align: center; }
.spec-section7{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.spec-section7 > div{padding:0 20px;}
.common-bene{width:100%; position: relative; padding-bottom:100px; background:#f6f6f6;}
.section-int{padding-bottom:100px; width:100%;}
.arrow-flex{display: flex; align-items: center; justify-content: center; padding:0 10px;  }
.sub-s-t{padding-bottom:50px;}
.sub-s-t p:nth-child(1){padding:30px 0; font-size: 1.5em; font-weight: 600; letter-spacing:-1.2px;}
.sub-s-t ul li{padding:5px;}
.bene-title{padding:80px 0 30px 0; text-align: center;}
.bene-title h1{font-size: 3.2em; font-weight: 600; letter-spacing:-1.2px; }
.bene-title p{font-size: 1.6em; font-weight: 300; letter-spacing:-1.2px; padding:30px 0;}

.navmenu-title{padding:70px 0; text-align: center;}
.navmenu-title h1{font-size: 3.2em; font-weight: 600; letter-spacing:-1.2px; }
.navmenu-title p{font-size: 1.6em; font-weight: 300; letter-spacing:-1.2px;}

.bland-tit{padding:70px 0; text-align: center; }
.bland-tit h1{font-size: 3.2em; font-weight: 600; letter-spacing:-1.2px;}
.bland-tit p{padding-top:20px; font-size: 1.6em; font-weight: 300; letter-spacing:-1.2px;}

.form-search{padding:70px 0; text-align: center;}
.form-search p{padding:10px; display: flex; align-items: center; justify-content: center;}

.search-submit a{border:1px solid #c13e6c; background:#dc316d; color:#fff; border-radius: 3px; width: 40px; padding:10px; box-shadow: 0 0 10px rgba(0,0,0,0.10); }
.search-submit a:hover{border:1px solid #c13e6c; background:#dc316d; color:#fff; box-shadow: 0 0 15px rgba(0,0,0,0.20); transition: all 0.3s;}

.button-card{ background-color: #fff; color:#222; border:1px solid #fbc000; font-size: 1em; font-weight: 400;  letter-spacing:-1.5px; padding: 15px; display: inline-block;  border-radius: 6px;}
.button-card:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.25); transition: all 0.3s;}

.est-end{text-align: center;}
.est-end > div:nth-child(1){padding:20px 0 50px 0;}
.est-end > div:nth-child(2){padding:20px 0; font-family: 'NanumSquare', sans-serif;  font-size: 1.4em; font-weight: 600; letter-spacing:-1.2px;}


.event-goods{display:flex; flex-direction: column; flex-wrap: wrap; width:350px; border:10px solid #a11272; border-radius: 12px; padding:11px; box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.event-goods:hover{border:10px solid #a11272; box-shadow: 0 0 30px rgba(68,131,11,0.20); transition: all 0.3s;}



/*각 서브타이틀 움직임 + */

@keyframes bottom-200 {
    0% {
        transform: translateY(-100px);
        opacity: 0;
    }

    100% {
        transform: translateY(0,0);
        opacity: 1;
    }
}
/* 슬라이드 애니메이션(위로) */

.server-section .container > div > h2 {
    animation: bottom-200 1.0s forwards
}

.server-section .container > div > p {
    animation: bottom-200 1.6s forwards
}



.colocation-section .container > div > h2 {
    animation: bottom-200 1.0s forwards
}

.colocation-section .container > div > p {
    animation: bottom-200 1.6s forwards
}



.ddos-section .container > div > h2 {
    animation: bottom-200 1.0s forwards
}

.ddos-section .container > div > p {
    animation: bottom-200 1.6s forwards
}



.security-section .container > div > h2 {
    animation: bottom-200 1.0s forwards
}

.security-section .container > div > p {
    animation: bottom-200 1.6s forwards
}



.service-section .container > div > h2 {
    animation: bottom-200 1.0s forwards
}

.service-section .container > div > p {
    animation: bottom-200 1.6s forwards
}



.custom-section .container > div > h2 {
    animation: bottom-200 1.0s forwards
}

.custom-section .container > div > p {
    animation: bottom-200 1.6s forwards
}




.high-section .container > div > h2 {
    animation: bottom-200 1.0s forwards
}

.high-section .container > div > p {
    animation: bottom-200 1.6s forwards
}




/*   코로케이션 리스트 영역 */

.colocation-section{background: url(/view/img/colocation/sub_main_1.jpg)no-repeat center top; height:450px;}
.colocation-section > div {padding-top:200px;}
.colocation-section > div > div{text-align: center;}
.sub-bland-tit{color: #8e9135; font-size: 3.1em; font-weight: 600; padding-bottom:20px;}
.colo-goods{display:flex; flex-direction: column; flex-wrap: wrap; width:350px; border:1px solid #c6d09e; border-radius: 12px; padding:20px; box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.colo-goods:hover{border:1px solid #c6d09e; box-shadow: 0 0 15px rgba(68,131,11,0.20); transition: all 0.3s;}
.c-spec{display:flex; flex-direction: column; flex-wrap: wrap; padding:30px 20px; border-top:1px solid #cac2bd; border-bottom:1px solid #cac2bd;}
.c-spec dl{display:flex; flex-direction: row; }
.c-spec > dl > dt{ width:100px; padding:5px 0;  font-weight: 600; }
.c-spec > dl > dd{ padding:6px 0 4px 10px;  font-weight: 400; }
.c-spec > p{padding:5px;  font-weight: 600;}
.c-price{padding:5px 0; text-align: center;}
.c-app{padding:20px 0; text-align:center; }
.c-app a{background: #ffb600; color:#fff; font-size: 1.2em; font-weight: 400; letter-spacing:-1.5px; border: 1px solid #3b6f7b; padding: 10px 40px; display: inline-block; border-radius: 5px;}
.c-app a:hover{background: #252525; color: #fff;  box-shadow: 0 0 15px rgba(0,0,0,0.30); transition: all 0.3s;}
.c-app1{padding-top:50px; }
.c-app1 a{width:200px;  background-color: #ffb600; color: #222; text-align: center; font-size: 1.1em; font-weight: 400; letter-spacing:-1.5px; padding: 15px 0; display: inline-block; border-radius: 8px;}
.c-app1 a:hover{background: #f0f0f0; color: #222; box-shadow: 0 0 15px rgba(0,0,0,0.20); transition: all 0.3s;}
.c-app2{padding:20px 0; text-align:center; }
.c-app2 a{width:200px;  background-color: #2a6c9a; color: #fff; text-align: center; font-size: 1.1em; font-weight: 400; letter-spacing:-1.5px; padding: 15px 0; display: inline-block; border: 1px solid #2e6286; border-radius: 8px;}
.c-app2 a:hover{background: #2a6c9a; color: #fff; border: 1px solid #2e6286; box-shadow: 0 0 10px rgba(0,0,0,0.15); transition: all 0.3s;}
.c-app3{padding-top:50px; text-align:center;}
.c-app3 a{width:200px;  background-color: #ffb600; color: #222; text-align: center; font-size: 1.1em; font-weight: 400; letter-spacing:-1.5px; padding: 15px 0; display: inline-block; border-radius: 8px;}
.c-app3 a:hover{background: #f0f0f0; color: #222; box-shadow: 0 0 15px rgba(0,0,0,0.20); transition: all 0.3s;}
.colo-d{padding-top:30px;}
.colo-d li{padding:5px 0;}
.colo-bene{width:100%; padding-bottom:100px; background:#f6f6f6;}
.colo-bene1{width:100%; padding-bottom:100px; }
.colo-bene-content{background: url(/view/img/colocation/colo_bene_bg.png)no-repeat center bottom; padding-top:50px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.colo-bene-content > div{display: flex; flex-direction: column; }
.colo-bene-content > div:last-child{text-align: right;}
.colo-bene-content > div > div{padding:20px 0;}
.colo-bene-box{width:350px; border:1px solid #b3b3b3; border-radius: 8px; padding:20px; box-shadow: 0 0 15px rgba(0,0,0,0.30); padding:12px; background:#fff;}
.colo-bene-ment{padding:20px 5px 0 5px;}
.colo-bene-icon{background: #eeebe6; text-align:center; height:65px; padding-top:35px;}
.colo-high{text-align: center; padding-top:60px;}
.colo-high > p:nth-child(1){font-family: 'NanumSquare', sans-serif;  color: #b1cc5d; font-size: 3.4em; font-weight: 800; letter-spacing:-1.2px;}
.colo-high > p:nth-child(2){font-family: 'NanumSquare', sans-serif;  color: #fff; font-size: 2.4em; font-weight: 600; letter-spacing:-1.2px;}
.colo-high > p:nth-child(3){font-family: 'NanumSquare', sans-serif;  color: #fff; font-size: 1.2em; font-weight: 400; letter-spacing:-1.2px;}

.high-section{background: url(/view/img/colocation/sub_main_7.jpg)no-repeat center top; height:450px;}
.high-section > div {padding-top:200px;}
.high-section > div > div{text-align: center;}
.high-box{display:flex; flex-direction: column; flex-wrap: wrap; width:250px; border:1px solid #c6d09e; border-radius: 8px;  box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.high-box > ul{padding:20px;}
.high-box > ul > li:nth-child(1){padding:15px 0;}
.high-box > ul > li:nth-child(2){font-family: 'NanumSquare', sans-serif;  color: #8e9135; font-size: 1.6em; font-weight: 800; letter-spacing:-1.2px;}
.high-box > ul > li:nth-child(3){padding:15px 0;}
.high-apply{background: url(/view/img/colocation/high_bg.jpg)no-repeat center top; height: 400px; }
.high-submenu{padding-bottom:70px;}
.high-submenu > ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.high-submenu li{border-top:1px solid #ededed; border-left:1px solid #ededed; border-bottom:1px solid #ededed;}
.high-submenu li a{display: block; font-size: 1.4em; font-weight: 500; letter-spacing:-1.0px; color:#666; padding:25px 120px;}
.high-submenu li a:hover{color:#fff; background: #dc316d; transition: all 0.3s;}
.high-submenu li:last-child{border-top:1px solid #ededed; border-right:1px solid #ededed; border-bottom:1px solid #ededed;}
.high-submenu .on{display: block; font-size: 1.4em; font-weight: 500; letter-spacing:-1.0px; color:#fff; background: #dc316d; padding:25px 120px;}
.high-tit{padding:0; text-align: center;}
.high-tit h1{font-size: 2.8em; font-weight: 600; letter-spacing:-1.2px;}
.high-tit p{padding-top:20px; font-size: 1.6em; font-weight: 300; letter-spacing:-1.2px;}
.high-bene{width:100%; padding:100px 0 20px 0; }
.high-bene-bg{background: url(/view/img/colocation/high_idc_bg.png); background-repeat: repeat-x; height: 296px; text-align: center;}






/*   디도스 리스트 영역 */

.ddos-section{background: url(/view/img/ddos/sub_main_3.jpg)no-repeat center top; height:450px;}
.ddos-section > div {padding-top:200px;}
.ddos-section > div > div{text-align: center;}
.ddos-bland-tit{color: #2a6c9a; font-size: 3.1em; font-weight: 800; padding-bottom:20px; font-family: 'NanumSquare', sans-serif;}
.ddos-bland-ment50{letter-spacing:-1.5px; color:#6e9ebf; font-size: 3.1em; font-weight: 600; padding:5px 0; font-family: 'NanumSquare', sans-serif;}
.ddos-bland-ment30{letter-spacing:-1.5px; font-size: 2em; font-weight: 400; padding:5px 0; font-family: 'NanumSquare', sans-serif;}
.ddos-bland-ment20{letter-spacing:-1.5px; font-size: 1.3em; font-weight: 400; padding:5px 0; font-family: 'NanumSquare', sans-serif;}
.ddos-goods{display:flex; flex-direction: column; flex-wrap: wrap; border:1px solid #c6d09e; border-radius: 12px; padding:20px; box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.ddos-goods:hover{border:1px solid #c6d09e; box-shadow: 0 0 15px rgba(68,131,11,0.20); transition: all 0.3s;}
.safe-content{background: url(/view/img/ddos/bg_ddos_safe.gif)no-repeat center top; padding:100px 0;}
.safe-flex{display: flex; flex-flow: wrap; flex-direction: row; text-align: center;}
.safe-flex > div{}
.safe-flex > div:nth-child(1){padding:90px 30px 0 0;}
.safe-flex > div:nth-child(2){padding:230px 30px 0 60px;}
.safe-flex > div:nth-child(3){padding:130px 0 0 30px;}
.safe-bene-box{width:100%; border:1px solid #b3b3b3; border-radius: 8px; padding:10px; box-shadow: 0 0 10px rgba(0,0,0,0.10); padding:8px; background:#fff;}
.safe-bene-icon{background: #eeebe6; padding:15px 35px;}
.safe-bene-ment{padding:5px 0 0 25px ;}
.safe-flex1{display: flex; flex-flow: wrap; flex-direction: row;}
.safe-box1{border:1px solid #d9e6ef; border-radius: 8px; padding:20px; box-shadow: 0 0 10px rgba(0,0,0,0.10); background:#fff; width: 250px;}
.safe-box2{border:1px solid #d9e6ef; border-radius: 8px; padding:20px; box-shadow: 0 0 10px rgba(0,0,0,0.10); background:#fff; width: 500px;}
.safe-box3{border:1px solid #d9e6ef; border-radius: 8px; padding:20px; box-shadow: 0 0 10px rgba(0,0,0,0.10); background:#fff; width: 250px;}
.safe-box4{border:1px solid #d9e6ef; border-radius: 8px; padding:10px; box-shadow: 0 0 10px rgba(0,0,0,0.10); background:#fff; width: 100%;}
.safe-box4 > ul{background: #89abc6; padding:10px;}
.safe-apply{background: #f9f9f9; padding:50px 0;}
.safe-bene{padding:100px 0;}
.safe-bene-title{padding-bottom:80px; text-align: center;}
.safe-inter{padding-left:600px;}
.safe-inter > div{padding-bottom:10px;}
.bg-safe-bene{background: url(/view/img/ddos/bg_ddos_safe1.jpg)no-repeat center top; padding:20px 0 ;}
.diagram{text-align:center; padding-bottom:80px;}
.diagram1{text-align:center; padding-bottom:30px;}
.diagram-tit{text-align:center; padding:50px 0;}
.diagram-tit h1{font-size: 3.2em; font-weight: 600; letter-spacing:-1.2px;}
.diagram-tit p{font-size: 1.6em; font-weight: 300; letter-spacing:-1.2px; padding:30px 0;}
.proxy-content{background: url(/view/img/ddos/bg_proxy.gif)no-repeat center center; padding:50px 0 120px 0;}
.proxy-flex{display: flex; flex-flow: wrap; flex-direction: row; justify-content: space-between; padding-bottom:60px;}
.proxy-flex > div{border:1px solid #e0edf3; border-radius: 8px; padding:10px; box-shadow: 0 0 10px rgba(0,0,0,0.10); background:#fff; width: 300px;}
.proxy-flex > div > ul > li:first-child{background: #33839a; padding: 30px 0; text-align: center;}
.proxy-flex > div > ul > li:last-child{padding: 15px;}
.ddos-apply{background: url(/view/img/ddos/ddos_apply_bg.jpg)no-repeat center top; height: 450px; padding:50px 0;}
.ddos-apply > div > div{padding-top:40px;}
.ddos-apply > div > div > p:nth-child(1){font-family: 'NanumSquare', sans-serif;  color: #ffb600; font-size: 3.5em; font-weight: 800; letter-spacing:-1.2px; }
.ddos-apply > div > div > p:nth-child(2){font-family: 'NanumSquare', sans-serif;  color: #dcc178; font-size: 1.8em; font-weight: 800; letter-spacing:-1.2px; }
.ddos-apply > div > div > p:nth-child(3){font-family: 'NanumSquare', sans-serif;  color: #fff; font-size: 3em; font-weight: 600; letter-spacing:-1.2px; padding-top:30px;}


/*   서버호스팅 리스트 영역 */

.server-section{background: url(/view/img/server/sub_main_2.jpg)no-repeat center top; height:450px;}
.server-section > div {padding-top:200px;}
.server-section > div > div{text-align: center;}
.sub-server {padding-bottom: 100px;}
.server-goods{display:flex; flex-direction: column; flex-wrap: wrap; width:350px; border:1px solid #d1dee1; border-radius: 8px; padding:20px; box-shadow: 0 0 10px rgba(0,0,0,0.10);}
.server-goods:hover{border:1px solid #85a3af; box-shadow: 0 0 20px rgba(0,0,0,0.30); transition: all 0.3s;}
.server-goods > div:last-child{padding:20px 0; text-align:center; width:100%;}
.server-goods > div:last-child > a{background: #ffb600; color:#fff; font-size: 1.2em; font-weight: 400; letter-spacing:-1.5px; border: 1px solid #3b6f7b; padding: 10px 40px; display: inline-block; border-radius: 5px;}
.server-goods > div:last-child > a:hover{background: #252525; color: #fff;  box-shadow: 0 0 15px rgba(0,0,0,0.30); transition: all 0.3s;}
.server-wrap{display: flex; flex-direction: row; flex-wrap: wrap;}
.server-wrap > div{padding:0 50px 40px 0;}
.server-wrap > div:nth-child(3){padding:0;}
.server-wrap > div:nth-child(6){padding:0;}
.server-wrap > div:nth-child(9){padding:0;}
.server-wrap > div:nth-child(12){padding:0;}
.server-wrap > div:nth-child(15){padding:0;}
.server-bene{width:100%; padding-bottom:150px; background:#f6f6f6;}
.bg-bene{background: url(/view/img/server/bg_server_bene1.png)no-repeat center bottom; height:650px;width:100%; }
.bene-content{padding:90px 80px 0 70px; display: flex; flex-direction: row; flex-flow: wrap; justify-content: space-between; }
.bene-content > div {display: flex; flex-direction: column; }
.bene-box{width:280px; border:1px solid #b3b3b3; border-radius: 8px; padding:20px; box-shadow: 0 0 15px rgba(0,0,0,0.30); padding:12px; background:#fff;}
.bene-box1{width:380px; border:1px solid #b3b3b3; border-radius: 8px; padding:20px; box-shadow: 0 0 15px rgba(0,0,0,0.30); padding:12px; background:#fff;}
.bene-ment{padding:40px 5px 0 5px;}
.bene-ment1{padding:0 5px;}
.bene-icon1{background: #eeebe6; text-align:center; height:85px; padding-top:15px;}
.bene-icon2{background: #eeebe6; text-align:center; height:120px; background: url(/view/img/server/bene_2.jpg)no-repeat;}
.bene-icon3{background: #eeebe6; text-align:center; height:160px; background: url(/view/img/server/bene-img1.gif)no-repeat;}
.s-s-w{display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom:35px;}
.s-s-w > p{padding:0 30px; font-size:1.1em;  font-weight: 400; border-right:1px solid #ddd;}
.s-s-w > p:last-child{border:0;}


/*   서버호스팅 신청 영역 */

.server-detail-section{padding-bottom:70px;}
.server-esti{display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.server-box {width:100%; padding-top:0px;}
.server-box > div > h1{padding:50px 0 20px 0; font-size: 2.0em; font-weight: 500; letter-spacing:-1.2px; }
.server-box > div > div{display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.server-box > div > div > h1{padding:50px 0 20px 0; font-size: 2.0em; font-weight: 500; letter-spacing:-1.2px;}
.server-box > div > div > p{padding-top:60px; }
.server-box > div > div > h2{font-size: 1.4em; font-weight: 400; letter-spacing:-1.2px; padding:20px 0 6px 0;}
.server-box > div > div > div{}
.server-box > div > div > div > label:nth-child(1){margin:10px 0; padding:15px 10px; background:#6e9ebf; border:1px solid #588eb4; display: flex; flex-direction: row; flex-flow: wrap; justify-content: space-between; }
.server-box > div > div > div > label{margin:10px 0; padding:15px 10px; background:#f3f3f3; border:1px solid #d9d9d9; display: flex; flex-direction: row; flex-flow: wrap; justify-content: space-between; }
.server-box > div > div > div > label > p{display: table-cell; line-height: 1; margin:0px;}
.server-price{font-size: 1.4em; font-weight: 600;  color:#fff; }
.server-price1{font-size: 1.4em; font-weight: 600; color:#5d5d5d;}
.server-name-area{padding-bottom:40px;  display: flex; flex-direction: row; flex-wrap:  wrap; }
.server-view{padding:30px 0; border-top:1px solid #6e9ebf; border-bottom:1px solid #6e9ebf; text-align: center;}
.server-name{font-family: 'Montserrat', sans-serif; font-size: 2.3em; font-weight: 800; padding:10px 0 10px 10px;}
.spec-name{font-family: 'Montserrat', sans-serif; font-size: 1.3em; font-weight: 600; color:#fff; }
.spec-name1{font-family: 'Montserrat', sans-serif; font-size: 1.3em; font-weight: 600; color:#5d5d5d;}
.step-wrap{background: url(/view/img/server/bg_step.gif); background-repeat: repeat-x; width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; padding-bottom:70px;}
.step-wrap > div{margin:0 100px;}
.step-wrap > div > p{width:100%; text-align: center;}
.step-wrap > div > p:last-child{font-family: 'NanumSquare', sans-serif; font-size: 1.2em; font-weight: 600; letter-spacing:-1.2px;}
.button-t1{padding:50px 0; text-align:center; width:100%;}
.button-t1 a{ background-color: #ffb600; color:#fff; font-size: 1.2em; font-weight: 400; letter-spacing:-1.5px; padding: 15px 50px; display: inline-block;  border-radius: 6px;}
.button-t1 a:hover{background: #252525;  color:#fff;  box-shadow: 0 0 15px rgba(0,0,0,0.25); transition: all 0.3s;}
.end-ment{padding:70px 0; text-align: center; border: 1px solid #f0f0f0;}
.end-ment > div > div:nth-child(2) > p:nth-child(1){font-family: 'NanumSquare', sans-serif;  font-size: 3.6em; font-weight: 800; letter-spacing:-1.5px; color:#dc316d; padding:30px;}
.end-ment > div > div:nth-child(2) > p:nth-child(2){font-size: 2.2em; font-weight: 600; letter-spacing:-1.2px;  }
.end-ment > div > div:nth-child(2) > p:nth-child(3){font-size: 1.4em; font-weight: 400; letter-spacing:-1.2px; }
.temhosting-div{border:1px solid #dddddd; padding:10px 20px; overflow-y:scroll; overflow-x:hidden; height:150px;  width:97%; text-align:justify; }
.temhosting-div > ul{}
.temhosting-div > ul > li{padding-bottom:30px; }
.temhosting-div > ul > li > h1{font-size: 1.3em; color:#333; font-weight: 600; padding:30px 0; letter-spacing: -1.5px;}
.temhosting-div > ul > li > p{font-size: 1.1em; font-weight: 600; padding-bottom:5px;}
.temhosting-div > ul > li > span{display: block; padding-bottom:10px; color:#666; font-size: 1em; font-weight: 400;}



/*   무료서비스 영역 */
.est-bland{padding:50px 0;}
.free-service{padding-bottom:60px;}
.free-service ul{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding-bottom:40px;}
.free-service ul:last-child{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.free-service li a{width:336px;  padding:30px; display: table-cell; vertical-align: middle;  text-align: center; border:1px solid #d5d4d4; background: #eeebe6;}
.free-service li a:hover{box-shadow: 0 0 15px rgba(0,0,0,0.25); transition: all 0.3s; border:1px solid #b8b2aa;}
.free-service li a p:nth-child(2){padding:20px; font-family: 'NanumSquare', sans-serif; font-size: 1.5em; font-weight: 600; color:#6c604b; }
.free-service li a p:nth-child(3){padding:10px; font-family: 'NanumSquare', sans-serif;  font-size: 1.2em; font-weight: 400; letter-spacing:-1.2px; }




/*    계산기 영역   */
.calculator{width:36%;}
.calculator-box{border:1px solid #d9d9d9; background:#f3f3f3;  padding:10px; position: sticky; top:120px; box-shadow: 0 0 10px rgba(0,0,0,0.10);}
.calculator-box > div{background: #fff; padding:15px;}
.calculator-box > div > h1{border-bottom:1px solid #d9d9d9;  padding:10px 0; font-size: 1.4em; font-weight: 600;}
.calculator-box > div > div{border-bottom:1px solid #d9d9d9; padding:10px;}
.calculator-box > div > div > h2{padding-top:10px; font-size: 1.2em; font-weight: 500;}
.calculator-box > div > div > div > ul{display: flex; flex-direction: row; flex-flow: wrap; justify-content: space-between; }
.calculator-box > div > div > div > ul li{width:70%; padding:3px 0; color:#838383; font-family: 'Montserrat', sans-serif;font-weight: 400;}
.calculator-box > div > div > div > ul li:last-child{width:30%; text-align: right; color:#838383; font-family: 'Montserrat', sans-serif;font-weight: 400;}
.calculator-box > div > div > div > h3{padding-top:9px; font-weight: bold;}
.calculator-box .cal-price{font-size:1.1em; font-weight: 600;  color:#000; letter-spacing:-1.2px; padding:5px 0;}
.calculator-box .cal-price2{font-size:1.2em; font-weight: 800;  color:#6e9ebf; letter-spacing:-1.2px; padding:5px 0;}
.calculator-box .cal-item{font-size:1.2em; font-weight: 600; font-family: 'NanumSquare', sans-serif; color:#000; letter-spacing:-1.2px; padding:5px 0;}
.calculator-box .cal-item2{font-size:1.3em; font-weight: 800; font-family: 'NanumSquare', sans-serif; color:#000; letter-spacing:-1.2px; padding:5px 0;}
.cal-button{text-align: center; padding:10px 0;}
.cal-button a{ background-color: #538c99; color: #fff; text-align: center; font-size: 1.1em; font-weight: 400; letter-spacing:-1.5px; padding: 5px 30px; display: inline-block; border: 1px solid #3b6f7b; border-radius: 8px;}
.cal-button a:hover{background: #8ac017; color: #fff; border: 1px solid #3c6e1b; box-shadow: 0 0 15px rgba(0,0,0,0.30); transition: all 0.3s;}






/*   보안 영역 */

.security-section{background: url(/view/img/security/sub_main_1.jpg)no-repeat center top; height:450px;}
.security-section > div {padding-top:200px;}
.security-section > div > div{text-align: center;}
.security-bland-tit{color:#407498;font-size: 3.1em; font-weight: 600; padding-bottom:20px;}
.security-goods{display:flex; flex-direction: column; flex-wrap: wrap; width:350px; border:1px solid #c4dfed; border-radius: 8px; padding:20px; box-shadow: 0 0 10px rgba(0,0,0,0.10);}
.security-goods:hover{border:1px solid #9ab9c9; box-shadow: 0 0 10px rgba(0,0,0,0.15); transition: all 0.3s;}
.backbone-goods{display:flex; flex-direction: column; flex-wrap: wrap; width:450px; border:1px solid #c4dfed; border-radius: 8px; padding:30px; box-shadow: 0 0 10px rgba(0,0,0,0.10);}
.backbone-goods:hover{border:1px solid #9ab9c9; box-shadow: 0 0 10px rgba(0,0,0,0.15); transition: all 0.3s;}
.backbone-s{padding:30px 0 30px 90px;}
.backbone-spec{display:flex; flex-direction: column; flex-wrap: wrap; padding:30px; border-top:1px solid #cac2bd; border-bottom:1px solid #cac2bd;}
.backbone-spec dl{display:flex; flex-direction: row; }
.backbone-spec > dl > dt{ width:200px; padding:5px 0;  font-weight: 600; }
.backbone-spec > dl > dd{ padding:6px 0 4px 10px;  font-weight: 400; }
.backbone-spec > ul > li{padding:5px 10px; }
.backbone-intro{ background:#f9f9f9;}
.backbone-intro > div{padding-bottom:100px;}
.backbone-content > ul{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;  }
.backbone-content > ul > li{border:1px solid #c4dfed; border-radius: 8px; padding:20px; box-shadow: 0 0 10px rgba(0,0,0,0.10); background:#fff; width:100%; margin: 10px 0; font-weight: 400;}
.backbone-content > ul > li:nth-child(3){width:45%;}
.backbone-content > ul > li:nth-child(4){width:45%;}
.backbone-content > ul > li:nth-child(5){width:45%;}
.backbone-content > ul > li:nth-child(6){width:45%;}
.backbone-content > ul > li > span{font-family: 'NanumSquare', sans-serif; font-size: 1.2em; font-weight: 800; letter-spacing:-1.2px; color:#0070c6;}
.secu-spec{display:flex; flex-direction: column; flex-wrap: wrap; padding:30px 20px; border-top:1px solid #cac2bd; border-bottom:1px solid #cac2bd;}
.secu-spec dl{display:flex; flex-direction: row; }
.secu-spec > dl > dt{ width:150px; padding:5px 0;  font-weight: 600; }
.secu-spec > dl > dd{ padding:6px 0 4px 10px;  font-weight: 400; }
.secu-spec > ul > li{padding:5px 10px; }
.secu-app{padding:20px 0; text-align:center; }
.secu-app a{ background-color: #ffb600; color: #fff; text-align: center; font-size: 1.1em; font-weight: 400; letter-spacing:-1.5px; padding: 10px 40px; display: inline-block; border-radius: 8px;}
.secu-app a:hover{background: #252525; color: #fff;  box-shadow: 0 0 15px rgba(0,0,0,0.30); transition: all 0.3s;}
.security-bene-title{padding:50px 0; text-align: center;}
.security-content{display: flex; flex-direction: row; padding-top:50px; }
.security-content > div:first-child{padding-right:100px;}
.security-content > div:last-child{padding-top:10px;}
.security-content > div > ul{width:700px;}
.security-content > div > ul > li{ border:1px solid #b3b3b3; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.10); padding:8px; background:#fff; margin:30px 0;}
.security-content > div > ul > li > p{padding:20px; background: #f9f9f9; font-size: 1.4em; font-weight: 600; letter-spacing:-1.2px;}
.ssl-goods{display:flex; flex-direction: column; flex-wrap: wrap; width:450px; border:1px solid #c4dfed; border-radius: 8px; padding:20px; box-shadow: 0 0 10px rgba(0,0,0,0.10);}
.ssl-goods:hover{border:1px solid #9ab9c9; box-shadow: 0 0 10px rgba(0,0,0,0.15); transition: all 0.3s;}
.ssl-goods > p{padding:10px 0; text-align: center;}
.ssl-intro{width:100%; padding-bottom:100px; background:#f6f6f6;}
.ssl-process{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding-top:40px;}
.ssl-p-box{border:1px solid #b3b3b3; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.10); padding:10px; background:#fff; height:150px; width:150px; }
.ssl-p-box > h1{padding:5px 0; font-family: 'Montserrat', sans-serif;  font-size: 1.3em; font-weight: 600; letter-spacing:-1.2px; color:#066f8d; }
.ssl-arr{display: flex; align-items: center; justify-content: center; }
.wall-box{ width: 250px; border:1px solid #c4dfed; border-radius: 8px; padding:20px; box-shadow: 0 0 10px rgba(0,0,0,0.10); background:#fff;}
.wall-box > ul{padding:20px;}
.wall-box > ul > li:first-child{text-align: center; padding-bottom:20px;}
.wall-box > ul > li:last-child{ padding-top:20px;}
.sophos-bland{text-align: center; padding:5px 0;}
.sophos-goods{display:flex; flex-direction: column; flex-wrap: wrap; width:500px; border:1px solid #c4dfed; border-radius: 8px; padding:20px; box-shadow: 0 0 10px rgba(0,0,0,0.10);}
.sophos-goods:hover{border:1px solid #9ab9c9; box-shadow: 0 0 10px rgba(0,0,0,0.15); transition: all 0.3s;}
.sophos-goods > p{padding:10px 0; text-align: center;}
.sopo_dot_1 {background: url(/view/img/security/dot_sopo01.png) no-repeat 50% 50%;}
.sopo_dot_2 {background: url(/view/img/security/dot_sopo02.png) no-repeat 50% 50%;}
.sopo_dot_3 {background: url(/view/img/security/dot_sopo03.png) no-repeat 50% 50%;}
.acronis-pro{background: url(/view/img/security/acronis_bg.gif) no-repeat center top; padding-top:60px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.acronis-pro > div:nth-child(2){padding-top:200px;}
.acronis-box{border:1px solid #c4dfed; border-radius: 8px; padding:20px; box-shadow: 0 0 10px rgba(0,0,0,0.10); background:#fff;}
.acronis-box > p:first-child{text-align: center; padding-bottom:10px;}
.db-ment{text-align: center; padding-top:15px; font-weight: 600; color:#dc316d;}
.db-content {padding-bottom:100px;}
.db-content > ul > li{border:1px solid #c4dfed; border-radius: 8px; padding:20px; box-shadow: 0 0 10px rgba(0,0,0,0.10); background:#fff; width:100%; margin: 10px 0; font-weight: 500;}






/*   부가서비스 영역 */

.service-section{background: url(/view/img/service/sub_main_bg.jpg)no-repeat center top; height:450px;}
.service-section > div {padding-top:200px;}
.service-section > div > div{text-align: center;}
.service-bland-tit{color:#b0687e;font-size: 3.1em; font-weight: 600; padding-bottom:20px;}
.manged-goods{display:flex; flex-direction: column; flex-wrap: wrap; border:1px solid #c4dfed; border-radius: 8px; width:400px; padding:20px 25px; box-shadow: 0 0 10px rgba(0,0,0,0.10); }
.manged-goods:hover{border:1px solid #9ab9c9; box-shadow: 0 0 10px rgba(0,0,0,0.15); transition: all 0.3s;}
.managed-spec{display:flex; flex-direction: column; flex-wrap: wrap; padding:30px 20px; border-top:1px solid #cac2bd; border-bottom:1px solid #cac2bd;}
.managed-spec ul{text-align: center;}
.managed-spec > ul > li{ padding:5px 0;}
.managed-spec > ul > li:first-child{font-size: 1.2em; font-weight: 600; }
.load-goods{display:flex; flex-direction: column; flex-wrap: wrap; border:1px solid #c4dfed; border-radius: 8px; width: 320px; padding:20px; box-shadow: 0 0 10px rgba(0,0,0,0.10); }
.load-goods:hover{border:1px solid #9ab9c9; box-shadow: 0 0 10px rgba(0,0,0,0.15); transition: all 0.3s;}
.load-diagram{text-align: center; padding:20px 0 80px 0;}
.ha-goods{display:flex; flex-direction: column; flex-wrap: wrap; border:1px solid #c4dfed; border-radius: 8px; width: 500px; padding:20px; box-shadow: 0 0 10px rgba(0,0,0,0.10); }
.ha-goods:hover{border:1px solid #9ab9c9; box-shadow: 0 0 10px rgba(0,0,0,0.15); transition: all 0.3s;}
.ha-box{width: 100%; border:1px solid #c4dfed; border-radius: 8px; padding:20px; box-shadow: 0 0 10px rgba(0,0,0,0.10); background:#fff; margin:15px 0;}
.ha-flex{display: flex; flex-wrap: wrap;}
.soft-title{padding:30px 0; font-size: 2.2em; font-weight: 600; letter-spacing:-1.2px;}
.soft-sdetail{padding-top:30px;}
.soft-sdetail > p{padding-bottom:20px; font-weight: 600; font-size: 1.2em; letter-spacing: -1.2;}
.soft-sdetail > ul > li{padding:5px 0;}
.support-table:last-child{padding-top:100px;}
.taffic-t{border:1px solid #c4dfed; border-radius: 8px; width: 350px; padding:30px; box-shadow: 0 0 10px rgba(0,0,0,0.10); }
.taffic-t1{border:1px solid #c4dfed; border-radius: 8px; width: auto; padding:30px; box-shadow: 0 0 10px rgba(0,0,0,0.10); text-align: center; }
.taffic-t p:nth-child(1){font-family: 'NanumSquare', sans-serif; color:#125e93; font-size: 1.6em; font-weight: 800; letter-spacing:-1.2px; text-align: center; padding-bottom:25px;}
.dns-t{border:1px solid #c4dfed; border-radius: 8px; width: 350px; padding:30px; box-shadow: 0 0 10px rgba(0,0,0,0.10); }
.dns-t p:nth-child(1){text-align: center; padding-bottom:25px;}
.dns-t p:nth-child(2){font-family: 'NanumSquare', sans-serif; color:#125e93; font-size: 1.6em; font-weight: 800; letter-spacing:-1.2px; text-align: center; padding-bottom:25px;}
.system-s{padding-top:30px;}
.system-s p{font-size: 1.1em; font-weight: 700; letter-spacing:-1.2px; padding-bottom:10px;}


/*     고객센터    */
.custom-section{background: url(/view/img/custom/sub_main_1.jpg)no-repeat center top; height:450px;}
.custom-section > div {padding-top:200px;}
.custom-section > div > div{text-align: center;}
.qna-priv{display: flex;  padding-top:50px ;}
.qna-div{border:1px solid #dddddd; padding:20px; overflow-y:scroll; overflow-x:hidden; height:120px;  width:100%; text-align:justify; }
.qna-check{padding:20px 0 40px 10px; display: flex;}
.qna-check p:last-child{padding-left:30px; display:flex;  align-items: center;}


/*     회원가입    */
.regist-ind{width:800px; margin:0 auto; border: 1px solid #f0f0f0; padding:30px;}
.regist-box > div{display: flex; flex-wrap: wrap;} 
.regist-box > div > h1{padding:20px 0 20px 0; font-size: 2.0em; font-weight: 500; letter-spacing:-1.2px; }
.regist-box > div > h2{padding:10px 0 ; font-size: 1.1em; font-weight: 500; letter-spacing:-1.2px; color:#b0687e;}
.nonlaw{border:5px solid #dc316d; padding:30px; background:#f0f0f0; font-size: 1.2em; font-weight: 500; text-align: center; width:100%;}
.all-check{padding:50px 0; font-size: 1.4em; font-weight: 600; border: 1px solid #f0f0f0; text-align: center; width:100%;}
.regist-flex{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.regist-type a{border: 1px solid #c1ccdb; padding:30px; box-shadow: 0 0 10px rgba(0,0,0,0.20); display: inline-block; border-radius: 8px; width:400px; margin:40px;}
.regist-type a:hover{border: 1px solid #a8bccb; box-shadow: 0 0 15px rgba(0,0,0,0.30); transition: all 0.3s;}
.regist-type > a > p{text-align: center; padding:10px 0;letter-spacing:-1.2px;}
.regist-type > a > p:nth-child(2){font-size: 2.3em; font-weight: 700; letter-spacing:-1.2px;}
.regist-step2{padding:40px 0; text-align: center;}
.regist-step2 > p:nth-child(1){font-family: 'NanumSquare', sans-serif;  font-size: 3.2em; font-weight: 800; letter-spacing:-1.2px;}
.regist-step2 > p:nth-child(2){font-family: 'NanumSquare', sans-serif;  font-size: 1.2em; font-weight: 400; letter-spacing:-1.2px; padding-top:10px;}
.regi-submit{border:1px solid #6f93a2; background:#6998ac; color:#fff; border-radius: 3px; width: 90px; padding:8px; box-shadow: 0 0 10px rgba(0,0,0,0.10); }
.regi-submit:hover{border:1px solid #447386; background:#42788e; color:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.15); transition: all 0.3s;}
.regi-att{border:1px solid #6f93a2; background:#6998ac; color:#fff; border-radius: 3px; width: 80px; padding:10px 8px; box-shadow: 0 0 10px rgba(0,0,0,0.10); }
.regi-att:hover{border:1px solid #447386; background:#42788e; color:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.15); transition: all 0.3s;}
.regi-att1{border:1px solid #777; background:#888; color:#fff; border-radius: 3px; width: 80px; padding:10px 8px; box-shadow: 0 0 10px rgba(0,0,0,0.10); }
.regi-att1:hover{border:1px solid #777; background:#999; color:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.15); transition: all 0.3s;}
.regist-ment{padding-top:70px; text-align: center; }
.regist-ment > div > div:nth-child(2) > p:nth-child(1){font-family: 'NanumSquare', sans-serif;  font-size: 3.6em; font-weight: 800; letter-spacing:-1.5px; color:#dc316d; padding:30px;}
.regist-ment > div > div:nth-child(2) > p:nth-child(2){font-size: 2.2em; font-weight: 800; letter-spacing:-1.5px; font-family: 'NanumSquare', sans-serif; }
.regist-ment > div > div:nth-child(2) > p:nth-child(3){font-size: 1.4em; font-weight: 400; letter-spacing:-1.2px; }


.mem-div{border:1px solid #dddddd; padding:20px; overflow-y:scroll; overflow-x:hidden; height:150px;  width:100%; text-align:justify; }
.mem-div > ul{}
.mem-div > ul > li{padding-bottom:30px; }
.mem-div > ul > li > h1{font-size: 2em; color:#333; font-weight: 600; padding:30px 0; letter-spacing: -1.5px;}
.mem-div > ul > li > p{font-size: 1.1em; font-weight: 600; padding-bottom:5px;}
.mem-div > ul > li > span{display: block; padding-bottom:10px; color:#666; font-size: 1em; font-weight: 400;}



.regist-nav{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
.regist-nav > div{padding:20px 148px; text-align: center; font-size: 1.7em;  font-weight: 600; }
.tap-on{border-bottom:5px solid #2f8de5;}
.tap-on a{color:#222;}
.tap-off{border-bottom:5px solid #ddd;}
.tap-off a{color:#666;}

.regist-list{padding:40px 60px ;}
.regist-list h1{font-size: 1.6em; color:#333; font-weight: 600; padding:40px 0; letter-spacing: -1.5px;}
.regist-list ul > li{padding:10px 0; display: flex; align-items: center; flex-direction: row;}
.regist-list li > lable{display:inline-block; width:150px;}


/* *** login  *** */
.log_wrap{display:table; margin:0 auto; width: 450px;}
.log_wrap div{display:table; padding:10px 0; margin:0 auto; }
.log_wrap div:nth-child(4){padding-bottom: 20px; border-bottom:1px solid #f0f0f0;}
.log_wrap div:nth-child(5){padding-top:40px; width:448px; text-align: center;  border-top:1px solid #f0f0f0;}
.button_login {width:442px; background-color: #dc316d; border: none; color:#fff; padding: 20px 0; text-align:center; text-decoration:none;display: inline-block; font-size: 16px; font-weight: bold; cursor: pointer; border-radius:3px;}
.button_login:hover {background-color: #9e0c3f; color:#fff;}
.button_loss {width:100px;  border: 1px solid #dddddd; color:#000; padding: 5px 0; text-align:center; text-decoration:none;display: inline-block; font-size: 1em; font-weight: 400; cursor: pointer; border-radius:3px;}
.button_loss:hover {background-color: #dc316d; color:#fff;}
.log-s-nav{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
.log-s-nav > div{padding:20px 120px; text-align: center; font-size: 1.7em;  font-weight: 600; }
.log-s-wrap{display:table; margin:0 auto; width: 700px;}
.log-s-wrap div:nth-child(2){text-align: center;}
.log-s-wrap div:nth-child(3){text-align: center; padding:20px 0;}
.log-s-wrap div:last-child{text-align: center; }
.button_lo_s {width:680px; background-color: #dc316d; border: none; color:#fff; padding: 20px 0; text-align:center; text-decoration:none;display: inline-block; font-size: 16px; font-weight: bold; cursor: pointer; border-radius:3px;}
.button_lo_s:hover {background-color: #9e0c3f; color:#fff;}



/*     회사소개 및 약관 관련    */
.tos-nav{}
.tos-nav > ul{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.tos-nav li{border-top:1px solid #ededed; border-left:1px solid #ededed; border-bottom:1px solid #ededed;}
.tos-nav li a{display: block; font-size: 1.2em; font-weight: 400; letter-spacing:-1.0px; color:#666; padding:20px 80px;}
.tos-nav li a:hover{color:#fff; background: #dc316d; transition: all 0.3s;}
.tos-nav li:last-child{border-top:1px solid #ededed; border-right:1px solid #ededed; border-bottom:1px solid #ededed;}
.tos-nav .on{display: block; font-size: 1.2em; font-weight: 400; letter-spacing:-1.0px; color:#fff; background: #dc316d; padding:20px 80px;}
.tos-content{padding-top:100px;}
.tos-content > ul{text-align: justify;}
.tos-content > ul > li{padding-bottom:30px; }
.tos-content > ul > li > h1{font-size: 2em; color:#333; font-weight: 600; padding:30px 0; letter-spacing: -1.5px;}
.tos-content > ul > li > p{font-size: 1.1em; font-weight: 600; padding-bottom:5px;}
.tos-content > ul > li > span{display: block; padding-bottom:10px; color:#666;}
.tos-table table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed;}
.tos-table thead{border-top:2px solid #222; border-bottom:1px solid #222;}
.tos-table thead > tr > td{border-right:1px solid #ddd; padding:20px; background: #f3f3f3;  border-bottom:0;}
.tos-table thead > tr > td:last-child{border:0; }
.tos-table tbody > tr > td{border-right:1px solid #ddd; padding:20px; border-bottom:1px solid #ddd;}
.tos-table tbody > tr > td:last-child{border-right:0; }
.tos-email{padding:100px 0; text-align: center; }
.tos-email > p:nth-child(1){padding-bottom:50px;}
.tos-email > p:nth-child(2){padding:20px 0; font-family: 'NanumSquare', sans-serif;  font-size: 3.2em; font-weight: 700; letter-spacing:-1.2px;}
.tos-email > p:nth-child(3){padding:20px 0; font-family: 'NanumSquare', sans-serif;  font-size: 1.5em; font-weight: 400; letter-spacing:-1.2px;}



/*     게시판 버튼    */
.board-list{padding:30px 0; text-align: right; }
.board-list a{border: 1px solid #0d6b86; background-color: #127996; color: #fff; text-align: center; font-size: 1.1em; font-weight: 400; letter-spacing:-1.2px; padding:10px 30px; box-shadow: 0 0 10px rgba(0,0,0,0.20); display: inline-block; border-radius: 8px; }
.board-list a:hover{border: 1px solid #0d6b86; color:#f4c60e; box-shadow: 0 0 15px rgba(0,0,0,0.30); transition: all 0.3s;}



/* table 영역 */
.manage-table > table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed;}
.manage-table > table > thead{border-top:2px solid #58859d; background: #f0f0f0;}
.manage-table th,td{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; text-align: center;}
.manage-table td:last-child{border-right:0;}
.manage-table th:last-child{border-right:0;}
.manage-table thead > tr:first-child > th{font-size: 1.2em;}
.manage-table thead > tr:first-child > th:nth-child(1){width:200px;}
.manage-table thead > tr:first-child > th:nth-child(2){width:300px;}
.manage-table thead > tr:last-child > td:last-child{border-right:1px solid #c4dfed;}
.manage-table tbody > tr:nth-child(2) > td:nth-child(2){border-right:1px solid #c4dfed;}
.manage-table tfoot > tr{background: #f0f0f0;}
.manage-table tfoot > td{ font-size: 1.6em; font-weight: 800;}


.soft-table:last-child{padding-top:100px;}
.soft-table table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed;}
.soft-table thead{border-top:2px solid #58859d; background: #f0f0f0;}
.soft-table th,td{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; text-align: center;}
.soft-table > table > thead > tr:last-child > td:last-child{border-right:1px solid #c4dfed;}
.soft-table > table > tbody > tr:nth-child(2) > td:nth-child(2){border-right:1px solid #c4dfed;}
.soft-table > table > tbody > tr:nth-child(4) > td:nth-child(2){border-right:1px solid #c4dfed;}
.soft-table td:last-child{border-right:0;}
.soft-table th:last-child{border-right:0;}


.support-table table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed;}
.support-table thead{border-top:2px solid #58859d; background: #f0f0f0;}
.support-table th{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; text-align: center;}
.support-table td{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:10px; text-align: center;}
.support-table td:first-child{background: #f9f9f9;}
.support-table td:last-child{border-right:0;}
.support-table th:last-child{border-right:0;}




.server-table table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed;}
.server-table thead{border-top:2px solid #58859d; background: #f0f0f0;}
.server-table th,td{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; text-align: center;}
.server-table tbody > tr:nth-child(1) > td:nth-child(3){text-align: left;}
.server-table tbody > tr:nth-child(2) > td:nth-child(2){text-align: left;}
.server-table tbody > tr:nth-child(2) > td:nth-child(3){text-align: center; border-right:1px solid #c4dfed;}
.server-table tbody > tr:nth-child(3) > td:nth-child(2){text-align: left;}
.server-table tbody > tr:nth-child(3) > td:nth-child(3){text-align: center; border-right:1px solid #c4dfed;}
.server-table tbody > tr > td:nth-child(4){text-align: center;}
.server-table tbody > tr > td:last-child{text-align: right; border-right:0;}
.server-table td:last-child{border-right:0;}
.server-table th:last-child{border-right:0;}
.server-table tfoot > tr > td:nth-child(1){background:#f0f0f0;}
.server-table tfoot > tr > td:nth-child(2){text-align: right;}


.service-table table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed;}
.service-table thead{border-top:2px solid #58859d; background: #f0f0f0;}
.service-table th,td{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; text-align: center;}
.service-table td:last-child{border-right:0; text-align: right;}
.service-table th:last-child{border-right:0;}
.service-table tfoot > tr > td:nth-child(1){background:#f0f0f0;}


.mem-table table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed;}
.mem-table tbody{border-top:2px solid #58859d;}
.mem-table tbody th{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; background:#f0f0f0;}
.mem-table td{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; text-align: left;}
.mem-table td:last-child{border-right:0px;  text-align: left;}
.mem-table td input{border:1px solid #ddd; background: #f0f0f0; width:100%; height:35px;}


.os-table table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed;}
.os-table tbody{border-top:2px solid #58859d;}
.os-table th,td{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; text-align: center;}
.os-table td:last-child{border-right:0; text-align: right;}
.os-table tr:nth-child(1) > td:nth-child(2){border-right:0; text-align: left;}
.os-table tr:nth-child(2) > td:nth-child(2){border-right:0; text-align: left;}
.os-table tfoot > tr:nth-child(1) > td:nth-child(1){background:#f0f0f0;}
.os-table tfoot > tr:nth-child(1) > td:nth-child(2){text-align: right;}

.os-table li{padding:5px 0;}

.sum-table table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed;}
.sum-table thead{background: #f0f0f0;}
.sum-table th,td{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; text-align: center;}
.sum-table th:last-child{border-right:0;}
.sum-table td:last-child{border-right:0;}
.sum-table td > div{display: flex; flex-direction: row; justify-content: center; } 
.sum-table td > div > li{padding:10px 0; }
.sum-table td > div > li:first-child{text-align: right; width:200px; font-weight: 600;}
.sum-table td > div > li:last-child{text-align: right; width:250px;}

.sum-total{padding:20px; background: #3e638a; border-bottom:1px solid #c4dfed; }
.sum-total ul{display: flex; flex-direction: row; justify-content: center;}
.sum-total li:first-child{padding:0 30px; width:800px; text-align: right; font-family: 'NanumSquare', sans-serif;  font-size: 2.0em; font-weight: 600; letter-spacing:-1.2px; color:#fff; }
.sum-total li:last-child{width:300px; text-align: right; color:#fff; }

.est-table table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed;}
.est-table tbody{border-top:2px solid #58859d; border-bottom:2px solid #58859d;}
.est-table td{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px;  }
.est-table td:first-child{background: #f0f0f0; width:300px;  font-size: 1.1em; font-weight: 500;}
.est-table td:last-child{border-right:0; text-align: left; font-size: 1.1em; }

.info-table table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed; border-top:2px solid #58859d;}
.info-table th{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; background: #f0f0f0;}
.info-table td{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; text-align: left;}
.info-table td input{border:1px solid #ddd; background: #f0f0f0; width:100%; height:35px;}
.info-table td:last-child{border:0; border-bottom:1px solid #c4dfed; }


.colo-table table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed; border-top:2px solid #58859d;}
.colo-table th{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; background: #f0f0f0;}
.colo-table td{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; text-align: left;}
.colo-table td:last-child{border:0; border-bottom:1px solid #c4dfed; text-align: right;}



.textarea-div{border:1px solid #dddddd; padding:20px; overflow-y:scroll; overflow-x:hidden; height:200px; width:auto;}
.mem-div{border:1px solid #dddddd; padding:20px; overflow-y:scroll; overflow-x:hidden; height:300px;  width:auto; text-align:justify;}
.agree-flex{padding:20px 0; float:left;}
.agree-flex div:nth-child(2){padding-left:30px; display:flex;  align-items: center;}


.freefirewall-table:last-child{padding-top:100px;}
.freefirewall-table table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed; border-top:2px solid #58859d;}
.freefirewall-table td:first-child{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; text-align: center; background: #f0f0f0; font-weight: 600; }
.freefirewall-table td:last-child{border:0; border-bottom:1px solid #c4dfed; text-align: left; background: #fff;}


.ha-table{padding-top:150px;}
.ha-table div{padding-bottom:20px; font-size: 1.6em; font-weight: 700; letter-spacing:-1.5px; text-align: center; }
.ha-table table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed; border-top:2px solid #58859d;}
.ha-table th{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; background: #f0f0f0;}
.ha-table th:last-child{border:0; border-bottom:1px solid #c4dfed; padding:20px; background: #f0f0f0;}
.ha-table td{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; text-align: center;}
.ha-table td:last-child{border:0;  border-bottom:1px solid #c4dfed; padding:20px; text-align: center;}


.sophos-table table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed;}
.sophos-table thead{border-top:2px solid #58859d; background: #f0f0f0;}
.sophos-table th,td{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; text-align: center;}
.sophos-table thead > tr > th:last-child{border-right:0; }
.sophos-table tbody > tr > td:first-child{font-size: 1.1em; font-weight: 500;}
.sophos-table tbody > tr > td:last-child{border-right:0; }

.system-table table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed;}
.system-table thead{border-top:2px solid #58859d; background: #f0f0f0;}
.system-table th,td{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; text-align: center;}
.system-table thead > tr > th:last-child{border-right:0; }
.system-table thead > tr > td{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; text-align: center;}
.system-table tbody > tr > td:last-child{border-right:0; }


.regist-table table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed;}
.regist-table thead{border-top:2px solid #58859d; background: #f0f0f0;}
.regist-table th,td{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; text-align: center;}
.regist-table thead > tr > th:last-child{border-right:0; }
.regist-table tbody > tr:nth-child(2) > td:last-child{border-right:1px solid #c4dfed; }
.regist-table tbody > tr > td:last-child{border-right:0; }
.regist1-table table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed;}
.regist1-table tbody{border-top:2px solid #58859d;}
.regist1-table td{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px;}
.regist1-table tbody > tr > td:first-child{background:#f0f0f0; text-align: center; font-size: 1.1em; font-weight:600; }
.regist1-table tbody > tr > td:last-child{border-right:0; text-align: left;}
.regist1-table tbody > tr:last-child > td:last-child > p{padding:10px 0;}
.regi-input{border:1px solid #ddd; background: #f0f0f0; width:60%; height:30px; padding:5px; color: #7f7f7f;}
.regi-input1{border:1px solid #ddd; background: #f0f0f0; width:20%; height:30px; padding:5px; color: #7f7f7f;}


.notice-table table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed;}
.notice-table thead{border-top:2px solid #58859d; background: #f0f0f0;}
.notice-table th,td{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; text-align: center;}
.notice-table thead > tr > th:last-child{border-right:0; }
.notice-table tbody > tr > td:nth-child(2){text-align: left; }
.notice-table tbody > tr > td:last-child{border-right:0; }
.notice-input{border:1px solid #ddd; background: #f0f0f0; width:200px; height:30px; padding:5px;}



.table-view table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed;}
.table-view thead{border-top:2px solid #58859d; }
.table-view th,td{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; }
.table-view thead > tr > td:last-child{border-right:0; text-align: left; }
.table-view tbody > tr > td{border-right:0; text-align: left; padding:30px;  }

.board-next{padding:40px 0; width:100%;}
.board-next table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed;}
.board-next th{border-top:1px solid #58859d; border-bottom:1px solid #c4dfed; border-right:1px solid #c4dfed; padding:20px;}
.board-next td{border-top:1px solid #58859d; border-bottom:1px solid #c4dfed; border-right:0; padding:20px; text-align: left;}
.board-next tr:last-child > th{border-bottom:1px solid #58859d; border-right:1px solid #c4dfed; padding:20px;}
.board-next tr:last-child > td{border-bottom:1px solid #58859d; border-right:0; padding:20px; text-align: left;}

.qna-table table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed;}
.qna-table tbody{border-top:2px solid #58859d;}
.qna-table th{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; background:#f9f9f9; }
.qna-table td{border-right:0; text-align: left;}
.qna-table tr:last-child > th{border-right:1px solid #c4dfed; border-bottom:1px solid #58859d;}
.qna-table tr:last-child > td{border-right:0; border-bottom:1px solid #58859d;}


.card-table table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed;}
.card-table tbody{border-top:2px solid #58859d; border-bottom:1px solid #58859d;}
.card-table th{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:20px; background:#f9f9f9; }
.card-table tr > td:nth-child(2){text-align: center;}
.card-table tr > td:last-child{border-right:0; text-align: left;}
.card-table tr:nth-child(3) > th{border-right:1px solid #c4dfed; border-bottom:1px solid #58859d;}
.card-table tr:last-child > td:last-child{border-right:0; border-bottom:1px solid #58859d;}
.card-table tr:last-child > td{border-right:1px solid #c4dfed; border-bottom:1px solid #58859d;}




/* 메일링 스타일 */
.on-mail-warp{width:100%; display: flex;  justify-content: center;}
.on-mail-out{width: 900px; border:5px solid #58859d; padding:20px;}
.on-mail-logo{padding-bottom:25px;  border-bottom:1px solid #c4dfed;}
.on-mail-client{padding:30px 0 40px 0; font-size: 1.3em; }
.on-mail-subtitle{display: flex; flex-direction: row; flex-wrap:  wrap; padding-top:20px;}
.on-mail-name{font-family: 'Montserrat', sans-serif; font-size: 1.7em; font-weight: 800; padding:10px 0 10px 10px;}
.on-mail-copyright{border-top:1px solid #c4dfed; padding:25px; text-align: center;}
.on-mail-text1{font-weight:bold; padding:30px 0; border-top:1px solid #c4dfed;}


/* 메일링 테이블 */
.onmail-table table{border:0; width:100%; border-collapse:collapse; empty-cells:show; table-layout: fixed;}
.onmail-table thead{border-top:2px solid #58859d; background: #f0f0f0;}
.onmail-table th,td{border-right:1px solid #c4dfed; border-bottom:1px solid #c4dfed; padding:7px; text-align: center;}
.onmail-table tbody > tr > td:last-child{text-align: right; border-right:0;}
.onmail-table tbody > tr > td:last-child{text-align: right; border-right:0;}
.onmail-table td:last-child{border-right:0;}
.onmail-table th:last-child{border-right:0;}
.onmail-table tfoot > tr > td:nth-child(1){background:#f0f0f0;}
.onmail-table tfoot > tr > td:nth-child(2){text-align: right;}




/* 폼 스타일 */


.os-textarea{width:100%; height:100px; border:1px solid #ddd; background: #f0f0f0; }
.etc-textarea{
  width:100%; 
  height:130px; 
  border:1px solid #ddd; 
  background: #f9f9f9; 
  padding:10px;  
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.input-1{border:1px solid #ddd; background: #f9f9f9; width:400px; height:35px; padding:5px 10px;}
.input_id{background-color:#f8f8f8;  border:1px solid #dddddd;  font-weight:bold; width :400px;  padding:20px;}
.input_pw{background-color:#f8f8f8;  border:1px solid #dddddd;  font-weight:bold; width :400px;  padding:20px;}
.regi-input{border:1px solid #ddd; background: #f9f9f9; width:50%; height:30px; padding:5px; }
.regi-input1{border:1px solid #ddd; background: #f9f9f9; width:20%; height:30px; padding:5px; }




.regi-select1 {
   width: 150px;
   padding: 9px;
   color:#888;
   border: 1px solid #ddd;
   font-family: inherit;
   background: url('/view/img/common/select_arrow.png') no-repeat 95% 50% #f9f9f9;
   border-radius: 0px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   font-size: 1em;
}

.regi-select1::-ms-expand {
    display: none;
}

.regi-select2 {
   width: 250px;
   padding: 9px;
   color:#888;
   border: 1px solid #ddd;
   font-family: inherit;
   background: url('/view/img/common/select_arrow.png') no-repeat 95% 50% #f9f9f9;
   border-radius: 0px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   font-size: 1em;
}

.regi-select2::-ms-expand {
    display: none;
}

.select-type1 {
   width: 100%;
   padding: 9px;    
   color:#888;
   border: 1px solid #ddd;
   font-family: inherit;
   background: url('/view/img/common/select_arrow.png') no-repeat 98% 50% #f9f9f9;
   border-radius: 0px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   font-size: 1em;
}

.select-type1::-ms-expand {
    display: none;
}


.select-type2 {
   width: 250px;
   padding: 9px;    
   color:#888;
   border: 1px solid #ddd;
   font-family: inherit;
   background: url('/view/img/common/select_arrow.png') no-repeat 98% 50% #f9f9f9;
   border-radius: 0px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   font-size: 1em;
}

.select-type2::-ms-expand {
    display: none;
}

input::placeholder {
  color: #888;
  font-size: 15px;
}






/* 폰트 영역 */

.o30_b{font-family: 'NanumSquare', sans-serif;  font-size: 2.0em; font-weight: 800; letter-spacing:-1.5px; color:#ff6600; }
.b18{font-family: 'NanumSquare', sans-serif;  font-size: 1.2em; font-weight: 400; letter-spacing:-1.2px; padding-top:10px; }
.b18_1{font-size: 1.2em; font-weight: 400; letter-spacing:-1.2px; }
.b18_b{font-family: 'NanumSquare', sans-serif; font-size: 1.2em; font-weight: 800; letter-spacing:-1.2px; }
.b20{font-family: 'NanumSquare', sans-serif; font-size: 1.3em; font-weight: 600; letter-spacing:-1.2px; }
.b22_b{font-size: 1.4em; font-weight: 600; letter-spacing:-1.2px; }
.b22{font-family: 'NanumSquareRound', sans-serif;  font-size: 1.4em; font-weight: 400; letter-spacing:-1.2px; }
.b48_b{font-size: 3.2em; font-weight: 600; letter-spacing:-1.2px; }
.b24_b{font-family: 'NanumSquare', sans-serif;  font-size: 1.6em; font-weight: 800; letter-spacing:-1.5px;  }
.b24_b1{font-family: 'NanumSquareRound', sans-serif;  font-size: 1.6em; font-weight: 600; letter-spacing:-1.5px;  }
.b24{font-size: 1.6em; font-weight: 300; letter-spacing:-1.2px; }
.b30{font-family: 'Kanit', sans-serif;  font-size: 2em; font-weight: 400; letter-spacing:-1.2px; }
.b30_b{font-family: 'Kanit', sans-serif;  font-size: 2em; font-weight: 600; letter-spacing:-1.2px; }
.b36_b{font-family: 'NanumSquareRound', sans-serif;  font-size: 2.4em; font-weight: 600; letter-spacing:-1.2px;  }
.b49_b{font-family: 'NanumSquare', sans-serif;  font-size: 3.2em; font-weight: 600; letter-spacing:-1.2px; }
.b40_b{  font-size: 2.9em; font-weight: 800; letter-spacing:-1.2px;}
.b40_b1{font-family: 'NanumSquareRound', sans-serif;  font-size: 2.9em; font-weight: 600; letter-spacing:-1.2px;  }
.b_nsr_b{font-family: 'NanumSquareRound', sans-serif;  font-weight: 800; letter-spacing:-1.5px; color:#dc316d;; }
.g38_b{font-family: 'NanumSquare', sans-serif;  font-size: 2.5em; font-weight: 600; letter-spacing:-1.3px; color:#6e9b1e; }
.g36_b{font-family: 'Kanit', sans-serif;  font-size: 2.4em; font-weight: 600; letter-spacing:-1.3px; color:#7d9033; }
.g50_b{font-family: 'NanumGodic', sans-serif;  font-size: 3.33em; font-weight: 600; letter-spacing:-1.5px; color:#a1b767; }
.p22_b{font-family: 'NanumSquare', sans-serif;  font-size: 1.2em; font-weight: 600; letter-spacing:-1.2px; color:#dc316d; }
.p80_b{font-family: 'NanumSquare', sans-serif;  font-size: 5.33em; font-weight: 800; letter-spacing:-1.5px; color:#dc316d; }
.p60_b{font-size: 4em; font-weight: 800; letter-spacing:-1.5px; color:#dc316d; }
.p48_b{font-family: 'NanumSquare', sans-serif;  font-size: 3.2em; font-weight: 800; letter-spacing:-1.5px; color:#dc316d; }
.p38_b{font-family: 'Lato', sans-serif;  font-size: 2.5em; font-weight: 800; letter-spacing:-1.2px; color:#dc316d; }
.p_arial_b{font-family: 'arial', sans-serif;  letter-spacing:-1.5px; font-weight: 800; color:#dc316d; }
.p_nsr_b{font-family: 'NanumSquareRound', sans-serif;  font-weight: 800; letter-spacing:-1.5px; color:#dc316d;; }
.w30_b{font-family: 'NanumSquare', sans-serif;  font-size: 2.0em; font-weight: 800; letter-spacing:-1.5px; color:#fff; }
.w36_b{font-family: 'NanumSquare', sans-serif;  font-size: 2.4em; font-weight: 800; letter-spacing:-1.5px; color:#fff; padding:5px 0;}
.w18{font-family: 'NanumSquare', sans-serif;  font-size: 1.2em; font-weight: 400; letter-spacing:-1.5px; color:#fff; }
.w14{font-family: 'NanumSquare', sans-serif;  font-size: 0.98em; font-weight: 400; letter-spacing:-1.5px; color:#fff; }
.w20_b{font-family: 'NanumSquare', sans-serif;  font-size: 1.3em; font-weight: 600; letter-spacing:-1.5px; color:#fff; }
.y36_b{font-family: 'NanumSquare', sans-serif;  font-size: 2.4em; font-weight: 800; letter-spacing:-1.5px; color:#fffc00;}
.y20_b{font-family: 'NanumSquare', sans-serif;  font-size: 1.3em; font-weight: 800; letter-spacing:-1.5px; color:#ffe403; }
.o_48_b{font-family: 'NanumSquare', sans-serif;  font-size: 3.2em; font-weight: 800; letter-spacing:-1.5px; color:#ec6d18; }
.bu36_b{font-size: 2.4em; font-weight: 600; letter-spacing:-1.2px; color:#0084af; }
.bl_20_b{font-size: 1.3em; font-weight: 800; color:#125e93; }
.bl_20_b1{font-family: 'NanumSquare', sans-serif; font-size: 1.3em; font-weight: 800; color:#125e93; }
.bl_48_b{font-size: 3.2em; font-weight: 600; letter-spacing:-1.2px; color:#125e93; }
.bl36_b{font-family: 'Kanit', sans-serif;  font-size: 2.4em; font-weight: 600; letter-spacing:-1.3px; color:#cd9200; }
.bl24{font-family: 'NanumSquareRound', sans-serif;  font-size: 1.6em; font-weight: 400; letter-spacing:-1.2px; color:#125e93;}
.pe38_b{font-family: 'Helvetica', sans-serif;  font-size: 2.5em; font-weight: 700; letter-spacing:-1.2px; color:#bc3c84; }
.pe36_b{font-family: 'Helvetica', sans-serif;  font-size: 2.4em; font-weight: 700; letter-spacing:-1.2px; color:#b0687e; }
.pe32_b1{font-family: 'NanumSquare', sans-serif;  font-size: 2.1em; font-weight: 700; letter-spacing:-1.2px; color:#b0687e; }
.fee1{font-family: 'Oswald', sans-serif;  font-size: 1.4em; font-weight: 600;  color:#000;}
.fee2{font-family: 'Lato', sans-serif;  font-size: 1.2em; font-weight: 600;  color:#000;}
.fee3{font-family: 'Oswald', sans-serif;  font-size: 1.6em; font-weight: 600;  color:#ce2610;}
.fee4{font-family: 'Oswald', sans-serif;  font-size: 1.8em; font-weight: 600;  color:#f6ee14;}
.r18{font-family: 'NanumSquare', sans-serif;  font-size: 1.2em; font-weight: 600; letter-spacing:-1.2px; color:#d40707; }



/*font + */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

/*
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Kanit', sans-serif;
font-family: 'Public Sans', sans-serif;
font-family: 'Cabin', sans-serif;
font-family: 'Oswald', sans-serif;
*/