@charset "utf-8";

/******************************************
Author : 퍼스트몰(firstmall)
Author URL : http://firstmall.kr
Creation Date : 2018-08-01
Modify Date : 2019-05-22
*******************************************/

/*-----------------------------------------------------------------*/
/* 운영지원
/*-----------------------------------------------------------------*/

/* 정렬 */
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}

/* 마진/패딩 */
.m_t_0 {margin-top:0px !important;}
.m_t_5 {margin-top:5px !important;}
.m_t_10 {margin-top:10px !important;}
.m_t_15 {margin-top:15px !important;}
.m_t_17 {margin-top:17px !important;}
.m_t_20 {margin-top:20px !important;}
.m_t_25 {margin-top:25px !important;}
.m_t_30 {margin-top:30px !important;}
.m_t_40 {margin-top:40px !important;}
.m_t_50 {margin-top:50px !important;}
.m_t_60 {margin-top:60px !important;}
.m_t_70 {margin-top:70px !important;}
.m_t_80 {margin-top:80px !important;}
.m_t_90 {margin-top:90px !important;}
.m_t_100 {margin-top:100px !important;}
.m_b_0 {margin-bottom:0px !important;}
.m_b_5 {margin-bottom:5px !important;}
.m_b_10 {margin-bottom:10px !important;}
.m_b_15 {margin-bottom:15px !important;}
.m_b_20 {margin-bottom:20px !important;}
.m_b_25 {margin-bottom:25px !important;}
.m_b_30 {margin-bottom:30px !important;}
.m_b_40 {margin-bottom:40px !important;}
.m_b_50 {margin-bottom:50px !important;}
.m_b_70 {margin-bottom:70px !important;}
.m_b_100 {margin-bottom:100px !important;}
.p_t_0 {padding-top:0px !important;}
.p_t_5 {padding-top:5px !important;}
.p_t_10 {padding-top:10px !important;}
.p_t_15 {padding-top:15px !important;}
.p_t_20 {padding-top:20px !important;}
.p_t_25 {padding-top:25px !important;}
.p_t_30 {padding-top:30px !important;}
.p_t_40 {padding-top:40px !important;}
.p_t_50 {padding-top:50px !important;}
.p_t_60 {padding-top:60px !important;}
.p_t_70 {padding-top:70px !important;}
.p_b_0 {padding-bottom:0px !important;}
.p_b_5 {padding-bottom:5px !important;}
.p_b_10 {padding-bottom:10px !important;}
.p_b_15 {padding-bottom:15px !important;}
.p_b_20 {padding-bottom:20px !important;}
.p_b_25 {padding-bottom:25px !important;}
.p_b_30 {padding-bottom:30px !important;}

