@charset 'utf-8';

/*
	copyright(c) 상상너머·원데이넷 all rights reserved.
	허용된 라이센스이외 무단도용재배포를 금합니다.
*/


/* ●●●●●●●●●● 공통 */


/* 모바일버전 돌아가기 */
#backToMobile {text-align:center; background:rgba(0,0,0,0.1); padding:5em; border-top:1px solid rgba(0,0,0,0.2);}
#backToMobile a {display:inline-block; background:#fff; border:1px solid #ccc; padding:0.5em 1em; font-size:4.5em; color:#666; border-radius:100px; letter-spacing:-0.05em;}




/* ◆◆◆◆◆ 최상단 (공통) */
.top {height:36px; position:relative;}
.top li {list-style:none; position:relative;}
.top .left_box {float:left; height:36px; margin-left:-15px}
.top .right_box {float:right; height:36px;}
.top .left_box li {float:left;}
.top .right_box li {float:left;}
.top .btn {color:#888; display:block; height:35px; line-height:38px; position:relative; padding:0 15px;}
.top .btn:before {display:none; content:""; background:#d4d4d4; width:1px; height:9px; position:absolute; left:0; top:50%; margin-top:-4px}
.top li+ li .btn:before {display:inline-block;}
.top .if_color {color:#cb3726; font-weight:600;}
.top .if_sitemap .shape {position:absolute; right:0; top:50%; width:8px; height:8px; background:transparent url('../images/top_all.png') left center no-repeat; margin-top:-4px}
.top .if_sitemap:hover {color:#cb3726; }
.top .if_sitemap:hover .shape {background-position:right center;}
.top .if_have_sub {margin-right:10px}
.top .if_have_sub .shape {position:absolute; right:0; top:50%; width:7px; height:4px; background:transparent url('../images/top_subicon.png') left top no-repeat; margin-top:-2px;}
.top .if_have_sub:hover .shape {background-position:right top;}
.top .depth2_box {display:none; position:absolute; left:50%; top:33px; z-index:70; background:#fff; width:120px; margin-left:-58px; border:1px solid #333; padding:8px 0; text-align:center;}
.top .depth2_box li {float:none;}
.top .depth2_box li:before {display:none;}
.top .depth2_box .btn2 {display:block; padding:5px 10px; color:#888; letter-spacing:-0.5px;}
.top .depth2_box .btn2:hover {color:#cb3726; text-decoration:underline;}
.top li:hover .depth2_box {display:block;}
.top li:hover .btn {color:#333; text-decoration:underline;}
.top .open_info {display:none; position:absolute; left:15px; top:30px; z-index:11; background:#fff; width:280px; border:2px solid #333;}
.top .open_info {overflow:hidden;}
.top .open_info dl {position:relative;}
.top .open_info dl+ dl {border-top:1px solid #dfdfdf;}
.top .open_info dl:before {content:""; width:1px; height:100%; background:#dfdfdf; position:absolute; left:-1px; top:0;}
.top .open_info dt {position:absolute; left:0; top:0; height:81px; line-height:80px; border-right:1px solid #dfdfdf; width:60px; text-align:center; font-size:17px; color:#000;}
.top .open_info dd {margin-left:61px; position:relative; height:40px; line-height:40px; font-size:13px; color:#cb3726; /* font-family:"NanumSquare"; */ letter-spacing:0px; font-weight:600; padding:0 18px;}
.top .open_info dd:hover {background:#fafafa;}
.top .open_info dd+ dd {color:#000; border-top:1px solid #dfdfdf}
.top .open_info .btn_copy {position:absolute; right:15px; top:50%; font-size:12px; font-weight:400; background:#e9e9e9; color:#9a9a9a; height:21px; line-height:21px; padding:0 5px; margin-top:-10px}
.top .open_info .btn_copy:hover {background:#aaa; color:#fff;}
.top li:hover .open_info {display:block;}


.all_sitemap {display:none; clear:both; z-index:6000; position:absolute; left:0; top:36px; width:100%; background:#f7f7f7; border-bottom:2px solid #231815; overflow:hidden;}
.all_sitemap:before {content:""; height:8px; width:100%; position:absolute; left:0; bottom:-8px; background:transparent url('../images/sub_design/bg_black20.png') left top repeat;}
.all_sitemap .layout_fix {padding-bottom:40px;}
.all_sitemap .title_box {overflow:hidden; text-align:center; margin:25px 0; position:relative; color:#000; /* font-family:"NanumSquare"; */ font-size:28px; height:35px;}
.all_sitemap .title_box .tel_number {position:absolute; left:0; top:0; color:#cb3726; font-size:32px; font-family:"rubik";}
.all_sitemap .title_box .btn_close {position:absolute; right:0; top:0;}
.all_sitemap .title_box .btn_close .shape {width:34px; height:34px; background:transparent url('../images/sitemap_close.gif') left top no-repeat;}
.all_sitemap .title_box .btn_close:hover .shape {background-position:right top;}
.all_sitemap .nav_main {background:#fff; position:relative; overflow:hidden; border:1px solid #ddd;}
.all_sitemap .nav_main dl {width:12.5%; float:left; position:relative; text-align:center; min-height:260px;}
.all_sitemap .nav_main dl:before {content:""; width:1px; height:300%; background:#eee; position:absolute; left:-1px; top:0;}
.all_sitemap .nav_main dt {border-bottom:1px solid #eee; padding:15px 0px 10px 0; position:relative;}
.all_sitemap .nav_main dd {padding:15px 0px;}
.all_sitemap .nav_main .picto {width:32px; height:32px; margin-bottom:15px; display:none;}
.all_sitemap .picto1 {background:transparent url('../images/sitemap_ic1.png') left top no-repeat;}
.all_sitemap .picto2 {background:transparent url('../images/sitemap_ic2.png') left top no-repeat;}
.all_sitemap .picto3 {background:transparent url('../images/sitemap_ic3.png') left top no-repeat;}
.all_sitemap .picto4 {background:transparent url('../images/sitemap_ic4.png') left top no-repeat;}
.all_sitemap .picto5 {background:transparent url('../images/sitemap_ic5.png') left top no-repeat;}
.all_sitemap .picto6 {background:transparent url('../images/sitemap_ic6.png') left top no-repeat;}
.all_sitemap .picto7 {background:transparent url('../images/sitemap_ic7.png') left top no-repeat;}
.all_sitemap .picto8 {background:transparent url('../images/sitemap_ic8.png') left top no-repeat;}
.all_sitemap .picto9 {background:transparent url('../images/sitemap_ic9.png') left top no-repeat;}

.all_sitemap .depth1 {color:#231815; display:block; font-size:17px; line-height:25px;}

.all_sitemap .depth2 {display:block; color:#888; height:28px; line-height:28px; letter-spacing:-0.5px; font-size:12px;}
.all_sitemap .depth2:hover {color:#333; text-decoration:underline;}

.all_sitemap .depth3_box {}


.all_sitemap .depth3 {display:block; color:#888; height:28px; line-height:28px; letter-spacing:-0.5px; font-size:12px;}
.all_sitemap .depth3:hover {color:#333; text-decoration:underline;}

.all_sitemap .nav_main li:hover .depth3_box {display:block;}

/* 꼼수로 메뉴 숨기기 */
.all_sitemap .nav_main dl:nth-of-type(5) .depth2 {}
.all_sitemap .nav_main dl:nth-of-type(5) li:nth-of-type(1) .depth3_box .depth3:nth-of-type(2) {display:none;}
.all_sitemap .nav_main dl:nth-of-type(5) li:nth-of-type(1) .depth3_box .depth3:nth-of-type(3) {display:none;}
.all_sitemap .nav_main dl:nth-of-type(5) li:nth-of-type(3) .depth3_box .depth3:nth-of-type(4) {display:none;}


/* .all_sitemap .nav_main dl:hover {background:#eee;}
.all_sitemap .nav_main dl:hover dt {background:#b6200f;} */
.all_sitemap .nav_main dl:hover .depth1 {color:#cb3726;}
.all_sitemap .nav_main dl:hover .picto {background-position:right top;}
/* .all_sitemap .nav_main dl:hover .depth2 {color:#000;} */
.all_sitemap .nav_side {background:#fff; position:relative; overflow:hidden; border:1px solid #c7c7c7; margin-top:20px;}
.all_sitemap .nav_side dl {overflow:hidden;}
.all_sitemap .nav_side dl+ dl {border-top:1px solid #dbdbdb;}
.all_sitemap .nav_side dt {float:left; width:12.5%; text-align:center; border-right:1px solid #dbdbdb; height:50px; position:relative;}
.all_sitemap .nav_side .depth1 {line-height:52px; height:50px; font-size:15px;}
.all_sitemap .nav_side dd {float:left; width:87%; height:30px; overflow:hidden; padding:10px 0px;}
.all_sitemap .nav_side .depth2 {float:left; height:30px; line-height:32px; margin-left:25px;}
.all_sitemap .nav_side dl:hover {background:#eee;}
.all_sitemap .nav_side dl:hover dt {background:#b6200f;}
.all_sitemap .nav_side dl:hover .depth1 {color:#fff;}
.all_sitemap .nav_side dl:hover .depth2 {color:#000;}

.top.if_open_sitemap .all_sitemap {display:block;}
.top.if_open_sitemap .if_sitemap .shape {height:2px; margin-top:-1px}






/* ◆◆◆◆◆ 네비 (공통) */
.nav {border-bottom:1px solid #ddd; height:85px;}
.nav  li {list-style:none;}
.nav .logo {float:left; margin-top:25px}
.nav .nav_box {float:right; margin-top:14px; margin-right:-20px}
.nav .nav_box li {float:left; position:relative;}
.nav .nav_box .depth1 {color:#404040; font-size:19px; font-weight:600; /* font-family:"NanumSquare"; */ height:50px; line-height:50px; padding:0 20px; position:relative; font-family:나눔고딕,"NanumGothic";}
/* .nav .nav_box .depth1:before {display:none; content:""; background:#cb3726; width:60%; height:1px; position:absolute; left:50%; bottom:-0px; margin-left:-30%} */
.nav .nav_box .depth2_box {display:none; position:absolute; left:50%; top:50px; z-index:99999999; width:190px; margin-left:-95px; padding-top:21px; overflow:hidden;}
.nav .nav_box .depth2_box ul {background:#fff; overflow:hidden; padding:0 10px 20px 10px; border:2px solid #333; border-top:0}
.nav .nav_box .depth2_box li {float:none; margin:0}
.nav .nav_box .depth2_box li:before {display:none;}
.nav .nav_box .depth2_box .depth2 {display:block; padding:0 15px; color:#727272; letter-spacing:-0.5px; font-size:13px; white-space:nowrap; text-align:center; height:30px; line-height:30px;}
.nav .nav_box .depth2_box .depth2:hover {color:#000; text-decoration:underline;}
.nav .nav_box .depth2_box .hit .depth2 {color:#cb3726;}
.nav .nav_box li:hover .depth1 {color:#cb3726;}
.nav .nav_box li:hover .depth1:before {display:inline-block;}
.nav .nav_box .hit .depth1 {color:#cb3726;}
.nav .nav_box li:hover .depth2_box {display:block;}
.nav .nav_box li:hover .depth2_box {animation: subnum3 0.5s ease;  -webkit-animation: subnum3 0.5s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.nav .nav_box .nav04:hover .depth2_box {animation: subnum5 0.5s ease;  -webkit-animation: subnum5 0.5s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.nav .nav_box .nav07:hover .depth2_box {animation: subnum5 0.5s ease;  -webkit-animation: subnum5 0.5s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.nav .nav_box .nav08:hover .depth2_box {animation: subnum5 0.5s ease;  -webkit-animation: subnum5 0.5s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}

@keyframes subnum3 {
    from {height:0px;}
    to {height:120px;}
}
@-webkit-keyframes subnum3 {
   from {height:0px;}
   to {height:120px;}
}
@keyframes subnum4 {
    from {height:0px;}
    to {height:150px;}
}
@-webkit-keyframes subnum4 {
   from {height:0px;}
   to {height:150px;}
}
@keyframes subnum5 {
    from {height:0px;}
    to {height:180px;}
}
@-webkit-keyframes subnum5 {
   from {height:0px;}
   to {height:180px;}
}
@-webkit-keyframes subnum6 {
   from {height:0px;}
   to {height:220px;}
}




/* ◆◆◆◆◆ 하단 중요정보 (공통) 네임서버 등 */
.main_key {overflow:hidden; margin:50px 0}
.main_key li {list-style:none;}
.main_key .layout_fix ul {border:2px solid #363636; overflow:hidden; position:relative;}
.main_key .layout_fix ul:before {content:""; width:1px; height:100%; background:#c2c2c2; position:absolute; left:50%; top:0;}
.main_key li {float:left; width:50%}
.main_key .box_title {text-align:center; border-bottom:1px solid #dfdfdf; height:70px;}
.main_key .box_title dt {font-size:25px; color:#000; margin-top:25px}
.main_key .box_title dd {font-size:13px; color:#7f7f7f; letter-spacing:-0.5px; margin-top:5px}
.main_key .names_info {overflow:hidden;}
.main_key .names_info dl {width:50%; float:left; position:relative;}
.main_key .names_info dl:before {content:""; width:1px; height:100%; background:#dfdfdf; position:absolute; left:-1px; top:0;}
.main_key .names_info dt {position:absolute; left:0; top:0; height:81px; line-height:80px; border-right:1px solid #dfdfdf; width:70px; text-align:center; font-size:21px; color:#000;}
.main_key .names_info dd {margin-left:71px; position:relative; height:40px; line-height:40px; font-size:13px; color:#cb3726; /* font-family:"NanumSquare"; */ letter-spacing:0px; font-weight:600; padding:0 18px;}
.main_key .names_info dd:hover {background:#fafafa;}
.main_key .names_info dd+ dd {color:#000; border-top:1px solid #dfdfdf}
.main_key .btn_copy {position:absolute; right:15px; top:50%; font-size:12px; font-weight:400; background:#e9e9e9; color:#9a9a9a; height:21px; line-height:22px; padding:0 5px; margin-top:-10px}
.main_key .btn_copy:hover {background:#aaa; color:#fff;}

.main_key .bank_box {position:relative; overflow:hidden;}
.main_key .bank_info {padding:22px 40px; position:relative; height:36px;}
.main_key .bank_info .bank_logo {float:left;}
.main_key .bank_info dl {float:left; margin-left:20px}
.main_key .bank_info dt {color:#000; font-size:15px; font-weight:600; overflow:hidden;}
.main_key .bank_info dt em {float:left;}
.main_key .bank_info dt strong {font-family:"rubik"; font-size:19px; font-weight:400; float:left; margin-top:-3px}
.main_key .bank_info dd {margin-top:5px; font-size:13px;}
.main_key .bank_info .btn_copy {position:static; margin-left:5px; line-height:23px;}

.main_key .bank_info .btn_tax {position:absolute; right:20px; top:50%; font-size:13px; margin-top:-21px}
.main_key .bank_info .btn_tax .btn {background:#f0f0f0; height:42px; line-height:42px; padding:0 25px;}
.main_key .bank_info .btn_tax .txt {float:left; color:#484848;}
.main_key .bank_info .btn_tax .shape {background:transparent url('../images/main_btn_tax.png') left center no-repeat; width:14px; height:16px; float:left; margin:12px 8px 0 0}
.main_key .bank_info .btn_tax:hover .btn {background:#3c4042;}
.main_key .bank_info .btn_tax:hover .txt {color:#fff;}
.main_key .bank_info .btn_tax:hover .shape {background-position:right top;}





/* ◆◆◆◆◆ 푸터 (공통) */
.footer {position:relative; clear:both}
.footer li {list-style:none;}
.footer .bottom_menu {background:#f5f5f5; overflow:hidden;}
.footer .bottom_menu .layout_fix {overflow:hidden; padding:7px 0; }
.footer .bottom_menu ul {margin-left:-15px}
.footer .bottom_menu li {float:left;}
.footer .bottom_menu .btn {color:#7a7a7a; display:block; height:35px; line-height:38px; position:relative; padding:0 15px;}
.footer .bottom_menu .btn:before {display:none; content:""; background:#d4d4d4; width:1px; height:9px; position:absolute; left:0; top:50%; margin-top:-4px}
.footer .bottom_menu li+ li .btn:before {display:inline-block;}
.footer .bottom_menu .btn:hover {color:#333; text-decoration:underline;}
.footer .bottom_menu .btn_color {color:#e90000;}
.footer .bottom_menu .btn_color:hover {color:#e90000;}
.footer .bottom_menu .btn_sitemap {position:absolute; right:0; top:0; padding:0 20px;}
.footer .bottom_menu .btn_sitemap .txt {height:49px; line-height:51px; font-size:12px; color:#333;}
.footer .bottom_menu .btn_sitemap .shape {background:transparent url('../images/footer_btn_sitemap.png') left center no-repeat; position:absolute; right:0; top:50%; width:10px; height:6px; margin-top:-4px}
.footer .bottom_menu .btn_sitemap:hover .txt {color:#000; text-decoration:underline;}
.footer .partner {padding:25px 0;}
.footer .partner ul {overflow:hidden;}
.footer .partner li {float:left;}
.footer .partner li+ li {margin-left:20px}
.footer .partner .ourspec {position:absolute; right:0; top:-10px; padding:10px;}
.footer .partner .open_discript {display:none; position:absolute; right:110px; top:-8px; background:#fff; font-size:13px; width:200px; text-align:center; border:1px solid #5a5c60; overflow:hidden;}
.footer .partner .open_discript dt {background:#5a5c60; color:#fff; padding:10px 0px; line-height:1.4;}
.footer .partner .open_discript dd {font-family:"rubik"; font-size:12px; font-weight:300; padding:5px;}
.footer .partner .ourspec:hover .open_discript {display:block;}
.footer .copyright {border-top:1px solid #e3e3e3; padding:40px 0 60px 0; clear:both}
.footer .copyright dt {color:#000; font-size:21px; overflow:hidden; margin-bottom:10px;}
.footer .copyright dt strong {font-weight:400; float:left; margin-right:15px}
.footer .copyright dt img {float:left; margin-top:2px}
.footer .copyright dd {overflow:hidden; margin-top:5px; font-size:12px;}
.footer .copyright .txt {float:left; color:#7f7f7f; position:relative;}
.footer .copyright .txt:before {display:none; content:""; background:#adadad; width:2px; height:2px; position:absolute; left:0; top:50%; margin-top:-2px}
.footer .copyright .txt+ .txt { padding-left:15px; margin-left:15px;}
.footer .copyright .txt+ .txt:before {display:inline-block;}
.footer .copyright .auth {color:#999; margin-top:20px; font-size:12px;}
.footer .copyright .auth strong {}

.footer .family_site {position:absolute; right:0; top:20px;}
.footer .family_site .txt {border:1px solid #dfdfdf; border-radius:100px; cursor:pointer; height:38px; line-height:40px; color:#7f7f7f; padding:0 15px; width:120px; position:relative;}
.footer .family_site .txt .shape {position:absolute; right:15px; top:50%; width:12px; height:7px; background:transparent url('../images/footer_family_ic.png') left top no-repeat; margin-top:-3px}
.footer .family_site .open_box {display:none; position:absolute; left:0; bottom:39px; width:150px; border:1px solid #666; background:#fff; z-index:5; padding:12px 0 10px 0; border-radius:20px;}
.footer .family_site .open_box li {overflow:hidden;}
.footer .family_site .open_box .link {display:block; padding:0 15px; line-height:27px; height:25px; color:#000;}
.footer .family_site .open_box .link:hover {color:#cb3726; text-decoration:underline;}
.footer .family_site:hover .txt {border:1px solid #666; background:#666; color:#fff;}
.footer .family_site:hover .txt .shape {background-position:right top;}
.footer .family_site:hover .open_box {display:block;}

.footer.if_open_sitemap .all_sitemap {display:block; position:relative; top:0; background:#ddd;}
.footer.if_open_sitemap .btn_sitemap .shape {background-position:right top;}



/* 맨위로 버튼 (공통) */
.btn_go_top {position:fixed; right:0; bottom:0; margin:20px; z-index:99999}
.btn_go_top .btn {width:45px; border:1px solid #d9d9d9; text-align:center; padding:15px 0; background:#fff;}
.btn_go_top .shape { width:22px; height:12px; background:transparent url('../images/btn_gotop.png') left top no-repeat;}
.btn_go_top:hover .btn {background:#cb3726; border:1px solid #cb3726; }
.btn_go_top:hover .shape {background-position:right top;}











/* ◆◆◆◆◆ 메인 배너및 광고 */
.main_ad {overflow:hidden; background:#f8f8f8; padding:20px 0; position:relative;}
.main_ad  li {list-style:none;}
.main_ad .layout_fix {overflow:hidden;}
.main_ad .rolling_box {overflow:hidden;}
.main_ad .rolling_box li {overflow:hidden;}
.main_ad .rolling_banner {float:left; position:relative; overflow:hidden; width:600px; height:230px;}
.main_ad .rolling_icon {position:absolute; left:45px; bottom:20px; overflow:hidden;}
.main_ad .rolling_icon .icon {width:8px; height:8px; float:left; background:transparent url('../images/main_ad_rolling_icon.png') left top no-repeat; margin-right:5px}
.main_ad .rolling_icon .icon:hover {background-position:right top;}
.main_ad .rolling_icon .active {background-position:right top;}
.main_ad .ad_center {float:left; background:#38393c; width:340px; height:230px;}
.main_ad .ad_center .inner_box {overflow:hidden; padding:30px; position:relative;}
.main_ad .ad_center img {width:280px; height:170px;}
.main_ad .ad_center .play_icon {width:75px; height:75px; background:transparent url('../images/main_ad_icon.png') left top no-repeat; position:absolute; left:50%; top:40px; margin-left:-35px;}
.main_ad .ad_center .cf {display:block; overflow:hidden; position:relative;}
.main_ad .ad_center .cf:hover .play_icon {background-position:right top;}
.main_ad .request_box {background:#38393c; float:left; height:230px; width:260px;}
.main_ad .request_box .inner_box {padding:30px 41px 30px 11px;}
.main_ad .request_box .call_num {color:#db240f; font-family:"rubik"; font-size:35px; height:53px; letter-spacing:-0.5px; padding-left:30px; margin-left:6px; box-sizing:border-box; margin-top:7px;}
.main_ad .request_box .call_num {background:transparent url('../images/main_tel_ic.png') left 10px no-repeat;}
.main_ad .request_box .input_design {background:#232426; width:100%; height:34px; text-indent:69px; box-shadow:inset 1px 1px 3px rgba(0,0,0,0.15);}
.main_ad .request_box .input_design:focus {color:#fff !important; background:#141415;}
/* .main_ad .request_box .input_design::-webkit-input-placeholder {color:#4f5051 !important}
.main_ad .request_box .input_design::input-placeholder {color:#4f5051 !important} */
.main_ad .request_box .input_design::-webkit-input-placeholder {color:#4f5051 !important; line-height:1\0 !important;}
.main_ad .request_box .input_design:-ms-input-placeholder {color:#4f5051 !important; line-height:1\0 !important;}
.main_ad .request_box .input_design:-moz-placeholder {color:#4f5051 !important; line-height:1\0 !important;}

.main_ad .request_box dd {margin-top:1px; position:relative;}
.main_ad .request_box dt {margin-top:5px; position:relative;}
.main_ad .request_box .opt {position:absolute; left:11px; top:0; height:34px; line-height:35px; z-index:2; font-weight:600; color:#a7a7a8; width:45px;}
.main_ad .request_box dd:before {content:""; width:1px; height:100%; background:#2e2f31; position:absolute; left:55px; top:0;}
.main_ad .request_box .letter2 {letter-spacing:10px;}
.main_ad .request_box .btn_call {display:block; text-align:center; color:#cb3726; font-size:13px; height:34px; line-height:36px; border:1px solid #823831; background:#2c2d2e;}
.main_ad .request_box .btn_call:hover {background:#db240f; border:1px solid #db240f; color:#fff;}
.main_ad .news_alarm {clear:both; overflow:hidden; position:relative; }
.main_ad .news_alarm .inner_box {padding:5px; margin-top:5px; overflow:hidden;}
.main_ad .news_alarm .txt_title {float:left; color:#000; font-size:15px; background:transparent url('../images/main_news_ic.png') left center no-repeat; height:33px; line-height:35px; padding-left:18px; margin-right:15px;}
.main_ad .news_alarm .txt_title:hover a {color:#c53525;}
.main_ad .news_alarm .posting {overflow:hidden; font-size:13px; color:#636363; height:33px; line-height:35px;  width:430px; position:relative;}
.main_ad .news_alarm .posting {text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; }
.main_ad .news_alarm .ctg {color:#c53525; font-size:13px; margin-right:5px}
.main_ad .news_alarm .posting:hover {color:#c53525}







/* ◆◆◆◆◆ 메인 솔루션 */
.main_solution {position:relative; overflow:hidden; /* border-top:1px solid #c6c6c6; */ margin-bottom:50px;}
.main_solution li {list-style:none;}
.main_solution .solution_list {overflow:hidden; position:relative;}
.main_solution .solution_list ul {margin-left:-60px; overflow:hidden;}
.main_solution .solution_list  li {width:50%; float:left; padding:40px 0 35px 0;}
.main_solution .solution_list:before {content:""; background:#c6c6c6; width:1px; height:100%; position:absolute; left:50%; top:0;}
.main_solution .solution_list .edge {background:transparent url('../images/main_sol_edge.gif') left top no-repeat; width:39px; height:20px; position:absolute; left:50%; bottom:0; margin-left:-19px;}

.main_solution .sol_box {overflow:hidden; position:relative; margin-left:60px}
.main_solution .sol_box dl {margin-bottom:25px; text-align:center;}
.main_solution .sol_box dt {/* font-family:"NanumSquare";  */font-size:38px; color:#000; letter-spacing:-1px; margin-top:5px}
.main_solution .sol_box strong {color:#cb3726;}
.main_solution .sol_box dd {color:#888; font-size:15px; -0.5px}
.main_solution .sol_img {overflow:hidden;}
.main_solution .sol_img img {float:left; padding-left:20px}

.main_solution .sol_btn {position:absolute; right:0; bottom:110px; width:160px;}
.main_solution .sol_btn ul {margin:0px; text-align:center;}
.main_solution .sol_btn li {float:none; margin-top:1px; width:100%; padding:0px;}
.main_solution .sol_btn .btn {display:block; background:#38393c; height:40px; line-height:40px;}
.main_solution .sol_btn .btn_color {background:#cb3726;}
/* .main_solution .sol_btn .btn:hover {background:#000;}
.main_solution .sol_btn .btn_color:hover {background:#ff3c00;} */
.main_solution .sol_btn .txt {font-size:15px; color:#fff; position:relative; padding:0 10px}
.main_solution .sol_btn .txt:before {content:""; width:4px; height:7px; background:transparent url('../images/main_sol_btn_ic.png') left top no-repeat; position:absolute; right:0; top:50%; margin-top:-3px}
/* .main_solution .sol_btn .btn:hover .txt:before {background-position:right top;} */

.main_solution .sol_price {position:absolute; right:0; bottom:25px;}
.main_solution .sol_price .before {float:left; font-family:"rubik"; color:#b2b2b2; font-size:30px; font-weight:300; position:relative; padding:0 12px 0 6px; overflow:hidden; margin:12px 5px 0 0;}
.main_solution .sol_price .before:before {content:""; height:13px; background:transparent url('../images/main_sol_del.png') right top no-repeat; width:100%; position:absolute; left:0; top:50%; margin-top:-7px}
.main_solution .sol_price .after {float:left; font-family:"rubik"; font-size:45px; color:#cb3726;}
.main_solution .sol_price .kr {color:#000; font-size:17px; margin:26px 0 0 2px; letter-spacing:-1px;}

.main_solution .sol_spec {overflow:hidden; text-align:center; border:1px solid #c6c6c6; margin-top:-2px}
.main_solution .sol_spec dl {float:left; width:16.66666%; cursor:default}
.main_solution .sol_spec dt {background:#f6f7fa; font-size:17px; color:#000; height:90px; overflow:hidden;}
.main_solution .sol_spec dd {color:#888; font-size:13px; padding:20px 0px; position:relative;}
.main_solution .sol_spec dd:before {content:""; background:#e5e5e5; width:1px; height:100%; position:absolute; left:-1px; top:0;}
.main_solution .sol_spec dd strong {display:block; line-height:1.4; letter-spacing:-0.5px;}
.main_solution .sol_spec .picto {display:block; margin:20px 0 10px 0}

.main_solution .sol_vs {overflow:hidden; padding:25px 0px; display:none;}
.main_solution .sol_vs .before {text-align:center;}
.main_solution .sol_vs .inner_box {display:inline-block; position:relative; background:transparent url('../images/') left top no-repeat; padding-bottom:40px}
.main_solution .sol_vs .question {color:#000; font-size:23px; margin-top:10px}
.main_solution .sol_vs .vs_icon {border-radius:100px; background:#38393c; width:65px; height:65px; font-family:"rubik"; color:#f2393c; line-height:67px; font-size:25px;}
.main_solution .sol_vs .vs_icon .en {display:block;}
.main_solution .sol_vs .vs_icon .kr {display:none; font-family:"NanumBarunGothic"; font-size:21px; line-height:69px; height:65px; overflow:hidden;}
.main_solution .sol_vs .edge {width:39px; height:21px; background:transparent url('../images/main_vs_ic.png') left top no-repeat; position:absolute; left:50%; bottom:10px; margin-left:-19px;}

.main_solution .sol_vs .inner_box:hover .vs_icon {background:#cb3726; color:#fff;}
.main_solution .sol_vs .inner_box:hover .edge {animation: solvs 0.5s infinite;  -webkit-animation: solvs 0.5s infinite; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.main_solution .sol_vs .inner_box:hover .vs_icon .en {display:none;}
.main_solution .sol_vs .inner_box:hover .vs_icon .kr {display:block;}
.main_solution .sol_vs .inner_box:hover .vs_icon {width:180px;}
.main_solution .sol_vs .inner_box:hover .vs_icon {animation: solvs2 0.3s ease;  -webkit-animation: solvs2 0.3s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}

@keyframes solvs {
    0% {bottom:8px}
	40% {bottom:0}
    100% {bottom:8px}
}
@keyframes solvs2 {
    from {width:65px; background:#38393c;}
    to {width:200px; background:#cb3726;}
}


.main_solution .vers_table {/* display:none;  */overflow:hidden; border:2px solid #000; margin:20px 100px;}
.main_solution .vers_table table {width:100%;}
.main_solution .vers_table thead th {font-size:21px; font-weight:400; padding:20px; border-bottom:1px solid #5e5f65;}
.main_solution .vers_table thead .tp {color:#e10000; border-bottom:1px solid #ccc;}
.main_solution .vers_table thead .hy {color:#008abc; border-bottom:1px solid #ccc;}
.main_solution .vers_table tbody td {border-bottom:1px solid #ccc; text-align:center; font-size:15px; padding:15px; line-height:19px; color:#333;}
.main_solution .vers_table tbody th {border-bottom:1px solid #4b4c51; background:#5e5f65; color:#fff; font-weight:400; font-size:15px; padding:15px;}
.main_solution .vers_table tbody tr:hover td {background:#eee;}
.main_solution .vers_table tbody tr:hover th {background:#4b4c51;}
.main_solution .vers_table strong {font-weight:400; color:#e10000;}
.main_solution .vers_table .sol_btn {position:relative; right:0; bottom:0; width:100%;}
.main_solution .vers_table .sol_btn ul {margin-left:-5px;}
.main_solution .vers_table .sol_btn li {list-style:none; float:left; width:33.3333%;}
.main_solution .vers_table .sol_btn .txt {font-size:13px;}
.main_solution .vers_table .sol_btn .btn {margin-left:5px;}

.main_solution .if_open_vers .vers_table {/* display:block; */}
.main_solution .if_open_vers.sol_vs .inner_box .vs_icon {background:#cb3726; color:#fff;}
.main_solution .if_open_vers.sol_vs .inner_box .edge {background-position:right top;}
.main_solution .if_open_vers.sol_vs .inner_box .edge {animation: solvs 0.5s infinite;  -webkit-animation: solvs 0.5s infinite; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.main_solution .if_open_vers.sol_vs .inner_box .vs_icon .en {display:none;}
.main_solution .if_open_vers.sol_vs .inner_box .vs_icon .kr {display:block;}
.main_solution .if_open_vers.sol_vs .inner_box .vs_icon {width:180px;}
.main_solution .if_open_vers.sol_vs .inner_box .vs_icon {animation: solvs2 0.3s ease;  -webkit-animation: solvs2 0.3s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}







/* ◆◆◆◆◆ 메인 포트폴리오 */
.main_pf {position:relative; overflow:hidden; background:#f2f4f8; padding:50px 0;}
.main_pf li {list-style:none;}
.main_pf .title_pf {color:#000; font-family:"rubik"; font-size:50px; font-weight:600; text-align:center; margin-bottom:30px}
.main_pf .title_pf a:hover {color:#cb3726;}

.main_pf .tabmenu { border-bottom:2px solid #252728; height:52px; text-align:center; }
.main_pf .tabmenu table {width:100%;}
.main_pf .tabmenu td {width:1%; vertical-align:top; position:relative;}
.main_pf .tabmenu td:before {content:""; width:1px; height:52px; background:#c7c7c7; position:absolute; right:0; top:0;}
.main_pf .tabmenu .tab {background:#fafafa; font-size:13px; color:#5e5e5e; height:51px; line-height:53px; display:block; border-top:1px solid #c7c7c7; border-left:1px solid #c7c7c7; letter-spacing:-0.5px; margin-left:-1px;}
.main_pf .tabmenu td:first-of-type .tab {border-left:1px solid #c7c7c7; margin:0 !important}
.main_pf .tabmenu .tab:hover {background:#fff; color:#000; text-decoration:underline;}
.main_pf .tabmenu .hit .tab {background:#f2f4f8; color:#000; font-weight:600; border:2px solid #252728 !important; height:52px; line-height:52px; border-bottom:0 !important; }
.main_pf .tabmenu .hit:before {display:none;}
.main_pf .tabmenu .hit+ td .tab {margin-left:0px; border-left:0;}
/*
.main_pf .tabmenu { border-bottom:2px solid #252728; height:51px; text-align:center; }
.main_pf .tabmenu li {float:left; width:8.3333%; height:50px; background:#fafafa;}
.main_pf .tabmenu .tab { font-size:13px; color:#5e5e5e; height:50px; line-height:52px; display:block; border-right:1px solid #c7c7c7; border-top:1px solid #c7c7c7}
.main_pf .tabmenu li:first-of-type .tab {border-left:1px solid #c7c7c7; margin:0 !important}
.main_pf .tabmenu .tab:hover {background:#fff; color:#000; text-decoration:underline;}
.main_pf .tabmenu .hit .tab {background:#efefef; height:51px; border-right:2px solid #252728; border-top:2px solid #252728; border-left:2px solid #252728; margin-left:-1px; color:#000; font-weight:600;}
.main_pf .tabmenu li:first-of-type.hit .tab {border-left:2px solid #252728 !important}
 */

.main_pf .pf_list .upper_shadow {background:transparent url('../images/main_pf_upper.png') left top repeat; position:absolute; top:0; height:100%; width:100%; z-index:20;}
.main_pf .pf_list .upper_shadow.upper_left {left:50%; margin-left:600px;}
.main_pf .pf_list .upper_shadow.upper_right {right:50%; margin-right:600px}
.main_pf .pf_list {overflow:hidden; position:relative; margin-top:55px;}
.main_pf .pf_list .prevnext {position:absolute; top:50%; margin-top:-45px; z-index:25}
.main_pf .pf_list .prevnext a {padding:10px;}
.main_pf .pf_list .prevnext .icon {width:51px; height:99px; background:transparent url('../images/main_pf_pvnx.png') left top no-repeat;}
.main_pf .pf_list .prevnext.prev {right:50%; margin-right:610px;}
.main_pf .pf_list .prevnext.next {left:50%; margin-left:610px;}
.main_pf .pf_list .prevnext.prev .icon {background-position:left top;}
.main_pf .pf_list .prevnext.next .icon {background-position:right top;}
.main_pf .pf_list .prevnext.prev:hover .icon {background-position:left bottom;}
.main_pf .pf_list .prevnext.next:hover .icon {background-position:right bottom;}
.main_pf .pf_list ul {height:372px; overflow:hidden;}
.main_pf .pf_list li {list-style:none; float:left; position:relative; overflow:hidden; margin:0 12px}

.main_pf .port_box {width:282px; position:relative;}
.main_pf .port_box .img_box {overflow:hidden; position:relative; height:300px;}
.main_pf .port_box .img_box img {width:100%;}
.main_pf .port_box .border { position:absolute; /* background:transparent url('../images/pf_border.png') left top repeat; */ z-index:2; background:#ddd;}
.main_pf .port_box .border01 { left:0;  top:0; width:1px; height:100%;}
.main_pf .port_box .border02 { right:0; top:0; width:1px; height:100%;}
.main_pf .port_box .border03 { left:0; top:0; width:100%; height:1px;}
.main_pf .port_box .txt_box {background:#fff; border:1px solid #ddd; height:50px; position:relative;}
.main_pf .port_box .txt_box dl {padding:12px 15px 0 73px}
.main_pf .port_box .txt_box dt {color:#666; font-size:13px; letter-spacing:-0.5px;}
.main_pf .port_box .txt_box dt {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; line-height:15px; height:15px;}
.main_pf .port_box .txt_box dd {font-size:11px; color:#999; letter-spacing:0px; font-family:"roboto","NanumBarunGothic"; line-height:12px; margin-top:3px;}
.main_pf .port_box .txt_box dd {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}

.main_pf .port_box .type {width:65px; height:50px; overflow:hidden; background:#666; color:#fff;  position:absolute; padding:13px 5px 0; z-index:5; line-height:1.3; font-size:11px;}
.main_pf .port_box .type {word-wrap:break-word; word-break:keep-all; white-space:normal; text-align:center; letter-spacing:-0.5px; box-sizing:border-box;}
.main_pf .port_box.if_tp .type {background:#cb3726; border:1px solid #cb3726;}
.main_pf .port_box.if_hy .type {background:#0ea7be; border:1px solid #0ea7be;}

.main_pf .port_box.if_ag .type {display:none;}
.main_pf .port_box.if_ag dl {padding-left:15px !important;}
.main_pf .port_box.if_other .type {background:#666; border:1px solid #666;}

.main_pf .port_box:hover .upper_link {border:1px solid #666;}
.main_pf .port_box:hover .txt_box dd {}
.main_pf .port_box.if_tp:hover .txt_box dt {color:#cb3726;}
.main_pf .port_box.if_hy:hover .txt_box dt {color:#0ea7be;}
.main_pf .port_box.if_ag:hover .txt_box dt {color:#000;}
.main_pf .port_box.if_other:hover .txt_box dt {color:#000;}
.main_pf .port_box:hover .border {background:#38393c;}

.main_pf .port_box .by_onedaynet {background:#FFF; color:#999; width:68px; height:50px; text-align:center; font-size:11px; line-height:1.3; border-left:1px #eee solid; padding-top:13px;}
.main_pf .port_box .by_onedaynet {position:absolute; right:1px; bottom:1px; z-index:2; box-sizing:border-box;}
.main_pf .port_box .by_part {background:#FFF; color:#999; width:68px;  height:50px; text-align:center; font-size:11px; line-height:1.3; border-left:1px #eee solid; padding-top:13px;}
.main_pf .port_box .by_part {position:absolute; right:1px; bottom:1px;  z-index:2; box-sizing:border-box;}
.main_pf .port_box .by_customer { background:#FFF; color:#74b72c; width:68px;  height:50px; text-align:center; font-size:11px; line-height:1.3; border-left:1px #eee solid; padding-top:13px;}
.main_pf .port_box .by_customer {position:absolute; right:1px; bottom:1px;  z-index:2; box-sizing:border-box;}
.main_pf .port_box .by_onedaynet+ .img_box+ .txt_box {padding-right:65px;}
.main_pf .port_box .by_part+ .img_box+ .txt_box {padding-right:65px;}
.main_pf .port_box .by_customer+ .img_box+ .txt_box {padding-right:65px;}


.main_pf .stats_number {margin-top:50px; overflow:hidden; text-align:center;}
.main_pf .stats_number ul {display:inline-block;}
.main_pf .stats_number li {float:left; padding:0 45px;}
.main_pf .stats_number .number {font-family:"rubik"; font-size:51px; color:#000; letter-spacing:-0.5px;}
.main_pf .stats_number .txt {/* font-family:"NanumSquare"; */ color:#000; font-size:17px; letter-spacing:-0.5px; margin-top:5px;}








/* ◆◆◆◆◆ 메인 부가서비스 */
.main_add {position:relative; overflow:hidden; margin-top:40px;}
.main_add  li {list-style:none;}
.main_add .title_sv {text-align:center; /* font-family:"NanumSquare"; */ font-size:34px; color:#000; line-height:80px;}
.main_add .title_sv strong {color:#cb3726; position:relative;}
.main_add .title_sv strong:before {content:""; width:35px; height:24px; background:transparent url('../images/main_sv_t.png') left top no-repeat; position:absolute; left:-15px; top:-23px;}

.main_add .sv_list {border:1px solid #d2d2d2; margin-top:10px;}
.main_add .sv_list ul {height:315px;}
.main_add .sv_list li {float:left; width:20%; text-align:center; background:transparent url('../images/main_sv_dotted.png') left top repeat-y; position:relative;}
.main_add .sv_list li:before {content:""; width:23px; height:12px; background:transparent url('../images/main_sv_edge.png') left top no-repeat; position:absolute; left:-11px; top:-1px; z-index:2}
.main_add .sv_list li:after {content:""; width:23px; height:12px; background:transparent url('../images/main_sv_edge.png') left bottom no-repeat; position:absolute; left:-11px; bottom:-1px; z-index:2}
.main_add .sv_list li:first-of-type {background:none;}
.main_add .sv_list li:first-of-type:before {display:none;}
.main_add .sv_list li:first-of-type:after {display:none;}

.main_add .sv_box {overflow:hidden; position:relative; height:315px;}
.main_add .sv_box .picto {padding:50px 0px;}
.main_add .sv_box dl {position:relative;}
.main_add .sv_box dt {font-size:14px; color:#888;}
.main_add .sv_box dd {color:#000; font-size:21px; margin-top:5px;}
.main_add .sv_box .btn_box {margin-top:20px;}
.main_add .sv_box .btn_go {background:#e5e5e5; color:#868484; font-family:"rubik"; font-size:20px; height:40px; line-height:40px; width:70px; border-radius:100px;}

.main_add .sv_list li:hover {background-color:#f1f5f7;}
.main_add .sv_list li:hover .btn_go {background-color:#cb3726; color:#fff;}
.main_add .sv_list li:hover dd {color:#cb3726;}


.main_add .sv_box .ic_new {position:absolute; left:0; top:-24px; width:100%; height:18px; background:transparent url('../images/new_new.png') center top no-repeat; z-index:1}

.main_add.if_2017 .btn_box {display:none;}
.main_add.if_2017 .sv_box .picto {padding:40px 0;}
.main_add.if_2017 .sv_list ul {height:245px;}
.main_add.if_2017 .sv_box {height:245px;}



/* ◆◆◆◆◆ 메인 중간배너 */
.main_mid_bn {position:relative; overflow:hidden; margin-top:60px;}
.main_mid_bn li {list-style:none; float:left; width:50%;}
.main_mid_bn ul {margin-left:-40px}
.main_mid_bn .banner_box {overflow:hidden; margin-left:40px}
.main_mid_bn .banner_box img {float:left;}








/* ◆◆◆◆◆메인 고객센터 */
.main_cs {position:relative; overflow:hidden; margin-top:60px; background:#eff2f5; border:1px solid #dcdcdc; border-left:0; border-right:0; padding:40px 0px; position:relative; height:330px;}
.main_cs li {list-style:none; position:relative;}
.main_cs:before {content:""; background:#dcdcdc; width:1px; height:100%; position:absolute; left:50%; top:0;}
.main_cs .left_box {float:left; position:relative; width:50%;}
.main_cs .right_box {float:right; position:relative; width:50%;}

.main_cs .cs_tel {overflow:hidden;}
.main_cs .cs_tel .call_num {font-size:60px; font-family:"rubik"; color:#cb3726; float:left; letter-spacing:-1px;}
.main_cs .cs_tel dl {float:left; margin:17px 0 0 20px}
.main_cs .cs_tel dt {color:#000; font-size:15px;}
.main_cs .cs_tel dd {color:#77797a; font-size:15px; margin-top:5px;}

.main_cs .inquiry_board {overflow:hidden; margin-top:35px; width:350px;}
.main_cs .inquiry_title {color:#000; font-size:21px; border-bottom:1px solid #c8cacd; overflow:hidden;}
.main_cs .inquiry_title .link {display:inline-block; position:relative; padding:10px 35px 10px 0;}
.main_cs .inquiry_title .link:before {content:""; width:15px; height:15px; background:transparent url('../images/main_cs_more.png') left top no-repeat; position:absolute; right:10px; top:50%; margin-top:-9px}
.main_cs .inquiry_title .link:hover {color:#cb3726;}
.main_cs .inquiry_title .link:hover:before {background-position:right top;}
.main_cs .inquiry_list {margin-top:10px;}
.main_cs .inquiry_list .post_box {overflow:hidden; position:relative; padding:0 6px; }
.main_cs .inquiry_list .post_box *{font-size:13px; letter-spacing:0px; line-height:28px; height:28px;}
.main_cs .inquiry_list .post_box .ctg {float:left; color:#000;}
.main_cs .inquiry_list .post_box .txt_wrap {float:right; overflow:hidden;}
.main_cs .inquiry_list .post_box .writer {float:left; color:#000; }
.main_cs .inquiry_list .post_box .date {float:left; color:#888; font-size:12px; margin-left:25px;}
.main_cs .inquiry_list .post_box .state {float:right; color:#8f9193; margin-left:25px;}
.main_cs .inquiry_list .post_box .ready {color:#8f9193;}
.main_cs .inquiry_list .post_box .ing {color:#4599b8;}
.main_cs .inquiry_list .post_box .end {color:#ef1c1c;}

.main_cs .direct_btn {position:absolute; right:50px; bottom:5px; width:165px;}
.main_cs .direct_btn li+ li {margin-top:6px;}
.main_cs .direct_btn .btn {display:block; background:#fff; height:55px; line-height:57px; font-size:15px; color:#333;}
.main_cs .direct_btn .txt {margin-left:35px; padding-left:25px; position:relative;}
.main_cs .direct_btn .txt:before {content:""; width:16px; height:16px; position:absolute; left:0; top:50%; margin-top:-8px;}
.main_cs .direct_btn .ic_1 .txt:before {background:transparent url('../images/main_cs_ic1.png') left center no-repeat;}
.main_cs .direct_btn .ic_2 .txt:before {background:transparent url('../images/main_cs_ic2.png') left center no-repeat;}
.main_cs .direct_btn .ic_3 .txt:before {background:transparent url('../images/main_cs_ic3.png') left center no-repeat;}
.main_cs .direct_btn .btn:hover {background:#3c4042; color:#fff;}
.main_cs .direct_btn .btn:hover .txt:before {background-position:right top;}
.main_cs .direct_btn .ic_1:hover {background:#cb3726;}
.main_cs .direct_btn .ic_3:hover {background:#2f7da9;}

.main_cs .recent_board {margin-left:50px; position:relative; overflow:hidden;}
.main_cs .board_title {color:#000; font-size:21px; width:170px; height:130px; letter-spacing:-1px; text-align:center; float:left;}
.main_cs .board_title {background:transparent url('../images/main_cs_picto1.png') center 60px no-repeat;}
.main_cs .board_title .link {padding:10px;}
.main_cs .board_title .link:hover {color:#cb3726;}
.main_cs .recent_board.if_faq {margin-top:25px; padding-top:25px; border-top:1px solid #d2d4d7;}
.main_cs .recent_board.if_faq .board_title {background:transparent url('../images/main_cs_picto2.png') center 60px no-repeat;}

.main_cs .board_list {overflow:hidden; position:relative; float:right; width:350px;}
.main_cs .board_list li {position:relative; padding-right:70px; overflow:hidden;}
.main_cs .board_list .post_box {overflow:hidden; height:28px; display:inline-block; max-width:100%; float:left;}
.main_cs .board_list .post_box .title {color:#474849; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; line-height:28px; height:28px;}
.main_cs .board_list .post_box .date {position:absolute; right:0; top:0; line-height:28px; height:28px; color:#8f9193;}
.main_cs .board_list .new {width:14px; height:13px; display:inline-block; background:transparent url('../images/board_new.gif') left top no-repeat; float:right; margin:6px 0 0 4px;}
.main_cs .board_list li:hover .post_box .title {color:#cb3726; text-decoration:underline;}
.main_cs .board_list li:hover .post_box .date {color:#000;}







/* ◆◆◆◆◆ 메인 팁&가이드 */
.main_tip {position:relative; overflow:hidden; margin:70px 0 40px 0;}
.main_tip  li {list-style:none;}
.main_tip .tip_title {position:absolute; left:0; top:0;}
.main_tip .tip_title dt {font-family:"rubik"; font-weight:600; color:#000; font-size:50px; margin-bottom:20px;}
.main_tip .tip_title dd {color:#000; font-size:px; letter-spacing:-1px; font-size:25px;}
.main_tip .tip_title dd+ dd {font-size:19px; margin-top:5px;}
.main_tip .tip_title dd u {text-decoration:none; border-bottom:1px solid #000;}
.main_tip .tip_title .btn_more {background:#2e2c2c; margin-top:30px; color:#c1c0c0; font-size:15px; height:45px; line-height:47px; padding:0 35px 0 30px; border-radius:100px;}
.main_tip .tip_title .btn_more .txt {background:transparent url('../images/main_tip_tic.png') left center no-repeat; padding-left:25px; letter-spacing:-0.5px;}
.main_tip .tip_title .btn_more:hover {background:#cb3726; color:#fff;}

.main_tip .tip_list {margin-left:400px;}
.main_tip .tip_list li {float:left; width:33.3333%; padding-top:30px;}
.main_tip .tip_post {border:1px solid #caced7; margin-left:25px; height:260px;}
.main_tip .tip_post .q_box {background:#f16363; padding:25px; height:65px; position:relative; margin:-30px -1px 0 30px;}
.main_tip .tip_post .q_box:before {content:""; width:17px; height:17px; background:transparent url('../images/main_tip_edge.gif') left top no-repeat; position:absolute; left:0; bottom:-17px;}
.main_tip .tip_post .q_box dt {color:rgba(255,255,255,0.7);; font-size:13px; margin-bottom:15px;}
.main_tip .tip_post .q_box dd {color:#fff; font-size:15px; letter-spacing:-0.5px;}
.main_tip .tip_post .q_box strong {border-bottom:1px solid rgba(255,255,255,0.5);;}
.main_tip .tip_post .a_box {margin:30px 20px 25px 40px; font-size:13px; word-wrap:break-word; word-break:keep-all; white-space:normal; color:#4c4c4c; line-height:1.35; overflow:hidden; height:70px}
.main_tip .tip_post .btn_go {overflow:hidden; text-align:center;}
.main_tip .tip_post .btn_more {color:#7f7f7f; border:1px solid #b2b2b2; border-radius:100px; height:30px; line-height:32px; padding:0 20px;}
.main_tip .tip_post .btn_more .txt {color:#; position:relative; padding-right:12px;}
.main_tip .tip_post .btn_more .txt:before {content:""; position:absolute; right:0; top:50%; width:4px; height:7px; background:transparent url('../images/main_tip_more.gif') left top no-repeat; margin-top:-5px;}
.main_tip .tip_post .btn_more:hover {background:#3f3939; color:#fff; border:1px solid #3f3939;}
.main_tip .tip_post .btn_more:hover .txt:before {background-position:right top;}
.main_tip .tip_list .tip_post:hover {border:1px solid #f16363;}






/* ◆◆◆◆◆ 양쪽 날개배너 */
.fly_banner {position:absolute; top:440px;}
.fly_banner li {list-style:none; margin-bottom:10px; overflow:hidden;}
.fly_banner img {float:left;}

.fly_banner.right_box {left:50%; margin-left:620px;}
.fly_banner.left_box {right:50%; margin-right:620px;}



.main_play {}
.main_play .wrapping {background:#000; position:absolute; left:50%; top:-250px; padding:40px; margin-left:-400px;}
.main_play .btn_close {width:20px; height:20px; background:transparent url('../images/cm_images/item_quick_close.gif') center center no-repeat; position:absolute; right:15px; top:15px;}





@media screen and (max-width:1510px) {
	.fly_banner {display:none;}
}

@media screen and (max-width:1400px) {
	.main_pf .pf_list .upper_shadow.upper_left {margin-left:550px;}
	.main_pf .pf_list .upper_shadow.upper_right  {margin-right:550px;}
	.main_pf .pf_list .prevnext.next {margin-left:550px}
	.main_pf .pf_list .prevnext.prev {margin-right:550px}
}




/* ●●●●●●●●●● 관리자설정 팝업창 */
.popup {/* position:absolute; */ z-index:999999; display:inline-block; position:relative;}
.popup .img_box {overflow:hidden;}
.popup .img_box img {float:left;}

/* 일반형*/
.popup .btn_area {position:relative; overflow:hidden; background:#4d4d4d; height:30px;}
.popup .btn_area label {overflow:hidden; color:#ccc; font-size:11px; letter-spacing:0; float:left; padding:0 6px; height:30px; line-height:30px;}
.popup .btn_area label:hover {color:#fff;}
.popup .btn_area input {margin:1px 3px 0 0; width:0; height:0;}
.popup .btn_close {position:absolute; right:10px; top:9px;}
.popup .btn_close:before { content:''; float:left; background:transparent url('../images/cm_images/member_pop_close.gif') center center no-repeat; width:13px; height:13px; }


/* 축소형
.popup .btn_area {position:relative; overflow:hidden; position:absolute; right:0; top:0; margin:20px;}
.popup .btn_area label {overflow:hidden; color:#ccc; font-size:11px; letter-spacing:0; float:left; padding:0 6px; height:30px; line-height:30px; display:none;}
.popup .btn_area label:hover {color:#fff;}
.popup .btn_area input {margin:1px 3px 0 0; width:0; height:0;}
.popup .btn_close {width:17px; height:17px;}
.popup .btn_close:before { content:''; float:left; background:transparent url('../images/cm_images/pop_close2.gif') center center no-repeat; width:17px; height:17px; }
*/







/* **************************************** *
   ■■■■■■■■■■■■■■■ 2019년 1월 임대형 솔루션 업데이트 관련 작업 ■■■■■■■■■■■■■■■
 * **************************************** */



/* ******************************************
     2019-01-07 메인 솔루션
  -- ****************************************** */
.main_re_solution {border-bottom:1px solid #ddd;}
.main_re_solution li {list-style:none;}
.main_re_solution .solution_list {overflow:hidden;}
.main_re_solution .solution_list .ul {}
.main_re_solution .solution_list .li {width:33.333333%; float:left; border-left:1px solid #eaeaea; box-sizing:border-box;}
.main_re_solution .solution_list .li:first-child {border-left:0;}
.main_re_solution .sol_box {text-align:center; padding:45px 35px 50px; }
.main_re_solution .sol_box dt {color:#cb3726; font-size:17px; line-height:1; letter-spacing:-0.5px; height:24px; line-height:27px; line-height:26px\0;}
.main_re_solution .sol_box dd {font-family:Noto Sans CJK KR,"Noto"; font-weight:700; color:#000; font-size:32px; line-height:1; letter-spacing:-2px; margin-top:8px;}
.main_re_solution .sol_box .sub_txt {font-size:14px; line-height:20px; color:#999; margin-top:25px; letter-spacing:-0.3px;}
.main_re_solution .sol_box dd span {position:relative;}
.main_re_solution .sol_box .new_icon {position:absolute; left:0; top:0; margin-left:-47px;}


.main_re_solution .sol_price {display:inline-block; margin-top:35px;}
.main_re_solution .sol_price .before {float:left; font-size:21px; color:#999; letter-spacing:-0.5px; line-height:24px; position:relative; padding:0 3px; margin-top:12px; margin-right:5px;}
.main_re_solution .sol_price .before:before {content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#999; margin-top:-1px;}
.main_re_solution .sol_price .after {float:left; line-height:24px;}
.main_re_solution .sol_price .after strong {font-family:Noto Sans CJK KR,"Noto"; font-size:38px; color:#db2e1f; font-weight:900; float:left; line-height:34px; letter-spacing:-0.5px;}
.main_re_solution .sol_price .after .kr {font-size:21px; color:#000; float:left; letter-spacing:-0.5px; margin-top:12px; margin-left:2px}
.main_re_solution .sol_price .after .txt {float:left; font-size:17px; color:#000; font-weight:600; letter-spacing:-0.5px; margin-top:14px; margin-left:3px;}

.main_re_solution .sol_btn {overflow:hidden; margin-top:33px;}
.main_re_solution .sol_btn ul {margin-left:-10px;}
.main_re_solution .sol_btn li {float:left; width:50%;}
.main_re_solution .sol_btn .btn {margin-left:10px; border:1px solid #ccc; display:block; height:41px; line-height:40px; box-sizing:border-box;}
.main_re_solution .sol_btn .txt {font-size:14px; letter-spacing:-0.5px; }
.main_re_solution .sol_btn .btn.color {border-color:#db2e1f; color:#db2e1f;}
.main_re_solution .sol_btn .btn:hover {background:#f6f7fa;}
.main_re_solution .sol_btn .btn.color:hover {background:#cb3726; color:#fff;}

.main_re_solution .if_re dt {color:#2683cb; }
.main_re_solution .if_re dt strong {/* background:#2683cb; color:#fff;  padding:0px 4px;*/  display:inline-block; height:24px;}
.main_re_solution .if_re .sol_price .after strong {letter-spacing:-1.5px; color:#2683cb; font-size:34px; margin-top:2px;}
.main_re_solution .if_re .sol_btn .btn.color {border-color:#2683cb; color:#2683cb;}
.main_re_solution .if_re .sol_btn .btn.color:hover {background:#2683cb; color:#fff;}






/* ******************************************
     2019-01-07 부가 서비스
  -- ****************************************** */
.main_add_re {background:#f1f1f1; padding:60px 0;}
.main_add_re li {list-style:none;}
.main_add_re .title_sv {text-align:center; font-size:27px; color:#000; letter-spacing:-1.5px; font-family:Noto Sans CJK KR, "Noto"; line-height:1; margin-bottom:30px;}
.main_add_re .title_sv strong {font-weight:900;}

.main_add_re .sv_list {overflow:hidden; }
.main_add_re .sv_list li {float:left; width:20%; border-left:1px solid #ddd; box-sizing:border-box;}
.main_add_re .sv_list li:first-child {border-left:0;}

.main_add_re .sv_box {text-align:center; position:relative; padding-top:15px;}
.main_add_re .sv_box .picto {}
.main_add_re .sv_box dl {position:relative;}
.main_add_re .sv_box dt {font-size:15px; font-weight:600; color:#000; margin-top:25px; letter-spacing:-0.5px;}
.main_add_re .sv_box dd {font-size:13px; color:#999; margin-top:8px; letter-spacing:-0.5px;}
.main_add_re .sv_box:hover dt {color:#c93825;}
.main_add_re .sv_box .ic_new {position:absolute; left:0; top:-24px; width:100%; height:18px; z-index:1}





/* ******************************************
     2019-01-07 도메인
  -- ****************************************** */
.main_domain_re {padding:60px 0;}
.main_domain_re .title_sv {text-align:center; font-size:25px; color:#000; letter-spacing:-1px; font-weight:400; font-family:Noto Sans CJK KR, "Noto"; line-height:1; margin-bottom:30px;}
.main_domain_re .title_sv strong {font-weight:900;}
.main_domain_re .domain {text-align:center; }
.main_domain_re .domain .form {display:inline-block;}
.main_domain_re .domain .form ul {display:table; width:100%; box-sizing:border-box;}
.main_domain_re .domain .form li {display:table-cell; vertical-align:middle;}
.main_domain_re .domain .form .tt {color:#000; font-family:Verdana; font-size:25px; font-weight:600; padding-right:10px;}
.main_domain_re .domain .form .input_search {height:62px; box-sizing:border-box; border:1px solid #999; border-right:0; width:490px; background:#fff; padding:0 25px; font-size:17px;}
.main_domain_re .domain .form .input_search:focus {border-color:#000;}
.main_domain_re .domain .form .input_search::-webkit-input-placeholder {color:#aaa !important}
.main_domain_re .domain .form .input_search:-ms-input-placeholder {color:#aaa !important}
.main_domain_re .domain .form .input_search:-moz-placeholder {color:#aaa !important}
.main_domain_re .domain .form .search_btn {background:#2e2c2c; padding:0 25px; color:#fff !important; font-weight:600; font-size:15px; height:62px;}
.main_domain_re .domain .form .search_btn:hover {background:#cb3726;}





/* ******************************************
     2019-01-07 추천부가서비스
  -- ****************************************** */
.main_service_re {background:#f1f1f1; padding:60px 0 70px;}
.main_service_re li {list-style:none;}
.main_service_re .title_sv {text-align:center; font-size:27px; color:#000; letter-spacing:-1px; font-weight:400; font-family:Noto Sans CJK KR, "Noto"; line-height:1; margin-bottom:30px;}
.main_service_re .title_sv strong {font-weight:900;}

.main_service_re .service_box {}
.main_service_re .service_box .ul {display:table; width:100%; table-layout:fixed; box-sizing:border-box;}
.main_service_re .service_box .li {display:table-cell; vertical-align:middle; height:118px; border:1px solid #fff; box-sizing:border-box;}
.main_service_re .service_box .in_box {position:relative; background:#fff; padding-left:30px;}
.main_service_re .service_box .inner { display:table; width:100%; table-layout:fixed;}
.main_service_re .service_box .picto, .main_service_re .service_box dl {display:table-cell; vertical-align:middle; box-sizing:border-box; height:118px;}
.main_service_re .service_box .picto {width:95px; padding-left:10px;}
.main_service_re .service_box dt {font-size:16px; color:#333; font-weight:600; letter-spacing:-0.5px;}
.main_service_re .service_box dd {font-size:13px; color:#999; letter-spacing:-0.5px; margin-top:8px;}

.main_service_re .top_box {margin:0 -8px;}
.main_service_re .top_box .ul {border-collapse:separate; border-spacing:8px 0;}
.main_service_re .bottom_box {/* margin:0 -8px; */ margin-top:8px;}
.main_service_re .bottom_box .table {overflow:hidden; margin:0 -8px;}
.main_service_re .bottom_box .td {width:50%; float:left;}
.main_service_re .bottom_box .table .ul {border-collapse:separate; width:auto; border-spacing:8px 0;}
.main_service_re .bottom_box .left {margin-right:-4px;}
.main_service_re .bottom_box .left+ .left {margin-top:8px;}
.main_service_re .bottom_box .left ul {}
.main_service_re .bottom_box .right {margin-left:-4px; }

.main_service_re .service_box .kakao {background:#d7e5ee; height:auto !important; vertical-align:bottom !important; border:1px solid #d7e5ee; border-bottom:0;}
.main_service_re .kakao .in_box {background:none; padding-left:0; text-align:center; width:292px; position:relative;}
.main_service_re .kakao .in_box:before {content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:transparent;}
.main_service_re .kakao .inner, .main_service_re .kakao .picto, .main_service_re .kakao dl {display:block; height:auto;}
.main_service_re .kakao .picto {padding-left:0; width:auto; margin-top:15px; }
.main_service_re .kakao dd {color:#738a99;}
.main_service_re .kakao+ .li {border:0;}
.main_service_re .kakao+ .li li {border:1px solid #fff;}
.main_service_re .kakao+ .li li+ li {margin-top:8px;}

.main_service_re .bottom_box .sms {border:1px solid #e7dfd5; border-bottom:0;}
.main_service_re .bottom_box .sms .in_box {background:#e7dfd5; padding-left:125px}
.main_service_re .bottom_box .sms .in_box:before {content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:transparent;}
.main_service_re .bottom_box .sms .picto {width:205px; padding-left:0}

.main_service_re .service_box .li:hover {border-color:#ddd;}
.main_service_re .kakao+ .li li:hover {border-color:#ddd;}
.main_service_re .kakao:hover {border-color:#b5cad7 !important;}
.main_service_re .kakao:hover .in_box:before {background:#b5cad7;}
.main_service_re .sms:hover {border-color:#d9ccbb !important;}
.main_service_re .sms:hover .in_box:before {background:#d9ccbb;}







/* **************************************** *
  ------------------------------------------------------------- 2019년 1월 임대형 솔루션 업데이트 관련 작업 여기까지
 * **************************************** */