/* cscenter2019 CSS */
.cscenter a , .cscenter span .cscenter div .cscenter input  {font-family:spoqa R; font-size:0.95rem; letter-spacing:-.1rem;}

/* cscenter °øÅë :: button css */
.cs_btn , a.cs_btn {border:1px solid #ddd; height:2.5rem; min-width:5rem; text-align:center; line-height:2.5rem; display:inline-block; padding:0 1rem; font-size:1rem; font-family:spoqa M; color:#000 !important; background-color:#fff;}
.cs_btn_blue ,a.cs_btn.cs_btn_blue {background-color:#355fae; color:#fff !important; border-color:#355fae; }
.cs_end_btn , a.cs_end_btn {width:90%; margin:1.5rem 5%; border-radius:2rem; height:4rem; line-height:4rem; display:inline-block; background-color:#494949; font-family:spoqa M; color:#fff !important; font-size:1.25rem; text-align:center;}

/* cscenter °øÅë :: select css */
.cs_select {width:100%; display:inline-block;  position:relative;}
.cs_select select {-webkit-border-radius:0; -webkit-appearance:none; background:#fff; border:1px solid #ddd; height:3rem; line-height:2.8rem; width:100%; padding:0 1rem; margin:.25rem 0; font-size:1.15rem; letter-spacing:-.05rem; color:#333; font-family:spoqa R; }
.cs_select:after {content:''; border:1px solid #666; border-left:none; border-bottom:none; width:.65rem; height:.65rem; transform: rotate(135deg); -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; position:absolute; top:1.25rem; right:1.25rem;}

/* cscenter °øÅë :: input-text, textarea */
input[type="text"].cs_ipt_txt, input[type="password"].cs_ipt_txt, input[type="number"].cs_ipt_txt {-webkit-border-radius:0;-webkit-appearance:none; border:1px solid #ddd; height:3rem; line-height:3rem; width:calc(100% - 2rem); padding:0 1rem; margin:.25rem 0; font-size:1.15rem; letter-spacing:-.05rem; color:#333; font-family:spoqa R;}
input[type="text"].cs_ipt_txt::placeholder, input[type="password"].cs_ipt_txt::placeholder, input[type="number"].cs_ipt_txt::placeholder, textarea.cs_ipt_txt::placeholder {color:#898989; }
input[type="text"].cs_ipt_txt:read-only, input[type="password"].cs_ipt_txt:read-only, input[type="number"].cs_ipt_txt:read-only, textarea.cs_ipt_txt:read-only {background-color:#f9f9f9; color:#666;}
textarea.cs_ipt_txt {-webkit-border-radius:0;-webkit-appearance:none; border:1px solid #ddd;line-height:1.6rem; width:calc(100% - 2rem); min-height:15rem; padding:1rem 1rem; margin:.25rem 0; font-size:1.15rem; letter-spacing:-.05rem; color:#333; font-family:spoqa R;}
/* ÈÞ´ëÆù¹øÈ£ & ¿¬¶ôó »ç¿ë ½Ã */
.ipt_phone {width:calc(100% + 10px); margin-left:-5px; display:inline-block; }
.ipt_phone > input[type="text"].cs_ipt_txt, .ipt_phone > input[type="password"].cs_ipt_txt, .ipt_phone > input[type="number"].cs_ipt_txt {width:calc(33% - 2rem - 11px); margin-left:5px; margin-right:5px; float:left; }

/* cscenter °øÅë :: input-checkbox */
input[type="checkbox"].cs_ipt_chk {position:relative; width:20px; height:20px; margin:-3px 1px 0 0; top:4px; border:1px solid #ddd; border-radius:0; background-color:#fff; box-shadow:none; -webkit-appearance:none;}
input[type="checkbox"].cs_ipt_chk:checked { background:#fff;}
input[type="checkbox"].cs_ipt_chk:before { content:''; position:absolute; left:4px; top:3px; display:block; width:10px; height:7px; border-width:0 0 2px 2px; border-style:solid; -webkit-transform:rotate(-45deg); border-color:#fff;}
input[type="checkbox"].cs_ipt_chk:checked:before {content:''; position:absolute; left:3px; top:2px; display:block; width:10px; height:7px; border-width:0 0 2px 2px; border-style:solid; -webkit-transform:rotate(-45deg); border-color:#1a75d2;}

/* header */
.cscenter .cs_header {width:100%; }
.cscenter .cs_header .cs_tit_area {width:100%; position:relative; margin-top:.5rem;}
.cscenter .cs_header .cs_tit_area .left {position:absolute; width:25px; height:25px; display:inline-block; left:1.75rem; top:0.45rem; }
.cscenter .cs_header .cs_tit_area .left .ico_arr_left {font-size:0; width:12px; height:12px; display:inline-block; border-right:1px solid #a2a2a2; border-bottom:1px solid #a2a2a2; transform:rotate(135deg);
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;}
.cscenter .cs_header .cs_tit_area .right {position:absolute; display:inline-block; right:1.25rem; top:0rem; }
.cscenter .cs_header .cs_tit_area .right .ico_home {width:25px; height:25px; display:inline-block; font-size:0; background:url('//image5.compuzone.co.kr/img/images/cscenter2019/m_btn_home.png') center center; background-size:25px 25px;}
.cscenter .cs_header .cs_tit_area .right .ico_mypage {width:25px; height:25px; display:inline-block; font-size:0; background:url('//image5.compuzone.co.kr/img/images/cscenter2019/m_btn_mypage.png') center center; background-size:25px 25px;}
.cscenter .cs_header .cs_tit_area h2 {padding:0 30px; text-align:center; font-size:1.5rem; line-height:4rem; }
.cscenter .cs_header .faq_sch_area {padding:0 5%; margin-top:.5rem;}
.cscenter .cs_header .faq_sch_area .faq_sch_box {border-radius:4px; width:100%; display:inline-block; background-color:#f4f4f4; height:3rem; position:relative;}
.cscenter .cs_header .faq_sch_area .faq_sch_box input.faq_sch {padding:.5rem 2.5rem .5rem 5%; width:calc(100% - 5% - 2.5rem); display:inline-block; line-height:2rem; height:2rem; background:none; border:none; font-family:spoqa M; color:#333; letter-spacing:-.1rem; font-size:1.1rem}
.cscenter .cs_header .faq_sch_area .faq_sch_box input.faq_sch::placeholder {color:#898989;}
.cscenter .cs_header .faq_sch_area .faq_sch_box a.faq_sch_icoBtn {position:absolute; top:.75rem; right:3%; width:1.7rem; height:1.5rem; font-size:0; display:inline-block; background:url('//image5.compuzone.co.kr/img/images/m_compuzone/cmn_top_aside.png') no-repeat -2.15rem 0; background-size:auto 1.5rem;}
.cscenter .cs_header .cs_tab_menu {width:100%; display:inline-block; margin-top:1rem;}
.cscenter .cs_header .cs_tab_menu ul {display:flex; text-align:center; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; border-bottom:1px solid #959595;}
.cscenter .cs_header .cs_tab_menu ul li {display:inline-block; width:auto; height:calc(3rem + 3px);}
.cscenter .cs_header .cs_tab_menu ul li > a {width:max-content; font-size:1.2rem; padding:0 1rem; height:3rem; display:inline-block; line-height:3rem; margin-bottom:3px; font-family:spoqa M; color:#333;}
.cscenter .cs_header .cs_tab_menu ul li.on > a {border-bottom:4px solid #355fae; margin-bottom:-1px; color:#355fae; font-family:spoqa B;}
	@media (min-width:650px) {
		.cscenter .cs_header .cs_tab_menu ul {width:100%; display:inline-block; }
	}
	@media (min-width:850px) {
		.cscenter .cs_header .faq_sch_area .faq_sch_box {width:70%; margin:0 15%;}
	}

/* footer CSS :: bottom.htm ³»¿ë ºÒ·¯¿À°í ÇÊ¿ä ³»¿ë¸¸ ³ëÃâ */
.cs_bottom {display:inline-block; width:100%; position:relative; }
#wrap .cs_bottom .cs_none {display:none !important;}
#wrap .cs_bottom .footer {background-color:#fff; padding:1.5rem 2% 3.75rem 2%; border-top:1px solid #ddd;}
#wrap .cs_bottom .footer button.call_btn {background:none; border:none; padding:0; margin:0; float:inherit; display:block; height:3.8rem; text-align:left; line-height:2rem; font-size:1.25rem; font-family:spoqa B; color:#333;}
#wrap .cs_bottom .footer button.call_btn .cs_txt {font-size:1rem; font-family:spoqa M; margin-left:.5rem; color:#333; }
#wrap .cs_bottom .footer span.info_txt {font-size:1rem; font-family:spoqa M; margin-left:.5rem; color:#333; margin-top:-.5rem;}
#wrap .cs_bottom .footer span.info_txt .cs_red {color:#d98686;}
#wrap .cs_bottom .footer p {border-bottom:none !important; margin-bottom:0 !important; padding-bottom:0 !important; }

/* content */
.cs_centent {background-color:#e9ecef; padding-top:.8rem;}
/* ¿À½Ã´Â ±æ :: ¸ÅÀå/¼­ºñ½º¼¾ÅÍ/  */ /* tab menu style */
.cs_centent .cs_tab_menu {display:block; background-color:#fff; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:12px;  }
.cs_centent .cs_tab_menu ul:after{content:""; display:table; clear:both;}
.cs_centent .cs_tab_menu li {width:50%; float:left; height:60px;}
.cs_centent .cs_tab_menu li a {width:100%; border-top:none; display:block; height:100%; line-height:60px; text-align:center; color:#666; font-size:16px; font-family:spoqa M;}
.cs_centent .cs_tab_menu li.on a {background-color:#355fae; color:#fff;}
	
	/* faq list */
.cs_faq_area {width:100%; margin-bottom:160px; background-color:#fff; display:inline-block; border-top:1px solid #ddd;}
.cs_faq_area .cs_faq_sub {width:100%; display:inline-block; margin-top:.5rem;}
.cs_faq_area .cs_faq_sub ul {display:flex; text-align:left; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; border-bottom:1px solid #000;}
.cs_faq_area .cs_faq_sub ul li {display:inline-block; width:auto; height:calc(3rem + 3px);}
.cs_faq_area .cs_faq_sub ul li > a {width:max-content; font-size:1.1rem; padding:0 1rem; height:3rem; display:inline-block; line-height:3rem; margin-bottom:3px; font-family:spoqa M; color:#666;}
.cs_faq_area .cs_faq_sub ul li.on > a {border-bottom:4px solid #000; margin-bottom:-1px; color:#000; font-family:spoqa B;}
	@media (min-width:650px) {
		.cs_faq_area .cs_faq_sub ul {width:100%; display:inline-block; }
	}
.cs_faq_area .cs_faq_list {display:inline-block; width:100%;}
.cs_faq_area .cs_faq_list dl.cs_faq {width:100%; display:inline-block;}
.cs_faq_area .cs_faq_list dl.cs_faq i {font-size:1.25rem; font-family:spoqa B; position:absolute; top:.95rem; right:93%; font-style:normal;}
.cs_faq_area .cs_faq_list dl.cs_faq dt.faq_Q {padding:20px 0; width:100%; display:inline-block; border-bottom:1px solid #ddd; position:relative; min-height:2rem; color:#000; }
.cs_faq_area .cs_faq_list dl.cs_faq dt.faq_Q > span, .cs_faq_area .cs_faq_list dl.cs_faq dd.faq_A > span {margin-left:10%; margin-right:3%; display:block; font-size:16px; line-height:1.5rem; word-break:keep-all;}
.cs_faq_area .cs_faq_list dl.cs_faq.view dt.faq_Q {background-color:#f6f7f7;}
.cs_faq_area .cs_faq_list dl.cs_faq dd.faq_A {display:none; }
.cs_faq_area .cs_faq_list dl.cs_faq.view dd.faq_A {background-color:#f6f7f7; padding:1rem 5%; width:100%; width:100%; display:inline-block; float:left; border-bottom:1px solid #ddd; position:relative; min-height:2rem; box-sizing:border-box; font-size: 14px;}
.cs_faq_area .cs_faq_list dl.cs_faq.view dd.faq_A i {color:#467feb;}
.cs_faq_area .cs_faq_list dl.cs_faq dd.faq_A > span span, .cs_faq_area .cs_faq_list dl.cs_faq dd.faq_A > span p {color:#666 !important; line-height:1.5rem !important; font-size:1.1rem !important; font-family:spoqa M !important; letter-spacing:-.1rem !important; word-break:keep-all;}
.cs_faq_area .cs_faq_list dl.cs_faq dd.faq_A > span strong span {color:#000 !important; font-family:spoqa M !important; font-weight:normal;}
.cs_faq_area .cs_faq_list dl.cs_faq dd.faq_A > span a span {color:#2d74fb !important; text-decoration:underline !important; margin:.5rem 0;}

/* »ó´ãÇϱâ form style */
.cs_form_box {width:100%; background-color:#fff; display:inline-block; border-top:1px solid #ddd; margin-bottom:.8rem;}
.cs_form_box .cs_info_box, .cs_form_box .form_sec {padding:1rem 5%; border-bottom:1px solid #ddd;}
	/* ¾È³»¸Þ½ÃÁö */
.cs_form_box .cs_info_box .blue_box {width:100%; padding:4rem 0 1.25rem 0; background-color:#f0f6fc; border-radius: .5rem; display:inline-block; text-align:center; position:relative; color:#333; font-size:1rem; line-height:1.5rem; font-family:spoqa M; letter-spacing:-.05rem}
.cs_form_box .cs_info_box .blue_box > i {position:absolute; width:2rem; height:2rem; line-height:2rem; font-family:spoqa B; font-size:1.5rem; border-radius:50%; color:#355fae; border:2px solid #355fae; display:inline-block; font-style:normal; position:absolute; top:1.25rem; left:50%; margin-left:-1rem;}
.cs_form_box .cs_info_box .blue_box > b {font-family:spoqa M; letter-spacing:-0.125rem; color:#355fae;}
	/* form - ¿µ¿ª */
.cs_form_box .form_sec .form_tit {font-size:1.2rem; font-family:spoqa M; color:#000; display:block; line-height:3rem;}
.cs_form_box span.cs_txt {width:100%; display:inline-block; margin:1rem 0; font-size:1.1rem; font-family:spoqa R; letter-spacing:-.1rem; line-height:2.5rem;}
.cs_form_box span.cs_txt b {color:#000; font-weight:normal; font-family:spoqa M;}
.cs_form_box span.cs_txt .txt_red {color:#f24638;}
.cs_form_box .cs_txt .right {float:right; }
.cs_form_box .cs_txt input { margin-right:.25rem; vertical-align:text-top; }
.cs_form_box .cs_txt.box {background-color:#f9f9f9; width:calc(100% - 2rem); padding:0 1rem; height:4rem; line-height:4rem;}
	/* form - select li */
ul.form_select_li {width:100%; display:inline-block; margin-top:.5rem}
ul.form_select_li li {display:inline-block; margin-right:.25rem; margin-bottom:.35rem; float:left; }
ul.form_select_li li > a {display:inline-block; width:max-content; min-width:3rem; text-align:center;padding:0 .95rem; font-size:1rem; line-height:2.4rem;height:2.5rem; border:1px solid #ddd; border-radius:1.25rem; font-family:spoqa M; color:#666; }
ul.form_select_li li.select > a {background-color:#355fae; border-color:#355fae; color:#fff; }
	/* form - ¹®ÀÇ»óÇ°¼±ÅÃ/÷ºÎÆÄÀÏ Ãß°¡ Æû */
dl.cs_txt {width:100%; display:inline-block; position:relative;  margin-top:.75rem;}
dl.cs_txt dt {padding:1rem 30% 1rem 0; border-top:1px solid #ddd; font-size:1rem; color:#666; font-family:spoqa R;}
dl.cs_txt dt > b {font-size:1.2rem; font-family:spoqa M; color:#000; font-weight:normal;}
dl.cs_txt dt .right {position:absolute; top:1.15rem; right:0;}
dl.cs_txt dd {width:calc(100% - 2rem); display:inline-block; padding: 1rem 1rem .75rem 1rem;}
dl.cs_txt dd.gray_box {background-color:#f9f9f9;}
dl.cs_txt dd.gray_box .round_box  {display:inline-block; width:auto; max-width:calc(100% - 3rem); position:relative; text-align:left; padding:0 2rem 0 .95rem; height:2.5rem; border:1px solid #ddd; border-radius:1.25rem; margin-bottom:.25rem;}
dl.cs_txt dd.gray_box .round_box > span {font-size:1rem; line-height:2.4rem; letter-spacing:-.05rem; font-family:spoqa R; color:#666; overflow:hidden; display:inline-block; width:auto; max-width:100%; text-overflow: ellipsis; -webkit-line-clamp: 1;}
dl.cs_txt dd.gray_box .round_box a.delect_btn {position:absolute; width:2.5rem; height:2.5rem; line-height:2.5rem; font-size:1.15rem; display:inline-block; top:0; right:0; text-align:center;}

	/* ±¸¸ÅÀü¹® »ó´ã»ç ¼±Åà */
.cs_form_box .cs_buy_tit {font-size:1.35rem; text-align:center; display:inline-block; width:100%; color:#000; font-family:spoqa B; letter-spacing:-.125rem; line-height:3rem; border-bottom:1px solid #ddd; padding-bottom:.75rem; margin-bottom:.75rem}
.stf_list {width:100%; display:inline-block; margin-top:1.5rem;}
.stfpf {padding:1rem; border:1px solid #ddd; margin-bottom:.5rem; padding-left:7.5rem; position:relative;}
.closestf{    min-height: 8.8rem;}
.stfpf .photo {position:absolute; top:1rem; left:1rem; width:5.5rem;}
.stfpf .photo img {width:100%; border:1px solid #ddd;}
.stfpf .name {display:block; font-size:1.25rem; color:#000; font-family:spoqa M;}
.stfpf .msg {width:100%; display:block; font-size:1rem; color:#666; line-height:1.25rem; height:2.5rem; margin-top:.25rem; margin-bottom:.25rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-all;}
.stfpf .cateList {width:100%; display:block; text-align:left;}
.stfpf .cateList li {width:auto; display:inline-block; background-color:#e9ecef; font-size:.9rem; line-height:1rem; padding:.25rem .5rem; margin:.15rem; color:#666;}
.stfpf .cateList li.cho {color:#355fae;}

/* »ó´ã³»¿ª */
	/* ·Î±×ÀÎ ¿äû ¿µ¿ª */
	.login_go  {width:100%; display:inline-block; text-align:center; padding:130px 0;}
	.login_go .txt {text-align:center; width:100%; display:inline-block; font-size:1.25rem; color:#000; font-family:spoqa M; margin-bottom:.5rem;}
	.login_go .btn {width:100%; display:inline-block;}
	/* °Ë»öÆû */
	.cs_list_form {width:100%; padding:30px 20px 15px; background-color:#fff;}
	.cs_list_form .rdo_list{width:100%; display:table; margin-top:.5rem; margin-bottom:.25rem;}
	.rdo_list input.sch_radio[type="radio"] {display:none; vertical-align:middle;  }
	.rdo_list input.sch_radio[type="radio"] + label.sch_radio {vertical-align:middle; display:table-cell; width:25%; line-height:2.5rem; font-size:14px; height:2.5rem; border:1px solid #ddd; border-right:none; text-align:center;}
	.rdo_list input.sch_radio[type="radio"] + label.sch_radio:last-child  {border-right:1px solid #ddd;}
	.rdo_list input.sch_radio[type="radio"]:checked + label.sch_radio {color:#fff; background-color:#355fae; border-color:#355fae;}
	/* »ó´ã ¸®½ºÆ® :: FAQ list¶û ½ºÅ¸ÀÏ µ¿ÀÏ ÀϺΠ¼öÁ¤ */
	.cs_faq_area.cs_list .cs_faq_list dl.cs_faq dt.faq_Q > span {width:calc(80% - 3rem); margin-right:3rem; display:block; }
	.cs_faq_area.cs_list .cs_faq_list dl.cs_faq dt.faq_Q > span.state  {margin:0; position:absolute; left:80%; top:1.5rem; width:20%; margin-top:-.65rem; text-align:center; font-size:.95rem; color:#999; }
	.cs_faq_area.cs_list .cs_faq_list dl.cs_faq dt.faq_Q > span.state.ok {color:#467feb; text-decoration:underline;}
	.cs_faq_area.cs_list .cs_faq_list dl.cs_faq dt.faq_Q > span.day {font-size:14px; color:#666; font-family:spoqa R; letter-spacing:0px;}
	.cs_faq_area.cs_list .cs_faq_list dl.cs_faq dt.faq_Q > span.day > b {margin-right:.75rem; font-weight:normal; font-family:spoqa M; letter-spacing:-.1rem;}
	.cs_faq_area.cs_list .cs_faq_list dl.cs_faq dd.faq_A > span {margin-top:-2px; width:87%;}
	.cs_faq_area.cs_list .cs_faq_list dl.cs_faq dd.faq_A > span > p {font-size:1.15rem; line-height:1.5rem; word-break:keep-all; width:100%; }
	.cs_faq_area.cs_list .cs_faq_list dl.cs_faq dd.faq_A > span > p.stf_cho {border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:.5rem; padding-top:.5rem; width:100%; padding:1rem 30% 1rem 1rem; position:relative; background-color:#fff;}
	.cs_faq_area.cs_list .cs_faq_list dl.cs_faq dd.faq_A > span > p.stf_cho > b.txt_blue {font-size:1.25rem;  color:#355fae; text-decoration:none;}
	.cs_faq_area.cs_list .cs_faq_list dl.cs_faq dd.faq_A > span > p.stf_cho > b {font-size:1.15rem; color:#000; font-family:spoqa M;font-weight:normal; text-decoration:underline;}
	.cs_faq_area.cs_list .cs_faq_list dl.cs_faq dd.faq_A > span > p.stf_cho a.cs_btn {position:absolute; right:1rem; top:1.25rem; min-width:auto;}
	.cs_faq_area.cs_list .cs_faq_list dl.cs_faq dd.faq_A > span > p.faq_link {padding-top:.5rem; word-break:break-all;}
	.cs_faq_area.cs_list .cs_faq_list dl.cs_faq dd.faq_A > span > p.faq_link > b {font-weight:normal; color:#000;}
	.cs_faq_area.cs_list .cs_faq_list dl.cs_faq dd.faq_A > span > p.faq_link > a {font-size:1rem; color:#467feb; margin-left:3px; display:inline; }
	.page_area{padding:10px 0 20px;}

	/* ¿À½Ã´Â ±æ :: ¸ÅÀå/¼­ºñ½º¼¾ÅÍ/  */
	.map_wrap{padding: 20px 0; background: #fff;}
	.mapimg{width: calc(100% - 32px); position: relative; margin: 0 16px; border-radius: 10px; overflow: hidden;}
	.mapimg img{width: 100%; display: block;}
	.mapimg .mapbtn{position: absolute; top: 16px; right: 16px; display: block; height: 28px; padding: 5px 8px; border-radius: 5px; font-size: 12px; font-family: 'noto-M'; font-weight: normal; color: #949494; text-align: center; letter-spacing: -0.3px; box-sizing: border-box; background: #fff;}
	.mapBox {display:block; width:100%;}
	.mapinfo {display:block; width:100%; background:#fff;}
	.mapinfo ul {padding: 16px; display: flex; flex-direction: column; gap: 4px;}
	.mapinfo ul:not(:first-child) {border-top: 1px solid #F2F2F2;}
	.mapinfo ul li {font-size: 14px; font-family: 'noto-R'; letter-spacing: -0.3px;}
	.mapinfo ul li:first-child {font-size: 16px; font-family: 'noto-B'; color: #3A3A3A; padding-bottom: 8px;}
	
	.map_wrap .cs_tab_menu{border: 0; margin-bottom: 20px; padding: 0 16px;}
	.map_wrap .cs_tab_menu ul{display: flex; justify-content: center; width: 100%; height: 45px; border-radius: 35px; background: #E8E8E8; position: relative;}
	.map_wrap .cs_tab_menu ul li{display: block; width: 50%; height: 44px; line-height: 46px; text-align: center; font-size: 15px; font-family: 'noto-R'; color: #949494; position: relative; z-index: 2; transition: 0.3s; cursor: pointer;}
	.map_wrap .cs_tab_menu ul li.on{color: #fff;}
	.map_wrap .cs_tab_menu ul .btnbg{width: 50%; height: 45px; background: #1A1A1A; border-radius: 35px; position: absolute; left: 0; top: 0; transition: 0.4s; z-index: 1;}
	.map_wrap .cs_tab_menu ul .btnbg.bt1{left: 0;}
	.map_wrap .cs_tab_menu ul .btnbg.bt2{left: 50%;}
	
	.compu_img_wrap {width: 100%; position: relative; padding: 20px 16px; border-top: 9px solid #F2F2F2;}
	.compu_img_title {font-size: 16px; font-family: 'noto-B'; color: #3a3a3a; margin-bottom: 12px;}
	.compu_img_large{max-width: 335px; width: 100%; margin: 0 auto; overflow: hidden;  border-radius: 10px; position: relative;}
	.main_area_compu_img .compu_top{width: 100%; position: relative; margin: auto; z-index: 2; border-radius: 10px;}
	.main_area_compu_img .compu_top>span {display: block; height: auto; margin: 0 auto; border-radius: 10px; overflow: hidden; position: relative; left: 50%; transform: translateX(-50%);}
	.main_area_compu_img .compu_top span img {width: 100%; position: relative; left: 50%; transform: translateX(-50%); display: block;}

	.compu_img_wrap .swiper-pagination{display: flex; justify-content: center; gap: 5px; bottom: 15px;}
	.compu_img_wrap .swiper-pagination-bullet{width: 6px; height: 6px; background: #fff; opacity: 0.5; border-radius: 6px; transition: unset; margin: 0 !important;  border-radius: 6px; overflow: hidden;}
	.compu_img_wrap .swiper-pagination-bullet-active{width: 20px; opacity: 1;}

	.swiper_progSlidebar2_wrap{width: 100%; margin-top: 12px;}
	.compu_img_wrap .swiper_progSlidebar2{bottom: 0px; position: relative; transform: unset; transition: unset; width: 100%; display: inline-flex; gap: 10px; justify-content: center;}
	.compu_img_wrap .swiper_progSlidebar2 .swiper-pagination-bullet {width: 60px; height: 60px; opacity: 1; box-sizing: border-box; float: left; margin-right: 0px !important;}
	.compu_img_wrap .swiper_progSlidebar2 .swiper-pagination-bullet-active{border: 2px solid #949494; box-sizing: border-box;} 
	.compu_img_wrap .swiper_progSlidebar2 .swiper-pagination-bullet:nth-child(1){background: url('//image5.compuzone.co.kr/img/images/cscenter/ys_1.jpg') center center/cover no-repeat;}
	.compu_img_wrap .swiper_progSlidebar2 .swiper-pagination-bullet:nth-child(2){background: url('//image5.compuzone.co.kr/img/images/cscenter/ys_2.jpg') center center/cover no-repeat;}
	.compu_img_wrap .swiper_progSlidebar2 .swiper-pagination-bullet:nth-child(3){background: url('//image5.compuzone.co.kr/img/images/cscenter/ys_3.jpg') center center/cover no-repeat;}
	.compu_img_wrap .swiper_progSlidebar2 .swiper-pagination-bullet:nth-child(4){background: url('//image5.compuzone.co.kr/img/images/cscenter/ys_4.jpg') center center/cover no-repeat;}
	.compu_img_wrap .swiper_progSlidebar2 .swiper-pagination-bullet:nth-child(5){background: url('//image5.compuzone.co.kr/img/images/cscenter/ys_5.jpg') center center/cover no-repeat;}

	.swiper_progSlidebar4_wrap{width: 100%; margin-top: 12px;}
	.compu_img_wrap .swiper_progSlidebar4{bottom: 0px; position: relative; transform: unset; transition: unset; width: 100%; display: inline-flex; gap: 10px; justify-content: center;}
	.compu_img_wrap .swiper_progSlidebar4 .swiper-pagination-bullet {width: 60px; height: 60px; opacity: 1; box-sizing: border-box; float: left; margin-right: 0px !important;}
	.compu_img_wrap .swiper_progSlidebar4 .swiper-pagination-bullet-active{border: 2px solid #949494; box-sizing: border-box;} 
	.compu_img_wrap .swiper_progSlidebar4 .swiper-pagination-bullet:nth-child(1){background: url('//image5.compuzone.co.kr/img/images/cscenter/gs_1.jpg') center center/cover no-repeat;}
	.compu_img_wrap .swiper_progSlidebar4 .swiper-pagination-bullet:nth-child(2){background: url('//image5.compuzone.co.kr/img/images/cscenter/gs_2.jpg') center center/cover no-repeat;}
	.compu_img_wrap .swiper_progSlidebar4 .swiper-pagination-bullet:nth-child(3){background: url('//image5.compuzone.co.kr/img/images/cscenter/gs_3.jpg') center center/cover no-repeat;}
	.compu_img_wrap .swiper_progSlidebar4 .swiper-pagination-bullet:nth-child(4){background: url('//image5.compuzone.co.kr/img/images/cscenter/gs_4.jpg') center center/cover no-repeat;}
	.compu_img_wrap .swiper_progSlidebar4 .swiper-pagination-bullet:nth-child(5){background: url('//image5.compuzone.co.kr/img/images/cscenter/gs_5.jpg') center center/cover no-repeat;}

	/* ÇÏ´Ü ¹öÆ°¿µ¿ª */
.cs_form_box .bottom_btn {width:100%; text-align:center; display:inline-block;}

/* dimmed & cs_layerpopup CSS */
.dimmed {width:100%; height:100%; display:inline-block; position:fixed; top:0; left:0; z-index:98; background-color:#000; opacity:.7;}
.cs_layer_pop {position:fixed; top:50%; left:50%; transform:Translate(-50%, -50%); z-index:10000; width:100%; max-width:450px; padding:0 25px; box-sizing: border-box;}
.cs_layer_pop .cs_layer_pop_form {width:100%; height:auto; padding:0; border-radius: 10px;}
.cs_layer_pop .cs_layer_pop_form .btm_btn {width:100%; height:4rem; position:absolute; bottom:0; left:0; display:inline-block; z-index:1;}
.cs_layer_pop .cs_layer_pop_form .btm_btn a {width:100%; height:100%; display:inline-block; line-height:4rem; text-align:center; font-size:1.25rem; color:#fff; background-color:#000;}
.cs_layer_pop .cs_layer_pop_form .layer_detail {width:100%; height:inherit; padding:0; position: relative; overflow-x: inherit;}
.cs_layer_pop .cs_layer_pop_form .layer_detail .tit {padding: 20px 40px; margin: 0; font-size: 20px; color: #3a3a3a; font-family: 'noto-B'; font-weight: normal; text-align: center; border-bottom: 1px solid #d8d8d8; word-break: keep-all;}
.cs_layer_pop .cs_layer_pop_form .layer_detail .tit a {display: inline-block; width: 30px; height: 30px; background: url(//image5.compuzone.co.kr/img/images/product_list22/pro_comparison_x2.png) center center/contain no-repeat; position: absolute; top: 15px; right: 15px;}
.cs_layer_pop .cs_layer_pop_form .layer_detail .table_st {width:100%; padding:15px 20px; border:none; box-sizing: border-box;}
.cs_layer_pop .cs_layer_pop_form .layer_detail .table_st table {width:100%;}
.cs_layer_pop .cs_layer_pop_form .layer_detail .table_st tr {border-top:1px solid #f2f2f2;}
.cs_layer_pop .cs_layer_pop_form .layer_detail .table_st tr:last-child {border-bottom:1px solid #f2f2f2;}
.cs_layer_pop .cs_layer_pop_form .layer_detail .table_st th {width:40%; padding:12px 10px; background-color:#fafafa; text-align: center; font-size:14px; font-family:'noto-M'; font-weight: normal; color:#3a3a3a; word-break: keep-all;}
.cs_layer_pop .cs_layer_pop_form .layer_detail .table_st td {padding:12px 10px; text-align: center; font-size:14px; font-family:'noto-R'; font-weight: normal; color:#3a3a3a; word-break: keep-all;}
.cs_layer_pop .cs_layer_pop_form .layer_detail .noti {padding:0 20px 25px; box-sizing: border-box;}
.cs_layer_pop .cs_layer_pop_form .layer_detail .txt_info {display:inline-block; margin-bottom:10px; padding-left:7px; font-size:15px; font-family:'noto-R'; color:#3a3a3a; position:Relative;}
.cs_layer_pop .cs_layer_pop_form .layer_detail .txt_info:last-child {margin-bottom:0;}
.cs_layer_pop .cs_layer_pop_form .layer_detail .txt_info::before {content:''; width:2px; height:2px; background:#3a3a3a; position:absolute; top:10px; left:0;}

/* FAQ dimmed layer */
.cs_layer_pop .cs_layer_pop_form dl.cs_faq {width:100%; display:inline-block;}
.cs_layer_pop .cs_layer_pop_form dl.cs_faq i {font-size:1.25rem; font-family:spoqa B; position:absolute; top:.95rem; right:93%; font-style:normal;}
.cs_layer_pop .cs_layer_pop_form dl.cs_faq dt.faq_Q {padding:1.25rem 0 1rem ; width:100%; display:inline-block; float:left; border-bottom:1px solid #ddd; position:relative; min-height:2rem; color:#000; }
.cs_layer_pop .cs_layer_pop_form dl.cs_faq dt.faq_Q > span, .cs_layer_pop .cs_layer_pop_form dl.cs_faq dd.faq_A > span {margin-left:10%; margin-right:3%; display:block; float:left; font-size:1.15rem; line-height:1.5rem; word-break:keep-all;}
.cs_layer_pop .cs_layer_pop_form dl.cs_faq dt.faq_Q > span {max-height:4.5rem; overflow:hidden;}
.cs_layer_pop .cs_layer_pop_form dl.cs_faq dd.faq_A {display:inline-block; padding:1.15rem 0 1rem ; width:100%; width:100%; display:inline-block; float:left; border-bottom:1px solid #ddd; position:relative; min-height:2rem;}
.cs_layer_pop .cs_layer_pop_form dl.cs_faq dd.faq_A i {color:#467feb;}
.cs_layer_pop .cs_layer_pop_form dl.cs_faq dd.faq_A > span {overflow-x:hidden; height:15rem;}
.cs_layer_pop .cs_layer_pop_form dl.cs_faq dd.faq_A > span span, .cs_faq_area .cs_faq_list dl.cs_faq dd.faq_A > span p {color:#666 !important; line-height:1.5rem !important; font-size:14px !important; font-family:spoqa M !important; letter-spacing:-.1rem !important; word-break:keep-all;}
.cs_layer_pop .cs_layer_pop_form dl.cs_faq dd.faq_A > span strong span {color:#000 !important; font-family:spoqa M !important; font-weight:normal;}
.cs_layer_pop .cs_layer_pop_form dl.cs_faq dd.faq_A > span a span {color:#2d74fb !important; text-decoration:underline !important; margin:.5rem 0;}
.cs_layer_pop .cs_layer_pop_form .cs_btn_area {width:100%; display:inline-block; padding:.5rem 0; text-align:left; border-top:1px dashed #ddd;}
.cs_layer_pop .cs_layer_pop_form .cs_btn_area a.cs_btn {margin-top:3px;}
/* ¼Ò¼È°èÁ¤ ·Î±×ÀÎ ½Ã º»ÀÎÀÎÁõ */
.social_confirm_area {padding:30px 20px;text-align: center;width:100%; box-sizing: border-box;display: block;}
.social_confirm_area>.social_p {color:#666 !important; line-height:1.5rem !important; font-size:1.1rem !important; font-family:spoqa M !important; letter-spacing:-.1rem !important; word-break:keep-all; text-align:center;}
.social_confirm_area .social_btnarea { display:block; margin-top:15px;}
/*ÈÞ¹«*/
.closetag{  width: 100%; height: 1.8rem;background: #f5f5f7;line-height: 1.8rem; border: 1px solid #c4c4c4; text-align: center;font-size: 1rem;color: #4a4a4c;    display: inline-block;}
/* ±¸ÇØÁàPC */
.form_sec.ask_txt{background: #F8FAFE;}
.form_sec.ask_txt > span:first-of-type{color:#355fae;}

/* /* ÄÚÁî¸ô ¿¬µ¿ q&a */
.cs_faq_list .faq_aTit{color:#5e5e5e;}
.cs_faq_area.cs_list .cs_faq_list dl.cs_faq dd.faq_A .faq_aContent{margin-top:1.429rem;}
.cs_faq_list .coz_order_info{padding:1.429rem; width:92%; margin:0 auto;  background:#fff; box-sizing:border-box; font-size: 14px;}
.cs_faq_area .cs_faq_list dl.cs_faq .prd_ccTit{display:inline-block; margin-left:5px; }
.cs_faq_area .cs_faq_list dl.cs_faq i.ccLogo{position:static;}
.cscenter .cs_faq_area .cs_faq_list dl.cs_faq dd.faq_A > span > span{color:#ff0000 !important;}
.coz_order_info > li{width:100%;}
.coz_order_info > li:after{content:""; display:block; clear:both;}
.coz_order_info .coz_infoTit{float:left; width:40%; line-height:1.7; font-weight:bold; vertical-align:top;}
.coz_order_info .coz_infoContent{float:right; width:60%; line-height:1.7; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top; margin-bottom:2px;}
.coz_order_info + .a_content{width:92%; margin:1.214rem auto 0; color:#666; letter-spacing:-0.1rem; display: none;}
.coz_infoContent .btn_basic {float: right; height:24px; line-height:24px; padding: 0px 9px !important;}

/* ÁÖ¹®Çϱ⠹öÆ° Ãß°¡ 210223 */
.cs_faq_area .cs_faq_list dl.cs_faq.view dd.faq_A .faq_A_btn_wrap {display: block; width: 100%; text-align: center; margin-left: 0; margin-top: 20px; font-size:0;}
.cs_faq_area .cs_faq_list dl.cs_faq.view dd.faq_A .faq_A_btn_wrap > a {display: inline-block; margin:0 4px; max-width: 106px; width: 33%; height: 36px; line-height: 36px; font-size: 14px; font-family: "spoqa M"; color: #fff; background-color: #355FAE; text-decoration: none;}
/* ´ëü´ã´çÀÚ ¹®±¸ Ãß°¡ 20210914  */
.cs_faq_list .change_counselorBox{padding:10px 4%; background:#f6f7f7;}
.cs_faq_list .change_counselorBox > p{padding:10px; background:#fff;  color:#1C8FED; font-size:12px; word-break:keep-all;}
.cs_faq_area .cs_faq_list dl.cs_faq.view dd.faq_A .faq_A_btn_wrap > a.black_btn{background:#000;}
.cs_faq_area .cs_faq_list dl.cs_faq.view dd.faq_A .faq_A_btn_wrap > a.white_btn{background:#fff; color:#000;}
.cs_faq_area .cs_faq_list dl.cs_faq.view dd.faq_A .bulk_option_text{display: none;}


/******  2021 »ó´ã¼¾ÅÍ °³Æí ******/
#wrap{margin-bottom:-26.5px;}
.f_left{float:left;}
.f_right{float:right;}
.img100{display:block; width:100%; height:100%;}
.p30_bg{padding: 20px 16px 40px; background: #FFF;}
/* ÆäÀÌÁö »ó´Ü ŸÀÌƲ */
#CS_wrap .CS_Tit {display: flex; justify-content: center; align-items: center; position: relative; z-index: 99; width: 100%; height: 48px; background-color: #fff; text-align: center; padding: 12px 16px; font-size: 0; border-bottom: 1px solid #d8d8d8;}
#CS_wrap .CS_Tit.on {position: fixed;}
#CS_wrap .CS_Tit .ntBB17 {display: inline-block; line-height:1.5; vertical-align: text-bottom; font-weight:normal; cursor: pointer;}
#CS_wrap .CS_Tit .ntBB15{font-size: 18px;}
#CS_wrap .CS_Tit h2 {font-size: 16px;}
.CS_Tit .gray_arrow{display: inline-block; margin-left:4px; width:16px; height:16px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_down_12.svg") center no-repeat; background-size:cover; vertical-align:-4px;}
.CS_Tit .gray_arrow.on{transform:rotate(180deg);}
.mene_layer{display:none; position:absolute; left:50%; top: 48px; transform:translateX(-50%); padding: 20px 16px; width: 100%; background:#fff; text-align:left; overflow:hidden; z-index:101; box-sizing: border-box;}
.CS_Tit> h2 + .mene_layer {top: 48px;}
.mene_layer ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.mene_layer li a {text-indent: none; width: max-content; height: max-content; color: #3a3a3a;}
.mene_layer li a {display: block; width: 100%; height: 100%; font-size: 15px;}
.mene_layer li a.on{font-family: 'Noto-B';}
.mene_layer_dimm {display: none; position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.7); z-index: 11;}
.mene_layer_dimm.on {display: block;}
/* »ó´ã¼¾ÅÍ ¸ÞÀÎ - ÀÚÁÖ ¹¯´Â Áú¹® °Ë»ö */
.cs_faq_blue{position:relative; padding:20px; background:#1C8FED; }
.cs_faq_tit{padding-left:20px; margin:0 auto; width:100%; max-width:550px; color:#fff; font-size:15px; font-family:noto-B; font-weight:normal;}
.cs_faq_Bbox{position:relative; margin:10px auto 0; width:100%; max-width:550px; height:50px; line-height:50px; }
.cs_faq_Bbox .faq_input{display:block; margin:0 auto; padding:15px 20px; width:100%; height:100%; border-radius:50px; background:#fff; border:none; overflow:hidden;}
.cs_faq_blue.cs_faq_white{padding: 16px; background:#fff;}
.cs_faq_white .mcpz_input_box{margin-top:0;}
.cs_faq_white .mcpz_input_box .faq_input{background:#F9F9F9; border:1px solid #F9F9F9;}
.cs_faq_blue .more_view{position:absolute; right:40px; top:20px; } 
.cs_faq_blue .more_view > a{color:#fff; font-size:13px; font-family:Noto-R; display: flex; align-items: center;}
.cs_faq_blue .more_view i{width: 12px; height: 12px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_next_12.svg") center/contain no-repeat; display: inline-block;}
/* »ó´ã¼¾ÅÍ ¸ÞÀÎ - »ó´Ü¸Þ´º */
.squareTab_wrap{padding:30px 20px; background:#F7F7F7; text-align:center; font-size:0;}
.squareTab_wrap > li{position:relative; display:inline-block; width:calc((100% - 30px) / 2); max-width:165px; height:105px; border-radius:11px; background-color:#fff; box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.16); vertical-align:top;}
.squareTab_wrap > li > a{display:flex; width:100%; height:100%; text-align:center; align-items: center; justify-content: center; flex-direction: column;}
.squareTab_wrap > li:nth-child(even){margin-left: 15px;}
.squareTab_wrap > li:nth-child(3) , .squareTab_wrap > li:nth-child(4){margin-top:15px;}
.squareTab_wrap > li span {display:inline-block; width:36px; height:36px; margin-bottom:5px;}
.squareTab_wrap > li span > img {display:block; width:100%; height:100%;}
/* »ó´ã¼¾ÅÍ ¸ÞÀÎ - ¼­ºñ½º¸ñ·Ï */
.cs_service_list{padding:25px 0; text-align:center; font-size:0;}
.cs_service_list li{display:inline-block;}
.cs_service_list li + li{margin-left:40px;}
.cs_service_list li a{display:block; width:100%; text-align:center;}
.cs_service_list li span , .cs_service_list li span img{display:block; width:65px; height:65px;}
.cs_service_list li .ntRB13{margin-top:8px; color:#949494; line-height:1;}
/* »ó´ã¼¾ÅÍ ¸ÞÀÎ - °øÁö»çÇ× */
.CS_ntc_wrap{padding:30px 20px; background:#F7F7F7;}
.cs_notice_box{margin:0 auto; width:100%; max-width:740px; border-radius:20px; box-shadow:1px 1px 5px 0 rgba(0, 0, 0, 0.16); background-color:#fff; overflow:hidden;}
.cs_notice_box .CS_box_Tit{position:relative; padding:13px 20px; width:100%; height:50px; background-color:#eef8ff; font-size:0;}
.cs_notice_box .CS_box_Tit > h2{color:#121212; font-size:16px; line-height:1.6; font-family:noto-B; font-weight:normal;}
.cs_notice_box .CS_box_Tit > a{margin-top:3px; display:block; width:18px; height:18px; background:url("//image5.compuzone.co.kr/img/images/mypage21/mo_cs_x_btn.png") center no-repeat; background-size:cover; font-size:0;}
.CS_box_contents{padding:17px 20px; background:#fff;}
.CS_box_contents .ntc_list{width:100%; font-size:0;}
.CS_box_contents li + li{margin-top:10px;}
.CS_box_contents .ntc_tit{float:left; width:80%; color:#595959; font-size:14px; font-family:noto-R; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word; text-align:left;}
.CS_box_contents .ntc_date{float:right; color:#949494; font-size:14px; font-family:noto-R;}
/* »ó´ã¼¾ÅÍ ¸ÞÀÎ - °í°´¼¾ÅÍ ¿¬°á°¡´É ½Ã°£ */
.CS_openTime{padding:15px 20px; background:#E8E8E8; text-align:center;}
.CS_openTime > span{display:inline-block;}
.CS_openTime > span + span{position:relative; margin-left:50px;}
.CS_openTime > span + span:before{content:""; position:absolute; left:-25px; top:2px; width:1px; height:16px; background:#d8d8d8;}

/** »ó´ã ÆäÀÌÁö¸®½ºÆ® **/
.grayBox_infoT{padding: 16px; border-radius: 10px; background: #F9F9F9; text-align: center;}
.grayBox_infoT p {font-size: 14px; font-family: 'noto-M';}
.grayBox_infoT span {font-size: 13px; color: #949494;}
.cs_listW {margin-top: 16px; background: #fff;}
.cs_list_wrap > li{margin-top: 16px;}
.cs_list_wrap > li:last-of-type{margin-bottom:0;}
.cs_list_wrap .cs_list_tit{margin-bottom:8px; width:100%; line-height:1;}
.cs_list_wrap h3{display:inline-block; line-height:1; font-weight:normal; vertical-align:top; font-size: 16px; line-height: 24px;}
.mcpz_input_box input.input_type2{display:inline-block; width: calc(100% - 61px); vertical-align:top;}
.mcpz_input_box .inputR_btn{position:absolute; right:0; top:0; display:inline-block; width:25%; height:40px; max-width:100px; border-left:1px solid #DEDEDE; background:#F9F9F9; border-radius:0 5px 5px 0; border:1px solid #d8d8d8; vertical-align:top; overflow:hidden;}
.mcpz_input_box input.input_type2 + .inputR_btn {width: 57px; height: 40px; border-radius: 5px; background: #F9F9F9; border: 1px solid #D8D8D8; overflow: hidden;}
.cs_list_wrap .mcpz_input_withBtn.addFile2 .addFileBtn:after{background: url("//image5.compuzone.co.kr/img/images/mypage21/mo_camera2.png") center no-repeat; background-size:contain;}
.cs_SGbtn{display:inline-block; min-width: 71px; padding: 0 10px; height: 28px; line-height: 1; background-color: #f9f9f9; border: #e8e8e8 solid 1px; border-radius: 2px; color:#1a1a1a; font-size:13px; font-family: noto-M;}
.cs_signUp{display:block; margin-top: 16px; padding:0 50px; width: 100%; font-size: 16px; max-width: unset;}
.cs_list_wrap textarea{display:block; font-size: 14px;}
.staff_praise button{padding:0 10px; width:45%; height:40px; line-height:40px; font-size:14px; font-family: 'noto-R';}
.staff_praise button.on{background:#1c8fed;}
.staff_praise button.AS_LGbtn{margin-left:10px;}
/* ±¸ÇØÁàPC Ãß°¡ */
.AS_LBLbtn.CS_LBLbtn{display:block; margin-top:20px; padding:15px 20px; border-radius: 10px; max-width:100%; line-height:1.5;}
.AS_LBLbtn.CS_LBLbtn > div{color:#fff;}
/* ¼¿·º¹Ú½º ³» ´õº¸±â ¹°À½Ç¥ */
.select_more{position:absolute; top:8px; z-index:10;}
.select_more > a{display:block; width:24px; height:24px; background:url("//image5.compuzone.co.kr/img/images/mypage21/mo_question.png")  center no-repeat; background-size:cover;  font-size:0;}
/* input ¸®½ºÆ® ÇÏ´Ü ¾È³» ¹®±¸ */
.gray_ntcT{margin-top:8px; position:relative; padding-left:13px; color:#949494; font-size:13px; font-family:noto-R; word-break:keep-all;}
.blue_ntcT{margin-top:8px; position:relative; padding-left:13px; color:#1C8FED; font-size:13px; line-height:1.4; font-family:noto-R; word-break:keep-all;}
.red_ntcT{margin-top:8px; position:relative; padding-left:13px; color:#F14738; font-size:13px; line-height:1.4; font-family:noto-R; word-break:keep-all;}
.gray_ntcT > i , .blue_ntcT > i , .red_ntcT > i{position:absolute; left:0; top:0; display:inline-block; font-size:13px; font-style:normal;}

/*** ´ã´çÀÚ ¼±Åà ·¹À̾î Æ˾÷ ***/
.cs_stf_layer {display:inline-block; position:absolute; left:0; bottom:0; padding: 20px 16px; width:100%; height: 85vh; border-radius:20px 20px 0 0; background-color:#fff;}
.cs_stf_layer .layerPop_Tit {border-bottom: none; padding-bottom: 0;}
.cs_stf_layer .layerPop_Tit h2 {font-size: 18px;}
.responsibility_listWrap {margin-top: 20px; max-height: 68vh; overflow-y:auto; padding-bottom: 20px;}
.responsibility{position:relative; padding: 16px; width:100%; background:#F9F9F9; border:2px solid #F9F9F9; border-radius:15px;}
.responsibility.on{background:#fff; border:2px solid #135EBA;}
.responsibility + .responsibility{margin-top: 12px;}
.responsibility .day_off {position: absolute; right: 16px; top: 16px; padding: 0 8px; height: 24px; line-height: 24px; border-radius: 5px; background: #3A3A3A; color: #fff; z-index:1;}
.responsibility > .info_area{width: 100%; display: grid; grid-template-rows: repeat(1, 1fr); grid-template-columns: 75px 1fr; gap: 8px 12px;}
.info_area[class*="stfpf_area"] {display: block;}
.info_area[class*="stfpf_area"] .info_area {width: 100%; display: grid; grid-template-rows: repeat(1, 1fr); grid-template-columns: 75px 1fr; gap: 8px 12px;}
.responsibility input[type="radio"] {position: absolute; opacity: 0; pointer-events: none;}
.responsibility .img{position:relative; display:inline-block; width:75px; height:90px; vertical-align:middle;grid-area: 1 / 1 / 3 / 2; border-radius: 5px; overflow: hidden;}
.responsibility .name_about{position: relative;  width: 100%; grid-area: 1 / 2 / 2 / 3;}
.responsibility .name_about h3 {line-height: 24px; font-size: 16px; font-family: 'noto-B'; font-weight: 400;}
.hashTag_list {display: flex; flex-wrap: wrap; gap: 4px; margin-top: 8px;}
.hashTag_list li{padding: 4px 8px; border-radius: 5px; background: #fff; font-size: 12px;}
.responsibility.on .hashTag_list li{background:#EEF8FF; color: #0D6DE3;}
.responsibility .comment{grid-area: 2 / 2 / 3 / 3; line-height: 1;}
.responsibility .comment > span{color:#595959; font-size: 14px;}
.cs_stf_layer .btn_wrap {position: fixed; bottom: 0; left: 0; right: 0; z-index: 1; width: 100%; background: #fff; padding: 16px;}
.cs_stf_layer .btn_wrap button {max-width: 100%; letter-spacing: -0.3px;}
/** ¿©½Å°Å·¡ , ¿ø°Ý Áö¿ø ¾È³» Æ˾÷ **/
.layer_conTit{position:relative; padding-left:13px; font-size:13px; line-height:18px; word-break:keep-all; text-align:left;}
.blue_square{position:absolute; left:0; top:7px; display:inline-block; width:4px; height:4px; background:#1C8FED;}
.layer_conTit + .notice_inner{margin-top:10px; border:none !important;}
.layerPop_contents dl + dl{margin-top:20px;} 
.step_grayLi li{padding:10px 15px; background-color:#f9f9f9; }
.step_grayLi li > b{margin-right:7px;}
.step_grayLi li + li{margin-top:1px;}
/** faq À̹ÌÁö Æ˾÷ **/
.img_dimmed{position:fixed; left:0; top:0; width:100%; height:100%; background:#000; z-index:10000;}
.answer_img{position:absolute; left:50%; top:50%; transform:translate(-50%,-45%); width:100%; text-align:center;}
.answer_img > img{width:100%; max-width:100%; max-height:100%; height:auto; overflow:hidden;}
.img_layerX{display:block; position:absolute; right:20px; top:20px; width:24px; height:24px; background:url("//image5.compuzone.co.kr/img/images/evt_2020/profile/profileBg_dim_X.png") center top no-repeat; background-size:cover;}

/**** ÀÚÁÖ¹¯´Â Áú¹® ****/
.cs_RG_tab {height: 48px; padding: 0 16px; overflow-y:hidden; overflow-x:auto; white-space:nowrap; text-align:center; border-bottom: 1px solid #D8D8D8;}
.cs_RG_tab > ul {display: flex; height: 48px;}
.cs_RG_tab > ul > li {position: relative; display: flex; justify-content: center; align-items: center; color: #949494; letter-spacing: -0.4px; padding: 0 16px; cursor: pointer;}
.cs_RG_tab > ul > li h2 {font-family: 'noto-R'; font-size: 14px; font-weight: 400;}
.cs_RG_tab::-webkit-scrollbar {display: none;}
.cs_RG_btn.on {color: #1a1a1a;}
.cs_RG_btn.on h2 {font-weight: 700;}
.cs_RG_btn.on::after {content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #1a1a1a;}

/** ´ëºÐ·ù ÄÁÅÙÃ÷ ¹Ú½º **/
.cs_RG_contents > div{display:none;}
.cs_RG_contents > div.on{display:block;}
/** Áߺзù ÅÇ **/
.cs_RG_inner_tab{overflow-y:hidden; overflow-x:auto; white-space:nowrap; text-align:center; background: #F9F9F9;}
.cs_RG_inner_tab > ul {padding: 12px 16px; display: flex; gap: 4px;}
.cs_RG_inner_btn > button {height: 32px; background: #fff; border: 1px solid #D8D8D8; border-radius: 30px; padding: 4px 12px; font-size: 12px;}
.cs_RG_inner_btn.on > button {background: #1A1A1A; color: #fff;}
.cs_RG_inner_tab::-webkit-scrollbar {display: none;}
/** Áߺзù + qna ¸®½ºÆ® **/
.search_total{margin:30px 0 8px; font-weight:normal; padding: 0 16px;}
.cs_RG_inner_contents > li{display:none; background:#fff;}
.cs_RG_inner_contents > li.on{display:block;}
.qna_box .question{position:relative; padding: 16px; border-top: 1px solid #F2F2F2; display: flex; gap: 5px;}
.qna_box .question > p{font-family: 'noto-M';}
.qna_box .question .q{color:#0D6DE3; font-size: 16px; line-height:1; font-family:'spoqa B'; font-weight:bold; margin-top: -2px;}

.qna_box .answer{display:none; padding:15px; width: calc(100% - 32px); margin: 0 auto 16px; border-radius: 10px; background:#F9F9F9; line-height:1.5; word-break:break-all;}
.qna_box .answer img{display:block; margin:10px 0; max-width:100%;}

.qna_box .show_more_list {position: relative;}
.qna_box .show_more_list::before {content: ''; display: block; position: absolute; left: 0; top: -35px; width: 100%; height: 30px; background: linear-gradient(0deg, #fff 30%, transparent);}
/** °Ë»ö °á°ú ¾øÀ» °æ¿ì **/
.no_Results{padding:40px 0 60px; color:#949494; font-size:14px; font-family: 'noto-M'; line-height:1.4; text-align:center; display: flex; flex-direction: column; gap: 8px; justify-content: center; align-items: center;}
.no_Results .exclam{display: block; width: 48px; height: 48px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_exclamation_mark_circle_48.svg") center no-repeat; background-size:cover;}
.no_Results p, .no_Results strong {font-weight: 500; font-family: 'noto-M';}
/* 90957 »ó´ã¼¾ÅÍ ¿À·ù üũ&¼öÁ¤ 220331 */
#wrap{margin-bottom: 0;}
#common_iframe{display: none;}
.left_btn .fixBanner{position: absolute;}
/* ¸ð¹ÙÀÏ°³Æí 220502 */
.cs_faq_area .cs_faq_list dl.cs_faq.view dd.faq_A{padding: 25px 5%;}
.cs_faq_area .cs_faq_list dd.faq_A .con_B{font-weight: bold; font-size: 14px; margin: 0 auto; margin-bottom: 5px; width: 92%;}
.cs_faq_area .cs_faq_list dd.faq_A .con_N{font-size: 14px; margin: 0 auto; margin-bottom: 15px; width: 92%;}
.cs_faq_area .cs_faq_list dd.faq_A .right_btn_wrap{width: 92%;  margin: 0 auto; margin-bottom: 10px;}
.cs_faq_area .cs_faq_list dd.faq_A .right_btn_wrap:after { content: ""; display: block; clear: both; }
.cs_faq_area .cs_faq_list dd.faq_A .right_btn_wrap .fl_right{display: inline-block; float: right; font-size: 0;}
.cs_faq_area .cs_faq_list dd.faq_A .right_btn_wrap .w_btn{ width: 87px; font-size: 14px; line-height: 1; padding: 10px 0; text-decoration: none; display: inline-block; text-align: center;
border: 1px solid #000;}
.cs_faq_area .cs_faq_list dd.faq_A .right_btn_wrap .b_btn{ width: 87px; font-size: 14px; line-height: 1; padding: 10px 0; text-decoration: none; display: inline-block; text-align: center;
border: 1px solid #000; background: #000; color: #fff}
.faq_A .prod_info_t { width: 92%; margin: 0 auto;}
.faq_A .prod_info_t, .faq_A .prod_info_t td, .faq_A .prod_info_t th {border-collapse:collapse; border-spacing:0; border:1px solid #ccc;}
.faq_A .prod_info_t td, .faq_A .prod_info_t th {vertical-align: middle; text-align: center;}
.faq_A .prod_info_t th {background: #fbfbfb; font-weight: bold; color: #999; font-size: 14px; line-height: 1; padding: 8px 0;}
.faq_A .prod_info_t td {background: #fff; padding: 10px 0;}
.faq_A .prod_info_t td.align_L { text-align: left; padding: 10px;}
.faq_A .prod_info_t td.price_wrap {width: 88px;}
.checkbox{position:relative; width:1.53em; height:1.53em; border:1px solid #ddd; background:#fff; -webkit-appearance: none; appearance: none; border-radius: 0;}
.checkbox:checked:before{content:""; position:absolute; left:0.2em; top:0.17em; width:0.87em; height:0.5em; border-width:0 0 2px 2px; border-style:solid; border-color:#434343; transform:rotate(-45deg);}
.faq_A .prod_info_t td .checkbox {background: #f1f1f1;}
.faq_A .prod_info_t td > p, .faq_A .prod_info_t td > a { font-size: 14px; line-height: 1.2; }
.faq_A .prod_info_t td .pd_name, .faq_A .prod_info_t td .pd_num { color: #666;}
.faq_A .prod_info_t td .pd_name {width: 100%; line-height: 1.2rem; height: 2.4rem; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp: 2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; text-decoration: none !important; }
/** ¿ä83737 ¸ð¹ÙÀÏ ¸¶ÀÌÆäÀÌÁö °³Æí  **/
.cs_faq_area.cs_list .cs_faq_list dl.cs_faq dt.faq_Q > span.state{text-decoration: underline; color: #467feb;}
.cs_faq_area.cs_list .cs_faq_list dl.cs_faq dt.faq_Q > span.state.ok{text-decoration: underline; color: #000;}
/* 220726 °í°´ ÆÄÀÏ÷ºÎ ´äº¯³»¿ë */
.file_inner {width:100%; margin-top:10px; padding:16px 15px; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing: border-box; overflow:hidden;}
.file_inner h4 {float:left; padding-top:5px; font-size:13px; font-weight:bold; color:#333;}
.file_inner button {float:right; padding:5px 8px; background:#fff; border:1px solid #ddd; font-size:13px; font-family:'noto-R'; font-weight:normal; color:#000;}

/* ¿ä84233 ±ð¾ÆÁàPC ´äº¯ Ç¥½Ã¹æ¹ý º¯°æ 220520 */
.manager_recomend{margin-top: 15px; font-family: 'spoqa R';}
.manager_recomend .recomend_tit{ font-family: 'spoqa B'; color: #252525;}
.manager_recomend .recomend_cont{color: #737673;}
.manager_recomend .link{color: #1C8FED;}
.manager_recomend .pc_config{background: #fff; margin-top: 5px;}
.manager_recomend .pc_config table{width: 100%; font-size: 13px;}
.manager_recomend .pc_config .pd_cate {font-family: 'spoqa B';}
.manager_recomend .pc_config .pd_cate .pd_cate_t{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100% - 61px); display: inline-block; vertical-align: bottom;}
.manager_recomend .pc_config .pd_cate .prd_no{margin-left: 10px;padding-left: 10px;position: relative; display: inline-block;}
.manager_recomend .pc_config .pd_cate .prd_no::before{content: ''; position: absolute; display: block; width: 1px; height: 70%; left: 0px; top: 50%; transform: translateY(-50%); background: #cccccc;}
.manager_recomend .pc_config .pd_name{display: -webkit-box; display: -ms-flexbox; display: box; margin-top:1px; max-height:80px; overflow:hidden; vertical-align:top;
text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.manager_recomend .pc_config td, .manager_recomend .pc_config th{text-align: center;padding: 10px 10px; border-bottom: 1px solid #ccc;}
.manager_recomend .pc_config td:first-of-type,.manager_recomend .pc_config th:first-of-type {border-left: 1px solid #ccc; padding-right: 5px;}
.manager_recomend .pc_config td:nth-of-type(2),.manager_recomend .pc_config th:nth-of-type(2){padding: 10px 5px;}
.manager_recomend .pc_config td:last-of-type, .manager_recomend .pc_config th:last-of-type{border-right: 1px solid #ccc; padding-left: 5px;}
.manager_recomend .pc_config thead th{font-family: 'spoqa B'; color: #999999; border-top: 1px solid #ccc;}
.manager_recomend .pc_config tbody td{}
.manager_recomend .pc_config tfoot td{font-family: 'spoqa B';}
.manager_recomend .pc_config .align_L{text-align: left; color: #252525;}
/* ¿ä86545 ¿©½Å°Å·¡ µ¥ÀÌÅÍ Ä«Å×°í¸® Ãß°¡ 220713 */
.cs_list_wrap > li.staff_praise{margin-top: 8px;}
.cs_list_wrap > li.staff_praise>div {display: flex; justify-content: space-between; gap: 4px;}
.cs_list_wrap > li.staff_praise .AS_LGbtn{ margin: 0; width: calc(50% - 2px); max-width: none; border-radius: 5px;}
.cs_list_wrap > li.staff_praise button.on{border: 1px solid #0D6DE3; color: #0D6DE3; background: none;}
/* Æ˾÷ */
.pop_box_wrap{display: block; overflow-x: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background-color: rgba(0,0,0,.6); padding: 0 25px;}
.pop_box_wrap .popup_mo {padding:0 15px 35px;    width: 100%; height: 85vh; position: absolute; bottom: 0; left: 0; background: #fff; border-top-left-radius: 25px; border-top-right-radius: 25px;}
.pop_box_wrap .popup2_mo { background: #fff; border-radius: 10px; box-sizing: border-box; position: relative; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 325px; max-width: 400px; min-width: 270px;}	
.pop_box_wrap .bodytitle1 { font-size: 17px; font-family: 'noto-b'; font-weight: normal; }
.pop_box_wrap .bodytitle2 {font-size:14px; font-family:'noto-b'; font-weight: normal; color:#3a3a3a;}
.pop_box_wrap .bodytext1 { font-size: 15px; font-family: 'noto-R'; font-weight: normal; }
.pop_box_wrap .bodytext2 {font-size:14px; font-family:'noto-R'; font-weight: normal;}
.pop_box_wrap .color94 {color:#949494;}
.pop_box_wrap .detail {font-size:13px; font-family:'noto-D'; font-weight: normal;}
.pop_box_wrap .vertical_bar{ margin: 0 5px; font-size: 14px; color: #D8D8D8;}
.pop_box_wrap .txtleft {text-align:left;}
.pop_box_wrap .txtcenter {text-align:center;}
.pop_box_wrap .popup_tit {margin-bottom:20px; padding:30px 0 20px; border-bottom:1px solid #D8D8D8; box-sizing: border-box; }
.pop_box_wrap .popup_tit a {display: block; width:30px; height:30px; background: url('//image5.compuzone.co.kr/img/images/product_list22/pro_comparison_x2.png') center center/contain no-repeat; position: Absolute; top: 26px; right: 15px;}
.pop_box_wrap .popup_tit .title {font-size:20px; font-family:'noto-b'; color:#3a3a3a; text-align: center;}
.pop_box_wrap .popup2_mo .popup_con {padding: 0 20px 20px; box-sizing: border-box;}
.pop_box_wrap .popup_mo .popup_con {width: 100%; height: calc(100% - 110px); position: relative; top: 0; left: 0; overflow-y: scroll; box-sizing: border-box;}
.pop_box_wrap .popup_con h2 {margin:15px 0 10px;}
.pop_box_wrap .popup_graybox {width:100%; margin:20px 0; padding:17px 25px; background:#F9F9F9; border-radius:15px; box-sizing: border-box;}
.pop_box_wrap .popup_graybox.blue{background: #EEF8FF;}
.pop_box_wrap .popup_graybox h3 {margin-bottom:10px;}
.pop_box_wrap .popup_graybox p {margin-bottom:4px;}
.pop_box_wrap .popup_graybox p:last-child {margin-bottom:0px;}
.pop_box_wrap .popup_graybox p.detail {margin-top:15px;}
.pop_box_wrap .popup_noti {margin-top:15px;}
.pop_box_wrap .popup_noti p {margin-bottom:6px;}
.pop_box_wrap .popup_noti p:last-child {margin-bottom:0px;}
.pop_box_wrap .popup_graybox dl {overflow:hidden;}
.pop_box_wrap .popup_graybox dl dt {float:left;}
.pop_box_wrap .popup_graybox dl dd {float:right;}
.pop_box_wrap .popup_dot p {margin-bottom:6px; padding-left:10px; position:relative;}
.pop_box_wrap .popup_dot p:last-child {margin-bottom:0px;}
.pop_box_wrap .popup_dot p::before {content:''; width:2px; height:2px; background:#3a3a3a; position:absolute; top:10px; left:0px;}
.pop_box_wrap .popup_dot p.color6c::before {background:#6c6c6c;}
.pop_box_wrap .popup_btn {width:100%; background:#fff; position:relative; bottom:0;}
.pop_box_wrap .popup_btn a {display:block; width:100%; height:52px; line-height:50px; margin:15px auto 5px; text-align: center; background:#0d6de3; border-radius: 10px;
font-size:18px; font-family:'noto-M'; font-weight: normal; color:#fff;}

/* ¿ä83433 FAQ °­È­¹× ¹®Á¦ÇØ°á ÆäÀÌÁö Á¦ÀÛ  220714 */
.cs_faq_Bbox{height: 45px; line-height: 45px;}
.cs_faq_Bbox .faq_input{    padding: 10px 15px;}
.cs_faq_blue{ background: #0D6DE3;}
.cs_faq_Bbox .faq_input::placeholder {color:#3A3A3A;}
.cs_faq_Bbox .faqS_btn {position: absolute; right: 16px; top: 10px; display: block; width:24px; height:24px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_search_24.svg") center/contain no-repeat;}
.squareTab_wrap > li{    box-shadow: none; }
.cs_service_list li span{background: #EEF8FF; border-radius: 50%; display: flex; align-items: center; justify-content:center;}
.cs_service_list li span img{width: 32px;height: 32px;}
.cs_notice_box .CS_box_Tit{font-size: 0; border-bottom: 1px solid #D8D8D8; background-color: transparent;}
.cs_notice_box .CS_box_Tit > a{font-size: 0; width: 24px; height: 24px; display: inline-block; float: right; margin-top: 0; position: relative;
background: url('//image5.compuzone.co.kr/img/images/mypage22/icon_plus_48.png'); background-size: contain;}
.cs_service_list li + li{margin-left: 25px;}
.cs_notice_box{box-shadow: unset;}

/* 87995 FAQ ÆäÀÌÁö ¹× °ü¸®Åø °³¼±  220819 */
.cs_faq_Bbox .faq_input{padding: 10px 16px; font-family: 'Noto-R';}
.CS_Tit .gray_arrow{background: url(//image5.compuzone.co.kr/img/images/mypage22/ico_downarrow_48x48.png) center no-repeat; background-size: cover;}
.blue_txt{color: #0D6DE3!important;}
.cs_RG_btn{border-radius:10px;}
.qna_box .show_more_list {font-size: 15px; color: #3a3a3a; width: 100%; display: flex; gap: 4px; justify-content: center; align-items: center; position: relative; font-family: 'noto-M';}
.qna_box .show_more_list i {width: 12px; height: 12px; background: url(//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_down_24.svg) center center/contain no-repeat; display: inline-block;}
.service_bookmark {border-top: 9px solid #F2F2F2; padding: 20px 16px;}
.service_bookmark .consult_service_txt { font-size: 18px; font-family: 'Noto-M'; color: #1A1A1A;}
.service_bookmark .service_icon_wrap {display: flex; gap: 8px; margin-top: 16px;}
.service_bookmark .service_icon { width: calc(100% / 2); text-align: center;}
.service_bookmark .service_icon:last-child{margin-right: 0;}
.service_bookmark .service_icon a {width: 100%; height: 96px; background: #F8F8F8; border-radius: 10px; display: flex; flex-direction: column; gap: 8px; align-items: center; padding: 16px; box-sizing: border-box; }
.service_bookmark .service_icon .icon {width: 36px; height: 36px; display: inline-block;}
.service_bookmark .service_icon .icon img { width: 100%; height: 100%;}
.service_bookmark .service_icon .txt {color: #3A3A3A; font-family: 'Noto-M'; font-size: 14px; }
.search_total { margin: 0 0 8px;}

/* 94315 »ó´ã¼¾ÅÍ ³» ÷ºÎÆÄÀÏ ±â´É °³¼± 230307 */
.addFile_img_pop.pop_box_wrap .popup_tit{margin-bottom: 0;}
.addFile_img_pop.pop_box_wrap .popup_mo .popup_con{height: calc(100% - 160px);}
.addFile_img_pop .popup_con p.bodytext1{margin-top: 20px;}
.addFile_img_pop .img_box_wrap{border-radius: 15px; border: 1px solid #D8D8D8; background: #ACACAC; position: relative; font-size: 0; max-height: 100%; height: calc(100% - 116px);}
.addFile_img_pop .img_box {border-radius: 15px; position: relative; font-size: 0; max-height: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.addFile_img_pop .img_box img{ height: auto; width: auto; max-width: 100%; max-height: 100%;}
.addFile_img_pop .img_box .red_box{position: absolute; left: 0; top: 0; width: 88px; height: 88px; border: 2px solid #FF0000; border-radius: 15px; background: transparent;}
.addFile_img_pop .more_box{ position: absolute; right: 0; top: -3px; border:1px solid #D8D8D8; font-size: 13px; padding: 5px 15px; border-radius: 2px; letter-spacing: -0.025em; line-height: 1.3em; }
.addFile_img_pop .AS_btn_wrap{margin-top: 30px;}
.addFile_img_pop .AS_btn_wrap .AS_LGbtn .reroad { display: inline-block; width: 30px; height: 16px; line-height: 0em; vertical-align: bottom; font-size: 0; }
.addFile_img_pop .AS_btn_wrap .AS_LGbtn .reroad img{ width: 100%; margin-top: -7px;}

.addFile_img ul {display: flex; gap: 8px;}
.addFile_img ul li {width: calc(100% / 3); max-width: 90px; aspect-ratio: 1/1;}
.add_img_file{display: inline-block; position: relative; font-size: 0;}
.add_img_file .file_img{display: inline-block; width: 100%; height: 100%; overflow: hidden; border-radius: 8px; border: 1px solid #DEDEDE;}
.add_img_file .file_img img{width: 100%; height: 100%;}
.add_img_file .file_img.file_icon{background: url('//image5.compuzone.co.kr/img/images/mypage22/attachFile_78.png')   center/ 39px 39px no-repeat ; background-color: #F9F9F9;}
.add_img_file .file_img.vd_icon{background: url('//image5.compuzone.co.kr/img/images/mypage22/attachVideo_78.png')   center/ 39px 39px no-repeat ; background-color: rgba(0, 0, 0, 0.7);}
.add_img_file .file_img.plus{background: url('//image5.compuzone.co.kr/img/images/mypage22/attachFile_plus60.png') center / 24px 24px no-repeat;}
.add_img_file .close_btn {position: absolute; display: inline-block; right: 4px; top: 4px; width: 24px; height: 24px; background: url('//image5.compuzone.co.kr/img/images/mypage22/attachClose_btn48.png') center no-repeat; background-size: 28px;}
.addFile_img .grey_box { border-radius: 10px; background: #F9F9F9; padding: 12px; text-align: center; font-size: 13px; color: #3A3A3A; margin-top: 15px; }

/* 230515 96704 µô·¯È¸¿ø º»ÀÎÀÎÁõ ¸íÀǺ¯°æ ÇÁ·Î¼¼½º ±¸Ãà ¿äû */
.transfer_bold{font-size: 13px; color: #333; font-family: 'noto-B'; margin-bottom: 5px; padding-left: 20px;}
.transfer_p{font-size: 13px; color: #333; font-family: 'noto-R'; padding-left: 20px;}
.header_back {width: 24px; height: 24px; background: url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_before_24.svg") center center/contain no-repeat; text-indent: -2500px; position: absolute; z-index: 2; left: 16px; top: 12px;}
.header_back .backbtn {display: block; width: 100%; height: 100%;}
.change_content *{box-sizing: border-box; letter-spacing: -0.5px;}
.change_content{padding: 20px 15px; min-height: calc(100vh - 350px);}
.change_content .title{margin-bottom: 10px;}
.change_content .title h3{font-weight: normal;}
.change_content .table_wrap table{width: 100%; border-collapse: collapse;}
.change_content .table_wrap thead tr{border-top: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2;}
.change_content .table_wrap thead tr th{padding: 15px; text-align: center; border-right: 1px solid #F2F2F2; background: #F9F9F9; font-size: 14px; font-family: 'noto-B'; color: #3A3A3A;}
.change_content .table_wrap thead tr th:nth-child(1){width: 80px;}
.change_content .table_wrap thead tr th:nth-child(2){width: 155px;}
.change_content .table_wrap thead tr th:nth-child(3){width: 110px; border-right: 0;}
.change_content .table_wrap tbody tr{border-bottom: 1px solid #F2F2F2;}
.change_content .table_wrap tbody tr td{padding: 15px 14px; text-align: center; font-size: 14px; font-family: 'noto-R'; color: #3A3A3A; word-break: break-all;}
.change_content .table_wrap tbody tr td.bold{border-right: 1px solid #F2F2F2; background: #F9F9F9; font-size: 14px; font-family: 'noto-B'; color: #3A3A3A;}
.change_content .table_wrap tbody tr td.btn_td{border-left: 1px solid #F2F2F2; padding: 15px 8px;}
.change_content .table_wrap tbody .btn_box p{font-size: 14px; font-family: 'noto-R'; color: #3A3A3A;}
.change_content .table_wrap tbody .btn_box button{width: 80px; height: 35px; background: #6C6C6C; border-radius: 5px; color: #ffffff; margin-top: 10px;}
.shr_sns{padding: 0 35px;}
#pop_box.shareLyr .inner .cont .closeBtn{top: 9px;}
.layer_pop .sale_price_inner .basic p::before{display: none;}
.layer_pop .sale_price_inner .basic p{padding-left: 0;}

/* 240412 108097 °³ÀÎÁ¤º¸ µ¿ÀÇ */
.graybox { width:100%; height:120px; margin-top:10px; padding:12px 10px; border:1px solid #D8D8D8; border-radius:5px; box-sizing: border-box; overflow-y: auto; text-align: left; display: flex; flex-direction: column; gap: 4px;} 
.graybox p {font-size:13px; color:#6C6C6C;}
.mcpz_check input[type="checkbox"] {width: 100%; height: 100%; background: #fff; font-size: 15px; box-sizing: border-box; appearance: none; position: relative;}
.mcpz_check input[type="checkbox"]:checked {border: 0;}
.mcpz_check label.check {display: inline-block; font-size: 15px; font-family: 'noto-R'; color: #3a3a3a; }
.mcpz_check input[type="checkbox"] + label.check > span {display: inline-block; width: 24px; height: 24px; margin-right: 5px; vertical-align: -6px; border: 1px solid #D8D8D8; border-radius: 4px; box-sizing: border-box;}
.mcpz_check input[type="checkbox"]:checked + label.check > span {background: url(//image5.compuzone.co.kr/img/images/main/main2022/main_checkbox.png) center center/contain no-repeat; border: none;}

/* 240524 109744 »ó´ã³»¿ª ¾øÀ»¶§ */
.cs_faq_area .cs_faq_list dl.cs_faq dt.no_list  {display: flex; flex-direction: column; align-items: center; padding: 120px 0 0; border-color: #fff;}
.cs_faq_area.cs_list .no_list > span {display: inline-block !important; width: 42px !important; height: 42px !important; margin:0 0 12px 0 !important;}
.no_list span > img {width: 100%; display: block;}

/* 240730 112286 ¿µ»ó÷ºÎ ±â´É Ãß°¡ */
.notice_box {padding: 0 20px; box-sizing: border-box; margin-bottom: 24px;}
.notice_box .notice {display: flex; flex-direction: column; gap: 5px;}
.notice_box .notice li{padding-left: 5px; position: relative; color: #6c6c6c;}
.notice_box .notice li::before{content: '¡¤'; position: absolute; top: 0; left: 0; width: 2px; height: 2px; color: #6c6c6c;}
.add_img_file2{display: inline-block; width: 88px; float: left; margin-right: 15px; position: relative; font-size: 0;}
.add_img_file2:last-of-type{margin-right: 0;}
.add_img_file2 .file_img{display: inline-block; width: 88px; height: 88px; overflow: hidden; border-radius: 8px; border: 1px solid #DEDEDE;}
.add_img_file2 .file_img img{width: 100%;}
.add_img_file2 .file_img.file_icon{background: url('//image5.compuzone.co.kr/img/images/mypage22/attachFile_78.png')   center/ 39px 39px no-repeat ; background-color: #F9F9F9;}
.add_img_file2 .file_img.vd_icon{background: url('//image5.compuzone.co.kr/img/images/mypage22/attachVideo_78.png')   center/ 39px 39px no-repeat ; background-color: rgba(0, 0, 0, 0.7);}
.add_img_file2 .file_img.plus{background: url('//image5.compuzone.co.kr/img/images/mypage22/attachFile_plus60.png') center / 30px 30px no-repeat;}
.add_img_file2 .close_btn { position: absolute; display: inline-block; right: 6px; top: 6px; width: 24px; height: 24px; background: url('//image5.compuzone.co.kr/img/images/mypage22/attachClose_btn48.png') center no-repeat; background-size: contain;}




/** css Ãß°¡½Ã ¹Ìµð¾îÄõ¸®À§·Î  **/
@media all and (min-width:550px) { 
	.cs_faq_blue .more_view{right:inherit; left:50%; margin-left:214px;}
	.squareTab_wrap > li{margin-top:0 !important; width:calc((100% - 45px) / 4);}
	.squareTab_wrap > li + li{margin-left:15px;}
	.squareTab_wrap > li:nth-child(3) , .squareTab_wrap > li:nth-child(4){margin-top:0px;}
}
/* 87995 FAQ ÆäÀÌÁö ¹× °ü¸®Åø °³¼±  220819 */

@media all and (max-width:370px) { 
	/* »ó´ã¼¾ÅÍ ¸ÞÀÎ - ¼­ºñ½º¸ñ·Ï */
	.cs_service_list li .ntRB13{margin-top:2.1622vw;}
}

@media (max-width:600px) {
	.cs_faq_area .cs_faq_list dl.cs_faq.view dd.faq_A .faq_A_btn_wrap { display:flex; justify-content: center}
}

/* 122070 ¸ð¹ÙÀÏ ³×ºñ°ÔÀÌ¼Ç °³¼±  */
.mw_wrap {margin-top: 48px;}

/*** 250509 117244 ½ºÅ¸ÀÏ °³¼± ***/
.mcpz_select_box:before {right: 12px;}
/* °í°´ÀǼҸ® */
.mcpz_input_box input, .mcpz_select_box select {border-radius: 5px; font-size: 14px; letter-spacing: -0.4px;}
.mcpz_input_phone {display: flex; justify-content: space-between; gap: 4px;}
.mcpz_input_phone .mcpz_select_box, .mcpz_input_phone .mcpz_input_box {width: calc(33.33% - 4px);}
.mcpz_input_phone .mcpz_input_box {margin-left: 0;}
.mcpz_input_phone .mcpz_input_box:after {display: none;}
.AS_LBLbtn, .AS_LGbtn {border-radius: 10px; height: 50px; box-shadow: none;}

.cs_listW .addFileList {margin-top: 8px; border-radius: 0; background-color: transparent; display: flex; flex-direction: column; gap: 4px;}
.cs_listW .addFileList li {height: 40px; border-radius: 5px; background: #F9F9F9; font-size: 14px;}
.cs_listW .addFileList li + li {border-top: none;}
.cs_listW .addFileList em {line-height: 21px; color: #0D6DE3; display: inline-block; margin-right: 4px;}
.cs_listW .addFileList li span {line-height: 21px; color: #949494;}
.cs_listW .addFileList .DelBtn {width: 16px; height: 16px; right: 12px; top: 12px; background: url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_close_24.svg") center / contain no-repeat;}

#layerpop_right.cs_right_search_menu_new .popup_cont {width: calc(100% - 32px); height: calc(100% - 20px); padding: 16px; border-radius: 25px 0 0 0; box-sizing: border-box;}
#layerpop_right.cs_right_search_menu_new .tit {border-bottom: none; padding-bottom: 0;}
#layerpop_right .tit > span {padding: 0;}
#layerpop_right .tit .close {width: 24px; height: 24px; right: 0; background: url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_close_24.svg") center no-repeat;}
#layerpop_right.cs_right_search_menu_new .cont {padding: 16px 0; height: 100%; box-sizing: border-box;}
#layerpop_right.cs_right_search_menu_new .tap_div > li {height: 44px; line-height: 44px;}
#layerpop_right.cs_right_search_menu_new input[type="radio"] + i {margin-right: 8px; flex-shrink: 0;}
#layerpop_right.cs_right_search_menu_new input[type="radio"] + i:before {width: 16px; height: 16px;}
#layerpop_right.cs_right_search_menu_new #OrderUserList > .inner > .OrderList_box > label,
#layerpop_right.cs_right_search_menu_new #PrUserList > .inner > .PrUserList_box > label {font-size: 14px;}
#layerpop_right.cs_right_search_menu_new .OrderUserList #search_date_layer > a {width: auto; min-width: 57px; height: 40px; background: #1a1a1a; font-size: 14px; font-family: 'noto-R';}
#layerpop_right.cs_right_search_menu_new #PrUserList #search_cate_layer > a,
#layerpop_right.cs_right_search_menu_new #search_order_layer > a,
#layerpop_right.cs_right_search_menu_new #search_pno_layer > a {background: #1a1a1a; font-family: 'noto-M'; margin-top: 12px;}
#layerpop_right.cs_right_search_menu_new #search_date_layer .sel_bx select {height: 40px;}
#layerpop_right.cs_right_search_menu_new #OrderUserList > .inner > .OrderList_box:first-child {gap: 12px; margin-bottom: 12px;}
#layerpop_right.cs_right_search_menu_new #PrUserList > .inner > .PrUserList_box:first-child {gap: 12px; margin-bottom: 12px;}
#layerpop_right.cs_right_search_menu_new #search_date_layer .sel_bx {width: calc(100% - 62px);}
#layerpop_right.cs_right_search_menu_new .cont .inner > div {margin-bottom: 16px;}
#layerpop_right.cs_right_search_menu_new .ulist {gap: 12px; padding-bottom: 10px;}
#layerpop_right.cs_right_search_menu_new .ulist > li a {padding: 16px;}
#layerpop_right.cs_right_search_menu_new .ulist > li.on a {border: 2px solid #0D6DE3;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_tit {margin-bottom: 8px; flex-wrap: wrap; gap: 4px;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_tit .box .date {font-size: 12px;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_tit .box > span {height: 12px; margin: 0 8px;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_tit .box .num,
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_tit .box .num span {font-size: 12px;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_tit .state {font-size: 16px; font-family: 'noto-B';}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_main .thm {width: 80px; height: 80px; border-radius: 10px; flex-shrink: 0;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_main .txt_box .box_tit {font-size: 14px; -webkit-line-clamp: 3;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_main .txt_box .price {font-size: 13px; margin-top: 8px;}
#layerpop_right.cs_right_search_menu_new .ulist > li a .info_main .txt_box .price span b {font-size: 16px; font-family: 'spoqa B'; padding-right: 2px;}
#layerpop_right.cs_right_search_menu_new #search_pno_layer > div .sel_bx,
#layerpop_right.cs_right_search_menu_new #search_order_layer > div .sel_bx {width: 120px;}
#layerpop_right.cs_right_search_menu_new #search_order_layer > div input.ipt_txt,
#layerpop_right.cs_right_search_menu_new #search_pno_layer > div input.ipt_txt {width: calc(100% - 124px);}
#layerpop_right.cs_right_search_menu_new #search_cate_layer .sel_bx:after,
#layerpop_right.cs_right_search_menu_new #search_date_layer .sel_bx:after {width: 16px; height: 16px; background: url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_down_24.svg") center / 16px no-repeat;}
#layerpop_right.cs_right_search_menu_new #search_date_layer .sel_bx:after {top: 11px; right: 12px;} 
#layerpop_right.cs_right_search_menu_new #search_cate_layer .sel_bx:after {top: 18px; right: 12px;}
#layerpop_right.cs_right_search_menu_new #search_cate_layer .sel_bx select,
#layerpop_right.cs_right_search_menu_new #search_order_layer > div .sel_bx select,
#layerpop_right.cs_right_search_menu_new #search_pno_layer > div .sel_bx select {font-size: 14px;}
#layerpop_right.cs_right_search_menu_new #search_order_layer > div .sel_bx select,
#layerpop_right.cs_right_search_menu_new #search_order_layer > div input.ipt_txt,
#layerpop_right.cs_right_search_menu_new #search_pno_layer > div .sel_bx select,
#layerpop_right.cs_right_search_menu_new #search_pno_layer > div input.ipt_txt {height: 40px;}
#layerpop_right.cs_right_search_menu_new #search_order_layer > div .sel_bx:after,
#layerpop_right.cs_right_search_menu_new #search_pno_layer > div .sel_bx:after {top: -4px; right: 12px; width: 16px; height: 16px; background: url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_down_24.svg") center / 16px no-repeat;}
#layerpop_right.cs_right_search_menu_new .OrderUserList .date_on {height: calc(90vh - 225px); padding-bottom: 0;}
#layerpop_right.cs_right_search_menu_new .OrderUserList .order_on {height: calc(90vh - 280px); padding-bottom: 0;}
#layerpop_right.cs_right_search_menu_new #PrUserList #search_list {height: calc(90vh - 390px); padding-bottom: 0;}
#layerpop_right.cs_right_search_menu_new #PrUserList #search_list.code_on {height: calc(90vh - 290px); padding-bottom: 0;}

#layerpop_right.cs_right_search_menu_new .OrderUserList #search_list {height: calc(90vh - 225px);}
#layerpop_right.cs_right_search_menu_new .OrderUserList #search_list.on {height: calc(90vh - 270px);}
#layerpop_right.cs_right_search_menu_new #PrUserList #search_list {height: calc(90vh - 370px);}
#layerpop_right.cs_right_search_menu_new #PrUserList #search_list.on{height: calc(90vh - 275px);}

#layerpop_right.cs_right_search_menu_new #PrUserListTable {padding: 0;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li a {border-radius: 15px; border: 1px solid #d8d8d8; padding: 16px;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li a .info_main .txt_box .box_tit {font-size: 14px;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li a .info_main .txt_box .price {font-size: 13px; display: flex; align-items: center; font-family: 'noto-R';}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li a .info_main .txt_box .price + .price {margin-top: 4px;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li a .info_main .txt_box .price span {font-family: 'spoqa B'; font-size: 16px;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li a .info_main .txt_box .price span i {font-size: 13px; display: inline-block; padding-left: 2px;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li:last-child a {border-bottom: 1px solid #d8d8d8;}
#layerpop_right.cs_right_search_menu_new #PrUserListTable > li.on a {border: 2px solid #0D6DE3;}

#layerpop_right.cs_right_search_menu_new .OrderUserList .btn_wrap,
#layerpop_right.cs_right_search_menu_new #PrUserList .btn_wrap {right: 0; gap: 8px; width: calc(100% - 32px); padding: 16px; box-sizing: border-box;}
#layerpop_right.cs_right_search_menu_new .OrderUserList .btn_wrap a,
#layerpop_right.cs_right_search_menu_new #PrUserList .btn_wrap a {font-size: 16px;}

#layerpop_right.cs_right_search_menu_new .OrderUserList .btn_wrap::after,
#layerpop_right.cs_right_search_menu_new #PrUserList .btn_wrap::after {display: none;}

/* °Ë»ö °á°ú ¾øÀ» ¶§ */
#layerpop_right.cs_right_search_menu_new .ulist > li.no_result {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; height: calc(100vh - 400px);}
#layerpop_right.cs_right_search_menu_new .ulist > li.no_result.on {display: flex;}
#layerpop_right.cs_right_search_menu_new .ulist > li.no_result .icon {width: 48px; height: 48px; background: url("//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_exclamation_mark_circle_48.svg") center no-repeat;}
#layerpop_right.cs_right_search_menu_new .ulist > li.no_result>p {text-align: center; font-family: 'noto-M'; font-size: 14px; letter-spacing: -0.4px; color: #949494; line-height: 1.5;}

/* ±¸¸ÅÀü¹® »ó´ã */
#CS_wrap .Mcom_PopUp_Box {background-color: rgba(0,0,0,0.7);}
#CS_wrap .Mcom_PopUp_Box .layerPop_X {background: url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_close_24.svg") center no-repeat; top: 20px; right: 16px;}

/* ÀÚÁÖ¹¯´ÂÁú¹® */
.CS_faq_content {padding-bottom: 20px;}
.cs_RG_contents {padding-bottom: 20px;}

/* 118144 ÀÌÀÇ ½Åû ¹× A/S¡¤±³È¯¡¤¹ÝÇ° ½Åû */
.claim_wrap * {box-sizing: border-box;}
.claim_wrap {height: calc(100vh - 48px); box-sizing: border-box;}
.claim_wrap .mcpz_wrap, .claim_wrap .CS_contents {height: 100%;}
.claim_wrap .CS_contents {display: flex; flex-direction: column;}
.claim_wrap .btn_area {margin-top: auto;}
.claim_wrap textarea {resize: vertical;}