@charset 'utf-8';

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


/* ●●●●●●●●●● 컨텐츠 개별 */

/* 01.솔루션 ----------------------------------------------------------------------------- */

/* 01.솔루션_솔루션 한눈에 보기 */
.p_sol { overflow:hidden; }
.p_sol .c_allsolution { overflow:hidden; border:1px solid #ddd; border-left:0; background:#fff; }
.p_sol .c_allsolution ul { overflow:hidden; position:relative; }
.p_sol .c_allsolution li { float:left; list-style:none; width:400px; text-align:center; position:relative; border-left:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
.p_sol .c_allsolution .one_box { /*border-right:1px solid #ddd;*/ padding:30px 0 141px 0; position:relative; }
.p_sol .c_allsolution li:first-child {width:399px;}
.p_sol .c_allsolution .type_tp { position:relative; }
.p_sol .c_allsolution .edge { position:absolute; left:50%; bottom:-7px; margin-left:-8px; }
.p_sol .c_allsolution .type_tp ul { display:inline-block; }
.p_sol .c_allsolution .type_tp ul:before { display:none; }
.p_sol .c_allsolution .type_tp li { float:left; font-size:13px; color:#333; letter-spacing:-0.2px; width:100px; background:#FFF; border:1px solid #CCC; border-radius:0 20px 20px 0; height:24px; line-height:26px; padding:0; }
.p_sol .c_allsolution .type_tp li:first-child { background:#CCC; border-radius:20px 0 0 20px; border:1px solid #CCC; height:24px; line-height:25px; }
.p_sol .c_allsolution .type_hy li:first-child { background:#CCC; border:1px solid #CCC;  }

.p_sol .c_allsolution .name_tp { overflow:hidden; margin-top:15px; }
.p_sol .c_allsolution .name_tp .title { font-size:32px; color:#000; letter-spacing:-0.5px; display:block; /* font-family:"NanumSquare"; */ }
.p_sol .c_allsolution .name_tp .title em { color:#cb3726; }
.p_sol .c_allsolution .name_hy .title em { color:#0ea7be; }
.p_sol .c_allsolution .name_tp .sub_tit { font-size:15px; color:#7f7f7f; letter-spacing:-0.5px; margin-top:6px; display:block;}
.p_sol .c_allsolution .name_tp .sub_tit em {position:relative;}
.p_sol .c_allsolution .name_tp .sub_tit em:before { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#bfbfbf; }
.p_sol .c_allsolution .preview { overflow:hidden; margin-top:25px; }

.p_sol .c_allsolution .price { overflow:hidden; display:inline-block; margin-top:15px; }
.p_sol .c_allsolution .price .before { float:left; font-size:32px; color:#9b9b9b; letter-spacing:-0.5px; font-family:'rubik'; font-weight:300; position:relative; padding:0 13px 0 5px; margin:9px 11px 0 0; }
.p_sol .c_allsolution .price .before:before { content:""; position:absolute; left:0; top:50%; width:100%;  margin-top:-6px; height:13px; background:transparent url('../images/sub_design/arrow_black.png') right top no-repeat; z-index:2; }
.p_sol .c_allsolution .price .after { float:left; font-size:45px; color:#cb3726; letter-spacing:-0.5px; font-family:'rubik'; }
.p_sol .c_allsolution .price .kr { float:left; font-size:17px; color:#000; letter-spacing:-0.5px; font-family:'NanumBarunGothic'; margin-top:25px; }

.p_sol .c_allsolution .c_btn { /*margin:23px 43px 0 48px;*/ position:absolute; left:0; bottom:55px; width:100%; z-index:10; text-align:center;}
.p_sol .c_allsolution .c_btn ul { margin:0 43px 0 48px !important; }
.p_sol .c_allsolution .c_btn ul:before { display:none; }
.p_sol .c_allsolution .c_btn li { width:50%; padding:0; margin:0; text-align:center; }
.p_sol .c_allsolution .c_btn .btn { padding:0; font-size:13px; color:#666; width:148px; border:1px solid #CCC; height:33px; line-height:33px; margin:2px; }
.p_sol .c_allsolution .c_btn .btn_red { color:#fff; border:1px solid #cb3726; }
.p_sol .c_allsolution .c_btn .btn_red:hover { border:1px solid #a22b1e;  }
.p_sol .c_allsolution .c_btn .btn_black { color:#fff; border:1px solid #303136; }
.p_sol .c_allsolution .c_btn .btn_black:hover { border:1px solid #151618; }
.p_sol .c_allsolution .c_btn li { border:0;}
.p_sol .c_allsolution .c_btn li:first-child { border:0;}

.p_sol .c_allsolution li:hover { background:#f0f0f0; }
.p_sol .c_allsolution li:hover .title { color:#000; }
.p_sol .c_allsolution li:hover .sub_tit { color:#333; }
.p_sol .c_allsolution li:hover .before { color:#333; }
.p_sol .c_allsolution li:hover .kr { color:#000; }
.p_sol .c_allsolution .type_tp li:hover { background:#303136; }
.p_sol .c_allsolution .type_tp li:first-child:hover { background:#cb3726; }
.p_sol .c_allsolution .type_hy li:first-child:hover { background:#0ea7be; }

.p_sol .c_allspec { overflow:hidden; position:relative;  }
.p_sol .c_allspec ul { border:1px solid #ccc; overflow:hidden; border-left:0; background:#f7f6f6; position:relative; }
/* .p_sol .c_allspec ul:before { content:""; position:absolute; left:0; top:112px; width:100%; height:1px; background:#ccc; }
.p_sol .c_allspec ul:after { content:""; position:absolute; left:0; top:226px; width:100%; height:1px; background:#ccc; } */
.p_sol .c_allspec li { float:left; list-style:none; width:33.3333%; /* border-left:1px solid #ccc;  */ height:90px; position:relative;}
.p_sol .c_allspec li:before {content:""; background:#ccc; width:150%; height:1px; position:absolute; left:0; bottom:-1px;}
.p_sol .c_allspec li:after {content:""; background:#ccc; height:150%; width:1px; position:absolute; left:0; top:0px;}
.p_sol .c_allspec dl { overflow:hidden; padding-top:25px;}
.p_sol .c_allspec dt { float:left; margin:3px 10px 0 16px;}
.p_sol .c_allspec dd { font-size:12px; color:#757778; letter-spacing:-0.5px; margin-top:3px;}
.p_sol .c_allspec .title { font-size:15px; color:#000; letter-spacing:-0.5px; }
.p_sol .c_allspec .spec_title { position:absolute; left:50%; top:91px; margin-left:-134px; text-align:center; padding:10px 0 0 0; background:#fff; border:1px solid #cb3726; width:265px; height:79px;}
.p_sol .c_allspec .spec_title dl { margin:0 0 0 0; }
.p_sol .c_allspec .spec_title dt { float:none; font-size:17px; color:#cb3726; letter-spacing:-0.5px; margin:0; }
.p_sol .c_allspec .spec_title dd { font-size:13px; color:#999; letter-spacing:-0.5px; }




.p_sol .c_allportfolio { overflow:hidden; margin-top:80px; padding:0; background:transparent;}
.p_sol .c_allportfolio .title_box { font-size:26px; color:#000; letter-spacing:-0.5px; text-align:center; }
.p_sol .c_allportfolio .tabmenu { margin-top:34px; }
.p_sol .c_allportfolio .tabmenu li { width:8.2%; }
.p_sol .c_allportfolio .tabmenu li:first-child { width:9.8%; }
.p_sol .c_allportfolio .tabmenu .tab {  background:#ececec; }
.p_sol .c_allportfolio .tabmenu .hit .tab { background:#fff; }
.p_sol .c_allportfolio .pf_list { margin:0; background:#fff; border:2px solid #000; border-top:0; }
.p_sol .c_allportfolio .list_wrap { margin:37px 45px 34px 45px; overflow:hidden; }
.p_sol .c_allportfolio .pf_list ul { overflow:visible; height:auto; margin-left:-15px; }
.p_sol .c_allportfolio .pf_list li { width:25%; margin:10px 0; }
.p_sol .c_allportfolio .port_box { width:auto; margin-left:15px; /*box-sizing:border-box; padding:0 6px;*/ }
.p_sol .c_allportfolio .port_box .img_box { height:auto; }
.p_sol .c_allportfolio .c_btn { clear:both; margin-bottom:52px; }
.p_sol .c_allportfolio .c_btn ul { padding-bottom:0; }
.p_sol .c_allportfolio .c_btn li { width:auto; margin:0; }
.p_sol .c_allportfolio .c_btn li:before { display:none; }
/* .p_sol .c_allportfolio .port_box .txt_box dt { font-size:15px; }
 */



/* 01.솔루션_솔루션 하이센스 */
.p_sol .c_iteminfo { overflow:hidden; background:#fff; }

.p_sol .c_iteminfo .iteminfo_wrap { overflow:hidden; height:330px; border-bottom:1px solid #484a4f; }

.p_sol .c_iteminfo .left_box { float:left; text-align:center; background:#fff; width:435px; height:330px;}
.p_sol .c_iteminfo .left_box .solution_name { overflow:hidden; margin-top:35px;}
.p_sol .c_iteminfo .left_box .solution_name .name { font-size:30px; color:#2b2d32; letter-spacing:-1px; /* /* font-family:"NanumSquare"; */ */ font-weight:600;}
.p_sol .c_iteminfo .left_box .solution_name .name em { color:#db2e1f; }
.p_sol .c_iteminfo .left_box .solution_name .sub_name { font-size:16px; color:#999; letter-spacing:-1px; /* /* font-family:"NanumSquare"; */ */ margin-top:15px; }
.p_sol .c_iteminfo .left_box .img { margin:15px 0 0 0; }

.p_sol .c_iteminfo .center_box { float:left; background:#484a4f; width:330px; text-align:center; height:330px; position:relative;}
.p_sol .c_iteminfo .center_box .price { display:inline-block; margin-top:50px; overflow:hidden; padding-bottom:20px;}
.p_sol .c_iteminfo .center_box .price .before { float:left; font-size:32px; color:#c8c9cb; letter-spacing:-0.5px; font-family:'rubik'; font-weight:300; position:relative; padding:0 17px 0 4px; margin:22px 8px 0 0; }
.p_sol .c_iteminfo .center_box .price .before:before { content:""; position:absolute; left:0; top:50%; width:100%; margin-top:-6px; height:13px; background:transparent url('../images/sub_design/arrow_white50.png') right top no-repeat; z-index:2; }
.p_sol .c_iteminfo .center_box .price .after_box { float:left; position:relative; }
.p_sol .c_iteminfo .center_box .price .after { float:left; font-size:55px; color:#fe1a00; letter-spacing:-0.5px; font-family:'rubik'; }
.p_sol .c_iteminfo .center_box .price .kr { font-size:17px; color:#fff; letter-spacing:-0.5px; font-family:'NanumBarunGothic'; margin-top:36px; }
.p_sol .c_iteminfo .center_box .price .vat { position:absolute; right:0; bottom:-15px; font-size:15px; color:#a4a5a7; letter-spacing:-0.5px; }

.p_sol .c_iteminfo .center_box .c_btn {position:absolute; left:0; bottom:40px; width:100%;}
.p_sol .c_iteminfo .center_box .c_btn ul {padding:0 40px;}
.p_sol .c_iteminfo .center_box .c_btn li { float:none; }
.p_sol .c_iteminfo .center_box .c_btn .btn_white { border:1px solid #fff; color:#303136; margin:0px; margin-top:px;}
.p_sol .c_iteminfo .center_box .c_btn .btn {display:block;}


.p_sol .c_iteminfo .right_box { overflow:hidden; width:435px; float:left; text-align:center; background:#fff; height:330px;}
.p_sol .c_iteminfo .right_box ul { overflow:hidden; margin:30px 40px;}
.p_sol .c_iteminfo .right_box li { float:left; list-style:none; position:relative; width:50%; overflow:hidden;}
.p_sol .c_iteminfo .right_box .choice_box {/* border:1px solid #c6c6c6; */  border-radius:5px; height:120px; position:relative; margin:8px; overflow:hidden;}
.p_sol .c_iteminfo .right_box .txt { display:block; font-size:15px; color:#fff; margin-top:58px;}
.p_sol .c_iteminfo .right_box .icon {display:none;}

.p_sol .c_iteminfo .right_box .box01 .choice_box { background:#dd4f4f url('../images/sub_design/sol_view_btn1.png') center 17px no-repeat;}
.p_sol .c_iteminfo .right_box .box02 .choice_box { background:#29628a url('../images/sub_design/sol_view_btn2.png') center 17px no-repeat;;}
.p_sol .c_iteminfo .right_box .box03 .choice_box { background:#2da1b2 url('../images/sub_design/sol_view_btn3.png') center 30px no-repeat;;}
.p_sol .c_iteminfo .right_box .box04 .choice_box { background:#5a3f8b url('../images/sub_design/sol_view_btn4.png') center 30px no-repeat;;}
.p_sol .c_iteminfo .right_box .box03 .txt {margin-top:75px;}
.p_sol .c_iteminfo .right_box .box04 .txt {margin-top:75px;}

.p_sol .c_iteminfo .right_box .btn_skin { position:absolute; left:0; bottom:0; width:100%; border-top:1px solid rgba(0,0,0,0.2); margin-top:14px; border-radius:0 0 5px 5px; z-index:10; background:rgba(0,0,0,0.3);}
.p_sol .c_iteminfo .right_box .btn_skin ul { margin:0; }
.p_sol .c_iteminfo .right_box .btn_skin li { border:0; padding:0; height:29px; width:50%; margin:0; position:relative; }
.p_sol .c_iteminfo .right_box .btn_skin .btn { display:block; font-size:12px; color:#fff; letter-spacing:-0.5px; line-height:30px; }
.p_sol .c_iteminfo .right_box .btn_skin li+ li .btn {border-left:1px solid rgba(0,0,0,0.3);}
.p_sol .c_iteminfo .right_box .btn_skin .btn:hover {background:rgba(0,0,0,0.5);;}

.p_sol .c_iteminfo .right_box .btn_skin.if_col3 li {width:33.33333%;}
.p_sol .c_iteminfo .right_box .choice_box:hover .txt {text-decoration:underline;}

.p_sol .c_iteminfo .right_box .if_no_skin .btn_skin {display:none;}
.p_sol .c_iteminfo .right_box .if_no_skin.box01 .txt {margin-top:75px !important;}
.p_sol .c_iteminfo .right_box .if_no_skin.box01 .choice_box {background-position:center 30px !important;}
.p_sol .c_iteminfo .right_box .if_no_skin.box02 .txt {margin-top:75px !important;}
.p_sol .c_iteminfo .right_box .if_no_skin.box02 .choice_box {background-position:center 30px !important;}

/*
.p_sol .c_iteminfo .right_box .btn_skin { }
.p_sol .c_iteminfo .right_box .btn_skin ul { margin:0; }
.p_sol .c_iteminfo .right_box .btn_skin li { border:0; padding:0; height:29px; width:50%; margin:0; position:relative; }
.p_sol .c_iteminfo .right_box .btn_skin li:before { content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#e2e2e2; }
.p_sol .c_iteminfo .right_box .btn_skin li:first-child:before { display:none; }
.p_sol .c_iteminfo .right_box .btn_skin.if_col3 li { width:33.3333333%; }
.p_sol .c_iteminfo .right_box .btn_skin .btn { display:block; font-size:12px; color:#717171; letter-spacing:-0.5px; line-height:30px; }
.p_sol .c_iteminfo .right_box .if_no_skin { padding-top:37px;  }
.p_sol .c_iteminfo .right_box .if_no_skin .txt { margin-top:25px; }


.p_sol .c_iteminfo .right_box li .txt { color:#fff; }
.p_sol .c_iteminfo .right_box li .off { display:none; }
.p_sol .c_iteminfo .right_box li .over { display:block; }
.p_sol .c_iteminfo .right_box li .btn_skin { background:#fff; border-radius:0 0 5px 5px; }
.p_sol .c_iteminfo .right_box .box01 { background:#dd4f4f; border:1px solid #dd4f4f; border-radius:5px; }
.p_sol .c_iteminfo .right_box .box02 { background:#29628a; border:1px solid #29628a; border-radius:5px; }
.p_sol .c_iteminfo .right_box .box03 { background:#2da1b2; border:1px solid #2da1b2; border-radius:5px; }
.p_sol .c_iteminfo .right_box .box04 { background:#5a3f8b; border:1px solid #5a3f8b; border-radius:5px; }
.p_sol .c_iteminfo .right_box .btn_skin li .btn { color:#000; position:relative; }
.p_sol .c_iteminfo .right_box .btn_skin li .btn:before { content:""; position:absolute; left:50%; top:21px; margin-left:-19px; width:38px; height:1px; background:#000; }
 */


.p_sol .c_iteminfo .feature_box { overflow:hidden; background:#FFF; margin:40px 52px; border:1px solid #ddd; }
.p_sol .c_iteminfo .feature_box li { float:left; list-style:none; width:25%; text-align:center; position:relative; padding-bottom:11px; }
.p_sol .c_iteminfo .feature_box li:before { content:""; position:absolute; left:-1px; top:0; width:1px; height:100%; background:#ddd;}
.p_sol .c_iteminfo .feature_box li:first-child:before { display:none; }
.p_sol .c_iteminfo .feature_box dt { background:#f8f8f8; font-size:15px; color:#333; letter-spacing:-0.5px; height:40px; line-height:42px; font-weight:600; border-bottom:1px solid #ddd;}
.p_sol .c_iteminfo .feature_box dd { font-size:13px; color:#888; letter-spacing:-0.5px; line-height:1; }
.p_sol .c_iteminfo .feature_box .line { font-size:15px; color:#cb3726; letter-spacing:-0.5px; position:relative; }
.p_sol .c_iteminfo .feature_box .line:before { content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#cb3726; }
.p_sol .c_iteminfo .feature_box .txt { padding-top:14px; margin-bottom:7px; }


.p_sol .c_iteminfo .double_table table {background:#FFF; margin:40px 52px; border:1px solid #ddd; }
.p_sol .c_iteminfo .double_table th { background:#f8f8f8; font-size:13px; color:#666; padding:15px 20px; text-align:left; word-wrap:break-word; word-break:keep-all; border:1px solid #ddd; font-weight:400; text-align:center;}
.p_sol .c_iteminfo .double_table td { font-size:13px; color:#888; padding:12px; line-height:20px; word-wrap:break-word; word-break:keep-all; border:1px solid #ddd;}
.p_sol .c_iteminfo .double_table ul {margin:0 15px}
.p_sol .c_iteminfo .double_table li {color:#888;}
.p_sol .c_iteminfo .double_table th {border-right:0; border-bottom:0;}
.p_sol .c_iteminfo .double_table td {border-right:0; border-bottom:0;}
.p_sol .c_iteminfo .double_table th:first-child {border-left:0;}
.p_sol .c_iteminfo .double_table tr:first-child * {border-top:0;}
.p_sol .c_iteminfo .double_table .font_style { font-size:13px; color:#cb3726; text-align:center; }



.p_sol .c_directgo {position:relative; margin-top:30px; background:#fff; }
.p_sol .c_directgo:before {content:""; display:block; height:10px; background:transparent url('../images/sub_design/bg_directgo.gif') left top repeat-x; display:none;}
.p_sol .c_directgo ul {border:1px solid #c8c8cc; border-top:2px solid #24262a; overflow:hidden; }
.p_sol .c_directgo li {list-style:none; float:left; width:33.3333%; position:relative; padding:30px 0 25px 0; }
.p_sol .c_directgo li:before {content:""; background:#c8c8cc; width:1px; height:100%; position:absolute; left:0; top:0; margin-left:-1px}
.p_sol .c_directgo .icon { float:left; margin:0px 25px 0 70px; border-radius:1000px; width:52px; height:52px; background:#db2e1f url('../images/sub_design/order_btn_ic.png') center center no-repeat; }
.p_sol .c_directgo dl { }
.p_sol .c_directgo dt { }
.p_sol .c_directgo dt .txt { /* font-family:"NanumSquare"; */ font-size:20px; color:#000; letter-spacing:-1px; position:relative; }
.p_sol .c_directgo dd {color:#999; margin-top:7px; font-size:14px; letter-spacing:-0.5px; line-height:18px;}
.p_sol .c_directgo li:hover {background:#efefef;}
.p_sol .c_directgo li:hover .txt:before { content:""; position:absolute; left:0; bottom:2px; width:100%; height:1px; background:#000; }
/* .p_sol .c_directgo .icon.if_down {background:#db2e1f url('../images/sub_design/order_btn_ic2.png') center center no-repeat;} */


.p_sol .c_visual {overflow:hidden; position:relative; margin-top:30px;}
.p_sol .c_visual .view_port img {float:left;}
.p_sol .c_visual .img_sns {position:absolute; left:150px; bottom:120px; z-index:2}


/* 하이센스2 */
.p_sol .c_visual .moving1 {position:absolute; left:50%; top:435px; margin-left:-409px; }
.p_sol .c_visual .moving2 {position:absolute; left:190px; top:435px; z-index:2}
.p_sol .c_visual .moving2 .pc1 {position:absolute; left:0; top:0; width:1560px;}
.p_sol .c_visual .moving2 .m1 {position:absolute; left:0; top:0; width:444px;}
.p_sol .c_visual .moving1 .view_port {position:absolute; left:167px; top:59px; overflow:hidden; width:520px; height:316px;}
.p_sol .c_visual .moving2 .view_port {position:absolute; right:74px; top:139px; overflow:hidden; width:148px; height:262px;}
.p_sol .c_visual .moving1 .pc1 {animation: skin 5s infinite; -webkit-animation: skin 5s infinite; -webkit-animation-delay: 2s; animation-delay: 2s;}
.p_sol .c_visual .moving2 .m1 {animation: skin2 5s infinite; -webkit-animation: skin2 5s infinite; -webkit-animation-delay: 2s; animation-delay: 2s;}

@-webkit-keyframes skin {
    0% {left:0}
    25% {left:-520px}
    50% {left:-520px}
    75% {left:-1040px}
	100% {left:-1040px}
}
@keyframes skin {
    0% {left:0}
    25% {left:-520px}
    50% {left:-520px}
    75% {left:-1040px}
	100% {left:-1040px}
}

@-webkit-keyframes skin2 {
    0% {left:0}
    25% {left:-148px}
    50% {left:-148px}
    75% {left:-296px}
	100% {left:-296px}
}
@keyframes skin2 {
    0% {left:0}
    25% {left:-148px}
    50% {left:-148px}
    75% {left:-296px}
	100% {left:-296px}
}


/* 티켓몰4 */
.p_sol .c_visual .moving1_tp4 {position:absolute; left:50%; top:435px; margin-left:-409px; }
.p_sol .c_visual .moving2_tp4 {position:absolute; left:190px; top:435px; z-index:2}
.p_sol .c_visual .moving1_tp4 .pc1 {position:absolute; left:0; top:0; width:2080px;}
.p_sol .c_visual .moving2_tp4 .m1 {position:absolute; left:0; top:0; width:592px;}
.p_sol .c_visual .moving1_tp4 .view_port {position:absolute; left:167px; top:59px; overflow:hidden; width:520px; height:316px;}
.p_sol .c_visual .moving2_tp4 .view_port {position:absolute; right:74px; top:139px; overflow:hidden; width:148px; height:262px;}
.p_sol .c_visual .moving1_tp4 .pc1 {animation: skin_tp4 10s infinite; -webkit-animation: skin_tp4 10s infinite; -webkit-animation-delay: 2s; animation-delay: 2s;}
.p_sol .c_visual .moving2_tp4 .m1 {animation: skin2_tp4 10s infinite; -webkit-animation: skin2_tp4 10s infinite; -webkit-animation-delay: 2s; animation-delay: 2s;}

@-webkit-keyframes skin_tp4 {
    0% {left:0}
    15% {left:-520px}
    30% {left:-520px}
    45% {left:-1040px}
    60% {left:-1040px}
    75% {left:-1560px}
	100% {left:-1560px}
}
@keyframes skin_tp4 {
    0% {left:0}
    15% {left:-520px}
    30% {left:-520px}
    45% {left:-1040px}
    60% {left:-1040px}
    75% {left:-1560px}
	100% {left:-1560px}
}

@-webkit-keyframes skin2_tp4 {
    0% {left:0}
    15% {left:-148px}
    30% {left:-148px}
    45% {left:-296px}
    60% {left:-296px}
    75% {left:-444px}
	100% {left:-444px}
}
@keyframes skin2_tp4 {
    0% {left:0}
    15% {left:-148px}
    30% {left:-148px}
    45% {left:-296px}
    60% {left:-296px}
    75% {left:-444px}
	100% {left:-444px}
}






.p_sol .c_tab {overflow:hidden; margin-top:40px; padding-top:40px;}
.p_sol .c_tab li {list-style:none; /* float:left; width:20%; */ text-align:center; background:#FFF; border-bottom:1px solid #ddd; box-sizing:border-box; background:#f5f5f5;}
.p_sol .c_tab li:first-of-type {width:19.8%; }
.p_sol .c_tab li:first-of-type .tab {border-left:0}

.p_sol .c_tab.if_col4 li {width:25%;}
.p_sol .c_tab ul {display:table; width:100%; box-sizing:border-box; table-layout:fixed; }
.p_sol .c_tab li {display:table-cell; vertical-align:middle; border:1px solid #ddd;}
.p_sol .c_tab .tab {display:block; line-height:1.3; color:#666; font-size:13px; padding:18px 0 14px 0; letter-spacing:0px; }
.p_sol .c_tab .tab:hover { text-decoration:underline; color:#333}
.p_sol .c_tab .hit {color:#000; background:#fff !important; border-bottom:none; }
.p_sol .c_tab .hit .tab {font-weight:600; color:#333;}
.p_sol .c_tab+ div> .group_title {margin-top:0px;}


.p_sol .c_tabin { overflow:hidden; margin-top:30px;}
.p_sol .c_tabin+ .c_tabin {margin-top:30px;}
/*.p_sol .c_tabin .group_title { border:0; }*/
.p_sol .c_tabin .group_title .title { border:0; }
.p_sol .c_table+ .group_title {margin-top:30px !important;}

/* .p_sol .c_tabin .c_table { border-top:2px solid #4a4c52; border-bottom:2px solid #4a4c52; }
.p_sol .c_tabin .c_table table {width:100%; background:#fff; }
.p_sol .c_tabin .c_table tr:hover th { background:#dcdee0; }
.p_sol .c_tabin .c_table tr:hover td { background:#fafafa; }
.p_sol .c_tabin .c_table th { background:#f0f3f6; width:12%; font-size:13px; color:#000; padding:15px 20px; text-align:left; word-wrap:break-word; word-break:keep-all; border-right:1px solid #ddd; font-weight:400;}
.p_sol .c_tabin .c_table td { font-size:13px; color:#666; padding:12px 20px; line-height:20px; word-wrap:break-word; word-break:keep-all; width:38%;}
.p_sol .c_tabin .c_table td em { text-decoration:underline; color:#000; }

.p_sol .c_tabin .c_table.if_purple tr:hover th { background-color:#a188ac; }
.p_sol .c_tabin .c_table.if_purple th { background-color:#b598c1; border-bottom:1px solid #917a9a; border-right:1px solid #917a9a;  border-left:1px solid #917a9a; color:#fff; }
.p_sol .c_tabin .c_table.if_purple td { border-bottom:1px solid #ddd; }
.p_sol .c_tabin .c_table.if_mono tr:hover th { background-color:#c3c7cd; }
.p_sol .c_tabin .c_table.if_mono th { background-color:#dadfe6; border-bottom:1px solid #aeb2b8; border-right:1px solid #aeb2b8; border-left:1px solid #aeb2b8; color:#4a4c52; }
.p_sol .c_tabin .c_table.if_mono td { border-bottom:1px solid #ddd; }
 */

.p_sol .c_tabin .double_table { border:1px solid #7c7e81; position:relative; overflow:hidden;}
.p_sol .c_tabin .double_table table {width:100%; background:#fff; }
.p_sol .c_tabin .double_table th { background:#f8f8f8; font-size:13px; color:#000; padding:15px 20px; text-align:left; word-wrap:break-word; word-break:keep-all; border:1px solid #ddd; font-weight:400; text-align:center;}
.p_sol .c_tabin .double_table td { font-size:13px; color:#666; padding:12px; line-height:20px; word-wrap:break-word; word-break:keep-all; border:1px solid #ddd;}
.p_sol .c_tabin .double_table  ul {margin:0 15px}
.p_sol .c_tabin .double_table th {border-right:0; border-bottom:0;}
.p_sol .c_tabin .double_table td {border-right:0; border-bottom:0;}
.p_sol .c_tabin .double_table th:first-child {border-left:0;}
.p_sol .c_tabin .double_table tr:first-child * {border-top:0;}
.p_sol .c_tabin .double_table .font_style { font-size:14px; color:#db2e1f; font-family:'rubik'; text-align:center; }

.p_sol .c_tabin .c_table.if_col2 td { border-right:0; }
.p_sol .c_tabin .group_title02 { border-bottom:1px solid #ccc; }
.p_sol .c_tabin .group_title02 .title { border-bottom:1px solid #000; }
.p_sol .c_tabin .c_standing { overflow:hidden; }

.p_sol .c_txtbox { overflow:hidden;}
.p_sol .c_txtbox ul { overflow:hidden; border:1px solid #ccc; background:#fff;}
.p_sol .c_txtbox li { list-style:none; float:left; width:33.33333%; position:relative; }
.p_sol .c_txtbox li:before {content:""; background:#ccc; width:110%; height:1px; position:absolute; left:0; top:-1px;}
.p_sol .c_txtbox dl { overflow:hidden; padding:20px 50px; border-left:1px solid #ccc; margin-left:-1px;}
.p_sol .c_txtbox dt { float:left; margin-right:20px; }
.p_sol .c_txtbox dd { font-size:15px; color:#4a4c52; letter-spacing:-0.5px; line-height:25px;}
.p_sol .c_txtbox em { color:#db2e1f; position:relative; }
.p_sol .c_txtbox em:before { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#db2e1f; }

.p_sol .c_mobile { background:#fff; padding:45px 0 0 0 ; overflow:hidden;}
.p_sol .c_mobile .mobile_wrap { width:950px; padding-bottom:30px; margin:0 auto; background:transparent url('../images/sub_design/hyssence_mobile.jpg') right 0 no-repeat; }
.p_sol .c_mobile .imgaes {width:100%; padding-top:30px}
.p_sol .c_mobile .imgaes .left {width:500px; float:left}
.p_sol .c_mobile .imgaes .left .list { width:100%; padding-top:50px}
.p_sol .c_mobile .imgaes .left .list ul { border-bottom:1px #dedede solid; padding-bottom:25px; padding-top:20px}
.p_sol .c_mobile .imgaes .left .list .left {float:left; width:32%; font-size:17px; color:#515151; letter-spacing:-1px}
.p_sol .c_mobile .imgaes .left .list .right {float:right; color:#999;}
.p_sol .c_mobile .imgaes .right {text-align:right}
.p_sol .c_mobile .title { padding-top:35px; color:#3e3e3e; letter-spacing:-5.5px; }
.p_sol .c_mobile .title .big { font-size:95px; font-weight:600; font-family:'rubik'; display:block; line-height:1; }
.p_sol .c_mobile .title .sm { font-size:72px; font-family:'rubik'; line-height:1; margin-top:-5px; }
.p_sol .c_mobile .exp_txt { width:410px; margin-top:33px; }
.p_sol .c_mobile .exp_txt dl {border-top:1px solid #ccc; padding:25px 0 25px 133px; position:relative;}
.p_sol .c_mobile .exp_txt dl:first-child{border:0;}
.p_sol .c_mobile .exp_txt dt {color:#000; font-size:19px; font-weight:400}
.p_sol .c_mobile .exp_txt dd {color:#999; margin-top:5px; line-height:17px; font-size:13px;}
.p_sol .c_mobile .exp_txt .icon {position:absolute; left:41px; top:35px;}
.p_sol .c_mobile .add_img {margin-top:100px;}
.p_sol .c_mobile li { list-style:none; float:left; }
.p_sol .c_mobile li img { float:left; width:100%; }
.p_sol .c_mobile.c_mobile_tp5 .mobile_wrap {background:transparent url('../images/sub_design/ticketmall_mobile_05.jpg') right 0 no-repeat; }
.p_sol .c_mobile.c_mobile_tp4 .mobile_wrap {background:transparent url('../images/sub_design/ticketmall_mobile_04.jpg') right 0 no-repeat; }

.p_sol .conts_soltip { overflow:hidden; border:1px solid #ccc;}
.p_sol .conts_soltip li { overflow:hidden; list-style:none; border-top:1px solid #ddd; background:#fff; position:relative; }
.p_sol .conts_soltip li:first-child {border-top:0;}
.p_sol .conts_soltip .opt { position:absolute; left:0; top:50%; width:80px; font-size:14px; color:#999; text-align:center; font-family:'rubik'; margin-top:-7px;}
.p_sol .conts_soltip .value {color:#666; padding:10px 20px 8px 20px; line-height:18px;  border-left:1px solid #ddd; margin-left:80px; }
.p_sol .conts_soltip .value strong {}
.p_sol .conts_soltip .value em { text-decoration:underline; }
.p_sol .conts_soltip li:hover {background:#eee;}



/* 솔루션메인추가 */
.p_sol .c_sol_mainwrap {overflow:hidden; position:relative; padding-right:400px; margin-top:40px;}
.p_sol .c_sol_mainwrap .c_directgo {position:absolute; right:0; top:0; width:370px; margin-top:0px; border:1px solid #ccc;}
.p_sol .c_sol_mainwrap .c_directgo li {float:none; width:100%; height:90px; padding:0px;}
.p_sol .c_sol_mainwrap .c_directgo li:before {content:""; width:150%; height:1px; background:#ccc; position:absolute; left:0; top:-1px;}
.p_sol .c_sol_mainwrap .c_directgo ul {border:0;}
.p_sol .c_sol_mainwrap .c_directgo .txt {font-size:18px; letter-spacing:-1px}
.p_sol .c_sol_mainwrap .c_directgo dl {padding-left:30px;}
.p_sol .c_sol_mainwrap .c_directgo dt {padding-top:20px;}
.p_sol .c_sol_mainwrap .c_directgo dd {margin-top:4px; font-size:14px; line-height:1.5;}
.p_sol .c_sol_mainwrap .c_directgo .icon {position:absolute; right:30px; top:50%; background-size:20px; margin:0px; width:35px; height:35px; margin-top:-17px;}
.p_sol .c_sol_mainwrap .c_directgo .icon.if_down {background-size:15px;}
.p_sol .c_sol_mainwrap .c_allspec {}






/* 호스팅 ----------------------------------------------------------------------------- */

/* 01.호스팅 */
.p_hosting { overflow:hidden; }

/* 마케팅 효과 및 비용안내 */
.p_hosting .c_admin { overflow:hidden; background:#3d6ea3; text-align:center; padding:40px 0;}
.p_hosting .c_admin .title { overflow:hidden; }
.p_hosting .c_admin .title .img { float:left; }
.p_hosting .c_admin .title .txt { float:left; margin-left:15px; font-size:30px; color:#fff; letter-spacing:-0.5px; /* font-family:"NanumSquare"; */ line-height:48px; }
.p_hosting .c_admin .img_box { margin-top:30px; }
.p_hosting .c_admin .txt_box { overflow:hidden; font-size:21px; color:#fff; line-height:30px; font-weight:300; margin-top:25px; }

.p_hosting .c_sms { overflow:hidden; position:relative; padding-top:30px;}
.p_hosting .c_sms:before { content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:transparent url('../images/sub_design/bg_black20.png') left top repeat-y;}
.p_hosting .c_sms ul { overflow:hidden; position:relative; }
.p_hosting .c_sms li { float:left; list-style:none; width:50%; text-align:center; }
.p_hosting .c_sms .one_box { padding-bottom:33px; }
.p_hosting .c_sms .one_box dt { font-size:21px; letter-spacing:-0.5px; line-height:1.1; margin-bottom:13px; }
.p_hosting .c_sms .one_box dd { font-size:15px; letter-spacing:-0.5px; color:#5e5e5e; line-height:1.3; }
.p_hosting .c_sms .one_box .img { margin-top:28px; }
.p_hosting .c_sms .if_green { background:transparent url('../images/sub_design/bg_sms01.jpg') left bottom repeat-x;}
.p_hosting .c_sms .if_green dt { color:#1b819a; }
.p_hosting .c_sms .if_purple { background:transparent url('../images/sub_design/bg_sms02.jpg') left bottom repeat-x;}
.p_hosting .c_sms .if_purple dt { color:#624c90; }

.p_hosting .c_ex { overflow:hidden;}
.p_hosting .c_ex .group_title { border:0;}
.p_hosting .c_ex .group_title .title { border:0;}

.p_hosting .c_ex .c_tab {overflow:hidden; }
.p_hosting .c_ex .c_tab li {list-style:none; float:left; width:33.333333%; text-align:center; background:#e5e5e5; border-bottom:1px solid #4d4d52; }
.p_hosting .c_ex .c_tab li+ li .tab {  border-left:1px solid #c7c7c7; }
.p_hosting .c_ex .c_tab .tab {display:block; background:#e5e5e5; line-height:19px; color:#808287; font-size:15px; height:56px;  padding-top:22px; letter-spacing:0px; }
.p_hosting .c_ex .c_tab .hit { border-bottom:0; }
.p_hosting .c_ex .c_tab .hit .tab {background:#fff; border:1px solid #4d4d52; border-bottom:0; color:#cb3726; }
.p_hosting .c_ex .c_tab .hit+ li .tab { border-left:0; }
.p_hosting .c_ex .c_tab li:hover .tab { color:#000; text-decoration:underline; }
.p_hosting .c_ex .c_tab .hit:hover .tab { color:#cb3726; text-decoration:none; }

.p_hosting .c_ex .ex_box { overflow:hidden; background:#fff; border:1px solid #4d4d52; border-top:0; padding:70px 80px 76px; }
.p_hosting .c_ex .ex_box .left_box { float:left; text-align:center; }
.p_hosting .c_ex .ex_box .left_box .txt { font-size:15px; line-height:20px; color:#888; letter-spacing:-0.5px; margin-top:23px; }
.p_hosting .c_ex .ex_box .right_box { float:right; }

.p_hosting .c_ex .ex_box+ .c_tab { margin-top:50px; }

.p_hosting .c_charge { overflow:hidden; }
.p_hosting .c_charge .group_title { border:0;}
.p_hosting .c_charge .group_title .title { border:0;}










/*서비스안내 및 신청*/
/* .p_hosting .c_summary2 {background:transparent url('../images/sub_design/bg_hosting2.jpg') center center no-repeat;}
.p_hosting .c_summary2 .circle { width:237px; height:237px; border:1px solid #cb3726; position:absolute; left:50%; top:124px; margin-left:-119px; text-align:center; z-index:2; background:#cb3726; border-radius:300px;}
.p_hosting .c_summary2 .circle  .txt_box { padding-top:50px; }
.p_hosting .c_summary2 .circle .icon { position:absolute; right:-4px; top:-54px; }
.p_hosting .c_summary2 .circle .en { margin:3px 0; }

.p_hosting .c_summary2 .btm_box { position:absolute; left:0; bottom:0; width:100%; }
.p_hosting .c_summary2 .btm_box ul { position:relative; overflow:hidden; }
.p_hosting .c_summary2 .btm_box ul:before { content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:transparent url('../images/sub_design/bg_white20.png') left top repeat-y;}
.p_hosting .c_summary2 .btm_box li { list-style:none; float:left; width:50%; text-align:center; background:transparent url('../images/sub_design/bg_black75.png') left top repeat; padding:56px 0 51px; }
.p_hosting .c_summary2 .btm_box dt { margin-bottom:26px; }
.p_hosting .c_summary2 .btm_box .txt { color:#ff1a00; font-size:23px; letter-spacing:-0.5px; font-weight:300; position:relative; }
.p_hosting .c_summary2 .btm_box .txt:before { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ff1a00; }
.p_hosting .c_summary2 .btm_box dd { color:#fff; font-size:17px; letter-spacing:0px; font-weight:400; line-height:23px; padding:0 90px; word-wrap:break-word; word-break:keep-all;  }


 */


.p_hosting .c_w_charge .group_title { border:0;}
.p_hosting .c_w_charge .group_title .title { border:0;}

.p_hosting .c_w_charge+ .c_thistip { margin-top:30px; }
.p_hosting .c_w_charge .link { color:#000; text-decoration:underline; margin-left:3px; }




.p_hosting .c_spec { overflow:hidden;}
.p_hosting .c_spec .spec_list { position:relative; }
.p_hosting .c_spec .spec_list .border { position:absolute; left:0; height:1px; width:100%; background:#ccc; z-index:2; display:none;}
/* .p_hosting .c_spec .spec_list .border01 { top:157px; }
.p_hosting .c_spec .spec_list .border02 { top:314px; } */
.p_hosting .c_spec ul { border:1px solid #ebebeb; border-top:0; overflow:hidden; border-left:0; background:#fff; position:relative; }
.p_hosting .c_spec li { float:left; list-style:none; width:33.33333%; height:125px; position:relative; }
.p_hosting .c_spec li:before { content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#ebebeb; }
.p_hosting .c_spec li:after { content:""; position:absolute; left:0; top:-1px; width:150%; height:1px; background:#ebebeb; }
.p_hosting .c_spec .group { position:relative; }
.p_hosting .c_spec .icon { position:absolute; left:39px; top:35px; }
.p_hosting .c_spec dl { overflow:hidden; margin:0 0 0 115px; padding-top:15px;}
.p_hosting .c_spec dt { font-size:17px; color:#cb3726; letter-spacing:-0.5px; line-height:25px; margin-bottom:5px; }
.p_hosting .c_spec dd { font-size:13px; color:#888; letter-spacing:0; line-height:21px; padding-left:7px; position:relative;}
.p_hosting .c_spec dd:before {content:""; width:3px; height:3px; background:#666; position:absolute; left:0; top:9px;}
.p_hosting .c_spec strong { color:#020202; text-decoration:underline; }

.p_hosting .c_func { overflow:hidden;}
.p_hosting .c_func ul { overflow:hidden; margin-top:10px; }
.p_hosting .c_func li { list-style:none; padding:10px 0; overflow:hidden; border-top:1px dashed #c6c6c6; }
.p_hosting .c_func li:first-child { border:none;}
.p_hosting .c_func .img_box { position:relative; float:left}
.p_hosting .c_func .img_box .img {overflow:hidden; height:150px;}
.p_hosting .c_func .img_box .num { position:absolute; right:-25px; top:10px; font-family:'rubik'; }
.p_hosting .c_func .img_box .num { width:48px; height:48px; background:#cb3726; border:1px solid #cb3726; border-radius:100px; font-size:25px; color:#fff; letter-spacing:-0.5px; line-height:50px; text-align:center; }
.p_hosting .c_func dl { float:left; margin-left:50px; padding-top:17px; }
.p_hosting .c_func dt { font-size:17px; color:#000; letter-spacing:-0.5px; margin-bottom:9px;}
.p_hosting .c_func em { color:#cb3726; font-weight:600;}
.p_hosting .c_func dd { font-size:13px; color:#888; letter-spacing:-0.5px; line-height:23px; padding-left:10px; position:relative;}
.p_hosting .c_func dd:before {content:""; width:3px; height:3px; background:#aaa; position:absolute; left:0; top:8px;}


.p_hosting .c_step { overflow:hidden;}
.p_hosting .c_step .inner_title { overflow:hidden; height:20px; margin-top:37px; }
.p_hosting .inner_title .title { float:left; font-size:17px; color:#cb3726; letter-spacing:-0.5px; background:transparent url('../images/sub_design/deco_step.gif') left 5px no-repeat; padding-left:15px; line-height:20px;}
.p_hosting .inner_title .sub_tit { float:right; font-size:13px; color:#565656; letter-spacing:-0.5px; line-height:20px;}

.p_hosting .c_step .step_list { overflow:hidden; margin-top:10px; }
.p_hosting .c_step .step_list ul { margin-left:-40px; }
.p_hosting .c_step .step_list li { float:left; width:20%; list-style:none; text-align:center; position:relative; }
.p_hosting .c_step .step_list .edge { position:absolute; left:0; top:50%; margin:2px 0 0 0; width:35px; text-align:center;}
.p_hosting .c_step .step_list li:first-child .edge { display:none; }
.p_hosting .c_step .step_list .one_box { overflow:hidden; margin-left:40px;  border:1px solid #ebebeb;  }
.p_hosting .c_step .step_list .step_box { overflow:hidden; background:#fff; padding:15px 0 12px; }
.p_hosting .c_step .step_list .step { font-size:14px; color:#888; letter-spacing:-0.5px; font-family:'rubik'; height:24px; line-height:25px; padding:0 14px; border-radius:20px; }
.p_hosting .c_step .step_list .icon  { margin-top:15px; display:block; }
.p_hosting .c_step .step_list dl { overflow:hidden; background:#f5f5f5; padding-top:19px; min-height:75px; }
.p_hosting .c_step .step_list dt { font-size:16px; color:#000; letter-spacing:-0.5px; margin-bottom:10px; }
.p_hosting .c_step .step_list dd { color:#888; letter-spacing:-0.5px; line-height:18px; }
.p_hosting .c_step .step_list .bg_red .txt { color:#cb3726; }
.p_hosting .c_step .step_list .btn_go { height:30px; }
.p_hosting .c_step .step_list .btn_go .txt { background:#fff; border-radius:20px; font-size:13px; letter-spacing:-0.5px; font-weight:400; line-height:1; padding:9px 24px 8px; color:#000}
.p_hosting .c_step .step_list .btn_go.if_red .txt { background:#cb3726; color:#fff; }
.p_hosting .c_step .step_list .btn_go:hover .txt { text-decoration:underline; }

.p_hosting .c_step .if_board .one_box { border:1px solid #cb3726; }
.p_hosting .c_step .if_board dl { border-bottom:0; }

.p_hosting .c_step .step_list+ .inner_title { margin-top:40px; }


.p_hosting .c_w_info { overflow:hidden;}
.p_hosting .c_w_info .group_title { border:0; }
.p_hosting .c_w_info .group_title .title { border:0; }


.p_hosting .c_w_charge .if_gray { border:1px solid #5a5e63; }
.p_hosting .c_w_charge .if_gray table { border:0; }
.p_hosting .c_w_charge .if_gray th { background:#5a5e63; }
.p_hosting .c_w_charge .if_gray th+ th { border-left:1px solid #484b4f; }

.p_hosting .c_backup { overflow:hidden;}
.p_hosting .c_backup .group_title { border:0;}
.p_hosting .c_backup .group_title .title { border:0;}

.p_hosting .c_backup .c_thistip {background-position:70px center;}
.p_hosting .c_backup .c_thistip .txt {margin-left:15%;}

.p_hosting .nameserver li {padding-left:0px;}
.p_hosting .nameserver li:before {display:none;}
.p_hosting .nameserver th {background:#3d6ea3 !important; color:#fff !important;}
.p_hosting .nameserver .opt { float:left; margin-right:13px; background:#3d6ea3; font-size:13px; color:#fff; width:75px; height:26px; line-height:28px; text-align:center; border-radius:20px;}
.p_hosting .nameserver .value { font-size:19px; color:#3d6ea3; font-family:"rubik";  height:26px; line-height:26px; line-height:27px0;}


/* .p_hosting .conts_soltip { overflow:hidden; border:1px solid #ccc;}
.p_hosting .conts_soltip li { overflow:hidden; list-style:none; border-top:1px solid #ddd; background:#fff; position:relative; }
.p_hosting .conts_soltip li:first-child {border-top:0;}
.p_hosting .conts_soltip .opt { position:absolute; left:0; top:50%; width:80px; font-size:14px; color:#999; text-align:center; font-family:'rubik'; margin-top:-7px;}
.p_hosting .conts_soltip .value {color:#666; padding:10px 20px 8px 20px; line-height:18px;  border-left:1px solid #ddd; margin-left:80px; }
.p_hosting .conts_soltip .value strong {}
.p_hosting .conts_soltip .value em { text-decoration:underline; }
.p_hosting .conts_soltip li:hover {background:#eee;}
 */










/* 06.리셀러_리셀러안내 -------------------------------------------------------- */

.p_reseller { overflow:hidden; }
/* .p_reseller .c_summary { overflow:hidden; background:transparent url('../images/sub_design/img_summary.jpg') center center no-repeat; height:530px; margin-bottom:55px; position:relative; }
.p_reseller .c_summary .circle { width:250px; height:250px; position:absolute; left:0; top:85px; width:100%; text-align:center; background:transparent url('../images/sub_design/bg_circle.png') center center no-repeat; z-index:2; }
.p_reseller .c_summary .circle .txt { color:#fff; font-size:21px; letter-spacing:-0.5px; font-weight:400; padding-top:66px; }
.p_reseller .c_summary .circle .txt strong { color:#fff; font-size:70px; letter-spacing:-1px; font-weight:300; font-family:'rubik'; }
.p_reseller .c_summary .btm_box { position:absolute; left:0; bottom:0;}
.p_reseller .c_summary .btm_box ul { position:relative; overflow:hidden; }
.p_reseller .c_summary .btm_box ul:before { content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:transparent url('../images/sub_design/bg_white20.png') left top repeat-y;}
.p_reseller .c_summary .btm_box li { list-style:none; float:left; width:50%; text-align:center; background:transparent url('../images/sub_design/bg_black75.png') left top repeat; padding:56px 0; }
.p_reseller .c_summary .btm_box dt { margin-bottom:26px; }
.p_reseller .c_summary .btm_box .txt { color:#ff1a00; font-size:23px; letter-spacing:-0.5px; font-weight:300; position:relative; }
.p_reseller .c_summary .btm_box .txt:before { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ff1a00; }
.p_reseller .c_summary .btm_box dd { color:#fff; font-size:17px; letter-spacing:0px; font-weight:400; line-height:23px; padding:0 90px; word-wrap:break-word; word-break:keep-all;  }
 */
.p_reseller .c_who { overflow:hidden; }
.p_reseller .c_who .who_list { overflow:hidden; margin-top:40px; }
.p_reseller .c_who .who_list li { list-style:none; float:left; width:20%; text-align:center; position:relative; }
.p_reseller .c_who .who_list li:before { content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#ddd; }
.p_reseller .c_who .who_list li:first-child:before { display:none; }
.p_reseller .c_who .who_list .icon { background:#b7b8b9; width:88px; height:68px; border-radius:100px; padding-top:20px; }
.p_reseller .c_who .who_list .txt { display:block; color:#666; font-size:15px; letter-spacing:-0.5px; font-weight:400; line-height:20px; margin-top:15px; }

.p_reseller .c_joinus { overflow:hidden; }
.p_reseller .c_joinus .group_title { border-bottom:0;}
.p_reseller .c_joinus .group_title .title { border:0; }
.p_reseller .c_joinus .joinus_list { overflow:hidden; position:relative; }
.p_reseller .c_joinus .joinus_list li { list-style:none; float:left; width:25%; text-align:center; padding:25px 0 23px 0; position:relative; }
.p_reseller .c_joinus .joinus_list .bg_red { background:#cb3726; }
.p_reseller .c_joinus .joinus_list .bg_black { background:#303136; }
.p_reseller .c_joinus .joinus_list dt { color:#fff; font-size:25px; letter-spacing:-0.5px; font-weight:300; font-family:'rubik'; margin-bottom:12px; }
.p_reseller .c_joinus .joinus_list dd {font-size:13px; letter-spacing:-0.5px; font-weight:400; line-height:18px;}
.p_reseller .c_joinus .joinus_list .bg_red dd { color:#e59b93; }
.p_reseller .c_joinus .joinus_list .bg_black dd { color:#98989b; }
.p_reseller .c_joinus .joinus_list dd.title { color:#fff; font-size:17px; letter-spacing:-0.5px; font-weight:400; margin-bottom:10px; line-height:1; }
.p_reseller .c_joinus .joinus_list .btn_go { margin-top:23px; }
.p_reseller .c_joinus .joinus_list .bg_red .txt { color:#cb3726; }
.p_reseller .c_joinus .joinus_list .bg_black .txt { color:#303136; }
.p_reseller .c_joinus .joinus_list .btn_go:hover .txt { text-decoration:underline; }
.p_reseller .c_joinus .joinus_list .edge { position:absolute; left:-16px; top:0; /*margin-left:-17px;*/ }

.p_reseller .c_joinus .btn_go { height:30px; }
.p_reseller .c_joinus .btn_go .txt { background:#fff; border-radius:20px; font-size:13px; letter-spacing:-0.5px; font-weight:400; line-height:1; padding:9px 24px 8px; color:#000}
.p_reseller .c_joinus .btn_go.if_black .txt { background:#303136; color:#fff; }
.p_reseller .c_joinus .btn_go.if_red .txt { background:#cb3726; color:#fff; }

.p_reseller .c_income { overflow:hidden; }
.p_reseller .c_income .process { background:#fff; overflow:hidden; text-align:center; padding:40px 0 30px 0; }
.p_reseller .c_income .process ul { display:inline-block; background:transparent url('../images/sub_design/bg_process.png') left bottom no-repeat; padding:0 60px 30px; }
.p_reseller .c_income .process li { float:left; list-style:none; width:170px; height:138px; text-align:center; padding:22px 0 0 0; position:relative; margin-left:55px; }
.p_reseller .c_income .process li:first-child { margin-left:0; }
.p_reseller .c_income .process .bg_color01 { background:#29afc7; }
.p_reseller .c_income .process .bg_color02 { background:#0698c7; }
.p_reseller .c_income .process .bg_color03 { background:#037c9c; }
.p_reseller .c_income .process .bg_color04 { background:#036495; }
.p_reseller .c_income .process .arrow { position:absolute; right:-55px; top:0; }
.p_reseller .c_income .process .icon { width:65px; height:50px; border-radius:100px; background:#fff; padding-top:15px; }
.p_reseller .c_income .process .txt { display:block; color:#fff; font-size:17px; letter-spacing:-0.5px; font-weight:400; line-height:20px; margin-top:27px; }
.p_reseller .c_income .process .bg_color04 .txt { margin-top:17px; }
.p_reseller .c_income .process .btm_txt { color:#000; font-size:17px; letter-spacing:-0.5px; font-weight:400; line-height:1; margin-top:15px; }

.p_reseller .c_income .divi { overflow:hidden; background:#e6e6e6; position:relative; margin-bottom:30px; }
.p_reseller .c_income .divi:before { content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#fff; z-index:2; margin-left:-1px; }
.p_reseller .c_income .divi li { list-style:none; float:left; width:50%; padding:57px 0 51px 0; }
.p_reseller .c_income .graph { margin-left:50px; }

.p_reseller .divi .data_table { overflow:hidden; margin:0 70px 0 71px; background:#fff; text-align:center;  border:1px solid #c4c4c4; }
.p_reseller .divi .data_table .title { color:#000; font-size:15px; letter-spacing:-0.5px; font-weight:400; height:51px; line-height:53px;}
.p_reseller .divi .data_table table { width:100%; }
.p_reseller .divi .data_table tr:first-child td {background:#eee; color:#000;}
.p_reseller .divi .data_table td { color:#4c4c4c; font-size:13px; letter-spacing:-0.5px; font-weight:400; padding:15px 5px 12px; border-top:1px solid #ddd; border-left:1px solid #ddd; }
.p_reseller .divi .data_table td:first-child { border-left:0; }
.p_reseller .divi .data_table em { color:#ff4c4c; font-weight:600;}
.p_reseller .divi .edge { position:absolute; left:0; top:0; width:100%; text-align:center; z-index:2; }

.p_reseller .c_target { overflow:hidden;}
.p_reseller .c_target .txt_double { overflow:hidden; border:1px solid #ccc; border-top:0; position:relative; }
.p_reseller .c_target .txt_double:before { content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ccc; }
.p_reseller .c_target .txt_double li { float:left; list-style:none; width:50%; padding:35px 0 35px 0; }
.p_reseller .c_target .txt_double dl { overflow:hidden; padding:0 52px; }
.p_reseller .c_target .txt_double dt { float:left; margin-right:43px; }
.p_reseller .c_target .txt_double dd { color:#666; font-size:15px; letter-spacing:-0.5px; font-weight:400; line-height:20px;}
.p_reseller .c_target .txt_double .title { color:#000; font-size:17px; letter-spacing:-0.5px; font-weight:400; margin:5px 0 11px; line-height:1; }
.p_reseller .c_target .txt_double em { color:#f80000; }

.p_reseller .c_target .img_box { overflow:hidden; margin:25px 0 0 0; }
.p_reseller .c_target .img_box { float:left; }

.p_reseller .c_btn { margin-top:40px; }


/* 06.리셀러_리셀러 신청 */
.p_reseller .c_summary2 { overflow:hidden; background:transparent url('../images/sub_design/img_summary2.jpg') center center no-repeat; height:400px; text-align:center; }
.p_reseller .c_summary2 .circle ul { display:inline-block; margin-top:68px; }
.p_reseller .c_summary2 .circle li { list-style:none; float:left; width:200px; height:200px; border-radius:200px; margin:0 14px; }
.p_reseller .c_summary2 li.circle01 { background:#276b93; }
.p_reseller .c_summary2 li.circle02 { background:#cb3726; width:206px; height:206px; border-radius:300px; margin-top:-3px; }
.p_reseller .c_summary2 li.circle03 { background:#634998; }
.p_reseller .c_summary2 .circle dl { padding-top:36px; }
.p_reseller .c_summary2 dd { font-size:16px; color:#fff; letter-spacing:-0.5px; font-family:'rubik'; margin-top:5px; }
.p_reseller .c_summary2 .big { font-size:30px; color:#fff; letter-spacing:-0.5px; margin-top:15px; font-family:'NanumBarunGothic'; }
.p_reseller .c_summary2 .circle .arrow { width:45px; height:45px; border-radius:100px; margin:75px 0 0 0; }
.p_reseller .c_summary2 .circle .arrow01 { background:#fff url('../images/sub_design/ar_summ01.gif') center center no-repeat;}
.p_reseller .c_summary2 .circle .arrow02 { background:#fff url('../images/sub_design/ar_summ02.gif') center center no-repeat;}
.p_reseller .c_summary2 .circle .txt { color:#fff; font-size:21px; letter-spacing:-0.5px; font-weight:400; padding-top:40px; }
.p_reseller .c_summary2 .circle .txt strong { color:#fff; font-size:70px; letter-spacing:-1px; font-weight:300; font-family:'rubik'; }
.p_reseller .c_summary2 .btm_txt { overflow:hidden; margin-top:48px; }
.p_reseller .c_summary2 .btm_txt .txt { font-size:23px; color:#ff1a00; letter-spacing:-0.5px; font-weight:300; position:relative; }
.p_reseller .c_summary2 .btm_txt .txt:before { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ff1a00; }

.p_reseller .c_joinus.if_white .joinus_list { border:1px solid #ccc; }
.p_reseller .c_joinus.if_white .joinus_list li { background:#fff; padding:23px 0;}
.p_reseller .c_joinus.if_white .joinus_list dt { color:#303136; }
.p_reseller .c_joinus.if_white .joinus_list .title { color:#303136;}
.p_reseller .c_joinus.if_white .joinus_list dd { color:#7f7f7f; }
.p_reseller .c_joinus.if_white .if_red dt { color:#cb3726; }
.p_reseller .c_joinus.if_white .if_red .title { color:#cb3726; }
.p_reseller .c_joinus.if_white .if_red dd { color:#e59b92; }

.p_reseller .c_txtbox { overflow:hidden; border:1px solid #ccc; margin-top:24px; }
.p_reseller .c_txtbox li { list-style:none; float:left; width:33.333333%; padding:25px 0 25px; position:relative; }
.p_reseller .c_txtbox li:before { content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#ccc; }
.p_reseller .c_txtbox li:first-child:before { display:none; }
.p_reseller .c_txtbox dl {position:relative; overflow:hidden;}
.p_reseller .c_txtbox dt {position:absolute; left:0; top:0; margin:12px 0 0 40px;}
.p_reseller .c_txtbox dd { font-size:13px; color:#666; letter-spacing:-0.5px; line-height:1.4; margin-top:8px; padding-left:120px;}
.p_reseller .c_txtbox .title { font-size:17px; color:#cb3726; letter-spacing:-0.5px; line-height:1; }
.p_reseller .c_txtbox .key_box { overflow:hidden; border:1px solid #ccc; margin:18px 30px 0; background:#fff; }
.p_reseller .c_txtbox .key_box dl { overflow:hidden; }
.p_reseller .c_txtbox .key_box dl+ dl { border-top:1px solid #c2c2c5; }
.p_reseller .c_txtbox .key_box dt { float:left; padding:0 20px; height:30px; line-height:32px; font-size:13px; color:#9a9a9e; letter-spacing:-0.5px;  border-right:1px solid #c2c2c5; position:relative; margin:0px;}
.p_reseller .c_txtbox .key_box dd { font-size:13px; float:left; color:#303136;  height:30px; letter-spacing:-0.5px; line-height:32px !important;  padding:0 20px; margin:0px;}

.p_reseller .c_income .process02 { padding:40px 0 69px; }
.p_reseller .c_income .process02 ul { background:transparent url('../images/sub_design/bg_process02.png') left bottom no-repeat; padding:0 58px 28px 57px; }
.p_reseller .c_income .process02 li { width:190px; height:149px; padding:22px 0 0 0; margin-left:55px; }
.p_reseller .c_income .process02 .txt { margin-top:17px; line-height:23px; }
.p_reseller .c_income .process02 .bg_color04 .txt { margin-top:19px; }
.p_reseller .c_txtbox02 { margin-top:0; }



.p_reseller .c_rate { overflow:hidden; margin:65px 0 30px; }
.p_reseller .c_rate .rate_wrap { background:#e6e6e6; padding:40px; }
.p_reseller .c_rate .c_table {border:0;}
.p_reseller .c_rate .c_table table { background:#fff; width:100%; border:1px solid #ccc;}
.p_reseller .c_rate .c_table th { font-size:13px; color:#000; letter-spacing:-0.5px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:0; padding:8px 10px; background:#eee; font-weight:400;}
.p_reseller .c_rate .c_table th:first-child {border-left:0;}
.p_reseller .c_rate .c_table th {text-align:center;}
.p_reseller .c_rate .c_table .fs_13 {color:#000; }
.p_reseller .c_rate .c_table td { border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:0; text-align:center; font-size:13px; color:#888; letter-spacing:-0.5px; padding:10px; line-height:19px;}
.p_reseller .c_rate .c_table td:first-child { border-left:0; }
.p_reseller .c_rate .c_table .tdright { text-align:right; }
.p_reseller .c_rate .c_table .fc_black { color:#000; }
.p_reseller .c_rate .c_table .fc_red { font-size:19px; color:#cb3726; font-family:'rubik'; }
.p_reseller .c_rate .graph { overflow:hidden; background:#e6e6e6; padding-top:20px; }
.p_reseller .c_rate .graph .txt { font-size:13px; color:#737373; letter-spacing:-0.5px; text-align:right}
.p_reseller .c_rate .graph .img { margin-top:5px; text-align:center; background:#fff;}


/* 06.리셀러_리셀러 수익배분 */
.p_reseller .c_summary3 { position:relative; background:transparent url('../images/sub_design/img_summary3.jpg') center center no-repeat; height:470px; }
.p_reseller .c_summary3 .circle { position:absolute; left:0; top:0; width:100%; z-index:2; text-align:center; }
.p_reseller .c_summary3 .circle ul { margin-top:102px; }
.p_reseller .c_summary3 .circle dl { padding-top:46px; }
.p_reseller .c_summary3 dt { font-size:30px; color:#fff; letter-spacing:-0.5px; /* font-family:"NanumSquare"; */ }
.p_reseller .c_summary3 dd { font-size:18px; position:relative; letter-spacing:-0.5px; line-height:23px; margin-top:37px; font-family:'NanumBarunGothic'; }
.p_reseller .c_summary3 .circle01 dd:before { content:""; position:absolute; left:50%; top:-18px; width:130px; height:1px; background:#5289a9; margin-left:-65px; }
.p_reseller .c_summary3 .circle02 dd:before { content:""; position:absolute; left:50%; top:-18px; width:130px; height:1px; background:#d55f51; margin-left:-65px; }
.p_reseller .c_summary3 .circle03 dd:before { content:""; position:absolute; left:50%; top:-18px; width:130px; height:1px; background:#826dad; margin-left:-65px; }
.p_reseller .c_summary3 .btm_txt { position:absolute; left:0; bottom:0; width:100%; height:195px; }
.p_reseller .c_summary3 .btm_txt { margin-top:0; overflow:visible; background:transparent url('../images/sub_design/bg_black70.png') left top repeat;}
.p_reseller .c_summary3 .btm_txt dl {  padding-top:68px; }
.p_reseller .c_summary3 .btm_txt dt {  }
.p_reseller .c_summary3 .btm_txt .txt { font-size:23px; color:#ff1a00; letter-spacing:-0.5px; font-weight:300; font-family:'NanumBarunGothic'; position:relative; }
.p_reseller .c_summary3 .btm_txt .txt:before { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ff1a00;}
.p_reseller .c_summary3 .btm_txt dd { font-size:17px; color:#fff; letter-spacing:-0.5px; margin-top:12px; font-family:'NanumBarunGothic'; }

.p_reseller .c_income02 { margin-bottom:30px; }
.p_reseller .c_income .process03 ul { background:transparent url('../images/sub_design/bg_process03.png') left bottom no-repeat;  padding:0 58px 28px 57px; }
.p_reseller .c_income .process03 li { width:190px; height:149px; padding:22px 0 0 0; margin-left:55px; }
.p_reseller .c_income .process03 .txt { margin-top:19px; }
.p_reseller .c_income .process03 .bg_color04 .txt { margin-top:19px; }
.p_reseller .c_income .process03 .bg_color01 { background:#4a72c7; }
.p_reseller .c_income .process03 .bg_color02 { background:#5d4dc7; }
.p_reseller .c_income .process03 .bg_color03 { background:#8f4bbc; }
.p_reseller .c_income .process03 .bg_color04 { background:#cb61c5; }








/* 07.포트폴리오 ----------------------------------------------------------------- */
/* 포트폴리오 베스트*/
.p_pf .c_best {}
.p_pf .c_best .best_title { font-size:25px; color:#cb3726; letter-spacing:-0.5px; line-height:1.1; text-align:center; margin-bottom:25px; }
.p_pf .c_best .best_box { position:relative; background:#fff; }
.p_pf .c_best .best_box ul { overflow:hidden; border:2px solid #cb3726; }
.p_pf .c_best .best_box li { list-style:none; float:left; width:33.3333%;}
.p_pf .c_best .prevnext {position:absolute; top:50%; margin-top:-48px; z-index:25}
.p_pf .c_best .prevnext a {padding:10px;}
.p_pf .c_best .prevnext .icon {width:38px; height:75px; background:transparent url('../images/sub_design/best_rolling.png') left top no-repeat;}
.p_pf .c_best .prevnext.prev {right:50%; margin-right:590px;}
.p_pf .c_best .prevnext.next {left:50%; margin-left:590px;}
.p_pf .c_best .prevnext.prev .icon {background-position:left top;}
.p_pf .c_best .prevnext.next .icon {background-position:right top;}
.p_pf .c_best .prevnext.prev:hover .icon {background-position:left bottom;}
.p_pf .c_best .prevnext.next:hover .icon {background-position:right bottom;}

.p_pf .c_best .one_box {padding:40px; border-left:1px solid #e2e2e2; height:540px;}
.p_pf .c_best .one_box .img_box {overflow:hidden; position:relative;}
.p_pf .c_best .one_box .img_box img {width:100%;}
.p_pf .c_best .one_box .border { position:absolute; /* background:transparent url('../images/pf_border.png') left top repeat; */ z-index:2;background:#ddd;}
.p_pf .c_best .one_box .border01 { left:0;  top:0; width:1px; height:100%;}
.p_pf .c_best .one_box .border02 { right:0; top:0; width:1px; height:100%;}
.p_pf .c_best .one_box .border03 { left:0; top:0; width:100%; height:1px;}
.p_pf .c_best .one_box .border04 { left:0; bottom:0; width:100%; height:1px;}
.p_pf .c_best .img_box .upper_view { display:none; position:absolute; left:0; top:0; padding-top:140px; text-align:center; width:100%; z-index:1; }
.p_pf .c_best .img_box .upper_view { background:url('../images/sub_design/bg_black50.png') left top repeat; width:100%; height:100%; }
.p_pf .c_best .img_box .wrapping { background:#cb3726; border-radius:100px; width:63px; height:63px; border:1px solid #cb3726;  }
.p_pf .c_best .img_box .plus { padding-top:21px; }
.p_pf .c_best .one_box .img_box:hover .upper_view { display:block; }
.p_pf .c_best .name_box { overflow:hidden; position:relative; width:319px; margin:11px auto 0; height:32px;  }
.p_pf .c_best .name_box .name { font-size:19px; color:#000; letter-spacing:-0.5px; float:left; line-height:32px; width:279px; }
.p_pf .c_best .name_box .name { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; }
.p_pf .c_best .name_box .link { float:right; width:30px; height:30px; border-radius:100px; background:transparent url('../images/sub_design/link_off.png') center center no-repeat;}
.p_pf .c_best .name_box:hover .name {color:#cb3726; text-decoration:underline;}
.p_pf .c_best .best_box .txt_box { overflow:hidden; margin-top:10px; margin-left:-10px;}
.p_pf .c_best .best_box .txt_box dl {float:left; width:33.3333%; text-align:center;}
.p_pf .c_best .best_box .txt_box dt {background:#ddd; color:#333; height:30px; line-height:30px; margin-left:10px;}
.p_pf .c_best .best_box .txt_box dd {background:#eee; margin-top:1px; color:#555; height:30px; line-height:30px; margin-left:10px;}

/* .p_pf .c_best .txt_box .box { float:left; width:99px; margin-left:10px; }
.p_pf .c_best .txt_box .box:first-child { margin-left:0;}
.p_pf .c_best .txt_box .txt { height:30px; background:#e2e2e2; font-size:12px; color:#515259; letter-spacing:-0.5px; line-height:30px; display:block; text-align:center; }
.p_pf .c_best .txt_box .txt+ span { margin-top:1px; background:#e3e3e3; } */
.p_pf .c_best .comment { overflow:hidden; margin-top:15px; color:#828387; line-height:18px; letter-spacing:-0.5px; }


/*분류별 베스트*/
.p_pf .c_pf_list { overflow:hidden; margin-top:60px; background:transparent; padding:0; }
.p_pf .c_pf_list .pf_title { font-size:26px; color:#000; letter-spacing:-0.5px; line-height:1.1; text-align:center; margin-bottom:25px; }

.p_pf .c_pf_list .c_tab { border-bottom:2px solid #cb3726; text-align:center; overflow:hidden; height:auto;}
.p_pf .c_pf_list .c_tab td { background:#dedede;}
.p_pf .c_pf_list .c_tab td:before { left:0; height:100%;}
.p_pf .c_pf_list .c_tab td:first-child:before { display:none; }
.p_pf .c_pf_list .c_tab dl {}
.p_pf .c_pf_list .c_tab .over { display:none; }
.p_pf .c_pf_list .c_tab dd { font-size:13px; color:#3f4146; letter-spacing:-0.5px; line-height:52px; height:50px;}
.p_pf .c_pf_list .c_tab td:hover { background:#fff; }
.p_pf .c_pf_list .c_tab .hit { background:#cb3726; }
.p_pf .c_pf_list .c_tab .hit:before { display:none; }
.p_pf .c_pf_list .c_tab .hit .over { display:inline-block; }
.p_pf .c_pf_list .c_tab .hit .off { display:none; }
.p_pf .c_pf_list .c_tab dt {display:none;}
.p_pf .c_pf_list .c_tab .hit dd { color:#fff; }
.p_pf .c_pf_list .c_tab .hit+ td:before { display:none; }
.p_pf .c_pf_list .c_tab .hit:hover { background:#cb3726; }

.p_pf .c_pf_list .portfolio_list { padding:30px 40px; margin-top:0; border:1px solid #e1e1e1; border-top:0; background:#fff; }
.p_pf .c_pf_list .portfolio_list ul { height:auto; margin-left:-24px; }
.p_pf .c_pf_list .portfolio_list li { width:25%; margin:12px 0;}
.p_pf .c_pf_list .port_box { width:auto; margin-left:24px; }
.p_pf .c_pf_list .port_box .img_box { height:282px; }
.p_pf .c_pf_list .port_box .txt_box { margin:0; width:auto; }

/*소셜커머스*/
.p_pf .conts_title+ .c_pf_list { margin-top:0; padding-top:0; }
/* .p_pf .c_pf_list .portfolio_list+ .cm_paginate { margin-top:50px; padding-bottom:0; } */

/*티켓몰,하이센스 타입 선택 없을시*/
.p_pf .c_pf_list .if_no_type .txt_box .type { display:none; }
.p_pf .c_pf_list .if_no_type .txt_box dl { padding-left:15px; }
.p_pf .c_pf_list .if_no_type .by_onedaynet {display:inline-block;}


/*포트폴리오_모바일웹*/
.p_pf .c_pf_mobile {}
.p_pf .c_pf_mobile .this_guide { text-align:center; overflow:hidden; padding:35px 0 30px; background:#fff; border-bottom:1px solid #e1e1e1;}
.p_pf .c_pf_mobile .this_guide dt { font-size:21px; color:#cb3726; letter-spacing:-0.5px; margin-bottom:6px; }
.p_pf .c_pf_mobile .this_guide dd { font-size:15px; color:#8b8c90; letter-spacing:-0.5px; line-height:20px;}

.p_pf .c_pf_mobile .portfoli_list { overflow:hidden; background:#fff;  position:relative;}
.p_pf .c_pf_mobile .portfoli_list ul { overflow:hidden; margin-left:-29px; padding:30px 60px 40px 60px; min-height:800px;}
.p_pf .c_pf_mobile .portfoli_list li { list-style:none; float:left; width:25%; margin:15px 0; position:relative; }

.p_pf .c_pf_mobile .mobile_box { overflow:hidden; position:relative; width:auto; margin-left:29px; border:1px solid #ddd; border-radius:20px; background:transparent url('../images/sub_design/mobile_top.png') center 17px no-repeat;}
.p_pf .c_pf_mobile .mobile_box .img_box {overflow:hidden; position:relative; margin:35px 9px 0; height:398px;}
.p_pf .c_pf_mobile .mobile_box .img_box img {width:100%;}
.p_pf .c_pf_mobile .mobile_box .border { position:absolute; background:transparent url('../images/pf_border.png') left top repeat; z-index:2; }
.p_pf .c_pf_mobile .mobile_box .border01 { left:0;  top:0; width:1px; height:100%;}
.p_pf .c_pf_mobile .mobile_box .border02 { right:0; top:0; width:1px; height:100%;}
.p_pf .c_pf_mobile .mobile_box .border03 { left:0; top:0; width:100%; height:1px;}
.p_pf .c_pf_mobile .mobile_box .border04 { left:0; bottom:0; width:100%; height:1px;}
.p_pf .c_pf_mobile .mobile_box .site_name { text-align:center; font-size:15px; color:#3b3e44; letter-spacing:-0.5px; height:40px; line-height:40px; padding:0 10px; }
.p_pf .c_pf_mobile .mobile_box .site_name { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; }
.p_pf .c_pf_mobile .mobile_box .upper_view { display:none; position:absolute; left:0; top:0; text-align:center; width:100%; z-index:1;  }
.p_pf .c_pf_mobile .mobile_box .upper_view { background:url('../images/sub_design/bg_black50.png') left top repeat; width:100%; height:100%; }
.p_pf .c_pf_mobile .mobile_box .wrapping { background:#cb3726; border-radius:50px; border:1px solid #cb3726; height:46px; margin-top:245px; }
.p_pf .c_pf_mobile .mobile_box .txt { font-size:15px; color:#fff; letter-spacing:-0.5px; line-height:48px; padding:0 30px; }
.p_pf .c_pf_mobile .mobile_box:hover .upper_view { display:block; }

/*포트폴리오_모바일웹 미리보기*/
.p_pf .preview_mobile { position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background:transparent url('../images/sub_design/bg_black80.png') left top repeat; min-height:}
.p_pf .preview_mobile .this_guide { background:#191919; border:0; }
.p_pf .preview_mobile .this_guide dd { color:#fff; }
.p_pf .preview_mobile .phone_box { position:relative; margin:10px auto 0; width:410px; height:790px; background:transparent url('../images/sub_design/bg_mobile.png') left top no-repeat; }
.p_pf .preview_mobile .phone_box .btn_close { position:absolute; right:8px; top:20px; width:59px; height:59px; border-radius:100px; background:#cb3726 url('../images/sub_design/close_mobile.png') center center no-repeat;}
.p_pf .preview_mobile .phone_box .btn_close:hover { background-color:#b13122; }
.p_pf .preview_mobile .phone_box .site_add { position:absolute; left:49px; top:115px; background:#222325; width:314px; height:22px; }
.p_pf .preview_mobile .phone_box .site_add .txt { font-size:12px; color:#919192; font-family:"Calibri"; line-height:22px; padding:0 7px; }
.p_pf .preview_mobile .phone_box .inner_box { position:absolute; left:49px; top:137px; width:314px; height:537px; overflow-y:auto; }
.p_pf .preview_mobile .phone_box .warning { position:absolute; left:49px; top:137px; width:314px; height:537px; z-index:11; text-align:center; background:#a9291b url('../images/sub_design/ic_warnning.png') center 158px no-repeat;}
.p_pf .preview_mobile .phone_box .warning .txt { font-size:15px; color:#fff; line-height:22px; padding-top:270px; }


/* .p_pf .port_box .txt_box dt {font-size:15px; letter-spacing:-1px;} */
.p_pf .port_box .txt_box dd {}
/* .p_pf .port_box .txt_box dl {padding-left:68px;} */










/*회사소개 */
.c_cm_box .c_ad { overflow:hidden; position:relative; background:#53535a; padding:70px 60px;}
.c_cm_box .c_ad dt { font-size:33px; color:#fff; letter-spacing:-1px; line-height:1.1; /* font-family:"NanumSquare"; */ margin-bottom:18px; }
.c_cm_box .c_ad dd { font-size:17px; color:#ccccce; letter-spacing:-0.5px; line-height:21px; /* font-family:"NanumSquare"; */ }
.c_cm_box .c_ad .img { position:absolute; right:42px; top:20px; }
.c_cm_box .board_top_tab { overflow:hidden; text-align:center;}
.c_cm_box .board_top_tab ul { display:inline-block; }
.c_cm_box .board_top_tab li { float:left; list-style:none; width:117px; margin:0 4px; }
.c_cm_box .board_top_tab .tab { display:block; font-size:13px; color:#53535a; letter-spacing:-0.5px; border:1px solid #c1c1c5; height:37px; line-height:37px; border-radius:20px;}
.c_cm_box .board_top_tab .hit .tab { border:1px solid #cb3726; color:#cb3726; }
.c_cm_box .board_top_tab .tab:hover { background:#f1f1f1; }
.c_cm_box .board_top_tab .hit:hover .tab { background:#fff; }





















/* 개별디자인(조아라)  */


/* 03.맞춤제작 ----------------------------------------------------------------------------- */
.p_ctmz {}
.p_ctmz li {list-style:none;}

/* 솔루션구매여부선택 */
.p_ctmz .c_choice {border-bottom:1px solid #dadade;}
.p_ctmz .c_choice .choice_li {width:50%; float:left;}
.p_ctmz .c_choice .choice_ul {margin-left:-25px; height:183px;  margin-bottom:40px;}
.p_ctmz .c_choice .one_box {/* border:1px solid #dadade; background:#fff; */ margin-left:25px; text-align:center; padding:0 50px; cursor:default; position:relative; box-sizing:border-box;}
.p_ctmz .c_choice .one_box:before {display:none; content:""; width:31px; height:16px; background:transparent url('../images/sub_design/ctmz_hit.gif') left top no-repeat; position:absolute; left:50%; bottom:-16px; margin-left:-15px;}
.p_ctmz .c_choice dl {padding:0 0px;}
.p_ctmz .c_choice dt {/* font-family:"NanumSquare"; */ color:#2b2d32; font-size:28px; }
.p_ctmz .c_choice dt strong {color:#db2e1f;}
.p_ctmz .c_choice dd {color:#aaabac; font-size:13px; margin-top:10px; letter-spacing:-0.5px;}

.p_ctmz .c_choice .one_box ul {display:inline-block; margin-top:25px; height:53px;}
.p_ctmz .c_choice .one_box li {float:left;}
.p_ctmz .c_choice .btn {display:block; height:52px; line-height:54px; background:#f1f1f1; border:1px solid #dadade; }
.p_ctmz .c_choice .btn .txt {font-size:15px; color:#666; position:relative; /* padding-left:30px; */ white-space:nowrap; display:block; padding:0 80px;}
.p_ctmz .c_choice .one_box li+ li .btn {border-left:0;}



.p_ctmz .c_choice .if_already li {width:100%;}
.p_ctmz .c_choice .if_already .txt {padding-left:0px; padding-right:30px;}
.p_ctmz .c_choice .if_already .txt:before {display:none;}
.p_ctmz .c_choice .if_already .txt:after {content:""; width:25px; height:25px; background:transparent url('../images/sub_design/ctmz_btn_mine.png') left top no-repeat; position:absolute; right:0; top:50%; margin-top:-13px;}

/* .p_ctmz .c_choice .one_box:hover {border:2px solid #4a4c52;} */
.p_ctmz .c_choice .btn:hover {background:#fff;}
.p_ctmz .c_choice .btn:hover .txt:before {background-position:right top;}
.p_ctmz .c_choice .btn:hover .txt:after {background-position:right top;}

.p_ctmz .c_choice .this_hit .one_box {background:#db2e1f; border:2px solid #db2e1f;}
.p_ctmz .c_choice .this_hit dt {color:#fff;}
.p_ctmz .c_choice .this_hit dt strong {color:#fff;}
.p_ctmz .c_choice .this_hit dd {color:#f4c1bc}
.p_ctmz .c_choice .this_hit .btn {background:#992016;}
.p_ctmz .c_choice .this_hit .btn .txt {color:#fff;}
.p_ctmz .c_choice .this_hit .btn .txt:before {background-position:right bottom;}
.p_ctmz .c_choice .this_hit .btn:hover {background:#58120c;}
.p_ctmz .c_choice .this_hit .btn:hover .txt {color:#fff;}
.p_ctmz .c_choice .this_hit .btn:hover .txt:before {background-position:right top;}
.p_ctmz .c_choice .this_hit .btn:hover .txt:after {background-position:left bottom;}
.p_ctmz .c_choice .this_hit .one_box:before {display:inline-block;}

.p_ctmz .c_choice .hit .btn {background:#fff !important; border-bottom:1px solid #fff;}
.p_ctmz .c_choice .hit .btn .txt {color:#db2e1f !important;}
.p_ctmz .c_choice .hit .btn .txt:before {background-position:left bottom !important;}

.p_ctmz .c_choice .this_hit .if_already .btn {background:#fff !important;}
.p_ctmz .c_choice .this_hit .if_already .btn .txt {color:#db2e1f !important;}
.p_ctmz .c_choice .this_hit .if_already .btn .txt:after {background-position:left bottom;}



.p_ctmz .c_my_order {display:none; clear:both; /* padding-top:40px; */ margin-bottom:30px;}
.p_ctmz .c_my_order .title_box {background:#4a4c52; text-align:center; color:#fff; font-size:15px; padding:15px 0px; }
.p_ctmz .c_my_order .inner_box {background:#fff; overflow-y:auto; max-height:200px; padding:20px; border:2px solid #4a4c52; }
.p_ctmz .if_open_order .c_my_order {/* display:block; */}
.p_ctmz .if_open_order .c_my_order .cm_no_conts {padding:0px; margin-top:-10px;}

.p_ctmz .c_my_order .cm_my_order .upper_link {display:none;}
.p_ctmz .c_my_order .cm_my_order .edge {display:none;}


/* 리스트제어 */
.p_ctmz .c_ctmz_ctrl {padding:10px; background:#fff; padding:30px 50px 0 50px; position:relative;}
.p_ctmz .c_ctmz_ctrl .tabmenu {height:51px; text-align:center; }
.p_ctmz .c_ctmz_ctrl .tabmenu li {float:left; height:50px; }
.p_ctmz .c_ctmz_ctrl .tabmenu .tab { font-size:15px; color:#797b7f; height:50px; line-height:52px; display:block; border-right:1px solid #d0d2db; border-top:1px solid #d0d2db; padding:0 50px; letter-spacing:-0.5px; background:#efefef;}
.p_ctmz .c_ctmz_ctrl .tabmenu li:first-of-type .tab {border-left:1px solid #d0d2db; margin:0 !important}
.p_ctmz .c_ctmz_ctrl .tabmenu .tab:hover {background:#d0d2db; color:#000;}
.p_ctmz .c_ctmz_ctrl .tabmenu .hit .tab {background:#fff; height:51px; border-right:1px solid #8b8d94; border-top:1px solid #8b8d94; border-left:1px solid #8b8d94; margin-left:-1px; color:#000;}
.p_ctmz .c_ctmz_ctrl .tabmenu li:first-of-type.hit .tab {border-left:1px solid #8b8d94 !important}

.p_ctmz .c_ctmz_ctrl .arrange_box {position:absolute; right:50px; top:30px;}
.p_ctmz .c_ctmz_ctrl .arrange {float:left; text-align:left; position:relative; margin-left:10px}
.p_ctmz .c_ctmz_ctrl .arrange .this {background:#fff; border:1px solid #c7c7c7; width:105px; padding:0 10px; color:#999}
.p_ctmz .c_ctmz_ctrl .arrange .this .txt {height:30px; line-height:32px; display:block; position:relative;}
.p_ctmz .c_ctmz_ctrl .arrange .this .txt:before {content:""; position:absolute; right:0; top:50%; width:7px; height:4px; background:transparent url('../images/top_subicon.png') left top no-repeat; margin-top:-2px;}
.p_ctmz .c_ctmz_ctrl .arrange .open_box {display:none; position:absolute; left:0; top:31px; border:1px solid #333; background:#fff; z-index:30; padding:5px 0}
.p_ctmz .c_ctmz_ctrl .arrange .open_box .btn {line-height:26px; width:90px; padding:0 10px; color:#999}
.p_ctmz .c_ctmz_ctrl .arrange .open_box .btn:hover {color:#000}
.p_ctmz .c_ctmz_ctrl .arrange:hover .this {color:#000; border:1px solid #333;}
.p_ctmz .c_ctmz_ctrl .arrange:hover .txt:before {background-position:right top;}
.p_ctmz .c_ctmz_ctrl .arrange:hover .open_box {display:block;}





/* 맞춤제작리스트 */
.p_ctmz .c_ctmz_list {overflow:hidden; background:#fff; margin-bottom:30px; margin-top:40px;}
.p_ctmz .c_ctmz_list li {width:33.3333%; float:left; margin-top:25px;}
.p_ctmz .c_ctmz_list ul {margin-left:-25px; overflow:hidden; margin-top:-25px;}
.p_ctmz .c_ctmz_list .cm_no_conts {padding:80px 0 50px 0;}
.p_ctmz .c_ctmz_list .cm_no_conts .no_icon {background:transparent url('../images/cm_images/no_conts_board_data.png') center top no-repeat; height:110px;}
.p_ctmz .c_ctmz_list .cm_no_conts .gtxt {font-size:15px;}
.p_ctmz .c_ctmz_list.if_design li {width:50% !important;}


.p_ctmz .ctmz_box {margin-left:25px; position:relative; box-sizing:border-box; border:1px solid #eaeaeb; box-sizing:border-box; box-shadow:0px 1px 0px #f3f3f4}
.p_ctmz .ctmz_box .img_box {overflow:hidden; height:105px; display:none;}
.p_ctmz .ctmz_box .img_box img {float:left; max-width:100%; width:100%;}
.p_ctmz .ctmz_box .name {text-align:center; font-size:21px; color:#333; height:55px; line-height:58px; letter-spacing:-0.5px; /* border:1px solid #dadade; */ border-top:0; /* background:#4a4c52; */ position:relative;}
.p_ctmz .ctmz_box .name {background:#f5f5f5;}
.p_ctmz .ctmz_box .name .number {position:absolute; left:10px; top:50%; margin-top:-15px; background:rgba(0,0,0,0.3);; border-radius:3px; width:30px; height:30px; line-height:30px;}
.p_ctmz .ctmz_box .name .number { text-align:center; font-size:18px; font-family:"rubik"; letter-spacing:0px; font-weight:300;}

.p_ctmz .ctmz_box .solution {text-align:center; padding:15px 0px; display:none;}
.p_ctmz .ctmz_box .solution .txt {float:left; color:#999; font-size:15px; letter-spacing:-0.5px; position:relative; border:1px solid #e1e1e5; border-radius:100px; padding:0 10px; display:inline-block; height:px;}
.p_ctmz .ctmz_box .solution .txt:before {display:none; content:""; width:1px; height:9px; background:#bdbfc3; position:absolute; left:0; top:2px;}
.p_ctmz .ctmz_box .solution .txt+ .txt {padding-left:10px; margin-left:10px;}
.p_ctmz .ctmz_box .solution .txt+ .txt:before {display:inline-block;}

.p_ctmz .ctmz_box .format {text-align:center; border:1px solid #dadade; border-top:0; border-bottom:0; padding:0 0 20px 0px;}
.p_ctmz .ctmz_box .format .txt {float:left; color:#b7b7ba; position:relative; border:1px solid #b7b7ba; border-radius:100px; width:90px; height:25px; line-height:27px; margin:0 2px; background:#fff;}

.p_ctmz .ctmz_box .withit {text-align:center; display:table; width:100%; box-sizing:border-box;}
.p_ctmz .ctmz_box .withit div {display:table-cell; height:60px; vertical-align:middle; padding:0 40px; font-size:13px; color:#4eb4e3; word-wrap:break-word; word-break:keep-all; white-space:normal; line-height:1.4;}
.p_ctmz .ctmz_box .withit div {box-sizing:border-box; padding-top:5px; padding-top:4px\0;}
.p_ctmz .ctmz_box .withit em {color:#999;}
.p_ctmz .ctmz_box .withit strong {white-space:nowrap}

.p_ctmz .ctmz_box .info {border-top:1px solid #eaeaeb; position:relative; overflow:hidden; margin:0 20px;}
/* .p_ctmz .ctmz_box .info:before {content:""; width:1px; height:30px; background:#eaeaeb; position:absolute; left:50%; top:50%; margin-top:-15px;} */
.p_ctmz .ctmz_box .info table {width:100%; box-sizing:border-box; table-layout:fixed; border-collapse:separate; border-spacing:0px;}
.p_ctmz .ctmz_box .info td {vertical-align:middle; height:70px; text-align:right;}



.p_ctmz .ctmz_box .info .this_due {text-align:left; padding-left:50px;}
.p_ctmz .ctmz_box .info .this_due .lineup {padding:0px; margin-top:1px; text-align:right}

.p_ctmz .ctmz_box .info .this_price .lineup {text-align:right !important; padding-right:50px;}


.p_ctmz .ctmz_box .info .time {overflow:hidden; display:block;}
.p_ctmz .ctmz_box .info .time strong {color:#000;  /* font-family:"rubik"; float:left; font-size:20px;  */;  font-size:13px;}
.p_ctmz .ctmz_box .info .time em {color:#474747;   font-size:13px; }
.p_ctmz .ctmz_box .info .test_time { color:#888; font-size:13px; /* float:left; margin-left:5px; */ display:block; margin-top:3px;}

/* .p_ctmz .ctmz_box .info td .lineup {position:relative; text-align:right;} */


/*
.p_ctmz .ctmz_box .info .discount {background:#cf4334; position:absolute; left:0; top:0; width:36px; height:36px; color:#fff; font-family:"rubik"; font-size:15px; line-height:35px; border-radius:100px; text-align:center;}
.p_ctmz .ctmz_box .info .discount {border:1px solid #cf4334; border-radius:100px; box-sizing:border-box;} */

.p_ctmz .ctmz_box .info .discount {/* position:absolute; left:-45px; top:0; */ height:36px; color:#fff; font-family:"rubik"; font-size:33px; line-height:35px; padding-right:20px; text-align:center;}
.p_ctmz .ctmz_box .info .discount {color:#cf4334; background:transparent url('../images/sub_design/new_dc.gif') right 8px no-repeat;}
.p_ctmz .ctmz_box .info .discount em {font-weight:100; font-size:24px;}

.p_ctmz .ctmz_box .info .this_dc {width:20%; text-align:center;}



.p_ctmz .ctmz_box .info .price {position:relative; text-align:right; box-sizing:border-box; overflow:hidden; float:right;}
.p_ctmz .ctmz_box .info .price strong {font-family:calibri; font-size:19px; letter-spacing:0; height:18px; line-height:18px; float:left; font-weight:400;}
.p_ctmz .ctmz_box .info .price em {color:#474747; font-size:13px; margin-left:1px; height:18px; line-height:19px; line-height:21px\0; display:inline-block; float:left;}

.p_ctmz .ctmz_box .info .before {display:inline-block; padding-left:2px;}
.p_ctmz .ctmz_box .info .before strong {color:#a4a5a8; position:relative; letter-spacing:0; font-weight:100; font-size:18px;}
.p_ctmz .ctmz_box .info .before em {opacity: 0.5; filter: alpha(opacity=50); -ms-filter:alpha(opacity=50);}
.p_ctmz .ctmz_box .info .before:before {content:""; background:#000; width:100%; height:1px; position:absolute; left:0; top:50%; opacity: 0.25; filter: alpha(opacity=25); -ms-filter:alpha(opacity=25);}
.p_ctmz .ctmz_box .info .before:before {margin-top:-1px;}

.p_ctmz .ctmz_box .info .after {clear:both; padding-top:3px;}
.p_ctmz .ctmz_box .info .after strong {color:#db2e1f; font-weight:600;}
.p_ctmz .ctmz_box .info .after em {color:#db2e1f}






.p_ctmz .ctmz_box .btn_box {/* background:#f6f6f6; */ overflow:hidden; text-align:center; border:1px solid #dadade; box-sizing:border-box; margin:20px; margin-top:0px;}
.p_ctmz .ctmz_box .btn_box dt, .p_ctmz .ctmz_box .btn_box dd {float:left; width:50%; box-sizing:border-box;}
.p_ctmz .ctmz_box .btn_box dd {border-left:1px solid #dadade;}
.p_ctmz .ctmz_box .btn_box .btn {display:block; height:41px; line-height:42px;}
.p_ctmz .ctmz_box .btn_box .btn {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.p_ctmz .ctmz_box .btn_box .txt {position:relative; /* padding-left:28px;  */font-size:15px; color:#4a4c52;}
.p_ctmz .ctmz_box .btn_box .txt {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.p_ctmz .ctmz_box .btn_box .txt:before {content:""; width:23px; height:23px; background:transparent url('../images/sub_design/ctmz_btn_this.png') left top no-repeat; position:absolute; left:0; top:50%; margin-top:-12px;}
.p_ctmz .ctmz_box .btn_box .txt:before {display:none;}
.p_ctmz .ctmz_box .btn_box dd .txt:before {background:transparent url('../images/sub_design/ctmz_btn_view.png') left top no-repeat; width:25px; height:25px; }

/* .p_ctmz .ctmz_box .this_btn .btn:hover {background:#ddd;} */


.p_ctmz .ctmz_box .btn_box .btn:hover {background:#4a4c52;}
.p_ctmz .ctmz_box .btn_box .btn:hover .txt {color:#fff;}
/* .p_ctmz .ctmz_box .btn_box dt .btn:hover {background:#cb3726;} */

/* .p_ctmz .ctmz_box .btn_box .btn:hover .txt:before {background-position:left bottom;} */
/* .p_ctmz .ctmz_box:hover {background:#eee;} */
/* .p_ctmz .ctmz_box:hover .btn_box {background:#fff;} */
/* .p_ctmz .ctmz_box:hover .name {background:#333; color:#fff; border-color:#4a4c52;} */

.p_ctmz .ctmz_box:hover .format .txt {color:#333;}
.p_ctmz .ctmz_box:hover .number {background:#db2e1f;}


.p_ctmz .c_ctmz_list .this_hit .ctmz_box {border-color:#cf4334;}







/* 맞춤제작 오른쪽 따라다니는 결과창 */
.p_ctmz .c_ctmz_result {position:fixed; right:0; top:291px; width:110px; /* margin-top:-300px; */ /* top:354px; */ z-index:10}
.p_ctmz .c_ctmz_result .title {background:#4a4c52; text-align:center; color:#fff; font-size:13px; padding:14px 0px; position:relative;}
.p_ctmz .c_ctmz_result .title strong {display:block;}
.p_ctmz .c_ctmz_result .btn_ctrl {position:absolute; left:-25px; top:0; width:25px; height:100%; background:#a1a2a5; }
.p_ctmz .c_ctmz_result .btn_ctrl .shape {width:9px; height:100%; background:transparent url('../images/sub_design/ctmz_ctrl.png') left center no-repeat;}
.p_ctmz .c_ctmz_result .btn_ctrl:hover {background:#db2e1f;}
.p_ctmz .c_ctmz_result .inner_box {background:#fff; border:2px solid #54565c; border-right:0; border-top:0; }
.p_ctmz .c_ctmz_result .selected {text-align:center;min-height:220px}
.p_ctmz .c_ctmz_result .selected dl {padding:8px; position:relative;}
.p_ctmz .c_ctmz_result .selected dl+ dl {border-top:1px solid #a4a7ab;}
.p_ctmz .c_ctmz_result .selected dt {color:#000; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.p_ctmz .c_ctmz_result .selected dd {border-top:1px dashed #ddd; padding-top:5px; overflow:hidden;}
.p_ctmz .c_ctmz_result .selected dd div {padding:1px 0px;}
.p_ctmz .c_ctmz_result .selected .withit {padding:6px 0; color:#ff6600;}
.p_ctmz .c_ctmz_result .selected .withit p {display:block;}
.p_ctmz .c_ctmz_result .btn_delete {display:none; position:absolute; left:-25px; top:50%; width:25px; height:25px; background:#db2e1f url('../images/sub_design/ctmz_delete.png') center center no-repeat; margin-top:-12px; z-index:5}
.p_ctmz .c_ctmz_result .btn_delete:hover {background-color:#db2e1f}
.p_ctmz .c_ctmz_result .selected dl:hover {background:#eee;}
.p_ctmz .c_ctmz_result .selected dl:hover .btn_delete {display:inline-block;}
.p_ctmz .c_ctmz_result .total {background:#ebebec; text-align:center; padding:10px 10px 5px 10px; border-top:1px solid #54565c; position:relative;}
.p_ctmz .c_ctmz_result .total:before {content:""; width:17px; height:9px; background:transparent url('../images/sub_design/ctmz_arrow.gif') left top no-repeat; position:absolute; left:50%; top:-1px; margin-left:-8px;}
.p_ctmz .c_ctmz_result .total li+ li {border-top:1px solid #cbcbcd;}
.p_ctmz .c_ctmz_result .total li {padding:8px 0 6px 0; overflow:hidden;}
.p_ctmz .c_ctmz_result .total .txt {display:block; color:#4a4c52;}
.p_ctmz .c_ctmz_result .total .txt+ .txt {margin-top:3px; font-weight:600;}
.p_ctmz .c_ctmz_result .total .price {font-weight:600;}
.p_ctmz .c_ctmz_result .start {color:#000 !important;}
.p_ctmz .c_ctmz_result .day {color:#2d8fdb !important;}
.p_ctmz .c_ctmz_result .price {color:#db2e1f !important; font-weight:600;}
.p_ctmz .c_ctmz_result .cm_no_conts {padding:70px 10px 0;}
.p_ctmz .c_ctmz_result .cm_no_conts .no_icon {background:transparent url('../images/sub_design/ctmz_nolist.png') center top no-repeat; height:30px;}
.p_ctmz .c_ctmz_result .cm_no_conts .gtxt {font-size:12px; word-wrap:break-word; word-break:keep-all; white-space:normal; line-height:1.3;}
.p_ctmz .c_ctmz_result .ctmz_paginate {position:relative; z-index:11; background:#fff; overflow:hidden; text-align:center; border-top:1px solid #ccc}
.p_ctmz .c_ctmz_result .ctmz_paginate:before {content:""; width:1px; height:100%; background:#ccc; position:absolute; left:50%; top:0;}
.p_ctmz .c_ctmz_result .ctmz_paginate .btn {float:left; display:block; overflow:hidden; width:50%; height:21px;}
.p_ctmz .c_ctmz_result .ctmz_paginate .shape {display:inline-block; width:4px; height:7px; background:transparent url('../images/sub_design/today_pagi.gif') left top no-repeat; margin-top:7px}
.p_ctmz .c_ctmz_result .ctmz_paginate .btn:hover {background:#eee;}
.p_ctmz .c_ctmz_result .ctmz_paginate .next .shape {background-position:right top;}
.p_ctmz .c_ctmz_result .c_thistip {display:none;}
.p_ctmz .c_ctmz_result .c_btn {margin-top:0;}
.p_ctmz .c_ctmz_result .c_btn ul {display:block;}
.p_ctmz .c_ctmz_result .c_btn li {float:none; margin:0px !important;}
.p_ctmz .c_ctmz_result .c_btn .btn {padding:0px; font-size:13px; line-height:35px; height:35px; letter-spacing:0;}

.p_ctmz .c_ctmz_result.if_wide {width:300px;}
.p_ctmz .c_ctmz_result.if_wide .c_thistip {display:block; background-position:center 22px !important;}
.p_ctmz .c_ctmz_result.if_wide .title {padding:0px; height:50px; line-height:52px;}
.p_ctmz .c_ctmz_result.if_wide .title strong {display:inline-block; margin:0 2px;}
.p_ctmz .c_ctmz_result.if_wide .btn_ctrl {left:-365px; background-color:#db2e1f;}
.p_ctmz .c_ctmz_result.if_wide .btn_ctrl .shape {background-position:right center;}
.p_ctmz .c_ctmz_result.if_wide .selected {text-align:left; min-height:353px}
.p_ctmz .c_ctmz_result.if_wide .selected dd div  {font-size:13px;}
.p_ctmz .c_ctmz_result.if_wide .selected dl {padding:8px 15px;}
.p_ctmz .c_ctmz_result.if_wide .selected .day {float:left;}
.p_ctmz .c_ctmz_result.if_wide .selected .price {float:right}
.p_ctmz .c_ctmz_result.if_wide .total {padding:10px;}
.p_ctmz .c_ctmz_result.if_wide .total .txt {float:left}
.p_ctmz .c_ctmz_result.if_wide .total .txt+ .txt {float:right}
.p_ctmz .c_ctmz_result.if_wide .c_btn {width:300px; position:absolute; right:0; bottom:-50px;}
.p_ctmz .c_ctmz_result.if_wide .c_btn li {float:left; width:50%; }
.p_ctmz .c_ctmz_result.if_wide .c_btn .btn {font-size:15px; line-height:50px; height:50px;}
.p_ctmz .c_ctmz_result.if_wide .c_thistip {position:absolute; left:-340px; top:0; width:340px; height:100%; background-position:center 15px; margin-top:0px !important;}
.p_ctmz .c_ctmz_result.if_wide .c_thistip .txt {margin:70px 0 0 0; background:#34363b;}

@media screen and (max-width:1400px) {
	.p_ctmz .c_ctmz_result {display:none !important;}
}
@media screen and (max-height:850px) {
	.p_ctmz .c_ctmz_result {display:none !important;}
}


/* 패키지의경우 */
/* .p_ctmz.if_pakage .c_choice {margin-bottom:20px;} */
.p_ctmz.if_pakage .c_choice li {float:none;}
.p_ctmz.if_pakage .c_choice ul {}
.p_ctmz.if_pakage .one_box li {float:left; }
.p_ctmz.if_pakage .one_box {margin-left:0px;}
.p_ctmz.if_pakage .c_ctmz_list li {width:50%;}
.p_ctmz.if_pakage .c_choice .hit .btn {background:#fff !important; }
.p_ctmz.if_pakage .c_choice .hit .txt {color:#000 !important; font-weight:600;}
.p_ctmz.if_pakage .c_choice .hit .btn .txt:before {background-position:right top !important;}


/* 패키지 디자인 새로 2020-05-11 */ 
.c_ctmz_pakage {}
.c_ctmz_pakage li+ li {margin-top:45px;}
.c_ctmz_pakage .pk_table {display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
.c_ctmz_pakage .pk_table th,
.c_ctmz_pakage .pk_table td {border:1px solid #ebebeb; text-align:center; color:#888; padding:0 15px; font-size:13px; font-weight:400;}
.c_ctmz_pakage .pk_table th {background:#fbfbfb; color:#666; height:40px; padding:0;}
.c_ctmz_pakage .pk_table .t_sol {text-align:left}
.c_ctmz_pakage .pk_table .t_benefit {color:#0066cc;}
.c_ctmz_pakage .pk_table .t_day {color:#666;}
.c_ctmz_pakage .pk_table .t_price {text-align:right; padding-right:35px;}

.c_ctmz_pakage .pk_name {color:#333; font-size:15px; margin-bottom:12px; font-weight:600;}
.c_ctmz_pakage .pk_name strong {color:#db2e1f;}
.c_ctmz_pakage .pk_btn {text-align:center; display:inline-block; width:140px; padding:15px 0;}
.c_ctmz_pakage .pk_btn .btn {display:block; background:#a1a2a5; border:1px solid #a1a2a5; color:#fff; font-weight:600; font-size:15px; border-radius:100px;}
.c_ctmz_pakage .pk_btn .btn {box-sizing:border-box; height:36px; line-height:35px;}
.c_ctmz_pakage .pk_btn .btn.red {margin-bottom:10px; background:#db2e1f; border-color:#db2e1f;}
.c_ctmz_pakage .pk_btn .btn.red.after {background:#fff; color:#db2e1f;}

.c_ctmz_pakage .pk_price {display:inline-block; text-align:right}
.c_ctmz_pakage .pk_price span {display:block; padding:0 3px;}
.c_ctmz_pakage .pk_price .before {position:relative; color:#999; margin-bottom:4px;}
.c_ctmz_pakage .pk_price .before:before {content:""; width:100%; height:1px; background:#999; position:absolute; left:0; top:50%; margin-top:-2px;}
.c_ctmz_pakage .pk_price .after {color:#db2e1f; font-weight:600;}

.c_ctmz_pakage .pk_item {}
.c_ctmz_pakage .pk_item dl {display:table; width:100%; box-sizing:border-box; table-layout:fixed; border-collapse:separate; border-spacing:0px;}
.c_ctmz_pakage .pk_item dt,
.c_ctmz_pakage .pk_item dd {display:table-cell; vertical-align:middle; height:40px; font-size:13px; color:#666; padding:0 15px; box-sizing:border-box;}
.c_ctmz_pakage .pk_item dd {background:#fff; width:145px; text-align:center; border-left:1px solid #ebebeb;}
.c_ctmz_pakage .pk_item dl+ dl {border-top:1px solid #ebebeb;}
.c_ctmz_pakage .pk_item+ .pk_item {border-top:1px solid #ebebeb;}
.c_ctmz_pakage .pk_item .de {height:40px; line-height:40px; box-sizing:border-box; padding:0 15px;}
.c_ctmz_pakage .pk_item .de+ .de {border-top:1px solid #ebebeb; }
.c_ctmz_pakage .pk_item.if_today dt {padding:0px;}










/* 견적서 상세내용 */
.c_ctmz_detail {overflow-y:auto; max-height:650px; border:1px solid #ddd;}
.c_ctmz_detail .de_one {position:relative; overflow:hidden; background:#eee;}
.c_ctmz_detail .de_one+ .de_one {border-top:1px solid #ddd;}
.c_ctmz_detail .de_title {width:180px; text-align:center; position:absolute; left:0; top:0; height:100%; padding:20px 0px; color:#000; font-size:13px;}
.c_ctmz_detail .de_conts {background:#fff; margin-left:180px; padding:25px 20px 20px 20px; line-height:18px; color:#555; font-size:13px; letter-spacing:0px; min-height:80px}
.c_ctmz_detail .icon {width:50px; height:50px; border-radius:100px;}
.c_ctmz_detail .ic1 {background:#4a4c52 url('../images/sub_design/ctmz_de1.png') center center no-repeat;}
.c_ctmz_detail .ic2 {background:#4a4c52 url('../images/sub_design/ctmz_de2.png') center center no-repeat;}
.c_ctmz_detail .ic3 {background:#4a4c52 url('../images/sub_design/ctmz_de3.png') center center no-repeat;}
.c_ctmz_detail .opt {margin-top:10px;}
/* .c_ctmz_detail .de_one:hover .de_title {background:#ddd;}
.c_ctmz_detail .de_one:hover .de_conts {background:#fafafa;} */
/* .c_ctmz_detail .de_one:hover .icon {background-color:#cb3726;} */
.c_ctmz_detail .list_wrap {padding:0 20px;}
.c_ctmz_detail .list_wrap ul {margin-left:-20px;}
.c_ctmz_detail .list_wrap li {width:33.333333%; float:left; margin:10px 0;}
.c_ctmz_detail .list_wrap .port_box {width:auto; margin-left:20px;}
.c_ctmz_detail .list_wrap .port_box .img_box { height:auto; height:228px;}
.c_ctmz_detail .list_wrap .port_box .txt_box dt {font-size:15px;}
.c_ctmz_detail .list_wrap .port_box .txt_box dd {font-size:12px;}
.c_ctmz_detail .list_wrap .port_box .type {padding-top:7px; height:40px;}




/* 견적서보기(인쇄하기) */
.c_ctmz_print {max-width:900px; margin:0 auto; padding:30px;}
.c_ctmz_print .title_box {overflow:hidden;}
.c_ctmz_print .title_box .title {border:3px solid #000; text-align:center; font-size:31px; height:60px; line-height:62px; background:#ededed; overflow:hidden;}
.c_ctmz_print .title_box .logo {background:url('../images/sub_design/ctmz_pop_title.jpg') center center no-repeat; width:50%; height:160px; float:left;}
.c_ctmz_print .title_box .info {width:50%; float:left; background:url('../images/sub_design/ctmz_pop_title_stamp.jpg') right center no-repeat; padding:35px 0;}
.c_ctmz_print .title_box .info li {list-style:none; line-height:18px; padding-left:10px; position:relative; margin-top:2px;}
.c_ctmz_print .title_box .info li:before {content:""; width:2px; height:2px; background:#333; position:absolute; left:0; top:8px;}
.c_ctmz_print .table_wrap {border-right:1px solid #666; border-left:1px solid #666; border-bottom:1px solid #666; border-top:3px solid #666;}
.c_ctmz_print .table_wrap table {width:100%;}
.c_ctmz_print .table_wrap tr:first-child td,.c_ctmz_print .table_wrap tr:first-child th {border-top:0;}
.c_ctmz_print .table_wrap td,.c_ctmz_print .table_wrap table th {line-height:18px; padding:10px; border:1px solid #e0e0e0; border-right:0; border-bottom:0;}
.c_ctmz_print .table_wrap th {background:#f5f5f5;}
.c_ctmz_print .table_wrap .center {text-align:center;}
.c_ctmz_print .table_wrap .right {text-align:right;}
.c_ctmz_print .table_wrap .left {text-align:left;}
.c_ctmz_print .table_wrap thead {border-bottom:1px solid #ddd;}
.c_ctmz_print .price_area {margin:20px 0 30px 0;}
.c_ctmz_print .price_area .guide_tx {padding:0 10px; line-height:40px; font-size:13px;}
.c_ctmz_print .price_area .price {padding:17px 10px 9px 10px; border-bottom:2px solid #666; border-top:2px solid #666; }
.c_ctmz_print .price_area .price p {font-size:15px; padding-bottom:9px; color:#444;}
.c_ctmz_print .price_area .price strong { color:#000; font-size:17px;}
.c_ctmz_print .price_area .price em {color:#999; font-size:12px; font-weight:normal;}
.c_ctmz_print .price_area .price b {font-size:13px; font-weight:normal;}


.p_ctmz .c_cm_box { overflow:hidden; background:#fff; padding:60px 60px; }





















/*부가서비스 ----------------------------------------------------------------- */
.p_add {}

/*부가서비스 전체보기*/
.p_add .c_main { overflow:hidden; padding-top:40px; }
.p_add .c_main ul { overflow:hidden; margin:-30px 0 0 -30px; }
.p_add .c_main li { float:left; width:50%; list-style:none; height:190px; margin-top:30px; }
.p_add .c_main .title { background:transparent url('../images/sub_design/img_add.jpg') left top no-repeat; text-align:center; height:100%; margin-left:30px; }
.p_add .c_main .title dl { padding-top:65px}
.p_add .c_main .title dt { font-size:28px; color:#fff; letter-spacing:-0.5px; /* font-family:"NanumSquare"; */ margin-bottom:10px; }
.p_add .c_main .title dd { font-size:15px; color:#fff; line-height:1.3; word-wrap:break-word; word-break:keep-all;}
.p_add .c_main .one_box { overflow:hidden; height:100%; margin-left:30px; position:relative;}
.p_add .c_main .one_box .left_box { position:relative; float:left; width:150px; height:100%; text-align:center; background:#cb3726;}
.p_add .c_main .one_box .left_box .number { font-size:35px; color:#fff; font-family:'rubik'; padding-top:30px; }
.p_add .c_main .one_box .left_box .img { position:absolute; left:0; bottom:35px; width:100%; }
.p_add .c_main .one_box .right_box { background:#fff; margin-left:150px; height:100%; text-align:center; position:relative;}
.p_add .c_main .one_box .right_box .txt { font-size:22px; color:#cb3726; line-height:26px; letter-spacing:-0.5px; /* font-family:"NanumSquare"; */ padding-top:38px; display:none;}
.p_add .c_main .one_box .right_box dl { text-align:left; padding:30px 30px 0; }
.p_add .c_main .one_box .right_box dt { font-size:21px; color:#2e2e2e; margin-bottom:8px; letter-spacing:-1px;}
.p_add .c_main .one_box .right_box dd {color:#989898; letter-spacing:-0.5px; line-height:18px; word-wrap:break-word; word-break:keep-all; }
.p_add .c_main .one_box .c_btn { margin-top:20px; overflow:hidden; position:absolute; left:0; top:110px; width:100%;}
.p_add .c_main .one_box .c_btn ul {margin:0px; display:block; margin-left:-10px; padding:0 20px;}
.p_add .c_main .one_box .c_btn li {float:left; width:50% !important; height:auto; margin:0px;}
.p_add .c_main .one_box .c_btn .btn {display:block; margin-left:10px;}


.p_add .c_summary { overflow:hidden; background:transparent url('../images/sub_design/bg_add.jpg') center center no-repeat; height:300px; position:relative; }
.p_add .c_summary2 {background:transparent url('../images/sub_design/bg_add02.jpg') center center no-repeat; }
.p_add .c_summary3 {background:transparent url('../images/sub_design/bg_add03.jpg') center center no-repeat; }
.p_add .c_summary4 { background:transparent url('../images/sub_design/bg_add04.jpg') center center no-repeat; }
.p_add .c_summary5 { background:transparent url('../images/sub_design/bg_add05.jpg') center center no-repeat; }
.p_add .c_summary6 { background:transparent url('../images/sub_design/bg_add06.jpg') center center no-repeat;}

.p_add .c_summary .circle { width:200px; height:200px; position:absolute; left:50%; top:50%; margin:-100px 0 0 -100px; text-align:center; z-index:2; background:#cb3726; border-radius:300px;}
.p_add .c_summary .circle .txt_box { font-size:21px; color:#fff; letter-spacing:-0.5px; display:block; padding-top:40px;}
.p_add .c_summary .circle .en { font-size:60px; color:#fff; letter-spacing:-0.5px; font-weight:300; font-family:'rubik','NanumBarunGothic'; margin-bottom:2px; }
.p_add .c_summary .btm_box { position:absolute; right:0; top:0; width:50%; height:100%; text-align:left; }
.p_add .c_summary .btm_box { margin-top:0; overflow:visible; background:transparent url('../images/sub_design/bg_black75.png') left top repeat;}
.p_add .c_summary .btm_box dl { padding:60px 70px 0 170px; }
.p_add .c_summary .btm_box dt {  }
.p_add .c_summary .btm_box .txt { font-size:23px; color:#ff1a00; letter-spacing:-0.5px; font-weight:300; font-family:'NanumBarunGothic'; position:relative; line-height:28px;}
.p_add .c_summary .btm_box .txt:before { content:""; position:absolute; left:0; bottom:5px; width:100%; height:1px; background:#ff1a00;}
.p_add .c_summary .btm_box dd { font-size:16px; color:#fff; letter-spacing:-0.5px; margin-top:27px; font-family:'NanumBarunGothic'; line-height:21px; word-wrap:break-word; word-break:keep-all; }

.p_add .c_summary3 .btm_box dl {padding-left:90px; text-align:center;}
.p_add .c_summary5 .btm_box dl {padding-left:90px; text-align:center;}
.p_add .c_summary5 .btm_box dd {padding:0 30px;}


.p_add .c_benefit { overflow:hidden; }
.p_add .c_benefit .benefit_list { overflow:hidden; background:#fff; border:1px solid #ddd; margin-top:20px;}
.p_add .c_benefit .benefit_list li { list-style:none; float:left; width:25%; text-align:center; position:relative; }
.p_add .c_benefit .benefit_list li:before { content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#ddd; }
.p_add .c_benefit .benefit_list li:first-child:before { display:none; }
.p_add .c_benefit .benefit_list .icon { padding-top:20px; }
.p_add .c_benefit .benefit_list dl { padding:0 0px 20px; margin-top:15px; }
.p_add .c_benefit .benefit_list dt { font-size:13px; color:#cb3726; letter-spacing:-0.5px; line-height:1.1; margin-bottom:5px; }
.p_add .c_benefit .benefit_list dd {color:#888; line-height:17px; word-wrap:break-word; word-break:keep-all; }
.p_add .c_benefit .c_thistip {margin-top:20px;}


.p_add .c_step { overflow:hidden;}
.p_add .c_step .step_list { overflow:hidden; margin-top:20px; }
.p_add .c_step .step_list ul { margin:-20px 0 0 -40px; }
.p_add .c_step .step_list li { float:left; width:25%; list-style:none; text-align:center; position:relative; margin-top:20px; }
.p_add .c_step .step_list .edge { position:absolute; left:0; top:50%; margin:-6px 0 0 10px; }
.p_add .c_step .step_list li:first-child .edge { display:none; }
.p_add .c_step .step_list .one_box {margin-left:40px; position:relative;}
.p_add .c_step .step_list .step_box { overflow:hidden; background:#fff; padding:15px 0; text-align:center; border:1px solid #ebebeb }
.p_add .c_step .step_list .step {color:#fff; font-family:'rubik'; background:#333; height:24px; line-height:24px; text-align:center; width:80px; border-radius:20px; }
.p_add .c_step .step_list .icon  { margin-top:10px; display:block;}
.p_add .c_step .step_list dl { overflow:hidden; background:#707278; padding:15px 25px;}
.p_add .c_step .step_list dt { font-size:13px; color:#fff; letter-spacing:-0.5px; line-height:1.3;}
.p_add .c_step .step_list dd { color:#b8b9bc; line-height:15px; word-wrap:break-word; word-break:keep-all; margin-top:5px; }
.p_add .c_step .step_list dd a {color:inherit}
.p_add .c_step .step_list .bg_red .txt { color:#cb3726; }
.p_add .c_step .step_list .btn_go { height:30px; }
.p_add .c_step .step_list .btn_go .txt { background:#fff; border-radius:20px; font-size:13px; letter-spacing:-0.5px; font-weight:400; line-height:1; padding:9px 24px 8px; color:#000}
.p_add .c_step .step_list .btn_go.if_red .txt { background:#cb3726; color:#fff; }
.p_add .c_step .step_list .btn_go:hover .txt { text-decoration:underline; }
.p_add .c_step .c_thistip {margin-top:20px;}
.p_add .c_step .if_col5 li {width:20%;}


.p_add .c_pglist { /* overflow:hidden; */}
.p_add .c_pglist:after {content:""; display:table; width:100%; clear:both}
.p_add .c_pglist .group_title {margin-top:0px;}

.p_add .func_list {/*  overflow:hidden; */ padding-top:10px;}
.p_add .func_list ul { margin:-20px 0 0 -20px; }
.p_add .func_list li { float:left; width:50%; list-style:none; margin-top:20px; position:relative; }
.p_add .func_list .only_one li {width:100%;}
/* .p_add .func_list li:before { content:""; position:absolute; left:0; top:-20px; border-top:1px dashed #c6c6c6; width:100%; height:1px; } */
.p_add .func_list .one_box { margin-left:20px; position:relative; background:#fff; box-sizing:border-box; border:1px solid #d4d4d4; }
.p_add .func_list .one_box:before { content:""; position:absolute; left:-20px; top:0; /* border-left:1px dashed #c6c6c6;  */width:1px; height:100%; }

.p_add .func_list .logo_box { overflow:hidden; background:#fff; box-sizing:border-box; position:relative; margin:0 25px;}
.p_add .func_list .logo_box ul { margin-left:0; overflow:hidden; position:relative; }
.p_add .func_list .logo_box li { text-align:center; position:relative; }
.p_add .func_list .logo_box:before { content:""; position:absolute; left:50%; top:50%; width:1px; height:50px; background:#ddd; margin-top:-25px;}
.p_add .func_list .logo_box li:first-child:before { display:none; }
.p_add .func_list .logo_box .logo { margin-top:10px; }
.p_add .func_list .logo_box dl {padding:20px 0px; }
.p_add .func_list .logo_box dt { font-size:18px; color:#333; letter-spacing:-0.5px; margin-bottom:5px; }
.p_add .func_list .logo_box dd { font-size:15px; color:#303136; letter-spacing:-0.5px; }
.p_add .func_list .logo_box dd strong {background:transparent url('../images/sub_design/add_pg_tel.png') left 1px no-repeat; padding-left:15px;}

.p_add .func_list .info_box { overflow:hidden; margin:0 25px; text-align:left}
.p_add .func_list .info_box table { width:100%; border:1px solid #d0d0d1; box-sizing:border-box;}
.p_add .func_list .info_box th { padding:0 0 0 25px; border:1px solid #d0d0d1; }
.p_add .func_list .info_box .txt {color:#888; letter-spacing:-0.5px; padding-left:10px; font-weight:400; position:relative; display:block; text-align:left}
.p_add .func_list .info_box .txt:before {content:""; width:3px; height:3px; background:#666; position:absolute; left:0; top:5px;}
.p_add .func_list .info_box td {letter-spacing:-0.5px; border:1px solid #d0d0d1; padding:7px 10px; border-right:0;}
.p_add .func_list .info_box .texticon_pack { float:left; margin-right:10px; }
.p_add .func_list .info_box .charge {height:26px; line-height:27px; }
.p_add .func_list .info_box strong { color:#cb3726; font-family:"rubik",'NanumBarunGothic'; font-size:19px;}
.p_add .func_list .info_box .borderTop_none { border-top:0; }

.p_add .func_list .btn_box { overflow:hidden; margin:25px; margin-top:10px;}
.p_add .func_list .btn_box ul { margin-left:-10px; }
.p_add .func_list .btn_box li { text-align:center; height:40px;  }
.p_add .func_list .btn_box .btn { display:block; margin-left:10px; font-size:13px; color:#fff; line-height:41px; }
.p_add .func_list .btn_box .btn_down { background:#cb3726;}
.p_add .func_list .btn_box .btn_down .tx {/*  padding-left:32px; background:transparent url('../images/sub_design/btn_box_down.png') left 13px no-repeat; */}
.p_add .func_list .btn_box .btn_online { background:#7f8185 }
.p_add .func_list .btn_box .btn_close {color:#666; background:#fff; border:1px solid #7f8185;}
.p_add .func_list .btn_box .btn_online .tx {/*  padding-left:32px; background:transparent url('../images/sub_design/btn_box_online.png') left 13px no-repeat; */ height:40px; }
.p_add .func_list .btn_box a.btn_down:hover {background-color:#ae1200;}
.p_add .func_list .btn_box a.btn_online:hover {background-color:#444;}
/* .p_add .func_list .btn_box .btn_down:hover .tx {background:transparent url('../images/sub_design/btn_box_down_over.png') left 13px no-repeat;}
.p_add .func_list .btn_box .btn_online:hover .tx {background:transparent url('../images/sub_design/btn_box_online_over.png') left 13px no-repeat;} */





/* .p_add .func_list .btn_box .btn_down:hover { background:#b03021 url('../images/sub_design/btn_box_down_over.png') 73px center no-repeat; padding-left:37px; }
.p_add .func_list .btn_box .btn_online:hover { background:#636467 url('../images/sub_design/btn_box_online_over.png') 73px center no-repeat; padding-left:37px; }
.p_add .func_list .btn_box .btn_online:hover { background-image:none; padding-left:0; } */


.p_add .c_why { overflow:hidden;}
.p_add .c_why .why_list { overflow:hidden; margin:20px 0 20px 0; }
.p_add .c_why .why_list li { list-style:none; float:left; width:25%; text-align:center; position:relative; }
.p_add .c_why .why_list li:before { content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#ddd; }
.p_add .c_why .why_list li:first-child:before { display:none; }
.p_add .c_why .why_list .icon { background:#b7b8b9; width:88px; height:68px; border-radius:100px; padding-top:20px; }
.p_add .c_why .why_list .txt { display:block; font-size:13px; letter-spacing:-0.5px; font-weight:400; line-height:1.3; margin-top:15px; }
.p_add .c_why .why_list .txt strong {color:#000; font-weight:600; font-size:13px; display:block; margin-bottom:5px;}
.p_add .c_why .why_list.if_col6 li {width:16.6666%;}

.p_add .c_charge { overflow:hidden;}
.p_add .c_charge .group_title {margin-bottom:20px;}
/* .p_add .c_charge .group_title .title { border-bottom:0; } */
.p_add .c_charge td {}
.p_add .c_charge .charge_table.if_single td {padding:10px; padding-bottom:7px;}


.p_add .c_key { overflow:hidden;}
.p_add .c_key .wrapping {background:#fff; overflow:hidden;}
.p_add .c_key .txt { float:left; width:50%; box-sizing:border-box; padding:15px 30px;}
.p_add .c_key .txt li { list-style:none; overflow:hidden; margin-top:15px; }
.p_add .c_key .txt .number { float:left; width:50px; height:50px; border-radius:100px; text-align:center; background:#cb3726; font-size:23px; color:#fff; font-family:'rubik'; line-height:50px; margin-right:24px; }
.p_add .c_key .txt dl { margin-top:6px; }
.p_add .c_key .txt dt { font-size:15px; color:#000; letter-spacing:-0.5px; margin-bottom:8px; }
.p_add .c_key .txt dd { letter-spacing:-0.5px; }
.p_add .c_key .visual { float:right; width:50%; background:transparent url('../images/sub_design/img_visual.jpg') left top no-repeat; padding:35px 0; text-align:center; position:relative;  box-sizing:border-box;}
.p_add .c_key .visual .box { background:#fff; margin:0 40px; padding:15px; float:left; width:60%; margin-top:1px;}
.p_add .c_key .visual .box dt { font-size:15px; color:#cb3726; letter-spacing:-0.5px; margin-bottom:10px; }
.p_add .c_key .visual .box dt strong {color:#00a8ff;}
.p_add .c_key .visual .box dd { font-size:13px; color:#000; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_add .c_key .visual .box .refer { font-size:12px; color:#999; margin-top:9px; }
.p_add .c_key .visual_btm {position:absolute; right:20px; top:100px; text-align:center; width:130px;}
.p_add .c_key .visual_btm .arrow {position:absolute; left:0; top:10px; display:none;}
.p_add .c_key .visual_btm .percent { font-size:30px; color:#ff1a00; letter-spacing:-0.5px; font-family:'rubik'; font-weight:300;}
.p_add .c_key .visual_btm .kr { font-size:15px; color:#ff1a00; letter-spacing:-0.5px; margin-top:5px; color:#ccc;}


.p_add .c_ready { overflow:hidden;}
.p_add .c_ready .txt_double { overflow:hidden;  position:relative; background:#f5f4f4; }
.p_add .c_ready .txt_double:before { content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#e5e5e5; }
.p_add .c_ready .txt_double li { float:left; list-style:none; width:50%; padding:30px 0 35px 0; }
.p_add .c_ready .txt_double dl { overflow:hidden;  position:relative;}
.p_add .c_ready .txt_double dt {position:absolute; left:0; top:50%; width:140px; text-align:center; margin-top:-25px;}
.p_add .c_ready .txt_double dd {margin-left:140px; font-weight:400; padding-left:7px; position:relative; margin-top:7px; font-size:13px;}
.p_add .c_ready .txt_double dd:before {content:""; width:3px; height:3px; background:#333; position:absolute; left:0; top:4px;}
.p_add .c_ready .txt_double .title { color:#4d93aa; font-size:17px; letter-spacing:-0.5px; font-weight:400; margin-bottom:15px; line-height:1; background:none; padding-left:0; }
.p_add .c_ready .txt_double .title:before {display:none;}


.p_add .c_discript { overflow:hidden; background:#fff; border-bottom:1px solid #cecece; padding:25px 0;}
.p_add .c_discript .txt_box { overflow:hidden; padding:0 72px; }
.p_add .c_discript dl { float:left; margin-right:90px; }
.p_add .c_discript dt { overflow:hidden; }
.p_add .c_discript dt span { float:left; }
.p_add .c_discript .en { font-size:40px; color:#000; letter-spacing:-0.5px; font-family:'rubik'; line-height:1.1;}
.p_add .c_discript .kr { font-size:24px; color:#000; letter-spacing:-0.5px; /* font-family:"NanumSquare"; */ line-height:1.1; margin:12px 0 0 7px; }
.p_add .c_discript dd { font-size:16px; color:#b2b2b2; font-family:'rubik'; }
.p_add .c_discript .txt { font-size:13px; line-height:1.5; letter-spacing:-0.5px; padding-right:40px; }
.p_add .c_discript .txt strong { color:#cb3726; text-decoration:underline; }


.p_add .c_how {margin-top:40px; overflow:hidden;}
.p_add .c_how .img_box {overflow:hidden; background:#fff; text-align:center; padding:40px 0px;}
.p_add .c_how .txt {margin-top:10px;}


/* 2017-06-20 레이아웃 수정 */
.p_add .c_summary {display:none;}
.p_add .group_title {margin-bottom:10px;}
.p_add .conts_title {display:none;}

/* .p_add .c_step {margin-top:-15px;} */
/* .p_add .c_key {margin-top:-7px;}
.p_add .c_benefit {margin-top:-7px;}
.p_add .c_charge {margin-top:-7px;} */





/*아아핀서비스*/
/* .p_add .c_summary2 .btm_box dl { padding:109px 96px 0 126px; } */


/* .p_add .c_step .step_list dd { padding:0 30px; } */
/* .p_add .simple_table { margin-top:27px; }
.p_add .simple_table table { width:100%; border:1px solid #b5b7be; }
.p_add .simple_table th { background:#d6d8de; font-size:13px; color:#636469; letter-spacing:-0.5px; padding:14px 10px 9px; border-bottom:1px solid #b5b7be; border-left:1px solid #b5b7be; font-weight:400;}
.p_add .simple_table td { text-align:center; font-size:13px; color:#303136; letter-spacing:-0.5px; background:#fff; padding:24px 10px 19px; border-left:1px solid #b5b7be; } */
/* .p_add .c_benefit2 .benefit_list dl { padding:0 0 35px; } */
/* .p_add .c_benefit2 .benefit_list dd { padding:0 30px; } */


/* .p_add .charge_table { overflow:hidden; border:1px solid #3d6ea3; }
.p_add .charge_table table { width:100%; }
.p_add .charge_table th { background:#3d6ea3; font-size:15px; color:#fff; letter-spacing:-0.5px; padding:15px; font-weight:400; border-left:1px solid #315882; }
.p_add .charge_table th:first-child { border-left:0; }
.p_add .charge_table tbody th { background:#fff; font-size:15px; color:#303136; letter-spacing:-0.5px;  padding:15px; border-top:1px solid #ccc; font-weight:400; border-left:0; }
.p_add .charge_table td { background:#fff; font-size:15px; color:#303136; letter-spacing:0; font-family:'rubik'; text-align:right; padding:15px; border-top:1px solid #ccc; border-left:1px solid #ccc; }
.p_add .charge_table .borderTop_none { border-top:0; } */

/*휴대폰 본인확인 서비스*/

/* .p_add .c_summary3 .btm_box dl { padding:100px 96px 0 126px; } */

/* .p_add .c_thistip .number { padding-left:25px; }
.p_add .c_thistip .number:before { display:none; } */
/* .p_add .c_why2 { margin-top:55px; } */

/*전자세금계산서 서비스*/

/* .p_add .c_summary4 .circle .txt_box { padding-top:57px; }
.p_add .c_summary4 .btm_box dl { padding:87px 0 0 176px; }
.p_add .c_summary4 .btm_box .sub_tit { color:#919191; }
.p_add .c_summary4 .btm_box dd+ dd { margin-top:7px; } */



/* .p_add .c_step2 { margin-top:55px; }
.p_add .c_step2 .step_list ul { margin-left:-27px; }
.p_add .c_step2 .step_list li { width:20%; }
.p_add .c_step2 .step_list .one_box { margin-left:27px; }
.p_add .c_step2 .step_list dl { padding:30px 0 23px; }
.p_add .c_step2 .step_list dt { margin-bottom:13px; }
.p_add .c_step2 .step_list .edge { margin:-2px 0 0 4px; } */



/*프리미엄 메일발송 서비스*/

/* .p_add .c_summary5 .btm_box dl { padding:109px 96px 0 126px; } */
/* .p_add .c_step .step_list2 dd { padding:0 20px; }  */


/*SSL보안서버인증서*/



/* .p_add .c_step3 { margin-top:55px; margin-bottom:0; }
.p_add .c_step3 .step_list dl { padding:32px 0 26px; }
.p_add .c_step3 .step_list dt { margin-bottom:0; }
.p_add .c_step3 .step_list dd { display:none; }

.p_add .c_charge2 { margin-top:55px; }
.p_add .c_charge2 .group_title { border:0; }
.p_add .c_charge2 .group_title .title { border:0; }
.p_add .c_charge2 th { background:#ccc; }
.p_add .c_charge2 .bg_color { background:#315882; }
.p_add .c_charge2 .bg_gray { background:#ccc; }
.p_add .c_charge2 tbody th { background:#3d6ea3; font-size:15px; color:#fff; letter-spacing:-0.5px; border-top:1px solid #315882; border-right:1px solid #3d628a; }
.p_add .c_charge2 .align_left { text-align:left; padding-left:35px; }

.p_add .c_charge2 .price { float:left; margin-right:4px; }
.p_add .c_charge2 .price .num { font-family:'rubik'; font-size:23px; color:#cb3726; letter-spacing:-0.5px;  float:left; }
.p_add .c_charge2 .price .won { float:left; margin:6px 0 0 2px; }
.p_add .c_charge2 .year { float:left; margin-top:6px; }
.p_add .c_charge2 .year .kr { float:left; }
.p_add .c_charge2 .year .ft_style { float:left; font-family:'rubik'; margin:0 2px; }
.p_add .c_charge2 td { text-align:center; font-family:'NanumBarunGothic'; font-size:15px; color:#000; }
.p_add .c_charge2 .fc_gray { color:#848484; }
.p_add .c_charge2 td strong { font-size:23px; color:#cb3726; letter-spacing:-0.5px; }
.p_add .c_charge2 .border_left { border-left:1px solid #a6a6a6; }
.p_add .c_discript .img_box { overflow:hidden; margin-top:45px; padding:0 50px 9px; }
.p_add .c_btn+ .c_discript { margin-top:65px; }


 */






















/*디자인*/
.p_de {}
/*솔루션*/
.p_de .c_skin { overflow:hidden; }
.p_de .c_skin .title_txt { overflow:hidden; font-size:41px; color:#000; letter-spacing:-0.5px; font-family:'rubik'; text-align:center; background:#dce3e5; padding-top:40px; }
.p_de .c_skin .title_txt strong { color:#cb3726; }
.p_de .c_skin .skin_crop { overflow:hidden; background:#dce3e5; text-align:center; padding:15px 0 25px; }
.p_de .c_skin .skin_all { overflow:hidden; background:#5f626e /* url('../images/sub_design/design_bg_btm.jpg') left bottom repeat-x */; text-align:center; padding:30px 0 0; position:relative; }
.p_de .c_skin .skin_all .btm_txt { font-size:18px; color:#9b9ca3; line-height:26px; letter-spacing:-0.5px; /* font-family:"NanumSquare"; */ margin-top:2px; display:none;}
.p_de .c_skin .skin_all .edge { position:absolute; left:0; top:0; width:100%; text-align:center; }

.p_de .c_skin .skin_tab { overflow:hidden; background:#dce3e5; text-align:center; padding-top:20px; padding-bottom:20px;}
.p_de .c_skin .skin_tab ul { display:inline-block; }
.p_de .c_skin .skin_tab li { float:left; list-style:none; margin:0 3px; }
.p_de .c_skin .skin_tab .tab { height:35px; padding:0 40px; font-size:15px; color:#666; letter-spacing:-0.5px; background:#fff; border-radius:40px; line-height:36px; box-sizing:border-box; border:1px solid #fff; }
.p_de .c_skin .skin_tab .tab:hover { background:#ccc; border-color:#ccc;}
.p_de .c_skin .skin_tab .hit .tab { background:#cb3726; color:#fff; border-color:#cb3726;}


/*모바일*/
.p_de .c_skin_m { }
.p_de .c_skin_m .skin_crop { background:#dce3e5 url('../images/sub_design/design_bg_btm2.jpg') left bottom repeat-x; position:relative; padding-bottom:0px;}
.p_de .c_skin_m .skin_crop .img_box { z-index:2; position:relative; }
.p_de .c_skin_m .skin_crop .edge { position:absolute; left:0; top:305px; width:100%; height:266px; background:transparent url('../images/sub_design/design_edge2.jpg') left top no-repeat;}

/*맞춤제작*/
.p_de .c_cd_top { overflow:hidden; background:transparent url('../images/sub_design/img_cd_top.jpg') left top no-repeat; height:300px; position:relative; }
.p_de .c_cd_top dl { position:absolute; right:126px; top:103px; }
.p_de .c_cd_top dt { font-size:40px; color:#fff; letter-spacing:-1.5px; line-height:1.1; /* font-family:"NanumSquare"; */ margin-bottom:19px; }
.p_de .c_cd_top dt strong { color:#e70000; }
.p_de .c_cd_top dd { font-size:18px; color:#b8b8ba; letter-spacing:-0.2px; line-height:23px; }

.p_de .c_cd_tab {overflow:hidden; margin-top:40px; }
.p_de .c_cd_tab li {list-style:none; float:left; width:33.333333%; text-align:center; border-bottom:1px solid #4d4d52; }
.p_de .c_cd_tab li+ li .tab {  border-left:1px solid #c7c7c7; }
.p_de .c_cd_tab .tab {display:block; background:#ddd; line-height:19px; color:#808287; font-size:15px; height:49px; line-height:51px; letter-spacing:0px; }
.p_de .c_cd_tab .hit { border-bottom:0; }
.p_de .c_cd_tab .hit .tab {background:#fff; border:1px solid #4d4d52; border-bottom:0; color:#cb3726; }
.p_de .c_cd_tab .hit+ li .tab { border-left:0; }
.p_de .c_cd_tab li:hover .tab { color:#000; text-decoration:underline; }

.p_de .c_delist { overflow:hidden; background:#fff; }
.p_de .c_delist .group_title { border:0; }
.p_de .c_delist .group_title .title { border:0; }

.p_de .c_delist .delist_box { overflow:hidden;  }

.p_de .c_delist .left_box { float:left; width:50%; background:#fff; padding-right:40px; box-sizing:border-box;}
.p_de .c_delist .c_table th {text-align:center;}
.p_de .c_delist .charge_table {margin-top:20px; border-width:1px;}
.p_de .c_delist .charge_table th {font-size:13px;}
.p_de .c_delist .charge_table td {text-align:left; font-size:15px; height:50px; padding-top:0px; padding-bottom:0px;}
.p_de .c_delist .charge_table .after { overflow:hidden; margin-left:10px; }
.p_de .c_delist .charge_table .before { float:left; margin-left:10px; font-size:20px; color:#a4a5a8; font-family:'rubik'; position:relative; padding:0 7px; line-height:38px; }
.p_de .c_delist .charge_table .before:before { content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:transparent url('../images/sub_design/bg_black50.png') left top repeat-x; }
.p_de .c_delist .charge_table .price { float:left; font-size:21px; color:#db2e1f; font-family:'rubik'; line-height:38px; line-height:36px0;  }
.p_de .c_delist .charge_table .won { font-size:15px; color:#474747; letter-spacing:-0.5px; font-family:'NanumBarunGothic'; float:left; line-height:40px; line-height:38px; margin-left:2px; }
.p_de .c_delist .charge_table .discount { float:left; width:30px; height:30px; border-radius:100px; background:#cb3726; text-align:center; font-size:14px; color:#fff; line-height:32px; font-family:'rubik'; margin-top:5px;}


/* .p_de .c_delist .c_table { border-top:2px solid #4a4c52; overflow:hidden; border-bottom:1px solid #c0c0c0;  }
.p_de .c_delist .c_table th { background:#eeeff0; font-size:15px; color:#4a4c52; letter-spacing:-0.5px; font-weight:400; border-bottom:1px solid #bebfc0; border-right:1px solid #bebfc0; padding:10px; }
.p_de .c_delist .c_table td { font-size:13px; color:#666; letter-spacing:-0.2px; padding:10px; border-bottom:1px solid #ddd; line-height:19px; } */

/* .p_de .c_delist .charge_table { overflow:hidden; border:1px solid #3d6ea3; margin-top:20px; }
.p_de .c_delist .charge_table table { width:100%; }
.p_de .c_delist .charge_table th { background:#3d6ea3; font-size:15px; color:#fff; letter-spacing:-0.5px; font-weight:400; border-bottom:1px solid #315882; }
.p_de .c_delist .charge_table td { font-size:15px; color:#000; letter-spacing:-0.5px; border-bottom:1px solid #3d6ea3; padding:20px; }
.p_de .c_delist .charge_table td em { color:#3d6ea3; }
.p_de .c_delist .charge_table .discount { float:left; width:38px; height:38px; border-radius:100px; background:#cb3726; text-align:center; font-size:14px; color:#fff; line-height:38px; font-family:'rubik'; }
.p_de .c_delist .charge_table .before { float:left; margin-left:10px; font-size:20px; color:#a4a5a8; font-family:'rubik'; position:relative; padding:0 7px; line-height:38px; }
.p_de .c_delist .charge_table .before:before { content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:transparent url('../images/sub_design/bg_black50.png') left top repeat-x; }
.p_de .c_delist .charge_table .after { overflow:hidden; margin-left:10px; }
.p_de .c_delist .charge_table .price { float:left; font-size:21px; color:#db2e1f; font-family:'rubik'; line-height:38px; line-height:36px0;  }
.p_de .c_delist .charge_table .won { font-size:15px; color:#474747; letter-spacing:-0.5px; font-family:'NanumBarunGothic'; float:left; line-height:40px; line-height:38px0;   margin-left:2px; }
.p_de .c_delist .charge_table .borderBottom_none { border-bottom:0; }
 */




.p_de .c_delist .right_box { float:left; background:#e8e8e8; width:50%; box-sizing:border-box;}
.p_de .c_delist .sample { padding:30px 50px; }
.p_de .c_delist .sample ul { overflow:hidden; margin-left:-10px }
.p_de .c_delist .sample li { list-style:none; float:left; width:50%; }
.p_de .c_delist .sample .img { margin-left:10px; }
.p_de .c_delist .sample .btm_txt { overflow:hidden; text-align:center; font-size:13px; color:#353535; letter-spacing:0; line-height:1.5; margin-top:20px; }

.p_de .c_step { overflow:hidden; margin-bottom:30px; background:#fff; padding-bottom:50px; }
.p_de .c_step .step_list { overflow:hidden; margin-top:40px; border:1px solid #e0e0e0; }
.p_de .c_step .step_list li { float:left; width:16.666666%; list-style:none; text-align:center; position:relative; padding:27px 0 29px; }
.p_de .c_step .step_list li:before { content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#e0e0e0; }
.p_de .c_step .step_list li:first-child:before { display:none; }
.p_de .c_step .step_list .edge { position:absolute; left:0; top:50%; margin-top:-14px; z-index:2; }
.p_de .c_step .step_list li:first-child .edge { display:none; }
.p_de .c_step .step_list .step_box { overflow:hidden; }
.p_de .c_step .step_list .step { font-size:19px; color:#333; letter-spacing:-0.5px; font-family:'rubik'; }
.p_de .c_step .step_list .icon  { margin-top:15px; display:block; }
.p_de .c_step .step_list .txt { font-size:13px; color:#666; letter-spacing:-0.5px; line-height:1.3; margin-top:20px; }
.p_de .c_step .step_list+ .c_btn { margin-top:0; }

.p_de .main_pf {}
.p_de .main_pf { background:#fff; }
.p_de .main_pf .pf_list .list_wrap { overflow:hidden; }
.p_de .main_pf .pf_list ul { margin:-20px 0 0 -20px; overflow:visible;}
.p_de .main_pf .pf_list li { width:25%; margin:20px 0 0 0; }
.p_de .main_pf .port_box { width:auto; margin-left:20px; }
.p_de .main_pf .pf_list { margin-top:0; }

.p_de .main_pf .c_btn { margin-top:30px; }
.p_de .main_pf .c_btn ul { height:auto; }
.p_de .main_pf .c_btn li { width:auto; }
.p_de .main_pf .img_box {height:276px;}

.p_de .c_delist+ .c_cd_tab { margin-top:50px; }
.p_de .c_thistip+ .c_cd_tab { margin-top:50px; }


.p_de .c_step .c_thistip {border:1px solid #ddd; margin-top:-1px;}


















/*회사소개 ---------------------------------------------------------------------- */
.p_one {margin-top:-40px;}

/*타이틀 공통*/
.p_one .c_catch { text-align:center; overflow:hidden; font-size:35px; color:#000; letter-spacing:-0.5px; line-height:1.1; font-weight:300;}

.p_one .c_top { overflow:hidden; text-align:center; height:400px;}
.p_one .c_top .txt_box dl { padding-top:105px; }
.p_one .c_top .txt_box dt { font-size:46px; color:#de1700; letter-spacing:-0.5px; font-weight:300; line-height:1.1; margin-bottom:19px; }
.p_one .c_top .txt_box dd { font-size:18px; color:#fff; letter-spacing:-0.5px; line-height:24px; /* font-family:"NanumSquare"; */}
.p_one .c_top.c_top1_1 {background:transparent url('../images/sub_design/top_one11.jpg') center top no-repeat; }
.p_one .c_top.c_top1_2 { background:transparent url('../images/sub_design/top_one12.jpg') center top no-repeat; }
.p_one .c_top.c_top1_3 { background:transparent url('../images/sub_design/top_one13.jpg') center top no-repeat; }
.p_one .c_top.c_top2_1 { background:transparent url('../images/sub_design/top_one24.jpg') center top no-repeat; }
.p_one .c_top.c_top2_2 { background:transparent url('../images/sub_design/top_one22.jpg') center top no-repeat; }
.p_one .c_top.c_top3_2 { background:transparent url('../images/sub_design/top_one32.jpg') center top no-repeat; }
.p_one .c_top.c_top4_1 { background:transparent url('../images/sub_design/top_one41.jpg') center top no-repeat; }
.p_one .c_top.c_top4_2 { background:transparent url('../images/sub_design/top_one41.jpg') center top no-repeat; }

.p_one .onedaynet_tab { overflow:hidden; margin-top:82px; }
.p_one .onedaynet_tab ul { display:inline-block; }
.p_one .onedaynet_tab li { list-style:none; float:left; width:180px; height:48px; background:transparent url('../images/sub_design/bg_black50.png') left top repeat; border:1px solid #fff; margin:0 5px; }
.p_one .onedaynet_tab .tab { font-size:19px; color:#fff; letter-spacing:-0.5px; font-weight:300; display:block; line-height:50px; }
.p_one .onedaynet_tab li:hover { background:#fff;}
.p_one .onedaynet_tab li:hover .tab {color:#333;}
.p_one .onedaynet_tab .hit {background:#cb3726 !important; border:1px solid #cb3726 !important; }
.p_one .onedaynet_tab .hit .tab { color:#fff !important; }

.p_one .c_greeting {text-align:center; position:relative; background:#fff;}
.p_one .c_greeting.if_inner {background:none !important;}
.p_one .c_greeting.if_inner .layout_fix {background:#fff;}
.p_one .c_greeting .deco01 { position:absolute; right:17px; top:0; }
.p_one .c_greeting .deco02 { position:absolute; left:0; bottom:0; }
.p_one .c_greeting dl { overflow:hidden; padding:60px 0 70px; position:relative; }
.p_one .c_greeting dl:before { content:""; position:absolute; left:50%; top:0; width:1px; height:79px; background:#cb3726; display:none;}
.p_one .c_greeting dt { font-size:33px; color:#000; letter-spacing:-0.5px; font-weight:200; margin-bottom:10px; }
.p_one .c_greeting dd { font-size:15px; color:#667283; letter-spacing:-0.5px; line-height:21px; }



.p_one .c_tab { height:49px; text-align:center; border-bottom:1px solid #d6d6d6; margin-top:20px; margin-bottom:50px;}
.p_one .c_tab ul { display:inline-block;}
.p_one .c_tab li { list-style:none; float:left; margin-left:1px; }
.p_one .c_tab .tab { font-size:17px; color:#3b3f43; letter-spacing:-0.5px; position:relative; min-width:120px; padding:0 10px; height:50px; line-height:50px;}
.p_one .c_tab .tab:before { content:""; position:absolute; left:0; bottom:0; width:100%; height:4px; background:#626466; }
.p_one .c_tab li:hover {}
.p_one .c_tab li:hover .tab { color:#000; }
.p_one .c_tab li:hover .tab:before { background:#000; }
.p_one .c_tab .hit .tab { color:#cb3726 !important; }
.p_one .c_tab .hit .tab:before { background:#cb3726 !important; }


.p_one .c_key { overflow:hidden; }
.p_one .c_key .c_catch { text-align:center; overflow:hidden; font-size:35px; color:#000; letter-spacing:-0.5px; line-height:1.1; font-weight:300; }
.p_one .c_key .key_list { overflow:hidden; margin-top:34px; }
.p_one .c_key .key_list li { list-style:none; float:left; width:33.333333%; height:355px; }
.p_one .c_key .key_list .bg_purple { background:#583068; }
.p_one .c_key .key_list .bg_green { background:#43646f; }
.p_one .c_key .key_list .bg_blue { background:#384c5f; }
.p_one .c_key .key_list dl { padding:54px 35px 0 45px; }
.p_one .c_key .key_list dt { font-size:26px; color:#fff; /* font-family:"NanumSquare"; */ margin-bottom:38px; line-height:1.1; letter-spacing:-0.5px; }
.p_one .c_key .key_list dt strong { font-size:60px; font-weight:600; line-height:1.3; }
.p_one .c_key .key_list dd { font-size:15px; letter-spacing:-0.5px; line-height:22px; word-wrap:break-word; word-break:keep-all; }
.p_one .c_key .key_list .bg_purple dd { color:#cdc1d2; }
.p_one .c_key .key_list .bg_green dd { color:#c7d1d4; }
.p_one .c_key .key_list .bg_blue dd { color:#c4cacf; }

.p_one .c_service { overflow:hidden; background:#73757e; margin-top:95px; padding:50px 0; }
.p_one .c_service .c_catch {color:#fff;}
.p_one .c_service .service_list { overflow:hidden; margin-top:20px;}
.p_one .c_service .service_list ul { margin:-5px 0 0 -20px; }
.p_one .c_service .service_list li { float:left; list-style:none; width:50%; height:269px; margin-top:20px; }
.p_one .c_service .service_list .one_box { overflow:hidden; margin-left:20px; background:#fff; }
.p_one .c_service .left_box { float:left; width:50%; position:relative; text-align:center; }
.p_one .c_service .left_box .number { position:absolute; left:0; top:0; width:74px; height:74px; text-align:left; background:transparent url('../images/sub_design/bg_number.png') left top no-repeat; z-index:2;  }
.p_one .c_service .left_box .num { font-size:30px; color:#fff; letter-spacing:-0.5px; font-family:'rubik'; padding:5px 0 0 14px; }
.p_one .c_service .left_box .icon { margin-top:41px; }
.p_one .c_service .left_box dl { margin-top:29px; }
.p_one .c_service .left_box dt { font-size:30px; color:#000; letter-spacing:-0.5px; /* font-family:"NanumSquare"; */ line-height:1.1; margin-bottom:18px; }
.p_one .c_service .left_box dd { font-size:17px; color:#808080; line-height:22px; letter-spacing:-0.5px; }
.p_one .c_service .right_box { float:left; width:50%; text-align:center; }
.p_one .c_service .right_box .box { background:#f2f2f2; height:134px; }
.p_one .c_service .right_box .box+ .box { margin-top:1px; }
.p_one .c_service .right_box .tit { font-size:13px; color:#737373; line-height:20px; letter-spacing:-0.5px; padding-top:28px; }
.p_one .c_service .right_box .btn_go { height:30px; margin-top:12px; }
.p_one .c_service .right_box .btn_go .txt { background:#fff; border-radius:20px; font-size:13px; letter-spacing:-0.5px; font-weight:400; line-height:1; padding:9px 34px 8px; color:#000}
.p_one .c_service .right_box .btn_go.if_red .txt { background:#303136; color:#fff; }
.p_one .c_service .right_box .btn_go:hover .txt { text-decoration:underline; }

.p_one .c_certifi {overflow:hidden; text-align:center;}
.p_one .c_certifi .icon_box {background:#fff; padding:40px 0 100px 0;}
.p_one .c_certifi .icon_box .txt {color:#000; font-size:21px;  margin-top:20px; letter-spacing:-1px;}
.p_one .c_certifi .img_box {margin-top:-60px;}




/*회사연혁*/
.p_one .c_history .c_catch {margin-top:40px;}
.p_one .c_history .history_box { overflow:hidden; background:transparent url('../images/sub_design/bg_history.jpg') left bottom no-repeat; margin-top:40px; padding:40px 0 230px; }
.p_one .c_history .year_box { overflow:hidden; padding-bottom:40px; position:relative; }
.p_one .c_history .this_year { position:absolute; left:0; top:0; width:360px; text-align:center; z-index:2; }
.p_one .c_history .this_year dt { font-size:35px; color:#fff; font-family:'rubik'; margin-bottom:4px; }
.p_one .c_history .this_year dd { font-size:21px; color:#fff; letter-spacing:-0.7px; font-weight:300; display:none;}
.p_one .c_history .month_list { overflow:hidden; padding-left:470px; width:730px; margin-top:-8px; }
.p_one .c_history .month_list li { list-style:none; border-bottom:1px solid #e2e2e2; position:relative; }
.p_one .c_history .month_list li:first-child:before { content:""; position:absolute; left:-215px; bottom:-1px; width:215px; height:1px; background:#cb3726; z-index:5; }
.p_one .c_history .month_list .month { position:absolute; left:0; top:0; overflow:hidden; width:85px; }
.p_one .c_history .month_list .box { display:inline-block; width:85px; text-align:right;  }
.p_one .c_history .month_list .num { margin:0 2px 0 0; font-size:20px; color:#3b3c40; letter-spacing:-0.2px; font-family:calibri; line-height:42px; }
.p_one .c_history .month_list .num strong { color:#cb3726; }
.p_one .c_history .month_list .kr { float:right; font-size:15px; color:#a4a5a9; letter-spacing:-0.5px; line-height:44px; margin-right:24px; }
.p_one .c_history .month_list .conts { font-size:15px; color:#737376; letter-spacing:-0.5px; line-height:1.2; padding:10px 0 8px 110px; position:relative; }
.p_one .c_history .month_list .conts:before { content:""; position:absolute; left:85px; bottom:0; width:1px; height:9px; background:#e2e2e2; z-index:2; display:none;}
.p_one .c_history .if_last { padding-top:120px; padding-bottom:20px; }
.p_one .c_history .if_last .this_year { top:120px; }
.p_one .c_history .if_last:before { content:""; position:absolute; left:180px; top:30px; width:6px; height:61px; background:transparent url('../images/sub_design/img_dashed.png') left top no-repeat; z-index:3; }
.p_one .c_history .if_last .conts { padding-left:24px; }


/*contact us*/
.p_one .c_map { overflow:hidden; margin-top:50px; }
.p_one .map_box { border:1px solid #c1c1c1; background:#f1f1f1; height:558px; }
.p_one .c_contact { overflow:hidden; margin-top:30px; }
.p_one .c_contact .left_box { float:left; width:50%; }
.p_one .c_contact .tel_box { overflow:hidden; position:relative; }
.p_one .c_contact .tel_box .edge { position:absolute; right:0; top:50%; margin-top:-16px; }
.p_one .c_contact .tel_box dl { margin-top:30px; }
.p_one .c_contact .tel_box li { list-style:none; float:left; width:320px; height:140px; position:relative; }
.p_one .c_contact .tel_box li:first-child { background:#3e3f43; text-align:center; border-bottom:1px solid #525356; width:280px; }
.p_one .c_contact .tel_box dt { margin-bottom:14px; }
.p_one .c_contact .tel_box dd { font-size:17px; color:#fff; letter-spacing:-0.5px; }
.p_one .c_contact .call_box { padding:20px 40px 0; background:#5a889f; height:140px;}
.p_one .c_contact .call_box.bg_blue { background:#596899; }
.p_one .c_contact .call_box .box { overflow:hidden; position:relative; padding:11px 5px 9px; }
.p_one .c_contact .call_box .box:first-child:before { content:""; position:absolute; left:0; bottom:2px; width:100%; height:1px; background:#7ba0b2; }
.p_one .c_contact .call_box .opt { float:left; font-size:15px; color:#fff; letter-spacing:-0.5px; margin-right:26px;  }
.p_one .c_contact .call_box .letter3 { letter-spacing:11px;}
.p_one .c_contact .call_box .call_txt { float:left; font-size:15px; color:#fff; letter-spacing:-0.5px; margin-top:12px; margin-right:26px; }
.p_one .c_contact .call_box .call_num { font-size:32px; color:#fff; font-family:'rubik'; }
.p_one .c_contact .call_box .email { font-size:14px; color:#fff; font-family:'rubik'; }
.p_one .c_contact .call_box.bg_blue .box:first-child:before { background:#7a86ad; }

.p_one .c_contact .right_box { float:left; width:50%; }
.p_one .c_contact .add_box dl { text-align:center; background:#ccc; height:140px; }
.p_one .c_contact .add_box dt { padding:35px 0 12px; }
.p_one .c_contact .add_box dd { font-size:17px; color:#3e3f43; letter-spacing:-0.5px; }
.p_one .c_contact .add_box ul { background:#fff; height:140px; padding:0 40px; }
.p_one .c_contact .add_box li { padding:16px 0 13px 7px; list-style:none; position:relative; }
.p_one .c_contact .add_box li:first-child { padding-top:40px; }
.p_one .c_contact .add_box li:first-child:before { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#d8d9d9; }
.p_one .c_contact .add_box .opt { font-size:15px; color:#3e3f43; letter-spacing:-0.5px; line-height:1.1; padding-right:44px; }
.p_one .c_contact .add_box .value { font-size:15px; color:#66676c; letter-spacing:-0.5px; line-height:1.1; }
.p_one .c_contact .add_box .letter5 { letter-spacing:5px;}

/*브랜드소개*/
.p_one .c_brand { overflow:hidden; padding-top:66px; }
.p_one .c_brand .title { font-size:23px; color:#000; letter-spacing:-0.5px; line-height:27px; font-weight:300; text-align:center; }
.p_one .c_brand .title strong { color:#d10000; }
.p_one .c_brand .graph_box { overflow:hidden; width:702px; height:341px; margin:28px auto 0; background:transparent url('../images/sub_design/bg_brand.jpg') center top no-repeat;}
.p_one .c_brand .graph_box ul { display:inline-block; width:100%; }
.p_one .c_brand .graph_box li { list-style:none; float:left; text-align:center; width:50%; }
.p_one .c_brand .graph_box .box { margin-left:24px; }
.p_one .c_brand .graph_box .box02 { margin-right:84px; }
.p_one .c_brand .graph_box span { display:block; }
.p_one .c_brand .graph_box .num { font-size:70px; color:#fff; font-family:'rubik'; line-height:1.1; margin-top:44px; font-weight:300; }
.p_one .c_brand .graph_box .txt { font-size:19px; color:#fff; line-height:21px; letter-spacing:-0.5px; margin-top:6px; }
.p_one .c_brand .graph_box .sol { font-size:33px; line-height:38px; color:#fff; letter-spacing:-0.5px; /* font-family:"NanumSquare"; */ margin-top:35px; }
.p_one .c_brand .btm_txt { text-align:center; font-size:19px; color:#585861; line-height:26px; letter-spacing:-0.5px; font-weight:300; margin-top:53px; }

.p_one .c_sol { overflow:hidden; position:relative; background:#e5767b; padding-bottom:50px; margin-top:120px; }
.p_one .c_sol:before { content:""; position:absolute; left:50%; top:0; width:100%; height:100%; background:#629eb4;}
.p_one .c_sol li { list-style:none;  float:left; width:50%; }
.p_one .c_sol .sol_one { text-align:center; margin-right:60px; }
.p_one .c_sol .sol_one2 { margin:0 0 0 60px; }
.p_one .c_sol .c_catch { overflow:hidden; font-size:30px; color:#fff; letter-spacing:-0.5px; line-height:1.1;  /* font-family:"NanumSquare"; */ margin-top:30px;}
.p_one .c_sol .sol_table { overflow:hidden; margin-top:35px; }
.p_one .c_sol .sol_table table { text-align:left; width:100%; }
.p_one .c_sol .sol_table th { font-size:15px; color:#565867; letter-spacing:-0.5px; background:#f3f3f3; line-height:1.1; padding:15px; border-right:1px solid #dbdbdd; border-bottom:1px solid #dbdbdd; }
.p_one .c_sol .sol_table td { font-size:15px; color:#2f3144; letter-spacing:-0.5px; line-height:1.1; background:#fff; padding:15px; border-bottom:1px solid #dbdbdd;  }
.p_one .c_sol .sol_table .borderBottom_none { border-bottom:0; }
.p_one .c_sol .sol_btn { overflow:hidden; margin-top:33px; }
.p_one .c_sol .sol_btn li { list-style:none; float:left; width:170px; height:50px; margin-left:15px; }
.p_one .c_sol .sol_btn li:first-child { margin-left:0; }
.p_one .c_sol .sol_btn .btn { display:block; height:46px; border:2px solid #fff; border-radius:40px; font-size:15px; color:#fff; letter-spacing:-0.5px; line-height:49px; }
.p_one .c_sol .sol_btn li:hover .btn { border:2px solid #2f3144; background:#2f3144; }
.p_one .c_sol .sol_btn .import .btn { border:2px solid #2f3144; background:#2f3144; }

.p_one .c_phil { text-align:center; margin-top:125px; }
.p_one .c_phil .phil_box { border:1px solid #cbcbcb; position:relative; text-align:center; }
.p_one .c_phil .title { position:absolute; left:0; top:-37px; width:100%; }
.p_one .c_phil .title .txt { font-size:50px; color:#000; letter-spacing:-0.5px; font-family:'rubik'; background:#FFF; padding:0 33px; }
.p_one .c_phil .graph { overflow:hidden; width:718px; height:450px; margin:88px auto 60px; background:transparent url('../images/sub_design/bg_pill.png') center top no-repeat;}
.p_one .c_phil .graph ul { display:inline-block; margin-top:290px; width:100%;  }
.p_one .c_phil .graph li { list-style:none; float:left; width:33.333333%; }
.p_one .c_phil .graph .box1 { margin-right:40px; }
.p_one .c_phil .graph .box3 { margin-left:60px; }
.p_one .c_phil .graph span { display:block; }
.p_one .c_phil .graph .en { font-size:24px; color:#fff; letter-spacing:-0.5px; line-height:1.1; font-family:'rubik'; }
.p_one .c_phil .graph .plus { margin:20px 0; }
.p_one .c_phil .graph .kr { font-size:23px; color:#fff; letter-spacing:-0.5px; line-height:1.1; }



/* 사회공헌 */
.p_one .c_csr {position:relative; text-align:center;}
.p_one .c_csr li {list-style:none;}
.p_one .c_csr .img_certifi {position:absolute; left:0; top:-50px; z-index:2; text-align:center; width:100%;}
.p_one .c_csr .layout_fix {background:transparent url('../images/sub_design/social_bg.jpg') left top no-repeat; height:1040px;}
.p_one .c_csr .txt_box {padding-top:350px; overflow:hidden;}
.p_one .c_csr .txt_box dt {font-family:"rubik"; font-size:50px; color:#fff;}
.p_one .c_csr .txt_box dd {color:#cbcbc6; font-size:19px; font-weight:300; margin-top:5px;}
.p_one .c_csr .graph {overflow:hidden; margin-top:30px;}
.p_one .c_csr .graph ul {display:inline-block;}
.p_one .c_csr .graph li {float:left;}
.p_one .c_csr .graph .one_box {background:transparent url('../images/cm_images/opacity_30.png') left top repeat; width:150px; height:150px; border-radius:50%; color:#fff; font-size:18px; font-weight:300; margin-left:-15px;}
.p_one .c_csr .graph .one_box .txt {margin-top:55px; line-height:1.3;}



/* 클라이언트 */
.p_one .c_iv_top { text-align:center; }
.p_one .c_iv_top .layout_fix {background:#fff; padding:60px 0px; }
.p_one .c_iv_top dt {color:#cb3726; font-family:"rubik"; font-size:20px; font-weight:600;}
.p_one .c_iv_top dd {font-size:21px; color:#86888d; margin-top:5px;}
.p_one .c_iv_top .greeting {padding-top:60px; position:relative;}
.p_one .c_iv_top .greeting:before {content:""; width:1px; height:120px; background:#cb3726; position:absolute; left:50%; bottom:-140px; z-index:2; display:none;}
.p_one .c_iv_top .greeting .txt {white-space:nowrap; position:relative; padding:0 80px; font-size:33px; font-weight:300; color:#000; letter-spacing:-1px;}
.p_one .c_iv_top .greeting .edge {position:absolute; width:50px; height:50px;}
.p_one .c_iv_top .greeting .edge1 {left:0; top:-20px; background:transparent url('../images/sub_design/client_mark1.png') left top no-repeat; }
.p_one .c_iv_top .greeting .edge2 {right:0; bottom:-20px; background:transparent url('../images/sub_design/client_mark2.png') left top no-repeat; }

.p_one .c_iv_first {text-align:center;}
.p_one .c_iv_first .img_box {overflow:hidden;}
.p_one .c_iv_first .img_box img {width:100%; float:left;}
.p_one .c_iv_first dt {color:#000; font-size:35px; margin-top:30px; letter-spacing:-1px;}
.p_one .c_iv_first dd {margin-top:20px; font-size:17px; color:#585861; line-height:24px; letter-spacing:-1px; word-wrap:break-word; word-break:keep-all; white-space:normal;}

.p_one .c_iv_conts {margin-top:70px;}
.p_one .c_iv_conts .img_box {overflow:hidden; margin:60px 0;}
.p_one .c_iv_conts .img_box img {width:100%; float:left;}
.p_one .c_iv_conts dl {background:#d8dce1; padding:60px 80px; overflow:hidden;}
.p_one .c_iv_conts dd+ dt {margin-top:30px;}
.p_one .c_iv_conts dt {position:relative; padding-bottom:15px;}
.p_one .c_iv_conts dd {position:relative; text-align:right; padding-bottom:15px;}
.p_one .c_iv_conts .face {position:absolute; top:0; text-align:center; width:90px;}
.p_one .c_iv_conts .face .name {color:#cb3726; font-size:14px; font-family:"rubik"; margin-top:5px; font-weight:600;}
.p_one .c_iv_conts .face .shape {width:60px; height:60px; border-radius:100px; background-color:#fff; background-position:center center; background-repeat:no-repeat;}
.p_one .c_iv_conts .face1 .shape {background-image:url('../images/sub_design/client_ms_face1.png');}
.p_one .c_iv_conts .face2 .shape {background-image:url('../images/sub_design/client_ms_face2.png');}
.p_one .c_iv_conts .face3 .shape {background-image:url('../images/sub_design/client_ms_face3.png');}
.p_one .c_iv_conts .face4 .shape {background-image:url('../images/sub_design/client_ms_face4.png');}
.p_one .c_iv_conts .face5 .shape {background-image:url('../images/sub_design/client_ms_face5.png');}
.p_one .c_iv_conts .face6 .shape {background-image:url('../images/sub_design/client_ms_face6.png');}
.p_one .c_iv_conts .buble {background:#fff; margin:0 280px 0 110px; border-radius:10px; padding:20px 25px; box-shadow:0 1px 0 rgba(0,0,0,0.2); font-size:15px; line-height:1.4; position:relative; letter-spacing:-0.5px;}
.p_one .c_iv_conts .buble:before {content:""; width:22px; height:18px; background:transparent url('../images/sub_design/client_ms_edge.png') left top no-repeat; position:absolute; top:20px;}
.p_one .c_iv_conts .buble {word-wrap:break-word; word-break:keep-all; white-space:normal;}

.p_one .c_iv_conts dt .face {left:0}
.p_one .c_iv_conts dt .buble {color:#cb3726;}
.p_one .c_iv_conts dd .face {right:0}
.p_one .c_iv_conts dd .name {color:#464e58 !important;}
.p_one .c_iv_conts dt .buble:before {left:-22px;}
.p_one .c_iv_conts dd .buble {margin:0 110px 0 280px; background:#464e58; color:#fff;}
.p_one .c_iv_conts dd .buble:before {background:transparent url('../images/sub_design/client_ms_edge2.png') left top no-repeat;}
.p_one .c_iv_conts dd .buble:before {right:-22px;}


.p_one .c_iv_foot {text-align:center; padding-top:70px; font-weight:300; color:#9e9fa7; font-size:25px; letter-spacing:-1px; line-height:1.3; position:relative;}
.p_one .c_iv_foot:before {content:""; width:1px; height:100px; background:#333; position:absolute; left:50%; top:0; display:none;}

.p_one .c_iv_tab { overflow:hidden; text-align:center; margin-top:-20px; margin-bottom:20px;}
.p_one .c_iv_tab ul { display:inline-block; }
.p_one .c_iv_tab li { float:left; list-style:none; margin:0 3px; }
.p_one .c_iv_tab .tab { height:42px; padding:0 40px; font-size:15px; color:#fff; letter-spacing:-0.5px; background:#5f626e; border-radius:40px; line-height:42px; }
.p_one .c_iv_tab .hit .tab { background:#cb3726; }
.p_one .c_iv_tab .tab:hover { background:#474952; }
.p_one .c_iv_tab .hit .tab:hover { background:#cb3726; }







.ssl_list {border:1px solid #a6aab3; margin-top:20px;}
.ssl_list table {display:table; width:100%; table-layout:fixed; background:#fff; box-sizing:border-box;}
.ssl_list thead {text-align:center;}
.ssl_list thead td {border-top:0; padding:15px;}
.ssl_list thead th {border-top:0;}
.ssl_list td {border:1px solid #dadde3; padding:9px 15px; line-height:1.4;}
.ssl_list td:last-of-type {border-right:0;}
.ssl_list tr:last-of-type th {border-bottom:0;}
.ssl_list tr:last-of-type td {border-bottom:0;}
.ssl_list th {border:1px solid #dadde3; font-weight:400; font-size:13px; letter-spacing:-0.5px; background:#f0f2f7; padding:8px; color:#52545b;}
.ssl_list th {border-left:0;}
.ssl_list strong {color:#ff0000; text-decoration:underline;}
.ssl_list em {color:#888; font-weight:400;}

.ssl_list .this_price td {padding:0px !important;}
.ssl_list .double {float:left; box-sizing:border-box; width:50%; padding:10px 15px;}
.ssl_list .double+ .double {border-left:1px solid #dadde3;}
.ssl_list .year {float:left; color:#000; font-weight:600; font-size:13px;}
.ssl_list .price {float:right;}
.ssl_list .price em {color:#ff0000; font-size:16px; font-weight:600; float:left; line-height:23px; margin-left:2px; height:21px;}
.ssl_list .price strong {color:#ff0000; font-size:19px; font-family:"rubik"; font-weight:500; letter-spacing:-1px; float:left; line-height:21px; text-decoration:none}
.ssl_list .price .discount {float:left; color:#fff; background:#f85535; line-height:22px; height:21px; border-radius:100px; border:1px solid #f85535; font-weight:600; padding:0 12px; margin-right:10px;}
.ssl_list .price .before {float:left; font-family:"rubik"; font-size:19px; position:relative; color:#999; line-height:21px; margin-right:10px; text-decoration:line-through; font-weight:400;}

.ssl_list .cp_name {color:#848a91; font-size:13px; margin-top:5px;}
.ssl_list .sort td {font-family:"rubik"; color:#000; font-size:21px; text-align:center; letter-spacing:-0.5px;}
.ssl_list .tip {color:#999; padding-top:3px; clear:both}
.ssl_list .browser {overflow:hidden; float:left;}
.ssl_list .browser img {height:20px; float:left; margin-left:5px;}
.ssl_list .browser i {float:left; line-height:23px; height:20px; margin-right:5px;}
.ssl_list .mobile {float:left; background:transparent url('../images/sub_design/ssl_mobile.png') left 2px no-repeat; padding-left:13px; margin:3px 0; margin-right:15px;}
.ssl_list .seal {overflow:hidden; margin:20px 0 15px 0; display:table; width:100%; box-sizing:border-box;}
.ssl_list .seal dl {display:table-row;}
.ssl_list .seal dt {display:table-cell; text-align:center; vertical-align:middle; width:150px;}
.ssl_list .seal dd {display:table-cell; vertical-align:middle}
.ssl_list .seal textarea {width:100%; box-sizing:border-box; height:60px; padding:10px; line-height:1.3; border:1px solid #ddd; color:#999;}

.ssl_list .c_btn {margin-top:0px; padding:10px;}
.ssl_list .button td {background:#f0f2f7;}






















/* 맞춤제작 ----------------------------------------------------------------------------- 2017-08-29 선현주 */

.p_ctmz_new {}
.p_ctmz_new .new_ctmz_ctrl {position:relative;}
.p_ctmz_new .new_ctmz_ctrl .tab_menu {height:46px; text-align:center; }
.p_ctmz_new .new_ctmz_ctrl .tab_menu ul {display:inline-block}
.p_ctmz_new .new_ctmz_ctrl .tab_menu li {float:left; height:45px; list-style:none; position:relative;}
.p_ctmz_new .new_ctmz_ctrl .tab_menu .tab { font-size:15px; color:#666; height:45px; line-height:48px; display:block; border-right:1px solid #dadade; border-top:1px solid #dadade; padding:0 40px; background:#f1f1f1; min-width:110px;}
.p_ctmz_new .new_ctmz_ctrl .tab_menu li:first-child .tab {border-left:1px solid #dadade; margin:0 !important}
.p_ctmz_new .new_ctmz_ctrl .tab_menu .tab:hover {background:#fff; color:#000;}
.p_ctmz_new .new_ctmz_ctrl .tab_menu .hit .tab {background:#fff; height:46px; border-right:1px solid #dadade; border-top:1px solid #dadade; border-left:1px solid #dadade; margin-left:-1px; color:#000; font-weight:600;}
.p_ctmz_new .new_ctmz_ctrl .tab_menu li:first-child.hit .tab {border-left:1px solid #dadade !important}
.p_ctmz_new .new_ctmz_ctrl .bubble {background:#cf4334; color:#fff; font-size:12px; font-weight:400; height:26px; border:1px solid #cf4334; border-radius:100px; text-align:center; line-height:28px; display:none;}
.p_ctmz_new .new_ctmz_ctrl .bubble {position:absolute; left:50%; top:-34px; width:170px; margin-left:-85px;}
.p_ctmz_new .new_ctmz_ctrl .bubble:before {content:""; width:13px; height:5px; position:absolute; left:50%; bottom:-5px; margin-left:-7px; background:transparent url('../images/new2017/bubble_edge.gif') left bottom no-repeat;}


.p_ctmz_new .ctrl_list {background:#fff; border:1px solid #ebebeb; text-align:center; padding:21px 0; margin-top:-50px; border-top:0;}
.p_ctmz_new .ctrl_list ul {display:inline-block; margin-left:-8px}
.p_ctmz_new .ctrl_list li {list-style:none; float:left; position:relative;}
.p_ctmz_new .ctrl_list .btn {height:27px; line-height:28px; border:1px solid #fff; background:#fff; border-radius:20px; padding:0 21px; color:#888; font-size:13px; margin-left:8px}
.p_ctmz_new .ctrl_list .btn:hover {text-decoration:underline}
.p_ctmz_new .ctrl_list .del_btn {display:none; position:absolute; right:-4px; top:-6px;}
.p_ctmz_new .ctrl_list .del_btn .shape {width:19px; height:19px; background:transparent url('../images/new2017/ctrl_del.png') left top no-repeat;}
.p_ctmz_new .ctrl_list .del_btn:hover .shape {background-position:right top;}
.p_ctmz_new .ctrl_list .hit .btn {border:1px solid #cf4334; background:#cf4334; color:#fff; text-decoration:none!important}
.p_ctmz_new .ctrl_list .hit .del_btn {display:block;}

/* ◆맞춤제작리스트 */
.p_ctmz_new .new_ctmz_list {background:#fff; margin-top:20px}
.p_ctmz_new .free_btn { text-align:center;   position:relative;}
.p_ctmz_new .free_btn .btn {background:#a1a2a5; display:block; text-align:center; padding:27px 70px 14px;  padding:27px 70px 15px0;}
.p_ctmz_new .free_btn .tit {font-size:21px; color:#fff; display:block}
.p_ctmz_new .free_btn .txt {background:transparent url('../images/new2017/free_arrow.png') right 10px no-repeat; padding:7px 27px 10px 3px; color:#e3e3e4; font-size:15px;}
.p_ctmz_new .free_btn .close_btn {position:absolute; right:26px; top:50%; margin-top:-26px; padding:15px}
.p_ctmz_new .free_btn .btn:hover {background:#9b9ca0;}

.p_ctmz_new .ctmz_list {background:#fff; overflow:hidden; margin-top:40px;}
.p_ctmz_new .ctmz_list .ul { margin-left:-30px; margin-top:-30px}
.p_ctmz_new .ctmz_list .li {float:left; width:33.33333%; list-style:none;}
.p_ctmz_new .ctmz_list .list_box {margin-left:30px; margin-top:30px; border:1px solid #eaeaeb; box-sizing:border-box; padding:18px 20px 20px; box-shadow:0px 1px 0px #f3f3f4}
.p_ctmz_new .ctmz_list .solution { overflow:hidden; margin-bottom:14px}
.p_ctmz_new .ctmz_list .solution .txt {border:1px solid #e1e1e5; border-radius:30px; padding:0 10px 0 11px; box-sizing:border-box; height:23px; line-height:23px; color:#949494; float:left; font-size:11px; margin-left:1px\0}
.p_ctmz_new .ctmz_list .solution .txt+ .txt {margin-left:2px}
.p_ctmz_new .ctmz_list .tit {color:#333; font-size:21px; margin-bottom:8px; height:21px;}
.p_ctmz_new .ctmz_list .sub_txt {color:#999; word-wrap:break-word; word-break:keep-all; line-height:18px; height:36px; padding:0 5px 0 1px}
.p_ctmz_new .ctmz_list .sub_txt {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}

.p_ctmz_new .ctmz_list .info {border-top:1px solid #eaeaeb; margin-top:22px; margin-top:21px\0}
.p_ctmz_new .ctmz_list .info li {list-style:none; color:#666; padding:9px 10px 8px 4px; padding-left:5px\0; border-bottom:1px solid #eaeaeb; position:relative; height:40px; line-height:24px; box-sizing:border-box;}
.p_ctmz_new .ctmz_list .info li+ li {padding-top:8px}
.p_ctmz_new .ctmz_list .info .tt {float:left; color:#666; margin-right:3px}
.p_ctmz_new .ctmz_list .info strong {color:#000;}
.p_ctmz_new .ctmz_list .info .discount {padding:0 9px; height:23px; border:1px solid #cf4334; box-sizing:border-box; line-height:22px; line-height:20px\0; font-size:15px; float:left;}
.p_ctmz_new .ctmz_list .info .discount {font-family:"Rubik"; color:#fff; background:#cf4334; border-radius:20px; }

.p_ctmz_new .ctmz_list .price {}
.p_ctmz_new .ctmz_list .price.before {font-family:"Rubik"; font-size:15px; color:#666; position:relative; padding:0 3px; float:left; margin:0 6px 0 5px; margin-left:4px\0}
.p_ctmz_new .ctmz_list .price.before:before {content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#666; margin-top:-1px;}
.p_ctmz_new .ctmz_list .price.after {}
.p_ctmz_new .ctmz_list .price.after strong {color:#db2e1f; font-family:"Rubik"; font-size:15px; float:left; }
.p_ctmz_new .ctmz_list .price.after .won {color:#666; font-size:12px; margin-top:1px;}

.p_ctmz_new .ctmz_list .btn_box {margin-top:20px; overflow:hidden; margin-right:1px}
.p_ctmz_new .ctmz_list .btn_box li {list-style:none; float:left; width:50%;}
.p_ctmz_new .ctmz_list .btn_box .btn {display:block; background:#f5f5f5; border:1px solid #dadade; box-sizing:border-box; border-left:0; text-align:center; padding:0 10px; height:41px; line-height:40px; font-size:15px; color:#333;}
.p_ctmz_new .ctmz_list .btn_box li:first-child .btn {border-left:1px solid #dadade;}
.p_ctmz_new .ctmz_list .btn_box li:hover .btn {background:#fff;}

.p_ctmz_new .ctmz_list .li.hit .list_box {border:1px solid #cf4334;}
.p_ctmz_new .ctmz_list .list_box:hover {border:1px solid #ccc;}


/* ◆맞춤제작상세 */
.p_ctmz_new .new_ctmz_view {background:#fff; overflow:hidden;}
.p_ctmz_new .new_ctmz_view .view_first {overflow:hidden; padding:040px; border:1px solid #ebebeb; box-sizing:border-box;}
.p_ctmz_new .new_ctmz_view .visual_box {overflow:hidden; float:left; width:430px;}
.p_ctmz_new .new_ctmz_view .visual_box img {float:left;}

.p_ctmz_new .new_ctmz_view .info_box {float:right; width:620px;}
.p_ctmz_new .info_box .tit {font-size:27px; color:#333; margin:9px 0 15px}
.p_ctmz_new .info_box .sub_txt {line-height:20px; color:#999; font-size:15px; padding-right:10px; word-wrap:break-word; word-break:keep-all;}
.p_ctmz_new .info_box .info {border-top:1px solid #eaeaeb; margin-top:29px; }
.p_ctmz_new .info_box .info li {list-style:none; color:#666; padding:11px 10px 10px 4px; padding-top:10px\0; border-bottom:1px solid #eaeaeb; position:relative; height:45px; line-height:24px; box-sizing:border-box; font-size:13px;}
.p_ctmz_new .info_box .info .tt {float:left; color:#666; margin-right:3px; font-size:13px;}
.p_ctmz_new .info_box .info strong {color:#000;}
.p_ctmz_new .info_box .info .discount {font-family:"Rubik"; color:#fff; background:#cf4334; border-radius:20px; padding:0 9px; height:23px; border:1px solid #cf4334; box-sizing:border-box; line-height:22px; line-height:21px\0; font-size:15px; float:left; margin-left:3px;}
.p_ctmz_new .info_box .info em {color:#999; font-size:12px; float:left; padding-left:7px; margin-top:1px}
.p_ctmz_new .info_box .price {}
.p_ctmz_new .info_box .price.before {font-family:"Rubik"; font-size:19px; color:#666; position:relative; padding:0 3px; float:left; margin:0 9px 0 7px; margin-left:6px\0; font-weight:400;}
.p_ctmz_new .info_box .price.before:before {content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#666; margin-top:-1px; margin-top:0\0}
.p_ctmz_new .info_box .price.after {float:left;}
.p_ctmz_new .info_box .price.after strong {color:#db2e1f; font-family:"Rubik"; font-size:19px; float:left; font-weight:400;}

.p_ctmz_new .info_box .btn_box {margin-top:21px; overflow:hidden; text-align:right; margin-right:1px}
.p_ctmz_new .info_box .btn_box ul {display:inline-block; }
.p_ctmz_new .info_box .btn_box li {list-style:none; float:left;}
.p_ctmz_new .info_box .tel_box {display:block; width:195px; background:#fff; border:1px solid #ccc; box-sizing:border-box; text-align:center; padding:9px 10px; height:54px; color:#999;}
.p_ctmz_new .info_box .tel_box .tel_tx {}
.p_ctmz_new .info_box .tel_box .tel {color:#949494; font-family:"Rubik"; font-size:19px; line-height:24px; display:inline-block}
.p_ctmz_new .info_box .tel_box .icon {float:left; color:#949494; font-family:"Rubik"; font-size:19px; margin:-1px 5px 0 0; }
.p_ctmz_new .info_box .btn {margin-left:5px; display:block; width:195px; background:#fff; border:1px solid #cf4334; box-sizing:border-box; text-align:center; padding:0 10px; height:54px; line-height:54px; line-height:53px\0; font-size:19px; color:#cf4334;}
.p_ctmz_new .info_box .btn:hover {background:#cf4334; color:#fff;}

.p_ctmz_new .view_con {overflow:hidden; margin-top:48px;}
.p_ctmz_new .view_con .view_title {color:#000; font-size:19px; padding-left:31px; padding-left:32px\0; background:transparent url('../images/new2017/view_tit_icon.png') left top no-repeat; height:24px; line-height:26px; line-height:25px\0; border-bottom:1px solid #eaeaeb; padding-bottom:17px; }
.p_ctmz_new .view_con .editor {padding:28px 0 15px; color:#666; line-height:20px; font-size:13px;}
.p_ctmz_new .view_con .pf_list {overflow:hidden; padding:28px 0 15px; color:#666; line-height:20px; font-size:13px;}
.p_ctmz_new .view_con .pf_list li {width:25%;}



/* 작업절차 */
.p_ctmz_new .step_list {overflow:hidden; margin:7px 0 4px}
.p_ctmz_new .step_list ul {margin-left:-30px}
.p_ctmz_new .step_list li {float:left; list-style:none;}
.p_ctmz_new .step_list .step_box {text-align:center; padding-left:30px; width:216px;}
.p_ctmz_new .step_list li+ li .step_box {background:transparent url('../images/new2017/view_con_arrow.gif') 11px 33px no-repeat;}
.p_ctmz_new .step_list .step {border:1px solid #dadade; box-sizing:border-box; padding:14px 10px 16px; padding-top:13px\0}
.p_ctmz_new .step_list .num {color:#2d8fdb; font-size:13px; font-family:"Rubik";}
.p_ctmz_new .step_list .tit {color:#333; font-size:15px; margin-top:7px\0; margin-top:6px}
.p_ctmz_new .step_list .sub_txt {padding:0 21px; line-height:18px; color:#999; margin-top:14px}

.p_ctmz_new .new_ctmz_view .free_btn {margin-top:73px}



/* 2017-09-27 :: 내가구매한솔루션 :: ARA */
.p_ctmz_new .this_mine {display:none; background:#fafafa; margin:10px 40px 20px 40px; border-top:1px solid #eee; }
.p_ctmz_new .this_mine dl {display:table; width:100%; box-sizing:border-box; border-bottom:1px solid #eee; }
.p_ctmz_new .this_mine dt {color:#333; font-size:13px; display:table-cell; text-align:left; vertical-align:middle; padding:15px 20px}
.p_ctmz_new .this_mine dd {color:#999; width:80px; display:table-cell; vertical-align:middle; padding:15px; text-align:right;}
.p_ctmz_new .this_mine .btn_select {background:#666; text-align:center; color:#fff; height:28px; display:block; line-height:28px; box-sizing:border-box; border:1px solid #666;}
.p_ctmz_new .this_mine .btn_select {padding:0 10px; white-space:nowrap; width:110px;}
.p_ctmz_new .this_mine .btn_select:hover {background:#333; color:#fff;}
.p_ctmz_new .this_mine .btn_select.hit {border-color:#cf4334; color:#cf4334; background:#fff !important; font-weight:600;}
.p_ctmz_new .this_mine .none {color:#999; font-size:13px; text-align:center; padding:20px 15px; border-bottom:1px solid #eee; }




/* 부가서비스-도메인 ----------------------------------------------------------------------------- 2017-09-04 SHJ */

/* ◆검색창 */
.p_domain .search_form {background:#f9f9f9; padding:43px 40px 46px 40px;}
.p_domain .form {text-align:center;}
.p_domain .form ul {display:inline-block; font-size:0px;}
.p_domain .form li {list-style:none; float:left;}
.p_domain .form .search {}
.p_domain .form .tt {font-family:Verdana; color:#ca3727; font-size:35px; font-weight:600; height:60px; line-height:62px; margin-right:12px}
.p_domain .form .search_box {position:relative; width:580px;}
.p_domain .form .input_search {height:60px; border:5px solid #ca3727; box-sizing:border-box; width:565px; padding:12px 120px 10px 18px; font-size:17px; color:#000; background:#fff;}

.p_domain .sort {position:absolute; right:11px; top:5px;}
.p_domain .sort .sort_tit {display:block; padding:0 25px 0 30px; border:1px solid transparent; border-top:0; border-bottom:0; height:55px; background:transparent; position:relative;}
.p_domain .sort .sort_tit .tit {padding-right:12px; background:transparent url('../images/new2017/sort_arrow.gif') right 23px no-repeat; font-size:13px; color:#999; line-height:51px; cursor:default}
.p_domain .sort .domain_list {position:absolute; left:0; top:55px; background:#fff; border:1px solid #ca3727; border-top:0; box-sizing:border-box; padding:8px 0px 7px; padding-bottom:8px\0; display:none; z-index:101; width:100%;}
.p_domain .sort .domain_list ul {display:block}
.p_domain .sort .domain_list li {float:none; text-align:left}
.p_domain .sort .domain_list li+ li {border-top:1px solid #ddd;}
.p_domain .sort .domain_list label {white-space:nowrap; color:#666; position:relative; padding:0 20px 0 43px; display:block}
.p_domain .sort .domain_list input {position:absolute; left:22px; top:50%; margin-top:-5px; }

.p_domain .sort .domain_list .tx {padding:7px 0px 5px}
.p_domain .form .search_btn {margin-left:9px; }
.p_domain .form .search_btn .btn {background:#ca3727; color:#fff; width:120px; height:60px; text-align:center; line-height:62px; font-size:15px; font-weight:600; padding:0 5px !important}
.p_domain .sort:hover .sort_tit {border-color:#ca3727; background:#fff;}
.p_domain .sort:hover .domain_list {display:block}
.p_domain .sort .domain_list label:hover {color:#ca3727;}

.p_domain .btn_quick {margin-top:15px; clear:both}
.p_domain .btn_quick ul {display:inline-block;}
.p_domain .btn_quick li {list-style:none; float:left; position:relative; padding:0 7px;}
.p_domain .btn_quick .btn {width:179px; height:33px; border:1px solid #ccc; box-sizing:border-box; line-height:33px; padding:0 15px; position:relative; text-align:left; color:#666; font-size:13px; background:#fff;}
.p_domain .btn_quick .btn .line {content:""; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:-1px; z-index:102; display:none;}
.p_domain .btn_quick .txt {background:transparent url('../images/new2017/domain_quick_arrow.gif') right 10px no-repeat; display:block; padding-right:10px}
.p_domain .btn_quick li:hover .btn {border:1px solid #666; }
.p_domain .btn_quick li:hover .btn .line {display:block;}

.p_domain .guide_bubble {position:absolute; left:50%; top:32px; background:#fff; border:1px solid #666; text-align:left; z-index:101; margin-left:-165px; text-align:center; display:none;}
.p_domain .guide_bubble {box-sizing:border-box; padding:20px 15px; width:330px; }
.p_domain .guide_bubble .tit {font-size:15px; color:#333; font-weight:600; border-bottom:1px solid #eee; padding-bottom:10px; }
.p_domain .guide_bubble .tit strong {background:transparent url('../images/new2017/bubble_tit.png') left 1px no-repeat; padding-left:20px;}
.p_domain .guide_bubble .tit em {color:#ca3727;}
.p_domain .guide_bubble .tx {color:#888; line-height:1.5; margin-top:10px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_domain .guide_bubble .this_btn {text-align:center; margin-top:20px;}
.p_domain .guide_bubble .link {height:35px; line-height:35px; box-sizing:border-box; color:#fff; background:#666; font-size:13px; padding:0 50px;}
.p_domain .guide_bubble .link:hover {background:#333; color:#fff; }

.p_domain .btn_quick li:hover .guide_bubble {display:block;}







/* ◆검색결과 */
.p_domain .result_box {margin-top:24px; position:relative;}
.p_domain .result_box .table_top {overflow:hidden; margin-bottom:8px;}
.p_domain .result_box .loading {position:absolute; left:0; top:0; width:100%; height:100%; opacity: 0.7; filter: alpha(opacity=70); -ms-filter:alpha(opacity=70); z-index:100; text-align:center;}
.p_domain .result_box .loading {background:#fff url('../images/new2017/domain_load.gif') center center no-repeat;}

.p_domain .result_tit {float:left; margin-left:1px}
.p_domain .result_tit .title {color:#333; font-weight:600; font-size:15px; letter-spacing:-0.5px; float:left;}
.p_domain .result_tit .name {padding-left:11px; margin-left:10px; color:#cb3726; position:relative; font-size:16px; font-weight:600; float:left; line-height:17px;}
.p_domain .result_tit .name:before {content:""; position:absolute; left:0; top:2px; width:1px; height:13px; background:#ccc;}
.p_domain .domain_num {float:right; margin-right:3px}
.p_domain .domain_num .num {font-size:13px; color:#888; letter-spacing:-0.5px; float:left;}
.p_domain .domain_num .num strong {color:#333; font-weight:600; letter-spacing:0px;}
.p_domain .domain_num .num+ .num {padding-left:11px; margin-left:10px; position:relative;}
.p_domain .domain_num .num+ .num:before {content:""; position:absolute; left:0; top:1px; width:1px; height:12px; background:#ccc;}
.p_domain .table_box {border-top:1px solid #999; position:relative;}
.p_domain .table_box table {width:100%; background:#fff;}
.p_domain .table_box th {border:1px solid #ddd; border-top:0; height:43px; color:#999; font-weight:400; font-size:13px; box-sizing:border-box; padding:6px 0 4px}
.p_domain .table_box td {border:1px solid #ddd; text-align:center; padding:0px 15px 1px; height:38px; box-sizing:border-box;}
.p_domain .table_box th input {margin-right:3px}
.p_domain .table_box label {padding:10px 30px}
.p_domain .table_box input {margin:1px 0 0px 1px; margin:0px\0}
.p_domain .table_box .info {text-align:left; color:#333; font-size:14px; padding-left:20px; padding-top:1px; padding-top:0px\0}
.p_domain .table_box .address {color:#333; font-size:13px; float:left; line-height:27px; line-height:25px\0; letter-spacing:0.5px;}
.p_domain .table_box .info_btn {border:1px solid #ccc; background:#fff; padding:0 9px 0 10px; padding-right:10px\0; height:25px; line-height:24px; line-height:23px\0; box-sizing:border-box; margin-left:19px; float:left; margin-top:1px; margin-top:0px\0}
.p_domain .table_box .info_btn .txt {padding-left:14px; background:transparent url('../images/new2017/none_search.gif') 1px 6px no-repeat; color:#999; font-size:12px; letter-spacing:-0.5px;}
.p_domain .table_box .info_btn:hover {border:1px solid #666;}
.p_domain .table_box .btn {border:1px solid #666; color:#333; box-sizing:border-box; display:block; height:27px; line-height:27px; line-height:26px\0; width:81px; margin:1px auto 0; margin-top:0px\0}
.p_domain .table_box .btn.apply {font-weight:600;}
.p_domain .table_box .btn.none {border:1px solid #ddd; color:#999; background:#fff;}
.p_domain .table_box .btn.apply:hover {background:#666; color:#fff;}
.p_domain .table_box .price {overflow:hidden; margin-top:2px; margin-top:1px\0;}
.p_domain .table_box .discount {float:left; padding-right:13px; background:transparent url('../images/new2017/domain_discount.gif') right 1px no-repeat; color:#cb3726; margin-top:2px}
.p_domain .table_box .right_price { float:right; margin-right:3px}
.p_domain .table_box .before { padding:0 5px; position:relative; float:left; margin-top:1px}
.p_domain .table_box .before:before {content:""; position:absolute; left:2px; top:50%; width:100%; height:1px; background:#999; margin-top:-2px; margin-top:-1px\0}
.p_domain .table_box .before .num {color:#999; float:left; font-size:13px;}
.p_domain .table_box .before strong {color:#999; float:left; font-size:13px; margin-left:2px}
.p_domain .table_box .after {margin-left:12px; float:left;}
.p_domain .table_box .after .num {color:#333; float:left; font-size:13px; margin-top:1px}
.p_domain .table_box .after strong {color:#333; float:left; font-size:13px; margin-left:1px}

.p_domain .table_box .none td {background:#f9f9f9; color:#aeaeae;}
.p_domain .table_box .none .address {color:#959595;}
.p_domain .table_box .none .price {opacity:.4;  -ms-filter:alpha(opacity=40);filter:alpha(opacity=40);}
.p_domain .table_box .none .input_design {background:#f9f9f9 url('../images/new2017/table_none.gif') 45px center no-repeat; width:13px; height:13px;}
.p_domain .table_box .none label {display:none}

/* ◆도메인가이드 */
.p_domain {}
.p_domain .domain_guide {padding-top:40px; position:relative;}
.p_domain .domain_guide .tab_menu {height:46px; text-align:center; }
.p_domain .domain_guide .tab_menu ul {display:inline-block}
.p_domain .domain_guide .tab_menu li {float:left; height:46px; list-style:none;}
.p_domain .domain_guide .tab_menu .tab { font-size:15px; color:#666; height:46px; line-height:46px; display:block; border-right:1px solid #dadade; border-top:1px solid #dadade; padding:0 10px; background:#f1f1f1; width:185px; box-sizing:border-box;}
.p_domain .domain_guide .tab_menu li:first-child .tab {border-left:1px solid #dadade; margin:0 !important}
.p_domain .domain_guide .tab_menu .tab:hover {background:#fff; color:#000;}
.p_domain .domain_guide .tab_menu .hit .tab {background:#fff; height:47px; border-right:1px solid #dadade; border-top:1px solid #dadade; border-left:1px solid #dadade; margin-left:-1px; color:#000; font-weight:600;}
.p_domain .domain_guide .tab_menu li:first-child.hit .tab {border-left:1px solid #dadade !important}

.p_domain .guide_box {background:#fff; padding:60px; border-top:1px solid #dadade;}
.p_domain .guide_con {}
.p_domain .guide_con .ul {display:table; width:100%; table-layout:fixed;}
.p_domain .guide_con .li {list-style:none; display:table-cell; vertical-align:top}
.p_domain .guide_con .li+ .li {border-left:1px solid #ddd;}
.p_domain .guide_con .txt_box {padding-left:50px}
.p_domain .guide_con .li:first-child .txt_box {padding-left:0; padding-right:50px}
.p_domain .guide_con .tit {color:#000; font-size:19px; padding-left:32px; padding-left:33px\0; background:transparent url('../images/new2017/view_tit_icon.png') left top no-repeat; height:24px; line-height:26px; line-height:25px\0; border-bottom:1px solid #eaeaeb; padding-bottom:16px; margin-top:1px}
.p_domain .guide_con .sub_txt {padding:19px 0 15px; line-height:19px; }
.p_domain .guide_con .txt {padding:0 15px 0 18px; position:relative; word-wrap:break-word; word-break:keep-all; color:#888; font-size:13px; letter-spacing:-0.5px;}
.p_domain .guide_con .txt:before {content:"·"; position:absolute; left:9px; top:0;}
.p_domain .guide_con .txt+ .txt {margin-top:8px}

.p_domain .guide_con .table_box {border-top:1px solid #999; margin-top:20px}
.p_domain .guide_con table {width:100%; background:#fff;}
.p_domain .guide_con th {border:1px solid #ddd; border-top:0; height:43px; color:#666; font-weight:400; font-size:13px; box-sizing:border-box; padding:6px 0 4px; background:#f9f9f9;}
.p_domain .guide_con td {border:1px solid #ddd; text-align:center; color:#666; padding:5px 15px; height:38px; box-sizing:border-box;}
.p_domain .guide_con th input {margin-right:3px}
.p_domain .guide_con .price {display:inline-block}
.p_domain .guide_con .before { padding:0 5px; position:relative; float:left; margin-top:1px}
.p_domain .guide_con .before:before {content:""; position:absolute; left:2px; top:50%; width:100%; height:1px; background:#999; margin-top:-2px; margin-top:-1px\0}
.p_domain .guide_con .before .num {color:#999; float:left; font-size:13px;}
.p_domain .guide_con .before strong {color:#999; float:left; font-size:13px; margin-left:2px}
.p_domain .guide_con .after {margin-left:12px; float:left;}
.p_domain .guide_con .after .num {color:#333; float:left; font-size:13px; margin-top:1px}
.p_domain .guide_con .after strong {color:#333; float:left; font-size:13px; margin-left:1px}


/* 작업절차 */
.p_domain .step_list {overflow:hidden; margin-top:20px; border-top:1px solid #eee; padding-top:45px;}
.p_domain .step_list ul {margin-left:-30px; margin-top:15px}
.p_domain .step_list li {float:left; list-style:none; position:relative;}
.p_domain .step_list .step_box {text-align:center; padding-left:30px; width:192px;}
.p_domain .step_list li+ li .step_box {background:transparent url('../images/new2017/view_con_arrow.gif') 11px 33px no-repeat;}
.p_domain .step_list .step {border:1px solid #ddd; box-sizing:border-box; padding:18px 10px; }
.p_domain .step_list .num {color:#000; /* color:#2d8fdb;  */font-size:13px; font-weight:600;}
.p_domain .step_list .title {/* color:#0c0c0c; */ font-size:15px; margin-top:8px}
.p_domain .step_list .sub_txt {padding:0 3px; line-height:17px; color:#999; margin-top:13px}
/* .p_domain .step_list .domain .step {border:1px solid #51a9ed;}
.p_domain .step_list .date .step {border:1px solid #f58b2c;} */
/* .p_domain .step_list .date .num {color:#ff5f10; font-weight:600;} */
/* .p_domain .step_list .total .step {border:1px solid #ca3727;} */
/* .p_domain .step_list .total .num {color:#ca3727; font-weight:600;} */

.p_domain .step_list .bubble {border:1px solid #ddd; box-sizing:border-box; position:absolute; right:0; top:-35px; background:#f5f5f5; border-radius:100px; padding:0 15px;}
.p_domain .step_list .bubble {color:#888; height:25px; line-height:25px; line-height:24px\0; }
.p_domain .step_list .bubble:before {content:""; width:100%; height:6px; background:transparent url('../images/new2017/domain_bubble.gif') center top no-repeat; position:absolute; left:0; bottom:-6px;}





/* 2017-10-19 :: 도메인 디자인추가 (ARA + HJ) */
.cm_mylist.if_domain {}
.cm_mylist.if_domain .order_view {text-align:left !important; margin:15px;}
.cm_mylist.if_domain .if_open {background:#f5f5f5; display:table-cell !important;}
.cm_mylist.if_domain .if_open .order_view {display:block;}




/* 2017-11-01 네비영역 수정 */
.nav.new2017 .nav_box .depth1 {font-size:17px; letter-spacing:-0.5px; color:#000;}

.nav.new2017 .nav_box .nav05:hover .depth2_box {animation: subnum5 0.5s ease;  -webkit-animation: subnum5 0.5s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}

.all_sitemap.new2017 .picto9 {background:transparent url('../images/sitemap_ic19.png') left top no-repeat;}


















/* 2018-03-30 부가서비스 추가 ARA  ////////////////////////////////////////////////////////////////////////////// */
.page_depth3.if_full ul {width:100%;}
.page_depth3.if_full .tab {width:100%; min-width:100%}

.p_add_new .c_w_charge {margin-top:20px;}
.c_benefit .c_w_charge {margin-top:20px;}
.c_thistip .c_table {border-top:1px solid #ddd; }
.c_thistip .c_table th {text-align:center;}
.c_thistip .btn_deny {background:#aaa; border:1px solid #aaa; border-radius:100px; color:#fff; height:23px; line-height:23px; line-height:21px\0; padding:0 10px; margin-top:-8px; box-sizing:border-box;}
.c_thistip .btn_deny:hover {background:#666; border-color:#666;}
.c_thistip.if_open_deny .c_deny {display:block;}
.c_thistip .c_table li {color:#888;}

.c_w_charge.if_newadd table { table-layout:fixed;}
.c_w_charge.if_newadd .price {font-size:13px !important; color:#000 !important;}
.c_w_charge.if_newadd .t_per {display:inline-block; text-align:right; overflow:hidden; width:70px;}
.c_w_charge.if_newadd .t_per strong {float:left; color:#888; text-decoration:none;}
.t_left {float:left;}
.t_right {float:right;}

.charge_table.if_kakao {border:1px solid #47292b;}
.charge_table.if_kakao td em {font-size:13px;}
.charge_table.if_kakao th {background:#eee; border-color:#ddd; color:#666;}
.charge_table.if_kakao tr.kakao th {background:#47292b; color:#fce000;}
.charge_table.if_kakao tr.kakao td {background:#47292b !important; color:#fce000;}
.charge_table.if_kakao tr.kakao td em {color:#fff; }




.c_add_intro {overflow:hidden;}
.c_add_intro .group_title {margin-top:0px;}
.c_add_intro .intro_box {background:#fff; margin-top:-10px; padding:30px 50px; box-sizing:border-box;}
.c_add_intro .intro_box .inner {display:table; width:100%; box-sizing:border-box; table-layout:fixed; }
.c_add_intro .intro_box dl {display:table-cell; vertical-align:middle; height:280px; box-sizing:border-box;}
.c_add_intro .intro_box dt {font-size:35px; line-height:1.3;}
.c_add_intro .intro_box dt em {color:#999; font-weight:300; letter-spacing:-1px;}
.c_add_intro .intro_box dt strong {color:#000; display:block;}
.c_add_intro .intro_box dd {color:#888; font-size:15px; word-wrap:break-word; word-break:keep-all; white-space:normal; line-height:1.3; margin-top:40px; position:relative;}
.c_add_intro .intro_box dd:before {content:""; width:30px; height:1px; background:#000; position:absolute; left:0; top:-23px;}
.c_add_intro .intro_box .img {display:table-cell; vertical-align:middle; text-align:right}


.c_deny {overflow:hidden; border:1px solid #3d6ea3; margin:20px 0; display:none;}
.c_deny li {list-style:none;}
.c_deny .deny_tit {background:#3d6ea3; color:#fff; padding:15px 20px; font-size:17px;}
.c_deny .deny_add {background:#fafafa; padding:20px; color:#;}
.c_deny .deny_add .ti {color:#333; font-weight:600; font-size:13px;}
.c_deny .deny_add .si {margin-top:5px; font-size:13px;}
.c_deny .table_box {padding:20px;}
.c_deny .table_box table {display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
.c_deny .table_box table thead th {background:#f8f8f8; border:1px solid #ddd; font-weight:400; color:#333; border-left:0; border-right:0; font-size:13px; padding:10px; font-weight:400;}
.c_deny .table_box table tbody td {border:1px solid #ddd; padding:15px; line-height:1.4; word-wrap:break-word; word-break:keep-all; white-space:normal; border-right:0; }
.c_deny .table_box table tbody th {color:#000; font-size:13px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}


.c_step_more {background:#fff; padding:50px; overflow:hidden; margin-top:20px;}
.c_step_more li {list-style:none;}
.c_step_more .inner {display:table; width:100%; box-sizing:border-box; table-layout:fixed}
.c_step_more .inner dl {display:table-row;}
.c_step_more .inner dt,
.c_step_more .inner dd {display:table-cell; vertical-align:middle; padding:20px 30px; border:1px solid #eee;}
.c_step_more .inner dt {width:200px; text-align:center; background:#fafafa;}
.c_step_more .num {display:block; color:#4d93aa; font-size:15px; }
.c_step_more .tit {color:#000; font-size:15px; margin-top:5px;}
.c_step_more li {position:relative; line-height:1.5; word-wrap:break-word; word-break:keep-all; white-space:normal; padding-left:8px; color:#7f7f7f;}
.c_step_more li+ li {margin-top:5px;}
.c_step_more li:before {content:""; width:2px; height:2px; background:#333; position:absolute; left:0; top:8px;}
.c_step_more .file {display:block;  color:#cb3726; font-weight:600; padding-left:18px; height:20px; line-height:24px; line-height:21px\0; margin-top:10px;}
.c_step_more .file {background:transparent url('../images/sub_design/add_ic_file.png') left center no-repeat;}


.c_add_about {background:#fff; margin-top:-10px; padding:30px 0;}
.c_add_about dl {display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
.c_add_about dt,
.c_add_about dd {display:table-cell; vertical-align:middle;}
.c_add_about dt {width:210px; border-right:1px solid #ddd; text-align:center;}
.c_add_about dd {font-size:15px; line-height:1.5; letter-spacing:-0.5px; padding-left:30px;}


.c_better .inner {margin-top:-11px; overflow:hidden; clear:both; background:#fff;}
.c_better .inner ul {display:table; width:100%; box-sizing:border-box; table-layout:fixed; box-sizing:border-box;}
.c_better .inner li {list-style:none; display:table-cell; vertical-align:top; border:1px solid #ebebeb; }
.c_better .inner dt {color:#333; font-size:17px; background:#fafafa; padding:0 30px; height:60px; line-height:64px; border-bottom:1px solid #eee;}
.c_better .inner dt strong {background:transparent url('../images/sub_design/add_better_ic.png') left center no-repeat; padding-left:22px;}
.c_better .inner dd {padding:25px 30px; color:#888;}
.c_better .inner dd div {position:relative; line-height:1.4; padding-left:8px; margin-left:10px;}
.c_better .inner dd div:before {content:""; width:2px; height:2px; background:#888; position:absolute; left:0; top:8px;}
.c_better .inner dd div+ div {margin-top:3px;}
.c_better .c_w_charge {margin-top:20px;}

.c_better .more_txt {overflow:hidden; background:#fff; border:1px solid #eee; margin-top:20px; padding:40px 0; }
.c_better .more_txt ul {display:table; width:100%; box-sizing:border-box; table-layout:fixed; }
.c_better .more_txt li {display:table-cell; vertical-align:top; box-sizing:border-box; padding:0 50px;}
.c_better .more_txt li+ li {border-left:1px solid #ddd;}
.c_better .more_txt dt {font-size:17px; color:#4d93aa;}
.c_better .more_txt dd {font-size:12px; line-height:1.6; margin-top:10px; word-wrap:break-word; word-break:keep-all; white-space:normal; color:#888;}


.c_usebank .inner {margin-top:-11px; overflow:hidden; clear:both; background:#fff; text-align:center;}
.c_usebank ul {display:table; width:100%; box-sizing:border-box; table-layout:fixed; border-collapse:separate; border-spacing:0px 40px;}
.c_usebank li {list-style:none; display:table-cell; vertical-align:top;  border-top:0; border-left:0; border-right:0;}
.c_usebank li+ li {border-left:1px solid #e9e9e9;}
.c_usebank .txt {display:block; margin-top:15px; color:#888; line-height:1.4;}
.c_usebank strong {background:#fff; height:40px; line-height:42px; border-radius:100px; display:inline-block; width:110px; border:1px solid #ddd; box-sizing:border-box; font-size:13px; color:#333; font-weight:600;}


.c_where {background:#f5f4f4; overflow:hidden; margin-top:20px; padding:20px 0; position:relative;}
.c_where .table {display:table; box-sizing:border-box; table-layout:fixed; box-sizing:border-box;}
.c_where dl {display:table-row;}
.c_where dt,
.c_where dd {display:table-cell; vertical-align:middle; box-sizing:border-box; overflow:hidden; box-sizing:border-box;}
.c_where dt {font-size:13px; font-weight:600; color:#333; width:208px; border-right:1px solid #ddd; text-align:center;}
.c_where dd {font-size:13px; color:#cb3726; padding-left:30px;}
.c_where dd strong {font-weight:600}
.c_where dd em {color:#aaa; font-weight:400; font-size:12px; margin:0 5px;}
.c_where .this_btn {width:70px; text-align:right; padding:0px;}
.c_where .btn {color:#999; display:inline-block; height:23px; width:65px; text-align:center; box-sizing:border-box; margin-left:15px; font-size:12px; }
.c_where .btn {background:#fff; border:1px solid #ccc; border-radius:100px; line-height:23px; line-height:21px\0;}
.c_where .btn:hover {border-color:#999;}


.c_dinfo {}
.c_dinfo li {list-style:none;}
.c_dinfo .inner { margin:0 -20px; margin-top:20px;}
.c_dinfo .inner .ul {display:table; width:100%; box-sizing:border-box; table-layout:fixed; border-collapse:separate; border-spacing:20px 0;}
.c_dinfo .inner .ul+ .ul {margin-top:20px;}
.c_dinfo .inner .li {display:table-cell; vertical-align:top; background:#fff; list-style:none; border:1px solid #ebebeb; padding:30px 50px;}
.c_dinfo .c_thistip {margin-top:0px; overflow:visible; }
.c_dinfo .c_thistip .txt {overflow:visible; padding:0px; background-color:#FFF}
.c_dinfo .c_thistip dt {position:relative; background-color:#FFF}
.c_dinfo .c_thistip li {line-height:1.45;}

.c_dinfo .example {position:relative; position:absolute; right:0; top:-3px; }
.c_dinfo .example .open {box-sizing:border-box; z-index:1000; text-align:center; display:none; background:#fff; box-shadow:0 0 50px rgba(0,0,0,0.5);}
.c_dinfo .example .open {position:fixed; left:50%; top:50%; margin:-374px 0 0 -270px;}
.c_dinfo .example .btn {color:#999; display:inline-block; height:23px; width:105px; text-align:center; box-sizing:border-box; font-size:12px; cursor:pointer}
.c_dinfo .example .btn {background:#fff; border:1px solid #ccc; border-radius:100px; line-height:23px; line-height:21px\0;}
.c_dinfo .example:hover .btn {background:#f5f5f5;}
.c_dinfo .example.if_open .open {display:block;}
.c_dinfo .example.if_open .btn {position:fixed; left:0; top:0; width:100%; height:100%; border-radius:0px; z-index:101; background:rgba(0,0,0,0.3);; line-height:1;}
.c_dinfo .example.if_open .open .btn {content:""; position:absolute; left:auto; right:-40px !important; top:0; width:40px !important; height:40px !important; z-index:1000; border:0; background:#333; color:rgba(255,255,255,0.0);;}
.c_dinfo .example.if_open .open .btn:before {content:""; width:20px; height:20px; position:absolute; left:10px; top:10px; background:transparent url('../images/cm_images/item_quick_close.gif') center center no-repeat;}


.c_dinfo .c_table {border-top:1px solid #ebebeb;}
.c_dinfo .c_table strong {text-decoration:none; font-weight:600; line-height:1;}
.c_dinfo .c_table .t_black {color:#000 !important;}
.c_dinfo .c_table td+ td {border-left:1px solid #ddd;}
.c_dinfo .c_table.wide td {text-align:center; vertical-align:top; }
.c_dinfo .c_table.wide ul {text-align:left;}
.c_dinfo .c_table.wide td+ th {border-left:1px solid #ccc;}
.c_dinfo .c_table ul.paper {display:inline-block; text-align:left}
.c_dinfo .c_table .price {text-align:right}
.c_dinfo .c_table.if_charge {text-align:center;}
.c_dinfo .c_table.if_charge th {font-size:12px; padding:10px;}
.c_dinfo .c_table.if_charge td {font-size:12px; padding:10px 20px;}
.c_dinfo .c_table.wide td {text-align:center; vertical-align:top; }


.c_tamp {}
.c_tamp .c_thistip {margin-top:20px;}
.c_tamp li {list-style:none;}
.c_tamp .inner {clear:both; background:#fff; margin-top:-11px; overflow:hidden;}
.c_tamp .inner .ul {display:table; width:100%; box-sizing:border-box; table-layout:fixed; }
.c_tamp .inner .li {display:table-cell; vertical-align:bottom; border-bottom:1px solid #ebebeb; background-color:#f5f4f4; border-top:0; padding-top:40px; text-align:center; font-size:0px;}
.c_tamp .mobile {text-align:center; width:360px; box-sizing:border-box; padding:45px 4px 0 4px; display:inline-block;}
.c_tamp .mobile {background:#231815; border-radius:20px 20px 0 0; position:relative;}
.c_tamp .mobile:before {content:""; width:50px; height:4px; background:#fff; position:absolute; left:50%; top:20px; margin-left:-25px; border-radius:100px;}
.c_tamp .mobile dl {border-radius:5px 5px 0 0; overflow:hidden; background:#fff; height:370px; box-sizing:border-box;}
.c_tamp .mobile dt {background:#fae100; color:#47292b; height:45px; line-height:45px;}
.c_tamp .mobile dd {background:#fff; padding:30px 20px; font-size:12px; line-height:1.5; text-align:left}
.c_tamp .mobile dd strong {display:block; color:#000; font-weight:600;}
.c_tamp .mobile li {word-wrap:break-word; word-break:keep-all; white-space:normal; color:#999; }
.c_tamp .mobile li+ li {margin-top:15px;}
.c_tamp .tit {font-size:15px; color:#000; margin-bottom:15px;}
.c_tamp .tit strong {color:#007be4;}
.c_tamp .tit em {color:#eb0000;}


.c_condi {}
.c_condi li {list-style:none;}
.c_condi .inner {margin-top:-11px;}
.c_condi .inner .ul {display:table; width:100%; box-sizing:border-box; table-layout:fixed; border-collapse:separate;}
.c_condi .inner .li {display:table-cell; vertical-align:top; background:#fff; list-style:none; border:1px solid #ddd; border-top:0;}

.c_condi .inner dl {display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
.c_condi .inner dt {display:table-cell; vertical-align:middle; width:120px; background:#fafafa; color:#333; text-align:center; font-size:15px;}
.c_condi .inner dd {display:table-cell; vertical-align:top; padding:30px;}
.c_condi .inner dd+ dt {border-left:1px solid #ddd;}
.c_condi .list li {position:relative; line-height:1.5; word-wrap:break-word; word-break:keep-all; white-space:normal; padding-left:8px; color:#7f7f7f;}
.c_condi .list li+ li {margin-top:5px;}
.c_condi .list li:before {content:""; width:2px; height:2px; background:#333; position:absolute; left:0; top:8px;}



.c_double {}
.c_double li {list-style:none;}
.c_double .inner {margin:0 -20px; margin-top:-10px;}
.c_double .inner .ul {display:table; width:100%; box-sizing:border-box; table-layout:fixed; border-collapse:separate; border-spacing:20px 0;}
.c_double .inner .li {display:table-cell; vertical-align:top; list-style:none; }
.c_double .charge_table {margin-top:20px;}
.c_double .charge_table th {text-align:center;}
.c_double .per {text-align:right !important; color:#333 !important; padding-right:20px !important;}






/* **************************************** *
   키움페이 신청방법 2018-12-03
 * **************************************** */
.btn_wrapping {position:relative;}
.btn_wrapping .this_open {display:block !important;}
.btn_wrapping .this_close {display:none !important;}

.p_add .func_list .btn_box .tx img {margin-left:2px;}

.open_pay_guide {position:absolute; left:25px; top:50px; width:538px; display:none; z-index:10; background:#fff; border:1px solid #7f8185; box-sizing:border-box;}
.open_pay_guide:before {content:""; background:#fff; border:1px solid #7f8185; border-top:0; border-bottom:0; height:11px; width:264px; box-sizing:border-box; position:absolute; right:-1px; top:-11px;}

.open_pay_guide .in_box {padding:25px 20px 20px 20px;}

.open_pay_guide .tit {border-bottom:1px solid #ccc; }
.open_pay_guide .tit dl {display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
.open_pay_guide .tit dt,
.open_pay_guide .tit dd {display:table-cell; vertical-align:middle; padding-bottom:10px;}
.open_pay_guide .tit dt {font-size:15px; font-weight:600; color:#333;}
.open_pay_guide .tit dd {text-align:right; width:320px;}
.open_pay_guide .btn_email {display:inline-block; color:#cb3726; }
.open_pay_guide .btn_email img {margin-right:5px}
.open_pay_guide .btn_email strong {letter-spacing:-0.5px; }
.open_pay_guide .btn_email em {font-family:"lato"; font-weight:600; font-size:13px;}

.open_pay_guide .process {margin-top:5px;}
.open_pay_guide .process dl {display:table; width:100%; box-sizing:border-box; table-layout:fixed; border-collapse:separate; border-spacing:0px 5px;}
.open_pay_guide .process dt,
.open_pay_guide .process dd {display:table-cell;vertical-align:middle; box-sizing:border-box; padding:15px 10px;}
.open_pay_guide .process dl+ dl {border-top:1px solid #ddd;}
.open_pay_guide .process dt.num {background:#efefef; color:#333; font-family:"roboto"; font-size:18px; font-weight:600; width:40px; text-align:center; border:1px solid #ddd; border-right:0;}
.open_pay_guide .process dt.ti {color:#444; font-size:13px; width:130px; border:1px solid #ddd; border-left:0; line-height:1.3; padding-left:15px;}
.open_pay_guide .process dd {padding-left:20px;}
.open_pay_guide .process .bullet {position:relative; padding-left:8px;}
.open_pay_guide .process .bullet:before {content:""; width:2px; height:2px; background:#666; position:absolute; left:0; top:5px; }
.open_pay_guide .process .bullet+ .bullet {margin-top:8px;}
.open_pay_guide .process .bullet strong {color:#000; font-weight:600;}

.open_pay_guide .process .bullet a {color:#cb3726; text-decoration:underline; font-size:13px;}


.if_open_payguide .btn_wrapping .this_open {display:none !important;}
.if_open_payguide .btn_wrapping .this_close {display:block !important; background:#fff !important;}
.if_open_payguide .open_pay_guide {display:block;}






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

.p_sol .c_iteminfo2 {}

.p_sol .c_iteminfo2 .iteminfo_wrap {background:#fff; padding:50px 0 40px;}
.p_sol .c_iteminfo2 .table_box {display:table; width:100%; box-sizing:border-box; table-layout:fixed; }
.p_sol .c_iteminfo2 .left_box,
.p_sol .c_iteminfo2 .center_box,
.p_sol .c_iteminfo2 .right_box {display:table-cell; vertical-align:middle; position:relative; box-sizing:border-box; padding:0 47px; height:210px;}

.p_sol .c_iteminfo2 .left_box {text-align:center; padding-left:0px; padding-right:0px; vertical-align:middle; padding-bottom:0px;}
.p_sol .c_iteminfo2 .left_box .solution_name { overflow:hidden;}
.p_sol .c_iteminfo2 .left_box .solution_name .tag {color:#000; font-size:78px; letter-spacing:-4px; font-weight:600; line-height:1; font-family:Noto Sans CJK KR, "Noto"; font-weight:100;}
.p_sol .c_iteminfo2 .left_box .solution_name .name { font-size:32px; color:#000; letter-spacing:-2.5px; font-weight:600; font-family:Noto Sans CJK KR, "Noto"; line-height:1; margin-top:10px;}
.p_sol .c_iteminfo2 .left_box .solution_name .name em { color:#ca3725;}
.p_sol .c_iteminfo2 .left_box .solution_name .sub_name { font-size:15px; color:#999; letter-spacing:-0.5px; margin-top:15px; line-height:21px;}

.p_sol .c_iteminfo2 .center_box {text-align:center; border:1px solid #eee; border-top:0; border-bottom:0; vertical-align:bottom;}
.p_sol .c_iteminfo2 .center_box .price { overflow:hidden; padding-bottom:50px; text-align:center; display:inline-block;}
.p_sol .c_iteminfo2 .center_box .price .box {display:inline-block; text-align:left}
.p_sol .c_iteminfo2 .center_box .price dl {display:table;}
.p_sol .c_iteminfo2 .center_box .price dt,
.p_sol .c_iteminfo2 .center_box .price dd {display:table-cell; vertical-align:bottom;}
.p_sol .c_iteminfo2 .center_box .price .before { letter-spacing:-1.5px; font-weight:400; position:relative;  overflow:hidden; font-weight:300; padding:0 5px; white-space:nowrap}
.p_sol .c_iteminfo2 .center_box .price .before {font-family:'rubik'; font-size:25px; color:#999; margin-bottom:10px; margin-right:3px;}
.p_sol .c_iteminfo2 .center_box .price .before {height:25px; line-height:25px;}
.p_sol .c_iteminfo2 .center_box .price .before:before {content:""; width:100%; height:1px; position:absolute; left:0; top:50%; background:#aaa; margin-top:-1px;}
.p_sol .c_iteminfo2 .center_box .price .after {font-size:48px; color:#ca3725; letter-spacing:-3px; font-family:'rubik'; height:60px; line-height:60px; white-space:nowrap}
.p_sol .c_iteminfo2 .center_box .price .kr { font-size:20px; color:#999; padding-bottom:12px; width:20px; width:25px\0; text-align:right}
.p_sol .c_iteminfo2 .center_box .price .vat {display:block; font-size:13px; color:#999; letter-spacing:-0.5px; text-align:right; padding-right:20px;}
.p_sol .c_iteminfo2 .center_box .price .vat strong {color:#000;}
.p_sol .c_iteminfo2 .center_box .price .vat em {color:#333; font-weight:600;}

.p_sol .c_iteminfo2 .center_box .c_btn {margin-top:0px; margin-left:-10px; margin-right:-10px;}
.p_sol .c_iteminfo2 .center_box .c_btn ul {display:table; width:100%; box-sizing:border-box; table-layout:fixed; border-collapse:separate; border-spacing:10px 0;}
.p_sol .c_iteminfo2 .center_box .c_btn li {display:table-cell; vertical-align:middle; float:none}
.p_sol .c_iteminfo2 .center_box .c_btn .btn {display:block; padding:0px; font-size:16px; background:#ca3725 !important; border:1px solid #ca3725 !important;}
.p_sol .c_iteminfo2 .center_box .c_btn .btn:hover {background:#222 !important; border-color:#222 !important; color:#ff1d1d;}
.p_sol .c_iteminfo2 .center_box .c_btn .btn_white {color:#666; background:#fff !important; border:1px solid #ccc !important;}
.p_sol .c_iteminfo2 .center_box .c_btn .btn_white:hover {border-color:#ca3725 !important; color:#ca3725; background:#fff !important;}

.p_sol .c_iteminfo2 .right_box { }
.p_sol .c_iteminfo2 .right_box .tit {text-align:center; color:#333; border-bottom:1px solid #ddd; font-size:19px; padding-bottom:20px; margin-bottom:15px;}
.p_sol .c_iteminfo2 .right_box .li {display:table; width:100%; box-sizing:border-box;}
.p_sol .c_iteminfo2 .right_box .li+ .li {border-top:1px solid #eee; }
.p_sol .c_iteminfo2 .right_box .txt_skin,
.p_sol .c_iteminfo2 .right_box .btn_skin {display:table-cell; vertical-align:middle; text-align:left; padding:12px 0;}
.p_sol .c_iteminfo2 .right_box .txt_skin {}
.p_sol .c_iteminfo2 .right_box .txt_skin dl {display:table;}
.p_sol .c_iteminfo2 .right_box .txt_skin dt,
.p_sol .c_iteminfo2 .right_box .txt_skin dd {display:table-cell; vertical-align:middle; color:#666; font-size:13px; letter-spacing:-0.5px;}
.p_sol .c_iteminfo2 .right_box .txt_skin dd {position:relative; text-align:center; padding:0 8px;}
.p_sol .c_iteminfo2 .right_box .txt_skin dd:before {content:""; width:1px; height:11px; background:#ddd; display:inline-block;}
.p_sol .c_iteminfo2 .right_box .btn_skin {width:140px; text-align:center;}
.p_sol .c_iteminfo2 .right_box .btn_skin ul {display:table; width:100%; table-layout:fixed;}
.p_sol .c_iteminfo2 .right_box .btn_skin li {display:table-cell; vertical-align:middle; padding-left:5px;}
.p_sol .c_iteminfo2 .right_box .btn_skin .btn {display:block; height:27px; line-height:28px; font-weight:600; color:#888; letter-spacing:-0.5px; position:relative;}
.p_sol .c_iteminfo2 .right_box .btn_skin .btn {background:#f1f1f1; box-sizing:border-box; border:1px solid #f1f1f1;}
.p_sol .c_iteminfo2 .right_box .btn_skin .btn strong {letter-spacing:0px;}
.p_sol .c_iteminfo2 .right_box .btn_skin .btn:before {content:""; width:100%; height:100%; position:absolute; left:-1px; top:-1px; display:none;}
.p_sol .c_iteminfo2 .right_box .btn_skin .btn:hover {background:#fff; border-color:#999; color:#333;}
.p_sol .c_iteminfo2 .right_box .btn_skin.this_menual ul {}
.p_sol .c_iteminfo2 .right_box .btn_skin.this_menual .btn {}


.p_sol .c_iteminfo2 .white_box {padding:40px 50px; background:#FFF; overflow:hidden; border-top:10px solid #f1f1f1;}
.p_sol .c_iteminfo2 .white_box.no_border {border:0;}
.p_sol .c_iteminfo2 .white_box+ .white_box {margin-top:40px;}

.p_sol .c_iteminfo2 .feature_box {margin:50px 50px 0 50px; overflow:hidden;}
.p_sol .c_iteminfo2 .feature_box ul {display:table; width:100%; box-sizing:border-box; table-layout:fixed; border:1px solid #ddd;}
.p_sol .c_iteminfo2 .feature_box li {list-style:none; text-align:center; position:relative; padding-bottom:11px; display:table-cell; vertical-align:middle;}
.p_sol .c_iteminfo2 .feature_box li:before { content:""; position:absolute; left:-1px; top:0; width:1px; height:100%; background:#ddd;}
.p_sol .c_iteminfo2 .feature_box li:first-child:before { display:none; }
.p_sol .c_iteminfo2 .feature_box dt { background:#f8f8f8; font-size:15px; color:#555; letter-spacing:-0.5px; height:40px; line-height:42px; font-weight:600; border-bottom:1px solid #ddd;}
.p_sol .c_iteminfo2 .feature_box dd { font-size:13px; color:#aaa; letter-spacing:-0.5px; line-height:1; }
.p_sol .c_iteminfo2 .feature_box .line { font-size:15px; color:#888; letter-spacing:-0.5px; position:relative; }
.p_sol .c_iteminfo2 .feature_box .line:before { content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#aaa; }
.p_sol .c_iteminfo2 .feature_box .txt { padding-top:14px; margin-bottom:7px; }
.p_sol .c_iteminfo2 .feature_box .price {display:inline-block; overflow:hidden;}
.p_sol .c_iteminfo2 .feature_box .price .box {position:relative; font-size:15px; overflow:hidden; display:inline-block; padding:0 5px; color:#999; letter-spacing:0px; float:left;}
.p_sol .c_iteminfo2 .feature_box .price .ic {position:absolute; right:0; top:50%; font-size:0px; margin-top:-6px; margin-top:-5px\0;}
.p_sol .c_iteminfo2 .feature_box .price .box strong {color:#888;}
.p_sol .c_iteminfo2 .feature_box .price .box.before {padding-right:15px; }

.p_sol .c_iteminfo2 .double_table {}
.p_sol .c_iteminfo2 .double_table+ .double_table {margin-top:30px;}
.p_sol .c_iteminfo2 .feature_box+ .double_table {margin-top:30px;}
.p_sol .c_iteminfo2 .double_table table {background:#FFF; border:1px solid #ddd; table-layout:fixed; width:100%;}
.p_sol .c_iteminfo2 .double_table thead th {border-bottom:1px solid #ddd; font-size:15px;}
.p_sol .c_iteminfo2 .double_table thead .bg {}
.p_sol .c_iteminfo2 .double_table thead dl {display:table; margin:0 auto;}
.p_sol .c_iteminfo2 .double_table thead dt,
.p_sol .c_iteminfo2 .double_table thead dd {display:table-cell; vertical-align:top; font-size:15px;}
.p_sol .c_iteminfo2 .double_table thead dt {color:#000; padding-right:10px;}
.p_sol .c_iteminfo2 .double_table thead dd {color:#ca3725; font-weight:600; }
.p_sol .c_iteminfo2 .double_table thead dd img {margin-left:3px; margin-top:2px;}

.p_sol .c_iteminfo2 .double_table th { background:#f8f8f8; font-size:13px; color:#000; padding:15px 20px; text-align:left; word-wrap:break-word; word-break:keep-all; border:1px solid #ddd; font-weight:400; text-align:center;}
.p_sol .c_iteminfo2 .double_table td { font-size:13px; color:#666; padding:12px; line-height:20px; word-wrap:break-word; word-break:keep-all; border:1px solid #ddd;}
.p_sol .c_iteminfo2 .double_table ul {margin:0 15px}
.p_sol .c_iteminfo2 .double_table th {border-right:0; border-bottom:0;}
.p_sol .c_iteminfo2 .double_table td {border-right:0; border-bottom:0;}
.p_sol .c_iteminfo2 .double_table th:first-child {border-left:0;}
.p_sol .c_iteminfo2 .double_table tr:first-child * {border-top:0;}
.p_sol .c_iteminfo2 .double_table table.if_charge td {text-align:center; padding:25px 5px;}
.p_sol .c_iteminfo2 .double_table table.if_charge th {font-size:13px; font-weight:600; color:#333;;}
.p_sol .c_iteminfo2 .double_table .font_style { font-size:13px; color:#cb3726; text-align:center; }
.p_sol .c_iteminfo2 .double_table .tx_box {padding:0 10px;}
.p_sol .c_iteminfo2 .double_table .tx_box+ .tx_box {margin-top:10px;}
.p_sol .c_iteminfo2 .double_table .tx_box dt {color:#333; padding-left:10px; position:relative; font-size:13px;}
.p_sol .c_iteminfo2 .double_table .tx_box dt a {margin-left:5px; text-decoration:underline;}
.p_sol .c_iteminfo2 .double_table .tx_box dt:before {content:""; width:3px; height:3px; background:#333; position:absolute; left:2px; top:8px; }
.p_sol .c_iteminfo2 .double_table .tx_box dd {padding-left:10px; line-height:1.3; font-size:13px; margin-top:3px;}
.p_sol .c_iteminfo2 .double_table .price {display:inline-block}
.p_sol .c_iteminfo2 .double_table .price dl {display:table}
.p_sol .c_iteminfo2 .double_table .price dt,
.p_sol .c_iteminfo2 .double_table .price dd {display:table-cell; vertical-align:bottom; text-align:right}
.p_sol .c_iteminfo2 .double_table .price dd {padding-left:7px;}
.p_sol .c_iteminfo2 .double_table .price dt {color:#ca3725; padding-bottom:2px;}
.p_sol .c_iteminfo2 .double_table .price dt strong {font-size:35px; letter-spacing:-0.5px;}
.p_sol .c_iteminfo2 .double_table .price dt em {font-size:25px;}
.p_sol .c_iteminfo2 .double_table .price .before {color:#999; font-weight:400; font-size:15px; line-height:1; display:inline-block; position:relative; padding:0 3px;}
.p_sol .c_iteminfo2 .double_table .price .before:before {content:""; width:100%; height:1px; position:absolute; left:0; top:50%; background:#aaa; margin-top:-3px; margin-top:-1px\0;}
.p_sol .c_iteminfo2 .double_table .price .after {color:#000; font-weight:600; font-size:15px; line-height:1;  padding:0 3px;}
.p_sol .c_iteminfo2 .double_table .price .ic {position:absolute; right:0; top:8px; font-size:0px;}
.p_sol .c_iteminfo2 .double_table .price .before+ .after {margin-top:3px;}
.p_sol .c_iteminfo2 .double_table .price.single dt {padding:0px;}
.p_sol .c_iteminfo2 .double_table .price.single dd {padding:0px;}

.p_sol .c_iteminfo2 .mid_tit {color:#333; font-size:17px; padding-bottom:10px;}
.p_sol .c_iteminfo2 .mid_tit strong {text-align:center; display:block; color:#666; font-size:21px; letter-spacing:-1px; line-height:1; margin-bottom:15px;}


.sol_visual {margin-top:40px !important;}