@charset "euc-kr";

/* 공통 */
html,body { font-family: 'SUIT', sans-serif; }
ul { margin: 0; padding: 0; }
li { list-style: none; }
a { text-decoration: none; color: inherit; display: block; }
strong { font-weight: 700 !important; }
label { cursor: pointer; vertical-align: middle; }
select { -webkit-appearance: none; cursor: pointer; -moz-appearance: none; appearance: none; filter: alpha(opacity=0); background: url(../images/common/down_arrow.png) no-repeat 98% 50%; padding: 0 30px 0 10px; outline: none; font-family: 'SUIT', sans-serif; font-weight: 500; }
select::-ms-expand { display:none; }
select { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
input[type=text] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "SUIT",sans-serif; color: #111; font-weight: 400; outline: none; border: 1px solid #ccc; box-sizing: border-box; padding: 0 10px; }
input[type=password] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "SUIT",sans-serif; color: #111; outline: none; border: 1px solid #ccc; box-sizing: border-box; padding: 0 10px; }
input[type=checkbox] { cursor: pointer; margin:0; vertical-align: middle; }
input[type=radio] { vertical-align: middle; margin: 0; }
input[type=button] { cursor: pointer; font-family: 'SUIT', sans-serif; outline: none; }
input[type="date"] { position: relative; padding-left: 10px; font-family: 'SUIT', sans-serif; font-size: 14px; outline: none; border: 1px solid #ccc; box-sizing: border-box; }
input[type="date"]::-webkit-clear-input[type=button], input[type="date"]::-webkit-inner-spin-button { display: none; }
input[type="date"]::-webkit-calendar-picker-indicator { width: 20px; height: 20px; background: transparent; z-index: 1; position: relative; margin-left: -5px; cursor: pointer; } 
input[type="date"]:after{ position: absolute; top:50%; right:10px; content: ''; width: 20px; height: 20px; background: url(../images/contents/calendar_icon.png) no-repeat; transform: translateY(-50%); }
textarea { font-family: "SUIT",sans-serif; resize: none; box-sizing: border-box; outline: none; font-weight: 500; }
button { cursor: pointer; font-family: 'SUIT', sans-serif; outline: none; }
table { width: 100%; }

/* 스크롤 숨기기 */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background-color: rgba(0,0,0,0.1); }
::-webkit-scrollbar-thumb { background-color: rgb(181 184 185); border-radius: 5px; }

:root { 
   --darkblue: #24303e;
   --darkblue02: #0c2845;
   --orange: #e35b26;
   --skyblue: #4b94fa;
   --blue: #1257b9;
   --blue02: #1a4076;
   --blue03: #236cd3;
   --lightblue: #2f4156;
   --gray: #777;
   --black: #3e3e3e;
   --red: #f00;
   --yellow: #fff938;
}

.wrap { width: 1160px; margin: 0 auto; }
.container { height: 100%; background-color: #f7f7f7; padding-bottom: 100px; }
.title { display: flex; align-items: flex-end; justify-content: space-between; font-size: 28px; font-weight: 600; color: #222; letter-spacing: -0.4px; margin-bottom: 30px; }
.title a { font-size: 15px; }
.sub_title { display: flex; align-items: center; justify-content: space-between; height: 70px; padding: 0 30px; background-color: #f1f1f1; margin-bottom: 40px; border-radius: 10px; }
.sub_title span { font-size: 20px; color: #aaa; }
.sub_title b { font-size: 14px; color: #aaa; }

.ft_12 { font-size: 12px; font-weight: 500;}
.ft_14 { font-size: 14px; font-weight: 500;}
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt60 { margin-top: 60px; }
.none { display: none !important; }
.flex10 { display: flex; gap:10px; }
.center { text-align: center !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.pointer { cursor: pointer; }
.flex_between { display: flex; justify-content: space-between; }
.flex_center { display: flex; align-items: center; }

.t_gray { color: #777 !important; }
.t_gray02 { color: #ddd !important; }
.t_red { color: #e10b0c !important; }
.t_blue { color: #1257b9 !important; }
.t_org { color: var(--orange) !important; }
.t_org02 { color: #ff6a00 !important; }
.t_skyblue { color: var(--skyblue) !important; }
.t_yellow { color: var(--yellow) !important; }
.t_gr { color: #7ba93f !important; }

.bg_blue { background-color: var(--blue02) !important; }
.bg_blue02 { background-color: var(--blue03) !important; }
.bg_darkblue { background-color: var(--darkblue) !important; }
.bg_gray { background-color: #c3c3c3 !important; }
.bg_gray02 { background-color: var(--gray) !important; }
.bg_org { background-color: var(--orange) !important; }
.bg_gr { background-color: #7ba93f !important; }

/* 페이지 */
.page { display: inline-block; width: 100%; }
.page ul { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 14px; }
.page ul li { width: 16px; height: 16px; line-height: 16px; font-weight: 500; }
.page ul li.this { color: var(--blue); font-weight: 800; }

/* 체크박스 */
.check_con { display: flex; align-items: center; }
.check_con input { display: none; }
.check_con label { padding-left: 25px; height: 18px; line-height: 18px; font-size: 15px; background: url(../images/common/checkbox.png) no-repeat left center; }
.check_con label.on { background: url(../images/common/checkedbox.png) no-repeat left center; }

/* 안내 */
.info_icon { cursor: pointer; position: relative; display: flex; }
.info_layer { padding: 20px; border: 1px solid #ff5051; background-color: #fff; position: absolute; left: 0; top: 20px; z-index: 1; }
.info_layer h1 { color: #ff5051; font-weight: 600; font-size: 18px; margin-bottom: 10px; }
.info_layer span { font-size: 14px; line-height: 20px; }
.info_layer ul { font-size: 13px; line-height: 18px; margin-top: 10px; }

.tooltip { width: 310px; padding: 10px; border: 1px solid #ff5051; background-color: #fff; position: absolute; left: 30px; bottom: 80px; z-index: 1; }
.tooltip h1 { color: #ff5051; font-weight: 600; font-size: 18px; margin-bottom: 10px; }
.tooltip span { font-size: 13px; line-height: 20px; font-weight: 500; }
.tooltip ul { font-size: 12px; line-height: 20px; margin-top: 10px; font-weight: 500; }


/* 상단 공통 */
.header { display: flex; align-items: center; justify-content: space-between; width: 100%; min-width: 1200px; height: 70px; background-color: transparent; position: fixed; top: 0; left: 0; padding: 0 40px; z-index: 99; transition: 0.3s; }
.header .menu { display: flex; align-items: center; gap: 15px; color: #fff; }
.header .menu li { font-size: 18px; margin: 0 10px; color: #fff; }
.header .menu li:nth-child(5) { margin-right: 0; }
.header .menu li p { width: 1px; height: 12px; background-color: #fff; }
.header .menu li:hover { color: #ddd; }
.header .menu span { display: flex; align-items: center; gap: 5px; font-size: 14px; }
.view_header .header { background-color: var(--darkblue) !important; }

/* 퀵메뉴 */
.quick_menu { position: fixed; bottom: 30px; right: 30px; z-index: 99; display: flex; flex-direction: column; align-items: center; gap: 10px; transition: 0.3s; }
.quick_menu.bottom { bottom: 280px; }
.quick_menu span { width: 70px; height: 70px; background-color: var(--darkblue02); border-radius: 100%; box-shadow: 0px 4px 16px rgba(0,0,0,0.3); transition: 0.3s; }
.quick_menu span a { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; font-size: 12px; color: #fff; }
.quick_menu span:hover { background-color: var(--blue03); }
.quick_menu span#scroll_top { background: #e7e7e7; backdrop-filter: blur(20px); width: 60px; height: 60px; }
.quick_menu span#scroll_top a { color: #333; gap: 0; font-weight: 500; }

/* 메인 */
.container { min-width: 1200px; }
.container .banner { height: 440px; background-color: #0c2845; }
.container .banner .swiper { width: 100%; height: 100%; }
.container .banner .swiper .swiper-pagination-bullet { background-color: #fff; margin: 0 5px; }
.container .banner .swiper .swiper-pagination { bottom: 20px !important; }
.container .banner .swiper .swiper-slide { display: flex; align-items: center; }
.container .banner .swiper .swiper-slide span { font-size: 42px; font-weight: bold; line-height: 80px; display: block; color: #fff; }
.container .banner .swiper .swiper-slide h1 { display: flex; align-items: center; gap: 10px; font-size: 50px; }
.container .banner .swiper .swiper-slide a { display: inline-block; padding: 15px 40px; background-color: #fff; font-size: 17px; font-weight: 500; margin-top: 30px; transition: 0.3s; }
.container .banner .swiper .swiper-slide a:hover { background-color: var(--skyblue); color: #fff; }
.container .banner .swiper .swiper-slide:nth-child(1) { background: url(../images/main/banner01.png) no-repeat 50% 50%; background-size: cover; }
.container .banner .swiper .swiper-slide:nth-child(2) { background: url(../images/main/banner02.png) no-repeat 50% 50%; background-size: cover; }
.container .banner .swiper .swiper-slide:nth-child(3) { background: url(../images/main/banner03.png) no-repeat 50% 50%; background-size: cover; }
.container .banner .swiper .swiper-slide:nth-child(4) { background: url(../images/main/banner04.png) no-repeat 50% 50%; background-size: cover; }
.container .banner .swiper .swiper-slide:nth-child(5) { background: url(../images/main/banner05.png) no-repeat 50% 50%; background-size: cover; }

.container .domain_box { display: flex; flex-direction: column; justify-content: center; gap: 10px; height: 95px; background-color: #f7f7f7; }
.container .domain_box .domain { display: flex; align-items: center; width: 100%; height: 50px; border: 1px solid #ccc; background-color: #fff; transition: 0.3s; }
.container .domain_box .domain:hover { border: 1px solid var(--skyblue); }
.container .domain_box .domain.on { border: 1px solid var(--skyblue); box-shadow: 0px 2px 12px rgba(0,0,0,0.2); }
.container .domain_box .domain span { font-size: 18px; font-weight: bold; margin-left: 20px; }
.container .domain_box .domain input[type=text] { width: 100%; height: 100%; border: none; font-size: 18px; }
.container .domain_box .domain button { display: flex; gap: 2px; align-items: center; justify-content: center; width: 110px; height: 100%; border: none; font-size: 16px; background-color: var(--skyblue); color: #fff; }

.container .service_info { margin-top: 40px; }
.container .service_info ul { display: flex; flex-wrap: wrap; gap: 20px; }
.container .service_info ul li { display: flex; flex-direction: column; justify-content: space-between; width: 275px; height: 320px; padding: 30px; border-radius: 10px; border: 1px solid #f1f1f1; background-color: #fff; box-sizing: border-box; position: relative; transition: 0.3s; }
.container .service_info ul li:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
.container .service_info ul li .sv_text h1 { font-size: 22px; font-weight: 700; color: #333; margin-bottom: 20px; }
.container .service_info ul li .sv_text h2 { font-size: 30px; font-weight: bold; color: #fff; margin-bottom: 10px; }
.container .service_info ul li .sv_text span { font-size: 16px; color: #888; line-height: 24px; }
.container .service_info ul li > a { width: 100%; height: 40px; line-height: 40px; color: #fff; text-align: center; background-color: var(--darkblue); font-size: 15px; font-weight: 500; transition: 0.3s; }
.container .service_info ul li > a:hover { background-color: #e8e8e8; }
.container .service_info img { position: absolute; top: 15px; right: 15px; }

.container .service_info ul li.inq_box { background-color: var(--skyblue); }
.container .service_info ul li.inq_box .sv_text h1 { color: #fff; }
.container .service_info ul li.inq_box .sv_text span { color: #fff; }
.container .service_info ul li.inq_box > a { background-color: #174e9b; color: #fff; }

.container .service_info ul li.acc_box { background-color: #00afc9; }
.container .service_info ul li.acc_box > a { background-color: #006472; color: #fff; }
.container .service_info ul li.acc_box .sv_text h1 { color: #fff; }
.container .service_info ul li.acc_box .sv_text span { color: #fff; }

.container .service_info ul li.cus_box { background-color: var(--darkblue02); overflow: hidden; }
.container .service_info ul li.cus_box .sv_text h1 { color: #fff; position: relative; z-index: 1; }
.container .service_info ul li.cus_box a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.container .service_info ul li.cus_box::before { position: absolute; top: 135px; right: -75px; width: 150px; height: 150px; background-color: rgb(23,78,155,1); content: ''; transform: rotate(45deg); transition: 0.3s; }
.container .service_info ul li.cus_box:hover::before { transform: scale(4); }

.container .banner_box { display: flex; gap: 20px; margin-top: 60px; }
.container .banner_box i { flex: 1; height: 150px; border-radius: 10px; background-color: #aaa; }

.container .notice { margin-top: 60px; }
.container .notice .nt_top { width: 100%; height: 160px; background-color: var(--darkblue02); position: relative; overflow: hidden; }
.container .notice .nt_top a { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; color: #fff; padding: 30px; box-sizing: border-box; position: relative; z-index: 1; }
.container .notice .nt_top a h1 { font-size: 30px; font-weight: 600; margin-bottom: 20px; }
.container .notice .nt_top a span { font-size: 18px; font-weight: 500; }
.container .notice .nt_top::before { position: absolute; top: -50px; right: 50px; width: 150px; height: 150px; background-color: rgb(23,78,155,0.9); content: ''; }
.container .notice .nt_top::after { position: absolute; top: 50px; right: 100px; width: 200px; height: 200px; border-radius: 100%; background-color: rgb(23,78,155,0.7); content: ''; }
.container .notice .nt_top::before { animation-name: rotate; animation-duration: 8s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; }
.container .notice .nt_top:hover::before { animation-play-state: paused; }
@keyframes rotate { 100% { transform: rotate(360deg); } }
.container .notice ul li { display: flex; align-items: center; gap: 10px; border-bottom: 1px dashed #ddd; font-size: 16.5px; padding: 0 10px; position: relative; overflow: hidden; }
.container .notice ul li::before { width: 5px; height: 5px; border-radius: 100%; background-color: var(--darkblue); content: ''; position: relative; z-index: 1; }
.container .notice ul li::after { width: 100%; height: 100%; content: ''; background: linear-gradient(90deg, #f7f7f7 0%, #efefef 100%); position: absolute; left: -100%; top: 0; transition: 0.7s; }
.container .notice ul li:hover::after { left: 0; }
.container .notice ul li a { width: 100%; height: 65px; display: flex; align-items: center; align-items: center; justify-content: space-between; font-weight: 600; position: relative; z-index: 1; }
.container .notice ul li span { font-size: 15px; color: #888; position: relative; z-index: 1; }

/* 테이블 공통 */
table { border-top: 2px solid var(--darkblue02); }
table thead th { height: 50px; font-weight: 600; border-bottom: 1px solid #ddd; background-color: #eee; }
table tbody td { height: 50px; text-align: center; border-bottom: 1px solid #ddd; line-height: 24px; }
.col_table th { width: 200px; height: 50px; background-color: #eee; border-bottom: 1px solid #ddd; font-weight: 500; font-size: 15px; }
.col_table td { border-bottom: 1px solid #ddd; text-align: left; padding: 0 10px; font-size: 14px; }
.col_table td input { height: 40px; font-size: 14px; margin: 10px 0; }
.col_table td select { height: 40px; font-size: 14px; margin: 10px 0; border: 1px solid #ccc; background-color: #fff; }
.col_table td textarea { width: 100%; margin: 5px 0; padding: 5px; border: 1px solid #ccc; }
.col_table td i { display: flex; align-items: center; gap: 10px; }
.col_table td input[type=radio] { margin-right: 5px; }
.col_table td input[type=checkbox] { margin: 0; margin-right: 5px; }
.col_table.alignL tbody th { text-align: left; padding: 0 20px; box-sizing: border-box; }

/* 서브 공통 */
.container .visual { height: 360px; background: linear-gradient(90deg, #0c2845 50%, #1a4076 50%); }
.container .visual .wrap { display: flex; align-items: center; justify-content: space-between; height: 360px; }
.container .visual span { font-size: 42px; font-weight: bold; line-height: 80px; display: block; color: #fff; }
.container .visual h1 { display: flex; align-items: center; gap: 10px; font-size: 50px; }
.container .visual .visual_event { display: flex; gap: 35px; }
.container .visual .visual_event i { display: block; content: ''; width: 140px; height: 140px; border-radius: 100%; background-color: var(--darkblue02); }
.container .visual .visual_event i { animation-name: event; animation-duration: 2s; animation-timing-function: ease-out; animation-iteration-count: infinite; animation-direction: alternate; }
.container .visual .visual_event i:nth-child(1) { opacity: 0.4; animation-duration: 1.5s; }
.container .visual .visual_event i:nth-child(2) { opacity: 0.7; animation-duration: 1.8s; }
@keyframes event { 0% { transform: scale(0.6); } 100% { transform: scale(1); } }

.container .product { margin-top: 80px; }
.container .product > ul { display: flex; flex-wrap: wrap; gap: 20px; }
.container .product > ul > li { width: 373px; padding: 30px; border: 1px solid #f1f1f1; background-color: #fff; border-radius: 10px; overflow: hidden; box-sizing: border-box; position: relative; top: 0; transition: 0.3s; }
.container .product > ul > li:hover { top: -10px; box-shadow: 0px 10px 20px rgba(0,0,0,0.1); }
.container .product > ul > li > span { display: block; margin-bottom: 20px; }
.container .product > ul > li > h1 { font-size: 28px; font-weight: 600; color: var(--blue); }
.container .product > ul > li > h2 { display: flex; align-items: flex-end; gap: 5px; font-size: 32px; font-weight: 800; margin-top: 15px; margin-bottom: 10px; }
.container .product > ul > li > h2 b { font-size: 14px; color: #888; font-weight: 400; padding-bottom: 3px; }
.container .product > ul > li > dl { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; }
.container .product > ul > li > dl dd { display: flex; align-items: center; gap: 10px; }
.container .product > ul > li > dl dd::before { width: 4px; height: 4px; border-radius: 100%; background-color: #888; content: ''; }
.container .product > ul > li > dl p { display: flex; flex-wrap: wrap; gap: 10px; }
.container .product > ul > li > dl p span { display: flex; align-items: center; font-size: 14px; gap: 2px; }
.container .product > ul > li > i { display: flex; gap: 5px; margin-top: 30px; }
.container .product > ul > li > i a { width: 100%; text-align: center; height: 40px; line-height: 40px; background-color: var(--darkblue); color: #fff; font-size: 15px; transition: 0.3s; }
.container .product > ul > li > i a:hover { background-color: #3c4b5c; }
.container .product > ul > li .best { background-color: var(--orange); color: #fff; padding: 5px 10px; border-bottom-right-radius: 5px; font-size: 12px; position: absolute; top: 0; left: 0; }
.container .product .sv_p li { flex-basis: 275px; }
.container .product .sv_p li dl dd { font-size: 15px; letter-spacing: -0.04rem; }

.container .support { margin-top: 100px; }
.container .support ul { display: flex; flex-wrap: wrap; gap: 60px 120px; }
.container .support ul li { display: flex; flex-direction: column; align-items: center; gap: 10px; width: 200px; }
.container .support ul li p { margin-bottom: 10px; }
.container .support ul li h1 { font-size: 18px; font-weight: 600; text-align: center; line-height: 24px; }
.container .support ul li span { font-size: 15px; line-height: 24px; border-bottom: 1px dashed #888; }

.container .character { margin-top: 100px; }
.container .character ul { display: flex; justify-content: space-between; }
.container .character ul li h1 { font-size: 22px; font-weight: 600; display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }
.container .character ul li span { line-height: 24px; }

.container .report { margin-top: 100px; }
.container .report ul { margin-top: -40px; }
.container .report ul li { display: flex; align-items: center; height: 65px; border-bottom: 1px dashed #ddd; font-size: 16.5px; padding: 0 10px; }
.container .report ul li span { display: flex; align-items: center; gap: 10px; }
.container .report ul li span::before { width: 5px; height: 5px; border-radius: 100%; background-color: var(--darkblue); content: ''; }
.container .report ul li p { padding-left: 15px; }

/* .sub_bottom { background-color: #f7f7f7; border-top: 1px solid #ddd; min-width: 1200px; }
.sub_bottom ul { display: flex; }
.sub_bottom ul li { padding: 40px 70px; border-left: 1px solid #ddd; }
.sub_bottom ul li > h2 { font-size: 30px; font-weight: bold; margin: 15px 0 10px 0; letter-spacing: -0.2px; }
.sub_bottom ul li > p { line-height: 24px; font-size: 14px; }
.sub_bottom ul li > a { width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 13px; color: #fff; background-color: #1a4076; margin-top: 10px; transition: 0.3s; }
.sub_bottom ul li:first-child { border: none; padding-left: 0; }
.sub_bottom ul li:last-child { padding-right: 0; }
.sub_bottom ul li:last-child a { background-color: var(--darkblue); }
.sub_bottom ul li > a:hover { background-color: #777; }
.sub_bottom ul li .ns_tab { width: 350px; display: flex; margin: 20px 0; border-top: 1px solid #222; padding-top: 20px; }
.sub_bottom ul li .ns_tab dd { font-size: 13px; width: 50%; height: 35px; line-height: 33px; text-align: center; border: 1px solid #222; box-sizing: border-box; font-weight: 500; cursor: pointer; }
.sub_bottom ul li .ns_tab dd.this { background-color: #222; color: #fff; }
.sub_bottom ul li .hostDns { display: flex; flex-direction: column; gap: 15px; }
.sub_bottom ul li .hostDns span { display: flex; align-items: center; justify-content: space-between; }
.sub_bottom ul li .hostDns span i { display: flex; align-items: center; gap: 5px; font-size: 15px; }
.sub_bottom ul li .hostDns span b { display: block; color: #888; width: 35px; padding: 4px 0; text-align: center; background-color: #516781; color: #fff; font-size: 12px; margin-right: 5px; }
.sub_bottom ul li .hostDns span a { background-color: var(--darkblue); color: #fff; font-size: 12px; padding: 4px 10px; margin-left: 20px; } */

.sub_bottom { display: flex; align-items: center; justify-content: space-between; padding: 20px 40px; background-color: #f1f1f1; }
.sub_bottom i { display: flex; align-items: center; gap: 10px; }
.sub_bottom i h1 { color: var(--skyblue); font-size: 28px; }
.sub_bottom i p { font-size: 13px; color: #999; }
.sub_bottom i b { font-size: 13px; color: var(--red); }

.btn_box { display: flex; justify-content: center; margin-top: 20px; gap: 10px; }
.btn_box a { display: flex; justify-content: center; padding: 15px 30px; color: #fff; }
.btn_box02 { display: flex; justify-content: center; margin-top: 20px; gap: 10px; }
.btn_box02 a { display: flex; justify-content: center; padding: 10px 30px; color: #fff; font-size: 14px; }

/* 서버파킹 */
.container .product table thead th { font-weight: 600; font-size: 17px; border-left: 1px solid #ddd; }
.container .product table thead th:first-child { border-left: none; }
.container .product table tbody td { border-left: 1px solid #ddd; padding: 10px 0; }
.container .product table tbody td:first-child { border-left: none; }
.container .product table tbody td span { display: flex; align-items: flex-end; justify-content: center; gap: 5px; font-size: 14px; color: #888; }
.container .product table tbody td span strong { font-size: 22px; color: #222; }
.container .product table tbody td b { font-size: 26px; font-weight: 600; color: var(--blue); }

/* 도메인 */
.container .product .domain_table { margin-bottom: 40px; }
.container .product .domain_table tr { background-color: #f4f9ff; }
.container .product .domain_table tr.impossible { background-color: #fff6f2; }
.container .product .domain_table th { height: 40px; }
.container .product .domain_table td { padding: 0; height: 40px; font-size: 15px; }
.container .product .domain_table td a { display: inline-block; background-color: var(--blue); color: #fff; font-size: 13px; padding: 2px 10px; margin-left: 10px; }
.container .product .domain_table td a#domain_add { margin:0; width: 100px; padding: 20px 0; font-size: 16px; border-radius: 5px; background-color: var(--darkblue); }
.container .product .domain_table td strong { font-weight: 600 !important; }
.container .product .domain_table .domain_add_box { background-color: #f7f7f7; }

.container .product .domain_box { height: auto; background-color: #f1f1f1; padding: 30px; border-radius: 10px; }
.container .product .domain_box h1 { font-size: 20px; margin-bottom: 5px; font-weight: 600; }
.container .product .domain_box i { display: flex; align-items: center; gap: 5px; font-size: 14px; padding-left: 5px; }
.container .product .domain_box i input[type=checkbox] { width: 16px; height: 16px; }

/* 자주묻는 질문 */
.container .faq_wrap { margin-top: 100px; }
.container .faq_wrap .faq_table { width: 100%; display: inline-block; border-top: 1px solid #111; }
.container .faq_wrap .faq_table dt { display: flex; align-items: center; justify-content: space-between; width: 100%; border-bottom: 1px solid #ddd; height: 65px; cursor: pointer; padding: 0 30px 0 10px; font-weight: 500; box-sizing: border-box; }
.container .faq_wrap .faq_table dt i { position: relative; width: 2px; height: 16px; background-color: #111; transition: 0.3s; }
.container .faq_wrap .faq_table dt i::before { position: absolute; width: 2px; height: 16px; background-color: #111; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(90deg); content: ''; transition: 0.3s; }
.container .faq_wrap .faq_table dt i.on { transform: rotate(90deg); }
.container .faq_wrap .faq_table dt i.on::before { transform: translate(-50%,-50%) rotate(0deg); }
.container .faq_wrap .faq_table dd { width: 100%; border-bottom: 1px solid #ddd; padding: 30px; box-sizing: border-box; background-color: #eee; line-height: 24px; display: none; }

/* 고객센터 */
.container .customer_wrap { margin-top: 80px; }
.container .customer_wrap .cus_title { font-size: 36px; font-weight: 600; color: #222; text-align: center; }
.container .customer_wrap .cus_tab { display: flex; justify-content: center; margin-top: 40px; }
.container .customer_wrap .cus_tab li { width: 200px; line-height: 50px; border-bottom: 2px solid #ccc; text-align: center; font-size: 18px; }
.container .customer_wrap .cus_tab li:hover { color: #888; }
.container .customer_wrap .cus_tab li.this { font-weight: 600; border-bottom: 2px solid #111; }
.container .customer_wrap .notice_table { margin-top: 40px; }
.container .customer_wrap .notice_table table th { font-size: 17px; }
.container .customer_wrap .notice_table table td { height: 50px; }
.container .customer_wrap .notice_table table td:nth-child(2) { text-align: left; }
.container .customer_wrap .notice_table table td a:hover { color: var(--blue); }
.container .customer_wrap .notice_view_table { margin-top: 40px; }
.container .customer_wrap .notice_view_table table th:first-child { text-align: left; padding-left: 20px; }
.container .customer_wrap .notice_view_table table td { text-align: left; }
.container .customer_wrap .notice_view_table table td pre { padding: 20px; }
.container .customer_wrap .faq_tab { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 40px; }
.container .customer_wrap .faq_tab a { width: 140px; height: 45px; line-height: 45px; text-align: center; border: 1px solid #888; border-radius: 50px; transition: 0.3s; }
.container .customer_wrap .faq_tab a:hover { background-color: #777; color: #fff; }
.container .customer_wrap .faq_tab a.this { background-color: var(--darkblue); color: #fff; border: 1px solid var(--darkblue); }
.container .customer_wrap .faq_wrap { margin-top: 20px; }

/* 이용약관 */
.container .terms_wrap { margin-top: 80px; }
.container .terms_wrap .title { background-color: var(--darkblue02); color: #fff; padding: 60px 40px; font-size: 36px; margin: 0; font-weight: 500; letter-spacing: -0.2px; }
.container .terms_wrap .title b { font-size: 16px; font-weight: 400; }
.container .terms_wrap .terms_con { background-color: #fff; padding: 40px; }
.container .terms_wrap .terms_con p { font-size: 18px; font-weight: 600; margin-bottom: 20px; }
.container .terms_wrap .terms_con ul { margin-bottom: 40px; }
.container .terms_wrap .terms_con ul:last-child { margin: 0; }
.container .terms_wrap .terms_con ul li { line-height: 24px; }

.privacy_box { padding: 20px; font-size: 14px !important; line-height: 24px; background-color: #eee; }
.table_twodepth { margin-bottom: 20px; }
.table_twodepth th { height: 40px; font-size: 14px; font-weight: 600; border-left: 1px solid #ddd; }
.table_twodepth th:first-child { border-left: none; }
.table_twodepth td { font-size: 14px; line-height: 20px; border-left: 1px solid #ddd; padding: 10px; }
.table_twodepth td:first-child { border-left: none; }

/* 회원탈퇴 */
.container .withdraw_wrap { margin-top: 80px; }
.container .withdraw_wrap > h2 { font-weight: 600; }
.container .withdraw_wrap .withdraw_info { margin-top: 40px; }
.container .withdraw_wrap .withdraw_info h1 { font-size: 18px; font-weight: bold; margin-bottom: 10px; display: flex; align-items: center; gap: 5px; }
.container .withdraw_wrap .withdraw_info span { display: block; line-height: 24px; }
.container .withdraw_wrap .col_table td i { display: flex; flex-wrap: wrap; gap: 0 20px; margin: 20px 0; }
.container .withdraw_wrap .col_table td i input { height: auto; }
.container .withdraw_wrap .col_table td i span { display: flex; align-items: center; gap: 5px; }
.container .withdraw_wrap .col_table td textarea { border: 1px solid #ccc; width: 840px; height: 200px; font-size: 15px; padding: 10px; margin-bottom: 20px; }

/* 회원가입 */
.join_wrap { width: 540px; min-height: 100vh; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 0; }
.join_wrap .copy_logo { margin-bottom: 20px; }
.join_wrap dl { width: 400px; display: flex; align-items: center; margin-bottom: 20px; border-top: 1px solid #ddd; }
.join_wrap dd { width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; color: #888; }
.join_wrap dd.this { border-top: 2px solid #111; color: #111; font-weight: 600; }
.join_wrap .join_logo { margin-bottom: 30px; }
.join_wrap .join_logo img { width: 160px; }
.join_wrap .join_box { width: 100%; padding: 40px; border: 1px solid #ddd; }
.join_wrap .join_box h1 { font-size: 15px; margin-bottom: 10px; font-weight: 500; }
.join_wrap .join_box h2 { font-size: 26px; line-height: 36px; margin-bottom: 20px; font-weight: 500; }

.join_wrap .join_box .join_cer i { display: flex; align-items: center; border-bottom: 1px solid #111; }
.join_wrap .join_box .join_cer i select { border: none; font-size: 16px; }
.join_wrap .join_box .join_cer i input { border: none; height: 60px; font-size: 15px; }
.join_wrap .join_box .join_cer i a { width: 70px; height: 35px; line-height: 35px; text-align: center; background-color: var(--darkblue); color: #fff; font-size: 14px; border-radius: 5px; }

.join_wrap .join_box .member_type { margin-top: 20px; }
.join_wrap .join_box .member_type ul { display: flex; border-radius: 5px; overflow: hidden; margin-bottom: 20px; }
.join_wrap .join_box .member_type ul li { width: 50%; height: 50px; display: flex; align-items: center; justify-content: center; background-color: #cfcfcf; cursor: pointer; font-size: 15px; }
.join_wrap .join_box .member_type ul li.this { background-color: var(--darkblue); color: #fff; }
.join_wrap .join_box .join_member i { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.join_wrap .join_box .join_member i h1 { margin: 0; flex: 1 1 30%; }
.join_wrap .join_box .join_member i input { width: 100%; height: 50px; font-size: 15px; border:none; border-bottom: 1px solid #ddd; letter-spacing: -0.4px; }
.join_wrap .join_box .join_member i input.block { background-color: #eee; }
.join_wrap .join_box .join_member i select { width: 100%; height: 50px; font-size: 15px; border:none; border-bottom: 1px solid #ddd; }
.join_wrap .join_box .join_member .flex10 i { width: calc(50% - 10px); }
.join_wrap .join_box .join_member .flex10 i h1 { flex: 1 1 50%; }

.join_wrap .join_btn { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 20px; }
.join_wrap .join_btn a { width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; }

.join_wrap .sv_link { margin-top: 40px; }
.join_wrap .sv_link .sv_link_box { display: flex; flex-wrap: wrap; margin-top: 20px; }
.join_wrap .sv_link .sv_link_box p { flex: 1 1 50%; height: 60px; }
.join_wrap .sv_link .sv_link_box p a { display: flex; align-items: center; font-size: 20px; font-weight: 500; gap: 5px; transition: 0.3s; }
.join_wrap .sv_link .sv_link_box p a:hover { color: var(--blue); }

.join_wrap .join_box .cont_box { margin-top: 30px; font-weight: 500; }
.join_wrap .join_box .cont_box .counsel_label { width: 100%; height: 40px; position: relative; padding-left: 25px; display: flex; align-items: center; }
.join_wrap .join_box .cont_box .counsel_label.all_agree { border-bottom: 1px solid #ccc; }
.join_wrap .join_box .cont_box .counsel_label input { position: absolute; top: 50%; left:0; transform: translate(0,-50%); width: 18px; height: 18px; }
.join_wrap .join_box .cont_box .counsel_label label { font-size: 15px; }
.join_wrap .join_box .cont_box .counsel_label b { font-size: 15px; }
.join_wrap .join_box .cont_box .counsel_label a { font-size: 13px; color: #777; margin-left: 5px; margin-top: 4px; padding-bottom: 3px; border-bottom: 1px solid #ccc; }
.join_wrap .join_copy { font-size: 12px; margin-top: 40px; text-align: center; color: #888; }

/* 아이디/비밀번호 찾기 */
.find_wrap .join_box .find_box i { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.find_wrap .join_box .find_box i h1 { margin: 0; flex: 1 1 30%; }
.find_wrap .join_box .find_box i input { width: 100%; height: 50px; font-size: 15px; border:none; border-bottom: 1px solid #ddd; }
.find_wrap .join_box p { display: flex; width: 100%; justify-content: end; margin-top: 20px; font-size: 15px; }
.find_wrap .join_box p:hover { color: var(--blue); }
.find_wrap .find_btn { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 20px; }
.find_wrap .find_btn a { width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; }

/* 정보수정 */
.container .mypage_wrap { margin-top: 80px; }
.container .mypage_wrap > h2 { font-weight: 600; }
.container .mypage_wrap > p { display: flex; align-items: center; gap: 5px; font-size: 14px; }
.container .mypage_wrap > span { display: flex; align-items: center; justify-content: flex-end; padding: 40px 0 10px 0; margin-top: 20px; font-size: 15px; color: #888; gap: 5px; border-top: 1px dashed #222; }
.container .mypage_wrap .col_table th { text-align: left; padding-left: 20px; }
.container .mypage_wrap .col_table td p { display: flex; align-items: center; gap: 5px; }
.container .mypage_wrap .col_table td a { height: 40px; line-height: 40px; padding: 0 20px; background-color: var(--gray); color: #fff; font-size: 14px; }
.container .mypage_wrap .col_table td i { display: inline-flex; align-items: center; gap: 5px; margin-left: 10px; font-size: 14px; font-weight: 500; }
.container .mypage_wrap .col_table td i label { margin-right: 10px; }
.container .mypage_wrap .col_table td input { margin : 5px 0; }

/* 보안인증서 */
.container .ssl_wrap { margin-top: 80px; }
.container .ssl_wrap > h2 { font-weight: 600; line-height: 24px; }
.container .ssl_wrap > span { display: inline-block; width: 100%; padding: 20px 0 10px 0; margin-top: 20px; border-top: 1px dashed #222; content: ''; }
.container .ssl_wrap .img_box { height: 350px; display: flex; align-items: center; justify-content: center; border: 1px dashed #d0d8dc; background-color: #e9eef3; }
.container .ssl_wrap .ssl_intro { margin-top: 40px; }
.container .ssl_wrap .ssl_intro ul li { display: flex; align-items: center; gap: 20px; border-bottom: 1px dashed #ddd; padding: 20px 0; }
.container .ssl_wrap .ssl_intro ul li:last-child { border: none; }
.container .ssl_wrap .ssl_intro ul li h1 { font-size: 20px; font-weight: 700; margin-bottom: 10px; }
.container .ssl_wrap .ssl_intro ul li b { font-weight: 500; }
.container .ssl_wrap .warning_box { height: 50px; display: flex; gap: 10px; align-items: center; justify-content: center; background-color: #fff0f0; border: 1px solid #e7a9a9; margin-top: 40px; }
.container .ssl_wrap .warning_box span { color: #ea0808; }
.container .ssl_wrap .warning_box span b { font-weight: 700; text-decoration: underline; }
.container .ssl_wrap .warning_box img { padding-bottom: 8px; }
.container .ssl_wrap .ssl_info_box { border: 1px solid var(--darkblue); margin-top: 40px; }
.container .ssl_wrap .ssl_info_box h1 { background-color: var(--darkblue); color: #fff; text-align: center; font-size: 18px; font-weight: 700; line-height: 40px; }
.container .ssl_wrap .ssl_info_box h1 b { color: #fed9b2; }
.container .ssl_wrap .ssl_info_box .ssl_info_txt { display: flex; align-items: center; justify-content: center; gap: 40px; padding: 40px; }
.container .ssl_wrap .ssl_info_box .ssl_info_txt span { line-height: 24px; letter-spacing: -0.4px; }
.container .ssl_wrap .apply_process { margin-top: 40px; }
.container .ssl_wrap .apply_process h1 { font-size: 20px; font-weight: 700; margin-bottom: 30px; }
.container .ssl_wrap .apply_process ul { display: flex; align-items: center; gap: 10px; }
.container .ssl_wrap .apply_process ul li span { padding: 7px 15px; border: 1px solid #111; font-size: 15px; font-weight: 600; }
.container .ssl_wrap .apply_process ul li span.bg_gr { color: #fff; }
.container .ssl_wrap .btn_area { border-top: 1px dotted #111; margin-top: 40px; padding-top: 40px; text-align: center; }
.container .ssl_wrap .btn_area a { display: inline-block; padding: 15px 20px; background-color: var(--blue); color: #fff; }

/* 서비스 신청 */
.reg_wrap { margin-top: 80px; display: flex; justify-content: space-between; position: relative; }
.reg_wrap .reg_con_wrap { width: 870px; }
.reg_wrap .reg_con_wrap > h1 { font-size: 28px; font-weight: 600; margin-bottom: 20px; }
.reg_wrap .reg_con_wrap > span { line-height: 24px; font-weight: 600; }
.reg_wrap .reg_con_wrap .reg_con { background-color: #fff; padding: 30px; border-radius: 10px; margin-top: 20px; }
.reg_wrap .reg_con_wrap .reg_con .reg_title { font-size: 24px; font-weight: 500; display: flex; justify-content: space-between; align-items: flex-end; }
.reg_wrap .reg_con_wrap .reg_con .reg_title b { font-size: 14px; color: #888; font-weight: 400; }

.reg_wrap .reg_con_wrap .reg_con .product { margin-top: 20px; }
.reg_wrap .reg_con_wrap .reg_con .product ul { flex-wrap: nowrap; gap: 10px; }
.reg_wrap .reg_con_wrap .reg_con .product ul li { width: 100%; padding: 20px; border-radius: 10px; cursor: pointer; }
.reg_wrap .reg_con_wrap .reg_con .product ul li h1 { font-size: 22px; line-height: 26px;}
.reg_wrap .reg_con_wrap .reg_con .product ul li h2 { font-size: 28px; }
.reg_wrap .reg_con_wrap .reg_con .product ul li span { font-size: 14px; line-height: 20px; margin-bottom: 10px; }
.reg_wrap .reg_con_wrap .reg_con .product ul li dl { gap: 10px; margin-top: 20px; }
.reg_wrap .reg_con_wrap .reg_con .product ul li dl dd { font-size: 14px; line-height: 20px; align-items: flex-start; }
.reg_wrap .reg_con_wrap .reg_con .product ul li dl dd::before { display: none; }
.reg_wrap .reg_con_wrap .reg_con .product ul li .check_con { display: flex; justify-content: end; margin-bottom: 10px; }
.reg_wrap .reg_con_wrap .reg_con .product ul li .check_con label { padding-left: 20px; }
.reg_wrap .reg_con_wrap .reg_con .product ul li.this { background: linear-gradient(135deg, var(--darkblue02) 0%, var(--blue) 100%); color: #fff; border: none; }
.reg_wrap .reg_con_wrap .reg_con .product ul li.this h1 { color: #fff; }
.reg_wrap .reg_con_wrap .reg_con .product ul li.this h2 b { color: #ccc; }
.reg_wrap .reg_con_wrap .reg_con .product ul li.this dl dd::before { background-color: #ccc; }

.reg_wrap .reg_con_wrap .reg_con .product_sel { margin-top: 40px; padding-top: 40px; border-top: 1px dashed #ddd; }
.reg_wrap .reg_con_wrap .reg_con .product_sel ul { display: flex; align-items: center; gap: 30px; margin-top: 20px; }
.reg_wrap .reg_con_wrap .reg_con .product_sel ul li { display: flex; align-items: center; gap: 5px; }
.reg_wrap .reg_con_wrap .reg_con .product_sel ul li > h1 { font-weight: 500; margin-right: 10px; }
.reg_wrap .reg_con_wrap .reg_con .product_sel ul li > input { width: 60px; height: 27px; border: 1px solid #aaa; text-align: center; font-size: 15px; border-radius: 100px; }
.reg_wrap .reg_con_wrap .reg_con .product_sel ul li > b { color: #888; font-size: 14px; }
.reg_wrap .reg_con_wrap .reg_con .product_sel ul li > span { font-weight: 800; }
.reg_wrap .reg_con_wrap .reg_con .product_sel ul li > i { display: flex; align-items: center; }
.reg_wrap .reg_con_wrap .reg_con .product_sel ul li > i span { cursor: pointer; }
.reg_wrap .reg_con_wrap .reg_con .product_sel ul li > select { height: 30px; }

.reg_wrap .reg_con_wrap .reg_con .product_sel.domain_sel { margin-top: 0; padding-top: 0; border-top: none; }
.reg_wrap .reg_con_wrap .reg_con .product_sel.domain_sel > .reg_title { margin-bottom: 40px; }
.reg_wrap .reg_con_wrap .reg_con .product_sel.domain_sel .domain_sel_con { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #ddd; }
.reg_wrap .reg_con_wrap .reg_con .product_sel.domain_sel .domain_sel_con:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.reg_wrap .reg_con_wrap .reg_con .product_sel.domain_sel .domain_sel_con > i { display: flex; align-items: center; gap: 10px; }
.reg_wrap .reg_con_wrap .reg_con .product_sel.domain_sel .domain_sel_con > i h1 { font-weight: 600; }
.reg_wrap .reg_con_wrap .reg_con .product_sel.domain_sel .domain_sel_con > i a { border: 1px solid #111; font-size: 13px; padding: 5px 10px; background-color: var(--black); color: #fff; }
.reg_wrap .reg_con_wrap .reg_con .product_sel.domain_sel .domain_sel_con > ul { justify-content: space-between; gap: 0; }

.reg_wrap .reg_con_wrap .reg_con .option { margin-top: 40px; display: flex; flex-direction: column; gap: 20px; }
.reg_wrap .reg_con_wrap .reg_con .option i { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px dashed #ddd; padding-bottom: 20px; }
.reg_wrap .reg_con_wrap .reg_con .option i:last-child { border-bottom: none; padding-bottom: 0; }
.reg_wrap .reg_con_wrap .reg_con .option i h2 { display: flex; align-items: center; gap: 5px; }
.reg_wrap .reg_con_wrap .reg_con .option i h2 span { font-weight: 700; }
.reg_wrap .reg_con_wrap .reg_con .option i h2 b { font-size: 14px; color: #888; }
.reg_wrap .reg_con_wrap .reg_con .option i > ul { display: flex; align-items: center; gap: 15px; }
.reg_wrap .reg_con_wrap .reg_con .option i > ul > h1 { display: flex; align-items: center; font-size: 18px; width: 140px; gap: 2px; }
.reg_wrap .reg_con_wrap .reg_con .option i > ul > li { display: flex; align-items: center; gap: 5px; font-size: 14px; letter-spacing: -0.4px; line-height: 20px; }
.reg_wrap .reg_con_wrap .reg_con .option i > ul > li input[type=radio] { width: 15px; height: 15px; }
.reg_wrap .reg_con_wrap .reg_con .option i > ul > li input[type=checkbox] { width: 15px; height: 15px; }
.reg_wrap .reg_con_wrap .reg_con .option i > ul > li input[type=text] { height: 35px; }
.reg_wrap .reg_con_wrap .reg_con .option i > ul > li input[type=password] { height: 35px; }
.reg_wrap .reg_con_wrap .reg_con .option i > ul > li select { height: 35px; border: 1px solid #ccc; }
.reg_wrap .reg_con_wrap .reg_con .option i > ul > li > a { height: 35px; line-height: 35px; padding: 0 20px; background-color: var(--darkblue); color: #fff; font-size: 14px; }
.reg_wrap .reg_con_wrap .reg_con .option i > ul > li > p { display: flex; align-items: center; gap: 20px;  }
.reg_wrap .reg_con_wrap .reg_con .option i > ul > li > p span { display: flex; align-items: center; gap: 5px;  }
.reg_wrap .reg_con_wrap .reg_con .option i > ul > li > table th { text-align: center; height: 40px; }
.reg_wrap .reg_con_wrap .reg_con .option.info_opt i > ul { gap: 5px; }
.reg_wrap .reg_con_wrap .reg_con .option.info_opt i > ul > h1 { width: 200px; font-size: 17px; }
.reg_wrap .reg_con_wrap .reg_con .option.info_opt i > ul.flex_wrap { flex-wrap: wrap; }
.reg_wrap .reg_con_wrap .reg_con .option.info_opt .nsTable { display: inline-flex; width: 100%; }
.reg_wrap .reg_con_wrap .reg_con .option.info_opt .nsTable table { margin-top: 10px; }

.reg_wrap .reg_con_wrap .reg_con .option .column > ul { flex-direction: column; align-items: flex-start; width: 100%; gap: 15px !important; }
.reg_wrap .reg_con_wrap .reg_con .option .column > ul li { width: 100%; }
.reg_wrap .reg_con_wrap .reg_con .option .column > ul h1 { width: 100%; }
.reg_wrap .reg_con_wrap .reg_con .option .column > ul li.end { width: 100%; justify-content: flex-end; }
.reg_wrap .reg_con_wrap .reg_con .option .column .terms_con { height: 200px; overflow-y: auto; overflow-x: hidden; border: 1px solid #ddd; padding: 20px; }
.reg_wrap .reg_con_wrap .reg_con .option .column .terms_con p { font-size: 15px; font-weight: 600; margin-bottom: 10px; }
.reg_wrap .reg_con_wrap .reg_con .option .column .terms_con ul { margin-bottom: 20px; }
.reg_wrap .reg_con_wrap .reg_con .option .column .terms_con ul:last-child { margin: 0; }
.reg_wrap .reg_con_wrap .reg_con .option .column .terms_con ul li { line-height: 20px; }
.reg_wrap .reg_con_wrap .reg_con .option .column textarea { width: 100%; height: 140px; padding: 10px; font-size: 15px; }

.reg_wrap .reg_total_wrap { width: 1160px; position: fixed; left: 50%; transform: translate(-50%,0); }
.reg_wrap .reg_total_wrap .reg_total { position: absolute; top:0; right: 0; width: 260px; }
.reg_wrap .reg_total_wrap .reg_total > h1 { color: #888; margin-bottom: 10px; }
.reg_wrap .reg_total_wrap .reg_total > h2 { font-size: 30px; font-weight: 700; letter-spacing: -1px; line-height: 40px; }
.reg_wrap .reg_total_wrap .reg_total ul { display: flex; flex-direction: column; gap: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 0; margin: 10px 0; }
.reg_wrap .reg_total_wrap .reg_total ul li { display: flex; align-items: center; justify-content: space-between; font-size: 15px; line-height: 24px; }
.reg_wrap .reg_total_wrap .reg_total ul li.total_end { background-color: #fffbd0; }
.reg_wrap .reg_total_wrap .reg_total ul li.total_end h1 { font-weight: 700; }
.reg_wrap .reg_total_wrap .reg_total ul li.pay_typeT { border-top: 1px solid #ddd; padding-top: 10px; }
.reg_wrap .reg_total_wrap .reg_total ul li.pay_type { flex-wrap: wrap; justify-content: flex-start; gap: 10px; font-weight: 500; }
.reg_wrap .reg_total_wrap .reg_total ul li h1 { font-weight: 500; }
.reg_wrap .reg_total_wrap .reg_total ul li h2 { font-weight: 600; display: flex; gap: 5px; }
.reg_wrap .reg_total_wrap .reg_total i { display: flex; flex-direction: column; gap: 5px; }
.reg_wrap .reg_total_wrap .reg_total i a { width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; border-radius: 5px; }

.reg_wrap .reg_total_wrap.absolute { position: inherit; width: auto; left: 0; transform: translate(0,0);}
.reg_wrap .reg_total_wrap.absolute .reg_total { top: auto; bottom: 0; }

@media screen and (max-width: 1200px) {
   .reg_wrap .reg_total_wrap { position: absolute; top:0; right: 0; }
}

/* 하단 공통 */
.footer { display: flex; flex-direction: column; gap: 20px; padding: 40px; background-color: var(--darkblue); color: #ddd; position: relative; min-width: 1200px; }
.footer .ci { width: 900px; }
.footer span { display: flex; align-items: flex-start; justify-content: space-between; font-size: 13px; }
.footer ul { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; }
.footer ul li { font-size: 13px; }
.footer ul li p { width: 1px; height: 10px; background-color: #777; }
.footer #bi_btn { padding: 10px 20px; border: 1px solid #ddd; transition: 0.3s; }
.footer #bi_btn:hover { background-color: #ddd; color: #111; font-weight: 600; }

/* 레이어 */
.layer_wrap { position: fixed; left:0; top:0; width: 100%; height: 100%; background-color: #111; opacity: 0.5; z-index: 100; }
.layer_close { cursor: pointer; }
.layer { position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 101; background-color: #fff; box-shadow: 0px 4px 12px rgba(0,0,0,0.3); opacity: 1; visibility: visible; transition: 0.6s; }
.layer.none { top: 55%; visibility: hidden; opacity: 0; display: block !important; }
.layer .layer_con { padding: 30px; }
.layer .layer_con .col_table input { margin: 5px 0; }
.layer .layer_con .col_table input[type=radio] { margin-right: 5px; }
.layer_top { display: flex; align-items: center; justify-content: space-between; height: 70px; background-color: var(--darkblue); padding: 0 22px 0 30px; }
.layer_top .layer_close { height: 32px; }
.layer_con > h1 { font-size: 20px; margin-bottom: 10px; font-weight: 600; }

/* 로그인 레이어 */
.login_layer { width: 440px; height: 464px; }
.login_layer .login_con { display: flex; flex-direction: column; gap: 10px; }
.login_layer .login_con .login_top { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 5px; }
.login_layer .login_con .login_top h1 { font-size: 18px; font-weight: 700; margin-bottom: 10px; }
.login_layer .login_con .login_top span { font-size: 13px; color: #888; display: block; letter-spacing: -0.4px; line-height: 20px; }
.login_layer .login_con .login_box { display: flex; justify-content: space-between; }
.login_layer .login_con .login_box p { display: flex; flex-direction: column; gap: 5px; }
.login_layer .login_con .login_box input { width: 280px; height: 40px; font-size: 14px; background-color: #f3f3f3; }
.login_layer .login_con .login_box a { display: flex; align-items: center; justify-content: center; width: 90px; height: 100%; color: #fff; background-color: var(--darkblue); }
.login_layer .login_con .login_bottom { display: flex; align-items: center; justify-content: space-between; font-size: 13px; }
.login_layer .login_con .login_bottom span { display: flex; align-items: center; gap: 5px; }
.login_layer .login_con .login_bottom span i { width: 1px; height: 10px; background-color: #ccc; }
.login_layer .login_con .join_box { background-color: #f1f1f1; padding: 20px; margin-top: 20px; }
.login_layer .login_con .join_box h1 { display: flex; align-items: flex-end; gap: 5px; font-weight: 600; margin-bottom: 10px; }
.login_layer .login_con .join_box h1 a { color: var(--blue); font-size: 14px; font-weight: 500; text-decoration: underline; }
.login_layer .login_con .join_box span { font-size: 14px; line-height: 18px; }

/* 이용약관 레이어 */
.terms_layer { width: 460px; height: 746px; padding: 20px; border-radius: 5px; }
.terms_layer .agree_cont_title { width: 100%; height: 55px; line-height: 55px; text-align: center; margin-bottom: 20px; background: #dfdfdf; }
.terms_layer .agree_cont { width: 100%; height: 560px; padding: 20px; border: 1px solid #ccc; overflow-y: auto; color: #333; }
.terms_layer .agree_cont p { font-size: 15px; line-height: 20px; font-weight: bold; }
.terms_layer .agree_cont ul { display: inline-block; margin: 10px 0 20px 0; }
.terms_layer .agree_cont ul li { font-size: 13px; line-height: 24px; padding-left: 10px; }
.terms_layer .agree_cont .privacy_box { padding: 10px;  margin-bottom: 20px; }
.terms_layer .agree_cont_btn { display: inline-block; width: 100%; text-align: center; margin-top: 25px; }
.terms_layer .agree_cont_btn a { display: inline-block; height: 45px; line-height: 45px; padding: 0 40px; font-size: 13px; background: var(--darkblue); color: #fff; border-radius: 5px; }

/* 휴대폰 인증 레이어 */
.hp_layer { width: 400px; }
.hp_layer .hp_con input { width: 100%; height: 50px; font-size: 16px; }

/* 관제설정 레이어 */
.port_layer { width: 480px; height: 472px; }

/* 서비스 차단 레이어 */
.svCut_layer { width: 480px; height: 482px; }

/* 서비스 허용 레이어 */
.svAllow_layer { width: 480px; height: 430px; }

/* 아이피 차단 레이어 */
.ipCut_layer { width: 480px; height: 522px; }

/* 국가대역 설정 레이어 */
.nation_layer { width: 560px; height: 532px; }
.nation_layer .layer_con table td a { height: 30px; line-height: 30px; padding: 0 15px; background-color: var(--blue); color: #fff; font-size: 13px; }

/* 팝업 공통 */
.popup_wrap .popup_title { background-color: var(--black); display: flex; align-items: center; height: 60px; border-bottom: 4px solid #777; }
.popup_wrap .popup_title h1 { font-size: 22px; font-weight: 500; color: #fff; padding: 0 20px; }
.popup_wrap .info_box { padding: 20px; padding-bottom: 0; }
.popup_wrap .info_box ul { border-radius: 5px; border: 1px solid #ccc; padding: 10px 20px; }
.popup_wrap .info_box ul li { font-size: 14px; line-height: 24px; display: flex; align-items: center; gap: 5px; }
.popup_wrap .info_box ul li::before { content: ''; width: 4px; height: 4px; background-color: var(--black); border-radius: 100%; display: block; margin-right: 5px; }
.popup_wrap .info_box ul li b { color: var(--red); }
.popup_wrap .popup_content { padding: 20px; }
.popup_wrap .popup_content .center_tit { font-size: 26px; font-weight: 700; margin: 20px 0; text-align: center; }
.popup_wrap .popup_content table thead th { height: 40px; border-left: 1px solid #ddd; font-size: 15px; }
.popup_wrap .popup_content table thead th:first-child { border-left: none; }
.popup_wrap .popup_content table tbody td { height: 40px; border-left: 1px solid #ddd; font-size: 15px; }
.popup_wrap .popup_content table tbody td:first-child { border-left: none; }
.popup_wrap .popup_content table tbody td a { height: 30px; line-height: 30px; padding: 0 10px; background-color: var(--blue); color: #fff; font-size: 14px; display: inline-block; }
.popup_wrap .popup_content .col_table th { font-size: 15px; }
.popup_wrap .popup_content .col_table td { font-size: 15px; }
.popup_wrap .popup_content .col_table td input { height: 30px; font-size: 15px; }
.popup_wrap .popup_content .col_table td select { height: 30px; font-size: 15px; }
.popup_wrap .popup_content .min_table td { height: 30px; }

.pop_btn { display: flex; justify-content: center; gap: 5px; margin-top: 20px; }
.pop_btn a { height: 35px; line-height: 35px; padding: 0 20px; border: none; font-size: 14px; }
.pop_btn input { height: 35px; padding: 0 20px; border: none; font-size: 14px; }
.pop_btn input:first-child { background-color: var(--black); color: #fff; }
.pop_btn input:last-child { background-color: #999; color: #fff; }
.pop_notice { background-color: #f7f7f7; padding: 20px; border-top: 1px solid #ddd; margin-top: 20px; }
.pop_notice .pop_nt_con { border: 1px dashed #111; padding: 20px; }
.pop_notice .pop_nt_con h1 { font-size: 14px; font-weight: 600; margin-bottom: 10px; }
.pop_notice .pop_nt_con ul li { font-size: 13px; color: #888; line-height: 20px; padding-left: 10px; position: relative; }
.pop_notice .pop_nt_con ul li::before { width: 2px; height: 2px; background-color: #111; border-radius: 100%; content: ''; position: absolute; left:0; top: 50%; transform: translate(0,-50%); }
.pop_notice .pop_nt_con ul li.c_none::before { display: none; }

/* 견적서 팝업 */
.popup_content .estimate_top { display: flex; gap: 5px; margin-bottom: 20px; }
.popup_content .estimate_top i { border: 1px solid #ddd; border-top: 2px solid var(--darkblue02); }
.popup_content .estimate_top i:first-child { width: 200px; padding: 10px 20px; }
.popup_content .estimate_top i:first-child h1 { font-size: 13px; font-weight: 700; }
.popup_content .estimate_top i:first-child span { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.popup_content .estimate_top i:first-child span input { height: 27px; width: 140px; }

.popup_content .estimate_top i:last-child { width: 360px; }
.popup_content .estimate_top i:last-child h1 { font-size: 13px; font-weight: 700; padding: 10px 20px; border-bottom: 1px dashed #111; }
.popup_content .estimate_top i:last-child p { padding: 10px 20px; display: flex; flex-wrap: wrap; gap: 10px 20px; }
.popup_content .estimate_top i:last-child p span { font-size: 13px; min-width: 110px; }

.popup_content .estimate_table td { font-size: 14px; text-align: left; padding: 0 10px; }
.popup_content .estimate_table td:first-child { text-align: center; font-weight: 600; }
.popup_content .estimate_table td:last-child { text-align: center; }
.popup_content .estimate_table td.td_bold { border-left: 1px solid #ddd !important; text-align: center; font-weight: 600; }
.popup_content .estimate_table td input { margin-right: 5px; }
.popup_content .estimate_bottom { padding: 20px 0; text-align: right; line-height: 24px; font-family: batang; font-size: 15px; border-bottom: 1px dashed #ccc; }

/* 주소찾기 팝업 */
.popup_container .address_title { background: #58595a; }
.popup_container .address_search_box { padding: 0 20px; margin: 15px 0; font-family: "dotum",sans-serif; font-size: 12px; }
.popup_container .address_search_box .search_box .address_input { float: left; padding: 0 0 0 5px; height: 25px; line-height: 25px; margin-right: 5px; border-top: 1px solid #a0a0a0; border-left: 1px solid #a0a0a0; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; width: 332px; background-color: #ffffff; }
.popup_container .address_search_box .search_box .address_input_bg { background: url(../images/common/bg_input.gif) no-repeat; }
.popup_container .address_search_box .search_box { border: 1px solid #d6d6d6; background-color: #f4f5f6; height: 27px; padding: 10px; box-sizing: content-box; }
.popup_container .address_search_box .tip_content { margin-top: 5px; }
.popup_container .address_search_box .tip_content ul { margin-top: 18px; }
.popup_container .address_search_box .tip_content ul li { font-weight: 800; line-height: 18px; letter-spacing: -0.8px; }
.popup_container .address_search_box .tip_content span { color: #888; }
.popup_container .address_search_box .tip_content b { color: #0039b9; }
.popup_container .address_search_box .tip_content .tip_list { background: url(../images/common/icon_bullat.gif) no-repeat 0 8px; padding-left: 8px; }
.popup_container .address_search_result { border-top: 1px solid #d1d6e2; border-bottom: 1px solid #d1d6e2; background-color: #f7f8fa; height: 284px; overflow-y: scroll; font-size: 13px; padding: 20px; padding-top: 10px; font-family: "dotum",sans-serif; }
.popup_container .address_search_result .no_result { text-align: center; line-height: 16px; padding-top: 100px; }
.popup_container .address_search_result .no_result strong { font-weight: 700; }
.popup_container .address_search_result .no_result span { color: #888; line-height: 20px; }
.popup_container .address_search_result .search_result_list { font-size: 13px; border-top: 1px solid #dedede; background: #fff; padding: 15px; cursor: pointer; }
.popup_container .address_search_result .search_result_list .post_red { color: #f85c5c; font-weight: 800; margin-bottom: 5px; letter-spacing: -0.8px; }
.popup_container .address_search_result .search_result_list ul li img { float: left; padding-right: 6px; }
.popup_container .address_search_result .search_result_list ul li { padding-bottom: 5px; line-height: 15px; }
.popup_container .address_search_result .last_reuslt { border-bottom: 1px solid #dedede; }

/* 도메인 정보 확인 팝업 */
.popup_content .domain_info { border: 1px solid #111; padding: 10px; margin-bottom: 10px; background-color: #f7f7f7; }
.popup_content .domain_info h1 { display: flex; align-items: center; gap: 5px; font-weight: 600; font-size: 15px; }
.popup_content .result { border: 1px solid #111; padding: 10px; }
.popup_content .result p { font-size: 14px; line-height: 20px; }
.popup_content .pop_copy { display: block; font-size: 12px; color: #888; text-align: center; margin-top: 20px; }

/* 국가 코드표 팝업 */
.national_table thead th { border: 1px solid #ddd !important; }
.national_table tbody td { border: 1px solid #ddd !important; }
.national_table tbody td span { cursor: pointer; }

/* FTP 보안설정 팝업 */
.ftp_table .column { display: flex; flex-direction: column; }
.ftp_table .column span { display: flex; align-items: center; }
.ftp_table .column strong { display: flex; align-items: center; gap: 5px; font-size: 14px; }
.ftp_table .column strong input[type=text] { width: 55px; text-align: center; }
.ftp_table .column strong b { font-weight: 400; color: #888; }
.ftp_table .column label { font-size: 14px; }

/* 작업요청 내용 팝업 */
.work_view_table th { width: 120px; height: 40px; font-size: 14px !important; }
.work_view_table td { height: 40px; font-size: 14px !important; }
.work_view_table .work_payment_table { margin: 10px 0; }
.work_view_table .work_payment_table thead th { background: none; text-align: center; }
.work_view_table .work_payment_table tbody td { text-align: center; }
.work_view_table .work_payment_table tbody th { text-align: center; background-color: #f3f3f3; border: 1px solid #ddd; padding: 0 10px; font-weight: 600; }
.work_view_table .work_payment_table tbody th:first-child { border-left: none; }
.work_view_table .work_payment_table tbody th:last-child { border-right: none; }

/* 관리자 페이지 */
.myadmin { min-height: 100vh; padding-top: 70px; padding-bottom: 100px; background-color: #152332; min-width: 1200px; }
.myadmin .admin_top { width: 940px; display: flex; align-items: center; justify-content: flex-end; color: #fff; gap: 10px; margin-top: 40px; position: relative; z-index: 1; margin-left: 220px; }
.myadmin .admin_top p { width: 1px; height: 13px; background-color: #fff; }
.myadmin .admin_top .menu_type { display: flex; align-items: center; gap: 5px; margin-left: 10px; }
.myadmin .admin_top .menu_type a { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; }
.myadmin .admin_top .menu_type a.this { background-color: var(--lightblue); border-radius: 5px; }
.myadmin .page { display: inline-block; width: 100%; color: #fff; }
.myadmin .page ul li.this { color: var(--orange); }
.myadmin .btn_wrap { display: flex; align-items: center; justify-content: center; gap: 10px; }
.myadmin .btn_wrap a { padding: 12px 30px; color: #fff; font-size: 14px; }

.admin_wrap { display: inline-block; width: 100%; position: relative; margin-top: 10px; }
.admin_wrap .side_bar { display: none; }
.admin_wrap.grid { display: flex; justify-content: flex-end; position: relative; margin-top: 10px; }
.admin_wrap.grid .side_bar { display: block; width: 1160px; min-width: 1160px; height: 100%; position: fixed; left: 50%; top: 100px; transform: translate(-50%,0); }
.admin_wrap.grid .side_bar .admin_menu { width: 195px; height: 100%; position: absolute; top:0; left:0; padding-right: 20px; border-right: 1px solid var(--lightblue); }
.admin_wrap.grid .side_bar .admin_menu > ul { display: flex; flex-direction: column; gap: 15px; }
.admin_wrap.grid .side_bar .admin_menu > ul > li { color: #fff; min-height: 40px; line-height: 40px; }
.admin_wrap.grid .side_bar .admin_menu > ul > li > a { display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border-radius: 5px; }
.admin_wrap.grid .side_bar .admin_menu > ul > li > a:hover { background-color: var(--darkblue); }
.admin_wrap.grid .side_bar .admin_menu img { transition: 0.3s; }
.admin_wrap.grid .side_bar .admin_menu .over.on img { transform: rotate(180deg); }
.admin_wrap.grid .side_bar .admin_sub_menu { display: none; padding: 5px 20px 0 20px; border-bottom: 1px solid #3e546c; margin-bottom: 10px; padding-bottom: 10px; position: relative; }
.admin_wrap.grid .side_bar .admin_sub_menu > li { font-size: 15px; min-height: 40px; line-height: 40px; }
.admin_wrap.grid .side_bar .admin_sub_menu > li > a { display: flex; align-items: center; justify-content: space-between; }
.admin_wrap.grid .side_bar .admin_sub_menu li > a:hover { color: #ccc; }
.admin_wrap.grid .side_bar .admin_detail_menu { display: none; padding: 0 10px; border-bottom: 1px solid #3e546c; margin-bottom: 10px; padding-bottom: 10px; }
.admin_wrap.grid .side_bar .admin_detail_menu li { font-size: 14px; }
@media screen and (max-width: 1200px) {
   .admin_wrap.grid .side_bar { left: 20px; transform: translate(0,0);}
}

.admin_wrap.grid .admin_top_menu { display: none; }
.admin_wrap .admin_top_menu { margin: 10px 0 40px 0; position: relative; }
.admin_wrap .admin_top_menu > ul { display: flex; }
.admin_wrap .admin_top_menu > ul > li { width: 100%; background-color: #fff; height: 45px; line-height: 45px; text-align: center; font-weight: 700; border-left: 1px solid var(--darkblue02); cursor: pointer; }
.admin_wrap .admin_top_menu > ul > li.this { background-color: var(--blue) !important; color: #fff !important; }
.admin_wrap .admin_top_menu > ul > li:hover { background-color: #babfc7; color: #2d3d54; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }
.admin_wrap .admin_top_menu > ul > li:hover .admin_detail_menu { display: block; }
.admin_wrap .admin_top_menu > ul > li:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-left: none; }
.admin_wrap .admin_top_menu > ul > li:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.admin_wrap .admin_top_menu > ul .admin_detail_menu { display: none; box-shadow: 0px 4px 12px rgba(0,0,0,0.3); }
.admin_wrap .admin_top_menu > ul .admin_detail_menu li { line-height: 45px; background-color: #fff; border-bottom: 1px dashed #ddd; font-size: 15px; color: #111; }
.admin_wrap .admin_top_menu > ul .admin_detail_menu li:hover { color: var(--blue); }
.admin_wrap .admin_top_menu > ul .admin_detail_menu li:last-child { border-bottom: none; }

.admin_wrap.grid .admin_con_wrap { width: 940px; position: relative; margin-top: 10px; }
.admin_wrap .admin_con_wrap { width: 100%; }
.admin_wrap .admin_con_wrap table { border: none; }
.admin_wrap .admin_con_wrap table thead th select { height: 24px; border: 1px solid #ccc; background-color: #fff; }
.admin_wrap .admin_con_wrap table th { height: 40px; font-size: 15px; border: 1px solid var(--darkblue02); background-color: var(--lightblue); color: #fff; }
.admin_wrap .admin_con_wrap table th.left { padding: 0 20px; }
.admin_wrap .admin_con_wrap table tbody td { height: 40px; background-color: #fff; padding: 0 10px; border: 1px solid #ddd; font-size: 14px; font-weight: 500; }
.admin_wrap .admin_con_wrap table tbody td input { height: 30px; text-align: center; }
.admin_wrap .admin_con_wrap table tbody td select { height: 30px; border: 1px solid #ccc; }
.admin_wrap .admin_con_wrap table tbody td a { height: 27px; line-height: 27px; padding: 0 15px; background-color: var(--black); color: #fff; font-size: 13px; display: inline-flex; align-items: center; gap: 5px; }
.admin_wrap .admin_con_wrap section { margin-bottom: 40px; }
.admin_wrap .admin_con_wrap section.line_top { border-top: 1px dashed var(--lightblue); padding-top: 30px; }
.admin_wrap .admin_con_wrap section.flex_between { display: flex; justify-content: space-between; gap: 20px; }
.admin_wrap .admin_con_wrap section.flex_between > span { width: 100%; }
.admin_wrap .admin_con_wrap ul.flex_wrap { display: flex; flex-wrap: wrap; gap: 20px; color: #fff; }
.admin_wrap .admin_con_wrap ul.flex_wrap li { width: calc(50% - 10px); }
.admin_wrap .admin_con_wrap ul.flex_wrap li img { width: 100%; }
.admin_wrap .admin_con_wrap ul.flex_wrap li h1 { margin-bottom: 10px; font-size: 15px; }

.admin_wrap.grid .admin_con_wrap .admin_sub_menu { display: none; }
.admin_wrap .admin_con_wrap .admin_sub_menu { display: block; }
.admin_wrap .admin_con_wrap .admin_sub_menu ul { display: flex; gap: 10px; }
.admin_wrap .admin_con_wrap .admin_sub_menu ul li a { height: 27px; line-height: 27px; padding: 0 15px; background-color: #babfc7; border-radius: 50px; font-size: 13px; font-weight: 500; color: #111; }
.admin_wrap .admin_con_wrap .admin_sub_menu ul li.this a { background-color: var(--blue); color: #fff; }

.admin_wrap.grid .admin_con_wrap .admin_log{ display: none; }
.admin_wrap .admin_con_wrap .admin_log { position: absolute; top: -28px; display: flex; align-items: center; z-index: 1; color: #fff; gap: 10px; }
.admin_wrap .admin_con_wrap .admin_log a { display: flex; align-items: center; gap: 5px; font-size: 15px; }
.admin_wrap .admin_con_wrap .admin_log a:first-child { text-decoration: underline; }
.admin_wrap .admin_con_wrap .admin_log a:first-child:hover { color: var(--skyblue); }

.admin_wrap .admin_con_wrap .admin_tit { display: flex; align-items: center; justify-content: space-between; color: #fff; font-size: 18px; height: 27px; margin-bottom: 13px; }
.admin_wrap .admin_con_wrap .admin_tit a { height: 27px; line-height: 27px; padding: 0 15px; background-color: var(--blue); color: #fff; font-size: 13px; }
.admin_wrap .admin_con_wrap .admin_tit a.normal { height: auto; line-height: normal; padding: 0; background: none; }
.admin_wrap .admin_con_wrap .admin_tit select { height: 27px; background-color: #fff; }
.admin_wrap .admin_con_wrap .admin_tit p { font-size: 16px; display: flex; align-items: center; gap: 10px; }
.admin_wrap .admin_con_wrap .domain_total { color: #fff; font-size: 16px; }
.admin_wrap .admin_con_wrap .domain_total span { color: var(--skyblue); font-weight: 700; }

.admin_wrap .admin_con_wrap .admin_con { background-color: var(--lightblue); padding: 20px; border-radius: 5px; color: #fff; }
.admin_wrap .admin_con_wrap .admin_con .sv_info { display: flex; flex-wrap: wrap; gap: 20px 60px; }
.admin_wrap .admin_con_wrap .admin_con .sv_info li { display: flex; align-items: center; gap: 10px; }
.admin_wrap .admin_con_wrap .admin_con .sv_info li span { font-size: 17px; font-weight: 600; margin-right: -5px; }
.admin_wrap .admin_con_wrap .admin_con .sv_info li::before { width: 4px; height: 4px; background-color: #fff; border-radius: 100%; content: ''; }
.admin_wrap .admin_con_wrap .admin_con .list_wrap { display: flex; flex-direction: column; gap: 20px; }
.admin_wrap .admin_con_wrap .admin_con .list_wrap li { display: flex; align-items: center; justify-content: space-between; }
.admin_wrap .admin_con_wrap .admin_con .list_wrap li a { max-width: 700px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; padding-left: 15px; }
.admin_wrap .admin_con_wrap .admin_con .list_wrap li a::before { width: 4px; height: 4px; background-color: #fff; border-radius: 100%; content: ''; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); }
.admin_wrap .admin_con_wrap .admin_con .list_wrap li span { display: flex; gap: 10px; }
.admin_wrap .admin_con_wrap .admin_con .list_wrap li span b { color: #ed8d0f; letter-spacing: 1px; }
.admin_wrap .admin_con_wrap .admin_con i { display: flex; align-items: center; gap: 10px; }
.admin_wrap .admin_con_wrap .admin_con i > b { font-size: 14px; color: #ddd; }
.admin_wrap .admin_con_wrap .admin_con i > select { min-width: 160px; height: 35px; background-color: #fff; font-size: 15px; }
.admin_wrap .admin_con_wrap .admin_con i > input[type=text] { min-width: 200px; height: 35px; background-color: #fff; font-size: 15px; }
.admin_wrap .admin_con_wrap .admin_con i > button { height: 35px; padding: 0 15px; background-color: #fff; border: none; margin-left: -5px; background-color: var(--blue03); color: #fff; font-size: 14px; }
.admin_wrap .admin_con_wrap .admin_con i.flex_between a { height: 35px; line-height: 35px; padding: 0 15px; background-color: #fff; border: none; margin-left: -5px; color: #fff; font-size: 14px; border-radius: 5px; }
.admin_wrap .admin_con_wrap .admin_con.between_con { display: flex; justify-content: space-between; align-items: center; }
.admin_wrap .admin_con_wrap .admin_con.between_con a { height: 27px; line-height: 27px; padding: 0 15px; font-size: 13px; background-color: var(--blue); border-radius: 5px; }
.admin_wrap .admin_con_wrap .admin_con.between_con .whostDns { display: flex; flex-direction: column; gap: 5px; }
.admin_wrap .admin_con_wrap .admin_con.between_con .whostDns span { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.admin_wrap .admin_con_wrap .admin_con.between_con .whostDns span b { display: block; color: #888; width: 35px; padding: 4px 0; text-align: center; background-color: #516781; color: #fff; font-size: 12px; }
.admin_wrap .admin_con_wrap .admin_con.between_con .whostDns span a { height: auto; line-height: normal; padding: 4px 10px; font-size: 12px; border-radius: 0; }

.admin_wrap .admin_con_wrap .weblog_list { display: flex; flex-direction: column; gap: 10px; }
.admin_wrap .admin_con_wrap .weblog_list dl { background-color: var(--lightblue); border-radius: 5px; color: #fff; }
.admin_wrap .admin_con_wrap .weblog_list dl dt { display: flex; align-items: center; justify-content: space-between; padding: 20px; cursor: pointer; }
.admin_wrap .admin_con_wrap .weblog_list dl dt span b { color: var(--orange); font-weight: 600; margin-left: 5px; }
.admin_wrap .admin_con_wrap .weblog_list dl dt i { display: flex; align-items: center; gap: 40px; }
.admin_wrap .admin_con_wrap .weblog_list dl dt img { transition: 0.3s; }
.admin_wrap .admin_con_wrap .weblog_list dl dt.on img { transform: rotate(180deg); }
.admin_wrap .admin_con_wrap .weblog_list dl dd { display: none; padding: 0 20px 20px 20px; margin-top: -20px; }
.admin_wrap .admin_con_wrap .weblog_list dl dd table { margin-top: 20px; }
.admin_wrap .admin_con_wrap .weblog_list dl dd table thead tr { border-bottom: 1px dashed var(--darkblue02); }
.admin_wrap .admin_con_wrap .weblog_list dl dd table thead th { border: none; height: 50px; }
.admin_wrap .admin_con_wrap .weblog_list dl dd table tbody td { height: 50px; background: none; border: none; }
.admin_wrap .admin_con_wrap .weblog_list dl dd table tbody tr { border-bottom: 1px dashed var(--darkblue02); }
.admin_wrap .admin_con_wrap .weblog_list dl dd table tbody tr:last-child { border: none; }
.admin_wrap .admin_con_wrap .weblog_list dl dd table tbody td i { display: flex; gap: 5px; justify-content: center; }

.admin_wrap .admin_con_wrap .web_info_table th { width: auto; }
.admin_wrap .admin_con_wrap .web_info_table td { padding: 10px 20px; }
.admin_wrap .admin_con_wrap .web_info_table td .td_box { display: flex; gap: 20px; }
.admin_wrap .admin_con_wrap .web_info_table td .td_box span { font-weight: 500; line-height: 30px; }
.admin_wrap .admin_con_wrap .web_info_table td .td_box span:first-child { border-right: 1px dashed #ccc; padding-right: 20px; }
.admin_wrap .admin_con_wrap .web_info_table td .per_box { height: 40px; width: 400px; border: 1px solid #111; display: flex; align-items: center; justify-content: center; position: relative; }
.admin_wrap .admin_con_wrap .web_info_table td .per_box span { position: relative; z-index: 1; font-weight: 500; }
.admin_wrap .admin_con_wrap .web_info_table td .per_box .per_bar { position: absolute; left:0; top:0; width: 70%; height: 100%; background-color: #f97b10; content: ''; }

.admin_wrap .admin_con_wrap .mydomain_table td a { background: none; color: #111; padding:0; }

.admin_wrap .admin_con_wrap .namesv_table td input { width: 100%; margin: 10px 0; }

.admin_wrap .admin_con_wrap .myssl_table td:nth-child(2) a { background: none; color: #111; padding:0; }

.admin_wrap .admin_con_wrap .payment_table td i { display: flex; align-items: center; justify-content: center; gap: 5px; }
.admin_wrap .admin_con_wrap .payment_table td:nth-child(3) a { background: none; padding: 0; color: inherit; height: auto; line-height: normal; }

.admin_wrap .admin_con_wrap .renew_table td { padding: 0 5px; }
.admin_wrap .admin_con_wrap .renew_table td:nth-child(7) { text-align: right; }
.admin_wrap .admin_con_wrap .renew_table td:nth-child(8) { text-align: right; }
.admin_wrap .admin_con_wrap .renew_table td:nth-child(9) { text-align: right; }
.admin_wrap .admin_con_wrap .renew_table td:last-child { text-align: right; }

.admin_wrap .admin_con_wrap .work_table td:nth-child(4) { text-align: left; }
.admin_wrap .admin_con_wrap .work_table td:nth-child(4) a { display: block; width: 300px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: none; padding: 0; color: inherit; font-size: 14px; height: auto; line-height: normal; }

.admin_wrap .admin_con_wrap .qna_table td:nth-child(3) { text-align: left; }
.admin_wrap .admin_con_wrap .qna_table td:nth-child(3) a { display: block; width: 470px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: none; padding: 0; color: inherit; font-size: 14px; height: auto; line-height: normal; }

.admin_wrap .admin_con_wrap .manual_table td:nth-child(2) { text-align: left; }
.admin_wrap .admin_con_wrap .manual_table td:nth-child(2) a { display: inline-block; background: none; padding: 0; color: #111; font-size: 14px; height: auto; line-height: normal; }

.admin_wrap .admin_con_wrap .manual_view_table th { padding: 5px 10px; }
.admin_wrap .admin_con_wrap .manual_view_table .manual_view_txt { padding: 10px; }
.admin_wrap .admin_con_wrap .manual_view_table .manual_view_txt a { display: inline-block; background: none; padding: 0; color: inherit; font-size: 14px; height: auto; line-height: normal; font-weight: 600; text-decoration: underline; }

.admin_wrap .admin_con_wrap .admin_info > ul { display: flex; gap: 5px; }
.admin_wrap .admin_con_wrap .admin_info > ul > li { height: 50px; line-height: 50px; padding: 0 40px; background-color: #202f40; color: #7c8ea5; border-radius: 5px; cursor: pointer; }
.admin_wrap .admin_con_wrap .admin_info > ul > li.this { background-color: var(--lightblue); color: #fff; }
.admin_wrap .admin_con_wrap .admin_info .admin_info_box { background-color: var(--lightblue); padding: 25px 20px 20px 20px; border-radius: 5px; position: relative; top: -5px; }
.admin_wrap .admin_con_wrap .admin_info .admin_info_box h1 { font-size: 15px; margin-bottom: 20px; color: #fff; }
.admin_wrap .admin_con_wrap .admin_info .admin_info_box ul { display: flex; flex-direction: column; gap: 10px; }
.admin_wrap .admin_con_wrap .admin_info .admin_info_box ul li { color: #ddd; font-size: 13px; padding-left: 10px; position: relative; }
.admin_wrap .admin_con_wrap .admin_info .admin_info_box ul li::before { width: 2px; height: 2px; border-radius: 100%; background-color: #fff; content: ''; position: absolute; left:0; top: 50%; transform: translate(0,-50%); }
.admin_wrap .admin_con_wrap .admin_info .admin_info_box ul li.c_none::before { display: none; }

/* 관리자 페이지 구분 */
.admin_wrap .side_bar .admin_menu > ul > li.this > a { background-color: var(--lightblue) !important; }
.admin_wrap .side_bar .admin_menu > ul > li.this .admin_sub_menu { display: block; background-color: var(--lightblue); top: -5px; }
.admin_wrap .side_bar .admin_sub_menu > li.here a { color: var(--skyblue) !important; }
.admin_wrap .side_bar .admin_detail_menu li.on a { color: var(--skyblue) !important; }

/* 모바일 안내 레이어 */
.m_layer { display: none; }
@media screen and (max-width: 520px) {
   .m_layer { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.9); position: fixed; left:0; top: 0; z-index: 9999; }
   .m_layer h1 { font-size: 7vw; line-height: 1.5em; font-weight: 700; color: #fff; text-align: center; }
   .m_layer .m_btn a { display: flex; align-items: center; gap: 5px; padding: 15px 30px; border-radius: 50px; background-color: var(--blue); font-size: 3.8vw; color: #fff; margin-top: 20px; }
   .m_layer .m_Nbtn a { color: #fff; margin-top: 30px; text-decoration: underline; font-size: 14px; }
}