@charset "utf-8";


@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}

.red { color:#f10f0f; }
.required { color:#f10f0f; }
.required::after { content:'*'; color: #ff8d8d; font-weight: 500; }
.highlight { color:#5d2bc9; }
.bold { font-weight:bold; }
.caption { font-size: 16px; color:#000; margin-top: 2em; }
.caption2 { text-align:right; margin:1em 0; font-size:15px; font-weight:400; color:#6b94bf; }
.caption2::before { content:'*'; color:red; display: inline-block; transform: translateY(-3px); }


/* SUB_NAV */
/* SUB 공통 css */
.default_layout { margin: 0 auto; width: 1280px; }
.hp_content, .hp_portfolio { width:1280px; margin: 3em auto 0; padding-top:10em; border-top: 1px solid #ececec; }
.hp_content { min-width:0; }

.nav_h2_style { margin-bottom:20px; font-size:34px; color:#222222; letter-spacing:-2px; line-height:1; font-weight:400; }
.nav_p_style01 { font-size:14px; color:#656766; letter-spacing:-1px; font-weight:400; line-height:22px; }
.nav_h2_style02 { font-size:30px; line-height:40px; color:#222222; letter-spacing:-2px; margin-bottom:15px; font-family:'NEXONLv1Gothic', Sans-serif; font-weight:400; }

.sub_nav { display: none; position:absolute; z-index:10; left: 0; top: 116px; width: 100%; background: #fff; border-top: 2px solid #ffaa45; box-shadow :3px 2px 5px rgba(0,0,0,0.1);  }
.sub_nav:after { content: ""; display: block; clear: both; }
.sub_nav:hover { display: block; }
.sub_nav > div { position: relative; }
.sub_nav > div:after { content: ""; display: block; clear: both; }

.sub_info { float:left; width:280px; margin:40px 0 0;}
.left_menu { width:200px; }
.left_menu li { position:relative; line-height:1; margin:0 0 30px; padding-left:35px; }
.left_menu li:first-child {margin-top:50px;}
.left_menu li:first-child:before { content:''; position:absolute; top:-4px; left:0; width:34px; height:25px; background:url('../img/nav_new_icon.png') no-repeat; }
.left_menu li:nth-of-type(2):before { content:''; position:absolute; top:-4px; left:0; width:34px; height:25px; background:url('../img/nav_homepage_icon.png') no-repeat; }
.left_menu li:nth-of-type(3):before { content:''; position:absolute; top:-4px; left:0; width:34px; height:25px; background:url('../img/nav_list_icon.png') no-repeat; }
.left_menu li:nth-of-type(4):before { content:''; position:absolute; top:-4px; left:0; width:34px; height:25px; background:url('../img/nav_gift_icon.png') no-repeat; }
.left_menu li a { display:block; font-size:16px; letter-spacing:-1px; color:#767676; font-weight:400; }
.left_menu li a:hover {color:#ec7648;}
.left_menu li a:after { content:''; position:absolute; right:0; background:url('../img/nav_gray_arrow.png') no-repeat center; width:10px; height:15px; }
.left_content a:hover { color:#aaa; }

.list_style { display:flex; justify-content:center; margin:6em 0; }

.sub_wrap04 .content { text-align:center; }
.sub_p_style06 { color:black; }

.innerTitle {
	border-bottom:none;
	padding: 2.5em 0 0.5em;
	margin-bottom:0;
	font-weight: 700;
	font-size: 40px;
}
.inTitle_cont {
	background-color: #fff;
    border-radius: 2em;
    padding: 2.5em;
    display: grid;
    gap: 1em;
    grid-template-columns: 1fr;
    font-size: 16px;
}

.titleWrap { padding-bottom:4rem; }


.listBoxes { margin:5em 0; }

.gift_info { height:auto; border:none; }
.gift_info li:before { display:none; }
.gift_info li { 
	padding: 0;
    display: flex;
	align-items: center;
    gap:0.2em;
    width: 100%;
	font-size: 16px;
	font-weight:400;
}
.gift_info li.point{color: #ef7012; font-weight: 600;}
.gift_info span { font-weight:bold; }

.roundTitle { display:inline-block; border-radius:3em; padding:0.4em 1em; border:1px solid #ff7200; color: #ff7200; font-size:16px; }
.contTitle { padding: 6em 0 3em; text-align:center; }
.contTitle > h1, .contTitle > h2 { font-weight: 700; font-size: 36px; }
.contTitle > p { font-size:17px; font-weight:500; margin:0.8em; } 
.topTitle { font-size:24px; color:#5d2bc9; font-weight:700; }

table.sub_table_style01 tbody tr th:first-child { background-color:#fffafa; border-right:1px solid #eee; font-sizef:18px; }
.sub_table_style01 tbody td { padding: 1em; }
.sub_table_style01 tbody td.bold { font-weight:bold; }
.sub_table_style01 .bg-green { background-color:rgb(243, 251, 241); }
.sub_table_style01 .bg-red { background-color:rgb(254, 246, 242); }
.sub_table_style01 .bg-yellow { background-color:rgb(254, 254, 235); }
.sub_table_style01 .bg-blue { background-color:rgb(242, 250, 255); }

.sub_table_style01 .point_border1 { border: 5px solid #f53f41; }


/* buttons */
.buttonWrap { display:grid; grid-template-columns:repeat(2, 1fr); grid-column-gap:1em; }
.buttonWrap button { font-size:17px; font-weight:700; border-radius:0.3em; margin-top:1em; line-height: 40px; }
.buttonWrap > .apply { border:3px solid #7844e6; background-color:white; color:#7844e6; }
.buttonWrap > .download { color:white; background-color:#534f4b; }

/* boxcard */
.boxcard { display:grid; grid-template-columns:repeat(2, 1fr); grid-column-gap:2em; }
.boxcard .boxitem { background-color:#f9f9f9; border-radius:2em; padding:4em; text-align:left; }
.boxcard .boxitem > h3 { font-size:25px; font-weight:bold; margin-bottom:1em; }
.boxcard .boxitem > ul { font-size:16px; }
.boxcard .boxitem.item01 > ul > li { margin-bottom:0.5em; display:grid; grid-template-columns:minmax(80px, auto) 1fr; gap:1em; }
.boxcard .boxitem.item02 > ul > li { margin-bottom:0.5em; display:grid; grid-template-columns:auto 1fr; gap:0.5em; }


/* SUB_BANNER */
.sub_Bn { position: absolute; right: 0; top: 0; width:270px; height: 100%; padding:40px 0 0; text-align:center; }
.sub_Bn01 { background:url('../img/sub_nav_bg01.jpg')no-repeat center; background-size:cover; }
.sub_Bn02 { background:url('../img/sub_nav_bg02.jpg')no-repeat center; background-size:cover; }
.sub_Bn03 { background:url('../img/sub_nav_bg03.jpg')no-repeat center; background-size:cover; }
.sub_Bn04 { background:url('../img/sub_nav_bg04.jpg')no-repeat center; background-size:cover; }

/* 포트폴리오 */
/* ... */

.similar_list h2 { 
	font-size:24px;
	letter-spacing:-1pt;
	font-weight:bold;
	margin-bottom:1.5em;
}

/* slick slider */
.similar_list .similar_slide li { 
	display: flex !important;
    justify-content: center;
	padding:0;
}

/* 전체 홈페이지 - 홈페이지 정보박스 */
#homepage_list { padding:6em 0; }
#homepage_list .prtWrap { width:1280px; margin:0 auto; }
#homepage_list .subtab-content { width:100%; overflow:visible; }
.homepage .contWrap { gap:3.5em; }
.homepage .info_box { background-color:white; box-shadow:0 0 0.7em rgba(0,0,0,0.1); overflow: hidden; position:relative; border-radius: 0.5em; }
.homepage .imgWrap { overflow:hidden; position:relative; }
.homepage .imgWrap::after { 
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; 
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 200%);
	opacity: 0.1;
	z-index:2;
}
.homepage .imgWrap:hover::after { opacity:0.5; }
.homepage .imgWrap:hover img { scale:1.05; transition:0.2s; }
.homepage .imgWrap > img { width:100%;height:248px;object-fit:cover; }
.homepage .contWrap { padding:1em 1.5em; padding-bottom:70px; text-align:left; position: relative; z-index: 1; /*box-shadow: 0em -0.5em 1em rgba(0,0,0,.05);*/ display: flex; flex-wrap: wrap;
    gap: 0.3em; }
.homepage .contWrap > * { width:100%; }
.homepage .contHead { display: grid; grid-template-columns: auto 1fr; align-items: center; }
.homepage .contHead > strong { color:#ff5f00; background-color:#ffefe5; border-radius:2em; padding:3px 0.7em; display:inline-block; font-weight:700; font-size:15px; }
.homepage .contHead .btnWrap { display:flex; gap:0.5em; justify-content: flex-end; }
.homepage .contHead .btnWrap a { background-color:#eee; border-radius:50%; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; }
.homepage .contHead .btnWrap a svg { width:20px; height:20px; }
.homepage .contHead .btnWrap a:hover { background-color:#fff; border:1px solid #ff5f00; }
.homepage .contHead .btnWrap a:hover svg { color:#ff5f00; }
.homepage .contWrap .title { font-size:20px; font-weight:bold; }
.homepage .contWrap .context { font-size:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.homepage .contWrap .txtWrap:hover { color:#777; }
.homepage .contFoot { width:100%; height:50px; display: grid; grid-template-columns: 1fr 2% 1fr; align-items: center; justify-items: center; position:absolute;
	 bottom:0; border-top:1px solid #eee; z-index:1; }
.homepage .contFoot li { font-size:16px; text-align:center; }
.homepage .contFoot > svg { width:15px; height:15px; }
.homepage .contFoot li a b { font-weight:bold; }
.homepage .contFoot li a i { color:#ff740b; }
.homepage .contFoot li a:hover { color:#ff5f00; }
#homepage_list .homepage > ul {
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	grid-gap: 3em 1.5em;
}

.homepage .contWrap .hp_price { margin-top:0.3em; text-align:left; font-size:17px; font-weight: 600; color:#ed7822; }
.homepage .contWrap .hp_price strike { color: #aeaeae; font-weight:400; font-size:14px; letter-spacing:0; margin-right:0.7em; }
.homepage .contWrap .hp_price .discount {border: 1px solid #ed7822;color: #ed7822;font-size: 13px;letter-spacing: -1px;padding:3px 5px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius:4px;line-height: 1; /* margin: 0 5px; */ margin-right:5px; display: inline-block;position: relative;top:0;}



/* subWrap 타이틀 영역 */
.sub_h3_style {
	border-bottom:none;
	padding: 2.5em 0 0.5em;
	margin-bottom:0;
	font-weight:700;
	font-size: 36px;
}

.sub_p_style04 {
	font-size: 20px;
	font-weight: 300;
    color: #333333;
    letter-spacing: -1px;
}


/* section 01-1 */
.sect01-1 > * { text-align:left; }
.s01-1_title { font-size:22px; font-weight:600; padding:0.5em 0; border-bottom:1px solid #000; }
.s01-1_title .fa-caret-down { padding:0 0.3em; color:#5d2bc9; }
.s01-1_cont { padding:1.5em 0; }

/* section 02 */
.sect02 { padding:5em 0; }
.sect02 .inner { display:grid; grid-template-columns:1fr 1fr; }
.sect02 .titleWrap { text-align:left; padding:2em 0; }
.sect02 .titleWrap h3 { font-weight: 600; font-size: 34px; line-height: 44px; margin-bottom:1em; }
.sect02 .titleWrap h3::after { content:''; background-color:#7844e6; width:50px; height:5px; display:block; margin-top:1em; }
.sect02 .titleWrap p { font-size: 20px; }


/* 버튼 */
.sub_btn { display: flex; align-items: center; justify-content: center; gap: 1em; }
.sub_btn li { width: 20%; }
.sub_btn li > * { width:100%; }




/*********************************************************************/
/* 상세페이지 */

/* 홈페이지 detail(homepage_detail.html) */
.right_tab_content .apply { background: #512ba1; }
.right_tab_content .apply:hover { background: #351772; }
.view_tabs .active {  
    background: #7844e6;
    color: #fff;
}
.left_content span { padding-top:0.3em; }
.left_content .homepage i,
.left_content .mobile i,
.left_content .manage i { background:none; font-size: 2em; }

.left_content .homepage i.material-symbols-outlined { 
  font-variation-settings:
  'opsz' 20
}
.left_content .mobile i.material-symbols-outlined { 
  font-variation-settings:
  'FILL' 1,
  'wght' 200,
  'GRAD' -25,
  'opsz' 48
}

/*관련 홈페이지 목록*/
#relatedPrd { margin-top:5em; }
#relatedPrd > h2 { text-align:center; margin-bottom:35px; font-size:23px; font-weight:700; color:#161616; }
.relLists_slide { 
	width: 1320px;
    transform: translateX(-15px);
}
.relLists_slide .slick-slide { margin:1em; }
.relLists_slide .slick-slide li a { border-radius:0.5em 0.5em 0 0; }
.relLists_slide .slick-slide li a figure { width:100%; height:215px; overflow:hidden; position:relative; }
.relLists_slide .slick-slide li a figure::after { content:''; display: block; width: 100%; height: 100%; position:absolute; top:0; left:0; box-shadow:inset 0 -8pt 10pt rgba(0,0,0,0.05); }
.relLists_slide .slick-slide li a figure img { width:100%; height: 254px; object-fit: cover; }
.relLists_slide .slick-slide li a figure img.noimg { width:294px; height:204px; object-fit: contain; background-color: #f9f9f9; }
.relLists_slide .slick-slide li a p { margin-top: 1em; text-align: center; font-size: 17px; font-weight:600; }
.relLists_slide .slick-arrow { width: 50px; height: 50px; z-index: 10; background: rgb(255,255,255); border-radius: 12px; border:1px solid #ddd; box-shadow:0px 2px 5px rgba(0, 0, 0, 0.1); }
.relLists_slide .slick-prev:before { content:''; position:absolute; width:7px; height:12px; top: 17px; left: 20px; background:url("../img/sub/sub01/slide_arrow_left.png")no-repeat; }
.relLists_slide .slick-next:before { content:''; position:absolute; width:7px; height:12px; top: 17px; right: 20px; background:url("../img/sub/sub01/slide_arrow_right.png")no-repeat; }
.relLists_slide .slick-prev, .relLists_slide .slick-next { top:41%; }
.relLists_slide .slick-next { right:-11px; }
.relLists_slide .slick-prev { left: -21px; }
.left_content .img_box { position:relative; margin-bottom:0; }
.left_content .img_box .slick-dots li button:before { font-size:30px; }
.left_content .img_box .slick-dots { bottom:10px; }
.left_content .img_box .slick-dots li { margin:0; }

/* 홈페이지 안내 및 특장점 */
.hp_content > h2 { text-align:center; color:#9f7ddd; margin-bottom:2em; font-size: 1.8em; }
.hp_content .content-in { margin:5em 0; }
.content-in .titleWrap { font-size:2em; text-align:center; margin-bottom:2em; }

.arrowWrap { position:relative; height:50px; }
.arrowWrap .arrow { opacity: 0; position: absolute; left: 49%; top: 50%; transform-origin: 50% 50%; transform: translate3d(-50%, -50%, 0); }
.arrowWrap .arrow-first { -webkit-animation: arrow-movement 2s ease-in-out infinite; animation: arrow-movement 2s ease-in-out infinite; }
.arrowWrap .arrow-second { -webkit-animation: arrow-movement 2s 1s ease-in-out infinite; animation: arrow-movement 2s 1s ease-in-out infinite; }
.arrowWrap .arrow:before,
.arrowWrap .arrow:after {
  background: #d9d1e7;
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
}
.arrowWrap .arrow:before { transform: rotate(45deg) translateX(-23%); transform-origin: top left; }
.arrowWrap .arrow:after { transform: rotate(-45deg) translateX(23%); transform-origin: top right; }

@-webkit-keyframes arrow-movement {
  0% {
    opacity: 0;
    top: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes arrow-movement {
  0% {
    opacity: 0;
    top: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.contArea.benefit02 .twodiv { display: grid; grid-template-columns: 1fr 1fr; gap:400px; justify-items: center; position: relative; }
.contArea.benefit02 .twodiv dl dt { font-size:25px; font-weight:700; margin-bottom:1em; }
.contArea.benefit02 .twodiv dl dd { font-size:17px; margin-bottom: 10px; letter-spacing:-1pt; }
.contArea.benefit02 .twodiv dl dd::before { content:'ㆍ'; }
.contArea.benefit02 .twodiv figure { position: absolute; left:50%; transform:translateX(-52%); }
.contArea.benefit02 .twodiv figure img { max-height:280px; }  
.contArea.benefit02 .twodiv strong { background-color: #5d2bcc; border-radius: 50%; color: white; font-size: 20px; width: 35px; line-height: 35px;
    text-align: center; display: inline-block; margin-right:8px; }


/* 업종별 홈페이지 홍보배너 */
.prdbnrArea { margin-top:3em; }
.prdbnrArea .prdbnrBody { overflow:hidden; padding:3.5em 0; }
.prdbnrArea .prdbnrBody > h3 { font-family: 'SCoreDream'; text-align:center; padding-bottom:1.7em; font-size:30px; letter-spacing: -2pt; font-weight:600; line-height:1.5; }
.prdbnrArea .prdbnrBody > h3 color { font-family: 'SCoreDream'; font-size:33px; font-weight:bold; } 
.prdbnrArea .prdbnr_img { transform:translateY(1em); }
.prdbnrArea .txtList { display:flex; max-width: 1140px; gap:3em; justify-content:center; color:white; position:relative; margin-left: auto; margin-right: auto;}
.prdbnrArea .txtList ul {flex: 1; margin-top:2em; position: relative; z-index: 1; }
.prdbnrArea .txtList ul:first-child { padding-right:3em; border-right:1px solid #fff; }
.prdbnrArea .txtList li { position:relative; padding-bottom:1em; }
.prdbnrArea .txtList li span { font-family: 'SCoreDream'; padding-left:2em; display: inline-block; font-weight:500; letter-spacing:-1pt; font-size:20px; }
.prdbnrArea .txtList em { position:absolute; font-family: 'SCoreDream'; display:inline-block; margin-right:5px; width:30px; line-height:30px; border-radius:50%;
	font-weight: 900; font-size:18px; text-align:center; }
.prdbnrArea .txtList li font { font-family: 'SCoreDream'; font-weight:300; }
.prdbnrArea .txtList::before { 
	content: '';
    width: 104%;
    height: 200%;
    margin-top: -1.5em;
    display: block;
    border: 7px solid #fff;
    position: absolute;
    border-radius: 3em;
}

/*회사소개*/
.companyBnr .prdbnrBody { background-color:#7997e0; }
.companyBnr .prdbnrBody > h3 { color:#10208e; }
.companyBnr .prdbnrBody > h3 color { color:white; }
.companyBnr .txtList em { color:#7997e0; background-color:#10208e; text-align:center; }
.companyBnr .txtList ul:first-child { border-color:#aabbe5; }

/*업체정보*/
.introduceBnr .prdbnrBody { background-color:#2d315d; }
.introduceBnr .prdbnrBody > h3 { color:#8894ff; }
.introduceBnr .prdbnrBody > h3 color { color:#fff; }
.introduceBnr .txtList em { color:#2d315d; background-color:#a341d4; }
.introduceBnr .txtList ul:first-child { border-color:#4c55a8; }
.introduceBnr .txtList::before { border-color:#4c55a8; }

/*대부중개*/
.loanBnr .prdbnrBody { background-color:#2d8770; }
.loanBnr .prdbnrBody > h3 { color:#b5f5e5; }
.loanBnr .prdbnrBody > h3 color { color:white; }
.loanBnr .txtList em { color:#2d8770; background-color:#e1fb98; }
.loanBnr .txtList ul:first-child { border-color:#1ab18a; }
.loanBnr .txtList::before { border-color:#b5f5e5; }

/*인터넷신문*/
.webzineBnr .prdbnrBody { background-color:#9ca5bb; }
.webzineBnr .prdbnrBody > h3 { color:#b5f5e5; color:white; }
.webzineBnr .prdbnrBody > h3 color {  }
.webzineBnr .prdbnrBody > h3 span { color:#cbd9ff; }
.webzineBnr .txtList em { color:#9ca5bb; background-color:#121341; }
.webzineBnr .txtList ul:first-child { border-color:#bfcae6; }
.webzineBnr .txtList::before { border-color:#fff; }
.webzineBnr-point { color: #f3ff99; text-shadow: #0aa6f4 1px 0 15px; }

/*쇼핑몰*/
.shopBnr .prdbnrBody { background-color:#f7c8c8; }
.shopBnr .prdbnrBody > h3 { color:#be7277; }
.shopBnr .prdbnrBody > h3 color { color:#fff; }
.shopBnr .prdbnrBody > h3 span { color:#f6808b; }
.shopBnr .txtList em { color:#f7c8c8; background-color:#be7277; }
.shopBnr .txtList span { color:#af5f64; }
.shopBnr .txtList ul:first-child { border-color:#efb1b1; }
.shopBnr .txtList::before { border-color:#fff; }

/*선박중개*/
.brokerageBnr .prdbnrBody { background-color: #2a74d0; }
.brokerageBnr .prdbnrBody > h3 { color:#fff; }
.brokerageBnr .prdbnrBody > h3 color { color: #b7deff; }
.brokerageBnr .txtList em { color:#2a74d0; background-color:#b7deff; }
.brokerageBnr .txtList ul:first-child { border-color:#deeefd6b; }
.brokerageBnr .txtList::before { border-color:#fff; }

/*커뮤니티A*/
.communityBnr .prdbnrBody { background-color: #1c6043; }
.communityBnr .prdbnrBody > h3 { color:#fff; }
.communityBnr .prdbnrBody > h3 color { color: #bfd8af; }
.communityBnr .txtList em { color:#1c6043; background-color:#d1e3c5; }
.communityBnr .txtList ul:first-child { border-color:#deeefd6b; }
.communityBnr .txtList::before { border-color:#dbebd1; }

/*평생교육원 패키지*/
.packageBnr .prdbnrBody { background-color:#6ca4e9; }
.packageBnr .prdbnrBody > h3 { color:#d1e6ff; font-style: italic; font-weight: 400; font-size: 26px; line-height:1.5; padding-bottom:2.5em; }
.packageBnr .prdbnrBody > h3 color { color:#d1e6ff; font-size: 26px; font-weight:bold; }
.packageBnr .prdbnrBody > h3 span { font-size:40px; font-weight:600; } 
.packageBnr .prdbnr_img { transform:initial; }
.packageBnr .txtList { flex-direction: column; align-items: center; padding: 0 8em; }
.packageBnr .txtList em { color:#6ca4e9; background-color:#f4ebbd; }
.packageBnr .txtList h4 + ul { position:relative; padding-right: 2em; }
.packageBnr .txtList h4 + ul::after { position: absolute; top: 0; right: 0; content: ''; display: inline-block; width: 1px; height: 100%; border-right: 1px solid #95bdef; }
.packageBnr .txtList::before { border-color:#bedcff; height: 130%; margin-top: 9.5em; }
.packageBnr .listWrap { display:grid; grid-template-columns: 1fr 1fr; column-gap: 2em; }
.packageBnr .listWrap .title { grid-column: 1 / 3; text-align:center; background-color:#fff; color:#6ca4e9; padding:0.3em 1em; border-radius:2em;
	font-size:1.7em; }
.packageBnr .listWrap ul { grid-row: 2; }

.demo_btn.viewDetail { display:grid; grid-template-columns:1fr 1fr; }
.demo_btn.viewDetail > * { width:auto; padding:1.5em 0; }
.demo_btn.viewDetail > button { line-height: 20px; font-size: 16px; color: #fff; font-weight: 400; text-align: center; border-right: 1px solid #636363; }

.specWrap { display: grid; grid-template-columns:40% 1fr; gap:1em; padding:2em 3em; background-color: #f9f9f9; grid-column: 1 / 3; grid-row: 2 / 2; }
.specWrap > *:first-child { position:relative; }
.specWrap > *:first-child::after { position:absolute; top:50%; transform:translateY(-50%); content:''; display:inline-block; width:1px; height:90%; border-right:1px solid #dbdbdb; }
.specWrap > * { width:auto; margin-bottom:0; padding: 0; }
.specWrap > *:last-child { padding-left:1.5em; }
.pkg_price_wrap { display: grid; grid-template-columns: 1fr 1fr; column-gap: 3em; }
.pkg_price1 { box-shadow:0 0 0.5em rgba(0,0,0,0.1); border-radius:0.5em; }
.pkg_price1 ul { padding: 0.8em 0; margin: 0 1.5em; display: flex; flex-direction: column; align-items: center; }
.pkg_price1 ul:first-child { border-bottom:1px dotted #ccc; }
.pkg_price1 .line { color:#ccc; font-size:1.1em; font-weight:400; display: inline-block; position:relative; top:-2px; margin-right:1.5em; }
.pkg_price1 .line::before { content:''; display:inline-block; border-top:1px solid #ccc; width:120%; position:absolute; top: 50%; transform: translateY(-50%); }
.pkg_price1 .line::after { content: '>'; color: #ccc; position: absolute; top:-0.8pt; right: -18px; width: fit-content; display: inline-block; } 
.pkg_price1 .price { font-size:1.25rem !important; color: #6e99ff; }
.pkg_price1 .title { font-weight: bold; font-size: 1.2em; color: #7278c5; }
.pkg_price2 { margin-top:2em; }
.pkg_price2 .info02 { font-size:0.55em; }
.itemSlide { text-align:center; margin-top:3em; }
.itemSlide > h3 { text-align:center; margin-bottom:35px; font-size:23px; font-weight:700; }
.itemSlide > h3 > em { border-radius: 2em; font-size: 0.8em; font-weight: 600; padding: 0 0.6em; border: 1px solid #ec7648; color: #ec7648; text-align: center;
    margin-right: 0.3em; transform: translateY(-2px); display: inline-block; }
.selectDesign { max-width:1280px; margin:0 auto; border-top:1px solid #aaa; padding-top: 3em; }
.selectDesign > .itemSlide:first-child { margin-top:0; }
.itemSlide .buttonArea { display: grid; grid-template-columns: repeat(3, auto); align-items: center; background-color:#fff; border-radius: 0 0 0.5em 0.5em;
    box-shadow: 0 0 0.7em rgba(0,0,0,0.12); overflow:hidden; }
.itemSlide .buttonArea li { border-right:1px solid #f1ede9; text-align:center; transition:0.2s; }
.itemSlide .buttonArea li:hover { background-color:#fffcf3; }
.itemSlide .buttonArea li:last-child { border-right:none; }
.itemSlide .buttonArea li a { display:block; font-size:15px; font-weight:600; text-align:center; line-height:45px; color:#e9673e; letter-spacing: -0.5pt; }
.design_box li .mobile_img a { position:relative; }
.design_box li .mobile_img a:hover img { opacity:0.7; transition:0.3s; scale:1.1; }
.design_box li .mobile_img a:hover { color:#ddd; }
.design_box li .mobile_img a::after { content: '\f3cf'; display:inline-block; width:40px; line-height:40px; font-family: 'FontAwesome'; position: absolute; z-index: 1; bottom:7%; right:10%;
    color: #ec7648; background-color:white; border-radius: 50%; font-size: 1.5em; box-shadow:1pt 1pt 0.3em rgba(0,0,0,0.5); }
.design_box li .mobile_img a:hover::after { color: #6f6562; background-color:rgb(255 255 255 / 70%); }
.thumbWrap > a { display:block; box-shadow:0 0 0.7em rgba(0,0,0,0.12); }
.priceType { display: inline-block;
    border-radius: 1em;
    padding: 0.1em 0.8em;
    background-color: #000;
    color: white;
    font-size: 14px;
    transform: translateY(-2px);
	font-weight:600;
	line-height: 23px;
}
.priceType.free { background-color:#80aae7 }
.priceType.premium { background-color:#ff5e5e }

.linear-wipe {
  background: linear-gradient(to right, #FFF 20%, #FF0 40%, #FF0 60%, #FFF 80%);
  background-size: 200% auto;
  color: #000;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: shine 1.5s linear infinite;
          animation: shine 1.5s linear infinite;
}
@-webkit-keyframes shine {
  to {
    background-position: 200% center;
  }
}
@keyframes shine {
  to {
    background-position: 200% center;
  }
}

.prdbnr-point { color: #3b27ff; text-shadow: #fff 1px 0 15px; }




/* 슬라이드 영역 라디오 박스 */
/*.radio_txt.slideSelect { display:grid; grid-template-columns:1fr 1fr; }*/

.slideSelect label {
  font-size: 16px;
  line-height:1.3;
  padding: 0.2em 0.4em;
}

.slideSelect [type="radio"], .slideSelect input[type="radio"]+ label > span.radio {
  vertical-align: middle;
}

.slideSelect label > span.radio { word-break: keep-all; }

.slideSelect [type="radio"] {
  appearance: none;
  border: max(2px, 0.1em) solid gray;
  border-radius: 50%;
  width:16px;
  height:16px;
  transition: border 0.1s ease-in-out;
  transform: translateY(-1px);
}

.slideSelect [type="radio"]:checked {
  border: 0.4em solid #ed7822;
}

.slideSelect [type="radio"]:focus-visible {
  outline-offset: max(2px, 0.1em);
  outline: max(2px, 0.1em) dotted #fff;
}

.slideSelect [type="radio"]:hover {
  box-shadow: 0 0 0 max(4px, 0.2em) lightgray;
  cursor: pointer;
}

.slideSelect [type="radio"]:hover + span {
  cursor: pointer;
}

.slideSelect [type="radio"]:disabled {
  background-color: lightgray;
  box-shadow: none;
  opacity: 0.7;
  cursor: not-allowed;
}

.slideSelect [type="radio"]:disabled + span {
  opacity: 0.7;
  cursor: not-allowed;
}



/* 홈페이지 구축 절차 요약 */
.process_section { width:100%; padding:0 1em; padding-top:1.5em;}
.process-guide { display: grid; grid-template-columns: 1fr 1fr; gap: 2em; }
.process-guide li { position:relative; border:1px solid #f1f1f1; border-radius:0 8px 8px 8px; font-size:16px; padding:3em 0 2em; box-shadow: 0 0 1em rgba(0,0,0,0.1); }
.process-guide li strong { position:absolute; top:0; left:0; background:#7844e6; text-align:center; color:#fff; font-size:20px; font-weight:700; padding:1.5em 2em 1.5em 1.8em; border-radius: 0 0 2em 0; }
.process-guide li dl { padding-left:170px; }
.process-guide li dl dt { font-weight:700; font-size:24px; margin-bottom:0.5em; }
.process-guide li dl dd { font-size:16px; line-height: 1.8; padding-top: 1.5em; margin-left: -8em; }
.process-guide li.n1 dl b { color:#7844e6; }
.process-guide li.n2 dl b { color:#f33e34; }
.process-guide li dl.li2 { display: flex; gap: 1em; flex-wrap: wrap; padding-left:20px; padding-right: 20px; padding-top:1em;}
.process-guide li dl.li2 dt { width: calc(20% - 1em); text-align: center; font-size:16px; margin-bottom: initial; color: #7844e6; line-height:1.2; }
.process-guide li.n2 dl.li2 dt { color: #f33e34; }
.process-guide li dl.li2 dd { width: 80%; font-size:16px; margin-left:initial; padding-top: initial; line-height: 1.5; }
.process-guide li dl.li2 > * { border-bottom:1px solid #ddd; padding-bottom:0.7em;}
.process-guide li.n1 dl.li2 > dt { border-color:#e3d6ff; }
.process-guide li.n2 dl.li2 > dt { border-color:#ffd9d7; }

.sub_wrap01_detail .contArea .txtArea h3 { font-size:27px; }

.process-guide2.divone { border: 1px solid #f1f1f1; border-radius: 0 8px 8px 8px; font-size: 16px; display: grid; grid-template-columns:repeat(2, 1fr);
	grid-template-areas:
		"item01 item02"
		"item03 item03";
	gap:1em 3em; padding: 3em; box-shadow: 0 0 1em rgba(0,0,0,0.1); }
.process-guide2.divone li.item01 { grid-area: item01; }
.process-guide2.divone li.item02 { grid-area: item02; }
.process-guide2.divone li.item03 { grid-area: item03; }
.process-guide2.divone li > dl > dt { font-weight:bold; font-size:18px; margin-bottom:0.3em; }
.process-guide2.divone li > dl > dt span { transform: translateY(5px); }
.process-guide2.divone li > dl > dd { margin-bottom:1em; padding-left:1.8em; }
.process-guide2.divone li > dl > dd p { color:#888; padding-left:10px; font-size:15px; }
.process-guide2.divone li > dl > dd strong { display: block; margin-bottom: 0.5em; font-size:16px; }
.process-guide2.divone .refundTable { padding-left:0; display:grid; grid-template-columns:1fr 1fr; text-align: center; margin:1em 0; }
.process-guide2.divone .refundTable dt { padding: 1em 0; background-color: #f1f1f1; border-right: 1px solid #fff; font-weight:bold; }
.process-guide2.divone .refundTable dd { padding: 1em 0; border:1px solid #f1f1f1; }
.process-guide2.divone .refundTable dl:last-child dt { border-right:0; }
.process-guide2.divone .refundTable dl:first-child dd { border-right:0; }
.process-guide2.divone li.item03 dd { padding-left:0; margin-bottom: 0; }
.process-guide2.divone li.item03 dd p { color:black; margin-bottom:0.5em; position: relative; padding-left:10px; padding-left: 26px; font-size:16px; }
.process-guide2.divone li.item03 dd p::before { content:'\f00e'; font-family: "Material Icons"; font-size:1.5em; position: absolute; left: 0; top: -7px; color:#5d2bc9; }


/* 홈페이지 구축혜택 요약 */
.function_section { padding: 0 1em; }
.function_section .tit_box { margin-bottom: 97px; }
.function_section .tit_box span { color: #9FA6C4; }
.function_section .tit_box h2 { color: #fff; }
.function_section .cont_box { margin-right: -40px; display: flex; flex-wrap: wrap; background-color:transparent; }
.function_section .cont_box li { width: calc(33.3% - 40px); padding: 25px; background: #FFFFFF; border-radius: 20px; margin-right: 40px; margin-bottom: 40px; box-shadow: 0 0 1em rgba(0,0,0,0.1); }
.function_section .cont_box li span { font-weight: 700; font-size: 1.1rem; line-height: 1.2; color:#9f7ddd; }
.function_section .cont_box li h3 { padding-bottom: 20px; font-weight: 700; font-size:24px; line-height: 1.2; text-align: center; color: #191919; }
.function_section .cont_box li .txt_wrap { display: flex; flex-wrap: nowrap; }
.function_section .cont_box li .txt { padding-bottom: 5px; width:90%; margin: 0 auto; }
.function_section .cont_box li .iconArea { text-align: center; margin:3em 0; }
.function_section .cont_box li .iconArea img { max-height:100px; }
.function_section .cont_box li p { position: relative; margin-bottom:5px; font-weight: 500; font-size:16px; line-height: 1.5; color: #191919; padding-left: 15px; word-break: keep-all;}
.function_section .cont_box li p::before { content:'ㆍ'; position: absolute; left: 0px; }
.function_section .cont_box li .txt_box { margin-top: 35px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; width: 100%; }
.function_section .txt_wrap.twodiv { gap:1em; justify-content:center; margin:1em 0; }
.function_section .txt_wrap.twodiv dl { max-width: 47%; }
.function_section .txt_wrap.twodiv dt { width:100%; font-size:16px; font-weight:700; text-align:center; padding:0.3em 0.7em; color:white; border-radius:2em; margin-bottom:0.5em; }
.function_section .txt_wrap.twodiv dd { font-size:16px; text-align:center; font-weight:600; letter-spacing:-0.5pt; }
.function_section .txt_wrap.twodiv dl:nth-child(1) dd { color:#6841bb; }
.function_section .txt_wrap.twodiv dl:nth-child(2) dd { color:#f16c6c; }




/*************************/
/* Addition */

/* 웹호스팅(hosting.html) */
.hostingTypes { display:grid; grid-template-columns:repeat(2, 1fr); gap:2em; }
.hostingTypes > div { width:100%; }
.hosting .list_box tr { display: flex; align-items: center; }
.hosting .list_style td { width:auto; }
.hosting .list_style th { width:auto; min-width: 100px; padding: 10px 15px; }
.hosting .list_style .btn { width:80%; border:2px solid #7844e6; height:auto; }
.hosting .list_style .btn a { 
	color:#7844e6; 
	background-color:white; 
	font-size:20px; 
	position: relative;
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.hosting .list_style .btn a:hover { background-color:#f4efff; }
.hosting .list_style { margin-bottom:1em; }
.hosting .caption { font-size:16px; color:rgb(85, 137, 225); }
.price_info .price { font-size:38px; }
.price_info .price small { font-size:0.6em; }
.sub_wrap01_detail .content { 
	display: flex;
    flex-wrap: wrap;
    gap:4em;
}
/*.sub_wrap01_detail .content > * { width:auto; }*/
.sub_wrap01_detail .content .left_content { margin:0; }

.material-symbols-outlined.arrow_circle_right {
  font-variation-settings:
  'FILL' 0,
  'wght' 700,
  'GRAD' 200,
  'opsz' 48
}
.hosting .inTitle_cont { background:url('/images/sub/domainhosting_img01.png') right 76% no-repeat; background-size:180px; }

.hosting_sect .contWrap { padding:2rem 0; }
.hosting_sect .point-color { color:#7844e6; font-weight: 600; }
.hosting_sect .imgWrap { padding:1.5rem 0; }
.hr_line { width:100%; height:1px; background-color:#eee; }

.tblTrans01 thead th { width:50%; background-color:#F7FAFF; }
.tblTrans01 tbody td { border-right: 1px solid #eee; }
.tblTrans01 tbody td:last-child { border-right:0; }



/* SSL (ssl.html) */
.ssl_apply { width:180px; border: 2px solid #7844e6; height: auto; margin:0 auto; }
.ssl_apply a { color: #7844e6; font-size: 18px; font-weight:600; position: relative; display: flex; justify-content: center; align-items: center; gap: 5px; padding:0.5em 0; }
.ssl_apply:hover a { background-color:#f4efff; }
  

/* 결제페이지 (detail_buy.html) */
.detailBuy { margin-top: 3em; margin-bottom:10em; }
.detailBuy .content { width:1280px; margin:0 auto; }
.detailBuy .writeForm { border-top:none; }
.detailBuy .writeForm .table_title { text-align:left; font-size:32px; font-weight:bold; padding: 1em 0 0.3em; margin-bottom: 1em; border-bottom: 2px solid #000; }
.detailBuy .writeForm table { margin-bottom: 3em; border-collapse: separate; border-spacing: 0 1em; }
.detailBuy .writeForm th { padding: 0; font-weight: bold; font-size: 18px; width: 200px; }
.detailBuy .writeForm th:before { display:none; }
.detailBuy .writeForm td { padding:0; }
.detailBuy .caption { font-size:14px; font-weight:400; color:#999; }
.detailBuy .writeForm .file_box { padding-bottom: 7px; }


/* 본인인증시스템 (cert.html) */
.cert .roundTitle { margin:1em 0 1.5em; }
.certify_list .material-symbols-outlined { font-size:6em; color: #ff7200; }
.certify_list ul { margin-top:1em; }
.cert .list_style01 li:before { display:none; }
.cert .btmTxt { margin-top: 6em; padding: 2.5em 0; background-color:#f9f9f9; border-radius:2em; }
.cert .wrapper { margin:5em 0; }
.cert .topTitle { margin:1em 0 1.5em; }
.cert .subTitle { margin:0.5em 0 1em; }
.certIcons { margin: 1.5em 0; display: inline-block; }
.certIcons img { max-height:100px; }
.cert .contTitle { padding:0; font-size:32px; }
.cert .content { margin-top:1em; }


/* 도메인(domain.html) */
.domain .inTitle_cont {
	padding-top: 1em;
    grid-template-columns: 70% 1fr;
	grid-column-gap:2em;
    text-align: left;
    font-weight: 600; 
	align-items: center;
	width: 84%;
    margin: 0 auto;
}
.domain .inTitle_cont > * { font-size:20px; line-height:1.6; font-weight: 400; }
.domain .inTitle_cont .examples { font-size:19px; font-weight: 600; line-height: 1.4; }
.examples em { display:block; font-style:normal; color:#ff7200; font-weight:bold; }
.domain .sub_table_style01 .highlight { font-weight:bold; color:#7844e6; }
.domain .btmTxt { margin-top: 4em; padding: 2.5em; background-color:#f9f9f9; border-radius:2em; font-size:17px; text-align:left; line-height:2; font-weight:500; }


/* 전자결제 시스템 (payment.html) */
.payment .contTitle { margin-top:3.5em; margin-bottom:0.8em; }
/*****/
/* card box */
.pg_list { display:grid; grid-template-columns:repeat(3, 1fr); grid-gap: 3em; margin-top: 5em }
.pg_list .item { width: auto; margin: 0; border-radius: 2em; box-shadow: 0 0 14px rgba(0, 0, 0, 0.1); padding: 40px 30px; background: #fff; }
.pg_list .item img { height:70px; margin:auto; }
.pg_list table { background-color:#f9f9f9; border-radius:1em; display:flex; justify-content: center; }
.pg_list th, .pg_list td { font-size:19px; line-height: 1.8; }
.pg_list th { font-weight:bold; }
.pg_list .item .numbering { font-weight: 700; font-size: 1.1rem; line-height: 1.2; color: #7844e6; }
.pg_list .item .steps { font-weight: 700; font-size: 1.1rem; line-height: 1.2; color: #7844e6; text-align:center; margin-bottom:0.5em; }
.pg_list .item .img { text-align: center; margin: 10px auto 40px; }
.pg_list .item h3 { text-align:center; padding-bottom: 20px; font-weight: 700; font-size: 1.3rem; line-height: 1.2; color: #191919; }
.pg_list .item .txt_wrap { display: flex; flex-wrap: nowrap; justify-content: center; }
.pg_list .item .txt_wrap .txt { margin: 0 auto; padding-bottom: 5px; }
.pg_list .item .txt_wrap .txt > p { display: inline; margin-bottom: 10px; font-weight: 500; font-size: 16px; line-height: 1.7; color: #191919; }
.pg_list.stepBox .item { position:relative; }
.pg_list.stepBox .item::after { content: '\f138'; font-family: 'FontAwesome'; position: absolute; right: -28px; color: white; top: 50%; transform: translateY(-50%);
    font-size: 4.5em; font-weight: bold; z-index: 1; text-shadow:0 0 0.15em rgba(146 168 254 / 90%); }
.pg_list.stepBox .item:last-child::after { display:none; }

    
/* SMS서비스 안내 (sms.html) */
.sms .boxitem { position:relative; padding-bottom:6.5em; }
.sms .boxcard .boxitem > ul { position:relative; z-index:1; }
.sms .boxitem::after { position:absolute; right:7%; bottom:10%; font-family: "Material Icons Outlined"; color:#000; font-size:5em; }
.sms .boxitem.item01::after { content: "\e7c8"; }
.sms .boxitem.item02::after { content: "\e79a"; }

.sms .wrapper { margin-top: 7em; border-top: 1px solid #ddd; padding-top: 7em; }
.sms .wrapper .contTitle { margin-bottom:2em; padding-top:0; }
.sms .wrapper .list_style02 .row { display:flex; gap:3em; margin-bottom: 3em; justify-content: center; background:none; box-shadow:none; padding:0; }
.sms .wrapper .list_style02 .row > div { width: 31%; background: #fff; box-shadow: 0 0 14px rgba(0, 0, 0, 0.1); padding: 4em; border-radius: 2em; }
.sms .wrapper .list_style02 > div { width:100%; margin:0; }
/*****/
/*SMS 서비스 비용 안내*/
.item01 > h4 { border-color:#333; background-color:#f9f9f9; color:#333; }
.item01 > p { color:#333 }
.row .item01 .btn a { background-color:white; border: 1px solid #333; color:#333; }
.row .item01 .btn a:hover { background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1))),#f9f9f9;
    background: linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1)),#f9f9f9;
    text-decoration: underline; }
.item02 > h4 { border-color:#623ad6; background-color:#f8f6ff; color:#623ad6; }
.item02 > p { color:#623ad6 }
.row .item02 .btn a { background-color:#623ad6; border: none; color:#fff; }
.row .item02 .btn a:hover { background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.3)),to(rgba(0,0,0,.3))),#623ad6;
    background: linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),#623ad6;
    text-decoration: underline; }
.item03 > h4 { border-color:#f96464; background-color:#fff8f8; color:#f96464; }
.item03 > p { color:#f96464 }
.row .item03 .btn a { background-color:#f96464; border: none; color:#fff; }
.row .item03 .btn a:hover { background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.3)),to(rgba(0,0,0,.3))),#f96464;
    background: linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),#f96464;
    text-decoration: underline; }
.item04 > h4 { border-color:#fa6c3f; background-color:#fffaf9; color:#fa6c3f; }
.item04 > p { color:#fa6c3f }
.row .item04 .btn a { background-color:#fa6c3f; border: none; color:#fff; }
.row .item04 .btn a:hover { background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.3)),to(rgba(0,0,0,.3))),#cf603d;
    background: linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),#cf603d;
    text-decoration: underline; }
.item05 > h4 { border-color:#0fad96; background-color:#f3fdfc; color:#0fad96; }
.item05 > p { color:#0fad96 }
.row .item05 .btn a { background-color:#0fad96; border: none; color:#fff; }
.row .item05 .btn a:hover { background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.3)),to(rgba(0,0,0,.3))),#118d7b;
    background: linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),#118d7b;
    text-decoration: underline; }


/* SSL 보안서버 안내 (ssl.html) */
.ssl .inTitle_cont { margin-top:3em; }
.ssl .sect01 { display: grid; grid-template-columns:1fr auto; gap:3em; text-align: left; align-items: end; }
.ssl .sect01 .imgArea img { max-width:200px; }
.ssl .sect01 .txtWrap li { display:grid; grid-template-columns:250px 1fr; gap:1em; align-items: center; margin-bottom: 1.5em; }
.ssl .sect01 .txtWrap h6 { height:100%; font-weight:800; color:#969696; font-size:18px; display: grid; place-items: center; color:white; width: 250px;
    background: linear-gradient(to bottom, #7f4cd7, #7d48db); border-radius: 15px; box-shadow: 3px 3px 20px rgba(104,46,208,.3); text-align:center; }
.ssl .sect01 .txtWrap p { height:100%; font-size:17px; text-align:justify; font-weight:500; letter-spacing:-0.5pt; background-color:#f7f7f7; padding:2em; border-radius:15px; }
.ssl .sect01 .txtWrap p > .color { color:#5d2bc9; }
.ssl .sect01 .txtWrap p > .highlight { color:#f10f0f; }
.ssl .r_sect .fa-plane { font-size:4em; margin-top:1em; }
.ssl .cardbox h4 { font-size:25px; font-weight:700; color:black; margin-bottom:1.5em; }
.ssl .cardbox h5 { font-size:20px; font-weight:500; color:#7844e6; margin-bottom:0.5em; }
.ssl .cardbox p { font-weight:400; }
.ssl .cardbox.twodivs {
	display:grid;
	grid-template-columns: 1fr 300px;
	gap:3em;
	align-items: center;
}
.ssl .sect02 { margin-bottom:5em; }
.ssl .sect02 .contWrap img { border-radius:1.5em; box-shadow:2em 2em 2em rgb(0 0 0 / 10%); }


/* 자동송출 서비스 (press.html) */
.content-wrap { padding-bottom:8rem; }
.titleWrap { padding-bottom: 4rem; text-align:center; }

.section-title { padding-bottom:2rem; text-align:left; font-size:1.5rem; font-weight:600; display: flex; align-items: center; column-gap:0.8rem; }
.section-title::before { content:''; display:inline-block; height: 30px; width: 30px; background-color: #555; border-radius:0 50% 50% 50%; background: linear-gradient(90deg, rgba(121,117,254,1) 0%, rgba(173,49,242,1) 100%); color:#fff; text-align:center; font-size: 1.1rem; line-height: 1.7; }
.section-title p b { font-weight:800; }

.table-cont:nth-child(odd) { padding-top:5rem; }
.tc-1 .section-title::before { content:'1'; }
.tc-2 .section-title::before { content:'2'; }

.sub_table_style03 { text-align:center; }
.sub_table_style03 thead th { font-size:1.1rem; padding:1rem 0; }
.sub_table_style03 thead th:first-child { background-color:#3b3b3b; color:white; }
.sub_table_style03 thead th.t-1 { background-color: #f2f2ff; color:#5f65db; }
.sub_table_style03 thead th.t-2 { background-color: #f3e8ff; color:#9f0dd5; }
.sub_table_style03 tbody td { font-size:1.1rem; padding:1.5rem; border: 1px solid #eee; word-break:keep-all; }
.sub_table_style03 tbody td .remark { font-size:1rem; color:#999; }
.sub_table_style03 tbody td .remark::before { content:''; display:block; }
.sub_table_style03 tbody tr td.cate { background-color:#fbfbfb; }
.sub_table_style03 .view-btn { display:inline-block; border:2px solid #000; border-radius:0.5rem; padding:0.5rem 1rem; font-size:1rem; font-weight:500; }
.sub_table_style03 .view-btn .fa-arrow { padding-left:0.5rem; }

.t-1 .em-color { color:#5f65db; }
.t-2 .em-color { color:#9f0dd5; }
.t-1 .view-btn { border-color:#5f65db; color:#5f65db; }
.t-2 .view-btn { border-color:#9f0dd5; color:#9f0dd5; }
.t-1 .view-btn:hover { background-color:#f2f2ff; }
.t-2 .view-btn:hover { background-color:#f3e8ff; }

.contact dl { display:flex; justify-content:center; gap:1rem; padding-bottom:1rem; }
.contact dl:last-child { padding-bottom:0; }
.contact dt { border:1px solid #000; border-radius:2rem; padding:0.2rem 1rem; font-size:0.9rem; font-weight:800; }
.contact .t-1 dt { border-color:#5f65db; color:#5f65db; }
.contact .t-2 dt { border-color:#9f0dd5; color:#9f0dd5; }





/*************************/
/* Homepage */


/* 구축혜택(benefit.php) */
.benefit .contTitle i { font-style:italic; }
.sub_wrap.benefit .contArea { border-top:1px solid #ddd; padding:5em 0; position:relative; }
.sub_wrap .contArea.line_1st { border-top:3px solid #000; }
.sub_wrap.benefit div .contArea:last-child { border-bottom:3px solid #000; padding-bottom:7em; }
.sub_wrap.benefit .contArea.benefit01 { display:flex; gap:5em; }
.contArea .numbering::before { content: 'benefit'; font-size:20px; font-weight:200; color: #878787; letter-spacing:5pt; }
.contArea .numbering { font-size:65px; color:#ddd; font-weight:bold; letter-spacing:-3pt; padding: 0 10px; }
.contArea .txtArea { font-weight: 400; }
.contArea .txtArea h3 { font-size: 30px; letter-spacing: -1pt; margin-top:0.8em; line-height: 1.3; }
.contArea .txtArea h3 b { font-weight:bold; }
.contArea .txtArea p { margin-top:1em; font-size:18px; letter-spacing:-0.5pt; line-height: 1.6;}
.contArea .txtArea p.titleFont .title01 { font-size:27px; }
.contArea .txtArea ul { margin-top:1em; }
.contArea .txtArea li { font-size:18px; letter-spacing:-0.5pt; margin-bottom:0.3em; padding-left:1em; position: relative; }
.contArea .txtArea li::before { content:'-'; position: absolute; left:0; }
.contArea.benefit02 .txtArea { display:grid; gap:2.5em; grid-template-columns: auto 1fr; }
.contArea.benefit02 .txtArea h3 { margin-top:0.5em; }
.contArea.benefit02 .txtArea > * { max-width:70%; }
.contArea.benefit03 .txtArea > * { max-width:100%; }
.contArea.benefit02 thead th { background-color: #f9f9f9; }
.contArea.benefit02 tbody th { font-weight:normal; background-color: #fffafa; }
.contArea.benefit02 td { font-weight:600; color:black; border-left: 1px solid #f0f0f0; }
.contArea .quoteBox .box { display: inline-block; font-weight: 500; color: #fff; background: #f53f41; text-align: center; border-radius: 6px; margin-left: 5px; 
	padding:0.8em 1.7em; font-size:17px; }
.contArea .quoteBox .boxTail { width: 0; height: 0; border-top:13px solid #f53f41; border-bottom:10px solid transparent; border-right:10px solid transparent;
  margin-left: 5em; }
.benefit02 .tableWrap { position:relative; }
.benefit02 .tableWrap .quoteBox { position:absolute; left:40%; top:-45px; }
.contArea.benefit02 table { margin-top:4.5em; }
.benefit .contArea .iconArea { position:absolute; bottom:5em; right:5em; }
.benefit .contArea .iconArea img { max-height:100px; }

.benefit_promotion{display: flex; gap: 2em; margin-top: 5em;}
.benefit_promotion > div{position: relative; flex: 1; gap: 20px;}
.benefit_promotion .img{ position: relative; aspect-ratio: 1/1; overflow: hidden;}
.benefit_promotion .img img{display: block; width: 100%; transform: translateY(0); transition: transform 2s ease-in-out;}
.benefit_promotion > div:hover img{transform: translateY(-40%);}
.benefit_promotion .text{position: absolute; left: 0; right: 0; bottom: 0; font-size: 1.4rem; color: #fff; padding: 30px 20px; padding-top: 40%; text-align: left; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 80%);}
.benefit_promotion .text > small{display: block; font-size: 0.6em; text-align: right; color: #ef7012; margin-top: 5px; font-weight: 600;}
.benefit_promotion .text > small > a{color: inherit;}
.benefit_promotion .text > small i{margin-right: 5px;}


/* 구축절차안내(process.php) */
.stepBox { display: flex; gap:5em; justify-content: center; }
.stepBox .item { flex: 1; position:relative; }
.stepBox .item::after { position:absolute; content:'\e5e1'; font-family: "Material Icons"; top: 27%; right: -53px; color:#e7e7e7; font-size:3em; font-weight:lighter; }
.stepBox .item:last-child::after { display:none; }
.stepBox .item h3 { padding:0; font-weight:bold; font-size:20px; text-align: center; color: #a493c3; }
.stepBox .item h3 small {display: block; font-size:15px; font-weight:500; margin-top: 10px;}
.stepBox .item .icon { display: inline-flex; align-items: center; justify-content:center; width:130px; height:130px; border-radius:50%; 
	margin:10px auto 20px; background-color:#fce5d6; position:relative; }
.stepBox .item:nth-child(2n) .icon { background-color:#ede7f8; }
.stepBox .item .icon span { font-size:55px; color:black; }
.process .stepBox .material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 100,
  'opsz' 48
}
.stepBox .iconWrap { display:flex; align-item:center; }
.stepBox .steps { color:#ed7822; font-weight:bold; font-size:24px; position:absolute; top: 0; left: -7px; z-index: 1; background-color: white; border-radius: 50%; width: 48px; line-height: 48px;
    box-shadow: 0 0 0.3em rgba(0,0,0,0.2); text-align: center; }
.stepBox .item:nth-child(2n) .steps { color:#7d48db; }
.process .caption { text-align:center; }
#hpgOptions.process { border-top: 1px solid #ebe3ff; }
#hpgOptions.process::before { background-color: #f8f5ff; }
#hpgOptions.process::after { background-color: #fdf9f7; }
#hpgOptions.process .contWrap li:first-child { color:#4a15a9; }
#hpgOptions.process .contWrap li:last-child { color:#a5480a; }
#hpgOptions.process .contWrap li dl dd > p strong { color:#fd9147; }
#hpgOptions.process .contWrap h3 { font-size: 38px; font-weight: bold; margin-bottom: 0.5em; }
.contactRoute ul { display:flex; justify-content:center; }
.contactRoute li { display: flex; align-items: center; gap: 4px; }
.contactRoute li::after { content:'·'; color: #5d2bc9; font-size:2em; padding: 10px;  margin-right: 5px; }
.contactRoute li:last-child::after { display:none; }
.process .contactRoute { margin-bottom:5em; }
.process .contactRoute li a { font-size:20px; font-weight:600; color:#998fae; }
.process .contactRoute img { margin-right:5px; }
.process .contArea .numbering::before { content: 'step'; }
.shortcut { color:#5353d7; font-weight:600; }
.shortcutBtn { border: 1px solid #d7d7ff; padding: 0.3em 0.5em; border-radius: 0.5em; font-size: 15px; font-weight: 700; }
.contArea .txtArea .buttonArea { display: flex; margin:2em 0; flex-wrap:wrap; }
.contArea .txtArea .buttonArea a { background-color:white; padding:0.5em 1em; border:1px solid #ddd; font-weight:600; border-radius:5px; margin-right:0.5em;
	font-size:17px; display: inline-flex; align-items: center; gap: 6px; }
.contArea .txtArea .buttonArea a:hover { background-color:#f9f9f9; color:#a681f5; }
.contArea.benefit02 .feature { margin:2em 0; display:grid; grid-template-columns:1fr 1fr; font-size: 18px; letter-spacing: -0.5pt; justify-items: center; justify-content: center; }
.contArea.benefit02 .feature dl dt { padding:0.7em; font-size:22px; font-weight:bold; text-align:center; margin-bottom:1em; }
.contArea.benefit02 .feature dl dd { padding:1em 2em; margin-bottom:0.5em; text-align:center; border-radius:5px; font-size:17px; }
.contArea.benefit02 .feature dl dd:last-child { margin-bottom:0; }
.contArea.benefit02 .feature dl:nth-child(1) dd { background-color:#ffe5df; color: #e9451f; }
.contArea.benefit02 .feature dl:nth-child(2) dd { background-color:#d3d4f9; color: #3500a5; }
.contArea.benefit02 .feature dl dt { background-color:#fff; border-radius:0.5em;  }
.contArea.benefit02 .feature dl:nth-child(1) dt { color: #ff7d5e; box-shadow:0 0 0.5em #ffc6b9; }
.contArea.benefit02 .feature dl:nth-child(2) dt { color: #9169e7; box-shadow:0 0 0.5em #d3d4f9; }



/* 상단 이미지 (header 하단) */
/*
#topImage {
	height:300px;
	background:#000 url('/images/subImage02.jpg') no-repeat 100% 40%;
	background-size:cover;
}

#topImage.topImage02 { background-image:url('/images/subImage01.jpg'); }
*/
#topImage {
	height:50px;
	background-color:#171955;
}


#topImage .wrapper {
	width: 1280px;
    height: 100%;
    margin: 0 auto;
	position:relative;
}

#topImage .title { 
	display:none;
	/*
    color: white;
    text-align: center;
    display: grid;
    grid-template-columns: 1fr;
    align-content: center;
	height: 100%;
	*/
}

#topImage .title h1 {
	font-size:30px;
	font-weight:600;
	line-height:2;
}

#topImage .title p {
	font-size:17px;
}

#topImage .breadcrumb {
	color:white;
	display:flex;
	align-items:center;
	gap:5px;
	position:absolute;
	bottom:1em;
	font-size:13px;
}

#topImage .breadcrumb li { 
	display:flex;
	align-items:center;
	font-weight:500;
}

#topImage .breadcrumb li a { color:white; }

#topImage .breadcrumb .feather-home { 
	width:17px; 
	margin-right:5px;
	transform: translateY(-2px);
}

#topImage .breadcrumb li::after { 
	content:'>';
	margin-left:5px;
	font-weight:lighter;
	font-size:10px;
	transform: translateY(-1px);
}

#topImage .breadcrumb li:last-child {
	font-weight:bold;
}
#topImage .breadcrumb li:last-child a { color:white; font-weight:bold; }

#topImage .breadcrumb li:last-child::after {
	content:'';
}




/* tabs */
.tabWrap { padding: 2.5em; border-bottom: 1px solid #000; }

.toptabs_lev01 {
	display:flex;
	margin:4em 0;
	justify-content: center;
}

.toptabs_lev01.twotabs {
	grid-template-columns:repeat(2, 1fr);
}

.toptabs_lev02 {
	display:flex;
	gap:1em 0;
	margin: 0 auto;
	margin-bottom:5em;
	justify-content: center;
	max-width: 1000px;
    flex-wrap: wrap;
}

.toptabs_lev01 > li { 
	font-weight:bold;
	line-height:50px;
	padding:0 1.5em;
	border:1px solid #2e2f36;
	border-left:0;
	text-align: center;
	min-width: 30%;
}

.toptabs_lev01.twotabs > li { min-width: 50%; }

.toptabs_lev01 > li:first-child {
	border-left:1px solid #2e2f36;
}

.toptabs_lev01 > li.active {
	background-color:#2e2f36;
}

.toptabs_lev01 > li > a {
	display:block;
	width:100%;
	height:100%;
	font-size:18px;
}

.toptabs_lev01 > li > a:hover {
	color:#999;
}

.toptabs_lev01 > li.active > a {
	color:white;
}

.toptabs_lev02 > li > a { 
	font-size:18px;
	display:block;
	padding:0.5em 1.2em;
	position:relative;
	color: #a9a0af;
}

.toptabs_lev02 > li > a::after { content:'|'; color:#eee; position:absolute; right:0; }
.toptabs_lev02 > li:last-child > a::after { content:''; }

.toptabs_lev02 > li.active > a { 
	font-weight:bold;
	color: #6a51b3;
}

.tab-content {
	display: none;
}

.tab-content.active {
	display: block;
}

.subtab-content {
	display: none;
}

.subtab-content.active {
	display: block;
}


/* tab content */
.tab-content .content-in > ul { 
	text-align:left;
	padding: 2em 0;
}

.tab-content .content-in > ul li {
    font-weight: 300;
    font-size: 16px;
    color: #666;
    line-height: 24px;
	margin-bottom:1.5em;
}

.content-in .subject_num {
	margin-bottom: 7px;
    font-weight: 600;
    font-size: 24px;
	color: #5d2bc9;
	display: inline-block;
}

.content-in .subject_num::after { 
	content:'';
	display:inline-block;
	background-color:#5d2bc9;
	width:100%;
	height:3px;
	transform: translateY(-12px);
}

.content-in.twodivs { 
	display:grid;
	grid-template-columns:30% 1fr;
	gap:1em;
}

.content-in .r_sect { 
	text-align:left;
	padding:2em 1.5em;
}

.content-in .r_sect h3 {
	font-size:35px;
	font-weight:bold;
	letter-spacing: -1pt;
}

.content-in .contWrap > h4 {  
	margin-bottom: 0.5em;
    font-weight: 600;
    font-size: 22px;
	color:black;
}

.cardbox {  
	background-color:#f9f9f9;
	padding:3em;
	margin:1.5em 0;
	border-radius: 1.5em;
}

.cardbox.twodivs {
	display:grid;
	grid-template-columns: 1fr 300px;
	gap:3em;
	align-items: center;
}

.cardbox .caption {
	margin-top:0.5em;
	font-weight:300;
	display: block;
	font-size: 15px;
}

.cardbox .caption::before {
    content: '*';
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 7px;
    color: #7d48db;
	font-weight:bold;
}



/* 게시판쪽 */
/* aside 메뉴 */
.board_list { padding:3em 0; }
.board_list .prtWrap { margin:0 auto; }
.board_list .prtWrap h1 { margin:0 auto;font-size:32px;font-weight:600;margin-bottom:20px; margin-top: 0.5em;}
.board_list .subtab-content { width:100%; overflow:visible; }
.board_list table {width:100%}
.board_list img { max-width:100%; }
#subWrapper { width:1250px; margin:0 auto; display:grid; grid-template-columns:auto 1fr; gap:4em; }
.side_nav .title { background-color:#fff; text-align:center; border:1px solid #dfdfdf; border-bottom:0; border-radius:1em 1em 0 0; padding:3.5em 1.5em 0 1.5em; }
.side_nav .title::after { content:''; display:block; width:95%; height:1px; margin:0 auto; background-color:#dfdfdf; margin-top:3em; }
.side_nav .title * { color:black !important; text-align:center; }
.side_nav .title p:nth-of-type(1) { margin:0; font-size:14px; margin-top:0.8em; font-weight:600; }
.asideNav { margin:4em 0; }
.side_nav { margin-right:0; width:220px; }
.side_nav ul { border:1px solid #dfdfdf; border-top:0; border-radius:0 0 1em 1em; padding:2em 0; }
.side_nav li {  }
.side_nav li a { line-height: 45px; display:block; padding:0 1.7em; border:0; font-weight:bold; font-size:16px; position:relative; }
.side_nav li a::after { font-family: "Material Icons"; content:'\e5c8'; display:inline-block; position:absolute; right:20px; width:22px; height:19px;
	background-color:#f7f7f7; border-radius:50%; margin-top: 12px; line-height: 20px; text-align: center; font-size:13px; } 
.side_nav li a:hover::after { color:#888; }
.side_nav li a:hover { background-color:transparent; color:#ec7648; }
.sub_asideBanner { margin-top:1em; }
.sub_asideBanner a { display:block; }
.sub_asideBanner a img { border-radius:1em; }


/* 결제폼 추가 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* 호스팅 > faq */
.hosting_faq .faq_container { border-top:2px solid #131313; }
.hosting_faq .faq_container .q_box { height:77px; border-bottom:1px solid #d9d9d9;cursor:pointer; padding: 0 1em; }
.hosting_faq .faq_container .q_box span { display:inline-block; width:35px; height:35px; margin:0 6px; text-align:center; background:#ff723e; line-height:32px; color:#fff; font-size:20px; font-weight:bold; font-family:'GmarketSans',sans-serif; border-radius:22px; }
.hosting_faq .faq_container .q_box h2 { display:inline-block; font-size:17px; line-height:77px; }
.hosting_faq .faq_container .q_box b { color:#ff723e; font-size:17px; font-weight:500; margin-right:10px; }
.hosting_faq .faq_container .a_box { display:none; padding:2em; font-size:16px; font-weight:300; color:#666666; line-height:24px; border-bottom: 1px solid #d9d9d9; background: #f8f8f8; }
.hosting_faq .faq_container .a_box span { display:inline-block; }
.hosting_faq .faq_container .faq_content {text-align:left}



/*************** 도메인 ***************/
.domain-search-wrap { border-bottom:1px dotted #ddd; padding:4rem 0; }
.dm_sub_tit { font-weight: 600; font-size: 22px; color: #333; padding: 10px 0 20px; letter-spacing: -1px; }

/* 버튼 */
#domainRegistFrm .btn { width:350px; border:2px solid #7844e6; line-height:50px; display:inline-block; margin:2rem 0 0;  }
#domainRegistFrm .btn .btn_apply { color:#7844e6; background-color:white; font-size:20px; position: relative; display: flex; justify-content: center;    align-items: center; gap: 5px; font-weight:600; }
#domainRegistFrm .btn .btn_apply:hover { background-color:#f4efff; }

/* 도메인 검색바 */
.domain-searchBar { padding:3rem; background-color: #f6f6f6; border-radius: 2rem; width: min-content; margin: 0 auto; }
.service_dm { display: grid; justify-content: center; gap: 6rem; }
.service_dm h3 { font-size:22px; padding-bottom:1rem; }
.domain_input{ background: #fff url('/img/domain_input_bg.png') no-repeat 10px 1px; padding-left:65px !important; }
.domain-searchResult { display:none; padding-top:4rem; }
/*.domain_btn { display:none !important; }*/


/* 도메인 테이블 */
.tbl1{border-top:2px solid #333;}
.tbl1 td{border-bottom:1px solid #eeeeee; border-top:0px solid #333; font:15px/1.5em Pretendard; padding:7px 0;  }
.tbl1 th{border-top:0px solid #333;}
.tbl1 th{background-color:#f8f8f8;font-size:14px;color:#333;padding:10px 0;}
.tbl1.table_brd td{border-left:1px solid #dddddd;border-bottom:1px solid #dddddd;}
.tbl1.table_brd th{border-bottom:1px solid #dddddd}
.tbl1 td input{border:1px solid #cdcdcd;padding:3px}
.tbl1 td input#k_address2, .tbl1 td input#e_address1, .tbl1 td input#e_a_address2, .tbl1 td input#e_address2{display:block}
.tbl1 td input#k_address1, .tbl1 td input#k_a_address1{margin:1px 0;display:block}
#e_address2,#e_a_address2{margin-top:1px}
.tbl1 td select { display:inline-block; border:1px solid #ddd; padding:3px;min-width:55px;height:26px;vertical-align:0px;vertical-align:-2px\9;font-size:14px;}
.tbl1 td a{text-decoration:none}	
.tbl1 tbody tr:nth-child(2n) { background:#fff }
td span.txt_color1{display:block;;color:#3366cc;}
td span.txt_color2{color:#fc400b;}
span.txt_color3{color:#6E9AD8;}
.tbl1 td.txt_color4{font-weight:500;}

/******** 도메인 신청 ********/
.dm-wrapper { max-width:1000px; margin:3rem auto; }
#SendPayForm .point-color { color:#7844e6; font-weight: 600; }
.domain-subTitle { color: #111; font-size: 22px; font-weight:500; letter-spacing: -1px; margin:1rem 0; text-align: left; display:flex; align-items:center;  }
#SendPayForm label { vertical-align:middle; }
#SendPayForm label input { margin-right:5px; transform:translateY(-2px); }


/* 도메인신청 테이블 */
.border_table3{border-collapse:collapse}
	.board_th3,.border_table3 th{height:47px;vertical-align:middle;background-color:#f8f8f8;border-top:2px solid #2c2c2c;border-bottom:1px solid #dddddd;FONT-SIZE:14px;color:#242527; font-weight:500;}
	.board_th3, .border_table3 th{padding-top:9px\9}
	.board_td3, .border_table3 td{padding:12px 10px; vertical-align:middle;border-bottom:1px solid #ddd;color:#565656;FONT-SIZE:14px;}
		.board_td3 a,.border_table3 td a{color:#565656;FONT-SIZE:14px;}
		.board_td3 a:link,.border_table3 td a:link{color:#565656;FONT-SIZE:14px;}
		.board_td3 a a:visited, .border_table3 td a:visited {color:#565656;FONT-SIZE:14px;}
		.board_td3 a a:hover, .border_table3 td a:hover{color:#565656;FONT-SIZE:14px;}
		.board_td3 a a:active, .border_table3 td a:active {color:#565656;FONT-SIZE:14px;}
.border_table3 select, .border_table3 div{color:#565656;FONT-SIZE:14px}
.border_table3 input{height:25px; FONT-SIZE:14px; border:1px solid #ddd;}

/* 도메인신청 테이블2 */
.border_table9{text-align:left; border-top:2px solid #2c2c2c;border-bottom:1px solid #dddddd;border-collapse:collapse}
.border_table9 th{border-bottom:1px solid #ddd;vertical-align:middle;FONT-SIZE:15px;color:#242527; font-weight:500;}
.border_table9 td{vertical-align:middle;border-bottom:1px solid #ddd;color:#565656;FONT-SIZE:15px; padding:1rem 0;}
.border_table9 td label { padding-right:0.5rem; }
.border_table9 td label:last-child { padding-right:0; }
.border_table9 .subtable {border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-collapse:collapse}
.border_table9 .subtable th{background:#f7f7f7; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:7px 0px;}
.border_table9 .subtable td{border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:7px 0 7px 20px;}
.border_table9 label, .border_table9 span{font-size:15px;}
.border_table9 input{font-size:15px; color:#565656; border:1px solid #ccc; padding: 0.3rem 0.5rem;}
.border_table9 select{font-size:15px; color:#565656; border:1px solid #ccc; padding: 0.3rem 0.5rem;}
.border_table9 .bank {margin:10px 0;}
.border_table9 .bank i {padding-left:80px; font-style:normal; font-weight:500; color:#786e64; background: url('/img/sub/kb.jpg')no-repeat left center; }


/* 버튼 */
.btn_white12{display:inline-block; color:#111; background:#fff; font-size:14px; padding:0 0.5rem; border:1px solid #ddd; transition:all 0.2s ease-out;
	cursor:pointer; line-height: 33px; border-radius:5px; }
.btn_white12:hover{background:#333; color:#fff;}

/* 이용약관 모달 */
#userTerms.modal {  display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
#userTerms .modal-content { max-width:710px; background-color: #fefefe; margin:11% auto; padding: 1rem 2rem; border: 1px solid #888; 
	width: 80%; height: 50%; min-height: 450px; }
#userTerms .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; border: 0; padding: 0; margin: 0; }
#userTerms .close:hover,
#userTerms .close:focus { color: black; cursor: pointer; }
#userTerms .modalTitle { display:flex; justify-content:space-between; align-items:center; padding-bottom: 0.5rem; }
#userTerms .modalTitle h3 { font-size:18px; }
#userTerms .modalText { height:100%; max-height:85%; }
#userTerms .modalText textarea { width:100%; height:100%; overflow-y:scroll; border:2px solid #000; padding:1.5rem; }


/* 키워드 */
.keyword_wrap{margin-top: 5em; padding-top: 2.5em; border-top: 1px solid #ececec;}
.keyword{display: flex; flex-wrap: wrap; gap: 0.5rem; font-size: 14px;}
.keyword li{padding: 0.5rem 0.75rem; border: 1px solid #ececec; border-radius: 1.5rem; background-color: #fbfbfb; color: #888;}


/* 맞춤제작/구축[신청하기] 버튼 */
.contFoot_btn > a{height: 50px; line-height: 50px; font-size: 15px;}