@font-face {
            font-family: 'NanumBarunGothic';
            font-style: normal;
            font-weight: 400;
            src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
            src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
        }
        * {
            margin: 0;
            padding: 0;
            font-family: 'Montserrat','NanumBarunGothic',sans-serif;
        }
        body, html{ font-family: 'Montserrat','NanumBarunGothic',sans-serif;}
        .cl {
            clear: both;
        }
        
        a:link,

        a:visited,
        a:active {
            color: #2c1939;
        }
        
        .container2 {
            width: 960px; 
            margin: 0 auto;
        }
        
        .c_p {
            color: #572f99;
        }
        
        .b_t {
            font-weight: bold;
        }
        
        .f_m {
            font-family: 'Montserrat'
        }
        /* 탑배너 */
        .top_banner {
            width: 100%;
            height: 81px;
            line-height: 80px;
            position: relative;
			overflow:hidden;
        }
        .top_banner ul li {
			height:81px;
            padding: 15px 34px;
            position: relative;
			float:left; 
			box-sizing:border-box;
        }

		.top_banner ul li img{
			vertical-align: top;	
        }
        
        .top_banner ul li::before {
            content: " ";
            position: absolute;
            width: 1px;
            height: 54px;
            background-color: #dcdcdc;
            left: 0;
            top: 50%;
            margin-top: -27px;
        }
        
        .top_banner ul li.trustVpn::after {
            content: " ";
            position: absolute;
            width: 1px;
            height: 54px;
            background-color: #dcdcdc;
            right: 0;
            top: 50%;
            margin-top: -27px;
        }
        
        .top_banner ul li.gvc,
        .top_banner ul li.storenow,
        .top_banner ul li.trustVpn {
            padding: 15px 7px;
        }
        
        .top_banner ul li.top_banner_close {
            padding: 0px 21px;
            cursor: pointer;
            position: relative;
        }
        
        .top_banner ul li img {
            text-align: center;
        }
		.top_banner_close_btn{
			position:absolute;
			top: 50%;
            transform: translateY(-50%);
			left:50%;
			margin-left:493px;
			cursor: pointer;
			width:35px;
			height:35px;
			line-height:35px;
			z-index:10;
		}
        /* 해더 */
        header {
            width: 100%;
            height: 105px;
            border-top: 4px solid #2c1939;
			position: relative;
			z-index:200;
			box-sizing:border-box
        }
        header  * {box-sizing:border-box; }
		header a:link,header  a:visited,header  a:active{color:#2c1939;}
		header a:hover{color:#2c1939;}
        header .admin_header {
            height: 30px;
            line-height: 30px;
			position: relative;	
        }
        
        header .admin_header p {
            font-weight: bold;
            float: left;
        }
        
        header .admin_header .admin_d {
            float: right;
            position: relative;
        }
        
        header .admin_header .admin_d .new_login {
            margin-right: 105px;
            font-size: 13px;
            position: relative;
			z-index:5;
        }
        header .admin_header .admin_d .new_login .l_prev{
			display:block; 
			width: 100%;
			height:100%;
			padding-right:25px;
		}
		 header .admin_header .admin_d .new_login .l_next{
			display:block; 
			width: 100%;
			height:100%;
			padding-right:25px;
		}
        header .admin_header .admin_d .more {
            width: 120px;
            border-radius: 0px 5px 5px 5px;
            height: 35px;
            float: right;
            position: absolute;
            top: -4px;
            right: 0;
            color: #fff;
            text-align: center;
            cursor: pointer;
			z-index:1;
        }
        
		header .header{
            width: 100%;
			height:70px;
			overflow:hidden;
			position: relative;
			transition:.4s;
			transition-timing-function: ease-in-out;
        }

        header .header #logo {
            margin-top: 14px;
            float: left;
        }
        
        header .header nav {
            float: right;
            height: 71px;
        }
        header .headmenu li a{
			color:#2c1939;
		}
        header .header nav>ul>li {
			float:left;
            font-size: 17px;
            padding-right: 20px;
            font-weight: 300;
            height: 70px;
        }
        
        header .header nav>ul>li>a {
            line-height: 70px;
			display:block;
			height:100%;
        }
        
        header .header nav>ul>li:hover {
            font-weight: bold;
        }
        
        header .header nav>ul>li:last-child {
            padding: 0;
        }
        /* 서브메뉴 */
        
        header .header nav>ul>li .sub_menu {
            width: 100%;
            position: absolute;
            height: 410px;
            background-color: #f6f6f6;
            z-index: 30;
            left: 0;
            padding: 25px 0px;
			border-bottom:2px solid #e2e2e2;
        }
        
        header .header nav>ul>li .sub_menu a {
            color: #4a4a4a;
        }
        
        header .header nav>ul>li .sub_menu a:hover {
            color: #572f99;
        }
        
        header .header nav>ul>li .sub_menu .s_m_h {
            border-bottom: 2px solid #6d6d6d;
        }
        
        header .header nav>ul>li .sub_menu .s_m_h h2 {
            font-size: 23px;
			letter-spacing: 2px;
        }

		header .header nav>ul>li .sub_menu .s_m_h h2 span{
            font-size: 13px;
			font-weight:bold;
			vertical-align: top;
			margin-left:10px;
			letter-spacing: 1px;
        }
        
        header .header nav>ul>li .sub_menu .s_m_c {
            padding-top: 15px;
        }
        
        header .header nav>ul>li .sub_menu .s_m_c>li {
            float: left;
            width: calc(100%/4);
            height: 310px;
            border-left: 1px solid #6b6b6b;
            padding: 0px 0px 0px 22px;
        }
        
        header .header nav>ul>li .sub_menu .s_m_c>li {
            padding-top: 10px;
        }
        header .header nav>ul>li .sub_menu .s_m_c>li:last-child{
            padding-top:0;
        }
        header .header nav>ul>li .sub_menu .s_m_c>li:first-child {
            padding: 10px 0px 0px 0px;
            border: 0;
            line-height: 21px;
        }
        header .header nav>ul>li .sub_menu .s_m_c>last-child p {
            margin-top: 15px;
        }
        header .header nav>ul>li .sub_menu .s_m_c>li:nth-child(3) p {
            margin-top: 15px;
			white-space: nowrap;
        }
        
        header .header nav>ul>li .sub_menu .s_m_c li p {
            font-size: 14px;
			margin-top:15px;
            font-weight: 300;

        }
		header .header nav>ul>li .sub_menu .s_m_c li:nth-child(1) p{
			margin-top:0px;
		}
        header .header nav>ul>li .sub_menu .s_m_c li ul li:first-child {
            margin: 0;
        }
        header .header nav>ul>li .sub_menu .s_m_c>li>ul>li {
            float: none;
            font-size: 13px;
            margin-top: 10px;
            font-weight: bold;
        }
        
        header .header nav>ul>li .sub_menu .s_m_c2>li:last-child {
            width: 480px;
        }
        /* 전체보기 메뉴 */
        
        header .more_m {
            width: 100%;
            height: 580px;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #f6f6f6;
            z-index: 60;
            padding: 38px 0px;
            display: none;
			border-bottom:4px solid #2c1939;
        }
        
        header .more_m .container2 {
            position: relative;
        }
        
        header .more_m .more_m_h {
            border-bottom: 2px solid #6d6d6d;
            height: 50px;
        }
        
        header .more_m .more_m_h img {
            float: left;
            vertical-align: bottom;
        }
		header .more_m .more_m_h img#close {
            position: absolute; 
			right:-10px;
			top:-30px;
        }
        
        header .more_m .more_m_h p {
            float: right;
            font-weight: bold;
            margin-top: 10px;
        }
        
        header .more_m .more_m_c>li {
            width: calc(100%/6);
			float:left;
        }
        
        header .more_m .more_m_c ul li {
            float: none;
        }
        
       header .more_m .more_m_c li {
			margin: 0;
			padding-top: 5px;
			float:left;
		}
        
       header .more_m .more_m_c .more_m_c_title {
			margin: 12px 0px 8px 0px;
			font-weight: bold;
			font-size: 16px;
		}
        
       header .more_m .more_m_c li a {
			font-weight: 300;
			font-size: 11px;
		}

		header .more_m .more_m_c li a:hover {
			color:#572f99;
		}

        header .more_m .more_m_close {
            position: absolute;
            right: -14px;
            bottom: -539px;
            cursor: pointer;
            z-index: 60;
        }
        /* 로그인 이전 */ 
        .login_prev {
            width: 100%;
            height: 309px;
            background-color: #f6f6f6;
            position: absolute;
            z-index: 50;
            display: none;
			top:30px;
			border-bottom:4px solid #2c1939;
        }
        .login_prev  *{box-sizing:border-box; color:#2c1939}
        .login_prev .l_p {
            padding-top: 40px;
        }
        
        .login_prev .l_p>li:nth-child(1) {
            margin: 0;
        }
        
        .login_prev .l_p>li {
            padding: 10px 0px 10px 25px;
            height: 225px;
            width: 320px;
            position: relative;
            border-left: 1px solid #cccccc;
			float:left;
        }
        
        .login_prev .l_p>li:first-child {
            border-left: 0;
            padding: 10px 0px 10px 0px
        }
        
        .login_prev .l_p>li>h2 {
            font-size: 22px;
            margin-bottom: 49px;
        }
        
        .login_prev .l_p>li:nth-child(1)>h2 {
            font-size: 22px;
            margin-bottom: 40px;
        }
        
        .login_prev .l_p>li>p {
            font-size: 13px;
            margin-bottom: 20px;
			line-height:1.25rem;
        }
        
        .login_prev .l_p>li>a {
            width: 160px;
            height: 40px;
            background-color: #2c1939;
            color: #fff;
            text-align: center;
            font-size: 15px;
            border: 0;
            border-radius: 5px;
            font-weight: bold;
            display: block;
            line-height: 40px;
			margin-bottom:10px;
        }
        
        .login_prev .l_p_one>ul>li {
            float: none;
        }
        
        .login_prev .l_p>li:last-child::after {
            display: none;
        }
        
        .login_prev .l_p_one>ul>li:nth-child(1) {
            margin-bottom: 20px;
        }
        
        .login_prev .l_p_one>ul>li a {
            font-size: 17px;
			font-weight:bold;
            margin-bottom: 5px;
			color:#572f99;
			display:inline-block;
        }

		.login_prev .l_p .l_p_login>h2{
			margin-bottom:20px;
		}
        .login_prev .l_p .l_p_login h3{
			margin-bottom:10px;
		}
		.login_prev .l_p .l_p_login div{
			width:180px;
		}
		.login_prev .l_p .l_p_login div a{
			display:inline-block;
			width:25%;
			float:left;
			box-sizing:border-box;
			border-right:1px solid #ccc;
			text-align:center;
			height:28px;
			line-height:28px;
		}
        .login_prev .login_prev .l_p_one>ul>li p {
			margin-top:5px;
            font-size: 13px;
        }
		.login_prev .find_account{
			color:#572f99;
			font-weight:bold !important
			;
		}
        /* 로그인 이후 */
        
        .login_next {
            width: 100%;
            height: 520px;
            background-color: #f6f6f6;
            position: absolute;
            z-index: 50;
            display: none;
            z-index: 50;
			top:30px;
			padding:45px 0px;
			border-bottom:4px solid #2c1939;
        }
		.login_next *{color:#2c1939;}
        .login_next .l_n {
			width: 640px;
			float:left;
        }
        
        .login_next .l_n>li {
            width: 320px;
            height: 240px;
            position: relative;
            border-left: 1px solid #cccccc;
            padding: 10px 30px 10px 25px;
			float:left;
        }
        
        .login_next .l_n>li:first-child {
            border: 0;
            padding-left: 0
        }
        .login_next .l_n > li:last-child{
			width: 100%;
			border-top:1px solid #cccccc;
			border-left:0;
			padding:0;
			margin-top:40px;
			padding-top:40px;
			height:auto;
		}
        .login_next .l_n>li>ul>li {
            float: none;
        }
         .login_next .l_n > li:last-child > ul > li{
			float:left;
			margin-top:20px;
		}
        .login_next .l_n>li>h2 {
            font-size: 22px;
            margin-bottom: 20px;
        }
        
        .login_next .l_n>li:first-child>ul>li {
			float:left;
            width: 280px;
        }
        
        .login_next .l_n>li>ul>li {
            width: 245px;
			float:left;
        }
        
        
        .login_next .l_n>li>ul>li>p {
            text-align: right;
            line-height: 25px;
            font-size: 14px;
        }
        
        .login_next .l_n>li>ul>li p a {
            float: right;
            text-decoration: underline;
            font-weight: bold;
            color: #572f99;
        }
        
        .login_next .l_n>li>ul>li p .b_t {
            float: left;
        }
        
        .login_next .l_n>li>ul>li p .book {
            padding-right: 30px;
        }
        
        .login_next .l_n>li>ul>li:last-child {
            margin-top: 90px;
        }
        
        .login_next .l_n>li:last-child>ul>li:last-child {
            margin-top: 20px;
			margin-left: 100px;
        }
        
        .login_next .l_n .l_n_t {
            text-align: left;
            font-size: 12.5px;
        }
        
        .login_next .l_n>li h3 {
            font-size: 17px;
            margin-bottom: 5px;
        }
		.mydot > ul>li p a {
			float: right;
			text-decoration: underline;
			font-weight: bold;
			color: #572f99;
		}
		 .mydot > ul > li{float:none;}
         .mydot > ul > li > h3{
			font-size:17px;
			margin-bottom:5px;
		 }
		 .mydot{width: 280px; float:right; border-left:1px solid #cccccc; height:428px; padding-left:40px;}
		  .mydot h2{
			font-size:22px;
			margin-bottom:20px;
		 }
        .mydot>ul>li>button {
            width: 110px;
            height: 42px;
            border: 0;
			margin-top:19px;
            background-color: #2c1939;
            font-weight: bold;
            font-size: 15px;
            color: #fff;
            border-radius: 5px;
        }
		 .mydot>ul>li p .book {
			padding-right: 30px;
		}
		  .mydot>ul>li>p {
			text-align:right;
			 line-height: 25px;
			font-size: 14px;
        }
		.mydot > ul > li{clear:both;}
        .mydot > ul > li >p .b_t{float:left; clear:both;}
         .mydot>ul>li>button:nth-child(2) {
            background-color: transparent;
            font-weight: bold;
            font-size: 15px;
            border: 1px solid #2c1939;
            border-radius: 5px;
            color: #2c1939;
            float: right;
        }
        /* 오른쪽 고정 배너 */
        
        .fix_banner {
            position: absolute;
            z-index: 100;
			top:105px;
            right: -200px;
        }
        
        .fix_banner img {
            display: block;
        }
        /* 슬라이드 베너 */
        
        .slide_banner {
            width: 100%;
            height: 380px;
            background-color: #020919;
        }
        
        .slide_banner .swiper-pagination-bullet {
            background: transparent;
            border: 2px solid #fff;
            width: 12px;
            height: 12px;
            opacity: 1;
            position: relative;
        }
        
        .slide_banner .swiper-pagination-bullet-active::after {
            content: " ";
            position: absolute;
            width: 5px;
            height: 5px;
            background-color: #14ffca;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            border-radius: 50%;
        }
		.slide_banner .swiper-pagination-bullet-active{border: 2px solid #14ffca;}
        
        .slide_banner .swiper-slide img {
            display: block;
            margin: 0 auto;
        }
		.slide_banner .swiper-slide a {
			width: 100%;
		} 
		.talk_preview_area{
			margin-left:2px;
		}
		.talk_preview_area em{
			font-size:10px!important;
		}
        /* 서비스 */
        
        .service_n {
            width: 100%;
            height: 210px;
            background-color: #2c1939;
            padding: 35px 0px;
			box-sizing:border-box;
        }
        .service_n *{box-sizing:border-box;}
        .service_n .container2 {
            position: relative;
        }
        
        .service_n .s_menu {
            margin-bottom: 17px;
            height: 40px;
        }
        
        .service_n .s_menu li {
            width: 164px;
            height: 40px;
            text-align: center;
            color: #fff;
            font-size: 17px;
            line-height: 40px;
            cursor: pointer;
            transition: .2s;float:left;
        }

		 .service_n .s_menu li.ssl_free_btn {
			position:relative;
		 }
		
		 .service_n .s_menu li.ssl_free_btn .tag_free {
			position:absolute;
			top:-15px;
			right:-3px;
		}

        .service_n .s_menu li.active {
            background-color: #fff;
            border-radius: 3px;
            color: #2c1939;
			font-weight: bold;
        }
         .service_n .s_menu li.active:hover{
			 color: #2c1939;
			font-weight: bold;
		 }
        .service_n .s_menu li:hover {
			color:#14ffca;
            border-radius: 3px;
        }
        
        .service_n .s_domain {
            position: relative;
        }
        
        .service_n .s_domain input,.s_domain_one input {
            width: 615px;
            height: 42px;
            border-radius: 5px 0px 0px 5px;
            border: 0;
            padding: 0 15px;
            font-size: 15px;
			font-weight:bold;
        }

		.s_domain_one input{
			width:790px;
		}
        
        .service_n .s_domain .sd_in_s {
            height: 42px;
            position: absolute;
            left: 615px;
            background-color: transparent;
            border-radius: 0px 5px 5px 0px;
            width: 167px;
            color: #fff;
            border: 1px solid #e3e0e5;
            font-weight: bold;
            font-size: 15px;
            transition: .3s;
        }
        
        .service_n .s_domain .sd_in_s:hover {
            background-color: #5f3c77;
        }
        
        .service_n .s_domain .sd_fo_s {
            height: 42px;
            width: 167px;
            color: #fff;
            border: 1px solid #e3e0e5;
            background-color: transparent;
            border-radius: 5px;
            float: right;
            font-weight: bold;
            font-size: 15px;
            transition: .3s;
        }
        
        .service_n .s_domain .sd_fo_s:hover {
            background-color: #5f3c77;
        }
        
        .service_n .s_domain .sd_info_b {
            margin-top: 23px;
        }
        
        .service_n .s_domain .sd_info_b li {
            color: #fff;
            font-size: 15px;
            margin-left: 30px;
			float:left;
        }
        
        .service_n .s_domain .sd_info_b li:first-child {
            margin: 0;
        }
        
        .service_n .s_domain .sd_info_b li span {
            color: #fff;
            font-size: 20px;
            font-weight: bold;
            margin-right: 10px;
        }
		 .service_n .s_domain .sd_info_b li span.num_f {
            font-size:1.1em;
			vertical-align: top;
        }
        
        .service_n .s_domain_one {
            position: relative;
            display: none;
        }
        
        .service_n .s_domain_one textarea {
            width: 790px;
            height: 83px;
            border: 0;
            overflow: auto;
            border-radius: 5px 0px 0px 5px;
            display: block;
            font-size: 15px;
            padding: 10px 15px;
            resize: none;
			font-weight:bold;
			line-height:20px;
        }
        
        .service_n .s_domain_one button {
            width: 170px;
            height: 83px;
            border: 1px solid #e3e0e5;
            font-size: 15px;
            color: #fff;
            background-color: transparent;
            position: absolute;
            right: 0px;
            z-index: 80;
            top: 0;
            border-radius: 0px 5px 5px 0px;
            z-index: 30;
            font-weight: bold;
            font-size: 15px;
            transition: .3s;
        }

		.service_n .s_domain_one button.btn_app_ssl{
			height:42px;
		}
        
        .service_n .s_domain_one button:hover {
            background-color: #5f3c77;
        }
        /*고객센터*/
        
        .company {
            width: 100%;
            height: 70px;
            background-color: #14ffca;
            border-bottom: 1px solid #d1d1d1;
			box-sizing:border-box;
			position: relative;
        }
        .company .container2{position: relative;}
		.company *{color:#2c1939;}
        .company p{
			margin:0 auto;  font-size: 20.5px;
            text-align: center;
            line-height: 70px;
			font-weight:bold;
		}
		.company a:link,.company  a:visited,.company  a:active{color:#2c1939;}
		.company a:hover{color:#2c1939;}
		.company span.num_f {
            font-size:1.2em;
			vertical-align: top;
			font-weight:normal;
        }
        
        .company span.c_num {
            font-weight: bold;
        }
       
        /* 유저 서비스 */
        
        .u_service {
            width: 100%;
            height: 340px;
            padding: 62px 0px;
            box-sizing:border-box;
			position: relative;
        }
		.u_service *{box-sizing:border-box; color:#2c1939;}
        .u_service .container2{position: relative;}
        .u_service .u_s_l>li {
            position: relative;
            width: 320px;
            height: 218px;
            border-left: 1px solid #cccccc;
            padding: 15px 20px;
			float:left;
        }
        
        .u_service .u_s_l>li:first-child {
            border: 0;
            padding-left: 0;
        }
        
        .u_service .u_s_l>li:last-child::after {
            display: none;
        }
        
        .u_service .u_s_l>li>h2 {
            font-size: 22px;
            margin-bottom: 46px;
        }
        
        .u_service .u_s_l>li .u_s_more {
            position: absolute;
            right: 20px;
            top: 10px;
        }
        
		 .u_service .u_s_l>li .u_s_more:hover a{
            color:#572f99
        } 

        .u_service .u_s_l .u_s_l_one>ul>li {
            float: none;
        }
        
        .u_service .u_s_l .u_s_l_one>ul>li:nth-child(1) {
            margin-bottom: 40px;
        }
        
        .u_service .u_s_l .u_s_l_one ul li h3 {
            font-size: 17px;
            margin-bottom: 5px;
        }
        
        .u_service .u_s_l .u_s_l_one ul li p {
            font-size: 13px;
        }
        
        .u_service .u_s_l .u_s_l_two {
            width: 320px;
        }
        
        .u_service .u_s_l .u_s_l_two li {
            position: relative;
			float:left;
        }
        .u_service .u_s_l .u_s_l_two li a:hover{
			color:#572f99;
        }
        .u_service .u_s_l .u_s_l_two .u_s_l_two_m {
            font-size: 22px;
            margin-bottom: 47px;
            font-weight: bold;
            height: 15px;
        }
        
        .u_service .u_s_l .u_s_l_two .u_s_l_two_m>li:nth-child(1) {
            margin: 0;
        }
        
        .u_service .u_s_l .u_s_l_two .u_s_l_two_m>li {
            float: left;
            margin-left: 25px;
            cursor: pointer;
        }
        
        .u_service .u_s_l .u_s_l_two .u_s_l_two_m>li.active {
            color: #572f99
        }
        
        .u_service .u_s_l .u_s_l_two .u_s_l_two_m>li.active::after {
            content: " ";
            position: absolute;
            bottom: -10px;
            width: 100%;
            height: 3px;
            background-color: #572f99;
            left: 0;
        }
        
        .u_service .u_s_l .u_s_l_two .u_s_l_two_m>li:hover {
            color: #572f99
        }
        
        .u_service .u_s_l .u_s_l_two .u_s_l_two_m>li:hover::after {
            content: " ";
            position: absolute;
            bottom: -10px;
            width: 100%;
            height: 3px;
            background-color: #572f99;
            left: 0;
        }
        
        .u_service .u_s_l .u_s_l_two .u_s_l_two_l li {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			width: 100%;
            float: none;
            margin-top: 10px;
            font-size: 13px;
			float:left;
        }
        
        .u_service .u_s_l .u_s_l_two .u_s_l_two_l li:nth-child(1) {
            margin: 0;
        }
        
        .u_service .u_s_l .u_s_l_three {
            width: 320px;
            padding-left: 20px;
        }
        
        .u_service .u_s_l .u_s_l_three ul li {
            text-align: center;
            width: calc(100%/3);
			height:111px;
			float:left;
        }
        
        .u_service .u_s_l .u_s_l_three ul li p {
            margin-top: 10px;
            font-weight: bold;
        }
        
        .u_service .u_s_l .u_s_l_three ul li a:hover p {
            color: #572f99;
        }
        /* 도메인 */
        
        .n_domain {
            width: 100%;
            height: 650px;
            border-top: 1px solid #d1d1d1;
            border-bottom: 1px solid #d1d1d1;
            background-color: #f6f6f6;
            padding: 80px 0px;
            transition: 0.5s;
            overflow: hidden;
            position: relative;
            transition-timing-function: ease;
			box-sizing:border-box;
        }
        .n_domain * {	box-sizing:border-box; color:#2c1939;}
        .n_domain .d_l li {
            width: 320px;
            padding: 14px 0px 20px 14px;
            height: 250px;
            position: relative;
            border-left: 1px solid #cccccc;
			float:left;
        }
        
        .n_domain .d_l li:first-child {
            border: 0;
        }
        
        .n_domain .d_l li h3 {
            margin-top: 14px;
        }
        
        .n_domain .d_l li h4 {
            font-size: 24px;
            margin-top: 44px;
			text-transform:lowercase;
			line-height:1em;
        }
        
        .n_domain .d_l li p {
            font-size: 15px;
            margin-top: 18px;
            line-height: 20px;
        }
        
        .n_domain .d_l li p span {
            color: red;
            font-weight: bold;
            font-size: 16px;
        }
        
        .n_domain .d_l button {
			padding:0px 20px;
            height: 30px;
            background-color: #14ffca;
            border: 0;
            border-radius: 5px;
            margin-top: 35px;
            font-weight: bold;
            font-size: 15px;
            overflow: hidden;
            position: relative;
			outline: none;
			z-index:9;
        }
		.n_domain .d_l button::before{
			content: "";
			height: 100%;
			left: 100%;
			position: absolute;
			top: 0;
			background:#2c1939;
			z-index: -1;
			transition: all 0.4s ease;
		}
		.n_domain .d_l button:hover::before{
			width:100%;
			left:0;
		}
		.n_domain .d_l button:hover{
			color:#14ffca;
		}
		.n_domain .d_l button:hover span{
			color:#14ffca;
		}
        .n_domain .domain_s {
            padding-top: 30px;
        }
        
        .n_domain h2 {
            text-align: center;
            font-size: 34px;
			margin-bottom:65px;
        }
        
        .n_domain .domain_s ul li {
            margin-top: 50px;
            width: 320px;
			float:left;
        }
        
        .n_domain .domain_s ul li img {
            float: left;
			margin-left:10px;
        }
        
        .n_domain .domain_s ul li .d_text {
            font-size: 14px;
            float: left;
            margin-left: 25px;
            line-height: 17px;
			margin-top:5px;
        }
        
        .n_domain .domain_s ul li .d_text h3 {
            font-size: 16px;
        }
        
        .n_domain .domain_s ul li .d_text p {
            margin-bottom: 5px;
        }
        
        .n_domain .domain_s ul li .d_text a {
            margin-top: 25px;
            display: block;
            color: #656565;
            font-size: 13px;
        }
        .n_domain .domain_s ul li .d_text a:hover{
			color:#572f99;
		}
        .u_service .d_close_ko {
            position: absolute;
            top: -2px;
            z-index: 30;
            left: 50%;
            margin-left: -87.5px;
            cursor: pointer;
        }
        /* 호스팅 */
        
        .hosting {
            width: 100%;
            height: 640px;
            padding: 80px 0px;
            position: relative;
			box-sizing:border-box;
        }
		.hosting * {color:#2c1939;}
        
        .hosting h2 {
            text-align: center;
            font-size: 34px;
            margin-bottom: 65px;
        }
        
        .hosting ul li {
            width: 320px;
            margin-top: 30px;
			float:left;
        }
		
        
        .hosting ul li img {
            float: left;
            margin-right: 20px;
        }
        
        .hosting ul li .h_text {
			margin-top:12px;
            float: left;
        }
        
        .hosting ul li .h_text h3 {
            font-size: 18px;
			margin-bottom:5px;
        }
         .hosting ul li .h_text p {
			margin-bottom:15px;
            font-size: 13px;
			height:36px;
			font-weight:normal;
        }
        .hosting ul li .h_text a {
            font-size: 13px;
            display: block;
            color: #656565;
			font-weight:bold;
        }
        .hosting ul li .h_text a:hover{
			color:#572f99;
		}
		.server_hosting{background-color: #fff;position: absolute;  background-color:#fff;width: 960px; height:400px; box-sizing:border-box; border:1px solid #2c1939; z-index:20; left:50%; margin-left:-480px; top:250px;}
		.server_hosting ul li{float:left;text-align:center; box-sizing:border-box; height:200px; margin-top:0; width:calc(100%/3); padding-top:20px;  padding-left:20px; border-bottom:1px solid #2c1939; text-align:left; position:relative;}
		.server_hosting h3{font-size:23px;}
		.server_hosting h4{font-size:17px; margin:5px 0px; margin-top:15px; font-weight:600;}
		.server_hosting h5{font-size:14px; color:#572f99; margin-top:15px;}
		.server_hosting h5 strike{color:#572f99;}
		.server_hosting h5 span{font-size:17px; color:#572f99;}
		.server_hosting p{font-size:12px; font-weight:400; margin-top:15px; line-height:19px; text-align:left;}
		.server_hosting a{font-size:12px; font-weight:bold;width: 30px; height:30px; border-radius:50%; background-color: #2c1939; display:block; text-align:center; padding-top:5px; box-sizing:border-box; color:#fff !important; position:absolute; right: 15px; bottom:15px;}
		.server_hosting ul li:nth-child(4),.server_hosting ul li:nth-child(5),.server_hosting ul li:nth-child(6){border-bottom:0;}
		.server_hosting ul li:nth-child(5),.server_hosting ul li:nth-child(2){border-left:1px solid #2c1939;border-right:1px solid #2c1939;}
		.server_hosting_close{position: absolute; z-index:50; right:0;cursor:pointer; top:210px; padding:3px; border:1px solid #2c1939; border-radius:50%; background-color: #2c1939;}
        /* 파트너 */
         .partner_n .s_close_ko {
            position: absolute;
            top: -2px;
            z-index: 30;
            left: 50%;
            margin-left: -87.5px;
            cursor: pointer;
        }

		.partner_n {
            width: 100%;
            height: 715px;
            border-top: 1px solid #d1d1d1;
            padding: 80px 0px;
			position: relative;
			box-sizing:border-box;
        }
		.partner_n * {box-sizing:border-box; color:#2c1939;}
        .partner_n .vpn_slide{width: 278px; float:left; position: relative;}
        .partner_n .vpn_slide .vpn_a{position: absolute; right:0; z-index:50;}
        .partner_n .vpn_slide .flex-viewport{width: 278px; float:left;}
        .partner_n .p_c .vpn {
            width: 278px;
            float: left;
        }
         .partner_n .p_c .vpn ul li{
            width: 278px;
            float: left;
        }
        .partner_n .p_c  .vpn_h {
            border-bottom: 1px solid #959595;
            position: relative;
        }
        
        .partner_n .p_c  .vpn_h h2 {
            font-size: 22px;
			padding-top:3px
        }
        
        .partner_n .p_c .vpn .vpn_h .vpn_a {
            position: absolute;
            right: 0;
            top: -5px;
        }
        
        .partner_n .p_c .vpn_h img {
            float: left;
            cursor: pointer;
        }
        
        .partner_n .p_c .vpn_c {
            margin-top: 25px;
        }
        
        .partner_n .p_c  .vpn_c li {
            float: none;
            margin-top: 49px;
        }
        .partner_n .p_c .vpn .vpn_c li:first-child {
            margin-top: 0;
        }
        
        .partner_n .p_c  .vpn_c li img {
            float: left;
			margin-top:5px;
            display: block;
        }
        
        .partner_n .p_c  .vpn_c li .vpn_t {
            margin-left: 80px;
        }
        
        .partner_n .p_c  .vpn_c li .vpn_t h3 {
            font-size: 15px;
        }
        
        .partner_n .p_c  .vpn_c li .vpn_t p {
            margin-top: 5px;
            font-size: 13px;
            color: #757575;
        }
        /* 파트너 워드프레스 */
        
        .partner_n .p_c .wordpress {
            width: 600px;
            float: right;
        }
        
        .partner_n .p_c .wordpress .word_h {
            border-bottom: 1px solid #959595;
			position: relative;
        }
        
        .partner_n .p_c .wordpress .word_h h2 {
		padding-top:4px;
            font-size: 22px;
        }

		 .partner_n .p_c .wordpress .word_h h2 span.num_f {
            font-size:1.2em;
			vertical-align: top;
        }

		.partner_n .p_c .wordpress .word_h p {
            position: absolute;
			right:0;
			top:3px;
			font-size:14px;
        }

		.partner_n .p_c .wordpress .word_h p a:hover{
			color:#572f99;
        }
        .partner_n .p_c .wordpress .word_c>p {
            margin-top: 25px;
            font-size: 13px;
            margin-top: 32px;
        }
        .partner_n .p_c .wordpress .word_c>ul li{
			float:left;
		}
        .partner_n .p_c .wordpress .word_c>ul li p {
            text-align: right;
			margin-top: 25px;
			font-size: 13px;
			margin-bottom: 7px;
        }
         .partner_n .p_c .wordpress .word_c>ul li p:hover{
				color:#572f99;
		 }
        .partner_n .p_c .wordpress .word_c>ul li:nth-child(2) {
            float: right;
        }
        /* 파트너 로고 */
        .partner_slide{position: relative;}
		.partner_slide i{transition:.3s; position:absolute; top:50%; font-size:50px; z-index:30; transform:translateY(-50%); cursor:pointer; opacity:.3; color:#2c1939}
		.partner_slide i:nth-child(1){left:0;}
		.partner_slide i:nth-child(2){right:0;}
		.partner_slide i:hover{opacity: 1;}
        .partner_n .m_pa h2 {
            text-align: center;
            padding-top: 70px;
            font-size: 22px;
        }
        
        .partner_n .m_pa ul {
            width: 500%;
        }
        
        .partner_n .m_pa ul li {
            margin-top: 17px;
            height: 64px;
			float:left;
			position: relative;	
        }
        
        .partner_n .m_pa  img {
			position: absolute;
			top:50%;
			left:50%;
        }
		.partner_slide{
			width: 100%;
            height: 104px;
            border-top: 1px solid #959595;
            border-bottom: 1px solid #959595;
            margin-top: 30px;
            text-align: center;
			overflow:hidden;
		}
        /* 푸터 */
        
        footer {
			margin-top:40px;
            width: 100%;
            height: 304px;
            background-color: #343434;
			box-sizing:border-box;
        }
		footer * {box-sizing:border-box;}
        
        footer .f_header {
            width: 100%;
            height: 42px;
            border-bottom: 1px solid #2b2d30;
            line-height: 42px;
        }
        
		footer .f_header ul{
			width:100%;
			overflow:hidden;
		}

        footer .f_header ul li {
            padding: 0px 2.1%;
            color: #cccccc;
            text-align: center;
			float:left;
        }
        footer .f_header ul li:first-child{
			padding-left:0;
		}
        footer .f_header ul li:last-child{
			padding-right:0;
		}
        footer .f_header ul li a {
            color: #cccccc;
        }

		footer .f_header ul li a:hover{
            color: #14ffca;
        }
		footer .f_header ul li .faq:hover{
            color: #14ffca!important;
        }
        
        footer ul.f_bottom>li:nth-child(2) {
            float: right;
        }
        
        footer .f_bottom {
            margin-top: 30px;
        }
		footer .f_bottom li{
            float:left;
        }
        
        footer .f_bottom li p {
            color: #cccccc;
        }
        
        footer .f_bottom li p a {
            color: #cccccc;
        }
        
        footer .f_bottom li p.f_text {
            margin-top: 25px;
            line-height: 20px;
        }
        
        footer .f_bottom li p.copy {
            margin-top: 45px;
        }
        
        footer .f_bottom li .f_email {
            margin-top: 18px;
            position: relative;
        }
        
        footer .f_bottom li .f_email input {
            width: 270px;
            height: 40px;
            background-color: #f2f2f2;
            border: 0;
            border-radius: 5px 0px 0px 5px;
            padding: 0 15px;
            font-size: 15px;
			font-weight:bold;
        }
        
        footer .f_bottom li .f_email button {
            width: 120px;
            height: 40px;
            background-color: #2c1939;
            border: 0;
            border-radius: 0px 5px 5px 0px;
            position: absolute;
            color: #fff;
            top: 0;
            font-size: 15px;
            font-weight: bold;
        }
        
        footer .f_bottom li .f_email .alert_f_email {
            position: absolute;
            width: 100%;
            height: 30px;
            background-color: #14ffca;
            border-radius: 5px;
            font-size: 13px;
            padding-left: 15px;
            top: 50px;
            line-height: 30px;
            color: #2c1939;
            font-weight: bold;
        }
        
        footer .f_bottom .f_sns {
            margin-top: 55px;
        }
        
        footer .f_bottom .f_sns ul li {
            margin-left: 15px;
        }
        
        footer .f_bottom .f_sns ul li:first-child {
            margin: 0;
        }
        
        footer .f_bottom .f_sns ul li:last-child {
            margin-left: 65px;
        }
        
        footer .f_bottom .f_sns ul li:last-child select#family {
            width: 160px;
            height: 25px;
            margin-top: 12px;
            background-color: #f2f2f2;
            border-radius: 4px;
            color: #bfbfbf;
            padding: 0px 3px;
        }
		

@media (max-width: 1380px) {
    .company .container2{position: static ;}
	.fix_banner {
		position: absolute;
		z-index: 100;
		right:0;
		top:105px;
     }
	 .server_hosting_close{
		position: absolute;
		z-index: 100;
		right:190px;
		top:210px;
	 }
}

@media (max-width: 320px) {
   .top_banner > img{display:none!important;}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	 #event_right_banner {display:none!important;}
	.fix_banner {display:none!important;}
}