/*페이지 첫 타이틀*/
.tit_wrap {border:1px solid #eaeaea; padding:70px;}
.tit_main {font-size:36px; color:#333; letter-spacing:-2px;}
.tit_main .bold {}
.tit_main_b {font-size:36px; color:#006ac3; letter-spacing:-2px;}
.tit_main_s {margin-top:10px; /*font-size:16px; color:#9c9c9c; letter-spacing:-1px; line-height:1.2;*/}

/*문단 타이틀*/
.tit_top {font-size:26px; font-weight:600; color:#333; letter-spacing:-2px;}

/*문단 서브 타이틀*/
.tit_mid {font-size:23px; font-weight:600; color:#444; letter-spacing:-2px;}

/*문단 타이틀 부연설명*/
.tit_sub {font-size:17px; color:#555; line-height:26px; letter-spacing:-0.5px;}

/*컨텐츠 상세 설명*/
.tit_explain, .txt_explain {font-size:15px; color:#6c6c6c; line-height:20px;}
.txt_explain .txt_sub {margin-top:5px; font-size:14px; color:inherit;}

.more a {color:#a2a2a2; font-size:15px;	text-decoration:underline;}
.more a:link, .more a:visited {color:#a2a2a2; text-decoration:underline;}
.more a:hover, .more a:focus, .more a:active {color:#006ac3; text-decoration:underline;}

.f11 {font-size:11px}
.f12 {font-size:12px}
.f13 {font-size:13px}
.f14 {font-size:14px}
.f15 {font-size:15px}
.f16 {font-size:16px}
.f17 {font-size:17px}
.f18 {font-size:18px}

/*color*/
.t_blue {color:#097ac9 !important;}
.t_black {color:#000 !important;}
.t_white {color:#fff !important;}

#addservice_side {position:fixed; top:0; transform:translateY(160px);}
#addservice_side.flying {top:0; transform:translateY(60px); transition:all 0.1s;}
#addservice_side .as_title {margin-bottom:5px;}
#addservice_side .as_depth1 {display:none;}
#addservice_side .as_depth2 {padding-bottom:10px;}
/*.tit_line { width:35px; border-top:3px solid #018CDF; }
.tit_bold { color:#000;font-size:19px;font-weight:bold; }
.sub_tit { color:#006ac3;font-size:19px; }
.sub_desc { color:#6c6c6c;font-size:14px; }
.sub_desc_s {color:#6c6c6c;font-size:13px; }*/
.addservice {line-height:1.6;}
.addservice .top_img {border:2px solid #0286de; background:#fff;}
.addservice .top_img li {float:right;}
.addservice .top_img li:first-child {float:left;}

.addservice ul.list_dot li {position:relative; padding:0 0 0 10px; text-align:left;}
.addservice ul.list_dot li:before {display:block; content:''; position:absolute; top:10px; left:0; width:2px; height:2px; background:url('/images/common/icon_list.png') no-repeat 0 -109px;}
.addservice ul.list_line li {position:relative; padding:0 0 0 10px; text-align:left;}
.addservice ul.list_line li:before {display:block; content:''; position:absolute; top:11px; left:0; width:5px; height:1px; background:url('/images/common/icon_list.png') no-repeat 0 -318px;}

.addservice .sub_txt li {padding-top:30px; font-size:14px; color:#6c6c6c; line-height:1.6;}
.addservice .sub_txt li:first-child {padding-top:0;}
.addservice .sub_txt li h5 {color:#006ac3;}
.addservice .sub_txt li h5 .vat {float:right; margin-top:5px; font-size:14px; font-weight:normal; color:#666;}
.addservice .sub_txt > ul > li > div > img {/*width:137px;*/}
.addservice .sub_txt .indent {padding-left:10px; text-indent:-10px;}
.addservice .sub_txt.sub_box li {float:left; width:33.3%; padding-top:0; text-align:center; vertical-align:top;}
.addservice .sub_txt.sub_box li > div {height:230px; padding:0 20px; color:#666;}
.addservice .sub_txt.sub_box li > div.line-b {border-bottom:0 dashed #dcdcdc;}
.addservice .sub_txt.sub_box li > div.line-r {border-right:0 dashed #dcdcdc;}
.addservice .sub_txt.sub_box li > div > img {padding:0 0 10px;}
.addservice .sub_txt.x2 > ul > li {float:left; width:50%; padding-top:0; text-align:center; vertical-align:top;}
.addservice .sub_txt.x2 > ul > li > div {padding:30px 20px 0; color:#666;}
.addservice .sub_txt.x2 > ul > li > div > img {width:137px; padding:0 0 20px;}
.addservice .sub_txt.live_box ul {margin-left:-20px;}
.addservice .sub_txt.live_box li {float:left; width:33.33%; padding:10px 0 10px 20px; vertical-align:top;}
.addservice .sub_txt.live_box li > div {height:260px; border-radius:10px; border:1px solid #e0e0e0; padding:0 10px 30px; text-align:center; overflow:hidden;}
.addservice .sub_txt.live_box > ul > li > div > .icon {margin:30px auto 10px;}
.addservice .sub_txt.live_box > ul > li > div > .icon img {width:auto;}
.addservice .sub_txt.live_box > ul > li > div > h5 {padding-bottom:0; font-weight:600; color:#555;}
.addservice .sub_txt.live_box > ul > li > div > .line {margin:15px auto; height:12px; background:url('/images/addservice/2021/live_icon_line.png') no-repeat center;}	
.addservice .sub_txt.live_box .view li {text-align:center;}
.addservice .sub_txt.live_box .view li img {border-radius:13px; border:1px solid #e0e0e0;}
.addservice .sub_txt.live_box .view li h5 {padding:20px 0 5px; font-weight:600; color:#555;}

.addservice .sub_step {margin:30px auto;;}
.addservice .sub_step li {position:relative; float:left; width:25%; text-align:center; font-size:14px; color:#349ee4; line-height:1.4;}
.addservice .sub_step.x3 li {width:33.33%;}
.addservice .sub_step li:before {display:block; content:''; position:absolute; top:50px; left:-3px; width:12px; height:21px; background:url('/images/addservice/2018/addservice_step_arr.png') no-repeat;}
.addservice .sub_step li:first-child:before {background:none;}
.addservice .sub_step li > div {width:110px; height:110px; margin:0 auto 15px; border-radius:50%; background:#5db9f5;}
.addservice .sub_step li > div > span {display:block; padding-top:20px; font-weight:bold; color:#c1e7ff;}
.addservice .sub_step li > p {display:block; margin:15px auto 0; width:auto; border:1px dashed #e0e0e0; background:#fafafa; padding:10px; font-size:14px; color:#6c6c6c;}
.addservice .sub_step li > div > img {width:57px;}
.addservice .sub_txt.x3 ul, 
.addservice .sub_step.x5 ul {margin-top:-20px; margin-left:-20px; margin-right:-20px;}
.addservice .sub_txt.x3 li {margin-top:30px;}
.addservice .sub_step.x5 li {width:20%; height:160px; margin-top:20px;}
@media (min-width:0) and (max-width:1024px) {
	#container.customer .addservice br {display:none;}
	.addservice .sub_txt.x3 ul, 
	.addservice .sub_step.x5 ul {margin-left:0; margin-right:0;}
}
@media (min-width:0) and (max-width:980px) {
		.addservice .sub_txt.sub_box li {width:50%;}
}
@media (min-width:0) and (max-width:768px) {
	#container.customer .addservice br {display:none;}
	.addservice .sub_txt.sub_box li,
	.addservice .sub_txt.live_box li {width:50%;}
	.addservice .sub_step li {width:33.33% !important;}		
}
@media (min-width:0) and (max-width:480px) {
	#container.customer .addservice .sub_step br {display:block;}
	.addservice .sub_txt.sub_box li,
	.addservice .sub_txt.x2 > ul > li,
	.addservice .sub_txt.live_box li {width:100%;}
	.addservice .sub_txt.sub_box li > div {height:auto;}
	.addservice .sub_txt.live_box li > div {height:auto; padding:0 30px 30px;}
	.addservice .sub_step li {width:100% !important; padding-bottom:30px;}
	.addservice .sub_step li:before {background:none;}
}


/*부가서비스 Tab 디자인*/
.adsvcTab01 {border-bottom:1px solid #6e7379;}
.adsvcTab01:after {clear:both; content:""; display:block;}
.adsvcTab01 ul {width:100%;}
.adsvcTab01 li {float:left; width:16.6666%;/*20%;*/ height:43px;}
.adsvcTab01 .x2 li {width:25%;}
.adsvcTab01 li a {display:block; height:44px; line-height:39px; border-width:1px; border-style:solid; border-color:#ccc #ccc #6e7379 #ccc; background:#f7f7f7; text-align:center; font-weight:bold; color:#767676; text-decoration:none;}
.adsvcTab01 li.on a {border-width:1px; border-style:solid; border-color:#6e7379 #6e7379 #fff #6e7379; background:#fff; color:#fff;}
.adsvcTab01 li a img {vertical-align:middle;}
@media (min-width:0) and (max-width:1024px) {
	.adsvcTab01 li,
	.adsvcTab01 .x2 li {width:33.3%;}
}
@media (min-width:0) and (max-width:640px) {
	.adsvcTab01 li,
	.adsvcTab01 .x2 li {width:50%;}
	.pg_th {float:left; width:100%;}
	.pg_td {float:right; width:100%; padding-top:30px;}
	.pg_td .adsvc_tbl {border-left:0;}
	.pg_td .adsvc_tbl th {padding:10px 0; width:25%;}
}

.pg_th {padding-top:10px;}
.adsvc_tbl {margin-bottom:40px; width:100%; border-left:1px dashed #bfbdbe; line-height:1.6;}
.adsvc_tbl th {vertical-align:top; padding:10px 20px; text-align:left; font-size:14px;}
.adsvc_tbl td {padding:10px 0; text-align:left; font-size:14px; color:#666;}

.button_big {display:inline-block; padding:10px 30px; border-radius:90px; margin-right:5px; cursor:pointer;}
.gray_b	{border:1px solid #bfbdbe; font-size:15px; color:#626262; background:#f7f7f7;}
.white_b {padding:10px 50px; font-size:16px; color:#fff; background:#3aa0e3; border:1px solid #3aa0e3;}

.m_t_2 {margin-top:2px;}
.guide_layer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:200 !important;}
.guide_layer .guide_bg {width:100%; height:100%; background:#000; opacity:0.3; filter:alpha(opacity=30);}
.guide_layer .scrollbar {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:770px; overflow:hidden;}
.guide_layer  .scrollbar .close {position:absolute; top:25px; right:20px; background:url('/images/addservice/2018/guide_close.gif') no-repeat; width:13px; height:14px; text-indent:-9999px; cursor:pointer;}
.pg_pop {width:800px; border:1px solid #707070; background:#fff; padding:30px; color:#4a4a4a; line-height:1.6;}
.pg_pop .tit {width:100%; border-bottom:2px solid #2290db; padding-bottom:10px; text-align:center; letter-spacing:-1px; font-size:24px; font-weight:600; padding-top:20px; margin-bottom:30px; color: black;}
.pg_pop .s_tit {letter-spacing:-1px; font-size: 16px; font-weight:600}
.pg_pop a {color:#333; text-decoration:underline;}
@media all and (max-width:800px) {
	.guide_layer .scrollbar { left:10px; right:10px; transform:translate(0, -50%); width:auto;}
	.pg_pop {width:100%;}
}
@media all and (max-height:800px) {
	.guide_layer .scrollbar { top:10px; bottom:10px; transform:translate(-50%, 0); height:auto;}
}
@media all and (max-width:800px), all and (max-height:800px) {
	.guide_layer .scrollbar { left:10px; right:10px; top:10px; bottom:10px; transform:translate(0, 0); width:auto; height:auto;}
	.pg_pop {width:100%;}
}
@media (min-width:0) and (max-width:640px) {
	.guide_layer .scrollbar {top:0; left:0; margin:0 0 0 0;}
}

.sub_table_l	{border-top:1px solid #919191; border-bottom:1px solid #919191; margin:15px 0 6px 0}
.sub_table_l th	{font-size:13px; height:40px; color:#000; background-color:#fbfbfb; text-align:center; font-weight:normal; border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0; padding-left:0px}
.sub_table_l thead th {padding-left:0;}
.sub_table_l td	{font-size:13px; height:px; color:#4f4f4f; text-align:left; border-bottom:1px solid #e0e0e0; padding:5px 0 5px 10px;border-right:1px solid #e0e0e0; }
.sub_table_l .lf {border-bottom:0px }
.sub_table_l .lfr {border-right:0px }
.sub_table_l .cntr {text-align:center }
.sub_table_l .rgt{ text-align:right !important; padding-right:10px !important;}
.attention li {line-height:1.6;}

.min_subject {text-align:left; font-size:17px; color:#006ac3; padding-left:24px; padding-bottom:10px; }
.min_contants {text-align:left; font-size:14px; color:#6c6c6c; padding-left:24px; line-height:20px; }
.min_contants_m {text-align:left; font-size:16px; color:#6c6c6c; padding-left:24px; line-height:20px; }
.min_contants_blue { color:#006ac9; }
.min_auto {/*margin:0 auto;*/}

/* 네이버페이 */
ol.guide, ol.guide > li {margin-left:10px; list-style-type:decimal; font-size:14px; line-height:1.6;}
.step_box {border:1px solid #ccc; padding:15px 20px; color:#666; line-height:1.4;}

/* 우체국 택배 */
.tit_line { width:35px; border-top:3px solid #018CDF; }
.tit_bold { color:#000;font-size:19px;font-weight:bold; }
.sub_line { width:100%; border-top:1px solid #E3E3E3; }
.sub_tit { padding-top:24px; font-size:17px; font-weight:500; color:#006ac3; line-height:26px; }
.sub_tit2 { padding-top:40px; font-size:18px; font-weight:500; color:#000; line-height:26px; }
.sub_desc { color:#6c6c6c;font-size:14px; line-height:20px; }
.sub_desc_s {color:#6c6c6c;font-size:13px; line-height:20px; }
.sub_tb { border-top:2px solid #919191; font-size:12px; color:#424242; font-weight:normal; text-align:center; line-height:20px;}
.sub_tb th { background-color:#f3f3f3; height:36px; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; }
.sub_tb td { border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; }
.sub_tb img { padding-right:7px; vertical-align: middle; }
.sub_tb .first { border-left:0; background-color:#fbfbfb; }
.sub_tb .bg_use { background-color:#f3faff; }
.box_area { position:relative; }
.box_area .box_dv1 { border:2px solid #77c9ff; left:332px; width:226px; height:305px; position:absolute; }
.box_area .box_dv2 { border:2px solid #3195d6; left:559px; width:229px; height:305px; position:absolute; }

/* 굿스플로 */
.tit_line { width:35px; border-top:3px solid #018CDF; }
.tit_bold { color:#000;font-size:19px;font-weight:bold; }
.sub_line { width:100%; border-top:1px solid #E3E3E3; }

.sub_desc { color:#6c6c6c;font-size:14px; }
.sub_desc_s {color:#6c6c6c;font-size:13px; }
.sub_tb { border-top:2px solid #919191; font-size:12px; color:#424242; font-weight:normal; text-align:center; line-height:20px;}
.sub_tb th { background-color:#f3f3f3; height:36px; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; }
.sub_tb td { border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; }
.sub_tb img { padding-right:7px; vertical-align: middle; }
.sub_tb .first { border-left:0; background-color:#fbfbfb; }
.sub_tb .bg_use { background-color:#f3faff; }
.box_area { position:relative; }
.box_area .box_dv1 { border:2px solid #77c9ff; left:347px; width:240px; height:327px; position:absolute; }
.box_area .box_dv2 { border:2px solid #3195d6; left:590px; width:235px; height:327px; position:absolute; }

.strong_blue { color:#006ac9; }
.strong_red { color:#eb2121; }

/* 리얼패킹 */
.sub_table_l{ border-top:1px solid #919191; border-bottom:1px solid #919191; margin:15px 0 6px 0}
.sub_table_l th	{ font-size:12px; height:34px; color:#000; background-color:#fbfbfb; text-align:center; font-weight:normal; border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0}
.sub_table_l td	{ font-size:12px; height:px; color:#4f4f4f; text-align:center; border-bottom:1px solid #e0e0e0; padding:10px 0 10px 10px;border-right:1px solid #e0e0e0; }
.sub_table_l .lf{ border-bottom:0px }
.sub_table_l .lfr{ border-right:0px }
.realpacking_wrap li {float:left; width:33.3%;}
.play_wrap {position:relative; cursor:pointer;}
.play_wrap img {/*width:253px; height:190px;*/}
.play_wrap .play_btn {position:absolute; top:50%; left:50%; margin:-48px 0 0 -48px; width:97px; height:97px; background:url('/images/addservice/2018/realpacking_play.png') no-repeat 50%; background-size:50px 50px; text-indent:-9999px;}
.sample_mov {position:fixed; top:0; left:0; width:100%; height:100%; z-index:50000;}
.sample_mov  .mov_bg {width:100%; height:100%; background:#000; opacity:0.3; filter:alpha(opacity=30);}
.sample_mov  .mov_layer {position:absolute; top:50%; left:50%; margin:-370px 0 0 -455px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background:#218dd8; padding:20px;}
.sample_mov  .mov_layer h1 {padding:0px 0 15px; text-align:center; font-size:18px; font-weight:normal; color:#fff;}
.sample_mov  .mov_layer h1 span {font-size:24px; font-weight:normal;}
.sample_mov  .mov_layer .close {position:absolute; top:20px; right:20px; background:url('/images/addservice/2018/dialog_close.gif') no-repeat; width:20px; height:20px; text-indent:-9999px;}

@media (min-width:0) and (max-width:640px) {
	.realpacking_wrap li {width:100%;}
}

/* 구글 */
.sub_detail{border-right:none !important;}
.sub_detail .its-th-align:first-child {border-left:none !important; border-right:none !important;}
.sub_detail .its-td:first-child {border-left:none !important; border-right:none !important;}
.faq_detail {border-bottom:1px solid #e0e0e0; margin-top:10px; background:#fff;}
.faq_detail td {border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; padding:5px 10px; text-align:center; font-size:14px;}
.faq_detail td:first-child {border-left:none;}
.faq_detail .tit {background-color:#078fec; text-align:center; font-size:14px; color:#fff}
.faq_detail .tit2 {background-color:#EC8100; text-align:center; font-size:14px; color:#fff}
.faq_detail .tit3 {text-align:left; font-size:14px;}
.faq_detail .tit3 span{font-size:14px;color:#868686}
.faq_detail strong {font-weight:normal;}

/* 부가서비스 - 좌메뉴 */
#nl_sub_titlebar .nl_sub_titlebar_tit a.sub_depth .sub_more {display:none;}
#wrap .content .as_title {font-size:24px; font-weight:600; color:#333; line-height:23px;}
#addservice_side {width:200px}
#addservice_side .as_title {margin-top:28px; margin-bottom:15px; border-bottom:2px solid #666; padding-bottom:15px; font-size:24px; font-weight:400; color:#000; letter-spacing:-2px;}
#addservice_side .as_depth1 {padding-left:3px; font-size:14px; font-weight:bold; color:#008cdf;}
#addservice_side .as_depth2 {padding-top:10px; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #cacaca}
#addservice_side .as_depth2 li {padding-bottom:7px; padding-left:3px;}
#addservice_side .as_depth2 li a {font-size:12px; color:#424242; letter-spacing:-1px;}
#addservice_side .as_depth2 li.current a {background-color:#009ae6; padding:1px 5px 2px 3px; color:#fff;}
#addservice_side .as_depth2 li span.event {float:right; margin:-1px 0 0 2px; background:#fe6161; width:30px; text-align:center; font-size:10px; color:#fff; letter-spacing:-1px;}
#addservice_side .as_depth2 li span.new {float:right; margin:-1px 0 0 0; background:#009ae6; width:32px; line-height:13px; text-align:center; font-size:10px; color:#fff;}

/* 마케팅 - 상담 신청창 */
.mw_layer {display:none;position:fixed;top:0;left:0;z-index:100000;width:100%;height:100%;}
.mw_layer .bg {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50)}
.mw_layer .pop_layer {position:absolute;top:300px;left:50%;width:439px;height:525px;margin:-270px 0 0 -230px;border:2px solid #218dd9;background:#fff;}
.mw_layer .pop_tit {font-size:14px; color:#333333; padding-left:20px; padding-top:14px; height:30px;}
.mw_layer .pop_subtbinfo {border-top:1px solid #d2d2d2;}
.mw_layer .pop_subtbinfo th {font-size:11px; color:#444444; font-weight:normal; padding-left:12px; background-color:#f3f3f3; border-right:1px solid #dedede; border-bottom:1px solid #dedede;}
.mw_layer .pop_subtbinfo td {font-size:11px; color:#444444; padding-left:11px; border-bottom:1px solid #dedede;}
.mw_layer .pop_subtbinfo input {height:24px; border:1px solid #cccccc;}
.mw_layer .pop_subtbinfo textarea {height:85px; width:260px; border:1px solid #cccccc;}
.sub_pop {display:none;position:fixed;top:0;left:0;z-index:100001;width:100%;height:100%;}
.sub_pop .sub_pop_layer {position:absolute;top:50%;left:50%;width:500px;height:500px;margin:-270px 0 0 -250px;border:2px solid #218dd9;background:#fff;}
.sub_pop .pop_tbinfo th {padding-left:23px; font-size:16px; color:#fff; text-align:left; background-color:#218DD8;}
.sub_pop .submit_btn {height:25px; width:126px; background-color:#0077cb; font-size:15px; color:#fff; padding-top:10px; cursor:pointer;}

/* 마케팅 - 전화연락처 */
.market_banner {margin-top:10px; padding:0;}
.market_banner dt {border-top:1px dotted #aaa; margin-top:15px; padding-top:10px;}
.market_banner dt .line {/*border-top:1px solid #333; width:10px; height:7px;*/}
.market_banner dd {color:#666; line-height:1.4;}
.market_banner dd > ul {border:0 !important; padding:0 !important;}
.market_banner dd .phone {font-size:20px !important; font-weight:bold; color:#008cdf !important; line-height:1.4 !important;}
.market_banner dd .phone2 {font-size:18px !important; font-weight:bold; color:#008cdf !important; line-height:1.4 !important;}

/* 부가서비스/마케팅 */
.tit_line {width:35px; border-top:3px solid #018CDF;}
.tit_bold {color:#000;font-size:19px;font-weight:bold;}

.sub_desc {color:#6c6c6c;font-size:14px; line-height:1.6;}
.sub_desc_s {color:#6c6c6c;font-size:14px; line-height:1.6;}
.num_sub_desc {color:#848484;font-size:14px; line-height:1.6;}
.sub_table {border-top:1px solid #919191; border-bottom:1px solid #cbcbcb;}
.sub_table th {font-size:14px; height:39px; color:#333232; background-color:#fbfbfb; text-align:center;}
.sub_table td {font-size:14px; height:33px; color:#424242; text-align:center; border-top:1px solid #e0e0e0;}
.sub_table .rl {padding-left:32px; border-right:1px solid #e0e0e0;}
.sub_table td.lf {text-align:left;}
.sub_table_l	 {border-top:1px solid #919191; border-bottom:1px solid #919191;}
.sub_table_l th	{font-size:13px; height:39px; color:#000; background-color:#fbfbfb; text-align:left; font-weight:normal; border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0; padding-left:20px}
.sub_table_l td	{font-size:13px; height:33px; color:#4f4f4f; text-align:left; border-bottom:1px solid #e0e0e0; padding:10px 0 10px 10px;border-right:1px solid #e0e0e0;}
.sub_table_l .lf {border-bottom:0px }
.sub_table_l .lfr {border-right:0px }
.tab_cls {cursor:pointer;}
.tab_cls td {border-left:1px solid #bfbdbe; border-top:1px solid #bfbdbe; border-right:1px solid #bfbdbe; height:34px; font-size:14px; text-align:center; background-color:#fff; color:#767676;}
.tab_cls td a {color:#767676; text-decoration:none;}
.tab_cls td:hover a {display:block; background-color:#2290db; line-height:34px; color:#fff;}
.tab_cls td:hover span {color:#fff; line-height:34px;}
.tab_cls td.current {border-left:1px solid #26679d; border-top:1px solid #26679d; border-right:1px solid #26679d; background-color:#2290db; color:#fff;}

.roll_tab_cls {width:13%; float:left;}
.roll_tab_cls div {height:49px; font-size:13px; color:#555555; text-align:center; line-height:49px; border-left:1px solid #e3e3e3; border-top:1px solid #e3e3e3;}
.roll_tab_cls div.current {background-color:#848484; color:#fff;}
.roll_tab_cls div:last-child {border-bottom:1px solid #e3e3e3;}
.roll_tab_img {width:87%; float:left;}
.tabmenu1 {position:relative;  cursor:pointer;}
.tabmenu2 {position:relative;  cursor:pointer;}
a.sns_marketing {border:1px solid #0681d9; border-radius:3px; padding:10px 50px; font-size:13px; color:#0681d9; text-decoration:none;}
a.sns_marketing span {color:#0681d9;}
a.sub_sbtn {display:inline-block; vertical-align:middle; margin-bottom:3px; border:1px solid #ccc; padding:3px 10px; font-size:11px; font-weight:normal; color:#666; text-decoration:none; transition:all linear 0.3s;}
a.sub_sbtn:hover {background:#f1f1f1; color:#000;}
a.sub_sbtn span {font-family:dotum !important; font-size:11px;}

@media (min-width:0) and (max-width:640px) {
	.roll_tab_cls {width:100%;}
	.roll_tab_img {width:100%;}
	.roll_tab_cls .tabmenu1 {float:left;}
	.roll_tab_cls .tabmenu2 {float:left;}
}

/* 부가서비스 */
.nl_addsvc_smtit {position:relative; margin-top:70px; padding-top:20px; font-size:19px; color:#000000; font-weight:bold; letter-spacing:-1px; background:url('/images/addservice/2018/smtit_bar.gif') no-repeat left top;}
.nl_addsvc_smtit_desc {font-size:14px; color:#6c6c6c; font-weight:normal;}
.nl_addsvc_slogan {margin-top:24px;font-size:19px;color:#006ac3;letter-spacing:-1px;line-height:24px;}
.nl_addsvc_smdesc_tit {padding-top:24px; font-size:19px; color:#006ac3; letter-spacing:-1px;}
.nl_addsvc_smdesc_contents {padding-top:10px; font-size:15px; color:#6c6c6c; line-height:1.6;}
.nl_addsvc_table_tit {font-size:15px; color:#000; letter-spacing:-1px;}
.nl_addsvc_funclist {zoom:1}
.nl_addsvc_funclist:after {content:""; display:block; clear:both;}
.nl_addsvc_funclist .ll_left {float:left; width:50%;}

@media (min-width:0) and (max-width:640px) {
	.nl_addsvc_funclist .ll_left {width:100%;}
}

.nl_addsvc_funclist .ll_right {float:left;}
.nl_addsvc_funclist .nl_asfl_dl {position:relative; min-height:66px; margin-bottom:45px; padding-left:113px; text-align:left;}
.nl_addsvc_funclist .nl_addsvc_icon_btm_1 {position:absolute; left:0px; top:0px; width:88px; height:66px; background:url('/images/addservice/2018/addsvc_icon_btm.gif') no-repeat 0px 0px;}
.nl_addsvc_funclist .nl_addsvc_icon_btm_2 {position:absolute; left:0px; top:0px; width:88px; height:66px; background:url('/images/addservice/2018/addsvc_icon_btm.gif') no-repeat -100px 0px;}
.nl_addsvc_funclist .nl_addsvc_icon_btm_3 {position:absolute; left:0px; top:0px; width:88px; height:66px; background:url('/images/addservice/2018/addsvc_icon_btm.gif') no-repeat 0px -70px;}
.nl_addsvc_funclist .nl_addsvc_icon_btm_4 {position:absolute; left:0px; top:0px; width:88px; height:66px; background:url('/images/addservice/2018/addsvc_icon_btm.gif') no-repeat -100px -70px;}
.nl_addsvc_funclist .nl_addsvc_icon_btm_5 {position:absolute; left:0px; top:0px; width:88px; height:66px; background:url('/images/addservice/2018/addsvc_icon_btm.gif') no-repeat 0px -140px;}
.nl_addsvc_funclist .nl_addsvc_icon_btm_6 {position:absolute; left:0px; top:0px; width:88px; height:66px; background:url('/images/addservice/2018/addsvc_icon_btm.gif') no-repeat -100px -140px;}
.nl_addsvc_funclist2 {zoom:1}
.nl_addsvc_funclist2:after {content:""; display:block; clear:both;}
.nl_addsvc_funclist2 .nl_asfl_dl {position:relative; min-height:66px; margin-bottom:45px; padding-left:113px; padding-top:5px;}
.nl_addsvc_funclist2 .nl_addsvc_icon_btm_1 {position:absolute; left:0px; top:0px; width:88px; height:66px; background:url('/images/addservice/2018/addsvc_multiplesales_icon_btm1.gif') no-repeat;}
.nl_addsvc_funclist2 .nl_addsvc_icon_btm_2 {position:absolute; left:0px; top:0px; width:88px; height:66px; background:url('/images/addservice/2018/addsvc_multiplesales_icon_btm2.gif') no-repeat;}
.nl_addsvc_funclist2 .nl_addsvc_icon_btm_3 {position:absolute; left:0px; top:0px; width:88px; height:66px; background:url('/images/addservice/2018/addsvc_multiplesales_icon_btm3.gif') no-repeat;}
.nl_addsvc_funclist2 .nl_addsvc_icon_btm_4 {position:absolute; left:0px; top:0px; width:88px; height:66px; background:url('/images/addservice/2018/addsvc_multiplesales_icon_btm4.gif') no-repeat;}
.nl_addsvc_funclist2 .nl_addsvc_icon_btm_5 {position:absolute; left:0px; top:0px; width:88px; height:66px; background:url('/images/addservice/2018/addsvc_multiplesales_icon_btm5.gif') no-repeat;}

.nl_addsvc_steplist {zoom:1}
.nl_addsvc_steplist:after {content:""; display:block; clear:both;}
.nl_addsvc_steplist li {min-height:75px; padding-top:33px; padding-left:18px; background:url('/images/addservice/2018/addsvc_abroad_line.gif') no-repeat 0px 0px;}
.nl_addsvc_steplist li:first-child {background:none;}
.nl_addsvc_steplist.system {margin-top:-20px;}
.nl_addsvc_steplist.system li {background: url('/images/addservice/2018/addsvc_abroad_line2.gif') no-repeat;}
.nl_addsvc_steplist.system li:first-child {background:none;}
.nl_addsvc_steplist .nl_assl_dl {position:relative; margin-bottom:45px; padding-top:10px; padding-left:120px; text-align:left;}
.nl_addsvc_steplist .nl_assl_img {position:absolute; left:0px; top:0px; background:url('/images/addservice/2018/addsvc_icon_btm.gif') no-repeat 0px 0px;}

a.nl_addsvc_btn_blue,
a.nl_addsvc_btn_blue:hover {display:inline-block; position:relative; padding-left:20px; margin-right:20px; text-align:center; height:35px; line-height:35px; font-size:14px; color:#ffffff !important; background:url('/images/addservice/2018/btn.png') no-repeat 0px -450px; text-decoration:none;}
a.nl_addsvc_btn_blue .btn_blue_tail {position:absolute; right:-20px; top:0px; width:20px; height:35px; background:url('/images/addservice/2018/btn.png') no-repeat -300px -450px;}
a.nl_addsvc_btn_blue img {vertical-align:middle;}
a.nl_addsvc_btn_gray,
a.nl_addsvc_btn_gray:hover {display:inline-block; position:relative; padding-left:20px; margin-right:20px; text-align:center; height:35px; line-height:35px; font-size:14px; color:#ffffff !important; background:url('/images/addservice/2018/btn.png') no-repeat 0px -500px; text-decoration:none;}
a.nl_addsvc_btn_gray .btn_gray_tail {position:absolute; right:-20px; top:0px; width:20px; height:35px; background:url('/images/addservice/2018/btn.png') no-repeat -300px -500px;}
a.nl_addsvc_btn_gray img {vertical-align:middle;}
table.faq_table {border-bottom:1px solid #acacac}
table.faq_table th {padding:10px 20px; border-top:2px solid #919191; background-color:#f1fcfe; color:#000; font-size:15px; letter-spacing:-1px; vertical-align:middle; text-align:left;}
table.faq_table td {background-color:#fff; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; vertical-align:middle; padding:15px 20px 20px; text-align:left; font-size:14px; line-height:1.6;}
table.faq_table tr td:first-child {border-left:0px;}

/* GA4 */
.nl_addsvc_funclist_ga li dl .ga4_icon1 {position:absolute; left:0px; top:0px; width:90px; height:90px; background:url('/images/addservice/2021/google4_icon01.jpg') no-repeat 0px 0px;}
.nl_addsvc_funclist_ga li dl .ga4_icon2 {position:absolute; left:0px; top:0px; width:90px; height:90px; background:url('/images/addservice/2021/google4_icon02.jpg') no-repeat 0px 0px;}
.nl_addsvc_funclist_ga li dl .ga4_icon3 {position:absolute; left:0px; top:0px; width:90px; height:90px; background:url('/images/addservice/2021/google4_icon03.jpg') no-repeat 0px 0px;}
.nl_addsvc_funclist_ga li dl .ga4_icon4 {position:absolute; left:0px; top:0px; width:90px; height:90px; background:url('/images/addservice/2021/google4_icon04.jpg') no-repeat 0px 0px;}
.nl_addsvc_funclist_ga li dl .ga4_icon5 {position:absolute; left:0px; top:0px; width:90px; height:90px; background:url('/images/addservice/2021/google4_icon05.jpg') no-repeat 0px 0px;}
.nl_addsvc_funclist_ga li dl .ga4_icon6 {position:absolute; left:0px; top:0px; width:90px; height:90px; background:url('/images/addservice/2021/google4_icon06.jpg') no-repeat 0px 0px;}
.nl_addsvc_funclist_ga li dl .ga4_icon7 {position:absolute; left:0px; top:0px; width:90px; height:90px; background:url('/images/addservice/2021/google4_icon07.jpg') no-repeat 0px 0px;}
.nl_addsvc_funclist_ga li dl .ga4_icon8 {position:absolute; left:0px; top:0px; width:90px; height:90px; background:url('/images/addservice/2021/google4_icon08.jpg') no-repeat 0px 0px;}
.nl_addsvc_funclist_ga li dl .ga4_icon9 {position:absolute; left:0px; top:0px; width:90px; height:90px; background:url('/images/addservice/2021/google4_icon09.jpg') no-repeat 0px 0px;}

/* GA */
.nl_addsvc_funclist_ga {zoom:1;}
.nl_addsvc_funclist_ga:after {content:""; display:block; clear:both;}
.nl_addsvc_funclist_ga li {float:left; position:relative; width:100%;}
.nl_addsvc_funclist_ga li dl {padding-left:115px; text-align:left; margin-bottom:30px;}
.nl_addsvc_funclist_ga li dl .ga1_img_menu {position:absolute; left:0px; top:0px; width:88px; height:66px; background:url('/images/addservice/2018/addsvc_googleanalytics_icon_btm1.gif') no-repeat 0px 0px;}
.nl_addsvc_funclist_ga li dl .ga2_img_menu {position:absolute; left:0px; top:0px; width:88px; height:66px; background:url('/images/addservice/2018/addsvc_googleanalytics_icon_btm2.gif') no-repeat 0px 0px;}
.nl_addsvc_funclist_ga li dl .ga3_img_menu {position:absolute; left:0px; top:0px; width:88px; height:66px; background:url('/images/addservice/2018/addsvc_googleanalytics_icon_btm3.gif') no-repeat 0px 0px;}

table.introduce_table {border-top:2px solid #919191; border-bottom:1px solid #acacac}
table.introduce_table th {height:26px; padding:10px 2px; border-left:1px solid #e0e0e0; background-color:#f3f3f3; font-size:14px; color:#454545; vertical-align:middle;}
table.introduce_table th:first-child {border-left:0px solid #e0e0e0;}
table.introduce_table th.lineth {border:0 solid #e0e0e0;}
table.introduce_table th.subth {background-color:#fbfbfb; color:#666; border-top:1px solid #e0e0e0; text-align:center;}
table.introduce_table th.colspan_sub {border-left:1px solid #e0e0e0 !important;}
table.introduce_table td {padding:10px 10px; background-color:#fff; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; vertical-align:middle; font-size:14px; }
table.introduce_table td, table.introduce_table td p {}
table.introduce_table td.colspan_sub {border-left:1px solid #e0e0e0 !important;}
table.introduce_table tr td:first-child {border-left:0px;}
table.introduce_table .chk_off {display:inline-block; width:15px; height:12px; background:url('/images/addservice/2018/element.png') no-repeat -100px -0px; overflow:hidden; text-indent:-1000px;}
table.introduce_table .chk_on {display:inline-block; width:15px; height:12px; background:url('/images/addservice/2018/element.png') no-repeat -100px -30px; overflow:hidden; text-indent:-1000px;}
table.introduce_table .chk_on_adva {display:inline-block; width:15px; height:12px; background:url('/images/addservice/2018/element.png') no-repeat -100px -30px; overflow:hidden; text-indent:-1000px;}
table.introduce_table .chk_on_expa {display:inline-block; width:15px; height:12px; background:url('/images/addservice/2018/element.png') no-repeat -100px -45px; overflow:hidden; text-indent:-1000px;}
table.introduce_table .chk_on_prem {display:inline-block; width:15px; height:12px; background:url('/images/addservice/2018/element.png') no-repeat -100px -15px; overflow:hidden; text-indent:-1000px;}
table.introduce_table .chk_on_free {display:inline-block; width:15px; height:12px; background:url('/images/addservice/2018/element.png') no-repeat -100px -60px; overflow:hidden; text-indent:-1000px;}
table.introduce_table .chk_on_stor {display:inline-block; width:15px; height:12px; background:url('/images/addservice/2018/element.png') no-repeat -100px -75px; overflow:hidden; text-indent:-1000px;}
table.introduce_table tbody.tbody_adva .subtd_top	{border-left:3px solid #52a6a5; border-right:3px solid #52a6a5; border-top:3px solid #52a6a5; border-bottom:1px solid #e0e0e0;}
table.introduce_table tbody.tbody_adva .subtd_middle {border-left:3px solid #52a6a5; border-right:3px solid #52a6a5; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
table.introduce_table tbody.tbody_adva .subtd_bottom {border-left:3px solid #52a6a5; border-right:3px solid #52a6a5; border-top:1px solid #e0e0e0; border-bottom:3px solid #52a6a5}
table.introduce_table tbody.tbody_expa .subtd_top	{border-left:3px solid #9b4bc9; border-right:3px solid #9b4bc9; border-top:3px solid #9b4bc9; border-bottom:1px solid #e0e0e0;}
table.introduce_table tbody.tbody_expa .subtd_middle {border-left:3px solid #9b4bc9; border-right:3px solid #9b4bc9; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
table.introduce_table tbody.tbody_expa .subtd_bottom {border-left:3px solid #9b4bc9; border-right:3px solid #9b4bc9; border-top:1px solid #e0e0e0; border-bottom:3px solid #9b4bc9}
table.introduce_table tbody.tbody_prem .subtd_top	{border-left:3px solid #218dd9; border-right:3px solid #218dd9; border-top:3px solid #218dd9; border-bottom:1px solid #e0e0e0;}
table.introduce_table tbody.tbody_prem .subtd_middle {border-left:3px solid #218dd9; border-right:3px solid #218dd9; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
table.introduce_table tbody.tbody_prem .subtd_bottom {border-left:3px solid #218dd9; border-right:3px solid #218dd9; border-top:1px solid #e0e0e0; border-bottom:3px solid #218dd9}
table.introduce_table tbody.tbody_free .subtd_top	{border-left:3px solid #eeae00; border-right:3px solid #eeae00; border-top:3px solid #eeae00; border-bottom:1px solid #e0e0e0;}
table.introduce_table tbody.tbody_free .subtd_middle {border-left:3px solid #eeae00; border-right:3px solid #eeae00; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
table.introduce_table tbody.tbody_free .subtd_bottom {border-left:3px solid #eeae00; border-right:3px solid #eeae00; border-top:1px solid #e0e0e0; border-bottom:3px solid #eeae00}
table.introduce_table tbody.tbody_stor .subtd_top	{border-left:3px solid #cf0e0a; border-right:3px solid #cf0e0a; border-top:3px solid #cf0e0a; border-bottom:1px solid #e0e0e0;}
table.introduce_table tbody.tbody_stor .subtd_middle {border-left:3px solid #cf0e0a; border-right:3px solid #cf0e0a; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
table.introduce_table tbody.tbody_stor .subtd_bottom {border-left:3px solid #cf0e0a; border-right:3px solid #cf0e0a; border-top:1px solid #e0e0e0; border-bottom:3px solid #cf0e0a}
table.introduce_table th.imp_border_left,
table.introduce_table td.imp_border_left {border-left:2px solid #008cdf !important}
table.introduce_table th.imp_border_right,
table.introduce_table td.imp_border_right {border-right:2px solid #008cdf !important}
table.introduce_table th.imp_border_top,
table.introduce_table td.imp_border_top {border-top:2px solid #008cdf !important}
table.introduce_table th.imp_border_bottom,
table.introduce_table td.imp_border_bottom {border-bottom:2px solid #008cdf !important}
table.introduce_table2 {border-bottom:1px solid #acacac}
table.introduce_table2 th {height:26px; padding:5px 2px 5px 20px; text-align:left; border-top:2px solid #919191; background-color:#f1fcfd; color:#666; font-size:15px; vertical-align:middle; font-weight:bold; letter-spacing:-1px}
table.introduce_table2 td {padding:20px; line-height:23px; font-size:13px; background-color:#fff; color:#666; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; vertical-align:middle}
table.introduce_table2 tr td:first-child {border-left:0px;}

/* 부가서비스 - 아이퀘스트 */
.service_wrap .addservice {width:790px; margin:0 auto; font-size:14px; line-height:1.6; /*text-align:center;*/}
.service_wrap .addservice .tit_line {/*margin:0 auto;*/}
.service_wrap .addservice h3 {padding:30px 0 17px;}
.service_wrap .addservice h4 {position:relative; margin:70px 0 20px; padding-top:20px; font-size:19px; font-weight:bold; color:#333;}
.service_wrap .addservice h4 .desc {position:absolute; bottom:-5px; right:0; font-size:14px; font-weight:400; color:#888;}
.service_wrap .addservice h4 a.more {position:absolute; bottom:-5px; right:0; font-size:14px; font-weight:400; color:#666;}
.service_wrap .addservice h4 a.more em {font-family:'Dotum', sans-serif; font-weight:500;}
.service_wrap .addservice h4:before {display:block; content:''; position:absolute; top:0; left:0; margin-left:0; width:35px; height:2px; background:#018cdf;}
.service_wrap .addservice h5 {padding-bottom:5px; font-size:17px; color:#333;}

.addservice .table_row {width:100%; border-top:1px solid #919191;}
.addservice .table_row th {height:40px; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; background-color:#fbfbfb; text-align:center; font-size:14px; font-weight:500; color:#333; line-height:1.8;}
.addservice .table_row thead th {font-size:14px; font-weight:500; color:#333;}
.addservice .table_row.iquest thead th {color:#006ac3;}
.addservice .table_row th:first-child {border-left:none;}
.addservice .table_row td {border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:10px 20px; text-align:center; font-size:14px; color:#666; line-height:1.8;}
.addservice .table_row td.th {color:#333;}
.addservice .table_row td.recom, .addservice .table_row td.serv {vertical-align:top; text-align:left;}
.addservice .table_row td.serv li {float:left; width:50%;}
.addservice .table_col {width:100%; border-top:1px solid #919191;;}
.addservice .table_col th {height:40px; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; background-color:#fbfbfb; text-align:center; font-size:14px; font-weight:500; color:#333; line-height:1.8;}
.addservice .table_col td {border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:10px; text-align:center; font-size:14px; color:#666; line-height:1.8;}
.addservice .table_col th:first-child, .addservice .table_col td:first-child {border-left:none;}
.addservice .table_col th.l_line {border-left:1px solid #e0e0e0;}

.addservice .sub_img {padding-bottom:10px;}
.addservice .sub_img li {clear:both; padding-top:20px; font-size:14px; color:#6c6c6c; line-height:1.6;}
.addservice .sub_img li:first-child {padding-top:0;}
.addservice .sub_img li .img {float:left; width:75px; margin-right:30px; vertical-align:bottom; text-align:center;}
.addservice .sub_img li h5 {padding-top:5px; color:#666;}

/* 오픈마켓 연동 */
.addservice .banner {padding:0 0 20px; text-align:center;}
.addservice .event01 {width:790px; margin:0 auto; padding-top:40px;}
.addservice .event01 .event01_ani {position:relative; height:812px; background:url('/images/addservice/2022/interlock_img1.png') no-repeat;}
.addservice .event01 .event01_ani .left_txt {position:absolute; top:292px; left:50%; margin-left:-280px; width:40px; height:75px; background:url('/images/addservice/2018/event01_left_txt.png') no-repeat; opacity:0; animation:left_txt 1s linear 3s forwards;}
.addservice .event01 .event01_ani .left_1 {position:absolute; bottom:396px; right:50%; margin-right:140px; background:url('/images/addservice/2018/event01_left_1.png') no-repeat; animation:left_1 3s ease 0s forwards;}
.addservice .event01 .event01_ani .left_2 {position:absolute; top:292px; left:50%; margin-left:-202px; background:url('/images/addservice/2018/event01_left_2.png') no-repeat; animation:left_2 3s ease 4s forwards;}
.addservice .event01 .event01_ani .left_3 {position:absolute; bottom:396px; right:50%; margin-right:85px; background:url('/images/addservice/2018/event01_left_3.png') no-repeat; animation:left_3 3s ease 8s forwards;}
@keyframes left_txt {
	from {opacity:0;}
	to {opacity:1;}
}
@keyframes left_1 {
	from {width:0; height:0;}
	to {width:90px; height:121px;}
}
@keyframes left_2 {
	from {width:0; height:0;}
	to {width:90px; height:121px;}
}
@keyframes left_3 {
	from {width:0; height:0;}
	to {width:90px; height:121px;}
}
.addservice .event01 .event01_ani .center_txt {position:absolute; top:292px; left:50%; margin-left:-10px; width:40px; height:121px; background:url('/images/addservice/2018/event01_center_txt.png') no-repeat; opacity:0; animation:center_txt 1s linear 7s forwards;}
.addservice .event01 .event01_ani .center_1 {position:absolute; bottom:396px; left:50%; margin-left:-60px; width:10px; background:url('/images/addservice/2018/event01_center_1.png') no-repeat;  animation:center_1 3s ease 0s forwards;}
.addservice .event01 .event01_ani .center_2 {position:absolute; top:292px; right:50%; margin-right:20px; width:10px; background:url('/images/addservice/2018/event01_center_2.png') no-repeat; animation:center_2 3s ease 4s forwards;}
.addservice .event01 .event01_ani .center_3 {position:absolute; bottom:396px; left:50%; margin-left:50px; width:10px; background:url('/images/addservice/2018/event01_center_3.png') no-repeat; animation:center_3 3s ease 8s forwards;}
@keyframes center_txt {
	from {opacity:0;}
	to {opacity:1;}
}
@keyframes center_1 {
	from {height:0;}
	to {height:121px;}
}
@keyframes center_2 {
	from {height:0;}
	to {height:121px;}
}
@keyframes center_3 {
	from {height:0;}
	to {height:121px;}
}
.addservice .event01 .event01_ani .right_txt {position:absolute; top:292px; right:50%; margin-right:-280px; width:40px; height:121px; background:url('/images/addservice/2018/event01_right_txt.png') no-repeat; opacity:0; animation:right_txt 1s linear 12s forwards;}
.addservice .event01 .event01_ani .right_1 {position:absolute; bottom:396px; left:50%;  width:90px; background:url('/images/addservice/2018/event01_right_1.png') no-repeat; animation:right_1 3s ease 0s forwards;}
.addservice .event01 .event01_ani .right_2 {position:absolute; top:292px; right:50%; margin-right:-200px; width:90px; background:url('/images/addservice/2018/event01_right_2.png') no-repeat; animation:right_2 3s ease 4s forwards;}
.addservice .event01 .event01_ani .right_3 {position:absolute; bottom:396px; left:50%;  width:90px; background:url('/images/addservice/2018/event01_right_3.png') no-repeat; animation:right_3 3s ease 8s forwards;}
@keyframes right_txt {
	from {opacity:0;}
	to {opacity:1;}
}
@keyframes right_1 {
	from {margin-left:0; height:0;}
	to {margin-left:85px; height:121px;}
}
@keyframes right_2 {
	from {height:0;}
	to {height:121px;}
}
@keyframes right_3 {
	from {margin-left:50px; height:0;}
	to {margin-left:140px; height:121px;}
}
.addservice .event01 .event01_ani .rotation {position:absolute; bottom:227px; left:50%; margin-left:-49px; width:98px; height:91px; background:url('/images/addservice/2018/event01_rotation.png') no-repeat; animation:rotation 3s linear infinite;}
@keyframes rotation {
	from {transform:rotate(0);}
	to {transform:rotate(360deg);}
}

.addservice a.link {display:inline-block; border-bottom:1px solid #3e90ff; color:#3e90ff; text-decoration:none; transition:all linear 0.5s;}
.addservice a.link:hover {border-bottom:1px solid #8aabcc; color:#3276b0; text-decoration:none;}
.addservice a.link span {font-family:'dotum', sans-serif !important;}
.addservice .event01 p {padding-top:20px; text-align:center; font-size:14px; color:#018cdf;}
.addservice .tit_line {width:35px; border-top:2px solid #018cdf;}
.addservice .tit_bold {font-size:19px; font-weight:700; color:#555;}
.addservice .sub_desc {/*display:inline-block;*/ padding-top:10px; font-size:15px; color:#000;  line-height:1.6;}
.addservice .sub_table_l {border-top:1px solid #919191; border-bottom:0 solid #919191; margin:10px 0 6px 0}
.addservice .sub_table_l th	{border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding-left:0; height:34px; background-color:#fbfbfb; text-align:center; font-size:14px; font-weight: 500; color:#333;}
.addservice .sub_table_l td	{border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:10px 0 10px 10px; text-align:left; font-size:14px; color:#666; line-height:1.4;}
.addservice .sub_table_l .lf {border-bottom:0px }
.addservice .sub_table_l .lfr {border-right:0px }
.addservice .sub_table_l .cntr {text-align:center }
.addservice .event02_1 .faq_list {border-bottom:1px solid #ddd; background:#fff }
.addservice .event02_1 .faq_list dt {border:1px solid #ddd; border-bottom:none; background:url('/images/addservice/2018/down_icon.png') no-repeat right 53%; padding:15px 15px; text-align:left; font-size:14px; color:#333; cursor:pointer; line-height:20px;}
.addservice .event02_1 .faq_list dt.active {background:url('/images/addservice/2018/up_icon.png') no-repeat right 50%;}
.addservice .event02_1 .faq_list dd {display:none; border:1px solid #ddd; border-bottom:none; background:#f6f7f9; padding:15px 15px; text-align:left; font-size:14px; color:#666; line-height:1.6;}
.addservice .event02_1 .faq_list dt .icon_q {background:url('/images/addservice/2018/q_icon.png') no-repeat left 3px; padding-left:25px; padding-right:25px; color:#333;}
.addservice .event02_1 .faq_list dd .icon_a {background:url('/images/addservice/2018/a_icon.png') no-repeat left 3px; padding-left:25px; color:#666;}
.addservice .event02_1 .faq_list dd a:hover {text-decoration:underline;}
.addservice .event02_1 .faq_list dd a.link {display:inline-block; border-bottom:1px solid #3e90ff; padding-bottom:2px; font-size:14px; color:#3e90ff; text-decoration:none; -webkit-transition:all linear 0.5s; -moz-transition:all linear 0.5s; transition:all linear 0.5s;}
.addservice .event02_1 .faq_list dd a.link:hover {border-bottom:1px solid #8aabcc; color:#3276b0; text-decoration:none;}
.addservice .event02_1 .faq_list dd a.link span {font-family:'dotum', sans-serif !important;}
.addservice table.sub_table {margin-bottom:15px; width:100%; table-layout:fixed; border-collapse:collapse; border-top:1px solid #c0c0c0; border-bottom:1px solid #d0d0d0;}
.addservice table.sub_table > thead > tr > th {height:90px; border-bottom:1px solid #d0d0d0; border-left:1px solid #e0e0e0; background:#f7fbfd; padding:5px 20px; font-size:17px; font-weight:600; color:#333; line-height:1.8;}
.addservice table.sub_table > thead > tr > th img {vertical-align:bottom;}
.addservice table.sub_table > thead > tr > th:first-child {border-left:0; background:#fbfbfb;}
.addservice table.sub_table > thead > tr > th .normal {font-size:14px; font-weight:normal; color:#888;}
.addservice table.sub_table > tbody > tr > th {height:70px; border-top:1px solid #e0e0e0; background:#fbfbfb; padding:5px 20px; text-align:left; font-size:14px; font-weight:500;}
.addservice table.sub_table > tbody > tr > td {border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; padding:5px 20px; text-align:left; font-size:14px; color:#666; line-height:1.6;}
.addservice table.sub_table > tbody > tr > td.list {padding:10px 20px;}
.addservice table.sub_table > tbody > tr > td strong.blue {font-size:14px;}
.addservice table.sub_table > tbody > tr > td p {padding-top:5px; font-size:14px; font-weight:normal; color:#888; line-height:1.6;}
.addservice table.sub_table > tbody > tr > td a.link {display:inline-block; border-bottom:1px solid #3e90ff; color:#3e90ff; text-decoration:none; -webkit-transition:all linear 0.5s; -moz-transition:all linear 0.5s; transition:all linear 0.5s;}
.addservice table.sub_table > tbody > tr > td a.link:hover {border-bottom:1px solid #8aabcc; color:#3276b0; text-decoration:none;}
.addservice table.sub_table > tbody > tr > td a.link span {font-family:'dotum', sans-serif !important;}
.addservice .sub_add {font-size:14px; color:#666; line-height:1.6;}
.addservice .sub_add a.shoplinker {display:inline-block; margin-left:10px; border:1px solid #ccc; background:#fff; padding:5px 8px 5px 10px; color:#999; text-decoration:none; -webkit-transition:all linear 0.5s; -moz-transition:all linear 0.5s; transition:all linear 0.5s;}
.addservice .sub_add a.shoplinker:hover {border:1px solid #666; background:#fafafa; color:#333; text-decoration:none;}
.addservice .sub_add a.shoplinker span {font-family:'dotum', sans-serif !important;}
.addservice .sub_use .desc { font-size:14px; color:#888;}
.addservice .sub_use .img {margin:10px 0; }
.addservice .sub_use h4 {font-size:17px; font-weight:600; color:#333;}
.addservice .sub_use ol {margin:10px 0 30px;}
.addservice .sub_use li {font-size:14px; color:#666; line-height:1.8;}
.addservice .sub_use li p {padding-left:15px; font-size:14px; color:#888; line-height:1.6;}
.addservice .sub_use li a.link {display:inline-block; border-bottom:1px solid #3e90ff; color:#3e90ff; text-decoration:none; -webkit-transition:all linear 0.5s; -moz-transition:all linear 0.5s; transition:all linear 0.5s;}
.addservice .sub_use li a.link:hover {border-bottom:1px solid #8aabcc; color:#3276b0; text-decoration:none;}
.addservice .sub_use li a.link span {font-family:'dotum', sans-serif !important;}
.addservice .event01 .event01_ani2 {display:none;}
@media (min-width:0) and (max-width:768px) {
	.addservice .event01 {width:100%;}
	.addservice .event01 .event01_ani {display:none;}
	.addservice .event01 .event01_ani2 {display:block;}
	.addservice .open_img td {float:left; width:100%;}
}

/* 웹쉘 탐지 */
.webshell_support:after {display:block; content:''; clear:both;}
.webshell_support > li {float:left; padding-top:30px; text-align:center; font-size:15px; color:#6c6c6c; line-height:1.4;}
.webshell_support > li p {padding:10px 10px 0;}
.webshell_support.x2 > li {width:50%;}
.webshell_support.x3 > li {width:33.33%;}
.webshell_support.x3 .icon {display:inline-block; width:161px; height:161px; background-size:cover;}
.webshell_support.x3 .i_11 {background:url('/images/addservice/2021/webshell_img01_1.jpg') no-repeat center;}
.webshell_support.x3 .i_12 {background:url('/images/addservice/2021/webshell_img01_2.jpg') no-repeat center;}
.webshell_support.x3 .i_13 {background:url('/images/addservice/2021/webshell_img01_3.jpg') no-repeat center;}
.webshell_support.x3 .i_21 {background:url('/images/addservice/2021/webshell_img02_1.jpg') no-repeat center;}
.webshell_support.x3 .i_22 {background:url('/images/addservice/2021/webshell_img02_2.jpg') no-repeat center;}
.webshell_support.x3 .i_23 {background:url('/images/addservice/2021/webshell_img02_3.jpg') no-repeat center;}
.webshell_support.x4 > li {width:25%;}
.webshell_support.x4 .icon1 {display:inline-block; width:75px; height:75px; background:url('/images/addservice/2021/webshell_img04.jpg') no-repeat center; background-size:cover;}
.webshell_support.x4 .icon2 {display:inline-block; width:75px; height:75px; background:url('/images/addservice/2021/webshell_img05.jpg') no-repeat center; background-size:cover;}
.webshell_support.x4 .icon3 {display:inline-block; width:75px; height:75px; background:url('/images/addservice/2021/webshell_img06.jpg') no-repeat center; background-size:cover;}
.webshell_support.x4 .icon4 {display:inline-block; width:75px; height:75px; background:url('/images/addservice/2021/webshell_img07.jpg') no-repeat center; background-size:cover;}
.webshell_list {margin-top:5px; font-size:15px; color:#6c6c6c;}
.webshell_list > li {display:block; float:none; width:100%; text-align:left; padding-left:10px; text-indent:-10px; font-size:15px; color:#6c6c6c;}
@media (min-width:0) and (max-width:768px) {	
	.webshell_support.x3 > li {width:50%;}	
}
@media (min-width:0) and (max-width:500px) {
	.webshell_support > li p {padding-left:5px; padding-right:5px;}
	.webshell_support.x3 .icon {width:140px; height:140px; background-size:cover;}
	.webshell_support.x4 li {width:50%;}	
}

/* 웹방화벽 */
.webshell_list.firewall > li {position:relative; text-indent:0;}
.webshell_list.firewall > li:before {display:block; content:''; position:absolute; top:9px; left:0; width:3px; height:3px; border-radius:50%; background:#6c6c6c;}
.firewall_list > li {/*display:inline-block;*/ background:url('/images/addservice/2022/webfirewall_icon.jpg') no-repeat 0 10px; padding-left:15px; padding-right:20px; font-size:17px; color:#006ac3; letter-spacing:-0.5px;}
.firewall_list2 {margin:0 -20px -20px -20px; border-spacing:20px;}
.firewall_list2 > li {display:table-cell; vertical-align:top; width:50%; border:1px solid #f0f0f0; background:#f8f8f8; padding:30px 20px; text-align:center;}
.firewall_list2 .stit {font-size:17px; font-weight:600;}
.firewall_list2 .slist {margin-top:10px;}
.firewall_list2 .slist > li {position:relative; padding-top:10px; padding-left:8px; text-align:left; font-size:15px; color:#6c6c6c; line-height:1.4;}
.firewall_list2 .slist > li:before {display:block; content:''; position:absolute; top:19px; left:0; width:3px; height:3px; border-radius:50%; background:#6c6c6c;}
.firewall_list2 .slist > li > p {padding-top:5px; padding-left:10px; text-indent:-10px;}
@media (min-width:0) and (max-width:500px) {
	.firewall_list2 {margin:20px 0 0 0;}
	.firewall_list2 > li {display:block; width:100%; margin-top:10px;}
}

#counsel {padding:0 20px 13px 20px; font-size:14px; color:#444;}
#counsel table {width:100%; border-bottom:1px solid #d2d2d2;}
#counsel table th {height:40px; border-top:1px solid #d2d2d2; background-color:#f1f1f1; text-align:left; padding-left:12px; font-size:14px; color:#444;}
#counsel table td {border-top:1px solid #d2d2d2; padding:5px 0 5px 11px; font-size:14px; color:#444;}
#counsel .txt_input {width:50%; height:24px; border:1px solid #cccccc}
#counsel .txt_input2 {width:100%; height:92px; border:1px solid #cccccc}
#counsel .counsel_top {padding-bottom:5px;}
#counsel .counsel_bottom {margin-top:9px; position:relative}
#counsel .counsel_bottom img {margin:auto; }
#counsel .counsel_bottom span {position:absolute; right:0; font-size:14px; color:#218dd9}
#counsel .submit_btn,
#privacy_con .submit_btn {width:126px; height:45px; margin:20px auto 0; background-color:#0077cb; padding-top:10px; text-align:center; color:#ffffff; cursor:pointer;}
#privacy_con {padding:20px}
#privacy_con .privacy_list li {padding:0 0 5px 12px; text-indent:-11px;}
#privacy_con .privacy_list .tit {color:#2171CA;}

/* 마케팅 배너 */
.market_banner {background:#fff;}
.market_banner dd a {color:#444;}
.market_banner dd a:hover {text-decoration:underline;}
.marketing_guide {margin-top:30px; border:1px solid #e7e7e7; padding:25px;; overflow:hidden;}
.marketing_guide .sub:first-child {float:left; width:40%; background:url('/images/addservice/2018/marketing_guide01.png') no-repeat left center;}
.marketing_guide .sub:first-child ul {padding-left:90px;}
.marketing_guide .sub {float:right; width:60%; background:url('/images/addservice/2018/marketing_guide02.png') no-repeat left center;}
.marketing_guide .sub ul {padding-left:120px;}
.marketing_guide .sub .title {font-size:16px; color:#000;}
.marketing_guide .sub li {text-align:left; font-size:14px; line-height:1.8;}
.marketing_guide .sub li a {color:#008cdf;}
.marketing_guide .sub li a.link {color:#666;}
.marketing_guide .sub li a:hover {text-decoration:underline;}
@media (min-width:0) and (max-width:768px) {
	.marketing_guide .sub:first-child,
	.marketing_guide .sub {width:100%;}
	.marketing_guide .sub {background-position:-30px center;}
	.marketing_guide .sub ul {padding-left:90px; padding-top:20px;}
}

/*PG �Ұ����̺�*/
.pgt tr td {}
.t_head {border-right: 2px #63b481 solid; font-size:12px; color:#666;}
.t_body {border-right: 2px #63b481 solid; }
.t_head tr th {padding-left:12px;  
 border-bottom:1px #d4d9d1 solid; }
.t_body tr th {border-bottom:1px #e7e7e7 solid; padding-left:12px; background-color:#f5f5f5; font-size:12px; color:#3d3d3d; font-weight:normal; line-height:1.4;}
.t_body tr td {border-bottom:1px #e7e7e7 solid; padding-left:12px; font-size:12px; color:#666; line-height:1.4;}
.t_body tr {border-bottom:1px #e7e7e7 solid;}

/*�������� ���̺�*/
.t_t_head {border-top: 2px #63b481 solid; font-size:12px; color:#666;}
.t_t_body {border-bottom: 2px #63b481 solid; }
.t_t_head tr th {padding-left:12px; 
 border-bottom:1px #d4d9d1 solid; }
.t_t_body tr th {font-size:12px; color:#3d3d3d; font-weight:normal; padding-left:12px; background-color:#f5f5f5; border-bottom:1px #e7e7e7 solid;}
.t_t_body tr td {padding-left:12px; border-bottom:1px #e7e7e7 solid; font-size:11px; color:#666;}
.t_t_body tr {border-bottom:1px #e7e7e7 solid;}

.service_wrap > .left_nav {}
.service_wrap > .left_nav h3.tit {display:none;}
.service_wrap > .left_nav h4.tit {position:relative; cursor:pointer;}
.service_wrap > .left_nav h4.tit:after {display:block; content:''; position:absolute; top:17px; right:15px; width:10px; height:6px; background:url('/images/common/icon_list.png') no-repeat right -295px;}
.service_wrap > .left_nav h4.tit.active:after {background:url('/images/common/icon_list.png') no-repeat right -277px;}
.service_wrap > .left_nav h4.tit.none:after {background:none;}
.service_wrap > .left_nav ul > li {position:relative; transition:all ease-in-out 0.3s;}	
.service_wrap > .left_nav ul.sub {border-top:1px solid #e1e1e1; padding:15px 20px 20px 20px;}
.service_wrap > .left_nav ul.sub > li,
.service_wrap > .left_nav ul.sub > li a {display:block; font-size:14px; color:#000; line-height:2.0;}	
.service_wrap > .left_nav ul.sub > li > h5 {display:block; font-size:14px; color:#69696a; line-height:2.0;}
.service_wrap > .left_nav ul.subsub {display:none; position:absolute; top:-12px; left:100px; width:150px; border:1px solid #d0d0d0; background:#fff; padding:10px 15px; z-index:1;}
.service_wrap > .left_nav ul.subsub > li,
.service_wrap > .left_nav ul.subsub > li a {display:block; font-size:13px; color:#69696a; line-height:2.0;}
.service_wrap > .left_nav ul > li.current {background:#65b4f4; margin:0 -5px;}
.service_wrap > .left_nav ul > li.current a {padding-left:10px; color:#fff;}
/*.service_wrap .addservice {background:#eeee;}*/
@media (min-width:0) and (max-width:1024px) {
	.service_wrap .addservice {width:100%; padding-top:0;}
	.service_wrap .addservice img {/*width:100%;*/}
}
@media only screen and (min-width:769px) {
	.service_wrap > .left_nav .left_wrap {display:block !important; border-bottom:1px solid #ccc;}
}
@media (min-width:0) and (max-width:768px) {
	#subtop.addservice {/*height:200px;*/}
	.service_wrap > .left_nav {margin-top:-109px; padding-bottom:50px;}
	.service_wrap > .left_nav h3.tit {display:block; position:relative; border:1px solid #61a0d7; border-bottom:0; padding-bottom:0; line-height:47px; text-align:center; font-size:15px; font-weight:normal; color:#fff; cursor:pointer;}
	.service_wrap > .left_nav .left_wrap {display:none; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}	
	.service_wrap > .left_nav .market_banner {display:none; margin-top:20px;}
}
@media (min-width:0) and (max-width:375px) {
	.service_wrap > .left_nav .market_banner img {max-width:100%;}
}

.service_wrap .btn_blue.small, 
.service_wrap .btn_black.small, 
.service_wrap .btn_white.small {margin:5px 0; min-width:auto; height:auto; line-height:1.4; padding:5px 15px; font-size:14px; text-decoration:none;}
.service_wrap .btn_blue.medium, 
.service_wrap .btn_black.medium, 
.service_wrap .btn_white.medium {margin:5px 0; min-width:auto !important; height:auto !important; line-height:1.4 !important; padding:10px 25px; font-size:16px !important; text-decoration:none;}
@media (min-width:0) and (max-width:375px) {
	.service_wrap .btn_blue.medium,
	.service_wrap .btn_white.medium {width:100% !important;}
}
.service_wrap .pg_btn {text-align:center;}
/*.service_wrap .pg_btn .btn_blue.medium,
.service_wrap .pg_btn .btn_black.medium,
.service_wrap .pg_btn .btn_white.medium {margin:5px auto;}*/
.img_guide li {display:inline-block;}

/* 이벤트 배너 */
.event_banner {margin-bottom:70px; border:2px solid #2886ca; background:url('/images/addservice/2019/event_banner.png') right top  no-repeat; padding:20px 30px;}
.event_banner .tit {float:left; width:20%;}
.event_banner .tit li {font-size:16px; font-weight:600; color:#2286eb;}
.event_banner .tit li.fx24 {font-size:24px; font-weight:normal;}
.event_banner .txt {float:left; width:80%;}
.event_banner .txt li {position:relative; padding-left:10px; font-size:18px; color:#333; line-height:1.8;}
.event_banner .txt li:before {display:block; content:''; position:absolute; top:16px; left:0; width:3px; height:3px; background:url('/images/common/icon_list.png') no-repeat 0 -109px;}
.event_banner .txt li strong {font-weight:400; color:#006ac2;}
.event_banner .txt .desc {padding:0 0 0 10px; font-size:15px; font-weight:400; color:#888;}	
.event_banner .txt .desc:before {background:none;}
.event_banner .txt a.link {border-bottom:1px solid #006ac2; font-size:14px; font-weight:400; color:#006ac2;}
.event_banner .txt .info {display:inline-block; vertical-align:middle; width:16px; height:16px; margin:0 0 3px 5px; background:url('/images/common/icon_list.png') no-repeat 0 -150px; text-indent:-9999px; cursor:pointer;}
@media (min-width:0) and (max-width:640px) {
	.event_banner {padding:20px;}
	.event_banner .tit, .event_banner .txt {width:100%;}
	.event_banner .tit li {display:inline-block;}
	.event_banner .txt li {padding-bottom:5px; line-height:1.4;}
	.event_banner .txt li:before {top:12px;}
}

/* 이벤트 배너2 */
.service_wrap .addservice .event_banner2 {overflow:hidden;}
.service_wrap .addservice .event_banner2 img {width:auto; max-width:140%;}

/* 운영지원 배너*/	
.add_banner {margin-bottom:30px;}
.add_banner .img_group {display:block;}
.add_banner .txt_group {display:none;}
@media (min-width:0) and (max-width:1024px) {
	.add_banner img {width:auto !important;}
}
@media (min-width:0) and (max-width:640px) {
	.add_banner {height:150px; background-size:cover; background-position:200px center !important;}
	.add_banner .img_group {display:none;}
	.add_banner .txt_group {display:block; background:rgba(255,255,255,0.3); padding:30px; text-align:left;}
	.add_banner .txt_group:hover {background-color:rgba(255,255,255,0.5);}
	.add_banner .txt_group .stit {margin-bottom:10px; font-size:24px; color:#333; line-height:1.2; text-shadow:5px 5px 5px #fff;}
	.add_banner .txt_group .stxt {font-size:14px; color:#666; line-height:1.2; text-shadow:5px 5px 5px #fff;}
}

/* 간편결제 이벤트 배너 */
.simplepay_banner {position:relative; margin-top:-60px; margin-bottom:70px; overflow:hidden;}
.simplepay_banner .click {position:absolute; top:59%; left:3%; right:16%;}
.simplepay_banner .click li {float:left; width:33.33%;}
.simplepay_banner .click li a {display:block; height:40px; line-height:40px; border:0 solid #000; text-align:center; text-indent:-9999px;}

/* 네이버페이 */
.sub_pa {padding:10px 0 30px !important;}
.sub_pa .img {display:inline-block;}
.sub_pa .img + .img {margin-left:40px;}
.sub_pa .img p {padding-top:8px; text-align:center; font-size:14px; color:#333;}
.sub_desc2 {display:inline-block; width:calc(100% - 110px); padding-left:20px;}
.sub_table_wrap table {width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.sub_table_wrap th {border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f6f6f6; padding:10px 10px; text-align:center; font-family:"Noto Sans KR", sans-serif; font-size:14px; font-weight:500; color:#111; letter-spacing:-1px; line-height:1.6;}
.sub_table_wrap tbody th {padding:15px 20px; text-align:left;}
.sub_table_wrap td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#fff; padding:15px 10px; text-align:left; font-family:"Noto Sans KR", sans-serif; font-size:14px; font-weight:500; color:#222; letter-spacing:-1px; line-height:1.6;}
.sub_table_wrap td p {font-size:13px; font-weight:400; color:#666; letter-spacing:-1px; line-height:1.6;}
.sub_tab .tab, .sub_tab2 .tab {padding:10px 0 30px;}
.sub_tab .tab > li, .sub_tab2 .tab > li {display:inline-block; width:160px; margin-right:8px;}
.sub_tab .tab > li span, .sub_tab2 .tab > li span {display:block; height:40px; line-height:40px; border-radius:50px; background:#f5f5f5; text-align:center;  font-size:16px; color:#6c6c6c; cursor:pointer;}
.sub_tab .tab > li.active span, .sub_tab2 .tab > li.active span {background:#777; font-weight:500; color:#fff;}
.sub_tab3 .tabs {padding:0 0 30px;}
.sub_tab3 .tabs > li {display:inline-block; width:calc(50% - 1px); overflow:hidden;}
.sub_tab3 .tabs > li:nth-child(2) {margin-left:-3px;}
.sub_tab3 .tabs > li span {display:block; height:50px; line-height:50px; border-radius:0; border:1px solid #ccc; border-bottom:1px solid #7d7d7d; background:#f7f7f7; text-align:center; font-size:15px; color:#999; cursor:pointer;}
.sub_tab3 .tabs > li.active span {border:1px solid #7d7d7d; border-bottom:1px solid #fff; background:#fff; color:#111;}
@media (min-width:0) and (max-width:920px) {
	.sub_pa .img {width:calc(50% - 13px); vertical-align:top;}
	.sub_pa .img + .img {margin-left:20px;}
}
@media (min-width:0) and (max-width:640px) {
	.sub_table_wrap colgroup col:nth-child(1),
	.sub_table_wrap thead th:nth-child(1),
	.sub_table_wrap tbody th {display:none;}
}
@media (min-width:0) and (max-width:460px) {	
	.sub_table_wrap td img {max-width:100%;}
}
@media (min-width:0) and (max-width:375px) {
	.sub_pa .img {width:calc(100% - 3px);}
	.sub_pa .img + .img {margin-left:0; margin-top:20px;}
	.sub_tab .tab > li, 
	.sub_tab2 .tab > li {width:calc(50% - 3px); margin-right:0;}	
}

/* 부가서비스 - 왼쪽메뉴 */
.service_wrap {position:relative;}
.service_wrap > .left_nav {width:236px;}
.service_wrap > .content {width:calc(100% - 236px); margin-left:0;}
#container.flyMode .left_nav {position:fixed; top:90px; left:50%; margin-left:-590px; background:#fff; z-index:1;}
#container.flyMode2 .left_nav {position:absolute; top:auto; bottom:0;}
#container.flyMode .content {margin-left:236px;}
@media screen and (max-width:1180px) {
	.service_wrap > .left_nav {width:208px;}
	.service_wrap > .content {width:calc(100% - 208px);}
	#container.flyMode .left_nav {left:0; margin-left:0;}
	#container.flyMode .content {margin-left:208px;}
}
@media screen and (max-width:1024px) {
	.service_wrap > .left_nav {width:180px;}
	#container.flyMode .left_nav {left:20px;}
}
@media screen and (max-width:768px) {
	.service_wrap > .left_nav {width:100%;}
	.service_wrap > .content {width:100%;}
}

.addservice.tosspay .steps {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.addservice.tosspay .steps li {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: center;
	text-align: center;
	position: relative;
}

.addservice.tosspay .steps li:not(:last-child)::after {
	content: "";
	background: url(/images/addservice/tosspay/arrow.png) center no-repeat;
	width: 12px;
	height: 21px;
	display: block;
	position: absolute;
	right: -2.5rem;
	top: 27%;
}

.addservice.tosspay .steps li p {
	color: #349EE4;
	font-size: 14px;
}

.addservice.tosspay .details {
	display: flex
}

.addservice.tosspay .details ul {
	flex: 1 1 auto;
	padding-left: 2rem;
	margin-left: 2rem;
	border-left: 1px dashed #808080;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.addservice.tosspay .details li {
	display: flex;
	color: #666;
}

.addservice.tosspay .details strike {
	color: #999;
}

.addservice.tosspay .details li > :first-child {
	flex: 0 0 auto;
	width: 120px;
}

.addservice.tosspay .details li > :last-child {
	flex: 1 1 auto;
}

.addservice.tosspay dl {
	border-top: 1px solid #919191;
	border-bottom: 1px solid #919191;
	padding: 1rem 0;
}

.addservice.tosspay dt {
	font-weight: 500;
}

.addservice.tosspay dd:not(:last-child) {
	padding-bottom: 1rem;
	color: #666;
}