@charset "utf-8";

/* 콘텐츠
------------------------------------------------------ */
#contents { width:100%; min-height:554px; }


/* ========================================================================================= main */
/* .main-conts { background:#f7f7f7; } */

/* ==============================================
																					메인비주얼
============================================== */
.main-visual-wrap { overflow:hidden; position:relative; width:100%; height:650px; }
.main-visual-wrap .outer-bg { position:absolute; bottom:0; left:0; z-index:5555; width:100%; height:129px; background:url('../images/main/main_visual_bg.png') no-repeat center center; background-size:100% 100%; }
.main-visual-wrap .slide { position:relative; float:left; width:100%; height:650px; }

.main-visual-wrap .slide1 { background:url('../images/main/main_visual03.jpg') no-repeat center center; background-size:cover; }
.main-visual-wrap .slide2 { background:url('../images/main/main_visual02.jpg') no-repeat center center; background-size:cover; }
.main-visual-wrap .slide3 { background:url('../images/main/main_visual04.jpg') no-repeat center center; background-size:cover; }
/* text */
.main-visual-wrap .slide-text { position:absolute; top:145px; left:50%; transform:translateX(-50%); width:1100px; text-align:center; font-size:0; line-height:0; }
.main-visual-wrap .slide-text h1 { font-weight:300; font-size:40px; line-height:60px; color:#fff; word-break:keep-all; }
.main-visual-wrap .slide-text h1 strong { display:block; font-weight:700; font-size:60px; }
.main-visual-wrap .slide-text img { margin:30px 0 40px; }
.main-visual-wrap .slide-text a { display:block; margin:0 auto; width:320px; height:60px; border:2px solid #fff; background:none; border-radius:30px; font-size:22px; line-height:56px; color:#fff; letter-spacing:0; transition:.3s; }
.main-visual-wrap .slide-text a:hover { background:rgba(8,113,185,.85); border-color:rgba(8,113,185,.85); }
.main-visual-wrap .slick-prev,
.main-visual-wrap .slick-next { position:absolute; top:237px; z-index:5555; width:33px; height:65px;  font-size:0; transition:.3s; opacity:0.75;  }
.main-visual-wrap .slick-prev { left:3.6%; background:url('/images/main/main_visual_prev.png') no-repeat center center; background-size:100% auto; }
.main-visual-wrap .slick-next { right:3.6%; background:url('/images/main/main_visual_next.png') no-repeat center center; background-size:100% auto; }
.main-visual-wrap .slick-prev:hover,
.main-visual-wrap .slick-next:hover { opacity:1; }

@media only screen and (max-width:1100px) { 
	.main-visual-wrap .outer-bg { height:100px; }
	.main-visual-wrap .slide-text { left:0; transform:none; padding:0 30px; width:100%; }
}
@media only screen and (max-width:768px) { 
	.main-visual-wrap .outer-bg { height:70px; }
	.main-visual-wrap .slide-text h1 { font-size:27px; line-height:1.3; }
	.main-visual-wrap .slide-text h1 strong { margin-top:5px; font-size:45px; line-height:1.3; }
	.main-visual-wrap .slide-text img { margin:20px 0 40px; height:35px; }
	.main-visual-wrap .slide-text a { width:260px; height:55px; font-size:20px; line-height:51px; }
	.main-visual-wrap .slick-prev,
	.main-visual-wrap .slick-next { width:24px; height:48px; }
}
@media only screen and (max-width:640px) { 
	.main-visual-wrap .outer-bg { height:40px; }
	.main-visual-wrap .slide-text { padding:0 20px; }
	.main-visual-wrap .slide-text h1 { font-size:20px; }
	.main-visual-wrap .slide-text h1 strong { font-size:35px; line-height:1.2; }
	.main-visual-wrap .slide-text img { margin:15px 0 30px; height:30px; }
	.main-visual-wrap .slide-text a { width:230px; height:50px; font-size:18px; line-height:46px; }
	.main-visual-wrap .slick-prev,
	.main-visual-wrap .slick-next { width:18px; height:35px; }
}


/* -------- main-visual ver2 -------- */
.main-section.main-visual-price { padding-top:160px; height:100vh; min-height:920px; background:url('/images/main/main_visual06.jpg') no-repeat center top; background-size:cover; }

/* title */
.main-visual-price > h1 { font-weight:700; font-size:55px; color:#fff; letter-spacing:-2.5px; }
.main-visual-price > h1 strong { font-weight:700; color:#f1eb49; letter-spacing:-1px; }
.main-visual-price > h1 + p { font-weight:300; font-size:20px; color:#fff; }
.main-visual-price .more-veiw { display:block; margin:32px auto 40px; width:180px; height:42px; border-radius:3px; border:1px solid rgba(255,255,255,.85); font-weight:300; font-size:18px; line-height:40px; color:#fff; transition:.3s; }
.main-visual-price .more-veiw:after { content:''; display:inline-block; margin-left:15px; width:8px; height:14px; background:url('/images/main/more_arrow.png') no-repeat 0 0; vertical-align:baseline; transition:.3s; }
.main-visual-price .more-veiw:hover { border-color:#0871b9; background:#0871b9; }
.main-visual-price .more-veiw:hover:after { margin-left:25px; }

/* box */
.main-visual-price-box { position:relative; display:inline-block; margin-left:25px; padding:28px 25px 32px; width:350px; height:490px; background:rgba(255,255,255,.95); vertical-align:top; transition:.3s; font-size:0; }
.main-visual-price-box:first-child { margin-left:0; }

.main-visual-price-box.groupware { border:7px solid #ec6941; border-width:7px 0 3px; }
.main-visual-price-box.mail { border:7px solid #4bc5c3; border-width:7px 0 3px; }
.main-visual-price-box.construct { border:7px solid #12496d; border-width:7px 0 3px; }

.main-visual-price-box:hover { border-color:transparent; background:#fff; box-shadow:5px 1px 10px rgba(0,0,0,.25); }

.main-visual-price-box .hover-event span { position:absolute; opacity:0; transition:.3s; }
.main-visual-price-box .hover-event span:first-child { top:-7px; left:0; width:100%; height:7px; transform: scaleX(0); transform-origin: left; }
.main-visual-price-box .hover-event span:nth-child(2) { top:0; left:0; width:7px; height:100%; transform: scaleY(0); transform-origin: top }
.main-visual-price-box .hover-event span:nth-child(3) { bottom:0; right:0; width:7px; height:100%; transform: scaleY(0); transform-origin: bottom; }
.main-visual-price-box .hover-event span:nth-child(4) { bottom:-3px; right:0; width:100%; height:7px; transform: scaleX(0); transform-origin: right; }

.main-visual-price-box.groupware .hover-event span { background:#ec6941; }
.main-visual-price-box.mail .hover-event span { background:#4bc5c3; }
.main-visual-price-box.construct .hover-event span { background:#12496d; }

.main-visual-price-box:hover .hover-event span { opacity:1; }
.main-visual-price-box:hover .hover-event span:first-child,
.main-visual-price-box:hover .hover-event span:nth-child(4) { transform: scaleX(1); transition-delay:0.1s; }
.main-visual-price-box:hover .hover-event span:nth-child(2),
.main-visual-price-box:hover .hover-event span:nth-child(3) { transform: scaleY(1); transition-delay:0.3s; }

.main-visual-price-box .title { margin-top:15px; font-weight:500; font-size:36px; line-height:1.3; color:#333; }
.main-visual-price-box .title span { display:block; font-weight:300; font-size:22px; }
.main-visual-price-box .title strong { font-weight:300; font-size:22px; color:#ec6941 }
.main-visual-price-box:last-child .title strong { color:#333; }

.main-visual-price-box .info { margin:17px 0 0; width:100%; background:#e3e3e3; font-weight:300; font-size:16px; line-height:35px; color:#222; }

.main-visual-price-box .price { display:table; width:100%; height:114px; }
.main-visual-price-box .price p { display:table-cell; font-weight:300; font-size:24px; font-family:'Roboto', 'Noto Sans KR', sans-serif; color:#444; vertical-align:middle; }
.main-visual-price-box .price .retail { position:relative; left:-7px; display:inline-block; padding-right:36px; }
.main-visual-price-box .price .retail em { font-style:normal; font-size:24px; line-height:1; color:#999; text-decoration:line-through; letter-spacing:0; }
.main-visual-price-box .price .retail .discount { position:absolute; top:5px; right: 0; display:inline-block; padding:2px 3px; border-radius:3px; background:#fb315c; font-weight:400; font-size:13px; line-height:1; letter-spacing:0; color:#fff;}
.main-visual-price-box .price .retail .discount:before { content:''; position:absolute; top:100%; left:50%; margin-left:-3px; width:0; height:0; border:3px solid transparent; border-top-color:#fb315c; }

.main-visual-price-box .price p strong { font-weight:500; font-size:46px; letter-spacing:-2px; }

.main-visual-price-box.groupware .price p strong { color:#ec6941; }
.main-visual-price-box.mail .price p strong { color:#4bc5c3; }
.main-visual-price-box.construct .price p strong { font-size:36px; color:#12496d; letter-spacing:-2px; }

.main-visual-price-box .goods-info { display:inline-block; margin-top:5px; text-align:left; }
.main-visual-price-box .goods-info li { margin:0 0 10px; font-weight:300; font-size:20px; line-height:1; color:#555; letter-spacing:-1.5px; }
.main-visual-price-box .goods-info li:before { content:''; display:inline-block; margin-right:6px; margin-top:2px; width:18px; height:18px; border-radius:50%; background:#a0a0a0 url('/images/main/main_visual_price_check.png') no-repeat center center; background-size:100% auto; vertical-align:top; }

.main-visual-price-box .more { display:block; margin-top:25px; border-radius:25px; font-weight:300; font-size:18px; line-height:50px; color:#fff; transition:.3s; }

.main-visual-price-box.groupware .more { background:#ec6941; }
.main-visual-price-box.mail .more { background:#4bc5c3; }
.main-visual-price-box.construct .more { background:#12496d; }


/* ==============================================
																					메인보드
============================================== */
.main-board-wrap { position:relative; z-index:6666; width:100%; background:#f9f9f9; }
.main-board-wrap .inner { overflow:hidden; padding-top:20px; }
.main-board-outer { margin:-150px auto 0; width:1100px; height:323px; }
.main-board-outer > section { float:left; margin-left:20px; padding:35px 30px; width:350px; height:323px; background:rgba(255,255,255,.95); /* box-shadow:5px 0 10px rgba(0,0,0,.2);  */letter-spacing:-0.5px; }
.main-board-outer > section:first-child { margin-left:0; }
/* title */
.main-board-wrap h1 { margin-bottom:23px; font-weight:700; font-size:16px; line-height:1; color:#666; letter-spacing:0; }
/* notice */
.main-board-wrap .notice { background:rgba(4,55,91,.95); }
.main-board-wrap .notice h1 { color:#fff; }
.main-board-wrap .notice ul li a { overflow:hidden; display:block; width:100%; font-weight:300; font-size:16px; line-height:30px; color:#fff; text-overflow:ellipsis; white-space:nowrap; }
.main-board-wrap .notice ul li a:hover { text-decoration:underline; }
.main-board-wrap .notice ul .no-data { font-weight:300; font-size:15px; line-height:190px; color:#fff; text-align:center; }
/* blog */
.main-board-wrap .blog { padding:0; background:#fff; }
.main-board-wrap .blog a { display:block; }
.main-board-wrap .blog .thumb-wrap { overflow:hidden; width:100%; height:185px; }
.main-board-wrap .blog .thumb-wrap img { width:100%; }
.main-board-wrap .blog .text-wrap { padding:22px 25px 25px; border:1px solid #dadada; border-top:0 none; background:#fff; }
.main-board-wrap .blog .blog-header { } 

.main-board-wrap .blog .blog-header { margin-bottom:10px; }
.main-board-wrap .blog .blog-header span { display:inline-block; font-size:12px; color:#555; vertical-align:middle; letter-spacing:0.5px; }
.main-board-wrap .blog .blog-header .event,
.main-board-wrap .blog .blog-header .blog { margin-right:14px; width:58px; line-height:22px; text-align:center; text-transform:uppercase; }
.main-board-wrap .blog .blog-header .event { border:1px solid #37b0e3; color:#0e91c8; }
.main-board-wrap .blog .blog-header .blog { border:1px solid #31cb51; color:#0da42d; }

.main-board-wrap .blog-title { overflow:hidden; display:-webkit-box; height:56px; font-weight:300; font-size:22px; line-height:28px; color:#111; word-break:keep-all; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; }

.main-board-wrap .owl-dots { display:block !important; position:absolute; top:-20px; right:0; line-height:0; }
.main-board-wrap .owl-item { min-width:350px; }
.main-board-wrap .owl-dot { display:inline-block; margin-left:7px; width:12px; height:12px; border-radius:50%; background:#b1b1b1; }
.main-board-wrap .owl-dot.active  { background:#04375b; }

@media only screen and (max-width:1100px) { 
	.main-board-outer { width:100%; }
}

/* -------- 메인보드 수정 -------- */
/* .main-section.main-board-wrap { background:#fff; } */
.main-section.main-board-wrap .main-board-outer { margin-top:0; height:388px; text-align:left; }
.main-section.main-board-wrap .main-board-outer > section  { height:388px; }
.main-section.main-board-wrap .blog .thumb-wrap { height:250px; }


/*
	메인콘텐츠
*/
.main-section { width:100%; padding:90px 0; text-align:center; }
.main-section .main-title { font-weight:700; font-size:45px; line-height:1; color:#222; letter-spacing:-2px; word-break:keep-all; }
/* .main-section .main-title strong { position:relative; z-index:11; padding:7px 10px 15px; font-weight:700; color:#0000ff; }
.main-section .main-title strong:before { content: '★'; position:absolute; top:5px; right:-5px; font-size:20px; color:#ff00ff; }
.main-section .main-title strong:after { content:''; position:absolute; bottom:15px; left:0; z-index:-1; width:100%; height:20px; background:#00ffff; } */
.main-section .main-title strong { position:relative; z-index:11; padding:7px 10px 15px; font-weight:700; /* color:#0000ff; */  color:#0000ff; }
.main-section .main-title strong:after { content:''; position:absolute; bottom:15px; left:0; z-index:-1; width:100%; height:60px; /* background:#00ffff; */ background:#fff100; }
.main-section .main-title span { display:block; margin-bottom:15px; font-weight:300; font-size:22px; color:#333; }
.main-section .main-title em { position:relative; font-style:normal; color:#0871b9; }
.main-section .main-title em:after { content:''; position:absolute; bottom:-2px; left:0; width:100%; height:1px; background:#0871b9; }

.main-section .main-title + p { margin:20px 0 50px; font-weight:300; font-size:18px; line-height:1; color:#333; }

@media only screen and (max-width:1100px) { 
	.main-section { padding:90px 30px; }
}
@media only screen and (max-width:768px) { 
	.main-section { padding:60px 30px; }
	.main-section .main-title { font-size:36px; line-height:1.3; }
	.main-section .main-title + p { margin:15px 0 35px; font-size:17px; }
}
@media only screen and (max-width:640px) { 
	.main-section { padding:50px 20px; }
	.main-section .main-title { font-size:32px; }
	.main-section .main-title + p { margin:10px 0 30px; font-size:16px; }
}


/* ==============================================
																					주요기능
============================================== */
.main-function-wrap { position:relative; width:100%; background:#f0f0f0; }

.main-function-wrap .main-title + p { margin-bottom:30px; }
.main-function-wrap .btn-more-veiw { margin:0 0 30px; }

.function-box { overflow:hidden; margin:0 auto; padding-top:86px; width:1100px !important; }
.function-box .slide { float:left; }
.function-box .slide img { position:relative; z-index:2; float:left; margin:0 0 0 7%; width:45.45%; }
.function-box .function-txt { position:relative; margin:4% auto 0; padding:6.819% 5% 10.274% 56%; width:1100px; /* height:355px;*/ background:#fff; text-align:left; }
.function-box .function-txt h1 { font-weight:300; font-size:42px; line-height:1; color:#333; letter-spacing:-2.5px; }
.function-box .function-txt h1 strong { font-weight:500; }
.function-box .function-txt p { padding-top:35px; font-weight:300; font-size:18px; line-height:30px; color:#555; }
.function-box .function-txt .btn-more { position:absolute; bottom:100px; left:618px; width:120px; height:40px; border:1px solid #04375b; background:#fff url('/images/main/main_function_arrow.png') no-repeat center center; font-size:0; transition:.3s; }
.function-box .function-txt .btn-more:hover { background:#04375b url('/images/main/main_function_arrow_on.png') no-repeat 76% center; }

/* dot */
.main-function-wrap .owl-dots { position:absolute; top:0; left:0; width:100%; text-align:center; }
.main-function-wrap .owl-dots .owl-dot { display:inline-block; margin:0 7px; vertical-align:top; }
.main-function-wrap .owl-dots .owl-dot:first-child { margin-left:0; }
.main-function-wrap .owl-dots .owl-dot:last-child { margin-right:0; }
.main-function-wrap .owl-dots .owl-dot button { padding:0 28px; border:1px solid #ddd; border-radius:18px; background:#fff; font-size:15px; line-height:34px; color:#555; letter-spacing:-1px; }
.main-function-wrap .owl-dots .owl-dot.active button { border-color:#04375b; background:#04375b; color:#fff; }
/* btn */
.main-function-wrap .owl-prev,
.main-function-wrap .owl-next { position:absolute; bottom:154px; left:50%; width:46px; height:46px; font-size:0; transition:.3s; }
.main-function-wrap .owl-prev { margin-left:-550px; background:rgba(0,0,0,.2) url('/images/main/main_function_prev.png') no-repeat center center;  }
.main-function-wrap .owl-next { margin-left:504px; background:rgba(0,0,0,.2) url('/images/main/main_function_next.png') no-repeat center center;  }
.main-function-wrap .owl-prev:hover ,
.main-function-wrap .owl-next:hover { background-color:rgba(0,0,0,.75); }

@media only screen and (max-width:1100px) { 
	.function-box .function-txt { width:100%; }
	.function-box .owl-stage-outer { overflow:hidden; }
	.function-box .slide { width:100%; }
}
@media only screen and (max-width:1100px) { 
	.function-box .function-txt h1 { font-size:36px; }
}


/* ==============================================
										  										  PC OFF
============================================== */
.main-pcoff { background:#fff; }
.main-pcoff .inner { overflow:hidden; margin-top:40px; border:1px solid #222c3e; height:500px; }
.main-pcoff .main-pcoff-box { margin-left:229px; width:869px; }
.main-pcoff .owl-carousel .owl-stage-outer { overflow:hidden; }
.main-pcoff .owl-dots { position:absolute; top:0; left:-229px; width:229px; }
.main-pcoff .owl-dot { width:100%; }
.main-pcoff .owl-dot button { width:100%; padding:40px 0 40px 25px; /*padding:27px 0 28px 25px;*/ border-top:1px solid #dadada; background:#eff5fa; font-weight:400; font-size:17px; /*font-size:16px;*/ line-height:22px; text-align:left; }
.main-pcoff .owl-dot:first-of-type button { border-top:0 none; }
.main-pcoff .owl-dot.active { position:relative; z-index:11; }
.main-pcoff .owl-dot.active button { background:#222c3e; border-color:#222c3e; color:#fff; }
.main-pcoff .owl-dot.active button:before { content:''; position:absolute; top:0; left:0; z-index:-1; width:calc(100% + 10px); height:calc(100% + 5px); background:#222c3e; box-shadow:5px 7px 15px rgba(0,0,0,.32); }


/* ==============================================
						  										  PC OFF BANNER
============================================== */
.main-pcoff-banner { margin-top:-30px; display:table; width:100%; height:270px; background:url('/images/main/main_pcoff_banner.jpg') no-repeat center center; background-size:cover; }
.main-pcoff-banner .inner { display:table-cell; vertical-align:middle; color:#fff; text-align:center; }
.main-pcoff-banner h1 { font-weight:700; font-size:48px; line-height:1; }
.main-pcoff-banner p { margin-top:10px; font-weight:300; font-size:27px; letter-spacing:-1.5px; }
.main-pcoff-banner ul { margin-top:30px; font-size:0; }
.main-pcoff-banner ul li { display:inline-block; margin:0 10px; width:230px; vertical-align:top; }
.main-pcoff-banner ul li a { display:block; border:1px solid #fff;  font-size:20px; line-height:53px; color:#fff; transition:.3s; }
.main-pcoff-banner ul li:hover a { background:#fff; color:#8e84cc; }


/* ==============================================
						  										  근무시간관리 배너
============================================== */
.main-banner1 { padding-top:30px; height:240px; font-family: 'S-CoreDream-4Regular'; color:#fff; }
.main-banner1 .banner-inner { height:100%; background:url('/images/main/main_banner1_bg.jpg') no-repeat center center; background-size:cover; }

.main-banner1 .inner { position:relative; display:table; height:100%; }
.main-banner1 .inner:before { content:''; position:absolute; bottom:0; left:0; width:576px; height:240px; background:url('/images/main/main_banner1_obj.png') no-repeat 0 0; }
.main-banner1 .inner > div { display:table-cell; vertical-align:middle; }

.main-banner1 .tit-wrap { position:relative; z-index:22; padding-left:50px; width:630px; }
.main-banner1 .tit-wrap h1 { font-weight:normal; font-size:50px; font-family: 'S-CoreDream-6Bold'; letter-spacing:-1.5px; }
.main-banner1 .tit-wrap p { margin-top:5px; font-size:19px; }
.main-banner1 .tit-wrap p i { display:inline-block; margin-left:100px; }

.main-banner1 .conts-wrap { width:470px; font-size:0; }
.main-banner1 .conts-wrap dl { display:inline-block; vertical-align:middle; width:50%; }
.main-banner1 .conts-wrap dl dt { font-size:27px; font-family: 'S-CoreDream-6Bold'; }
.main-banner1 .conts-wrap dl dd { font-size:17px; }
.main-banner1 .conts-wrap dl dd a { display:block; margin-top:20px; width:100px; border:1px solid #00cf91; background:#00cf91; font-size:14px; line-height:33px; color:#fff; text-align:center; transition:.3s; }
.main-banner1 .conts-wrap dl dd a:hover { border-color:#fff; background:none; }



/* ==============================================
										  메인주52시간근무제근태시스템
============================================== */
.main-attendance { overflow:hidden; background:#fff; }
.main-attendance-box { margin-top:40px; }
.main-attendance-box .owl-item { float:none !important; display:inline-block; vertical-align:top; }
.main-attendance-slide { padding: 50px 0 0;  }
.center .main-attendance-slide { padding:0; }
.main-attendance-slide img { height:400px; }
.center .main-attendance-slide img { height:auto; }
.main-attendance-slide img { border:1px solid #dadada; }
.main-attendance-slide h1 { display:none; margin-top:25px; font-weight:400; font-size:24px; line-height:1.3; color:#333; letter-spacing:-1.5px; }
.main-attendance-slide h1 span { display:block; margin-top:3px; font-weight:400; font-size:16px; letter-spacing:-1px; }
.center .main-attendance-slide h1 { display:block; }
.main-attendance .owl-dots { margin-top:30px; font-size:0; line-height:0; }
.main-attendance .owl-dot { margin:0 6px; width:14px; height:14px; border:1px solid #04375b; border-radius:50%; background:#fff; }
.main-attendance .owl-dot.active { background:#04375b; }


/* ==============================================
																메인주52시간근무제
============================================== */
.main-work-wrap { background:#fff url('/images/main/main_work_bg.png') no-repeat center top; background-size:auto 78.5%; }
.main-work-wrap .main-title,
.main-work-wrap .main-title + p { color:#fff; }
.main-work-icon { margin:0 auto 70px; width:1100px; font-size:0; text-align:center; }
.main-work-icon li { display:inline-block; margin-left:20px; padding:40px 0; width:calc(25% - 15px); background:rgba(255,255,255,.2); vertical-align:top; }
.main-work-icon li:nth-child(1) { margin-left:0; }
.main-work-icon li span { display:block; margin-top:18px; font-weight:300; font-size:18px; line-height:1.2; color:#fff; }
.main-work-icon + img { max-width:100%; }

@media only screen and (max-width:1100px) { 
	.main-work-icon { width:100%; }
}
@media only screen and (max-width:768px) { 
	.main-work-icon { margin-bottom:50px; }
	.main-work-icon li { padding:30px 0; }
	.main-work-icon li img { height:55px; }
	.main-work-icon li span { font-size:16px; }
	.main-work-icon + img { max-width:90%; }
}
@media only screen and (max-width:640px) { 
	.main-work-wrap { background-size:auto 83%; }
	.main-work-icon { margin-bottom:30px; }
	.main-work-icon li { margin-left:10px; margin-bottom:10px; padding:15px 0; width:calc(50% - 5px); }
	.main-work-icon li:nth-child(2n+1) { margin-left:0; }
	.main-work-icon li img { height:45px; }
	.main-work-icon li span { margin-top:10px; font-size:15px; }
}

/* 자세히보기 */
.btn-more-veiw { display:inline-block; font-size:18px; line-height:1; color:#04375b; transition:.3s; }
.btn-more-veiw:after { content:'+'; display:inline-block; margin-left:7px; padding-right:1px; width:20px; height:20px; border:1px solid #04375b; box-sizing:border-box; border-radius:50%; font-weight:700; font-size:16px; line-height:16px; text-align:center; letter-spacing:0; transition:.3s; }

.btn-more-veiw:hover { color:#ec6941; }
.btn-more-veiw:hover:after { border-color:#ec6941; color:#ec6941; }

.main-work-wrap .btn-more-veiw,
.main-price-wrap .btn-more-veiw { position:relative; top:-20px; margin:0 0 10px; }
.main-work-wrap .btn-more-veiw { color:#fff; }
.main-work-wrap .btn-more-veiw:after { border-color:#fff; color:#fff; }

.main-work-wrap .btn-more-veiw:hover { color:#04375b; }
.main-work-wrap .btn-more-veiw:hover:after { border-color:#04375b; color:#04375b; }

.main-section .main-title + .btn-more-veiw { margin-top:30px; }


/* ==============================================
																			메인배너
============================================== */
.main-banner-wrap { overflow:hidden; position:relative; width:100%; height:200px; }
.main-banner-wrap .slide { float:left; width:100%; height:200px; }
.main-banner-wrap .slide a { display:block; margin: 0 auto; width:1100px; height:100%; }
/* slide1 */
.main-banner-wrap .slide1 { text-align:center; }
.main-banner-wrap .slide1 .banner-inner { display:inline-block; height:100%; padding:55px 0 0 392px;  background:url('/images/main/main_banner_obj.png') no-repeat 80px center; font-weight:300; font-size:36px; line-height:1; color:#453c2a; letter-spacing:-2px; }
.main-banner-wrap .slide1 strong { font-weight:700; color:#442ba2; }
.main-banner-wrap .slide1 span { display:block; margin:23px auto 0; width:200px; background:#333; font-size:18px; line-height:43px; color:#fff; transition:.3s; }
.main-banner-wrap .slide1 span:hover { background:#6699ff; }
/* dot */
.main-banner-wrap .slick-dots { position:absolute; bottom:30px; left:50%; margin-left:-550px; }
.main-banner-wrap .slick-dots li { float:left; margin-right:8px; width:12px; height:12px; }
.main-banner-wrap .slick-dots li button { padding:0; width:100%; height:100%; border-radius:50%; border:1px solid #333; font-size:0; background:none; }
.main-banner-wrap .slick-dots li.slick-active button { background:#333; }
/* btn */
.main-banner-wrap .slick-prev,
.main-banner-wrap .slick-next { position:absolute; top:50%; margin-top:-25px; width:50px; height:50px;  font-size:0; transition:.3s; }
.main-banner-wrap .slick-prev { left:90px; background:rgba(0,0,0,.2) url('/images/main/main_banner_prev.png') no-repeat center center; }
.main-banner-wrap .slick-next { right:90px; background:rgba(0,0,0,.2) url('/images/main/main_banner_next.png') no-repeat center center; }
.main-banner-wrap .slick-prev:hover ,
.main-banner-wrap .slick-next:hover { background-color:rgba(0,0,0,.75); }


/* ==============================================
																			메인가격안내
============================================== */
.main-price-wrap { padding-top:180px; min-height:100vh; background:#f2f2f2 url('../images/main/main_visual02.jpg') no-repeat center center; background-size:cover; }
.main-price-outer { margin:0 auto; width:1100px; height:530px; }
.main-price-box { float:left; margin-left:25px; padding:32px 30px 40px; width:calc(100% / 3 - 18px); /* height:530px; */ background:#fff; box-shadow:3px 5px 10px rgba(0,0,0,.15); }
.main-price-box:first-child { margin-left:0; }
.main-price-box h1 { font-weight:400; font-size:20px; line-height:1; color:#333; }
.main-price-box h1 strong { display:block; margin-top:7px; font-weight:500; font-size:32px; }

.main-price-wrap .main-title { color:#fff; }
.main-price-wrap .main-title + p { color:#fff; }

.main-price-wrap .btn-more-veiw { color:#fff; }
.main-price-wrap .btn-more-veiw:after { border-color:#fff; color:#fff; }

@media only screen and (max-width:1100px) { 
	.main-price-outer { padding:0 30px; width:100%; }
}

.main-price-box .point-box { margin:30px 0; padding:19px 15px; height:150px; background:#ebebeb; color:#333; }
.main-price-box:nth-of-type(2) .point-box { margin-bottom:43px }
.main-price-box .point-box h1 { margin-bottom:25px; font-weight:400; font-size:18px; line-height:1; }
.main-price-box:first-child .point-box h1 { margin-bottom:15px; }
.main-price-box .point-inner-box { font-size:0; }
.main-price-box .point-inner-box dl { position:relative; display:inline-block; width:50%; vertical-align:middle; }
.main-price-box .point-inner-box dl:before { content:''; position:absolute; top:50%; left:0; margin-top:-25px; width:1px; height:50px; background:#ddd; }
.main-price-box .point-inner-box dl:first-child:before { display:none; }
.main-price-box .point-inner-box dt,
.main-price-box .point-inner-box dd { font-size:18px; line-height:1.3; }
.main-price-box .point-inner-box dd strong { font-weight:500; font-size:24px; }
.main-price-box .point-inner-box p { margin-top:7px; font-size:13px; }
.main-price-box .point-inner-box p strong { display:block; margin-top:30px; font-weight:500; font-size:24px; }
.main-price-box .price { position:relative; font-size:18px; line-height:1; color:#333; }
.main-price-box .price strong { font-weight:700; font-size:35px; color:#6699ff; }
.main-price-box .price .retail { position:absolute; top:-20px; left:85px; padding-right:38px; font-size:20px; color:#888; text-decoration:line-through; letter-spacing:0; }
.main-price-box .price .retail .discount { position:absolute; top:1px; right: 0; display:inline-block; padding:3px; border-radius:3px; background:#fb315c; font-family:'verdana'; font-weight:bold; font-size:8px !important; line-height:1; letter-spacing:0; color:#fff;}
.main-price-box .price .retail .discount:before { content:''; position:absolute; top:100%; left:10px; width:0; height:0; border:3px solid transparent; border-top-color:#fb315c; }

.main-price-box .price > .discount { position:absolute; top:-25px; right: 36%; display:inline-block; padding:3px 5px; border-radius:3px; background:#fb315c; font-family:'verdana'; font-weight:bold; font-size:11px !important; line-height:1; letter-spacing:0; color:#fff;}
.main-price-box .price > .discount:before { content:''; position:absolute; top:100%; left:10px; width:0; height:0; border:3px solid transparent; border-top-color:#fb315c; }

.main-price-box .info { margin:15px 0 25px; min-height:54px; font-size:15px; line-height:1.2; color:#333;}
.main-price-box:nth-of-type(2) .info { margin-bottom:12px; }
.main-price-box .registration { display:block; width:100%; border-radius:25px; line-height:50px; background:#04375b; font-weight:300; font-size:18px; color:#fff; transition:.3s; }
.main-price-box .registration:hover { background:#0871b9; }


/* ==============================================
																	메인구축형서비스
============================================== */
.main-customizing-wrap { width:100%; height:797px; background:url('/images/main/main_customizing_bg.jpg') no-repeat center center; background-size:cover; text-align:center; }
.main-customizing-wrap .main-title,
.main-customizing-wrap .main-title + p { color:#fff; }
.main-customizing-wrap .main-title + p { line-height:1.3; }
.main-customizing-btn { text-align:center; font-size:0; }
.main-customizing-btn li { display:inline-block; margin:0 10px; width:250px; height:65px; border:1px solid #fff; vertical-align:top; transition:.3s; }
.main-customizing-btn li a { display:block; font-size:20px; line-height:63px; color:#fff; transition:.3s; }
.main-customizing-btn li:hover { border-color:#0871b9; }
.main-customizing-btn li:hover a { background:#0871b9; }
.main-customizing-conts { margin:80px auto 0; width:1100px; font-size:0; }
.main-customizing-conts > img { display:inline-block; margin-right:-7%; max-width:100%; vertical-align:middle; }
.main-customizing-conts ul { display:inline-block; margin-bottom:-50px; width:53%; vertical-align:middle; font-size:0; }
.main-customizing-conts ul li { display:inline-block; margin-bottom:50px; width:calc(100% / 3); vertical-align:middle; }
.main-customizing-conts ul li span { display:block; font-size:16px; color:#fff; word-break:keep-all; }

@media only screen and (max-width:1100px) { 
	.main-customizing-wrap { height:auto; }
	.main-customizing-conts { width:100%; }
	.main-customizing-conts ul { margin-top:50px; margin-bottom:-20px; width:70%; }
	.main-customizing-conts ul li { margin-bottom:20px; }
}
@media only screen and (max-width:768px) { 
	.main-customizing-btn li { height:55px; }
	.main-customizing-btn li a { font-size:18px; line-height:53px; }
	.main-customizing-conts { margin-top:60px; }
}
@media only screen and (max-width:640px) { 
	.main-customizing-btn li { margin:0 0 0 10px; width:calc(50% - 5px); }
	.main-customizing-btn li:first-child { margin-left:0; }
	.main-customizing-conts ul { width:90%; }
	.main-customizing-conts ul li { vertical-align:top; }
	.main-customizing-conts ul li img { height:55px; }
	.main-customizing-conts ul li span { margin-top:10px; font-size:14px; line-height:1.3; }
	.main-customizing-btn li { height:50px; }
	.main-customizing-btn li a { font-size:16px; line-height:48px; }
	.main-customizing-conts { margin-top:40px; }
}


/* ==============================================
																메인다운로드고객센터
============================================== */
.site-info-wrap { overflow:hidden; width:100%; height:270px; background:#fff; }
.site-info-wrap > section { float:left; width:50%; height:100%; }
.site-info-wrap > section > section { display:inline-block; width:550px; height:100%; text-align:center; }
/* 다운로드 */
.site-info-wrap .download { background:#e0ecf5; text-align:right; }
.site-info-wrap .download-inner-box { padding-top:105px; background:#e0ecf5 url('/images/main/main_download_phone.png') no-repeat center bottom; }
.site-info-wrap .download-inner-box p { font-weight:300; font-size:20px; line-height:1.2; color:#222c3e; }
.site-info-wrap .download-inner-box p strong { display:block; font-weight:400; font-size:32px; }
.site-info-wrap .download-inner-box ul { margin-top:13px; font-size:0; }
.site-info-wrap .download-inner-box ul li { display:inline-block; margin:0 6px; vertical-align:top; }
/* 고객센터 */
.site-info-wrap .customer { padding-top:30px; background:#f9f9f9; }
.site-info-wrap .customer h1 { margin-bottom:12px; font-weight:500; font-size:20px; line-height:1; color:#222c3e; }
.site-info-wrap .customer dl { letter-spacing:-0.5px; }
.site-info-wrap .customer dt { margin:7px 0 10px; font-weight:700; font-size:32px; line-height:1; color:#6699ff; }
.site-info-wrap .customer dd { padding:2px 0; font-size:15px; line-height:1.4; color:#333; }
.site-info-wrap .customer dd img { display:inline-block; vertical-align:middle; }

@media only screen and (max-width:1100px) { 
	.site-info-wrap > section > section { width:100%; }
}
@media only screen and (max-width:768px) { 
	.site-info-wrap { height:540px; }
	.site-info-wrap > section { width:100%; height:50%; }
}



/* ========================================================================================= sub */
/*
	서브비주얼 full
*/
.full-visual { padding-top:90px; min-height:643px; background:url('../images/sub/visual/sub_visual_bg.png') no-repeat center bottom; background-size:cover; }

.full-visual.g2works { background-color:#f5f5f5; }
.full-visual.groupware { padding-top:50px; min-height:720px; height:785px; background:url('../images/sub/visual/sub_visual_bg1.png') no-repeat center bottom; background-size:cover; }
.full-visual.mail { margin-bottom:150px; padding-top:50px; min-height:665px; height:665px; background:url('../images/sub/visual/sub_visual_bg2.png') no-repeat center bottom; background-size:cover; }
.full-visual.construct { min-height:827px; background:url('../images/sub/visual/sub_visual_bg3.png') no-repeat center bottom; background-size:cover; background-color:#f2f2f2; }
.full-visual.pcoff { margin-bottom:25px; padding-top:50px; min-height:846px; height:846px; background:url('../images/sub/visual/sub_visual_bg4.png') no-repeat center bottom; background-size:cover; }
/* .full-visual.weekly { background-color:#f2f2f2; } */

.full-visual .inner { padding-top:70px; }
.full-visual .inner:after { content:''; display:block; clear:both; }


/* G2Works
------------------------------------------------------ */
/* obj */
.full-visual .full-visual-obj { float:left; width:55.91%; }
.full-visual .full-visual-obj img { position:relative; right:30px; max-width:100%; }
/* text */
.full-visual .full-visual-txt { float:left; padding-top:23px; width:calc(100% - 55.91%); color:#fff; }
.full-visual .full-visual-txt .slogan { font-weight:300; font-size:30px; line-height:40px; letter-spacing:-1.5px; }
.full-visual .full-visual-txt .slogan strong { font-weight:500; letter-spacing:0; }
/* btn */
.full-visual-btn { margin-top:35px; }
.full-visual-btn li { float:left; margin-left:15px; width:calc(50% - 7.5px); }
.full-visual-btn li:first-child { margin-left:0; }
.full-visual-btn li a { display:block; width:100%; height:100%; border:1px solid rgba(255,255,255,.90); font-size:20px; line-height:58px; color:#fff; text-align:center; transition:.3s; }
.full-visual-btn .bg-btn a { background:rgba(255,255,255,.90); color:#1478bd; }
.full-visual-btn .line-btn:hover a ,
.full-visual-btn .bg-btn:hover a { border-color:#0871b9; background:#0871b9; color:#fff !important; }

/* conts */
.full-sub-tit { margin:0 0 45px; font-weight:300; font-size:42px; line-height:1.3; color:#333; letter-spacing:-2px; text-align:center; }
.full-sub-tit strong { font-weight:700; }

@media only screen and (max-width:850px) { 
	.full-sub-tit { font-size:32px; }
}

.g2works-wrap { padding:30px 0 100px; width:100%; background:#f5f5f5; text-align:center; }
.g2works-wrap p { padding:52px 0; width:100%; border:1px solid #dadada; background:#fff; font-size:18px; line-height:30px; color:#333; letter-spacing:-1.5px; }

.g2works-detail-wrap { padding:85px 0 150px; }
.g2works-detail-info { overflow:hidden; width:100%; font-size:0; }
.g2works-detail-info-box { display:inline-block; margin:20px 0 0 20px; padding:45px 0; width:calc(50% - 10px); border:1px solid #d3d5d8; border-top:3px solid #222c3e; text-align:center; vertical-align:top; }
.g2works-detail-info-box:nth-child(2n+1) { margin-left:0; }
.g2works-detail-info-box h1 { margin-bottom:22px; font-weight:500; font-size:24px; line-height:1; color:#222c3e; }
.g2works-detail-info-box h1:before,
.g2works-detail-info-box h1:after { content:''; display:inline-block; margin:0 15px 5px; width:5px; height:5px; border-radius:50%; background:#222c3e; vertical-align:middle; }
.g2works-detail-info-box p { padding:0 10px; font-size:16px; line-height:24px; color:#555; word-break:keep-all; }
.g2works-detail-info-box ul { margin:40px 0 0; padding:0 30px; font-size:0; }
.g2works-detail-info-box ul li { display:inline-block; width:25%; vertical-align:top; }
.g2works-detail-info-box ul li > span { display:block; margin-top:15px; font-size:15px; line-height:1.2; color:#555; }
.g2works-detail-info-box ul li span span { font-size:13px; }

@media only screen and (max-width:850px) { 
	.g2works-detail-info-box { padding:35px 0; }
	.g2works-detail-info-box h1 { margin-bottom:18px; font-size:20px; }
	.g2works-detail-info-box p { padding:0 20px; font-size:15px; line-height:1.4; }
	.g2works-detail-info-box p br { display:none; }
}
@media only screen and (max-width:768px) { 
	.g2works-detail-info-box ul { padding:0 20px; }
}
@media only screen and (max-width:640px) { 
	.g2works-detail-info-box { margin-left:0; width:100%; }
	.g2works-detail-info-box ul { padding:0 15px; }
}


/* G2Works NEW
------------------------------------------------------ */
.g2wokrs-intro { width:100%; text-align:center; }
.g2wokrs-intro > section { padding:90px 0; }
.g2wokrs-intro > section:last-child { padding-bottom:150px; }

@media only screen and (max-width:768px) { 
	.g2wokrs-intro > section { padding:75px 0; }
}
@media only screen and (max-width:640px) { 
	.g2wokrs-intro > section { padding:50px 0; }
}

/* title */
.g2works-tit strong { display:block; margin-top:17px; font-weight:300; font-size:42px; line-height:1.2; color:#333; word-break:keep-all; }
.g2works-tit span { position:relative; display:inline-block; padding:0 7px 10px; font-weight:300; font-size:24px; line-height:1; color:#333; letter-spacing:0.5px; }
.g2works-tit span:after { content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#555; }
.g2works-tit  + p { margin:27px 0 57px; font-weight:300; font-size:18px; line-height:1.5; color:#333; }

@media only screen and (max-width:768px) { 
	.g2works-tit strong { font-size:32px; }
	.g2works-tit span { padding:0 5px 7px; font-size:20px; }
	.g2works-tit  + p { margin:10px 0 45px; font-size:16px; }
}
@media only screen and (max-width:640px) { 
	.g2works-tit strong { margin-top:14px; font-size:24px; }
	.g2works-tit span { font-size:18px; }
	.g2works-tit  + p { margin:10px 0 35px; font-size:15px; }
}

/* conts */

/* SOLUTION */
.g2wokrs-solution { width:100%; }
.g2wokrs-solution img { margin:60px 0 30px; max-width:100%; }
.g2wokrs-solution p { font-weight:300; font-size:18px; line-height:1.5; color:#333; word-break:keep-all; }

@media only screen and (max-width:768px) { 
	.g2wokrs-solution p { font-size:16px; }
}
@media only screen and (max-width:640px) { 
	.g2wokrs-solution img { margin:30px 0 20px; }
	.g2wokrs-solution p { font-size:14px; }
}



/* FUNCTION */
.g2wokrs-function { width:100%; background:#e0ecf5; }
.g2wokrs-function .inner > ul { overflow:hidden; width:100%; text-align:center; font-size:0; }
.g2wokrs-function .inner > ul > li { display:inline-block; margin-left:12px; padding:40px 25px 0; width:calc(20% - 10px); height:286px; background:#fff; vertical-align:top; }
.g2wokrs-function .inner > ul > li:first-child { margin-left:0; }
.g2wokrs-function .inner > ul > li strong { display:block; margin:25px 0 15px; font-weight:500; font-size:20px; line-height:1; color:#333; }
.g2wokrs-function .inner > ul > li ul { width:100%; text-align:left; }
.g2wokrs-function .inner > ul > li ul li { position:relative; padding-left:10px; font-weight:400; font-size:16px; line-height:30px; color:#555; }
.g2wokrs-function .inner > ul > li ul li:before { content:''; position:absolute; top:50%; left:0; margin-top:-1.5px; width:3px; height:3px; border-radius:50%; background:#0871b9; }

@media only screen and (max-width:1100px) { 
	.g2wokrs-function .inner > ul > li { padding:40px 20px 0; }
}
@media only screen and (max-width:640px) { 
	.g2wokrs-function .inner > ul > li { margin-bottom:10px; padding:25px 15px 20px; width:calc(50% - 10px); height:auto; }
	.g2wokrs-function .inner > ul > li:nth-child(2n+1) { margin-left:0; }
	.g2wokrs-function .inner > ul > li img { height:45px; }
	.g2wokrs-function .inner > ul > li strong { margin:15px 0 10px; font-size:18px; }
	.g2wokrs-function .inner > ul > li ul li { font-size:14px; line-height:24px; }
}


/* KNOW-HOW */
.knowhow-wrap { width:100%; text-align:center; }
.knowhow-wrap h1 { position:relative; display:inline-block; margin-bottom:65px; padding-top:55px; width:150px; height:150px; border-radius:50%; background:#0871b9; }
.knowhow-wrap h1 img { height:20px; }
.knowhow-wrap h1 span { display:block; margin-top:6px; font-weight:500; font-size:20px; line-height:1; color:#fff; }
.knowhow-wrap h1:before { content:''; position:absolute; top:50%; left:50%; z-index:1; margin:-85px 0 0 -85px; width:170px; height:170px; border-radius:50%; border:1px solid #dbdbdb; box-sizing:border-box; }
.knowhow-wrap h1:after { content:''; position:absolute; top:100%; left:50%; margin-top:10px; width:1px; height:70px; background:#ccc; }
.knowhow-list { position:relative; overflow:hidden; padding-top:40px; width:100%; }
.knowhow-list:before { content:''; position:absolute; top:-100px; left:50%; width:1px; height:100%; background:#ccc; }
.knowhow-list dl { position:relative; float:left; margin-top:-10px; width:50%; }
.knowhow-list dl:nth-of-type(3) { margin-top:-150px; }
.knowhow-list dl:last-child { padding-top:40px; }
.knowhow-list dl:nth-of-type(odd) { margin-left:50%; padding-left:100px; text-align:left; }
.knowhow-list dl:nth-of-type(even) { padding-right:100px; text-align:right; }
.knowhow-list dl:before { content:''; position:absolute; top:7px; z-index:5; width:23px; height:23px; border:5px solid #0871b9; box-sizing:border-box; border-radius:50%; background:#fff; }
.knowhow-list dl:nth-of-type(odd):before { left:-12px; }
.knowhow-list dl:nth-of-type(even):before { right:-12px; }
.knowhow-list dl:last-child:before { top:47px; }

.knowhow-list dl.history2019:after { content:''; display:inline-block; margin-top:20px; width:300px; height:180px; border:1px solid #dbdbdb; box-sizing:border-box; background:url('/images/sub/g2works/knowhow01.jpg') no-repeat 0 0; }
/* .knowhow-list dl:nth-of-type(3):after { content:''; display:inline-block; margin-top:20px; width:300px; height:180px; border:1px solid #dbdbdb; box-sizing:border-box; background:url('/images/sub/g2works/knowhow02.jpg') no-repeat 0 0; display:none; }
.knowhow-list dl:nth-of-type(4):after { content:''; display:inline-block; margin-top:20px; width:300px; height:180px;box-sizing:border-box; background:url('/images/sub/g2works/knowhow03.jpg') no-repeat 0 0; display:none; } */

.knowhow-list dl dt { position:relative; margin-bottom:20px; font:700 36px/1 'Roboto','Noto Sans KR', sans-serif; color:#222c3e; }
.knowhow-list dl dt:before { content:''; position:absolute; top:50%; margin-top:-2px; width:5px; height:5px; border-radius:50%; background:#ccc; }
.knowhow-list dl:nth-of-type(odd) dt:before { left:-29px; }
.knowhow-list dl:nth-of-type(even) dt:before { right:-29px; }
.knowhow-list dl dt:after { content:''; position:absolute; top:50%; width:60px; height:1px; background:#ccc; }
.knowhow-list dl:nth-of-type(odd) dt:after { left:-89px; }
.knowhow-list dl:nth-of-type(even) dt:after { right:-89px; }
.knowhow-list dl dd { padding:6px 0 6px 12px; font-weight:300; font-size:18px; line-height:1.3; text-indent:-12px; }
.knowhow-list dl dd:before { content:''; display:inline-block; margin-right:6px; width:6px; height:2px; background:#999; vertical-align:super; }

@media only screen and (max-width:768px) { 
	.knowhow-list:before { left:30px; }
	.knowhow-list dl { margin-top:60px; width:100%; }
	.knowhow-list dl:last-child { padding-top:0; }
	.knowhow-list dl:nth-of-type(odd) { margin-left:0; padding-left:80px; width:100%; }
	.knowhow-list dl:nth-of-type(even) { padding-right:0; padding-left:80px; text-align:left; }
	.knowhow-list dl:nth-of-type(odd):before { left:19px; }
	.knowhow-list dl:nth-of-type(even):before { right:auto; left:19px; }
	.knowhow-list dl:last-child:before { top:7px; }
	.knowhow-list dl dt:after { width:35px; }
	.knowhow-list dl:nth-of-type(odd) dt:after { left:-50px; }
	.knowhow-list dl:nth-of-type(odd) dt:before { left:-20px; }
	.knowhow-list dl:nth-of-type(even) dt:after { right:auto; left:-50px; }
	.knowhow-list dl:nth-of-type(even) dt:before { right:auto; left:-20px; }
}
@media only screen and (max-width:640px) { 
	.knowhow-list:before { left:10px; }
	.knowhow-list dl { margin-top:40px; }
	.knowhow-list dl:before { top:5px; width:15px; height:15px; border-width:3px; }
	.knowhow-list dl:last-child:before { top:5px; }
	.knowhow-list dl:nth-of-type(even):before,
	.knowhow-list dl:nth-of-type(odd):before { left:3px; }
	.knowhow-list dl:nth-of-type(odd) { padding-left:50px; }
	.knowhow-list dl:nth-of-type(even) { padding-left:50px; }
	.knowhow-list dl dt { margin-bottom:12px; font-size:24px; }
	.knowhow-list dl dd { padding:3px 0 3px 12px; font-size:15px; }
}


/* CLIENT */
.g2wokrs-client { width:100%; background:#f5f5f5; }
.g2wokrs-client ul { font-size:0; }
.g2wokrs-client ul li { display:inline-block; margin:0 0 12px 12px; width:calc(100% / 4 - 9px); border:1px solid #dbdbdb; vertical-align:top; }
.g2wokrs-client ul li img { width:100%; }
.g2wokrs-client .btn-more-veiw { margin-top:48px; }

@media only screen and (min-width:641px) { 
	.g2wokrs-client ul li:nth-child(4n+1) { margin-left:0; }
}
@media only screen and (max-width:640px) { 
	.g2wokrs-client ul li { width:calc(100% / 3 - 8px); }
	.g2wokrs-client ul li:nth-child(3n+1) { margin-left:0; }
}


/* SERVICE */
.g2wokrs-service-outer { overflow:hidden; width:100%; }
.g2wokrs-service-box { float:left; margin-left:25px; padding:45px 0; width:calc(100% / 3 - 17px); border:1px solid #dbdbdb; }
.g2wokrs-service-box:first-child { margin-left:0; }
.g2wokrs-service-box h1 { font-weight:400; font-size:32px; line-height:1; color:#333; }
.g2wokrs-service-box p { margin:27px 0 43px; font-weight:300; font-size:18px; line-height:27px; }
.g2wokrs-service-box a { display:block; margin:0 30px; width:calc(100% - 60px); background:#222c3e; font-weight:300; font-size:20px; line-height:55px; color:#fff; transition:.3s; }
.g2wokrs-service-box a:hover { background:#0871b9; }

@media only screen and (max-width:1024px) { 
	.g2wokrs-service-box h1 { font-size:27px; }
	.g2wokrs-service-box p { margin:20px 0 38px; font-size:16px; line-height:24px; }
	.g2wokrs-service-box a { font-size:18px; line-height:50px; }
}
@media only screen and (max-width:768px) { 
	.g2wokrs-service-box p { margin:15px 0 33px; font-size:15px; line-height:22px; }
	.g2wokrs-service-box a { font-size:16px; line-height:45px; }
}
@media only screen and (max-width:640px) { 
	.g2wokrs-service-box h1 { font-size:24px; }
	.g2wokrs-service-box { margin-left:0; margin-bottom:20px; padding:30px 0; width:100%; }
	.g2wokrs-service-box:last-child { margin-bottom:0; }
	.g2wokrs-service-box p { margin:15px 0 28px; font-size:14px; line-height:20px; }
	.g2wokrs-service-box a { margin:0 20px; width:calc(100% - 40px); }
}



/* 상품
------------------------------------------------------ */
.sub-gnb { position:absolute; top:90px; left:0; width:100%; border-bottom:1px solid rgba(255,255,255,.2); text-align:center; }
.sub-gnb li { display:inline-block; margin:0 34px; vertical-align:top; }
.sub-gnb li a { position:relative; display:inline-block; padding:0 12px; font-weight:300; font-size:18px; line-height:50px; color:#fff; }
.sub-gnb li:hover a,
.sub-gnb li.on a { font-weight:400; }
.sub-gnb li:hover a:before,
.sub-gnb li.on a:before { content:''; position:absolute; bottom:-1px; left:0; width:100%; height:3px; background:#fff; }
.sub-gnb li:hover a { z-index:9999999; }

/* visual full */
.sub-conts-full { width:100%; }
.full-visual h1 { margin:10px 0 40px; font-weight:300; font-size:36px; line-height:1; color:#fff; text-align:center; letter-spacing:-1.5px; }
.full-visual h1 strong { font-weight:500; }
.full-visual h1 em { display:block; margin-bottom:15px; font-style:normal; font-weight:500; font-size:70px; letter-spacing:-5px; }
.full-visual h1 em strong { font-style:italic; }
.full-visual .recommend { margin:-20px 0 30px; font-size:18px; line-height:24px; color:#fff;  text-align:center; letter-spacing:0; }
.full-visual .recommend strong { display:inline-block; margin-right:12px; width:50px; height:24px; border-radius:12px; background:#fff; font-weight:400; font-size:13px; line-height:24px; color:#48b9c7; text-align:center; vertical-align:bottom; text-indent:0; }
.full-visual-info dt { margin-bottom:20px; padding-left:62px; font-weight:400; font-size:18px; line-height:24px; text-indent:-62px; word-break:keep-all; }
.full-visual-info dt strong { display:inline-block; margin-right:12px; width:50px; height:24px; border-radius:12px; background:#fff; font-weight:400; font-size:13px; line-height:24px; color:#0871b9; text-align:center; vertical-align:bottom; text-indent:0; }
.full-visual-info dd { font-size:16px; line-height:26px; word-break:keep-all; }

.full-visual.groupware dt strong ,
.full-visual.groupware .full-visual-btn .bg-btn a { color:#48b9c7/* #31ae95 */; }
.full-visual.mail dt strong ,
.full-visual.mail .full-visual-btn .bg-btn a { color:#9b6fc6; }

.full-visual .recommend ~ .full-visual-txt { padding-top:0; }
.full-visual .full-visual-txt h1 { margin:0; width:100%; background:#222c3e; font-weight:400; font-size:18px; line-height:40px; color:#fff; }
.full-visual .full-visual-txt ul { padding:5px 0; font-size:0; }
.full-visual .full-visual-txt ul li { padding:7px 0 7px 170px; font-size:16px; line-height:20px; text-indent:-170px; }
.full-visual .full-visual-txt ul li strong { display:inline-block; padding-left:32px; width:170px; font-weight:400; text-indent:0; vertical-align:top; }
.full-visual .full-visual-txt ul li strong:before { content:''; display:inline-block; margin-right:8px; width:3px; height:3px; border-radius:50%; background:#fff; vertical-align:super; }
.full-visual .full-visual-txt  ul.opction li { color:#555; }
.full-visual .full-visual-txt  ul.opction li span { display:block; margin-top:5px; padding-left:0; font-size:14px; line-height:1.3; text-indent:0; }


/* products price */
.products-price { margin:40px auto 0; width:1100px; }

/* conts */
.product-inner-box { overflow:hidden; height:0; text-align:center; }
.product-inner-box.on { height:auto; }
/* tab */
.product-tab { margin:40px 0; width:100%; text-align:center; }
.product-inner-box.qna .price-tab { margin-bottom:0; margin-top:0; }
.product-tab ul { font-size:0; }
.product-tab ul li { position:relative; display:inline-block; width:185px; vertical-align:top; }
.product-tab ul li:before { content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:#dadada; }
.product-tab ul li:first-child:before { display:none; }
.product-tab ul li a { display:block; padding-top:46px; }
.product-tab ul li a span { display:block; margin-top:12px; font-size:16px; line-height:1; color:#777; transition:.3s; }
.product-tab ul li.on a span,
.product-tab ul li:hover a span { font-weight:500; color:#6699ff; }

.product-tab ul li:nth-child(1) a { background:url('/images/sub/product/product_tab_icon04.png') no-repeat center top; transition:.3s; }
.product-tab ul li:nth-child(2) a { background:url('/images/sub/product/product_tab_icon02.png') no-repeat center top; transition:.3s; }
.product-tab ul li:nth-child(3) a { background:url('/images/sub/product/product_tab_icon03.png') no-repeat center top; transition:.3s; }
.product-tab ul li.on:nth-child(1) a,
.product-tab ul li.on:nth-child(1) a { background:url('/images/sub/product/product_tab_icon04_on.png') no-repeat center top; }
.product-tab ul li:hover:nth-child(2) a,
.product-tab ul li.on:nth-child(2) a { background:url('/images/sub/product/product_tab_icon02_on.png') no-repeat center top; }
.product-tab ul li:hover:nth-child(3) a,
.product-tab ul li.on:nth-child(3) a { background:url('/images/sub/product/product_tab_icon03_on.png') no-repeat center top; }

/* 가격안내 */
.product-title { display:block; margin-bottom:30px; font-weight:300; font-size:42px; line-height:1; color:#333; letter-spacing:-3px; text-align:center; }
.product-title > span { position:relative; display:inline-block; padding:0 10px 15px; }
.product-title > span:before { content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#555; }
.product-title > span span { font-size:24px; letter-spacing:-0.5px; }

.product-title + p { font-weight:300; font-size:18px; line-height:1.44; word-break:keep-all; text-align:center; }

@media only screen and (max-width:768px) { 
	.product-title { margin-bottom:25px; font-size:32px; }
	.product-title + p { font-size:16px; }
}
@media only screen and (max-width:640px) { 
	.product-title { margin-bottom:20px; font-size:24px; }
	.product-title + p { font-size:15px; }
}

.product-price-table { margin:0 auto; width:1100px; text-align:center; }
.product-price-table .product-price-table-inner { display:none; }
.product-price-table .product-price-table-inner.on { display:block; }
.qna .product-price-table-inner { padding-bottom:90px; }
.product-price-table-inner > iframe { margin-bottom:-120px; }
/* tab */
.price-tab { margin:40px 0 50px; font-size:0; }
.price-tab li { display:inline-block; margin:0 10px; width:230px; height:70px; vertical-align:top; }
.price-tab li a { display:block; padding:13px 0; width:100%; height:100%; border-radius:35px; background:#f2f2f2; font-size:14px; line-height:22px; color:#111; transition:.3s; }
.price-tab li:first-child a { line-height:44px; }
.price-tab li a strong { display:block; font-weight:500; font-size:22px; }
.price-tab li a span { font-size:18px; line-height:44px; }
.price-tab li.on a,
.price-tab li:hover a { background:#222c3e; color:#fff; }
/* table */
.board-write.no-bg { /* margin-bottom:15px; */ width:100%; text-align:center; }
.board-write.no-bg th { background:none; }
.board-write.no-bg thead th { padding:15px 0 20px; border-bottom:1px solid #dadada; border-left:1px solid #dadada; background:#f6f8f9;  font-weight:500; font-size:18px; color:#0871b9; }
.board-write.no-bg thead th:first-child { font-weight:400;  font-size:16px; color:#333; }
.board-write.no-bg thead th:first-child { border-left:0 none; }
.board-write.no-bg tbody th,
.board-write.no-bg tbody td { padding:10px 0; font-size:15px; }
.board-write.no-bg tbody td { border-left:1px solid #dadada; }
.board-write.no-bg tbody span { display:block; font-size:13px; }
.board-write.no-bg tbody td em { font-style:normal; font-weight:500; font-size:18px; color:#111; }
.board-write.no-bg tbody tr:nth-last-child(2) strong { font-size:17px; color:#fb315c;  }
.btn-registration { display:block; margin:10px auto 0; width:90px; border:1px solid #222c3e; background:#fff; font-size:14px; line-height:30px; color:#222c3e; transition:.3s; }
.btn-registration:hover { background:#0871b9; border-color:#0871b9; color:#fff; }

.board-write.no-bg  .retail-price { position:relative; display:inline-block; padding:0 38px 0 5px; font-size:15px !important; line-height:1.1; color:#888; text-decoration:line-through; letter-spacing:-0.5px; }
.board-write.no-bg  .discount-price { position:absolute; top:0; right: 0; display:inline-block; padding:3px; border-radius:3px; background:red; font-family:'verdana'; font-weight:bold; font-size:8px !important; line-height:1; letter-spacing:0; color:#fff;}
.board-write.no-bg  .discount-price:before { content:''; position:absolute; top:100%; left:10px; width:0; height:0; border:3px solid transparent; border-top-color:red; }
.board-write.no-bg  .product-price { font-size:13px; }
.board-write.no-bg  .product-price strong { display:inline-block; font-weight:500 !important; font-size:20px; color:#fb315c; }

.board-write.info-table th { text-align:center; }
.board-write.info-table td { text-align:center; }
.board-write.info-table td[colspan="2"] { text-align:left; }
.board-write.info-table td:nth-of-type(2) { border-left:1px solid #dadada; }
.board-write.info-table td li { padding:2px 0; }
.board-write.info-table td li:before { content:''; display:inline-block; margin:10px 5px 0 0; width:5px; height:2px; background:#999; vertical-align:top; }

.table-caption { margin-top:-20px; width:100%; text-align:left; }
.table-caption li { font-size:15px; line-height:22px; color:#555; }


/* products price type1 */
.sub-conts-full.bg { background:#f2f2f2; }

.weekly ~ .products-price-type1 { margin-top:0; }
.products-price-type1 { margin:100px auto 0; padding:33px 50px 50px; width:1100px; background:#fff; }
.products-price-type1 .products-price-tab { margin-bottom:30px; width:100%; text-align:center; font-size:0; }
.products-price-type1 .products-price-tab li { display:inline-block; margin-right:-1px; vertical-align:top; }
.products-price-type1 .products-price-tab li a { display:block; width:140px; border:1px solid rgba(34,44,62,.5); font-weight:300; font-size:20px; line-height:43px; color:#444; }
.products-price-type1 .products-price-tab li:first-child a { border-radius:5px 0 0 5px; }
.products-price-type1 .products-price-tab li:last-child a { border-radius:0 5px 5px 0; }
.products-price-type1 .products-price-tab li.on a { background:rgba(34,44,62,1); font-weight: 400; color:#fff; }
.products-price-type1 .products-price-conts { display:none; }
.products-price-type1 .products-price-conts.on { display:block; }
.products-price-type1 .products-price-conts-title { position:relative; margin-bottom:25px; font-weight:300; font-size:27px; line-height:1; color:#333; text-align:center; }
.products-price-type1 .products-price-conts-title strong { font-weight:700; }
.products-price-type1 .products-price-conts-title span {  position:absolute; bottom:-10px; right:0; font-size:15px; color:#777; letter-spacing:0; }
.products-price-box { border:1px solid #dadada; }
.products-price-list { padding-right:50px; padding:23px 40px 22px 0; border-top:1px solid #dadada; text-align:center; font-size:0; }
.products-price-list:first-child { border-top:0 none; }
.products-price-list:nth-child(odd) { background:#f9f9f9; }
.products-price-list > * { display:inline-block; line-height:40px; vertical-align:top; }
.products-price-list  .product-name { width:20.642%; font-weight:400; font-size:20px; color:#333; }
.products-price-list  .product-hdd { width:22.245%; font-weight:400; font-size:18px; color:#333; }
.products-price-list  .product-hdd strong { font-weight:700; font-size:20px; font-family:'Roboto', 'Noto Sans KR', sans-serif; color:#222; letter-spacing:-0.5px; }
.products-price-list:last-child .product-hdd strong { font-size:18px; }
.products-price-list  .product-price { padding-right:50px; width:370px; text-align:right; font-size:0; }
.products-price-list  .product-price * { display:inline-block; vertical-align:middle; }
.products-price-list  .product-price span:first-child { position:relative; padding:5px 5px 0; font-weight:400; font-size:24px; line-height:1; font-family:'Roboto', 'Noto Sans KR', sans-serif; color:#888; }
.products-price-list  .product-price span:first-child:before { content:''; position:absolute; top:50%; left:0; margin-top:2px; width:100%; height:1px; background:#888; }
.products-price-list  .product-price span:last-child { padding-top:5px; font-size:18px; line-height:1; color:#555; }
.products-price-list  .product-price strong { margin:0 5px 0 17px; font-weight:700; font-size:36px; line-height:40px; font-family:'Roboto', 'Noto Sans KR', sans-serif; color:#0871b9; }
.products-price-list  .product-price.unlimit strong { margin-right:30px; font-size:32px; }
.products-price-list  .btn-registration { margin:0; width:15.031%; height:40px; border:0 none; border-radius:20px; background:#222c3e; font-size:16px; color:#fff; }
.products-price-list  .btn-registration:hover { background:#0871b9; }

@media only screen and (max-width:1100px) { 
	.products-price-type1 { width:100%; }
}


/* conts quick menu */
.products-price-type1 ~ .conts-quick-menu { margin-bottom:-10px; background:#fff; }
.weekly ~ .products-price-type1 ~ .conts-quick-menu,
.conts-quick-menu { margin:60px 0 ; padding:50px 0; width:100%; background:#f7f7f7; text-align:center; }
.bg .weekly ~ .products-price-type1 ~ .conts-quick-menu { margin-bottom:-10px; background:#fff; }
.conts-quick-menu .inner { font-size:0; }
.conts-quick-menu dl { position:relative; display:inline-block; width:calc(100% / 3 - 1px); vertical-align:top; }
.conts-quick-menu dl:before { content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:#ddd; }
.conts-quick-menu dl:first-child:before { display:none; }
.conts-quick-menu dt { margin-bottom:20px; }
.conts-quick-menu dt strong { display:none; }
.conts-quick-menu dd { font-weight:300; font-size:24px; line-height:32px; color:#333; }
.conts-quick-menu dd span { display:block; margin-top:3px; font-weight:400; font-size:28px; font-family:'Roboto',Sans-serif; color:#0871b9; letter-spacing:0; }
.conts-quick-menu dd:last-of-type { margin-top:24px; }
.conts-quick-menu dd strong { font:300 45px/48px 'Roboto',Sans-serif; color:#0871b9; }
.conts-quick-menu dd a { display:inline-block; width:170px; height:48px; border:1px solid #dadada; background:#fff; font-size:18px; line-height:46px; color:#333; transition:.3s; }
.conts-quick-menu dd a:hover { border-color:#0871b9; background:#0871b9; color:#fff; }

/* product function icon */
.product-function { margin-top:90px; padding:90px 0; width:100%; background:#f2f2f2; text-align:center; }
.product-function-info { margin:50px auto 0; width:1100px; }
.product-function-info ul { font-size:0; }
.product-function-info ul li { position:relative; display:inline-block; margin-left:28px; margin-bottom:30px; width:160px; font-size:18px; line-height:20px; color:#555; vertical-align:top; }
.product-function-info ul li:nth-child(6n+1) { margin-left:0; }
.product-function-info ul li .function-icon { display:block; margin-bottom:20px; padding-top:53px; width:100%; height:160px; background:#fff; }
.product-function-info ul .point:before { content:'★'; position:absolute; top:8px; left:8px; font-size:15px; line-height:1; color:#ec6941; }
.product-function-info ul .s-txt { font-size:15px; }
.product-function-info.n5 li { width:calc(100% / 5 - 23px); }
.product-function-info.n5 ul li:nth-child(6n+1) { margin-left:28px; }
.product-function-info.n5 ul li:nth-child(5n+1) { margin-left:0; }

/* 기능안내 */
.product-function-slide { position:relative; overflow:hidden; margin:0 auto; width:1100px; background:#f7f7f7; }
.product-function-slide:nth-of-type(even) { background:#fff; }
.product-function-slide:last-child { margin-bottom:25px; }
.product-function-slide .slide { float:left; display:table; height:450px; }
.product-function-slide .product-function-img,
.product-function-slide .product-function-txt { display:table-cell; height:100%; font-size:0; vertical-align:middle; }
.product-function-slide .product-function-img { padding:30px 0 30px 65px; width:565px; text-align:center; }
.product-function-slide .product-function-img.no-padding-bottom { padding-bottom:0; vertical-align:bottom; }
.product-function-slide .product-function-img img { display:inline-block; }
.product-function-slide .product-function-txt { padding:90px 0 0 50px; width:535px; text-align:left; vertical-align:top; }
.product-function-slide .product-function-txt h1 { margin-top:25px; font-weight:500; font-size:42px; line-height:1; color:#333; letter-spacing:-2px; }
.product-function-slide .product-function-txt h1 span { font-size:40px; letter-spacing:-4px; }
.product-function-slide .product-function-txt dt { margin:28px 0 15px; font-weight:400; font-size:24px; line-height:1.3; color:#0871b9; }
.product-function-slide .product-function-txt dd { font-size:16px; line-height:24px; color:#777; }
.product-function-slide .product-function-txt li { font-size:14px; line-height:20px; }

.product-function-slide .slick-prev,
.product-function-slide .slick-next { position:absolute; top:50%; }
.product-function-slide .slick-prev { left:0; }
.product-function-slide .slick-next { right:0; }
.product-function-slide .slick-dots { position:absolute; bottom:90px; left:615px; display:inline-block; }
.product-function-slide .slick-dots li { display:inline-block; margin-right:10px; width:15px; height:15px; vertical-align:top; }
.product-function-slide .slick-dots li button { width:100%; height:100%; border-radius:50%; background:#b0bcc7; font-size:0; }
.product-function-slide .slick-dots li.slick-active button { background:#6699ff; }

/* product banner */
.product-banner { display:table; width:100%; height:300px; background:url('/images/sub/product/product-banner.jpg') no-repeat center center; background-size:cover; text-align:center; }
.product-banner .inner { display:table-cell; vertical-align:middle; }
.product-banner .inner h1 { font-weight:300; font-size:42px; line-height:1; color:#fff; }
.product-banner .inner h1 strong { font-weight:700; color:#0871b9; letter-spacing:0; }
.product-banner .inner a { margin:40px auto 0; display:block; width:250px; border:1px solid #fff; font-weight:400; font-size:20px; line-height:53px; color:#fff; transition:.3s; }
.product-banner .inner a:hover { border-color:rgba(8,113,185,.85); background:rgba(8,113,185,.85); color:#fff; }


/* product new
------------------------------------------------------ */
/* conts-tab */
.conts-tab { position:relative; top:10px; width:100%; height:70px; border:1px solid #d3d5d8; border-width:1px 0; background:#fff; text-align:center; transition:.3s; }
.conts-tab.fixed { position:fixed; top:0; left:0; z-index:99999; margin-top:0;  border-top:0 none; }
.conts-tab li { display:inline-block; padding:0 19px; vertical-align:top; }
.conts-tab li a { position:relative; display:block; padding:0 20px; font-size:18px; line-height:70px; color:#555; }
.conts-tab li a:before { content:''; position:absolute; left:0; bottom:-1px; width:100%; height:3px; background:#6699ff; transform:scaleX(0); transition:.3s; }
.conts-tab li:hover a,
.conts-tab li.on a { color:#6699ff; }
.conts-tab li:hover a:before,
.conts-tab li.on a:before { transform:scaleX(1); }

/* product-conts-box */
.product-conts-box { width:100%; }
.product-conts-box .product-conts-section { padding:90px 0; background:#fff; }
.groupware ~ .product-conts-box .product-conts-section { padding:0; }
.product-conts-section-tit { margin-bottom:50px; text-align:center; }
.product-conts-section-tit span { position:relative; display:inline-block; padding:0 10px 10px; font-weight:300; font-size:32px; line-height:1; color:#333; }
.product-conts-section-tit span:after { content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#555; }
.product-conts-section-tit + p { margin:-30px 0 50px; font-weight:300; font-size:18px; text-align:center; }

/* function */
.product-function-box { padding:50px 100px 50px; border:1px solid #e6e6e6; }
.product-function-box table { width:100%; table-layout:fixed; }
.product-function-box table th,
.product-function-box table td { vertical-align:middle; }
.product-function-box table td { line-height:0; text-align:center; }
.product-function-box table th:nth-child(3),
.product-function-box table td:nth-child(3) { padding-right:50px; }
.product-function-box table thead th { padding:0 0 20px; border-bottom:1px solid #222c3e; font-weight:400; font-size:22px; color:#333; text-align:center; }
.product-function-box table thead th:nth-child(1) { width:350px; }
.product-function-box table thead th:nth-child(2) { color:#ec6941; }
.product-function-box table thead th:nth-child(3) { color:#007c89; }
.product-function-box table tbody th { padding-left:60px; width:350px; text-align:left; }

.product-function-box table .update-icon { position:relative; top:-2px; display:inline-block; margin-left:5px; padding:0 5px 1px; background:#6699ff; font-weight:300; font-size:11px; color:#fff; vertical-align:initial; letter-spacing:0; text-transform:uppercase; }
.product-function-box table .product-function-more { display:inline-block; margin-left:7px; padding:3px 8px 4px; border-radius:3px; background:#fb315c; font-size:12px; line-height:1; color:#fff; }
.product-function-box table .product-function-more:after { content:'\f105'; display:inline-block; margin-left:5px; font-family:'FontAwesome'; vertical-align:bottom; }

.product-function-menu { cursor:pointer; }
.product-function-menu tr { border-bottom:1px solid #241c15; }
.product-function-menu th { position:relative; height:60px; font-weight:400; font-size:18px; color:#333; }
.product-function-menu .menu-btn { position:absolute; top:50%; left:30px; margin-top:-9px; width:18px; height:18px; border-radius:50%; border:1px solid #222c3e; box-sizing:border-box; }
.product-function-menu .menu-btn i { position:absolute; top:50%; left:50%; background:#222c3e; }
.product-function-menu .menu-btn i:nth-of-type(1) { margin:-1px 0 0 -4px; width:8px; height:2px; }
.product-function-menu .menu-btn i:nth-of-type(2) { margin:-4px 0 0 -1px; width:2px; height:8px; }
.product-function-menu td span { display:block; margin-top:5px; font-size:14px; line-height:1; color:#777; }

.product-function-menu.on .menu-btn i:nth-of-type(2) { display:none; }

.product-function-conts { display:none; padding:10px 0; border-bottom:1px solid #241c15;  }
.product-function-conts th,
.product-function-conts td { padding-top:6px; padding-bottom:6px; }
.product-function-conts th { font-weight:400; font-size:16px; color:#555; }
.product-function-conts th span { display:block; font-size:14px; }

.product-function-conts.on { display:block; }

/* function detail */
.product-function-detail { padding:90px 0; }
.product-function-detail.no-bg { background:#fff; }

.product-function-detail .detail-tab { position:relative; margin-bottom:27px; font-size:0; text-align:center; }
.product-function-detail .detail-tab:after { content:''; position:absolute; top:0; right:0; width:1px; height:58px; background:#ddd; }
.product-function-detail .detail-tab li { position:relative; display:inline-block; width:calc(100% / 15); vertical-align:top; }
.product-function-detail .detail-tab li:before { content:''; position:absolute; top:0; left:0; width:1px; height:58px; background:#ddd; }
.product-function-detail .detail-tab li a { position:relative; display:block; padding:10px 0; transition:.3s; }
.product-function-detail .detail-tab li a:before { content:''; position:absolute; top:100%; left:50%; margin-left:-7px; width:0; height:0; border-top:7px solid #d0e5f5; border-left: 7px solid transparent; border-right: 7px solid transparent; opacity:0; transition:.3s;}
.product-function-detail .detail-tab li a span { display:block; font-size:14px; line-height:1.2; letter-spacing:-1px; }
.product-function-detail .detail-tab li:hover a ,
.product-function-detail .detail-tab li.on a { background:#d0e5f5; color:#0871b9; }
.product-function-detail .detail-tab li:hover a:before ,
.product-function-detail .detail-tab li.on a:before { opacity:1; }
.product-function-detail .detail-tab li.on + li:before { display:none; }

.product-function-detail .detail-tab.mail li { width:calc(100% / 13); }


.detail-conts-box { overflow:hidden; max-height:580px; }
.detail-conts-inner { overflow:hidden; height:0; }
.detail-conts-inner.on { height:auto; border:1px solid #222c3e; background:#fff; }

.detail-conts-slide-box { font-size:0; }
.detail-conts-slide-box .detail-conts-slide { float:left; padding:40px; font-size:0; }
.detail-conts-slide-box .img-wrap { display:inline-block; width:570px; border:1px solid #dadada; vertical-align:middle; }
.detail-conts-slide-box .img-wrap img { width:100%; }
.detail-conts-slide-box .text-wrap { display:inline-block; padding-left:30px; width:calc(100% - 570px); vertical-align:middle; }
.detail-conts-slide-box .text-wrap h1 { font-weight:500; font-size:36px; line-height:1.2; color:#0871b9; letter-spacing:-1.5px; word-break:keep-all; }
.detail-conts-slide-box .text-wrap h1 span { display:block; font-weight:400; font-size:24px;}
.detail-conts-slide-box .text-wrap h1 + p { margin:15px 0; font-size:17px; line-height:26px; color:#666; word-break:keep-all; }
.detail-conts-slide-box .text-wrap .txt { font-size:15px; color:#666; }
.detail-conts-slide-box .text-wrap .txt li { position:relative; margin:3px 0; padding-left:17px; word-break:keep-all; }
.detail-conts-slide-box .text-wrap .txt li:before { content:''; position:absolute; top:12px; left:8px; width:3px; height:3px; border-radius:50%; background:#0871b9; }

.product-function-detail .inner { position:relative; }
.product-function-detail .inner-btn { display:none; position:absolute; top:586px; right:0;  padding:0 40px; width:100%; font-size:0; text-align:center; }
.product-function-detail .inner-btn li { display:inline-block; margin-left:20px; width:200px; vertical-align:top; }
.product-function-detail .inner-btn li:first-child { margin-left:0; }
.product-function-detail .inner-btn li a { display:block; border:1px solid #229fd1; border-radius:25px; font-size:16px; line-height:43px; color:#239fd1; transition:.3s; }
.product-function-detail .inner-btn li:nth-child(2) a { border-color:#0871b9; color:#0871b9; }
.product-function-detail .inner-btn li:nth-child(3) a { border-color:#222c3e; color:#222c3e; }
.product-function-detail .inner-btn li:hover a { background:#229fd1; color:#fff; }
.product-function-detail .inner-btn li:nth-child(2):hover a { background:#0871b9; }
.product-function-detail .inner-btn li:nth-child(3):hover a { background:#222c3e; }

.detail-conts-slide-btn { overflow:hidden; width:calc(100% + 6px); background:#eff5fa; font-size:0; text-align:center; }
.detail-conts-slide-btn li {float:left; display:table; margin:0 0 -1px -1px; width:25%; height:50px; table-layout:fixed; }
.detail-conts-slide-btn li a { display:table-cell; border:1px solid #dadada; font-size:14px; line-height:1.2; vertical-align:middle; }
.detail-conts-slide-btn li.on { background:#222c3e; }
.detail-conts-slide-btn li.on a { color:#fff; }

.detail-conts-slide-box .slick-dots { overflow:hidden; width:calc(100% + 6px); background:#eff5fa; font-size:0; text-align:center; }
.detail-conts-slide-box .slick-dots li {float:left; display:table; margin:0 0 -1px -1px; width:25%; height:50px; table-layout:fixed; }
.detail-conts-slide-box .slick-dots li a { display:table-cell; border:1px solid #dadada; font-size:14px; line-height:1.2; vertical-align:middle; }
.detail-conts-slide-box .slick-dots li.slick-active { background:#222c3e; }
.detail-conts-slide-box .slick-dots li.slick-active a { color:#fff; }

.n3 .detail-conts-slide-box .slick-dots li { width:calc(100% / 3); }
.n2 .detail-conts-slide-box .slick-dots li { width:50%; }
.n5 .detail-conts-slide-box .slick-dots li { width:20%; }
.n5 .detail-conts-slide-box .slick-dots { width:calc(100% + 7px); }

.product-function-detail .form-btn-wrap,
.attendance-wrap06 .form-btn-wrap { margin-top:35px; }
.product-function-detail .form-btn-wrap a,
.attendance-wrap06 .form-btn-wrap a { border-color:#6699ff; background:#fff; color:#6699ff; }
.product-function-detail .form-btn-wrap li:last-child a,
.attendance-wrap06 .form-btn-wrap li:last-child a { background:#6699ff; color:#fff; }
.product-function-detail .form-btn-wrap li:last-child:hover a,
.attendance-wrap06 .form-btn-wrap li:last-child:hover a { border-color:#ec6941; background:#ec6941; }


/* faq-wrap */
.faq-wrap { margin-bottom:-10px; padding:90px 0 0; background:#fff; }
.faq-wrap .product-conts-section-tit { margin-bottom:0; }

/* qna-wrap */
.qna-wrap { padding:90px 0; }
.qna-wrap .qna-form fieldset { overflow:hidden; }
.qna-wrap .qna-form .input-wrap { float:left; padding-right:20px; width:calc(100% - 684px); }
.qna-wrap .qna-form .input-wrap input { width:100%; height:40px; border:1px solid #dadada; }
.qna-wrap .qna-form .input-wrap .phone { overflow:hidden; }
.qna-wrap .qna-form .input-wrap .phone input { float:left; width:120px; }
.qna-wrap .qna-form .input-wrap .phone span { float:left; width:18px; }
.qna-wrap .qna-form .textarea-wrap { float:left; width:684px; line-height:0; }
.qna-wrap .qna-form .textarea-wrap textarea { padding:15px; width:100%; height:192px; border:1px solid #dadada; box-sizing:border-box; }
.qna-wrap .qna-form .input-wrap label,
.qna-wrap .qna-form .textarea-wrap label { display:block; margin:10px 0; font-size:16px; line-height:1; color:#555; }
.qna-wrap .qna-form .input-wrap label strong,
.qna-wrap .qna-form .textarea-wrap label strong { font-weight:400; font-size:14px; color:#ec6941; }

.qna-wrap .qna-form .agree-check { clear:both; padding-top:20px; font-size:0; }
.qna-wrap .qna-form .agree-check input[type="checkbox"] + label { margin-right:15px; font-size:12px; line-height:16px; font-family:'굴림', Gulim, sans-serif; }
.qna-wrap .qna-form .agree-check input[type="checkbox"] + label span { color:#ec6941; }
.qna-wrap .qna-form .agree-check input[type="checkbox"] + label:before { width:16px; height:16px; background:#fff; }
.qna-wrap .qna-form .agree-check input[type="checkbox"]:checked + label:before { font-size:10px; line-height:14px; background:#0871b9; }
.qna-wrap .qna-form .agree-check a { display:inline-block; margin-top:-2px; padding-left:6px; width:40px; height:19px; border:1px solid #ddd; border-radius:3px; background:#fff url('/images/sub/experience/agree_arrow.png') no-repeat 29px center; font-size:11px; line-height:17px; font-family:'굴림', Gulim, sans-serif; vertical-align:middle; }

.qna-wrap .qna-form .confirm-btn { margin:50px auto 0; display:block; width:280px; background:#0871b9; font-size:20px; line-height:67px; color:#fff; text-align:center; }


/* 근태시스템 new
------------------------------------------------------ */
.full-visual.weekly-new  { padding-top:50px; }
.full-visual.weekly-new h1 { text-align:center; }
.full-visual.weekly-new .full-visual-obj img { right:10px; }
.full-visual.weekly-new .full-visual-txt { padding-top:13px; }
.full-visual.weekly-new .full-visual-txt p { font-size:18px; line-height:24px; }
.full-visual.weekly-new .full-visual-txt ul { margin-top:20px; }
.full-visual.weekly-new .full-visual-txt li { position:relative; padding-left:20px; font-size:16px; line-height:1; text-indent:0; }
.full-visual.weekly-new .full-visual-txt li:before { content:''; position:absolute; top:50%; left:10px; margin-top:-1.5px; width:3px; height:3px; border-radius:50%; background:#fff; }

.attendance-wrap {  }

.attendance-wrap01 { padding:90px 0; background:#fff; }
.attendance-wrap01 img { border:1px solid #dadada; max-width:100%; }

.attendance-wrap02 { padding:90px 0; background:#f5f5f5; }
.attendance-wrap02-conts { display:table; width:100%; height:350px; }
.attendance-wrap02-conts:first-of-type { margin-bottom:50px; }
.attendance-wrap02-conts > section { display:table-cell; vertical-align:middle; }
.attendance-wrap02-conts:last-of-type .text-wrap { padding-left:47px; }
.attendance-wrap02-conts .text-wrap {  }
.attendance-wrap02-conts .text-wrap h1 { font-weight:500; font-size:36px; line-height:1.2; color:#0871b9; letter-spacing:-2px; }
.attendance-wrap02-conts .text-wrap h1 span { display:block; font-weight:300; font-size:24px; }
.attendance-wrap02-conts .text-wrap p { margin:20px 0; font-size:18px; color:#555; letter-spacing:-1.5px; }
.attendance-wrap02-conts .text-wrap li { position:relative; margin:5px 0; padding-left:17px; font-size:16px; }
.attendance-wrap02-conts .text-wrap li:before { content:''; position:absolute; top:10px; left:8px; width:3px; height:3px; border-radius:50%; background:#0871b9;}
.attendance-wrap02-conts .img-wrap { width:600px; }
.attendance-wrap02-conts .img-wrap img { width:100%; border:1px solid #dadada; }

.attendance-wrap03 { padding:90px 0; background:#fff; text-align:center; }
.attendance-wrap03 .img-wrap { border-bottom:1px solid #000; line-height:0; }
.attendance-wrap03 .text-wrap { margin-top:30px; font-size:0; }
.attendance-wrap03 .text-wrap dl { display:inline-block; width:366px; vertical-align:top; }
.attendance-wrap03 .text-wrap dl dt { margin-bottom:15px; font-weight:400; font-size:24px; color:#0871b9; letter-spacing:-2px; }
.attendance-wrap03 .text-wrap dl dt span { display:block; margin:0 auto 20px; width:40px; height:40px; border-radius:50%; background:#6699ff; font-size:18px; line-height:40px; font-family:'Roboto', 'Noto Sans KR', Sans-serif; color:#fff; letter-spacing:0; }
.attendance-wrap03 .text-wrap dl dd { font-weight:400; font-size:16px; line-height:1.5; color:#444; letter-spacing:-2px; }

.attendance-wrap04 { padding:90px 0; background:#f5f5f5; text-align:center; }
.attendance-wrap04 ul { font-size:0; }
.attendance-wrap04 li { display:inline-block; margin:0 0 25px 25px; width:calc(100% / 3 - 17px); vertical-align:top; }
.attendance-wrap04 li:nth-child(3n+1) { margin-left:0; }
.attendance-wrap04 li img { width:100%; border:1px solid #dadada; }
.attendance-wrap04 li strong { display:block; margin:22px 0 13px; font-weight:400; font-size:24px; color:#0871b9; }
.attendance-wrap04 li span { display:block; font-size:16px; line-height:24px; color:#777; }

.attendance-wrap05 { padding:90px 0; background:#fff; text-align:center; }
.attendance-wrap05-inner { padding:50px 100px 50px; border:1px solid #e6e6e6; }
.attendance-wrap05-inner .slogan { margin-bottom:40px; font-weight:300; font-size:24px; line-height:1.3; color:#666; letter-spacing:-2px; }
.attendance-wrap05-inner .slogan strong { display:block; font-weight:400; color:#0871b9; }
.attendance-wrap05 table { position:relative; width:100%; table-layout:fixed; }
.attendance-wrap05 table:before { content:''; position:absolute; top:-2px; left:363px; z-index:0; width:106px; height:100%; border:2px solid #0871b9; box-shadow:0 5px 15px rgba(0,0,0,.15); }
.attendance-wrap05 table tr { border-top:1px solid #241c15; }
.attendance-wrap05 table thead tr,
.attendance-wrap05 table tr.no-border { border-top:0 none; }
.attendance-wrap05 table th,
.attendance-wrap05 table td { padding:10px 0; font-weight:300; font-size:16px; line-height:1.2; vertical-align:middle; }
.attendance-wrap05 table thead th,
.attendance-wrap05 table thead td ,
.attendance-wrap05 table tbody tr:first-of-type th,
.attendance-wrap05 table tbody tr:first-of-type td { padding:18px 0; }

.attendance-wrap05 table thead th[colspan] + th ,
.attendance-wrap05 table td:first-of-type { font-weight:400; background:#e0ecf5; }

.attendance-wrap05 table thead th { padding:18px 0; font-weight:400; color:#007c89; }
.attendance-wrap05 table thead th[colspan] { color:#000; }
.attendance-wrap05 table .fontBlue { color:#0871b9; }

.attendance-wrap05 table tbody th { padding-left:25px; text-align:left; color:#666; }
.attendance-wrap05 table tbody th[colspan],
.attendance-wrap05 table tbody th[rowspan] { padding-left:0; text-align:center; }
.attendance-wrap05 table tbody th[rowspan] { border-right:1px solid #dadada; }
.attendance-wrap05 table .pT20 th,
.attendance-wrap05 table .pT20 td { padding-top:20px; }
.attendance-wrap05 table .pB20 th,
.attendance-wrap05 table .pB20 td { padding-bottom:20px; }

.attendance-wrap06 { padding:90px 0; background:#f5f5f5; }
/* tab */
.function-detail-tab { overflow:hidden; margin-bottom:30px; border:1px solid #dadada; border-width:1px 1px 0 0; background:#eff5fa; }
.function-detail-tab li { float:left; display:table; width:183px; height:60px; border:1px solid #dadada; border-width:0 0 1px 1px; text-align:center; }
.function-detail-tab li:nth-child(6n+1) { clear:both; }
.function-detail-tab li a { display:table-cell; font-size:14px; line-height:1.2; color:#444; vertical-align:middle; }
.function-detail-tab li.on { background:#222c3e; }
.function-detail-tab li.on a { color:#fff; }
.function-detail-tab li:last-child { position:relative; }
.function-detail-tab li:last-child:before { content:''; position:absolute; top:0; right:-1px; width:1px; height:100%; background:#dadada; }
.function-detail-tab li:last-child:after { content:''; position:absolute; top:100%; left:100%; width:100%; height:1px; background:#dadada; }
/* slide */
.attendance-conts-box { overflow:hidden; height:657px; }
.detail-conts-inner.attendance {  } 
.detail-conts-inner.attendance .conts-slogan { padding:24px 0; width:100%; background:#e0ecf5; font-weight:300; font-size:28px; line-height:1.3; color:#222c3e; letter-spacing:-2px;  text-align:center; }
.detail-conts-inner.attendance .slick-list { overflow:hidden; }
.function-detail-slide { float:left; padding:40px; font-size:0; }
.function-detail-slide .img-wrap { display:inline-block; width:570px; border:1px solid #dadada; vertical-align:middle; line-height:0; }
.function-detail-slide .img-wrap img { width:100%; }
.function-detail-slide .text-wrap { display:inline-block; padding-left:40px; width:calc(100% - 570px); vertical-align:middle; }
.function-detail-slide .text-wrap h1 { font-weight:500; font-size:36px; line-height:1.2; color:#0871b9; letter-spacing:-3px; word-break:keep-all; }
.function-detail-slide .text-wrap p { margin-top:25px; font-weight:400; font-size:18px; line-height:1.5; color:#666; letter-spacing:-1.5px; word-break:keep-all; }

.detail-conts-inner.attendance .slick-dots { margin-top:20px; padding:0 40px 40px; width:100%; text-align:center; font-size:0; }
.detail-conts-inner.attendance .slick-dots li { position:relative; display:inline-block; width:166px; line-height:1.2; vertical-align:top; }
.detail-conts-inner.attendance .slick-dots li:before { content:''; position:absolute; bottom:100%; left:50%; z-index:3; margin-bottom:14px; width:7px; height:7px; border-radius:50%; margin-left:-3.5px; background:#444; }
.detail-conts-inner.attendance .slick-dots li:after { content:''; position:absolute; bottom:100%; left:50%; margin-bottom:17px; width:100%; height:1px; background:#dadada; }
.detail-conts-inner.attendance .slick-dots li:last-child:after { display:none; }
.detail-conts-inner.attendance .slick-dots li a { font-weight:400; font-size:15px; color:#444; }
.detail-conts-inner.attendance .slick-dots li.slick-active a { font-weight:500; color:#0871b9; }
.detail-conts-inner.attendance .slick-dots li.slick-active:before { background:#0871b9; }
 

/* 주52시간랜딩
------------------------------------------------------ */
.full-visual.weekly .full-visual-txt { padding:0; }
.full-visual.weekly h1 { margin-bottom:20px; background:none; font-weight:500; font-size:40px; text-align:left; } 
.full-visual.weekly dt { padding-left:0; text-indent:0; font-size:24px; line-height:32px; }
.full-visual.weekly dt em { font-style:normal; font-weight:700; }
.full-visual.weekly .full-visual-btn { margin-top:30px; }

.sub-title-default { margin-bottom:50px; font-weight:500; font-size:42px; line-height:1; color:#333; letter-spacing:-3px; }
.sub-title-default + p { margin:-30px 0 50px; font-weight:300; font-size:18px; }
.sub-title-default + p strong { color:#0871b9; }

.weekly-section01 { /* padding:35px 0 90px; */ padding:90px 0; background:#f2f2f2; text-align:center; font-size:0; }
.weekly-section01 .sub-title-default + p { margin-bottom:80px; }
.weekly-before,
.weekly-after { position:relative; display:inline-block; border-radius:10px; background:#fff; vertical-align:middle; }
.weekly-before { padding-top:70px; width:500px; height:230px; border:1px dashed rgba(34,44,62,.4); }
.weekly-before:before { content:''; position:absolute; top:101px; left:100%; margin-left:14px; width:25px; height:29px; background:url('/images/sub/weekly/weekly_section01_arrow.png') no-repeat 0 0; }
.weekly-after { margin-left:50px; padding-top:80px; width:550px; height:260px; border:3px solid #0871b9; }
.weekly-before h1,
.weekly-after h1 { position:absolute; top:-36px; left:50%; margin-left:-109px; padding-top:12px; width:218px; height:70px; border-radius:5px; background:#222c3e; font-weight:500; font-size:20px; line-height:1.3; color:#fff; }
.weekly-after h1 { top:-21px; background:#0871b9; }
.weekly-before h1 span ,
.weekly-after h1 span { display:block; font-size:15px; }

.weekly-before li,
.weekly-after li { position:relative; display:inline-block; margin:0 20px; border-radius:50%; vertical-align:top; }

.weekly-before li { padding-top:32px; width:120px; height:120px; background:#e8eef2; font-size:15px; line-height:27px; color:#666; }
.weekly-before li:before,
.weekly-before li:after { content:''; position:absolute; top:50%; left:100%; margin-top:-7.5px; margin-left:11px; width:15px; height:3px; background:#777; }
.weekly-before li:after { transform:rotate(450deg); }
.weekly-before li:last-child:before,
.weekly-before li:last-child:after { display:none; }

.weekly-after li { padding-top:34px; margin:0 30px; width:140px; height:140px; border:2px solid #d3d5d8; font-size:18px; line-height:32px; color:#222c3e; }
.weekly-after li:before,
.weekly-after li:after { content:''; position:absolute; top:50%; left:100%; margin-top:-7.5px; margin-left:23px; width:15px; height:3px; background:#0871b9; }
.weekly-after li:after { transform:rotate(450deg); }
.weekly-after li:last-child:before,
.weekly-after li:last-child:after { display:none; }

.weekly-before li strong,
.weekly-after li strong { display:block; font-weight:700; line-height:1; }
.weekly-before li strong { font-size:22px; color:#333; }
.weekly-after li strong { font-size:26px; line-height:1; color:#0871b9; }

.weekly-section02 { padding:90px 0; background:#f9f9f9; text-align:center; }
.weekly-section02-slide { margin-top:70px; }
.weekly-section02-slide:first-child { margin-top:0; }
.weekly-section02-slide .weekly-slider { position:relative; margin-top:40px; padding-top:75px; width:100%; }
.weekly-section02-slide .slick-list { overflow:hidden; }
.weekly-section02-slide .slide { float:left; width:100%; height:500px; border:1px solid #dadada; background:#fff; }
/* dot */
.weekly-section02-slide .slick-dots { position:absolute; top:0; left:0; width:100%; text-align:center; }
.weekly-section02-slide .slick-dots li { display:inline-block; margin:0 7px; vertical-align:top; }
.weekly-section02-slide .slick-dots li a { display:block; padding:0 28px; border:1px solid #ddd; border-radius:18px; background:#fff; font-size:15px; line-height:34px; color:#555; letter-spacing:-1px; }
.weekly-section02-slide .slick-dots .slick-active a { border-color:#04375b; background:#04375b; color:#fff; }


.weekly-section03 { padding:120px 0 90px; background:#f1f4f7; text-align:center; }
.tit-box { position:relative; }
.tit-box .tool-tip { position:absolute; top:-44px; left:50%; margin-left:52px; width:250px; height:32px; border-radius:5px; background:#f4833c; font-size:14px; line-height:32px; color:#fff; text-align:center; }
.tit-box .tool-tip:before { content:''; position:absolute; top:100%; left:55%; width:12px; height:9px; background:url('/images/sub/weekly/weekly_arrow.png') no-repeat center center; }
.tit-box .tool-tip strong { display:inline-block; font-weight:400; font-size:20px; line-height:1; color:#fff100; vertical-align:baseline; }

.weekly-section03 .inner { overflow:hidden; }
.weekly-section03-box { float:left; margin-left:20px; padding:48px 20px 0; width:calc(25% - 15px); height:342px; border:1px solid #ddd; background:#fff; font-size:0; }
.weekly-section03-box:first-child { margin-left:0; }
.weekly-section03-box h1 { margin:28px 0 20px; font-weight:400; font-size:24px; line-height:1; color:#222c3e; }
.weekly-section03-box ul { width:100%; text-align:left; }
.weekly-section03-box ul li { position:relative; padding-left:12px; font-size:16px; line-height:30px; color:#777; }
.weekly-section03-box ul li:before { content:''; position:absolute; top:50%; left:0; margin-top:-1.5px; width:3px; height:3px; border-radius:50%; background:#0871b9; }

.gradient-banner { padding:48px 0 50px; background:url('/images/sub/weekly/gradient_banner_bg.jpg') no-repeat center center; background-size:cover; text-align:center; }
.gradient-banner h1 { font-weight:300; font-size:42px; line-height:55px; color:#fff; letter-spacing:-1px; }
.gradient-banner h1 strong { font-weight:500; }
.gradient-banner ul { margin-top:37px; }
.gradient-banner ul li { display:inline-block; margin:0 10px; width:250px; vertical-align:top; }
.gradient-banner ul li a { display:block; width:100%; height:100%; border:1px solid #fff; font-size:20px; line-height:53px; color:#fff; transition:.3s; }
.gradient-banner ul li:last-child a { background:#fff; color:#1478bd;  transition:.3s; }
.gradient-banner ul li:first-child:hover a { border-color:#fff; background:#fff; color:#1478bd; }
.gradient-banner ul li:last-child:hover a { border-color:rgba(8,113,185,.85); background:rgba(8,113,185,.85); color:#fff; }


/* 구축형서비스
------------------------------------------------------ */
.full-visual.construct .inner > h1 + p { margin:-20px 0 30px; font-size:18px; color:#fff; text-align:center; }
.full-visual.construct .inner > h1 + p + a { display:block; margin:0 auto 50px; width:235px; height:60px; border:1px solid #fff; font-size:20px; line-height:58px; color:#fff; text-align:center; transition:.3s; }
.full-visual.construct .inner > h1 + p + a:hover { border-color:#0871b9; background:#0871b9; }
.full-visual.construct .full-visual-obj { width:570px; }
.full-visual.construct .full-visual-txt { padding-top:0; }
.full-visual.construct .full-visual-info dt { margin-bottom:10px; padding-left:0; font-weight:500; font-size:24px; line-height:1.3; text-indent:0; }
.full-visual.construct .full-visual-construct { margin:20px 0 0 -13px; width:506px; font-size:0; }
.full-visual.construct .full-visual-construct li { display:inline-block; padding:0; width:25%; vertical-align:top; text-align:center; text-indent:0; }
.full-visual.construct .full-visual-construct li .icon-wrap { display:block; margin:0 auto; width:100px; height:100px; border-radius:50%; }
.full-visual.construct .full-visual-construct li:nth-child(1) .icon-wrap { background:#fff url('/images/sub/product/construct_visual_icon01.png') no-repeat center center; }
.full-visual.construct .full-visual-construct li:nth-child(2) .icon-wrap { background:#fff url('/images/sub/product/construct_visual_icon02.png') no-repeat center center; }
.full-visual.construct .full-visual-construct li:nth-child(3) .icon-wrap { background:#fff url('/images/sub/product/construct_visual_icon03.png') no-repeat center center; }
.full-visual.construct .full-visual-construct li:nth-child(4) .icon-wrap { background:#fff url('/images/sub/product/construct_visual_icon04.png') no-repeat center center; }
.full-visual.construct .full-visual-construct li .text-wrap { display:block; margin-top:10px; font-size:16px; line-height:20px; }

.construct-wrap01 { padding:40px 0; background:#f2f2f2; text-align:center; }

.construct-wrap02 { position:relative; display:block; margin:120px auto -60px; padding:16px 0; width:400px; height:100px; border:1px dashed rgba(34,44,62,.4); border-radius:50px; font-weight:300; font-size:22px; color:#0871b9; text-align:center; }
.construct-wrap02:before { content:''; position:absolute; top:-85px; left:50%; margin-left:-2.5px; width:5px; height:60px; background:#0871b9; }
.construct-wrap02:after { content:''; position:absolute; top:-58px; left:50%; margin-left:-30px; width:60px; height:5px; background:#0871b9; }
.construct-wrap02 strong { display:block; font-weight:500; }

.construct-advantages-wrap { margin-top:70px; }
.construct-advantages { overflow:hidden; clear:both; margin:50px 0; }
.construct-advantages:nth-of-type(odd) .text-wrap { padding-left:50px; }
.construct-advantages > img { float:left; max-width:100%; width:calc(100% - 54.546%); }
.construct-advantages:nth-of-type(even) > img { float:right; }
.construct-advantages .text-wrap { float:left; padding-top:10px; width:54.546%; text-align:left; }
.construct-advantages .text-wrap h1 { font-weight:400; font-size:32px; line-height:1.3; color:#333; letter-spacing:-2px; word-break:keep-all; }
.construct-advantages .text-wrap h1 strong { display:block; margin-bottom:7px; font-weight:700; font-size:42px; line-height:1; font-family: 'Roboto'; color:#0871b9; letter-spacing:0; }
.construct-advantages .text-wrap ul { margin-top:30px; }
.construct-advantages .text-wrap ul li { position:relative; margin:10px 0; padding-left:11px; font-weight:300; font-size:16px; line-height:1.3; color:#555; word-break:keep-all; }
.construct-advantages .text-wrap ul li:before { content:''; position:absolute; top:10px; left:0; width:3px; height:3px; border-radius:50%; background:#0871b9; }

@media only screen and (max-width:850px) {	
	.construct-advantages-wrap { font-size:0; }
	.construct-advantages { display:inline-block; margin-left:20px; width:calc(50% - 10px); vertical-align:top; }
	.construct-advantages:nth-child(2n+1) { margin-left:0; }
	.construct-advantages .text-wrap { float:none; display:block; width:100%; }
	.construct-advantages:nth-of-type(odd) .text-wrap { padding-left:0; }
	.construct-advantages > img { float:none; width:auto; max-width:100%; }
	.construct-advantages:nth-of-type(even) > img { float:none; }
	.construct-advantages .text-wrap h1 { font-size:24px; }
	.construct-advantages .text-wrap h1 strong { margin-bottom:4px; font-size:32px; }
	.construct-advantages .text-wrap ul { margin-top:20px; }
}

.construct-wrap03 { padding:90px 0; width:100%; background:#f2f2f2; text-align:center; }
.construct-wrap03 ul { position:relative; margin:70px auto 0; width:1100px; text-align:center; font-size:0; }
.construct-wrap03 ul:before { content:''; position:absolute; top:-14px; left:50%; margin-left:-40%; width:80%; height:2px; background:#333; }
.construct-wrap03 ul li { position:relative; display:inline-block; width:20%; vertical-align:top; }
.construct-wrap03 ul li:before { content:''; position:absolute; top:-20px; left:50%; margin-left:-7px; width:14px; height:14px; border-radius:50%; background:#333; }
.construct-wrap03 ul li em { display:block; font-style:normal; font-weight:500; font-size:16px; color:#0871b9; }
.construct-wrap03 ul li img { margin:20px 0; }
.construct-wrap03 ul li strong { display:block; margin-bottom:10px; font-weight:500; font-size:20px; color:#333; }
.construct-wrap03 ul li span { font-size:16px; color:#555; word-break:keep-all; }

@media only screen and (max-width:1100px) { 
	.construct-wrap03 ul { width:100%; }
	.construct-wrap03 ul li { padding:0 10px; }
	.construct-wrap03 ul li span br { display:none; }
}
@media only screen and (max-width:950px) { 
	.construct-wrap03 ul li strong { margin-bottom:7px; font-size:18px; }
	.construct-wrap03 ul li span { font-size:15px; }
}
@media only screen and (max-width:768px) { 
	.construct-wrap03 { padding:70px 0; }
	.construct-wrap03 ul li img { margin:15px 0; height:60px; }
}
@media only screen and (max-width:640px) { 
	.construct-wrap03 { padding:50px 0; }
	.construct-wrap03 ul { margin-top:30px; }
	.construct-wrap03 ul:before { display:none; }
	.construct-wrap03 ul li { display:block; margin-top:15px; padding:0 0 20px; width:100%; border:1px solid #dadada; background:#fff; text-align:center; }
	.construct-wrap03 ul li:before { display:none; }
	.construct-wrap03 ul li em { padding:3px 0; background:#0871b9; font-weight:400; font-size:14px; color:#fff; }
	.construct-wrap03 ul li img { margin:20px 0 10px; height:50px; }
	.construct-wrap03 ul li strong { margin-bottom:5px; font-size:16px; }
	.construct-wrap03 ul li span { font-size:14px; }
	.construct-wrap03 ul li span br { display:block; }
}

.construct-wrap04 { padding:90px 0; width:100%; text-align:center; }
.construct-wrap04 ul { margin-top:40px; text-align:left; font-size:0; }
.construct-wrap04 ul li { display:inline-block; margin-left:20px; margin-top:20px; padding-bottom:18px; width:calc(100% / 4 - 15px); border:1px solid #dadada; text-align:center; vertical-align:top; }
.construct-wrap04 ul li img { width:100%; border-bottom:1px solid #dadada; }
.construct-wrap04 ul li strong { display:block; margin:15px 0 5px; font-weight:500; font-size:18px; color:#0871b9; }
.construct-wrap04 ul li span { font-weight:400; font-size:16px; color:#555; }

@media only screen and (min-width:951px) { 
	.construct-wrap04 ul li:nth-child(4n+1) { margin-left:0; }
}
@media only screen and (max-width:950px) { 
	.construct-wrap04 ul li { width:calc(100% / 3 - 14px); }
}
@media only screen and (max-width:768px) { 
	.construct-wrap04 { padding:70px 0; }
	.construct-wrap04 ul li strong { font-size:16px; }
	.construct-wrap04 ul li span { font-size:15px; }
}
@media only screen and (min-width:641px) { 
	.construct-wrap04 ul li:nth-child(3n+1) { margin-left:0; }
}
@media only screen and (max-width:640px) { 
	.construct-wrap04 { padding:50px 0; }
	.construct-wrap04 ul { margin-top:20px; }
	.construct-wrap04 ul li { margin-top:10px; margin-left:10px; padding-bottom:10px; width:calc(50% - 5px); }
	.construct-wrap04 ul li:nth-child(2n+1) { margin-left:0; }
	.construct-wrap04 ul li strong { margin:10px 0 2px; font-size:15px; }
	.construct-wrap04 ul li span { font-size:14px; }
}

.product-banner.construct { background:url('/images/sub/product/construct_banner.jpg') no-repeat center center; background-size:cover; }
.product-banner.construct .inner h1 strong { color:#fff; }
.product-banner.construct .inner a { border-color:#0871b9; background:#0871b9; }
.product-banner.construct .inner a:hover { background:#fff; color:#0871b9; }


/* -------- banner -------- */
.free-banner { position:relative; margin-bottom:60px; text-align:center; line-height:0; }
.free-banner a { display:block; position:absolute; bottom:30px; left:50%; margin-left:-110px; width:220px; height:45px; border-radius:23px; border:2px solid #fff; font-size:22px; line-height:40px; color:#fff; transition:.3s; }
.free-banner a:hover { background:#fff; color:#ec6941; }

.homeworking-banner-wrap { position:relative; margin-bottom:60px; text-align:center; line-height:0; }
.homeworking-banner-wrap a { display:block; position:absolute; top:86px; left:50%; margin-left:93px; width:160px; height:40px; border-radius:20px; background:#19cc8b; font-size:18px; line-height:40px; color:#222c3e; transition:.3s; }
.homeworking-banner-wrap a:hover { background:#19cc8b; color:#fff; }


/* PC OFF
------------------------------------------------------ */
.full-visual.pcoff .inner { padding-top:90px; }
.full-visual.pcoff .inner > h1 { margin-bottom:27px; font-weight:700; font-size:52px; }
.full-visual.pcoff .inner > h1 + p { margin-bottom:30px; font-weight:300; font-size:18px; line-height:26px; color:#fff; text-align:center; }
.full-visual.pcoff .inner > h1 + p + a { display:block; margin:0 auto 40px; width:235px; height:60px; border:1px solid #fff; font-size:20px; line-height:58px; color:#fff; text-align:center; transition:.3s; }
.full-visual.pcoff .inner > h1 + p + a:hover { background:#fff; color:#3d8dd5; }
.full-visual.pcoff .full-visual-txt h1 { font-weight:500; font-size:30px; line-height:36px; background:none; text-align:left; }
.full-visual.pcoff .full-visual-txt ul { margin-top:20px; }
.full-visual.pcoff .full-visual-txt ul li { position:relative; margin:9px 0; padding-left:22px; font-weight:300; font-size:18px; line-height:1.3; text-indent:0; }
.full-visual.pcoff .full-visual-txt ul li:before { content:''; position:absolute; top:11px; left:10px; width:3px; height:3px; border-radius:50%; background:#fff; }

.pc-off-function { width:100%; }

.pc-off-function-box-inner { margin-top:70px; padding:49px; border:1px solid #e6e6e6; }
.pc-off-function-list { width:100%; font-size:0; }
.pc-off-function-list .img-wrap,
.pc-off-function-list .text-wrap { display:inline-block; width:50%; vertical-align:middle; }
.pc-off-function-list .img-wrap { border:1px solid #dadada; }
.pc-off-function-list .img-wrap img { width:100%; }
.pc-off-function-list .text-wrap { padding:50px; }
.pc-off-function-list .text-wrap h1 { margin-bottom:9px; font-weight:400; font-size:32px; color:#333; }
.pc-off-function-list .text-wrap p { font-weight:300; font-size:18px; color:#555; }
.pc-off-function-list:nth-of-type(odd) .text-wrap { padding-right:0; }
.pc-off-function-list:nth-of-type(even) .text-wrap { padding-left:0; text-align:right; }

.pc-off-function-icon { margin:60px 0; padding:60px 0; border:1px solid #222c3e; border-width:1px 0; }
.pc-off-function-icon .product-conts-section-tit + p { font-size:17px; }
.pc-off-function-icon .conts { margin-bottom:-30px; padding-left:40px; font-size:0; }
.pc-off-function-icon .pc-off-function-icon-box { display:inline-block; margin-bottom:30px; width:50%; vertical-align:top; }
.pc-off-function-icon .pc-off-function-icon-box > section { display:inline-block; vertical-align:middle; }
.pc-off-function-icon .pc-off-function-icon-box .img-wrap { border:1px solid #ddd; border-radius:50%; }
.pc-off-function-icon .pc-off-function-icon-box .text-wrap { padding-left:30px; width:calc(100% - 180px); }
.pc-off-function-icon .pc-off-function-icon-box .text-wrap h1 { font-weight:500; font-size:20px; line-height:1.3; color:#0871b9; }
.pc-off-function-icon .pc-off-function-icon-box .text-wrap ul { margin-top:10px; }
.pc-off-function-icon .pc-off-function-icon-box .text-wrap li { position:relative; padding-left:10px; font-weight:300; font-size:16px; line-height:1.4; color:#333; }
.pc-off-function-icon .pc-off-function-icon-box .text-wrap li:before{ content:''; position:absolute; top:10px; left:0; width:3px; height:3px; border-radius:50%; background:#90959e; }

.pc-off-function-list-full { margin-top:50px; }
.pc-off-function-list-full .img-wrap { border:1px solid #dadada; line-height:0; }
.pc-off-function-list-full .img-wrap img { width:100%; }
.pc-off-function-list-full .text-wrap h1 { margin-top:25px; font-weight:400; font-size:32px; line-height:1; color:#333; letter-spacing:-2px; }
.pc-off-function-list-full .text-wrap ul { margin-top:13px; font-size:0; }
.pc-off-function-list-full .text-wrap ul li { position:relative; display:inline-block; margin-top:10px; padding-left:29px; width:50%; font-size:18px; line-height:20px; color:#777;  letter-spacing:-1.5px; vertical-align:top; }
.pc-off-function-list-full .text-wrap ul li span { position:absolute; top:1px; left:0; display:inline-block; width:20px; height:20px; border-radius:50%; background:#222c3e; font-size:13px; line-height:20px; font-family:'Roboto', 'Noto Sans KR', sans-serif; color:#fff; letter-spacing:0; text-align:center; }

.pc-off-process { padding:90px 0; text-align:center; }

.pc-off-process-wrap { position:relative; margin-top:70px; padding-top:54px; }
.pc-off-process-wrap .pc-off-proces-txt { position:absolute; left:59px; width:calc(100% - 117px); background:url('/images/sub/product/dot-line-horizontal.png') repeat-x left center; text-align:center; }
.pc-off-process-wrap .pc-off-proces-txt:first-of-type { top:0; }
.pc-off-process-wrap .pc-off-proces-txt:before,
.pc-off-process-wrap .pc-off-proces-txt:after { content:''; position:absolute; width:3px; height:27px; background:url('/images/sub/product/dot-line-vertical.png') repeat-y left 0; text-align:center; }
.pc-off-process-wrap .pc-off-proces-txt:first-of-type:before { left:0; }
.pc-off-process-wrap .pc-off-proces-txt:first-of-type:after { right:2px; height:30px; }
.pc-off-process-wrap .pc-off-proces-txt:first-of-type:before,
.pc-off-process-wrap .pc-off-proces-txt:first-of-type:after { top:13px; }
.pc-off-process-wrap .pc-off-proces-txt span { display:inline-block; padding:0 10px; background:#fff; font-weight:400; font-size:18px; line-height:1; color:#222c3e; }
.pc-off-process-wrap .pc-off-proces-txt:first-of-type span:before { content:''; position:absolute; bottom:-23px; left:-3px; width:9px; height:5px; background:url('/images/sub/product/arrow_gray_bottom.png') no-repeat 0 0; }
.pc-off-process-wrap .pc-off-proces-txt:last-of-type { bottom:25px; width:765px; }
.pc-off-process-wrap .pc-off-proces-txt:last-of-type:before { bottom:11px; left:0; width:3px; height:231px; background:url('/images/sub/product/dot-line-vertical.png') repeat-y left 0;  }
.pc-off-process-wrap .pc-off-proces-txt:last-of-type:after { content:''; position:absolute; bottom:242px; left:-3px; width:9px; height:5px; background:url('/images/sub/product/arrow_gray_top.png') no-repeat 0 0; }

.pc-off-process-wrap .pc-off-proces-txt1 { position:absolute; top:184px; right:33px; width:94px; height:60px; background:url('/images/sub/product/dot-line-vertical.png') repeat-y 65px 0 ,url('/images/sub/product/dot-line-horizontal.png') repeat-x 0 92%; font-weight:500; font-size:16px; line-height:1; color:#e60012; text-align:right; }
.pc-off-process-wrap .pc-off-proces-txt1:after { content:''; position:absolute; top:1px; left:62px; width:9px; height:5px; background:url('/images/sub/product/arrow_gray_top.png') no-repeat 0 0; }
.pc-off-process-wrap .pc-off-proces-txt1 span { display:inline-block; margin-top:37px; padding:7px 0 0 5px; background:#fff; line-height:1; }
.pc-off-process-wrap .pc-off-proces-txt2 { position:absolute; top:50%; left:50%; margin-top:-43px; margin-left:-140px; padding-top:53px; width:402px; height:165px; background:url('/images/sub/product/dot-line-vertical.png') repeat-y 52% top; }
.pc-off-process-wrap .pc-off-proces-txt2:before { content:'';  }
.pc-off-process-wrap .pc-off-proces-txt2 p { padding:0 10px; background:#0871b9; font-weight:300; font-size:18px; line-height:40px; color:#fff; }
.pc-off-process-wrap .pc-off-proces-txt2 span { position:relative; display:block; margin-top:20px; padding:10px; background:#fff; font-weight:300; font-size:18px; line-height:22px; color:#666; }
.pc-off-process-wrap .pc-off-proces-txt2 span:before { content:''; position:absolute; top:50%; right:0; margin-top:-1.5px; width:130px; height:3px; background:url('/images/sub/product/dot-line-horizontal.png') repeat-x 0 0; }
.pc-off-process-wrap .pc-off-proces-txt2 span:after { content:''; position:absolute; top:50%; right:0; margin-top:-4.5px; width:5px; height:9px; background:url('/images/sub/product/arrow_gray_right.png') no-repeat 0 0; }
.pc-off-process-wrap .pc-off-proces-txt2 span strong { display:block; font-weight:500; color:#0871b9; }

.pc-off-process-wrap > ul { position:relative; font-size:0; }
.pc-off-process-wrap > ul:before { content:''; position:absolute; top:55px; left:120px; z-index:-1;  width:850px; height:10px; background:#222c3e; }
.pc-off-process-wrap > ul:after { content:''; position:absolute; top:48px; right:120px; width:10px; height:24px; background:url('/images/sub/product/arrow_navy_right.png') no-repeat 0 0; }
.pc-off-process-wrap > ul > li { display:inline-block; margin-left:20px; vertical-align:top; }
.pc-off-process-wrap > ul > li:first-child { margin-left:0; }
.pc-off-process-wrap > ul > li > div { padding-top:15px; width:120px; height:120px; border-radius:10px; background:#e8edf2; }
.pc-off-process-wrap > ul > li > div > strong { display:block; margin:5px 0 3px; font-weight:500; font-size:16px; font-family:'Roboto', 'Noto Sans KR', sans-serif; color:#0871b9; }
.pc-off-process-wrap > ul > li > div > span { display:block; font-size:15px; line-height:1.2; color:#666; }
.pc-off-process-wrap > ul > li > div > span span { font-size:14px; }
.pc-off-process-wrap > ul > li ul { position:relative; width:100%; }
.pc-off-process-wrap > ul > li ul:before { content:''; position:absolute; top:-20px; left:50%; z-index:-1; margin-left:-5px; width:10px; height:200px; background:#222c3e; }
.pc-off-process-wrap > ul > li ul:after { content:''; position:absolute; left:50%; top:179px; margin-left:-12px; width:24px; height:10px; background:url('/images/sub/product/arrow_navy_botton.png') no-repeat 0 0; }
.pc-off-process-wrap > ul > li ul li { margin-top:20px; padding-top:20px; width:100%; height:74px; border-radius:10px; background:#e8edf2; font-size:15px; line-height:1.2; }
.pc-off-process-wrap > ul > li ul li:last-child { padding-top:27px; }

.product-banner.pcoff { background:url('/images/sub/product/pcoff_banner.jpg') no-repeat center center; background-size:cover; }
.product-banner.pcoff h1 { font-weight:300; font-size:36px; letter-spacing:-2px; }
.product-banner.pcoff h1 strong { display:block; margin-bottom:13px; font-weight:500; font-size:42px; letter-spacing:-1px; color:#fff; }
.product-banner.pcoff ul { margin-top:40px; font-size:0; }
.product-banner.pcoff ul li { display:inline-block; margin:0 10px; vertical-align:top; }
.product-banner.pcoff ul li:nth-child(2) { width:250px; border:1px solid #fff; font-weight:400; font-size:22px; line-height:53px; font-family:'Roboto', 'Noto Sans KR', sans-serif; color:#fff; letter-spacing:0;  transition:.3s; }
.product-banner.pcoff ul li a { margin-top:0; }
.product-banner.pcoff ul li a:hover { border-color:#fff; background:#fff; color:#0871b9; }



/* 재택근무
------------------------------------------------------ */
/* visual */
.full-visual-homeworking { padding-top:185px; height:984px; background:url('/images/sub/visual/sub_visual_homeworking.jpg') no-repeat center center; }
.full-visual-homeworking .tit-wrap { position:relative; z-index:22; }
.full-visual-homeworking .tit-wrap h1 { font-weight:400; font-size:52px; line-height:1.2; color:#fff; letter-spacing:-3px; }
.full-visual-homeworking .tit-wrap h1 span { font-weight:500; font-family:'Roboto', sans-serif; }
.full-visual-homeworking .tit-wrap h1 strong { position:relative; font-weight:700; color:#222c3e; }
.full-visual-homeworking .tit-wrap h1 strong:before { content:''; position:absolute; bottom:100%; left:-4px; margin-bottom:-3px; width:190px; height:43px; background:url('/images/sub/homeworking/homeworking_visual_deco.png') no-repeat center center; }
.full-visual-homeworking .tit-wrap h1 + p { font-weight:300; font-size:30px; color:#fff; }
.full-visual-homeworking .tit-wrap ul { margin-top:35px; font-size:0; }
.full-visual-homeworking .tit-wrap ul li { display:inline-block; vertical-align:top; margin-right:15px; width:235px; }
.full-visual-homeworking .tit-wrap ul li a { display:block; border:1px solid #fff; font-weight:300; font-size:20px; line-height:58px; color:#fff; text-align:center; }
.full-visual-homeworking .tit-wrap ul li:last-child a { border-color:#222c3e; background:#222c3e; }
.full-visual-homeworking .daily-wrap { position:relative; margin-top:-143px; width:100%; height:673px; background:url('/images/sub/homeworking/daily_wrap_bg.png') no-repeat 0 0; }
.full-visual-homeworking .daily-wrap .daily-conts { position:absolute;  }
.full-visual-homeworking .daily-wrap .daily-conts:nth-child(1),
.full-visual-homeworking .daily-wrap .daily-conts:nth-child(2) { top:193px; }
.full-visual-homeworking .daily-wrap .daily-conts:nth-child(3),
.full-visual-homeworking .daily-wrap .daily-conts:nth-child(4) { bottom:0; text-align:right; }
.full-visual-homeworking .daily-wrap .daily-conts:nth-child(1) { left:0; }
.full-visual-homeworking .daily-wrap .daily-conts:nth-child(2) { left:430px; }
.full-visual-homeworking .daily-wrap .daily-conts:nth-child(3) { right:192px; }
.full-visual-homeworking .daily-wrap .daily-conts:nth-child(4) { left:165px; }
.full-visual-homeworking .daily-wrap .daily-conts .img-wrap ,
.full-visual-homeworking .daily-wrap .daily-conts dl { display:inline-block; vertical-align:bottom; }
.full-visual-homeworking .daily-wrap .daily-conts dl { padding:17px 20px; }
.full-visual-homeworking .daily-wrap .daily-conts dl dt { font-weight:700; font-size:24px; line-height:1; font-family:'Roboto', sans-serif; color:#0871b9; }
.full-visual-homeworking .daily-wrap .daily-conts dl dd { font-weight:300; font-size:18px; color:#212121; }
.full-visual-homeworking .daily-wrap .daily-conts .img-wrap { overflow:hidden; width:180px; height:180px; background:#fff; border-radius:20px; }
.full-visual-homeworking .daily-wrap p { position:absolute; top:59%; left:0; width:100%; font-weight:300; font-size:20px; line-height:32px; color:#ffff00; text-align:center; text-decoration:underline; }

/* 기능안내 */
.homeworking-function01 { padding:90px 0; }
.homeworking-function01-inner { padding:40px; background:#f1f6f9; }
.homeworking-function01-box { font-size:0; }
.homeworking-function01-box:first-child { margin-bottom:20px; }
.homeworking-function01-box > div { display:inline-block; vertical-align:middle; width:50%; }
.homeworking-function01-box .text-wrap {  }
.homeworking-function01-box:last-child .text-wrap { padding-left:20px; }
.homeworking-function01-box .text-wrap h1 { font-weight:500; font-size:32px; color:#333; letter-spacing:-2px; }
.homeworking-function01-box .text-wrap ul { margin-top:20px; }
.homeworking-function01-box .text-wrap ul li { position:relative; margin:10px 0; padding-left:11px; font-weight:300; font-size:16px; line-height:22px; letter-spacing:-0.5px; }
.homeworking-function01-box .text-wrap ul li:before { content:''; position:absolute; top:11px; left:0; width:3px; height:3px; border-radius:50%; background:#0871b9; }
.homeworking-function01-box .img-wrap {  }
.homeworking-function01-box:first-child .img-wrap { text-align:right; }
.homeworking-function01-box .img-wrap img { border:1px solid #dadada; }

.homeworking-function01-inner + h1 { margin-top:70px; }

.homeworking-function02 { padding:90px 0; width:100%; background:#f7f7f7; }
.homeworking-function02 .inner { margin-bottom:-30px; font-size:0; }
.homeworking-function02-box { position:relative; display:inline-block; margin-bottom:30px; margin-left:20px; width:calc(50% - 10px); vertical-align:top; text-align:center; }
.homeworking-function02-box:nth-child(2n+1) { margin-left:0; }
.homeworking-function02-box h1 { position:absolute; top:0; left:0; padding:0 20px; min-width:102px; background:#6699ff; font-weight:300; font-size:18px; line-height:45px; color:#fff; text-align:center; }
.homeworking-function02-box img { border:1px solid #dadada; }
.homeworking-function02-box p { margin-top:17px; font-weight:300; font-size:17px; line-height:22px; }

/* quick menu */
.conts-quick-menu.homeworking { margin:0; background:#fff; }

/* homeworking-multi-device */
.homeworking-multi-device { padding:90px 0 0; background:#ebf2f6; text-align:center; }
.homeworking-multi-device ul { margin-bottom:50px; font-size:0; }
.homeworking-multi-device ul li { display:inline-block; margin:0 20px; padding-top:31px; width:140px; height:140px; border-radius:50%; background:#fff; vertical-align:top; }
.homeworking-multi-device ul li strong { display:block; margin-top:14px; font-weight:400; font-size:22px; line-height:1; font-family:'Roboto', 'Noto Sans KR', sans-serif; color:#333; }

/* homeworking-review */
.homeworking-review { padding:90px 0; background:url('/images/sub/homeworking/homeworking_review_bg.jpg') no-repeat center center; background-size:cover; }
.homeworking-review-box { position:relative; width:100%; height:400px; text-align:center; }
.homeworking-review-box-inner { overflow:hidden; margin:0 auto; width:960px;  }
.homeworking-review-box .slide {  float:left; padding:45px 0; width:100%; height:400px; background:rgba(255,255,255,.95); }
.homeworking-review-box .slide img { border-radius:50%; }
.homeworking-review-box .slide p { margin-top:20px; font-weight:300; font-size:24px; height:34px; color:#333; letter-spacing:-1.8px; }
.homeworking-review-box .slide p:before,
.homeworking-review-box .slide p:after { content:''; display:inline-block; width:38px; height:26px; }
.homeworking-review-box .slide p:before { position:relative; top:-3px; margin-right:13px; background:url('/images/sub/homeworking/quotes01.png') no-repeat 0 0; }
.homeworking-review-box .slide p:after { margin-left:13px; background:url('/images/sub/homeworking/quotes02.png') no-repeat 0 0; }

.homeworking-review .slick-prev,
.homeworking-review .slick-next { position:absolute; top:50%; left:50%; margin-top:-32.5px; width:33px; height:65px; font-size:0; }
.homeworking-review .slick-prev { margin-left:-548px; background:url('/images/sub/homeworking/btn_prev.png') no-repeat 0 0; }
.homeworking-review .slick-next { margin-left:515px; background:url('/images/sub/homeworking/btn_next.png') no-repeat 0 0; }

/* homeworking-pros */
.homeworking-pros { padding:90px 0; }
.homeworking-pros .inner { font-size:0; }
.homeworking-pros dl { display:inline-block; width:25%; vertical-align:top; text-align:center; }
.homeworking-pros dl dt span { display:block; margin:0 auto 30px; width:150px; height:150px; border-radius:50%; background:#eff3f6; }
.homeworking-pros dl dt strong { display:block; margin-bottom:13px; font-weight:400; font-size:24px; line-height:1; color:#222c3e; }
.homeworking-pros dl dd { font-weight:300; font-size:16px; line-height:24px; color:#333; }

/* banner */
.homeworking-banner { display:table; width:100%; height:328px; background:url('/images/sub/homeworking/homeworking_banner_bg.jpg') no-repeat center center; background-size:cover; }
.homeworking-banner .inner { display:table-cell; vertical-align:middle; color:#fff; text-align:center; }
.homeworking-banner h1 { font-weight:300; font-size:36px; line-height:55px; letter-spacing:-1.2px; }
.homeworking-banner h1 strong { font-weight:500; font-size:42px; }
.homeworking-banner ul { margin-top:37px; font-size:0; }
.homeworking-banner ul li { display:inline-block; margin:0 10px; width:250px; border:1px solid #fff; vertical-align:top; }
.homeworking-banner ul li a { display:block; font-weight:400; font-size:20px; line-height:53px; color:#fff; transition:.3s; }
.homeworking-banner ul li:hover a { background:#fff; color:#0871b9; }



/* 독립형서비스
------------------------------------------------------ */
.bulid .full-visual.construct { background-color:#fff; }
.bulid .full-visual.construct .full-visual-construct li:nth-child(1) .icon-wrap { background:#fff url('/images/sub/product/bulid_visual_icon01.png') no-repeat center center; }
.bulid .full-visual.construct .full-visual-construct li:nth-child(2) .icon-wrap { background:#fff url('/images/sub/product/bulid_visual_icon02.png') no-repeat center center; }
.bulid .full-visual.construct .full-visual-construct li:nth-child(3) .icon-wrap { background:#fff url('/images/sub/product/bulid_visual_icon03.png') no-repeat center center; }
.bulid .full-visual.construct .full-visual-construct li:nth-child(4) .icon-wrap { background:#fff url('/images/sub/product/bulid_visual_icon04.png') no-repeat center center; }

.bulid .product-title { font-size:32px; }

.bulid-wrap01 { padding:37px 0 90px; }
.bulid-wrap01 .inner { font-size:0; }
.bulid-wrap01 .product-title { font-size:42px; text-align:left; }
.bulid-wrap01 .product-title strong { font-weight:700; font-size:58px; color:#0871b9; }
.bulid-wrap01 .product-title span { margin-top:10px; padding:0; line-height:1.1; }
.bulid-wrap01 .product-title span:before { display:none; }
.bulid-wrap01 .product-title { display:inline-block; width:300px; vertical-align:top; } 
.bulid-wrap01 ul { display:inline-block; width:calc(100% - 300px); vertical-align:top; }
.bulid-wrap01 ul li { margin-bottom:10px; padding-left:79px; border:1px solid #dbdbdb; background:url('/images/sub/product/bulid_checkmark.png') no-repeat 35px center; font-weight:300; font-size:18px; line-height:63px; }
.bulid-wrap01 ul li:last-child { margin-bottom:0; }

.bulid-wrap02 { padding:90px 0; background:#f7f7f7; }
.bulid-wrap02 ul { margin-bottom:70px; font-size:0; }
.bulid-wrap02 ul li { display:inline-block; margin-left:25px; padding:49px 0; width:calc(33.333% - 17px); border-radius:25px; border:1px solid #dbdbdb; background:#fff; text-align:center; vertical-align:top; }
.bulid-wrap02 ul li:first-child { margin-left:0; }
.bulid-wrap02 ul li span { display:block; margin-top:27px; font-weight:300; font-size:24px; line-height:32px; color:#333; }

.bulid-wrap02 table { position:relative; table-layout:fixed; width:100%; }
.bulid-wrap02 table:before { content:''; position:absolute; top:0; left:280px; width:410px; height:100%; border:2px solid #0871b9; box-sizing:border-box; box-shadow:0 5px 25px rgba(0,0,0,.25); }
.bulid-wrap02 table thead th { padding:17px 0 16px; border:1px solid #241c15; border-width:1px 0; font-weight:500; font-size:24px; vertical-align:middle; }
.bulid-wrap02 table thead th:nth-child(1) { font-size:18px; color:#666; }
.bulid-wrap02 table thead th:nth-child(2) { border-bottom-color:#0871b9; background:#0871b9 url('/images/sub/product/bulid_point.png') no-repeat 56% 2px; color:#ffff00; }
.bulid-wrap02 table thead th:nth-child(3) { border-bottom-color:#595959; background:#595959; color:#fff; }
.bulid-wrap02 table tbody th,
.bulid-wrap02 table tbody td { padding:20px 0; border-bottom:1px solid #e6e6e6; font-weight:300; font-size:18px; text-align:center; }
.bulid-wrap02 table tbody th { color:#666; }
.bulid-wrap02 table tbody tr:last-child th,
.bulid-wrap02 table tbody tr:last-child td { border-color:#241c15; }
.bulid-wrap02 table tbody td { color:#333; }
.bulid-wrap02 table tbody td:nth-child(2) { border-color:#c0daec; background:#e0ecf5; }
.bulid-wrap02 table tbody td:last-child { background:#fff; }
.bulid-wrap02 table tbody td strong { display:block; font-weight:500; }

.bulid-wrap03 { padding:90px 0; }
.bulid-wrap03 table { table-layout:fixed; width:100%; border-bottom:1px solid #ccc; }
.bulid-wrap03 table th,
.bulid-wrap03 table td { border:1px solid #e6e6e6; border-bottom:0 none; font-weight:400; font-size:15px; line-height:1.3; color:#333; text-align:center; vertical-align:middle; }
.bulid-wrap03 table thead th { padding:13px 0; border-color:#e0e0e0; background:#bdbdbd; font-weight:400; font-size:20px; color:#fff; }
.bulid-wrap03 table thead th:first-child { border-left-color:#ccc; font-size:15px; }
.bulid-wrap03 table thead th:last-child { border-right-color:#e0e0e0; }
.bulid-wrap03 table thead tr:first-child th { border-top-color:#ccc; }
.bulid-wrap03 table thead tr:first-child th:nth-child(2), 
.bulid-wrap03 table thead tr:first-child th:nth-child(3) { padding:17px 0; font-weight:500; font-size:24px; }
.bulid-wrap03 table thead th:nth-child(2) ,
.bulid-wrap03 table thead th:nth-child(3) { background:#37b0e3; }
.bulid-wrap03 table thead th:last-child ,
.bulid-wrap03 table thead th:nth-child(4) ,
.bulid-wrap03 table thead th:nth-child(5) { background:#2da490; }
.bulid-wrap03 table tbody th { background:#f9f9f9; }
.bulid-wrap03 table tbody th:first-child { border-left-color:#ccc; }
.bulid-wrap03 table tbody th span { display:block; color:#fb315c; }
.bulid-wrap03 table tbody td { padding:16px 0 15px; height:50px; font-family:'Roboto', 'Noto Sans KR', sans-serif; }
.bulid-wrap03 table tbody td:last-child { border-right-color:#ccc; }
.bulid-wrap03 table tbody td .users { position:relative; font-weight:300; font-size:27px; }
.bulid-wrap03 table tbody td .users:after { content:''; position:absolute; top:0; left:100%; margin:-10px 0 0 2px; width:27px; height:29px; background:url('/images/sub/product/bulid_star.png') no-repeat 0 0; }
.bulid-wrap03 table tbody td em { font-style:normal; font-weight:300; font-size:18px; line-height:1; }
.bulid-wrap03 table .month-price { font-weight:700; font-size:36px; color:#0871b9; }
.bulid-wrap03 table .month-price span { font-weight:300; font-size:18px; color:#333; }
.bulid-wrap03 table .year-price > span { position:relative; display:inline-block; margin-bottom:-2px; padding:0 5px; font-weight:300; font-size:24px; color:#999; text-decoration:; }
.bulid-wrap03 table .year-price > span:before { content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#999; }
.bulid-wrap03 table .year-price > span span { font-size:16px; }
.bulid-wrap03 table .year-price > strong { display:block; font-weight:400; font-size:32px; }
.bulid-wrap03 table .year-price > strong span { font-size:18px; }
.bulid-wrap03 table tbody td .no { font-family:'Noto Sans KR', sans-serif; }
.bulid-wrap03 ul { margin-top:20px; }
.bulid-wrap03 ul li { position:relative; padding-left:10px; font-weight:400; font-size:14px; line-height:24px; color:#e55151; }
.bulid-wrap03 ul li:before { content:''; position:absolute; top:11px; left:0; width:3px; height:3px; border-radius:50%; background:#e55151; }

.bulid .construct-wrap01 { padding-top:90px; background:#e9f2f8; }
.bulid .construct-advantages .text-wrap { padding-top:45px; }



/*
	***************** 체험하기 - 무료신청
*/
/* 
	left
*/
.free-registration { display:table; margin-top:70px; width:100%; }
.free-registration > section { display:table-cell; vertical-align:top; }
.free-registration-function { position:relative; padding:40px 30px; width:400px; background:#222c3e; }
.free-registration-function h1 { font-weight:300; font-size:36px; line-height:1.2; color:#fff; letter-spacing:-1px; }
.free-registration-function h1 span { display:block; margin-top:7px; font-weight:400; font-size:32px; }
.free-registration-function ul { margin:55px 0; }
.free-registration-function ul li { margin:20px 0; padding-left:21px; background:url('/images/sub/experience/check.png') no-repeat 0 5px; font-weight:300; font-size:20px; line-height:1.2; color:#fff; }
/* 고객센터 */
.free-registration-function dl { position:absolute; bottom:80px; right:40px; text-align:right; }
.free-registration-function dt,
.free-registration-function dd { display:block; color:#fff; }
.free-registration-function dt { position:relative; display:inline-block; margin-bottom:5px; padding:3px 5px; font-weight:300; font-size:16px; }
.free-registration-function dt:before { content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#fff; }
.free-registration-function dd { position:relative; padding:0; font-weight:300; font-size:18px; letter-spacing:0; }
.free-registration-function dd img { display:inline-block; margin-right:5px; vertical-align:middle; }
/* 로고 */
.free-registration-function .logo-off { position:absolute; bottom:30px; right:40px; height:26px; opacity:.8; }

/* 
	form
*/
.free-registration-form { padding:10px 30px 25px; width:calc(100% - 400px); border:1px solid #ddd; border-left:0 none; }
.free-registration-form .form-list { padding:15px 0; border-bottom:1px dashed #e6e6e6; }
.free-registration-form .form-list > h1 { margin-bottom:12px; font-weight:500; font-size:16px; line-height:1; color:#222c3e; }
.free-registration-form .form-list > h1 strong { font-weight:300; font-size:13px; color:#ec6941; }
.free-registration-form .form-list > h1 span { font-weight:300; font-size:13px; color:#777; }
.free-registration-form .form-list h1 + div { font-size:0; }

.free-registration-form .form-list input[type="checkbox"] + label { font-size:14px; line-height:16px; }
.free-registration-form .form-list input[type="checkbox"] + label:before { width:16px; height:16px; vertical-align:middle; }
.free-registration-form .form-list input[type="checkbox"]:checked + label:before { font-size:10px; line-height:14px; }

.free-registration-form .form-list input[type="radio"] + label { font-size:14px; line-height:35px; }
.free-registration-form .form-list input[type="radio"] + label:before { margin-right:7px; margin-top:-2px; width:16px; height:16px; vertical-align:middle; }
.free-registration-form .form-list input[type="radio"]:checked + label:before { border-width:4px; }

.free-registration-form .form-list table { width:100%; table-layout:fixed; }
.free-registration-form .form-list th,
.free-registration-form .form-list td { vertical-align:top; }
.free-registration-form .form-list td:nth-of-type(1) { width:219px; }
.free-registration-form .form-list th { padding-top:9px; width:110px; text-align:left; }
.free-registration-form .form-list td { padding:3px 0; }
.free-registration-form .form-list table input[type="text"],
.free-registration-form .form-list table input[type="password"],
.free-registration-form .form-list table select { float:left; padding:0 10px; width:200px; height:35px; border:1px solid #ccc; font-size:15px; }
.free-registration-form .form-list table select { background:url('../images/sub/board/search_select_arrow.png') no-repeat right center; background-size:auto 10px; }
.free-registration-form .form-list td .point-color { display:block; float:left; margin-left:0; }

/* 사업자종류 */
.free-registration-form .form-list table input[type="radio"] + label { min-width:auto; margin:0 10px; vertical-align:middle; }
.free-registration-form .form-list table input[type="radio"]:first-child + label { margin-left:0; } 
/* 전화번호 */
.free-registration-form .form-list table .form-tel span { float:left; width:15px; line-height:35px; text-align:center; }
.free-registration-form .form-list table .form-tel input[type="text"] { width:calc(100% / 3 - 16px); }
/* 접속주소 */
.free-registration-form .form-list table .url-wrap .url-txt { float:left; line-height:35px; white-space:nowrap; }
.free-registration-form .form-list table .url-wrap .url-txt strong { display:inline-block; min-width:20px; font-weight:400; font-size:24px; color:#ec6941; }
.free-registration-form .form-list table .url-wrap input[type="text"] { margin:0 5px; width:70px; }

.free-registration-form .form-list textarea { width:100%; height:60px; border:1px solid #ccc; }

/* 약관동의 */
.free-registration-form .agree-wrap { margin-bottom:0; padding:15px 0 25px; }
.free-registration-form .agree-wrap input[type="checkbox"] + label { margin-right:15px; font-size:12px; line-height:16px; font-family:'굴림', Gulim, sans-serif; }
.free-registration-form .agree-wrap input[type="checkbox"] + label span { color:#ec6941; }
.free-registration-form .agree-wrap input[type="checkbox"] + label:before { width:16px; height:16px; }
.free-registration-form .agree-wrap input[type="checkbox"]:checked + label:before { font-size:10px; line-height:14px; }
.free-registration-form .agree-wrap a { display:inline-block; margin-top:-2px; padding-left:6px; width:40px; height:19px; border:1px solid #ddd; border-radius:3px; background:url('/images/sub/experience/agree_arrow.png') no-repeat 29px center; font-size:11px; line-height:17px; font-family:'굴림', Gulim, sans-serif; vertical-align:top; }
.free-registration-form .agree-wrap a { display:inline-block; margin-top:-2px; padding-left:6px; width:40px; height:19px; border:1px solid #ddd; border-radius:3px; background:url('/images/sub/experience/agree_arrow.png') no-repeat 29px center; font-size:11px; line-height:17px; font-family:'굴림', Gulim, sans-serif; vertical-align:top; }

.trans-gw.agree-wrap { margin-top: -10px; }
.trans-gw.agree-wrap input[type="checkbox"] + label { margin-right:10px; font-size:12px; line-height:20px; font-family:'굴림', Gulim, sans-serif; vertical-align:top; }
.trans-gw.agree-wrap a { display:inline-block; margin-top: 1px; padding-left:6px; width:40px; height:19px; border:1px solid #ddd; border-radius:3px; background:url('/images/sub/experience/agree_arrow.png') no-repeat 29px center; font-size:11px; line-height:17px; font-family:'굴림', Gulim, sans-serif; vertical-align:top; }

.agree-wrap .agree-popup { display:none; position:fixed; top:50%; left:50%; margin-left:-180px; margin-top: -200px; width:360px; height:400px; border:1px solid #ddd; background: #fff; }
.agree-wrap .agree-popup h1 { margin-bottom: 0; padding:15px; background:#222c3e; font-weight: 500; font-size:18px; line-height: 1; color:#fff; }
.agree-wrap .agree-popup .agree-popup-inner { padding:15px; }
.agree-wrap .agree-popup .agree-popup-inner * { word-break:keep-all; }
.agree-wrap .agree-popup .agree-popup-inner dl dt { margin: 20px 0 5px; font-weight: 500; font-size:16px; color:#333; }
.agree-wrap .agree-popup .agree-popup-inner dl dt:first-of-type { margin-top: 0; }
.agree-wrap .agree-popup .agree-popup-inner dl dd { font-weight:300; font-size:14px; color:#666; }
.agree-wrap .agree-popup .agree-popup-inner ul { margin-top: 20px; }
.agree-wrap .agree-popup .agree-popup-inner ul li { position:relative; margin:4px 0; padding-left: 10px; font-weight: 300; font-size:14px; color:#666; }
.agree-wrap .agree-popup .agree-popup-inner ul li:before { content:''; position:absolute; top:8px; left:0; width:5px; height:5px; border-radius:50%; background: #ec6941; }
.agree-wrap .agree-popup .close { position:absolute; top:9px; right:9px; width:30px; height:30px; border-radius:0; border:1px solid rgba(255,255,255,.65); font-size:0; }
.agree-wrap .agree-popup .close:before,
.agree-wrap .agree-popup .close:after { content:''; position:absolute; top:13px; left:3px; width:80%; height:1px; background: #fff; transform:rotate(45deg); }
.agree-wrap .agree-popup .close:after { transform:rotate(-45deg); }

/* btn */
.free-registration-form .form-btn-wrap { margin-top:0; }
.free-registration-form .form-btn-wrap a { width:230px; height:55px; font-size:18px; line-height:53px; }



/* 
	***************** 다운로드 ~ 서비스 메뉴 
 */
/*
	서브비주얼 normal
*/
.sub-visual { display:table; padding-top:90px; width:100%; height:290px; text-align:center; }
.sub-visual .sub-visual-inner { display:table-cell; vertical-align:middle; color:#fff; }
.sub-visual .sub-visual-inner h1 { font-weight:400; font-size:42px; line-height:1.3; letter-spacing:1px; }
.sub-visual .sub-visual-inner p { margin-top:10px; font-weight:400; font-size:16px; line-height:1.3; letter-spacing:0; word-break:keep-all; }

/* bg */
.sub-visual.g2works {  background:url('../images/sub/visual/sub_visual_g2works.jpg') no-repeat center bottom; background-size:cover; }
.sub-visual.products { background:url('../images/sub/visual/sub_visual_downloads.jpg') no-repeat center center; background-size:cover; }
.sub-visual.experience { background:url('../images/main/main_visual01.jpg') no-repeat center 55%; background-size:cover; }
.sub-visual.downloads { background:url('../images/sub/visual/sub_visual_downloads.jpg') no-repeat center center; background-size:cover; }
.sub-visual.support { background:url('../images/sub/visual/sub_visual_support.jpg') no-repeat center center; background-size:cover; }
.sub-visual.registration { background:url('../images/sub/visual/sub_visual_registration.jpg') no-repeat center center; background-size:cover; }
.sub-visual.service { background:url('../images/sub/visual/sub_visual_service.jpg') no-repeat center center; background-size:cover; }
.sub-visual.education { background:url('../images/sub/visual/sub_visual_education.jpg') no-repeat center center; background-size:cover; }

/*
	event
*/
.sub-visual-event { width:100%; background:#454545; }
.sub-visual-event ul { width:100%; font-size:0; text-align:center; }
.sub-visual-event ul li { position:relative;  display:inline-block; padding:0 40px; width:50%; border-left:1px solid rgba(255,255,255,.1); vertical-align: top; transition:.3s; font-size:0; text-align:left; }
.sub-visual-event ul li:first-child { border-left:0 none; }
.sub-visual-event ul li:after { content:''; position:absolute; right:40px; top:50%; margin-top:-5.5px; width:8px; height:11px; background:url('../images/sub/visual/event_arrow.png') no-repeat center center; vertical-align:middle; transition:.3s; }
.sub-visual-event ul li:hover:after { right:20px; }
.sub-visual-event ul li strong { position:relative; display:inline-block; margin-right:20px; font :400 16px/60px 'Roboto',Sans-serif; color:#ec6941; letter-spacing:0; vertical-align:middle; }
.sub-visual-event ul li strong:before { content:''; display:inline-block; margin-right:10px; width:14px; height:15px; background:url('../images/sub/visual/icon_event.png') no-repeat center center; vertical-align:baseline; }
.sub-visual-event ul li strong:after { content:''; position:absolute; top:50%; right:-20px; margin-top:-6px; width:1px; height:12px; background:rgba(255,255,255,.5); }
.sub-visual-event ul li a { display:inline-block; margin-left:20px; min-width:calc(100% - 114px); font-weight:300; font-size:16px; line-height:60px; color:#fff; vertical-align:middle; transition:.3s; }
.sub-visual-event ul li:hover a { text-decoration:underline; }

/* 
	location
*/
.location-wrap { width:100%; border-bottom:1px solid #d3d5d8; }
.location-wrap ul { display:table; table-layout:fixed; margin:0 auto; width:1100px; height:60px; }
.location-wrap ul li { display:table-cell; width:100%; border-right:1px solid #d3d5d8; vertical-align:middle; text-align:center; }
.location-wrap ul li:first-child { border-left:1px solid #d3d5d8; }
.location-wrap ul li a { display:block; width:100%; font-weight:400; font-size:16px; line-height:1.3; }
.location-wrap ul li.on { border-color:#0871b9; background:#0871b9; }
.location-wrap ul li.on a { color:#fff; }

@media only screen and (max-width:1100px) { 
	.location-wrap ul { width:100%; }
}


/* 
	서브 콘텐츠 영역
*/
/* 1100 */
.sub-conts-wrap { margin:0 auto; padding-bottom:120px; width:1100px; }
.sub-conts-wrap .sub-conts-title { display:block; margin:60px 0 40px; font-weight:400; font-size:36px; line-height:1; color:#222c3e; text-align:center; }
.sub-conts-wrap .sub-conts-title strong { font-weight:700; color:#0871b9; }
.sub-conts-wrap .sub-conts-title + p { margin:-25px 0 40px; font-size:16px; text-align:center; }
.sub-conts-wrap .sub-conts-title + p strong { font-weight:500; color:#0871b9; letter-spacing:-0.5px; }

@media only screen and (max-width:1100px) { 
	.sub-conts-wrap { padding:0 0 120px; width:100%; }
}
@media only screen and (max-width:1099px) { 
	.sub-conts-wrap { padding:0 30px 120px; }
}
@media only screen and (max-width:768px) { 
	.sub-conts-wrap { padding:0 20px 70px; }
}


/* ==============================================
																					서비스
============================================== */

.bts-wrap { margin-top:80px; text-align:center; }

.bts-section01 { position:relative; margin-bottom:90px; }
.bts-section01 > h1 { width:100%; height:70px; background:#222c3e; font-weight:500; font-size:30px; line-height:70px; color:#fff; letter-spacing:0; }
.bts-section01 > h1 span { font-weight:300; font-size:18px; }

@media only screen and (max-width:768px) { 
	.bts-section01 { margin-bottom:70px; }
}
@media only screen and (max-width:640px) { 
	.bts-section01 { margin-bottom:50px; }
}

/* 다이어그램 */
.bts-section01-box { position:relative;  width:100%; height:700px; border:1px solid #ddd; border-top:0 none; }
.bts-section01-box .bts-platform-diagram { position:absolute; }

.diagram01 { top:50%; left:50%; margin:-204.5px 0 0 -204.5px; padding-top:130px; width:409px; height:409px; border-radius:50%; background:#d2dde5; }
.diagram01:before { content:''; position:absolute; top:50%; left:50%; z-index:3; width:349px; height:349px; background:#e8edf2; border-radius:50%; transform:translate(-50%,-50%); }
.diagram01:after { content:''; position:absolute; top:50%; left:50%; z-index:7; width:289px; height:289px; border:2px solid #d3d5d8; background:#ffffff; border-radius:50%; transform:translate(-50%,-50%); }
.diagram01 h1 { position:relative; z-index:22; font-weight:500; font-size:30px; line-height:1; color:#222c3e; }
.diagram01 ul { position:relative; z-index:22; margin-top:30px; font-size:0; }
.diagram01 ul li { display:inline-block; margin:0 22px; vertical-align:top; }
.diagram01 ul li span { display:block; margin-top:13px; font-size:16px; line-height:18px; color:#555; }

.diagram02 { top:50px; left:50px; }
.diagram03 { top:50px; right:50px; }
.diagram04 { bottom:50px; left:50px; }
.diagram05 { bottom:50px; right:50px; }

.bts-platform-sub-tit { position:relative; z-index:88; float:left; display:table; margin:40px 40px 0; width:150px; height:150px; border-radius:50%; background:#0871b9; font-weight:400; font-size:18px; line-height:1.3; color:#fff; }
.bts-platform-sub-tit span { display:table-cell; vertical-align:middle; }
.bts-platform-sub-tit:before { content:''; position:absolute; top:50%; left:100%; width:7px; height:7px; border-radius:50%; background:#0871b9; }
.diagram02 .bts-platform-sub-tit:before,
.diagram03 .bts-platform-sub-tit:before { margin-top:80px; }
.diagram04 .bts-platform-sub-tit:before,
.diagram05 .bts-platform-sub-tit:before { margin-top:-87px; }
.diagram03 .bts-platform-sub-tit:before,
.diagram05 .bts-platform-sub-tit:before { left:auto; right:100%; }
.bts-platform-sub-tit:after { content:''; position:absolute; top:50%; z-index:-1; width:36px; height:1px; background:#a7abb2; }
.diagram02 .bts-platform-sub-tit:after { transform-origin:left; left:125px; top:130px; }
.diagram03 .bts-platform-sub-tit:after { transform-origin:right; right:125px; top:130px; }
.diagram04 .bts-platform-sub-tit:after { transform-origin:left; left:125px; top:19px; }
.diagram05 .bts-platform-sub-tit:after { transform-origin:right; right:125px; top:19px; }
.diagram02 .bts-platform-sub-tit:after,
.diagram05 .bts-platform-sub-tit:after { transform:rotate(45deg); }
.diagram03 .bts-platform-sub-tit:after,
.diagram04 .bts-platform-sub-tit:after { transform:rotate(-45deg); }

.diagram02 dl, .diagram04 dl { float:left; } 
.diagram02 .bts-platform-sub-tit, .diagram04 .bts-platform-sub-tit ,
.diagram03 dl, .diagram05 dl { float:right; }

.bts-platform-diagram dl { position:relative; padding:20px 20px 0; width:200px; height:230px; border-radius:10px; border:1px dashed rgba(34,44,62,.4); font-size:0; text-align:center; }
.bts-platform-diagram dt { margin-bottom:30px; font-weight:500; font-size:16px; line-height:1; color:#0871b9; }
.bts-platform-diagram dd { display:inline-block; width:50%; vertical-align:top; }
.bts-platform-diagram dd:first-of-type { width:100%; }
.bts-platform-diagram dd span { display:block; margin:10px 0 20px; font-size:14px; line-height:1; color:#555; }

.bts-platform-diagram dl:before { content:''; position:absolute; top:50%; left:100%; z-index:2; margin-left:-3.5px; margin-top:-3.5px; width:7px; height:7px; border-radius:50%; background:#0871b9; }
.bts-platform-diagram dl:after { content:''; position:absolute; top:50%; left:100%; z-index:1; width:41px; height:1px; background:#ddd; }
.bts-platform-diagram.diagram03 dl:before,
.bts-platform-diagram.diagram05 dl:before{ left:auto; right:100%; margin-right:-3.5px; }
.bts-platform-diagram.diagram03 dl:after,
.bts-platform-diagram.diagram05 dl:after { left:auto; right:100%; }

.bts-section01-box + p { padding: 25px 0; background:#ddd; font-size:16px; word-break:keep-all; }

@media only screen and (max-width:1100px) { 
	.bts-section01-box + p { padding:25px 20px; }
}
@media only screen and (max-width:768px) { 
	.bts-section01-box + p { padding:20px; font-size:15px; }
}
@media only screen and (max-width:768px) { 
	.bts-section01-box + p { font-size:14px; }
}

.bts-section02 { overflow:hidden; margin-top:60px; width:100%; }
.bts-section02-box { float:left; margin-left:40px; width:calc(100% / 3 - 27px); }
.bts-section02-box:first-child { margin-left:0; }
.bts-section02-box h1 { background:#222c3e; font-weight:500; font-size:20px; line-height:60px; color:#fff; }
.bts-section02-box ul { padding:25px 30px 0; height:175px; border:1px solid #dbdbdb; border-top:0 none; text-align:left; }
.bts-section02-box ul li { position:relative; margin:6px 0; padding-left:12px; font-size:16px; line-height:24px; color:#555; word-break:keep-all; }
.bts-section02-box ul li:before { content:''; position:absolute; top:12px; left:0; width:3px; height:3px; border-radius:50%; background:#0871b9; }

@media only screen and (max-width:768px) { 
	.bts-section02 { margin-top:40px; }
	.bts-section02-box { margin-left:20px; width:calc(100% / 3 - 14px); }
	.bts-section02-box ul { padding:20px 20px 0; height:131px; }
}
@media only screen and (max-width:640px) { 
	.bts-section02 { margin-top:30px; }
	.bts-section02-box h1 { font-size:17px; line-height:50px; }
	.bts-section02-box ul { padding:10px 15px 0; height:167px; }
	.bts-section02-box ul li { font-size:14px; line-height:20px; }
}
@media only screen and (max-width:480px) { 
	.bts-section02-box h1 { font-size:16px; line-height:45px; }
	.bts-section02-box { margin-left:0; margin-bottom:20px; width:100%; }
	.bts-section02-box:last-child { margin-bottom:0; }
	.bts-section02-box ul { padding:10px 15px; height:auto; }
}

.bts-section03 { margin-top:40px; width:100%; border:1px solid #dbdbdb; }
.bts-section03 ul { padding:60px 30px 58px; font-size:0; }
.bts-section03 ul li { display:inline-block; width:25%; font-size:16px; line-height:24px; color:#555; vertical-align:top; }
.bts-section03 ul li span { display:block; margin:0 auto 20px; padding-top:61px; width:180px; height:180px; border-radius:50%; background:#e8eef2; }

@media only screen and (max-width:950px) { 
	.bts-section03 ul { padding:40px 25px 38px; }
	.bts-section03 ul li span { padding-top:55px; width:160px; height:160px; }
}
@media only screen and (max-width:768px) { 
	.bts-section03 ul { padding:40px 10px 35px; }
	.bts-section03 ul li { font-size:15px; line-height:22px; }
	.bts-section03 ul li span { padding-top:48px; width:135px; height:135px; }
	.bts-section03 ul li span img { height:45px; }
}
@media only screen and (max-width:640px) { 
	.bts-section03 { margin-top:20px; }
	.bts-section03 ul { padding:30px 5px; }
	.bts-section03 ul li { margin-bottom:30px; width:50%; font-size:14px; line-height:18px; }
	.bts-section03 ul li:nth-child(3) ,
	.bts-section03 ul li:nth-child(4) { margin-bottom:0; }
	.bts-section03 ul li span { margin-bottom:15px; padding-top:43px; width:120px; height:120px; }
	.bts-section03 ul li span img { height:40px; }
}



/* ==============================================
																					다운로드
============================================== */
/* 다운로드 센터
------------------------------------------------------ */
.download-wrap { margin-top:60px; width:100%; border-top:2px solid #222c3e; }
.download-list { width:100%; border-bottom:1px solid #d3d5d8; font-size:0; }
.download-list .img-wrap,
.download-list .text-wrap { display:inline-block; width:50%; vertical-align:bottom; }
.download-list .text-wrap { padding:65px 0 0 55px; height:450px; vertical-align:top; }
.download-list .text-wrap h1 { margin-bottom:13px; font-weight:500; font-size:36px; color:#333; }
.download-list .text-wrap p { font-weight:300; font-size:18px; line-height:26px; color:#555; }
.download-list .text-wrap ul { margin-top:25px; }
.download-list .text-wrap ul li { display:inline-block; margin:20px 20px 0 0; vertical-align:top; }
.download-list .text-wrap ul li img { border:1px solid #ddd;  }
.download-list .text-wrap ul li span { display:block; margin-top:5px; font-size:14px; line-height:1; text-align:right; }
.download-list .img-wrap { text-align:center; }
.download-list .img-wrap img { max-width:100%; }

/* 매뉴얼
------------------------------------------------------ */
.manual-wrap { margin-top:50px; width:100%; }
.manual-wrap:first-of-type { margin-top:0; }
.manual-wrap h1 { font-weight:400; font-size:26px; line-height:1.4; color:#222c3e; }
.manual-wrap h1 + p { margin:3px 0 20px; font-size:17px; line-height:1.4; color:#555; word-break:keep-all; }
.manual-box { padding:30px; width:100%; border-top:2px solid #222c3e; background:#f2f2f2; text-align:center; }
.manual-box ul { overflow:hidden; text-align:left; }
.manual-box ul li { float:left; position:relative; display:table; margin:10px; padding:0 180px 0 20px; width:calc(50% - 20px); height:60px; border:1px solid #dadada; background:#fff; }
.manual-box ul li span { display:table-cell; font-size:16px; line-height:1.2; vertical-align:middle; word-break:keep-all; }
.manual-box ul li a { position:absolute; top:-1px; right:-1px; width:180px; height:calc(100% + 2px); background:#222c3e; line-height:60px; color:#fff; text-align:center; transition:.3s; }
.manual-box ul li:hover a { background:#0871b9; }
.manual-box ul li a:after { content:''; display:inline-block; margin-left:10px; width:13px; height:11px; background:url('../images/sub/board/icon_download.png') no-repeat right center; vertical-align:middle; }

@media only screen and (max-width:768px) { 
	.manual-box { padding:30px 0 20px; }
	.manual-box ul li { margin:0 0 20px; width:100%; }
}
@media only screen and (max-width:640px) { 
	.manual-wrap { margin-top:30px; }
	.manual-wrap h1 { font-size:22px; }
	.manual-wrap h1 + p { font-size:15px; }
	.manual-box { padding:20px 20px 10px; }
	.manual-box ul li { margin-bottom:10px; padding:0 130px 0 10px; height:50px; }
	.manual-box ul li a { width:120px; font-size:12px; line-height:50px; letter-spacing:0; }
	.manual-box ul li a:after { margin-left:7px; }
	.manual-box ul li span { font-size:14px; }
}


/* ==============================================
																					게시판
============================================== */
/* 검색 */
.board-search-wrap { position:relative; margin:0 auto 42px; width:700px; font-size:0; }
.board-search-wrap select { display:inline-block; padding:0 0 0 20px; width:180px; height:55px; border:1px solid #dadada; background:url('../images/sub/board/search_select_arrow.png') no-repeat right center; font-weight:400; font-size:18px; line-height:100%; color:#333; vertical-align:top; }
.board-search-wrap input { display:inline-block; padding:0 62px 0 20px; width:calc(100% - 180px); height:55px; border:1px solid #dadada; border-left:0 none; font-size:18px; line-height:100%; vertical-align:top;  }
.board-search-wrap button { position:absolute; top:0; right:0; width:62px; height:55px; background:url('../images/sub/board/search_icon.png') no-repeat center center; font-size:0; }

/* total  */
.board-total { font-weight:400; font-size:15px; line-height:1; color:#555; letter-spacing:0; }
.board-total strong { font-weight:500; font-size:18px; line-height:1; color:#0871b9; }

/* 페이징 */
.paging { margin-top:50px; width:100%; font-size:0; text-align:center; }
.paging .paiging-num { display:inline-block; margin:0 20px; vertical-align:top; }
.paging .paiging-num li { display:inline-block; margin-right:-1px; vertical-align:top; }
.paging .paiging-num li a { display:block; width:40px; height:40px; border:1px solid #e3e3e3; font-weight:400; font-size:15px; line-height:38px; color:#777; }
.paging .paging-first ,
.paging .paging-prev ,
.paging .paging-next ,
.paging .paging-last { display:inline-block; margin-right:-1px; width:40px; height:40px; vertical-align:top; }
.paging .paging-first a ,
.paging .paging-prev a  ,
.paging .paging-next a ,
.paging .paging-last  a { display:block; width:100%; height:100%; border:1px solid #e3e3e3; font-size:0; }
.paging .paging-first a:before ,
.paging .paging-prev a:before  ,
.paging .paging-next a:before ,
.paging .paging-last  a:before { font-size:20px; line-height:38px; font-family:'FontAwesome'; color:#b7bac0; }
.paging .paging-first a:before { content:'\f100'; }
.paging .paging-prev a:before { content:'\f104'; }
.paging .paging-next a:before { content:'\f105'; }
.paging .paging-last  a:before { content:'\f101'; }

.paging ol li a { transition:.3s; }
.paging .paiging-num li.on a,
.paging > ol ol > li:hover a,
.paging .paging-first a:hover,
.paging .paging-prev a:hover,
.paging .paging-next a:hover,
.paging .paging-last a:hover { border-color:#222c3e; background:#222c3e; color:#fff; }


/* 게시판 리스트
------------------------------------------------------ */
.board-list-default { margin-top:14px; width:100%; table-layout:fixed; border-top:1px solid #222c3e; text-align:center; }
.board-list-default thead { width:100%; } 
.board-list-default thead th { background:#f2f2f2; }
.board-list-default tbody tr { border-bottom:1px solid #dadada; }
.board-list-default tbody tr:hover { background:#f9f9f9; }
.board-list-default th,
.board-list-default td { padding:8px 10px 7px; height:55px; font-weight:400; font-size:15px; line-height:1.3; vertical-align:middle; }
.board-list-default .board-subject { text-align:left; }
.board-list-default .board-subject  a { font-weight:400; transition:.3s; }
.board-list-default .board-subject  a:hover { text-decoration:underline; color:#0871b9; }
.board-list-default .list-notice { padding:1px 13px 2px; border:1px solid #0871b9; font-size:14px; color:#0871b9; }

/* 게시판 보기
------------------------------------------------------ */
.board-view { width:100%; border-top:1px solid #222c3e; border-bottom:1px solid #dadada; }
.board-view thead th { padding:16px 30px 15px; background:#f2f2f2; font-weight:400; font-size:20px; line-height:1.4; color:#111; }
.board-view thead th .blog-title { margin-right:5px; padding:2px 6px; border:1px solid #31cb51; background:#fff; font-size:14px; line-height:1; color:#0da42d; text-transform:uppercase; }
.board-view thead th .event-title { margin-right:5px; padding:2px 6px; border:1px solid #37b0e3; background:#fff; font-size:14px; line-height:1; color:#0e91c8; text-transform:uppercase; }
.board-view thead td { padding:15px 30px 14px; border-bottom:1px solid #dadada; text-align:right; }
.board-view thead td ul { font-size:0; }
.board-view thead td ul li { position:relative; display:inline-block; padding:0 15px; font-weight:400; font-size:15px; line-height:1.4; vertical-align:top; letter-spacing:0; }
.board-view thead td ul li:last-child { padding-right:0; }
.board-view thead td ul li:after { content:''; position:absolute; top:50%; right:0; margin-top:-6px; width:1px; height:12px; background:#dadada; }
.board-view thead td ul li:last-child:after { display:none; }
.board-view thead td ul .event-date { float:left; }
.board-view thead td ul .event-date:after { display:none; }
.board-view .board-view-conts td { padding:22px 0; height:300px; border-bottom:1px solid #dadada; font-size:16px; line-height:1.4; }
.board-view .board-view-conts img { max-width:1100px; }
.board-view .board-view-file td { padding:12px 30px; }
.board-view .board-view-file td p { padding:3px 0; }
.board-view .board-view-file td img { display:inline-block; margin-right:3px; vertical-align:middle; }
.board-view .board-view-file td a { display:inline-block; font-weight:400; font-size:14px; line-height:1.3; color:#0871b9; }
.board-view .board-view-file td a:hover { text-decoration:underline; }
.board-view-list { margin-top:30px; text-align:right; }
.board-view-list a { display:inline-block; width:120px; border:1px solid #a7abb2; font-weight:400; line-height:43px; color:#555; text-align:center; transition:.3s; }
.board-view-list a:hover { background:#a7abb2; color:#fff; }

.board-view.blog-view thead td ul { float:left; width:50%; }
.board-view.blog-view thead td ul:first-child { text-align:left; }
.board-view.blog-view thead td ul:first-child li { padding-left:0; }

/* 답변 */
.reply-view { margin-top:30px; width:100%; border-top:2px solid #222c3e; border-bottom:1px solid #dadada; }
.reply-view thead th { padding:18px 39px 19px; background:#e8e9eb; font-weight:500; font-size:16px; line-height:1.3; color:#333; text-align:left; }
.reply-view tbody td { padding:20px 30px; font-weight:400; font-size:15px; line-height:22px; color:#555; }

.board-view-member-btn { float:left; margin-top:30px; font-size:0; }
.board-view-member-btn a { display:inline-block; margin-right:10px; width:120px; border:1px solid #a7abb2; background:#f9f9f9; font-weight:400; font-size:15px; line-height:43px; color:#555; text-align:center; transition:.3s; }
.board-view-member-btn a:hover { background:#a7abb2; color:#fff; }


/* 블로그 리스트
------------------------------------------------------ */
/* 카테고리 */
.board-category-wrap { margin-bottom:43px; width:100%; text-align:center; }
.board-category-wrap li { display:inline-block; margin:7.5px; vertical-align:top; }
.board-category-wrap li a { display:block; width:109px; border-radius:23px; background:#f2f2f2; font-size:18px; line-height:45px; color:#111; }
.board-category-wrap li.on a { background:#222c3e; font-weight:400; color:#fff; }

/* 리스트 */
.board-blog-list { margin-bottom:-25px; width:100%; font-size:0; }
.board-blog-list li { display:inline-block; margin-left:25px; margin-bottom:25px; width:350px; vertical-align:top; }
.board-blog-list li:nth-child(3n+1) { margin-left:0; }
.board-blog-list li a { display:block; }
.board-blog-list li .thumb-wrap { overflow:hidden; width:100%; height:250px; background:#000; }
.board-blog-list li .thumb-wrap img { width:100%; }
.board-blog-list .event-end .thumb-wrap img { opacity:0.5; }
.board-blog-list li .text-wrap { padding:25px; min-height:206px; border:1px solid #dadada; border-top:0 none; }
.board-blog-list li .inner-cate { font-size:0; }
.board-blog-list li .inner-cate span { display:inline-block; font-size:12px; color:#555; vertical-align:middle; letter-spacing:0.5px; }
.board-blog-list li .inner-cate .event-title,
.board-blog-list li .inner-cate .blog-title { margin-right:14px; width:58px; line-height:22px; text-align:center; text-transform:uppercase; }
.board-blog-list li .inner-cate .event-title { border:1px solid #37b0e3; color:#0e91c8; }
.board-blog-list li .inner-cate .blog-title { border:1px solid #31cb51; color:#0da42d; }
.board-blog-list .event-end .inner-cate .event-title { border-color:#ccc; color:#999; }
.board-blog-list li .text-wrap h1 { overflow:hidden; display:-webkit-box; margin:15px 0 20px; max-height:56px; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-weight:400; font-size:22px; line-height:1.3; color:#111; text-overflow:ellipsis; }
.board-blog-list li .text-wrap .blog-conts { overflow:hidden; display:-webkit-box; max-height:40px; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:16px; line-height:1.3; text-overflow:ellipsis; }


/* 자주하는질문
------------------------------------------------------ */
.faq-board { margin-top:14px; width:100%; border-top:2px solid #222c3e; }
.faq-board > section { position:relative; padding:18px 40px 16px 70px; border-bottom:1px solid #dadada; font-size:16px; line-height:1.3; color:#333; }

.faq-board .q-wrap { cursor:pointer; }
.faq-board .q-wrap .title ,
.faq-board .a-wrap .title { position:absolute; top:13px; left:20px; display:inline-block; width:30px; height:30px; border-radius:50%; background:#0871b9; font-weight:500; font-size:16px; line-height:27px; text-align:center; color:#fff; }
.faq-board .a-wrap .title { background:#bdbdbd; }
.faq-board .q-wrap span,
.faq-board .q-wrap a { display:inline-block; line-height:1; vertical-align:top; }
.faq-board .q-wrap span { margin-right:7px; color:#0871b9; }
.faq-board .q-wrap:before { content:'\f107'; position:absolute; top:0; right:20px; font-size:24px; line-height:55px; font-family:'FontAwesome'; color:#999; }
.faq-board .q-wrap.on:before { content:'\f106'; }
.faq-board .a-wrap { display:none; background:#f2f2f2; }
.faq-board .a-wrap strong,
.faq-board .a-wrap b { font-weight:500; }
.faq-board .a-wrap p img { max-width:100%; }

.faq-board .faq-no-data { padding:0; line-height:55px; text-align:center; }


/* 상담신청
------------------------------------------------------ */
#the_iframe { width:100%; min-height:800px; }
.inquiry-select { margin-bottom:40px; text-align:center; }
.inquiry-select input[type="radio"] + label { display:inline-block; margin:7.5px; width:109px; border-radius:23px; background:#f2f2f2; font-size:18px; line-height:45px; color:#111; vertical-align:top; }
.inquiry-select input[type="radio"]:checked + label { background:#222c3e; font-weight:400; color:#fff; }
.inquiry-select input[type="radio"] + label:before { display:none; }

.board-write { margin-bottom:30px; width:100%; border-top:2px solid #222c3e; text-align:left; table-layout:fixed; }
.board-write caption { margin-bottom:12px; font-weight:500; font-size:18px; line-height:1; color:#222c3e; text-align:left; }
.board-write caption label { display:inline-block; font-weight:300; }
.board-write caption input[type="checkbox"]:first-child  + label { margin-left:30px; }
.board-write tbody tr { border-bottom:1px solid #dadada; }
.board-write th, .board-write td { padding:8px 22px; height:52px; vertical-align:middle; }
.board-write th { height:52px; font-weight:400; font-size:16px; line-height:1.4; color:#333; }
.board-write tbody th { border-bottom:1px solid #dadada; background:#f2f2f2; width:200px; }
.board-write.add-volume tbody th { width:auto; }
.board-write th.required:after { content:'*'; display:inline-block;  margin-left:5px; vertical-align:middle; font-size:20px; line-height:1; color:#ec6941; }
.board-write thead th { background:#f2f2f2; text-align:center; }
.board-write input[type="text"],
.board-write input[type="password"] ,
.board-write textarea { width:100%; border:1px solid #dadada; }
.board-write .input-style { max-width:250px; }
.board-write select,
.board-write input[type="text"],
.board-write input[type="password"] { padding:0 15px; height:35px; }
.board-write select { padding-right:50px; border:1px solid #dadada; }
.board-write select { min-width:250px; background:url('../images/sub/board/search_select_arrow.png') no-repeat right center; }
.board-write textarea { padding:15px; height:250px; }

.board-write .phone-wrap { font-size:0; }
.board-write .phone-wrap input,
.board-write .phone-wrap span { display:inline-block; vertical-align:top; }
.board-write .phone-wrap input { width:calc(33.333% - 10px); max-width:150px; }
.board-write .phone-wrap span { margin:0 5px; font-size:16px; line-height:35px; }
.board-write strong { font-weight:500; color:#ec6941; }
.board-write .b-font { position:relative; z-index:11; display:inline-block; padding:7px 10px 15px; font-weight:700; font-size:35px; color:#0000ff; }
.board-write .b-font:before { content: '★'; position:absolute; top:0px; right:-5px; font-size:20px; color:#ff00ff; }
.board-write .b-font:after { content:''; position:absolute; bottom:15px; left:0; z-index:-1; width:100%; height:15px; background:#00ffff; }

.board-write .email-wrap { font-size:0; }
.board-write .email-wrap input,
.board-write .email-wrap span { display:inline-block; vertical-align:top; }
.board-write .email-wrap input { width:calc(50% - 13px); max-width:230px; }
.board-write .email-wrap span { margin:0 5px; font-size:16px; line-height:35px; }
.board-write .email-wrap .point-color { margin:10px 0 5px 0; line-height:1; }

input[type="password"] + .point-color { display:block; line-height:1; }
input[type="password"] + .point-color span { margin:10px 0 5px 0;  }

/* 파일찾기 */
.board-write .file-area { font-size:0; }
.board-write .file-area input[type="file"]{display:none;}
.board-write .file-area input{width:300px;}
.file-area .btn_file{display:inline-block; width:90px; height:40px; box-sizing:border-box;  border:1px solid #d2d2d2; border-left:0 none; background:#f5f5f5; font-size:15px; line-height:38px; color:#555; text-align:center; vertical-align:top; cursor:pointer;}
.board-write .file-area p { margin-top:5px; font-size:14px; }

.agree-wrap { margin-bottom:40px; width:100%; }
.agree-wrap h1 { margin-bottom:15px; font-weight:500; font-size:20px; line-height:1; color:#222c3e; }
.agree-wrap h1 strong { font-weight:300; font-size:16px; color:#ec6941; }
.agree-wrap .agree-conts-wrap { overflow-x:hidden; padding:0 15px 15px; width:100%; height:180px; border:1px solid #ccc; font-size:14px; line-height:1.5; color:#999; }
.agree-wrap .agree-check { margin-top:20px; text-align:center; }
.btn-confirm { margin-top:55px; text-align:center; }
.btn-confirm a { display:block; margin:0 auto; width:280px; background:#0871b9; font-weight:400; font-size:20px; line-height:65px; color:#fff; }

.free-registration-form.registration { padding:0; width:100%; border:0 none; }
.free-registration-form.registration .agree-wrap { padding:0; }

/* text */
.board-write .form-info { margin-left:20px; font-size:14px !important; color:#888; letter-spacing:-0.5px; }
.board-write .form-info strong { font-weight:400; color:#ec6941; }

.find-info { margin-bottom:-20px; font-size:18px; text-align:center; }


/* 완료 */
.inquiry-finish { text-align:center; }
.inquiry-finish .inquiry-finish-title { font-weight:400; font-size:36px; line-height:1.4; color:#222c3e; }
.inquiry-finish .inquiry-finish-title strong { font-weight:700; color:#0871b9; }
.inquiry-finish .inquiry-finish-title:before { content:''; display:block; margin:0 auto 30px; width:160px; height:160px; border-radius:50%; background:#f2f2f2 url('../images/sub/board/inquiry_finish.png') no-repeat center center; }
.inquiry-finish .inquiry-finish-title + p { margin:40px 0 45px; font-size:18px; line-height:1.4; color:#666; word-break:keep-all; }
.inquiry-finish .btn-confirm { display:block; margin:0 auto; width:240px; background:#0871b9; font-weight:400; font-size:20px; line-height:65px; color:#fff; text-align:center; }
.customer-info { margin:80px auto 0; padding:35px 0; width:650px; border-top:2px solid #222c3e; background:#f2f2f2; }
.customer-info h1 { margin-bottom:30px; font-weight:400; font-size:24px; line-height:1; color:#222c3e; }
.customer-info dl { position:relative; display:inline-block; padding:0 20px; vertical-align:middle; font-size:0; }
.customer-info dl:before { content:''; position:absolute; top:50%; left:0; margin-top:-7px; width:1px; height:14px; background:#dadada; }
.customer-info dl:first-of-type:before { display:none; }
.customer-info dt,
.customer-info dd { display:inline-block; font-size:18px; line-height:1.4; color:#222c3e; vertical-align:middle; letter-spacing:0; }
.customer-info dt { margin-right:5px; font-weight:400; }


/* 온라인 견적
------------------------------------------------------ */
.add-wrap input[type="text"] { width:100px; }
.add-wrap input[type="text"] + span { margin: 0 5px; }
.info-pop { position:relative; }
.info-pop-wrap { display:none; position:absolute; top:30px; left:0; z-index:777; padding:25px 40px 30px; width:100%; border:1px solid #222c3e; background:#fff; }
.info-pop-wrap h3 { margin-bottom:22px; width:100%; font-weight:400; font-size:24px; line-height:1; color:#0871b9; text-align:center; }
.info-pop .service-info:hover:before { display:none; }

.pop-table-style { width:100%; border-top:2px solid #222c3e; table-layout:fixed; }
.pop-table-style thead { background:#f2f2f2; }
.pop-table-style th,
.pop-table-style td { padding:9px 13px; border:1px solid #dadada; font-weight:400; font-size:15px; line-height:1.5; color:#333; text-align:center; vertical-align:middle; }
.pop-table-style thead th { font-weight:400; }
.pop-table-style strong { display:block; font-weight:400; font-size:16px; color:#0871b9; }
.pop-table-style td ul { width:100%; text-align:left; }
.pop-table-style td ul li { padding:2px 0 2px 2px; text-indent:-2px; }
.pop-table-style td ul li span { display:inline-block; width:140px; }
.pop-table-style td ul em { font-style:normal; font-weight:400; color:#0871b9; }
.pop-table-style tbody td > span { display:block; color:#ec6941; text-align:right; }

.info-pop-close { display:block; margin:30px auto 0; width:180px; border:1px solid #0871b9; font-weight:400; font-size:16px; line-height:43px; color:#0871b9; text-align:center; transition:.3s; }
.info-pop-close:hover { background:#0871b9; color:#fff; }

.pop-table-style + p { margin-top:10px; font-weight:400; font-size:14px; color:#ec6941; }

/* 완료 */
.estimate-completed-inner { position:relative; padding:50px 40px 40px; width:100%; border:1px solid #222c3e; }
.g2works-logo { position:absolute; top:56px; left:40px; }
.estimate-completed-inner > h1 { padding-left:20px; padding-bottom:20px; border-bottom:1px solid #dadada; font-weight:500; font-size:36px; line-height:1; color:#222c3e; letter-spacing:25px; text-align:center; }
.estimate-form { margin-top:30px; width:100%; border-top:3px solid #222c3e; table-layout:fixed; }
.estimate-form th,
.estimate-form td { border:1px solid #dadada; height:45px; font-size:14px; text-align:center; vertical-align:middle; word-break:keep-all; }
.estimate-form th { font-weight:500; background:#f2f2f2; color:#333; }
.estimate-form.row td { padding:0 20px; text-align:left; }
.estimate-form td strong { font-weight:700; font-size:18px; color:#0871b9; }
.estimate-form .align-right { padding-right:15px; font-weight:500; color:#333; text-align:right; }
.estimate-form tfoot th,
.estimate-form tfoot td { background:#e6f1f8; font-size:16px; color:#333; }
.estimate-form tfoot td strong { display:block; padding-right:15px; font-weight:700; font-size:20px; color:#ec6941; text-align:right; }

.estimate-form-info { margin:30px 0 -20px; text-align:right; font-size:13px; }

.estimate-btn-wrap { position:relative; left:-5px; display:table; margin:50px 0 0; width:calc(100% + 10px); table-layout:fixed; }
.estimate-btn-wrap li { display:table-cell; padding:0 5px; vertical-align:middle; }
.estimate-btn-wrap li a { display:block; padding:15px 0; width:100%; border:1px solid #d3d5d8; background:#f2f2f2; line-height:26px; text-align:center; vertical-align:middle; transition:.3s; }
.estimate-btn-wrap li a img { display:inline-block; margin-right:13px; vertical-align:text-bottom; }
.estimate-btn-wrap li:hover a { background:#d3d5d8; }

	/* 도장 */
.stamp-wrap { margin-top:40px; text-align:center; font-size:0; }
.stamp-wrap p span { display:inline-block; font-size:18px; line-height:1.5; color:#333; vertical-align:middle; }
.stamp-wrap p .stamp { margin:0 -70px 0 20px; }
.stamp-wrap p span img { width:90px; }


/* 서비스신청
------------------------------------------------------ */
.customer-info-header { margin:70px 0 40px; padding:16px 0 15px; width:100%; background:#f2f2f2; text-align:center; }
.customer-info-header dl { color:#222c3e; font-size:0; }
.customer-info-header dt,
.customer-info-header dd { display:inline-block; vertical-align:middle; }
.customer-info-header dt { font-weight:500; font-size:16px; }
.customer-info-header dd { position:relative; padding:0 20px; font-weight:400; font-size:18px; letter-spacing:0; }
.customer-info-header dd:first-of-type { font-size:20px; }
.customer-info-header dd img { display:inline-block; margin-right:8px; vertical-align:inherit; }
.customer-info-header dd:first-of-type img { margin-top:-3px; }
.customer-info-header dd:last-of-type:before { content:''; position:absolute; top:50%; left:0; margin-top:-7px; width:1px; height:14px; background:#8a8f98; }

.service-info-wrap { position:relative; display:inline-block; text-align:left; }
.service-info { position:relative; top:-2px; display:inline-block; margin-left:5px; width:16px; height:16px; border-radius:50%; background:#90959e; font-size:9px; line-height:16px; color:#fff; text-align:center; letter-spacing:0; cursor:pointer; }
.service-info:before { content:''; position:absolute; top:100%; left:50%; margin-left:-3px; display:none; width:0; height:0; border-style:solid; border-color:transparent transparent #222c3e transparent; border-width:6px; }
.service-info-hover { display:none; position:absolute; top:31px; left:-29px; z-index:55; padding:15px 30px 15px 20px; border-radius:3px; background:#222c3e; white-space:nowrap; transition:.3s; }
.service-info-hover dt,
.service-info-hover dd { color:#fff; letter-spacing:0; }
.service-info-hover dt { margin-bottom:5px; font-weight:400; font-size:15px; }
.service-info-hover dd { padding:1px 0; font-weight:300; font-size:13px; }
.service-info:hover { background:#222c3e; }
.service-info:hover:before { display:inline-block; }
.service-info:hover + .service-info-hover { display:block; }

/* 사용기간 */
.board-write .radio-line-all.line2 input[type="radio"] + label { margin:3px 10px; min-width:185px; }
.board-write .radio-line-all.line2 input[type="radio"]:nth-of-type(4n+1) + label { margin-left:0; }

/* 상품추가 */
.board-write.add-volume tbody input[type="text"] { margin-right:3px; width:100px; }

/* 담당자기본정보 */
.board-write .radio-line-all.min-width-none input[type="radio"] + label { min-width:auto; }

/* 전체금액 */
.board-write.total-price th,
.board-write.total-price td { padding:8px 20px; height:50px; }
.board-write.total-price td { font-weight:400; color:#333; text-align:center; }
.board-write.total-price td:first-child { text-align:left; }
.board-write.total-price td:last-child { text-align:right; letter-spacing:0; }
.board-write.total-price .inner-total-price { display:inline-block; font-weight:400; }

.board-write.total-price tfoot { border:3px solid #222c3e; }
.board-write.total-price tfoot tr { border-bottom:0 none; }
.board-write.total-price tfoot td { height:auto; }
.board-write.total-price tfoot .service-price td { padding-top:15px; padding-bottom:5px; }
.board-write.total-price tfoot .addition-price td { padding-bottom:15px; padding-top:5px; }
.board-write.total-price tfoot tr:nth-last-child(2) td { padding-bottom:15px; padding-top:5px; }
.board-write.total-price tfoot .total-price { background:#222c3e; }
.board-write.total-price tfoot .total-price td { font-size:20px; color:#fff; }
.board-write.total-price tfoot .total-price td strong { font-weight:700; font-size:32px; color:#fff; }

.board-write.total-price tbody tr:last-child { border-bottom:0 none; }

.board-write .btn-more { display:inline-block; margin-left:15px; width:100px; background:#d3d5d8; font-weight:400; font-size:15px; line-height:35px; color:#222c3e; text-align:center; }
.board-write .btn-more.get {margin-left:30px; background:#222c3e; color:#fff;}

#master_id_message { display:block; }

.board-write .host-preview { letter-spacing:0; }
.board-write .host-preview p { display:inline-block; min-width:50px; }
.board-write .host-preview span { padding:0 10px; min-width:70px; border:0 none; font-weight:400; font-size:24px; color:#ec6941; }

.board-write .address-wrap td { font-size:0; }
.board-write .address-wrap td input { display:inline-block; font-size:16px; vertical-align:top; }
.board-write .address-wrap td input:first-child { width:calc(100% - 116px); }
.board-write .address-wrap td input:last-child { margin-top:10px; }

.form-btn-wrap { margin-top:55px; text-align:center; }
.form-btn-wrap li { display:inline-block; margin:0 10px;  vertical-align:top; }
.form-btn-wrap a { display:block; width:280px; border:1px solid #0871b9; font-weight:400; font-size:20px; line-height:65px; transition:.3s; }
.form-btn-wrap .btn-cancel { color:#0871b9; }
.form-btn-wrap .btn-ok { background:#0871b9; color:#fff; }
.form-btn-wrap li:hover a { border-color:#ec6941; background:#ec6941; color:#fff; }

/* 쿠폰등록 */
.period-wrap { position:relative; }
.period-wrap .coupon-pop { display:none; position:absolute; top:10px; left:50%; margin-left:-350px; width:700px; border:1px solid #d3d5d8; background:#fff; }
.period-wrap .coupon-pop h1 { padding:15px 20px; background:#222c3e; font-weight:400; font-size:18px; line-height:1; color:#fff; }
.period-wrap .coupon-pop section { padding:20px; font-size:0; }
.period-wrap .coupon-pop section input {  display:inline-block; padding:0 20px; width:calc(100% - 130px); height:40px; border:1px solid #dadada; font-size:16px; vertical-align:top; }
.period-wrap .coupon-pop section a { display:inline-block; margin-left:10px; width:120px; background:#d3d5d8; font-weight:400; font-size:16px; line-height:40px; color:#222c3e; text-align:center; vertical-align:top; }
#coupon_message { margin-top:10px; font-size:14px; color:#ec6941; }
.period-wrap .coupon-pop ul { margin-top:15px; }
.period-wrap .coupon-pop li { padding:2px 0 2px 7px; font-weight:400; font-size:14px; color:#222c3e; text-indent:-7px; }
.period-wrap .coupon-pop .coupon-pop-close { position:absolute; top:9px; right:9px; width:30px; height:30px; cursor:pointer; font-size:0; }
.period-wrap .coupon-pop .coupon-pop-close:before ,
.period-wrap .coupon-pop .coupon-pop-close:after { content:''; position:absolute; background:#fff; }
.period-wrap .coupon-pop .coupon-pop-close:before { top:14px; left:0; width:100%; height:1px; transform:rotate(45deg); }
.period-wrap .coupon-pop .coupon-pop-close:after { top:0; right:14px; width:1px; height:100%; transform:rotate(45deg); }

/* 제공서비스 */
.provided-service { margin-bottom:-13px; width:100%; font-size:0; }
.provided-service li { display:inline-block; margin-left:13px; margin-bottom:13px; padding:13px 0 10px; width:calc(100% / 7 - 12px); background:#f7f7f7; vertical-align:top; text-align:center; }
.provided-service li:nth-child(7n+1) { margin-left:0; }
.provided-service li img { height:45px; }
.provided-service li span { display:block; margin-top:5px; font-size:15px; }

.point-color { margin-left:10px;  font-size:14px !important; color:#ec6941 !important; }
strong.point-color { font-weight:500; }

.add-volume .point-color { display:inline-block;}

#additional_option th ,
.board-write.total-price tbody th { background:#fff; }


/* -------- 완료 -------- */
.completed-wrap { width:100%; text-align:center; }
.completed-wrap > h1 { margin-bottom:40px; font-weight:400; font-size:36px; line-height:1.2; color:#222c3e; }
.completed-wrap > h1:before { content:'\f00c'; display:block; margin:0 auto 30px; width:100px; height:100px; border-radius:50%; background:#f2f2f2; font-family:'fontawesome'; font-size:42px; line-height:100px; color:#0871b9; }
.completed-wrap > h1 strong { font-weight:700; color:#0871b9; }

.completed-wrap > h1.no-icon { margin-top:70px; }

.completed-wrap p { font-size:18px; line-height:24px; }
.completed-wrap p strong { font-weight:500; color:#ec6941; }
.completed-wrap p .url-mypage { font-weight:500; color:#333; }
.completed-wrap p .url-domain { font-weight:500; color:#ec6941; text-decoration:underline; }

.completed-wrap table { margin:0 auto; width:650px; }

.completed-customer-info { margin:70px auto 0; padding:38px 0 40px; width:650px; height:150px; border-top:2px solid #222c3e; background:#f2f2f2; }
.completed-customer-info h1 { margin-bottom:20px; font-weight:400; font-size:24px; line-height:1; color:#222c3e; }
.completed-customer-info dl { font-size:0; }
.completed-customer-info dt,
.completed-customer-info dd { display:inline-block; padding:0 3px; vertical-align:top; font-size:18px; color:#222c3e; }
.completed-customer-info dt { font-weight:400; }
.completed-customer-info dd:nth-of-type(1) { position:relative; padding-right:40px; }
.completed-customer-info dd:nth-of-type(1):before { content:''; position:absolute; top:50%; left:calc(100% - 20px); display:block; margin-top:-7px; width:1px; height:14px; background:#dadada; }

.completed-wrap .form-table-bg { margin:0 auto; width:800px; }


/* ==============================================
																					교육신청
============================================== */
/* 교육신청안내
------------------------------------------------------ */
.education-wrap { margin-top:70px; width:100%; text-align:center; }
.sub-tit-wrap { margin:0 auto; padding:32px 0; width:1100px; background:#f2f2f2; font-size:18px; line-height:28px; color:#222c3e; text-align:center; }

.calendar-wrap { display:block; margin:60px auto 90px; width:1100px; }

.curriculum-wrap { position:relative; padding:85px 0 90px; background:#f2f2f2; }
.curriculum-inner { overflow:hidden; margin:50px auto 0; width:1100px; }
.curriculum-box { width:100%; text-align:center; }
.curriculum-box h1 { background:#222c3e; font-weight:400; font-size:24px; line-height:60px; color:#fff; }
.curriculum-box ul { padding:50px 45px; border:1px solid #dadada; border-top:0 none; background:#fff; font-size:0; }
.curriculum-box ul li { display:inline-block; width:calc(100% / 5); vertical-align:top; }
.curriculum-box ul li .icon-wrap { display:block; margin:0 auto 23px; width:150px; height:150px; border-radius:50%; background:#e8edf2; }
.curriculum-box ul li:nth-child(1) .icon-wrap { background:#e8edf2 url('/images/sub/education/curriculum_icon01.png') no-repeat center center; }
.curriculum-box ul li:nth-child(2) .icon-wrap { background:#e8edf2 url('/images/sub/education/curriculum_icon02.png') no-repeat center center; }
.curriculum-box ul li:nth-child(3) .icon-wrap { background:#e8edf2 url('/images/sub/education/curriculum_icon03.png') no-repeat center center; }
.curriculum-box ul li:nth-child(4) .icon-wrap { background:#e8edf2 url('/images/sub/education/curriculum_icon04.png') no-repeat center center; }
.curriculum-box ul li:nth-child(5) .icon-wrap { background:#e8edf2 url('/images/sub/education/curriculum_icon05.png') no-repeat center center; }
.curriculum-box ul li .text-wrap { font-weight:500; font-size:20px; line-height:1; color:#222c3e; }
.curriculum-box ul li .text-wrap span { display:block; margin-top:10px; margin-bottom:-3px; font-weight:400; font-size:16px; line-height:22px; color:#555; }

.education-location { margin:0 auto; padding:85px 0 150px; width:1100px; }
.root_daum_roughmap_landing { margin-top:50px !important; }
.education-location dl { overflow:hidden; position:relative; padding-left:72px; width:100%; height:80px; border-bottom:1px solid #dadada; text-align:left; }
.education-location dl:before { content:''; position:absolute; top:50%; left:30px; margin-top:-13px; width:22px; height:26px; }
.education-location dl:nth-of-type(1):before { background:url('/images/sub/education/education_icon01.png') no-repeat center center; }
.education-location dl:nth-of-type(2):before { background:url('/images/sub/education/education_icon02.png') no-repeat center center; }
.education-location dl:nth-of-type(3):before { background:url('/images/sub/education/education_icon03.png') no-repeat center center; }
.education-location dl dt,
.education-location dl dd { float:left; line-height:79px; }
.education-location dl dt { width:118px; font-size:17px; color:#333; }
.education-location dl dd { width:calc(100% - 118px); font-size:18px; color:#555; }


/* 교육신청
------------------------------------------------------ */
.education-registration-header { margin:70px 0 -30px; font-size:20px; color:#0871b9; text-align:center; }
.education-info { margin-top:-20px; padding:0 50px 40px; }
.education-info dl { overflow:hidden; position:relative; height:70px; border-bottom:1px solid #dadada; }
.education-info dl:last-of-type { border-bottom:0 none; }
.education-info dl:before { content:''; position:absolute; top:50%; left:25px; margin-top:-13px; width:24px; height:26px; }
.education-info dl:nth-of-type(1):before { background:url('/images/sub/education/education_info_icon01.png') no-repeat center center; }
.education-info dl:nth-of-type(2):before { background:url('/images/sub/education/education_info_icon02.png') no-repeat center center; }
.education-info dl:nth-of-type(3):before { background:url('/images/sub/education/education_info_icon03.png') no-repeat center center; }
.education-info dt,
.education-info dd { float:left; font-size:18px; line-height:69px; }
.education-info dt { padding-left:56px; width:160px; color:#0871b9; }
.education-info dd { width:calc(100% - 160px); }
.education-info dd a { display:inline-block; margin-left:20px; width:90px; background:#d3d5d8; font-size:13px; line-height:30px; color:#222c3e; text-align:center; }
.education-info .point-color { margin-left:30px; font-size:15px !important; }

.registration-curriculum { margin-bottom:60px; }

/* form */
.education-registration .add-wrap input[type="text"] { margin-right:5px; text-align:right; }
.form-info-txt1 { margin-left:35px !important; }
.form-info-txt1 strong { font-weight:400; color:#0871b9; }
.board-write .input-style1 { max-width:345px; }
.education-registration .agree-wrap .agree-conts-wrap { padding-top:15px; }
.education-registration .agree-wrap + ul { line-height:24px;color:#ec6941; }

.more-g2works { position:relative; margin:50px auto 0; width:430px; }
.more-g2works img { width:100%; }
.more-g2works a { position:absolute; top:105px; left:96px; width:230px; height:40px; background:rgba(53,53,53,.8); font-weight:300; font-size:15px; line-height:40px; color:#fff;; }
.more-g2works a:after { content:'\f054'; margin-left:5px; font-family:'fontawesome'; font-size:13px; }


/* -------- 아카데미 -------- */
.academy_header { margin:70px 0 -20px; line-height:0; }


/* ==============================================
																					마이페이지
============================================== */
/* 서비스관리
------------------------------------------------------ */
/* 메인 */

.my-service-wrap { width:100%; }
.my-service-header { position:relative; width:100%; height:130px; border:3px solid #222c3e; text-align:center; }
.my-service-header .domain { padding:12px 15px 14px; background:#222c3e; font-size:18px; color:#fff; }
.my-service-header .domain strong { display:inline-block; margin-left:5px; font-weight:500; font-size:24px; letter-spacing:0; vertical-align:baseline; }
.my-service-header .domain a { position:absolute; top:14px; right:15px; display:block; width:127px; background:#fff; font-weight:400; font-size:13px; line-height:30px; color:#222c3e; }
.my-service-header .date { font-size:18px; line-height:62px; color:#222c3e; }
.my-service-header .date strong { font-weight:500; color:#ec6941; }

.my-service-info { overflow:hidden; margin-top:10px; }
.my-service-info > section { position:relative; float:left; margin-left:10px; padding:20px; width:360px; height:165px; border:1px solid #dadada; border-top:2px solid #222c3e; }
.my-service-info > section:first-of-type { margin-left:0; }
.my-service-info > section > h1 { position:relative; top:-20px; left:-20px; margin-bottom:-10px; padding-left:20px; width:calc(100% + 40px); background:#f0f7fb; font-weight:500; font-size:18px; line-height:45px; color:#333; }
.my-service-info .more-btn { position:absolute; top:13px; right:14px; width:19px; height:19px; border:1px solid #222c3e; font-size:0; }
.my-service-info .more-btn:before,
.my-service-info .more-btn:after{ content:''; position:absolute; background:#222c3e; }
.my-service-info .more-btn:before { top:3px; left:8px; width:1px; height:11px; }
.my-service-info .more-btn:after { top:8px; left:3px; width:11px; height:1px; }
.my-service-info .admin-info {  }
.my-service-info .admin-info dl { overflow:hidden; margin-top:3px; }
.my-service-info .admin-info dt,
.my-service-info .admin-info dd { float:left; font-size:15px; line-height:30px; }
.my-service-info .admin-info dt { position:relative; clear:both; padding-left:10px; width:100px; }
.my-service-info .admin-info dt:before { content:''; position:absolute; top:50%; left:0; margin-top:-1.5px; width:3px; height:3px; border-radius:50%; background:#0871b9; }
.my-service-info .admin-info dd { width:clac(100% - 100px); }
.my-service-info .my-qna {  }
.my-service-info .my-qna ul {  }
.my-service-info .my-qna ul li { overflow:hidden; }
.my-service-info .my-qna ul li a,
.my-service-info .my-qna ul li span { font-size:14px; line-height:24px; }
.my-service-info .my-qna ul li a { position:relative; float:left; overflow:hidden; display:block; padding-left:10px; max-width:260px; text-overflow:ellipsis; white-space:nowrap; }
.my-service-info .my-qna ul li a:before { content:''; position:absolute; top:50%; left:0; margin-top:-1.5px; width:3px; height:3px; border-radius:50%; background:#0871b9; }
.my-service-info .my-qna ul li span { float:right; }
.my-service-info .my-qna ul li span.completed { color:#ec6941; }
.my-service-info .service-registration ul { overflow:hidden; }
.my-service-info .service-registration ul li { float:left; margin-left:9px; width:100px; font-weight:400; font-size:13px; line-height:1; color:#333; text-align:center; }
.my-service-info .service-registration ul li:first-of-type { margin-left:0; }
.my-service-info .service-registration ul li span { display:block; margin-bottom:10px; padding-top:24px; width:100%; height:100px; background:#e6f1f8; }

/* -------- table -------- */
.form-table-bg { width:100%; border-top:2px solid #222c3e; table-layout:fixed; }
.form-table-bg caption { margin-top:40px; margin-bottom:15px; font-weight:500; font-size:20px; line-height:1; color:#222c3e; text-align:left; }

.form-table-bg caption ul { float:right; overflow:hidden; margin-bottom:-7px; }
.form-table-bg caption ul li { float:left; margin-left:5px; width:127px; text-align:center; }
.form-table-bg caption ul li a { display:block; width:100%; font-weight:400; font-size:13px; line-height:30px; }
.form-table-bg caption ul .blue-btn a { background:#0871b9; color:#fff; }
.form-table-bg caption ul .gray-btn a { background:#d3d5d8; color:#222c3e; }

.form-table-bg th,
.form-table-bg td { padding:13px 0 14px; border-bottom:1px solid #dadada; font-size:16px; line-height:1.4; color:#666; vertical-align:middle; text-align:center; }
.form-table-bg th { background:#f2f2f2; color:#333; }
.form-table-bg strong { font-weight:500; color:#0871b9; }

.form-table-bg.no-caption { margin-top:20px; }
.form-table-bg.left th,
.form-table-bg.left td { padding-left:20px; text-align:left; }

.form-table-bg td { position:relative; }
.form-table-bg .btn-more { position:absolute; top:50%; right:20px; margin-top:-17.5px; display:inline-block; margin-left:10px; padding:0 15px; min-width:120px; background:#0871b9; font-weight:400; font-size:14px; line-height:35px; color:#fff; text-align:center; }

/* 참조 */
.service-subinfo { margin-top:40px; padding:30px; width:100%; border:1px solid #d3d5d8; }
.service-subinfo h1 { margin-bottom:10px; font-weight:400; font-size:18px; line-height:20px; color:#222c3e; }
.service-subinfo h1:before { content:'!'; display:inline-block; margin-right:6px; width:20px; height:20px; border-radius:50%; background:#222c3e; font-size:13px; line-height:20px; color:#fff; text-align:center; vertical-align:top; }
.service-subinfo ul li { position:relative; display:block; padding-left:10px; font-size:15px; line-height:28px; color:#333; }
.service-subinfo ul li:before { content:''; position:absolute; top:50%; left:0; margin-top:-1.5px; width:3px; height:3px; border-radius:50%; background:#0871b9; }
.service-subinfo a { text-decoration:underline; font-weight:500; color:#0871b9; }

/* 상품전환 */
.total-price-wrap { width:100%; background:#222c3e; text-align:center; }
.total-price-wrap p { font-weight:400; font-size:20px; line-height:70px; color:#fff; }
.total-price-wrap p strong { padding:0 5px 0 10px; font-weight:700; font-size:32px; }

/* 해지사유 */
.board-write .expire-wrap { font-size:0; }
.board-write .expire-wrap select,
.board-write .expire-wrap input { display:inline-block; vertical-align:top; }
.board-write .expire-wrap input { margin-left:10px; width:calc(100% - 260px); }
.board-write .form-info-txt { margin-left:10px; }

/* 도메인연결 */
.board-list-default.domain td:nth-child(2) { text-align:left; }
.board-list-default.domain td input { padding:0 10px; height:35px; border:1px solid #dadada; }
.board-list-default.domain td > div,
.board-list-default.domain td > span { display:inline-block; vertical-align:middle; }
.board-list-default.domain td > div:first-of-type input { width:100px; }
.board-list-default.domain td > div:last-of-type input { width:200px; }
.board-list-default.domain td > span { margin:0 5px; }

.domain-guide-wrap { margin:20px 0; padding:30px; width:100%; border:1px solid #dadada; }
.domain-guide-wrap h1 { margin:30px 0 10px; padding-bottom:10px; border-bottom:1px solid #222c3e; font-weight:500; font-size:18px; line-height:1; color:#222c3e; }
.domain-guide-wrap h1:first-of-type { margin-top:0; }
.domain-guide-wrap ul li { position:relative; display:block; padding:3px 0 3px 10px; font-size:14px; line-height:1.6; }
.domain-guide-wrap ul li:before { content:''; position:absolute; top:12px; left:0; width:3px; height:3px; border-radius:50%; background:#0871b9; }
.domain-guide-wrap ul li span { display:block; margin-left:0; }
.domain-guide-wrap ul li a { display:inline-block; margin-left:7px; padding:4px 20px; border-radius:3px; background:#d3d5d8; font-weight:500; font-size:12px; line-height:1; color:#222c3e; vertical-align:inherit; }

.domain-guide-wrap table { margin:15px 0; width:100%; }
.domain-guide-wrap table th,
.domain-guide-wrap table td { padding:8px 20px; border:1px solid #dadada; vertical-align:middle; }
.domain-guide-wrap table th { background:#f2f2f2; }

.domain-guide-wrap .domain-info h1:first-of-type { margin-top:30px; }

.domain-page-ad { overflow:hidden; width:100%; text-align:center; }
.domain-page-ad .ad-box { float:left; padding:105px 30px 30px; width:calc(50% - 10px); background:#e6f1f8 url('../images/sub/mypage/icon_g2works.png') no-repeat center 30px; }
.domain-page-ad .ad-box:last-child { margin-left:20px; background:#f7f7f7 url('../images/sub/mypage/icon_g2works.png') no-repeat center 30px; }
.domain-page-ad .ad-box h1 { font-weight:400; font-size:22px; color:#111; }
.domain-page-ad .ad-box h1 strong { font-weight:700; color:#0871b9; }
.domain-page-ad .ad-box p { margin:3px 0 20px; color:#555; letter-spacing:-0.5px; }
.domain-page-ad .ad-box a { display:block; margin:0 auto; padding:7px 20px; width:200px; border:1px solid #222c3e; background:#222c3e; color:#fff; text-align:center; }

.action-btn { font-size:0; }
.action-btn li { display:inline-block; vertical-align:middle; }
.action-btn button { margin:0 3px; padding:0 10px; min-width:70px; background:#d3d5d8; font-size:13px; line-height:30px; color:#222c3e; transition:.3s; }
.action-btn button:hover { background:#0871b9; color:#fff; }

/* 부가서비스
------------------------------------------------------ */
/* 부가서비스신청 */
.additional-wrap { position:relative; left:-10px; display:table; width:calc(100% + 20px); table-layout:fixed; }
.additional-wrap > section { display:table-cell; padding:0 10px; text-align:center; }
.additional-wrap > section > div { padding:30px 30px 40px; border-top:2px solid #222c3e; background:#f2f2f2; }
.additional-wrap > section .icon-wrap { display:block; margin:0 auto; padding-top:51px; width:160px; height:160px; border-radius:50%; background:#fff; }
.additional-wrap > section h1 { margin-top:20px; font-weight:400; font-size:24px; color:#222c3e; }
.additional-wrap > section h1 + p { margin:10px 0 25px; font-size:16px; line-height:1.3; }
.additional-wrap > section a { display:block; width:100%; background:#222c3e; font-size:18px; line-height:60px; color:#fff; }
.additional-wrap > section a:hover { background:#0871b9; transition:.3s; }
.additional-wrap > section .off-btn { border:1px solid #222c3e; background:none; line-height:58px; color:#222c3e; cursor:auto; }
.additional-wrap > section .off-btn:hover { background:none; color:#222c3e; }

.deco-line { display:inline-block; margin:0 20px; width:1px; height:12px; background:#d3d5d8; }

/* 서비스결제내역
------------------------------------------------------ */
/* 서비스결제내역 */
.datecheck-search-wrap { margin-bottom:30px; padding:25px 30px; width:100%; background:#222c3e; text-align:center; }
.datecheck-search-wrap fieldset { font-size:0; }
.datecheck-search-wrap h1,
.datecheck-search-wrap ul ,
.datecheck-search-wrap ul li { display:inline-block; vertical-align:top; }
.datecheck-search-wrap h1 { margin-right:10px; padding:0; font-weight:400; font-size:15px; line-height:35px; color:#fff; }
.datecheck-search-wrap button,
.datecheck-search-wrap input { height:35px; font-size:15px; color:#222c3e; }
.datecheck-search-wrap .date-select button { float:left; margin:0 3px; width:70px; border:0 none; background:#d3d5d8; text-align:center; }
.datecheck-search-wrap .date-select button.on { background:#fff; font-weight:400; color:#333; }
.datecheck-search-wrap .date-input { margin-left:7px;  }
.datecheck-search-wrap .date-input input { float:left; padding:0 10px; width:150px; border:0 none; }
.datecheck-search-wrap .date-input span { float:left; width:15px; font-size:13px; line-height:35px; color:#fff; text-align:center; }
.datecheck-search-wrap .btn-search button { margin-left:10px; width:100px; border:0 none; background:#0871b9; color:#fff; text-align:center; }

.board-write .blue-btn { display:inline-block; padding:3px 20px; font-weight:400; font-size:13px; line-height:30px; background:#0871b9; color:#fff; }

.date-form { background:#fff url('/images/common/ico_calendar.png') no-repeat 94% center; }

/* 내문의내역
------------------------------------------------------ */
/* 버튼 */
.board-list-default .application { display:block; margin:0 auto; width:60px; height:30px; border:1px solid #d3d5d8; font-size:13px; line-height:28px; color:#333; }
.board-list-default .completed { display:block; margin:0 auto; width:60px; height:30px; border:1px solid #0871b9; background:#0871b9; font-size:13px; line-height:28px; color:#fff; }



@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* 지투넷
------------------------------------------------------ */
/* index */
.g2net-index { margin:70px 0 0; width:100%; }
.g2net-header { padding-top:90px; height:524px; background:url('/images/sub/g2net/header_bg.jpg') no-repeat center center; text-align:center; }
.g2net-header h1 { font-weight:700; font-size:50px; font-family: 'Nanum Myeongjo', serif; color:#fff; letter-spacing:-2px; }
.g2net-header h1 strong { display:block; font-weight:400; font-size:25px; font-family:'Noto Sans KR'; color:#fff948; letter-spacing:-1px; }
.g2net-header h1 strong:after { content:''; display:block; margin:12px auto 15px; width:2px; height:40px; background:rgba(2255,255,255,.7); }
.g2net-header  p { font-size:17px; line-height:26px; color:#fff; }
.g2net-header  p strong { display:block; margin:35px 0 22px; font-weight:500; font-size:20px; color:#62f8fe; }

.g2net-conts { padding:30px; font-size:15px; color:#333; }
.g2net-conts .conts-slogan { font-weight:400; font-size:16px; line-height:24px; }
.g2net-conts .conts-title { margin:50px 0 20px; font-weight:900; font-size:26px; line-height:1; font-family: 'Nanum Myeongjo', serif; color:#004caa; text-align:center; letter-spacing:-2px; }
.g2net-conts .conts-title:before ,
.g2net-conts .conts-title:after { content:''; display:inline-block; margin:0 14px; width:5px; height:5px; border-radius:50%; background:#0f5bb8; vertical-align:middle; }

.g2net-conts .recruit-wrap { position:relative; padding:30px; width:100%; background:#f6f6f6; text-align:center; }
.g2net-conts .recruit-wrap:before { content:''; position:absolute; top:10px; left:10px; width:calc(100% - 20px); height:calc(100% - 20px); border:1px solid #fff; box-sizing:border-box; }
.g2net-conts .recruit-wrap dl { overflow:hidden; display:inline-block; text-align:left; }
.g2net-conts .recruit-wrap dl dt,
.g2net-conts .recruit-wrap dl dd { float:left; padding:2px 0; font-size:16px; line-height:26px; }
.g2net-conts .recruit-wrap dl dt { clear:both; margin-right:5px; font-weight:700; }
.g2net-conts .recruit-wrap dl dt:before { content:''; display:inline-block; margin-top:-3px; margin-right:8px; width:5px; height:2px; background:#999; vertical-align:middle; }

.g2net-conts table { width:100%; }
.g2net-conts table thead th { border-left:1px solid #ddd; background:#0f5bb8; font-weight:700; font-size:16px; line-height:43px; color:#fff; }
.g2net-conts table thead th:first-child { border-left:0 none; }
.g2net-conts table tbody th,
.g2net-conts table tbody td { padding:35px 40px; border:1px solid #ddd; vertical-align:middle; }
.g2net-conts table tbody th { font-weight:400; font-size:18px; color:#004fb0; }

.g2net-conts table tbody .education-area td { font-size:16px; color:#555; }
.g2net-conts table tbody .education-area td:nth-of-type(2) li { color:#333; }
.g2net-conts table tbody .education-area td li { margin:9px 0; }
.g2net-conts table tbody .education-area td li strong { font-weight:700; }
.g2net-conts table tbody .education-area td li span { display:inline-block; margin-right:5px; width:21px; height:21px; background:url('/images/sub/g2net/bullet_bg.png') no-repeat center center; font-size:13px; line-height:21px; color:#fff; text-align:center; vertical-align:baseline; }

.g2net-conts table dl { padding-left:12px; }
.g2net-conts table dt { position:relative; margin:25px 0 7px; font-weight:700; font-size:17px; color:#333; }
.g2net-conts table dt:before { content:''; position:absolute; top:6px; left:-12px; width:4px; height:15px; background:#0f5bb8; }
.g2net-conts table dt:first-of-type { margin-top:0; }
.g2net-conts table dd { font-size:15px; color:#555; }
.g2net-conts table dd:before { content:''; display:inline-block; margin-top:-3px; margin-right:4px; width:5px; height:2px; background:#999; vertical-align:middle; }

.btn-g2net-registration { position:relative; display:block; margin:40px auto; width:300px; box-shadow:3px 3px 5px rgba(0,0,0,.15); background:#0f5bb8; font-weight:500; font-size:24px; line-height:70px; color:#fff; text-align:center; }
.btn-g2net-registration:before { content:''; position:absolute; top:3px; left:3px; width:calc(100% - 6px); height:calc(100% - 6px); border:1px solid #80b5f6; box-sizing:border-box; }
.btn-g2net-registration:after { content:''; display:inline-block; margin-top:-3px; margin-left:14px; width:7px; height:13px; background:url('/images/sub/g2net/btn_arrow.png') no-repeat center center; vertical-align:middle; }

.g2net-customer-info { text-align:center; }
.g2net-customer-info li { display:inline-block; margin:0 30px; font-weight:400; font-size:16px; line-height:22px; letter-spacing:0; vertical-align:middle; }
.g2net-customer-info li img { display:inline-block; margin:-2px 4px 0 0; vertical-align:middle; }
.g2net-customer-info li strong { font-weight:700; }

/* 신청 */
.g2net .customer-info-header p { font-size:16px; color:#333; letter-spacing:0.5px; }
.g2net .customer-info-header p strong { font-weight:400; font-size:20px; color:#0871b9; }
.g2net .customer-info-header p img { position:relative; top:2px; display:inline-block; margin:0 10px; vertical-align:baseline; }

.g2net-info { margin-bottom:40px; }
.g2net-info dt { margin-bottom:15px; font-weight:500; font-size:20px; line-height:1; color:#222c3e; text-align:left; }
.g2net-info dd { position: relative; padding-left:37px; font-size:16px; line-height:64px; border:1px solid #ccc; }
.g2net-info dd:before{ content:''; position:absolute; top:30px; left:19px; width:4px; height:4px; background:#0871b9; }

.g2net .agree-wrap .agree-conts-wrap { padding-top:15px; }

.g2net  input[type="radio"] + label { min-width:130px; }
.g2net  .radio-line-all + input { margin-top:7px; }

.point-color1 { font-size:16px; color:#222c3e; }

.g2net-footer { margin-top:40px; padding:28px 25px; background:#f2f2f2; text-align:center; }
.g2net-footer h1 { margin-bottom:13px; font-weight:400; font-size:20px; color:#0871b9; }
.g2net-footer dl dt,
.g2net-footer dl dd { display:inline-block; color:#222c3e; vertical-align:middle; }
.g2net-footer dl dt { margin-right:-10px ;font-size:16px; color:#333; }
.g2net-footer dl dd { position:relative; padding:0 20px; font-size:18px; }
.g2net-footer dl dd:first-of-type { font-size:20px; }
.g2net-footer dl dd:before { content:''; position:absolute; top:50%; left:0; margin-top:-7px; width:1px; height:14px; background:#8a8f98; }
.g2net-footer dl dd:first-of-type:before { display:none; }
.g2net-footer dl dd img { position:relative; top:-1px; display:inline-block; margin:0 10px; vertical-align:middle; }



/* 올지몰 allgmall
------------------------------------------------------ */
/* visual */
.sub-visual-allg { position:relative; width:100%; height:800px; background:url('/images/sub/visual/sub_visual_allg.jpg') no-repeat center top; background-size:cover; }
.sub-visual-allg .visual-text { position:absolute; top:205px; left:50%; padding-top:75px; width:550px; height:480px; border:3px solid #fff; background:rgba(0,0,0,.1); text-align:center; }
.sub-visual-allg .logo-wrap { font-weight:100; font-size:43px; color:#fff; }
.sub-visual-allg .logo-wrap img { display:inline-block; margin:0 17px; vertical-align:middle; }
.sub-visual-allg .visual-text h1 { margin:15px 0 20px; font-weight:500; font-size:70px; line-height:1.1; color:#fff; }
.sub-visual-allg .visual-text h1 + p { font-weight:300; font-size:25px; line-height:1.2; color:#fff; }

@media only screen and (max-width:1100px) { 
	.sub-visual-allg .visual-text { margin-left:-275px; }
}
@media only screen and (max-width:768px) { 
	.sub-visual-allg { height:650px; }
	.sub-visual-allg .visual-text { margin-left:0; transform:translateX(-50%); padding:50px; width:auto; height:auto; white-space:nowrap; }
	.sub-visual-allg .logo-wrap { font-size:30px; }
	.sub-visual-allg .logo-wrap img:first-child { height:20px; }
	.sub-visual-allg .logo-wrap img:last-child { height:27px; }
	.sub-visual-allg .visual-text h1 { font-size:50px; }
	.sub-visual-allg .visual-text h1 + p { font-size:20px }
}
@media only screen and (max-width:480px) { 
	.sub-visual-allg { height:500px; background-position:30% center; }
	.sub-visual-allg .visual-text { top:170px; padding:30px; }
	.sub-visual-allg .logo-wrap { font-size:20px; }
	.sub-visual-allg .logo-wrap img { margin:0 15px; }
	.sub-visual-allg .logo-wrap img:first-child { height:15px; }
	.sub-visual-allg .logo-wrap img:last-child { height:22px; }
	.sub-visual-allg .visual-text h1 { margin:10px 0 15px; font-size:40px; }
	.sub-visual-allg .visual-text h1 + p { font-size:16px }
}

/* conts */
.sub-conts-allg { width:100%; }
.sub-conts-allg > section { padding:100px 0; }
.sub-conts-allg > section:nth-child(odd) { background-color:#f5f5f5; }
.sub-conts-allg .inner { display:table; table-layout:fixed; }

.sub-conts-allg .sub-conts-tit-allg { display:table-cell; width:30%; font-weight:300; font-size:42px; line-height:1.3; color:#333; vertical-align:top; }
.sub-conts-allg .sub-conts-tit-allg strong { font-weight:700; font-size:60px; line-height:1; color:#e41d25; }

@media only screen and (max-width:900px) { 
	.sub-conts-allg > section { padding:60px 0; }
	.sub-conts-allg .inner { display:block; }
	.sub-conts-allg .sub-conts-tit-allg { display:block; margin-bottom:25px; width:100%; font-size:32px; }
	.sub-conts-allg .sub-conts-tit-allg br { display:none; }
	.sub-conts-allg .sub-conts-tit-allg strong { font-size:40px; }
}
@media only screen and (max-width:640px) { 
	.sub-conts-allg > section { padding:40px 0; }
	.sub-conts-allg .sub-conts-tit-allg { margin-bottom:15px; font-size:24px; }
	.sub-conts-allg .sub-conts-tit-allg strong { font-size:30px; }
}

.sub-conts-allg01 .sub-conts-txt-allg { display:table-cell; font-size:18px; line-height:1.55; vertical-align:top; word-break:keep-all; }
.sub-conts-allg01 .sub-conts-txt-allg p strong { font-weight:500; }
.sub-conts-allg01 .sub-conts-txt-allg p em { display:block; margin-bottom:5px; font-style:normal; font-weight:500; font-size:20px; color:#e41d25; }

@media only screen and (max-width:900px) { 
	.sub-conts-allg01 .sub-conts-txt-allg { display:block; font-size:16px; }
	.sub-conts-allg01 .sub-conts-txt-allg p em { font-size:18px; }
}
@media only screen and (max-width:640px) { 
	.sub-conts-allg01 .sub-conts-txt-allg { font-size:14px; }
	.sub-conts-allg01 .sub-conts-txt-allg p em { font-size:16px; }
}

.sub-conts-allg02 .sub-conts-txt-allg p { margin-bottom:50px; font-size:20px; line-height:1.5; word-break:keep-all; }
.sub-conts-allg02 .sub-conts-txt-allg p strong { font-weight:500; }
.sub-conts-allg02 .sub-conts-txt-allg h1 { margin-bottom:30px; font-weight:700; font-size:24px; line-height:1; color:#333; }
.sub-conts-allg02 .sub-conts-txt-allg dl { margin:10px 0; padding:34px 35px 34px 224px; border:1px solid #dbdbdb; border-radius:10px; background:#fff; }
.sub-conts-allg02 .sub-conts-txt-allg dl:nth-of-type(4) ,
.sub-conts-allg02 .sub-conts-txt-allg dl:nth-of-type(5) { padding-top:49px; padding-bottom:49px; }
.sub-conts-allg02 .sub-conts-txt-allg dl:nth-of-type(1) { background:url('/images/sub/allgmall/allgmall_icon01.png') no-repeat 55px center; }
.sub-conts-allg02 .sub-conts-txt-allg dl:nth-of-type(2) { background:url('/images/sub/allgmall/allgmall_icon02.png') no-repeat 55px center; }
.sub-conts-allg02 .sub-conts-txt-allg dl:nth-of-type(3) { background:url('/images/sub/allgmall/allgmall_icon03.png') no-repeat 55px center; }
.sub-conts-allg02 .sub-conts-txt-allg dl:nth-of-type(4) { background:url('/images/sub/allgmall/allgmall_icon04.png') no-repeat 55px center; }
.sub-conts-allg02 .sub-conts-txt-allg dl:nth-of-type(5) { background:url('/images/sub/allgmall/allgmall_icon05.png') no-repeat 55px center; }
.sub-conts-allg02 .sub-conts-txt-allg dt { margin-bottom:10px; font-weight:500; font-size:22px; line-height:1.36; color:#333; word-break:keep-all; }
.sub-conts-allg02 .sub-conts-txt-allg dd { position:relative; margin:8px 0; padding-left:12px; font-size:16px; line-height:1.2; word-break:keep-all; }
.sub-conts-allg02 .sub-conts-txt-allg dd:before { content:''; position:absolute; top:8px; left:0; width:3px; height:3px; border-radius:50%; background:#e41d25; }

@media only screen and (max-width:900px) { 
	.sub-conts-allg02 .sub-conts-txt-allg p { margin-bottom:40px; font-size:18px; }
	.sub-conts-allg02 .sub-conts-txt-allg h1 { margin-bottom:25px; font-size:20px; }
	.sub-conts-allg02 .sub-conts-txt-allg dt { font-size:20px; }
	.sub-conts-allg02 .sub-conts-txt-allg dd { font-size:15px; }
}
@media only screen and (max-width:640px) { 
	.sub-conts-allg02 .sub-conts-txt-allg p { margin-bottom:30px; font-size:15px; }
	.sub-conts-allg02 .sub-conts-txt-allg h1 { margin-bottom:20px; font-size:18px; }
	.sub-conts-allg02 .sub-conts-txt-allg dl { padding:20px 20px 20px 95px; }
	.sub-conts-allg02 .sub-conts-txt-allg dl:nth-of-type(4) ,
	.sub-conts-allg02 .sub-conts-txt-allg dl:nth-of-type(5) { padding-top:20px; padding-bottom:20px; }
	.sub-conts-allg02 .sub-conts-txt-allg dl:nth-of-type(1),
	.sub-conts-allg02 .sub-conts-txt-allg dl:nth-of-type(2),
	.sub-conts-allg02 .sub-conts-txt-allg dl:nth-of-type(3),
	.sub-conts-allg02 .sub-conts-txt-allg dl:nth-of-type(4),
	.sub-conts-allg02 .sub-conts-txt-allg dl:nth-of-type(5) { background-position:15px center; background-size:60px auto; }
	.sub-conts-allg02 .sub-conts-txt-allg dt { margin-bottom:7px; font-size:18px; }
	.sub-conts-allg02 .sub-conts-txt-allg dd { margin:6px 0; padding-left:8px; font-size:14px; }
	.sub-conts-allg02 .sub-conts-txt-allg dd:before { top:7px; }
}

.sub-conts-allg03 .sub-conts-txt-allg > p { margin-bottom:50px; font-size:20px; line-height:1.5; }
.sub-conts-allg03 .sub-conts-txt-allg > ul { overflow:hidden; }
.sub-conts-allg03 .sub-conts-txt-allg > ul li { float:left; margin-left:7%; width:calc(25% - 6%); text-align:center; }
.sub-conts-allg03 .sub-conts-txt-allg > ul li:first-child { margin-left:0; }
.sub-conts-allg03 .sub-conts-txt-allg > ul li span { display:block; margin-bottom:13px; padding-top:28px; width:150px; height:150px; border-radius:50%; border:1px solid #dbdbdb; background:#fff; }
.sub-conts-allg03 .sub-conts-txt-allg > ul li strong { font-weight:400; font-size:18px; line-height:1.2; color:#333; }

.sub-conts-allg03 .sub-conts-txt-allg .allgmall_ex { margin-top:30px; width:100%; line-height:0; }
.sub-conts-allg03 .sub-conts-txt-allg .allgmall_ex:first-of-type { margin-top:53px; padding-bottom:35px; border-bottom:1px solid #dbdbdb; }
.sub-conts-allg03 .sub-conts-txt-allg .allgmall_ex h1 { font-weight:500; font-size:24px; line-height:1; color:#e41d25; }
.sub-conts-allg03 .sub-conts-txt-allg .allgmall_ex h1 + p { margin:13px 0 28px; font-size:16px; line-height:1.2; color:#555; }
.sub-conts-allg03 .sub-conts-txt-allg .allgmall_ex ul { margin-top:15px; text-align:right; font-size:0; }
.sub-conts-allg03 .sub-conts-txt-allg .allgmall_ex ul li { display:inline-block; margin-left:20px; font-size:16px; line-height:1.3; color:#333; vertical-align:top; }
.sub-conts-allg03 .sub-conts-txt-allg .allgmall_ex ul li span { display:inline-block; margin-right:7px; width:21px; height:21px; border-radius:50%; background:#e41d25; font-weight:400; font-size:12px; line-height:21px; color:#fff; letter-spacing:0; text-align:center; vertical-align:top; }
.sub-conts-allg03 .sub-conts-txt-allg .allgmall_ex img { width:100%; }

@media only screen and (max-width:1100px) { 
	.sub-conts-allg03 .sub-conts-txt-allg > ul { text-align:center; }
	.sub-conts-allg03 .sub-conts-txt-allg > ul li span { margin:0 auto 13px; width:130px; height:130px; }
	.sub-conts-allg03 .sub-conts-txt-allg > ul li span img { height:70px; }
}
@media only screen and (max-width:768px) { 
	.sub-conts-allg03 .sub-conts-txt-allg > p { font-size:18px; }
	.sub-conts-allg03 .sub-conts-txt-allg .allgmall_ex h1 { font-size:20px; }
	.sub-conts-allg03 .sub-conts-txt-allg .allgmall_ex h1 + p { margin:10px 0 25px; font-size:15px; }
	.sub-conts-allg03 .sub-conts-txt-allg > ul li strong { font-size:16px; }
}
@media only screen and (max-width:640px) { 
	.sub-conts-allg03 .sub-conts-txt-allg > p { margin-bottom:40px; font-size:15px; }
	.sub-conts-allg03 .sub-conts-txt-allg > ul li { margin-left:0; margin-bottom:20px; width:50%; }
	.sub-conts-allg03 .sub-conts-txt-allg > ul li strong { font-size:14px; }
	.sub-conts-allg03 .sub-conts-txt-allg .allgmall_ex:first-of-type { margin-top:30px; padding-bottom:25px; }
	.sub-conts-allg03 .sub-conts-txt-allg .allgmall_ex h1 { font-size:18px; }
	.sub-conts-allg03 .sub-conts-txt-allg .allgmall_ex h1 + p { margin:7px 0 20px; font-size:14px; }
	.sub-conts-allg03 .sub-conts-txt-allg .allgmall_ex ul { margin-top:10px; }
	.sub-conts-allg03 .sub-conts-txt-allg .allgmall_ex ul li { margin-left:15px; font-size:14px; line-height:18px; }
	.sub-conts-allg03 .sub-conts-txt-allg .allgmall_ex ul li span { margin-right:4px; width:18px; height:18px; line-height:18px; }
}

.sub-conts-allg04 .sub-conts-txt-allg p { margin-bottom:50px; font-size:20px; line-height:1.5; word-break:keep-all; }
.sub-conts-allg04 .sub-conts-txt-allg p strong { font-weight:400; color:#e41d25; }
.allg-mobile { width:100%; border-bottom:1px solid #dbdbdb; font-size:0; text-align:center; }
.allg-mobile dl,
.allg-mobile img { display:inline-block; vertical-align:bottom; }
.allg-mobile dl { margin-right:38px; margin-bottom:75px; }
.allg-mobile dl dt { margin-bottom:20px; font-weight:400; font-size:24px; color:#333; }
.allg-mobile dl dd { margin:15px 0; }
.allg-mobile dl a { display:block; }
.allg-mobile dl a img { border:1px solid #ddd; }
.allg-mobile > img { width:calc(100% - 44%); max-width:100%; }

@media only screen and (max-width:768px) { 
	.sub-conts-allg04 .sub-conts-txt-allg p { font-size:18px; }
	.allg-mobile dl dt { font-size:18px; }
}
@media only screen and (max-width:640px) { 
	.sub-conts-allg04 .sub-conts-txt-allg p { margin-bottom:30px; font-size:15px; }
	.allg-mobile dl { margin:0 0 20px; width:100%; font-size:0; }
	.allg-mobile dl dt { margin-bottom:15px; font-size:20px; }
	.allg-mobile dl dd { display:inline-block; margin:0 5px; width:calc(50% - 10px); vertical-align:top; }
	.allg-mobile dl img { width:100%; }
	.allg-mobile > img { width:80%; max-width:100%; }
}

.sub-conts-allg05 { padding:77px 0 !important; background:url('/images/sub/allgmall/allgmall_banner.jpg') no-repeat center center; background-size:cover; text-align:center; }
.sub-conts-allg05 h1 { font-weight:300; font-size:42px; line-height:1.25; color:#fff; letter-spacing:-2px; word-break:keep-all; }
.sub-conts-allg05 h1 strong { font-weight:500; }
.sub-conts-allg05 a { display:block; margin:37px auto 0; width:250px; border:1px solid #fff; font-size:20px; line-height:53px; color:#fff; transition:.3s; }
.sub-conts-allg05 a:hover { border-color:rgba(8,113,185,.85); background:rgba(8,113,185,.85); color:#fff; }

@media only screen and (max-width:768px) { 
	.sub-conts-allg05 { padding:50px 0 !important; }
	.sub-conts-allg05 h1 { font-size:32px; }
}
@media only screen and (max-width:640px) { 
	.sub-conts-allg05 { padding:35px 0 !important; }
	.sub-conts-allg05 h1 { font-size:24px; }
	.sub-conts-allg05 a { margin:25px auto 0; width:100%; font-size:18px; line-height:48px; }
}