*{padding: 0; margin: 0;box-sizing: border-box;  font-family: 'Noto-R';}
input:focus {outline:none;}
a { text-decoration:none }
a:hover{text-decoration:none !important;}
.container {width:1000px; margin: 0 auto;}
.container .contents_title {margin-bottom:20px;}
.myP_inner {position: relative;}
.my_gnb .depth1 > a{color:#949494;}
.my_gnb .depth1.on > a{color: #1A1A1A;}
.my_gnb li:last-of-type:after{display: none;}
.new_18{background: url("//image5.compuzone.co.kr/img/images/mypage21/new_18x18.png")no-repeat; width: 18px; height: 18px; display: inline-block;}
.fl_right{float: right;}

/* »ó´ã¼¾ÅÍ °øÅë »ó´Ü ¿µ¿ª */
.cscenter_top .container {display: flex; flex-direction: column; align-items: center; position: relative; z-index: 1; text-align: center; padding:40px 0 ;}
.cscenter_top .title {display: flex; flex-direction: column; gap:8px;font-size: 32px; font-weight: normal; font-family: 'Noto-B'; text-align: center; color: #1a1a1a;}
.cscenter_top .sub_title {font-size:18px; font-family: 'Noto-R'; color: #1a1a1a;}
.cscenter_top .sub_title p {font-size: 18px; color: #1a1a1a; margin-top:8px;}
.cscenter_top .sub_title p.grey{ color: #949494; margin-top: 10px; line-height: 1em; font-size: 16px;}
.cscenter_top .cs_search_box { width: 500px; height: 48px; margin-top:8px; padding:10px 56px 10px 20px; border-radius:24px; background-color: #fff; border:1px solid #1a1a1a; position: relative;}
.cscenter_top .comizone {display: flex; position:relative; height:88px;}
.cscenter_top .speech {display: flex; align-items: center; justify-content: center; width:max-content; height:32px; padding:0 15px; background:var(--co1C); border-radius: 16px; position:relative; top:32px;}
.cscenter_top .speech>svg { position:absolute; bottom:0; right:0;} 
.cscenter_wrap .container {display: flex; flex-direction: column; gap:56px; padding:16px 0 56px;}
/* °Ë»ö Ã¢ */
.cs_search_box .search_input{width: 424px; height:100%; border: 0px; background: transparent; line-height: 21px; font-family: 'Noto-R'; color: #6c6c6c; letter-spacing: -0.5px; font-size: 14px;}
.cs_search_box .search_input::placeholder{font-size: 14px; color: #949494; line-height: 21px;}
.cs_search_box .search_icoBtn { position: absolute; top: 10px;  right: 20px; width: 28px; height: 28px; display: inline-block; font-size: 0; text-indent: -10000px; background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_search_24.svg') center center/contain no-repeat;}

/* »ó´ã¼¾ÅÍ ¸ÞÀÎ ÆäÀÌÁö */
.contents_title {display: flex; justify-content: space-between;}
.contents_title>a {display: flex;align-items: center; gap:4px;}
/* ÀÚÁÖÃ£´Â¸Þ´º */
.main_link_box .link_box {display: flex; align-items: flex-start; gap:16px; width:100%;}
.main_link_box .link_box>div {width:238px; height: stretch; padding:20px; background:var(--coF9); border-radius: 10px;}
.main_link_box .link_box>div a {display: flex; flex-direction:column; gap:4px;}
.main_link_box .link_box>div i {display: block; width:36px; height:36px; margin-bottom:4px;}
.main_link_box .link_box>div i img {width:100%;}
/* ÀÚÁÖ¹¯´ÂÁú¹® */
.contents_box {border:1px solid #d8d8d8; background:#fff; border-radius: 10px; padding:0 20px;}
.qna_list .question{ font-size: 16px; padding:0 20px; line-height: 60px; cursor: pointer; overflow: hidden; border-bottom:0; border-top:1px solid #e8e8e8;}
.qna_list .question:first-child {border-top:0;}
.qna_list .question.active i{transform: rotate(180deg);}
.qna_list .question .q_tit {float: left; width: 14px; height: 60px; margin-right:8px; color: #1C8FED; font-size: 20px; font-family: 'spoqa R'; text-align: right;}
.qna_list .question i {float: right; margin:18px 0 0 0; display: inline-block; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_down_24.svg') center/20px no-repeat;}
.qna_list .answer { background-color: #f9f9f9; height: 0px; font-size: 16px; line-height: 24px; letter-spacing: -0.025em; color: #6c6c6c; overflow-y: auto; transition: 0.2s; overflow: hidden;}
.qna_list .answer .answer_wrap{padding: 20px 48px;}
.qna_list .answer .answer_wrap p, .qna_list .answer .answer_wrap span{font-family: 'Noto-R' !important;  font-size: 16px !important;}
.qna_list .answer img {max-width: 100%;}
.qna_list .answer.active{height: 401px; }
.answer .nano {height: 400px;}
/* ±âÅ¸¼­ºñ½º */
.bookmark {display: flex; flex-wrap: wrap; align-items: center; gap:4px 0; padding:16px 20px; border-radius:10px; background:var(--coF9);}
.bookmark a {display: flex; align-items: center; gap:4px; width:33%; height:40px;}
.bookmark a i {display: block; width:24px; height:24px;}
.bookmark a p {line-height: 24px;}
/* °øÁö»çÇ× */
.contents_box {border:1px solid #d8d8d8; border-radius: 10px;}
.notice_list .notice a{display: block;font-size: 16px; line-height: 60px; border-bottom: 1px solid #E8E8E8; color: #1a1a1a; font-family: 'Noto-R';
letter-spacing: -0.025em;padding: 0 20px;}	
.notice_list .notice:last-child a {border-bottom:0;}
.myP_right .notice_list .notice:last-child a {border-bottom:1px solid #e8e8e8;}
.notice_list .notice a .title {position:relative;}
.notice_list .notice.new a .title::before {content:''; width:16px; height:16px; background:var(--coF1) url('//image5.compuzone.co.kr/img/images/svg_icon/Fill/icon_fill_vivid_new.svg') center center/12px no-repeat; border-radius: 50%; position:absolute; right:-20px; top:3px;}
.notice_list .notice a .fl_right {float: right; font-size:14px; font-family:'spoqa R'; color:#6c6c6c;}
.notice_list .notice.new a .title{position: relative;}

/*  */
.main_info_box {display: flex; align-items: center; gap:16px;}
.main_info_box>div {display: flex; flex-direction:column; justify-content: space-between; gap:8px; width:50%; height:stretch; padding:20px; border:1px solid #d8d8d8; border-radius: 10px;}
.main_info_box .flex {display: flex;}
.main_info_box .flex.btwn {justify-content: space-between;}
.main_info_box .txt_box p {display: flex; align-items: center; gap:8px;}
.main_info_box .txt_box p + p {margin-top:4px;}
/* ÀÚÁÖ¹¯´Â Áú¹® */
.cscenter_question .question_tab_list{margin-bottom: 20px;}
.question_tab_list li{float: left; margin-right: 10px; font-size: 0;}
.question_tab_list li:last-child{margin-right: 0;}
.question_tab_list li a{display: inline-block;width: 102px ; height: 115px ; background: #fff; border: 1px solid #D8D8D8; border-radius: 2px; text-align: center;}
.question_tab_list li a:hover, .question_tab_list li a:focus, .question_tab_list li.on a{border: 1px solid #1C8FED;}
.question_tab_list li a .icon_wrap{ margin: 15px auto 0; display: inline-block;}
.question_tab_list li a .icon_wrap .icon{display: block;width: 48px; height: 48px; margin: 0 auto; background-position: 100% 0;}
.question_tab_list li a .icon_wrap.all .icon{background: url('//image5.compuzone.co.kr/img/images/mypage21/icon_all_48x48.png')no-repeat; background-position: 100% 0;}
.question_tab_list li a .link_title{display: block; font-size: 14px; font-family: 'Noto-M'; color:#3A3A3A; letter-spacing: -0.025em; line-height: 16px; margin-top: 7px ;}
.question_tab_list li a:hover .link_title, .question_tab_list li a:focus .link_title, .question_tab_list li.on a .link_title{color: #1C8FED;}
.question_tab_list li a:hover .icon_wrap .icon, .question_tab_list li a:focus .icon_wrap .icon, .question_tab_list li.on a .icon_wrap .icon{ background-position: 0 0;}
/* ÀÚÁÖ¹¯´Â Áú¹® Á¦Ç°Á¾·ù ¸®½ºÆ® */
.pro_btn_list{display: flex; flex-wrap: wrap; gap:8px; margin: 20px 0; padding:0 20px;}
.pro_btn_list .round_btn{display: inline-block; color: #1A1A1A; font-size: 16px; letter-spacing: -0.025em; font-family: 'Noto-R'; padding: 15px 20px; line-height: 1em; border-radius: 44px; background: #E8E8E8;}
.pro_btn_list .round_btn:hover, .round_btn:focus, .round_btn.active{background: #1A1A1A; color:#FFFFFF}
.cscenter_question .pro_btn_list .round_btn:nth-of-type(5n){margin-right: 10px;}
.cscenter_question .bottom_area{margin:20px 0;}
/* ÀÚÁÖ¹¯´Â Áú¹® °Ë»ö °á°ú */
.qna_search_result{ font-size: 16px; letter-spacing: -0.025em; line-height: 24px; padding:20px; color: #6c6c6c; font-family: 'Noto-R'; border-bottom:1px solid #3a3a3a;}
.qna_search_result .blue{color: #1C8FED;}
.search_results_none{display: none;}
.cscenter_question.results_none .contents_box{display: none;}
.cscenter_question.results_none .search_results_none{display: block;}
.search_results_none{ text-align: center;}
.search_results_none .search_icon{ margin: 30px auto 20px ;}
.search_results_none .result{ font-size: 16px; letter-spacing: -0.025em; color: #B4B4B4; line-height: 22px; margin-bottom: 50px;}
.search_results_none .result .black{font-family: 'Noto-M';}
.nano > .nano-pane{width: 6px; border-radius: 0px;}
.nano > .nano-pane > .nano-slider{border-radius: 0px;}

.cscenter_customer .myP_left .cs_box{margin-top: 40px;}
.cscenter_customer .contents_box{padding: 23px 30px 38px; background: #fff;}
.cscenter_customer .my_gnb .depth1 > a{color: #949494;}
.cscenter_customer .my_gnb .depth1 > a:hover, .cscenter_customer .my_gnb .depth1 > a:focus{color: #1A1A1A;}
.cscenter_customer .my_gnb .depth1.on a{color: #1A1A1A;}
.cscenter_customer .contents_box .myP_BWbtn{ font-family: 'Noto-R'; letter-spacing: -0.025em; float: left; margin-right: 10px;}
.cscenter_customer .contents_box .button_list .myP_BWbtn:last-of-type{margin-right: 0;}
.cscenter_customer .contents_box .button_list.array_3 .myP_BWbtn{width: 255px;}
.cscenter_customer .contents_box .button_list.array_4 .myP_BWbtn{width: 190px;}
.cscenter_customer .contents_box .button_list.array_4 .myP_BWbtn:nth-of-type(4n){margin-right: 0;}
.cscenter_customer .contents_box .button_list.array_5 .myP_BWbtn{margin-bottom: 10px; width: 150px;}
.cscenter_customer .contents_box .button_list.array_5 .myP_BWbtn:nth-of-type(4n){margin-right: 10px;}
.cscenter_customer .contents_box .button_list.array_5 .myP_BWbtn:nth-of-type(5n){margin-right: 0;}
.cscenter_customer .contents_box .button_list.array_5 .myP_BWbtn:nth-child(n+6):nth-child(-n+9){margin-bottom: 0;}

.cscenter_customer .contents_box .button_list button:hover, .cscenter_customer .contents_box .button_list button:focus{border: 1px solid #135eba; color: #135eba !important;  font-family: 'Noto-M';}
.cscenter_customer .contents_box .button_list button.on{border: 1px solid #135eba; color: #135eba !important;  font-family: 'Noto-M';}
.cscenter_customer .contents_box .button_list button.active{border: 1px solid #135eba; color: #135eba !important;  font-family: 'Noto-M';}
.cscenter_customer .contents_box .button_list .button:hover, .cscenter_customer .contents_box .button_list .button:focus{border: 1px solid #135eba; color: #135eba !important;  font-family: 'Noto-M';}
.cscenter_customer .contents_box .button_list .button.on{border: 1px solid #135eba; color: #135eba !important;  font-family: 'Noto-M';}
.cscenter_customer .contents_box .button_list .button.active{border: 1px solid #135eba; color: #135eba !important;  font-family: 'Noto-M';}

.cscenter_customer .contents_box .button_list .myP_BWbtn .question{display: inline-block; border: 0px; vertical-align: text-bottom; width: 18px; height: 20px; margin-left: 2px;}
.cscenter_customer .contents_box .button_list .myP_BWbtn .question img{display: block;}
.cscenter_customer .contents_notice{line-height: 1em; background-color: #f9f9f9; padding: 19px 16px; margin-top: 20px; width: 100%;font-size: 13px; letter-spacing: -0.025em; color: #6c6c6c;}
.contents_box table{width: 100%; border:0px; border-collapse: collapse; border-spacing:0px; font-size: 0;}
.contents_box table th{vertical-align: baseline; font-size: 16px; font-family: 'Noto-R'; font-weight: 500; letter-spacing: -0.025em; width: 145px;  text-align: left; border:0px;}
.contents_box table td{border:0px; padding-bottom: 30px;}
.my_manager_box{ font-size: 0;display: inline-block;}
.my_manager_box > input{display: inline-block; padding: 0 13px; width: 100px; height: 40px; line-height: 40px; border: 1px solid #d8d8d8; color: #1a1a1a;  font-size: 14px;
    outline: none; vertical-align: top; text-align: center; border-radius: 2px 0 0 2px;}
.my_manager_box > a{display: inline-block; margin-left: -1px; width: 70px; height: 40px; line-height: 40px; background: #f9f9f9; border: 1px solid #d8d8d8;
color: #1a1a1a !important; font-size: 14px; letter-spacing: -0.025em; text-align: center; vertical-align: top;  text-decoration: none; outline: none; cursor: pointer; border-radius: 2px;}
.input_fullsize > input{display: inline-block; padding: 0 13px; width: 100%; height: 40px; line-height: 40px; border: 1px solid #d8d8d8; color: #1a1a1a;  font-size: 14px;
    outline: none; vertical-align: top; border-radius: 2px 0 0 2px; padding: 13px 16px; text-align: left;}
.input_fullsize > input:hover, .input_fullsize > input:focus{    border: 1px solid #1a1a1a;}
.contents_box .inline_block_notice{display: inline-block;vertical-align: bottom; margin-bottom: 14px; margin-left: 12px; color: #135EBA; font-size: 14px; letter-spacing: -0.025em; line-height: 1em;}
.contents_box .inline_block_notice span{color: #135EBA; font-size: 14px; letter-spacing: -0.025em; line-height: 1em}
.cscenter_customer .myP_textarea{width: 100%; height: 165px; letter-spacing: -0.035em;}
.cscenter_customer .myP_textarea textarea::placeholder{font-size: 14px; color: #949494; letter-spacing: -0.035em; font-family: 'Noto-R';}
.cscenter_customer .myP_MWbtn{margin-right: 5px;}
.cscenter_customer .myP_MWbtn.myP_MWbbtn{width: 88px; margin-right: 9px;}

.cscenter_customer .add_file_wrap { width: 470px; height: 40px; border:1px solid #d8d8d8; border-radius: 2px; font-size:0; position: relative; margin-bottom: 10px;}
.cscenter_customer .add_file_wrap:last-of-type{margin-bottom: 0;}
.cscenter_customer .add_file_wrap > button {width: 88px; height: 100%; border-left:1px solid #d8d8d8; background-color: #f9f9f9; float: right;}
.cscenter_customer .add_file_wrap .add_file {position: relative; display: inline-block; padding: 10px 5px 10px 10px; width: auto; max-width: 350px; height: 100%; font-size:0;}
.cscenter_customer .add_file_wrap .add_file > span {display: inline-block; vertical-align: top;}
.cscenter_customer .add_file_wrap .fileName {max-width: 295px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cscenter_customer .add_file_wrap .add_file_del {position: absolute; display: inline-block; top: 11px; right: -18px; width: 18px; height: 18px; background: url('//image5.compuzone.co.kr/img/images/mypage21/circleGray_x.png') top left no-repeat;}
.cscenter_customer .add_file_wrap .pmIcon {position: absolute; top: 6px; left: 480px;}
.cscenter_customer .add_file_wrap .pmIcon > i { margin: 0; }
.cscenter_customer .attachments .notice{font-size: 16px; letter-spacing: -0.04em; color: #949494; line-height: 1em; margin-top: 20px;}

.cscenter_customer .receive_reply .contents_notice { color:#6C6C6C; line-height: 26px; padding: 13px;}
.cscenter_customer .receive_reply .contents_notice .device{color:#D8D8D8; margin: 0 10px;}
.cscenter_customer .receive_reply .contents_notice .myP_SWbtn{float: right;}
.enrollment_btn{width: 265px; height: 60px;background: #1A1A1A;color: #fff; display: block; font-size: 16px; text-align: center; line-height: 60px; letter-spacing: -0.4px;
border-radius: 8px; margin: 0 auto; margin-top: 10px; font-family: 'noto-M';}


/* »óÇ°¼±ÅÃ Á¦Ç° Ãß°¡ ¿µ¿ª */
.close_icon_8x8{ width: 8px; height: 8px; background: url(//image5.compuzone.co.kr/img/images/mypage21/close_icon_8x8.png)no-repeat;
    display: inline-block; vertical-align: text-bottom; margin-bottom: 7px; margin-left: 7px;}
.product_select .myP_MWbtn{padding: 0 16px; letter-spacing: -0.025em; }
.product_select .myP_MWbtn.number{cursor: auto;}

.cs_btn_blue span{color: #fff;}

/* ±âÁ¸ ÆË¾÷ ½ºÅ¸ÀÏ ÆíÁý- ¿©½Å°Å·¡,¿ø°ÝÁö¿ø ¿äÃ»  */
.cscenter_layer_from{ top: 50%; transform: translateY(-50%);}
.cscenter_layer_from .title_area{margin: 35px;  margin-bottom: 20px;}
.cscenter_layer_from .popup_detail{ padding: 0 35px; margin-bottom: 35px;}
.cscenter_layer_from .subtitle{    margin-bottom: 10px;}
.cscenter_layer_from .detail_area{    margin: 0 0 20px 0;}
.cscenter_layer_from#mypage_remote{height: auto; border-bottom:none;}
.cscenter_layer_from#mypagebuy_info .popup_detail, .cscenter_layer_from#mypage_remote .popup_detail{ box-sizing: initial; height: auto;}
.cscenter_layer_from .process_box{background-size: cover; padding: 0; width: 100%;}
.cscenter_layer_from .process_box li{margin-right: 2px; box-sizing: border-box; width: 128px; height: 100%; padding: 15px;}
.cscenter_layer_from .info_box{width: 100%;}

/* °øÁö»çÇ× */
.notice .notice_list .head{ line-height: 60px;border-bottom: 1px solid #E8E8E8;}
.notice .notice_list .head span{font-family: 'Noto-B'; font-size: 16px; display: inline-block; text-align: center;}
.notice .notice_list .head span.title{width: 600px;}
.notice .notice_list .head span.day{float: right;width: 115px;}
.notice .bottom_area{margin: 30px auto;}
.notice .btn_wrap .myP_MWbtn{float: right; display: none;}
.notice.manager .notice_list{margin-bottom: 20px;}
.notice.manager .btn_wrap .myP_MWbtn{display: block;}
.notice.manager .bottom_area{margin-top: 28px;}

.notice_page .page_title{display: flex; justify-content: space-between; align-items: center; height:60px; font-family: 'Noto-M'; font-size: 18px; letter-spacing: -0.025em; padding:0 20px; border-bottom:1px solid #d8d8d8;}
.notice_page .notoce_info {font-size: 16px;}
.notice_page .notoce_info em{font-family: 'spoqa R'; font-size: 14px; color:#6c6c6c;}
.notice_page .notoce_info em.grey{color: #d8d8d8; margin: 0 5px ;}
.notice_page .notoce_info em .views{font-size:14px; font-family: 'spoqa R'; color:#6c6c6c; font-weight: normal;}
.notice_page .notice_contents{ padding: 30px 30px 50px 30px ;}
.notice_page .notice_contents img {display: block; max-width: 660px; height: auto; margin:0 auto;}
.notice_page .notice_contents p {font-size: 16px !important; letter-spacing: -0.025em !important; line-height: 24px !important; font-family: 'Noto-R' !important; color: #3A3A3A; margin-bottom: 24px;}
.notice_page .notice_contents p span{font-size: 16px !important; letter-spacing: -0.025em !important; line-height: 24px !important; font-family: 'Noto-R' !important;}
.notice_page .notice_contents p:last-of-type{margin-bottom: 0;}
/* °øÁö»çÇ× ±Û¾²±â ¿µ¿ª */
.wrap.write .note-editor.note-frame.codeview .note-editing-area .note-editable{ height: 500px !important;}
.wrap.write .note-editor.note-frame .note-editing-area .note-codable{ height: 500px !important;}

.notice_page .notice_list a{display: block; font-size: 16px; line-height: 65px; border-bottom: 1px solid #E8E8E8; font-family: 'Noto-R'; letter-spacing: -0.025em;
padding: 0 20px ; color: #949494;}
.notice_page .notice_list a:hover{color: #1a1a1a;}
.notice_page .notice_list_wrap .notice_list:first-child a{border-top:  1px solid #E8E8E8;}
.notice_page .notice_list a em{ color: #949494;}
.notice_page .notice_list a em.arrow{margin: 0 25px 0 10px ; display: inline-block;}
.notice_page .enrollment_btn{margin: 30px auto;}
.notice_page .edit_mode{margin-left: 7px; vertical-align: middle; display: none;}
.notice_page .edit_mode a{border: 1px solid #E1E1E1; border-radius:2px;height: 26px; display: inline-block; padding: 0 10px; font-size: 12px; line-height: 24px;}
.notice_page.manager .edit_mode{display: inline-block;}


/* login ·¹ÀÌ¾î popup CSS */
.login_layer {position:fixed; width:390px; box-sizing: content-box; padding:40px; display:inline-block; z-index:10000; background-color:#fff; top:20%; left:50%; margin-left:-235px;}
.login_layer *{box-sizing: content-box; }
.login_layer .login_title {width:100%; display:inline-block; text-align:center; font-size:18px; font-family:Noto-B; line-height:22px; margin-bottom:20px; margin-top:10px; letter-spacing:-1px;}
.login_layer .login_detail {width:100%; display:inline-block;}
.login_layer .tab_menu {width:100%; display:inline-block; margin-bottom:25px;}
.login_layer .tab_menu li {display:inline-block; float:left; width:50%;}
.login_layer .tab_menu li a {height:45px; width:100%; display:inline-block; line-height:45px; border-top:1px solid #d8d8d8; border-bottom:1px solid #2367d7; font-size:16px; color:#6c6c6c; text-align:center; box-sizing: border-box;}
.login_layer .tab_menu li a:hover {text-decoration:none; color:#1a1a1a; font-weight:bold;}
.login_layer .tab_menu li.mbr a {border-left:1px solid #d8d8d8;}
.login_layer .tab_menu li.nombr a {border-right:1px solid #d8d8d8;}
.login_layer .member .tab_menu li.mbr a {border:1px solid #2367d7; border-bottom:1px solid #fff; color:#1a1a1a; font-weight:bold;}
.login_layer .nomember .tab_menu li.nombr a {border:1px solid #2367d7; border-bottom:1px solid #fff; color:#1a1a1a; font-weight:bold;}
.login_layer .login_detail .login_form {display:none; }
.login_layer .login_detail.member .login_form.mbr {display:inline-block; }
.login_layer .login_detail.nomember .login_form.nombr {display:inline-block; width:100%;}
.login_layer .login_detail.nomember {max-height:460px; overflow-x:hidden; padding-right:18px; width:407px;}
.login_layer .login_detail .login_form .cs_ipt_txt_45 {width:100%; margin-bottom:10px; line-height:45px;}
.login_layer .login_detail .login_form .login_phone {}
.login_layer .login_detail .login_form .login_phone .cs_ipt_txt_45 {width:110px; vertical-align:middle; float:left; }
.login_layer .login_detail .login_form .login_phone > i {float:left; font-size:0; width:10px; height:1px; background-color:#d8d8d8; margin:22px 10px; display:inline-block; }
.login_layer .login_detail .login_txt {width:100%; display:inline-block; text-align:center; margin-top:10px; font-size:14px; line-height:25px; height:25px; color:#3a3a3a;}
.login_layer .login_detail .login_txt a.txt_btn {font-size:14px; color:#3a3a3a; display:inline-block; padding:0 10px; height:25px; vertical-align:bottom; font-family:spoqa R; text-decoration:none;}
.login_layer .login_detail .login_txt > i {color:#d8d8d8; font-size:10px; display:inline-block; font-style:normal; line-height:25px;}
.login_layer .login_detail .login_txt .cs_ipt_chk {display:inline-block; vertical-align:middle; }
.login_layer .login_detail .login_txt > a {text-decoration:underline; color:#3a3a3a; font-family:spoqa R;}
.login_layer .login_detail .login_txt > a > b {color:#1a1a1a; font-weight:normal; font-family:spoqa R;}
.login_layer .login_detail .login_gray_txt {width:360px; padding:10px 15px; background-color:#f9f9f9; display:inline-block; margin-top:10px;}
.login_layer .login_detail .login_gray_txt h3 {color:#1a1a1a; font-family:spoqa R; font-size:13px; width:100%; text-align:center; font-weight:normal;margin-bottom:5px; display:inline-block; }
.login_layer .login_detail .login_gray_txt h3 > b {color:#f24638; font-weight:normal;}
.login_layer .login_detail table.table_st {width:100%; border:1px solid #d8d8d8; border-bottom:none; border-right:none; font-family:spoqa R;}
.login_layer .login_detail table.table_st th {height:26px; background-color:#f2f2f2; line-height:26px; font-size:12px; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; color:#6c6c6c; font-weight:normal;}
.login_layer .login_detail table.table_st td {padding:3px 0; background-color:#fff; line-height:19px; font-size:12px; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; text-align:center; color:#6c6c6c; }
.login_layer .login_detail .login_gray_txt .info_txt {font-size:12px; line-height:16px; font-family:spoqa R; color:#6c6c6c; display:inline-block; width:100%; margin:3px 0; word-break:keep-all;}
.login_layer .login_detail .login_sns_btn {width:100%; display:inline-block; margin-top:20px; height:50px;}
.login_layer .login_detail .login_sns_btn > a {position:relative; width:137px; height:48px; line-height:48px; font-size:14px; color:#6c6c6c; font-family:spoqa R;
text-align:center; display:inline-block; padding-left:50px; border:1px solid #d8d8d8; float:left; box-sizing: initial;}
.login_layer .login_detail .login_sns_btn > a > i {width:50px; height:50px; display:inline-block; position:absolute; top:-1px; left:-1px;}
.login_layer .login_detail .login_sns_btn > a.naver {margin-right:11px;}
.login_layer .login_detail .login_sns_btn > a.naver > i {background:url(//www.compuzone.co.kr/member/img/join_social_ico.gif) no-repeat 0 0;}
.login_layer .login_detail .login_sns_btn > a.kakao > i {background:url(//www.compuzone.co.kr/member/img/join_social_ico.gif) no-repeat -55px 0;}
.login_layer .login_detail .logun_btm_btn {width:100%; text-align:center; display:inline-block; margin-top:20px;}
.login_layer .layer_clost_btn{width:20px; height:20px; text-indent:-10000px; font-size:0; background: url('//image5.compuzone.co.kr/img/images/cscenter2019/close_btn.png') no-repeat 0 0; position:absolute; top:30px; right:30px; z-index:1;}

/* »óÇ°¼±ÅÃ 2ÁÙ °í·Á */
.cscenter_customer .btn_wrap{display: inline;}
.cscenter_customer .product_select {padding-bottom: 25px;}
.cscenter_customer .product_select .myP_MWbtn{margin-bottom: 5px;}

/* ±¸ºÐ ¹öÆ° ÇÏ´Ü ÅÇ ¿µ¿ª ¼öÁ¤ */
.cscenter_customer .contents_box .contents_notice_list{overflow: hidden; max-height: 71px;}

/* ±¸ÇØÁàPC ÀÏ·Ã¹øÈ£ Ãß°¡ */
.serial_number_box{ font-size: 0;display: inline-block;}
.serial_number_box > input{    display: inline-block; padding: 0 16px; width: 170px; height: 52px; line-height: 40px; color: #135EBA; font-size: 14px; border: 0px;
outline: none; vertical-align: top; text-align: left; border-radius: 2px; background: #F3FAFF; font-family: 'Noto-M';}
	.serial_number_box > input::placeholder{color: #135EBA; }

/* °øÁö»çÇ× - ±Û¾²±â */
.wrap.write .contents_box table td{padding-bottom: 10px;}
.wrap.write .contents_box table th{font-family: 'Noto-M'; vertical-align: middle; padding-bottom: 10px; width: 120px;}
.wrap.write .contents_box .input_area .hyphen{color: #949494; font-size: 16px; vertical-align: top; line-height: 40px; margin: 0 5px;}
.wrap.write .contents_box .input_area{    display: inline-block;}
.wrap.write .contents_box table .textarea_table{padding-bottom: 0; padding-top: 10px; font-size: 13px;}
.new_icon_table .check_box{vertical-align: middle; display: inline-block;}
.new_icon_table .check_box input{margin-left: 10px; margin-right: 5px; width: 15px; height: 15px;}
.new_icon_table .check_box label{font-size: 14px; vertical-align: super;}
.wrap.write .btn_wrap{margin-top: 20px;}
.wrap.write .btn_wrap .right{float: right;}
.wrap.write .btn_wrap .right button:last-of-type{margin-left: 10px;}
.wrap.write .btn_wrap .myP_MWbtn{    float: none; display: inline-block;}
.wrap.write .textarea_table .note-toolbar{z-index: 1;}

/* 2Â÷ ÇÇµå¹é ¼öÁ¤»çÇ× 211126 */
.contents_compliment.on{display: contents;}
.contents_compliment .myP_MWbtn{font-size: 15px;}
.contents_compliment .myP_MWbtn:hover, .contents_compliment .myP_MWbtn:focus, .contents_compliment .myP_MWbtn.on{border: 1px solid #135eba; color: #135eba !important;}

/* GNB ³ôÀÌ°ª 220106 */
.cpz_lnb_wrap { box-sizing: initial;}
.cpz_lnb_wrap * { box-sizing: initial;}

/* ¿ä87742 ¿©½Å°Å·¡ ¾È³» ÆäÀÌÁö ¿¬°á ¹öÆ° Ãß°¡ */
.pop_box_wrap{ width: 410px; position: fixed; background-color: #fff; left: 50%; right: 0; margin-right: 0; font-family: spoqa R; letter-spacing: -0.5px; z-index: 10000;
top: 50%; transform: translate(-50%, -50%); border: 1px solid #6c6c6c; padding:30px;}
.pop_box_wrap .s_close { position:absolute ; padding:0 ; top:20px; right:20px; width:16px; height:16px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -350px -130px no-repeat; } 
.pop_box_wrap .title { font-size: 18px; color: #383838; margin-bottom: 10px; margin-top: 0px; font-family: 'noto-B'; font-weight: normal; }
.pop_box_wrap .qna_write { border-top: 1px solid #1a1a1a; padding: 24px 0 0; }
.pop_box_wrap .qna_write p{color: #1A1A1A; font-size: 16px; line-height: 1.4em;}
.pop_box_wrap .qna_write p.ol{padding-left: 10px; position: relative; }
.pop_box_wrap .qna_write p.ol i{position: absolute; top: 0; left: 0; font-style: normal;}
.pop_box_wrap .qna_write .info_txt{font-size: 14px; color: #949494; }
.pop_box_wrap .blacktit { color: #1a1a1a; }
.pop_box_wrap .btn_area button.bk_btn{border: 1px solid #1a1a1a;  background: #1a1a1a;  color: #fff; font-family: 'noto-R'; font-size: 16px; padding: 15px 0; width: 100%;}

@keyframes csm_partner{
	0%{transform:translateY(0);}
	50%{transform:translateY(-15px);}
	100%{transform:translateY(0);}
}

/* ¿ä83433 FAQ °­È­¹× ¹®Á¦ÇØ°á ÆäÀÌÁö 220712 */
.cscenter_wrap .bookmark .fl_left{width: calc(50% + 10px); float: left;}
.cscenter_wrap .bookmark .fl_left .point_list.bookmark_list li:nth-last-child(1), .cscenter_wrap .bookmark .fl_left .point_list.bookmark_list li:nth-last-child(2){margin-top: 20px;}
.cscenter_wrap .bookmark .pc_solution{width: 490px; height: 150px; background: #fff; border-radius: 10px 0 10px 0; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0,  16%);
padding: 30px 40px; display: block;}
.cscenter_wrap .bookmark .pc_solution .icon_box{width: 90px; height: 90px; background-color: #f9f9f9; border-radius: 50%; float: left; text-align: center; position:relative;}
.cscenter_wrap .bookmark .pc_solution .icon_box img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.cscenter_wrap .bookmark .pc_solution .text_box{ display: inline-block; margin-left: 25px; margin-top: 5px;}
.cscenter_wrap .bookmark .pc_solution .text_box .title{color: #1C8FED; font-family: 'noto-M'; font-size: 18px; font-weight: normal;}
.cscenter_wrap .bookmark .pc_solution .text_box .cont{ margin-top:10px; color: #1a1a1a; font-size: 14px; font-family: 'noto-R'; font-weight: normal;}
.contents_credit_transaction.on{display: contents;}

/* ¿ä87995 FAQ ÆäÀÌÁö ¹× °ü¸®Åø °³¼± 220818 */
.cscenter_top .keyword {display: flex; align-items: center; justify-content: center; text-align: center; gap:8px; margin-top: 16px;}
.cscenter_top .keyword span {display: inline-flex; align-items: center; justify-content: center; height:32px; padding:0 15px; background:#f2f2f2; border-radius: 16px; font-size: 14px; cursor: pointer;}
.cscenter_question .qna_list div:last-child {border-bottom:0;}
.cscenter_question .qna_list .answer{font-size: 14px; height: auto; transition: auto; display: none;}
.cscenter_question .qna_list .answer.active{height: auto;}

.service_bookmark{margin-top: 30px;}
.service_bookmark .service_bookmark_tit{font-size: 18px; color: #1A1A1A; font-family: "Noto-M";}
.service_bookmark .s_bookmark_list{margin-top: 20px;}
.service_bookmark .s_bookmark_list p{color: #3A3A3A; font-size: 18px; font-family: "Noto-M";}
.service_bookmark .s_bookmark_list li  { float: left; display: inline-block; margin-right: 20px; background: #fff; border-radius: 10px 0 10px 0; width: calc((100% - 40px ) / 3); position: relative; box-shadow: 1px 1px 2px 0 rgb(0 0 0 / 16%); padding: 0 40px; height: 100px; line-height: 100px; font-family: 'Noto-M'; }
.service_bookmark .s_bookmark_list li:last-child{margin-right: 0;}
.service_bookmark .s_bookmark_list .icon{position: absolute; display: inline-block; right: 40px; top: 20px; width: 60px; height: 60px;}
.service_bookmark .s_bookmark_list .icon img {width: 100%;}

/*  ¿ø°Ý Áö¿ø ¿äÃ» ÆË¾÷ */
.remote_support_pop .layer_cont ul, .remote_support_pop2 .layer_cont ul  {display: flex; flex-direction: column; gap: 16px;}
.remote_support_pop h3,.remote_support_pop2 h3 {margin-bottom: 8px;}
.remote_support_pop .gray_box_inner {display: flex; flex-direction: column; gap: 4px;} 
.remote_support_pop .gray_box_inner > div {display: flex; align-items: center; gap: 4px;}
.remote_support_pop .gray_box span {display: block;}

/* À¥ÆùÆ® ±Ô°Ý Àû¿ë 230213 */
.main_link_box .balloon_box{ font-family: '¸¼Àº°íµñ', 'malgun gothic';}
.cscenter_customer .contents_notice{font-family: '¸¼Àº°íµñ', 'malgun gothic';}
.cscenter_customer .receive_reply .contents_notice span{font-family: '¸¼Àº°íµñ', 'malgun gothic';}
.notice_page .notice_list a em{ font-family: 'spoqa L';} 

/* 94315 »ó´ã¼¾ÅÍ ³» Ã·ºÎÆÄÀÏ ±â´É °³¼± 230307 */
.add_img_wrap{ position: relative;}
.cscenter_customer .add_img_file{width: 130px; float: left; margin-right: 10px; position: relative;}
.cscenter_customer .add_img_file:last-of-type{margin-right: 0;}
.cscenter_customer .add_img_file .file_img{display: block; width: 130px; height: 130px;border: 1px solid #D8D8D8; overflow: hidden; cursor: pointer;}
.cscenter_customer .add_img_file .file_img.file_icon{background: url('//image5.compuzone.co.kr/img/images/mypage22/attachFile_48.png') center no-repeat; background-color: #F9F9F9;}
.cscenter_customer .add_img_file .file_img.plus{background: url('//image5.compuzone.co.kr/img/images/mypage22/attachFile_plus.png') center no-repeat;}
.cscenter_customer .add_img_file .close_btn { position: absolute; display: inline-block; top: 6px; right: 6px; width: 18px; height: 18px; background:url('//image5.compuzone.co.kr/img/images/mypage22/attachClose_btn.png') center no-repeat; cursor: pointer;}
.cscenter_customer .add_img_file .fileName { color: #1a1a1a; font-size: 14px; font-family: noto-R; display: inline-block; margin-top: 10px; max-width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.03em;}
.add_img_wrap .balloon_box { display: inline-block; width: 130px; padding: 10px; background: #fff; border-radius: 2px; border: 1px solid #2679CF; text-align: center; font-size: 12px; letter-spacing: -0.025em; line-height: 17px; position: absolute; left: -150px; top: 45px; }
.add_img_wrap .balloon_box > i { display: inline-block; margin-left: 4px; width: 10px; height: 10px; border-top: 1px solid #2679CF; border-right: 1px solid #2679CF; transform: rotate( 45deg); background: #fff; position: absolute; right: -6px; top: 30px; }

/* 20240411 108670 °³ÀÎÁ¤º¸ ¼öÁý µ¿ÀÇ Ãß°¡ */
.privacy_box .graybox {width: 100%; height: 120px; margin-top: 10px; padding: 8px 10px; border: 1px solid #D8D8D8; border-radius: 2px; box-sizing: border-box; overflow-y: scroll;}
.privacy_box .graybox::-webkit-scrollbar{width:4px;}
.privacy_box .graybox::-webkit-scrollbar-thumb{background:#d8d8d8; border-radius:2px;}
.privacy_box .graybox::-webkit-scrollbar-track{background:#f9f9f9;}
.privacy_box .graybox p {margin-bottom:4px; font-size:14px; font-family:'noto-R'; color:#6C6C6C;}
.privacy_box .bk_check {margin:10px 0;}
.privacy_box  input.chkMedium[type="checkbox"] + label.chkMedium {font-size: 16px; font-family: 'noto-D'; font-weight: normal; color: #1A1A1A;}
.privacy_box  input.chkMedium[type="checkbox"] + label.chkMedium > i {display: inline-block; width: 18px; height: 20px; background: url(//image5.compuzone.co.kr/img/images/bsk/simp_checkG.png) center no-repeat; cursor: pointer; vertical-align: bottom; box-sizing: border-box;}
.privacy_box input.chkMedium[type="checkbox"]:checked + label.chkMedium > i {background: url('//image5.compuzone.co.kr/img/images/bsk/simp_checkedB.png') center no-repeat; background-size: contain;}
.privacy_box  input.chkMedium[type="checkbox"] + label.chkMedium span {display: inline-block; margin-left:10px; color:#0071e8;}
/* 108842 PC ÆË¾÷ °³¼±°ü·Ã ºÎ¼­ ÇùÁ¶ ¿äÃ» */
#mypagebuy_credit_info{position: fixed; padding: 30px; width: 710px;}
#mypagebuy_credit_info .popup_detail{padding: 0; margin: 0;}
#mypagebuy_credit_info .layer_clost_btn{width: 18px; height: 18px; background-size: contain; top: 20px; right: 20px;}
#mypagebuy_credit_info .title_area{margin: 0; height: unset; border-bottom: 1px solid #1A1A1A; text-align: center; padding-bottom: 20px; margin-bottom: 15px;}
#mypagebuy_credit_info .title_area > span{display: block; font-family: 'noto-B'; font-size: 18px;}
#mypagebuy_credit_info .subtitle{margin-bottom: 10px; font-size: 16px; font-family: 'Noto-B';}
#mypagebuy_credit_info .detail_area p{font-size: 16px; font-family: 'Noto-R'; color: #1a1a1a;}
#mypagebuy_credit_info .detail_area span{font-size: 13px; font-family: '¸¼Àº°íµñ', malgun gothic; color: #6C6C6C; margin-top: 20px; display: block;}
#mypagebuy_credit_info .process_box{background: unset; height: unset; margin-bottom: 20px;}
#mypagebuy_credit_info .process_box ul{display: flex; flex-direction: column; gap: 5px;}
#mypagebuy_credit_info .process_box li{margin: 0; width: unset; height: unset; padding: 0;}
#mypagebuy_credit_info .info_box{padding: 17px 20px; border: 0; background: #F9F9F9; text-align: left; margin-bottom: 20px;}
#mypagebuy_credit_info .info_box ul{display: flex; gap: 46px;}
#mypagebuy_credit_info .info_box ul li{width: 279px; position: relative; padding-left: 5px; font-size: 13px; color: #6c6c6c; font-family: '¸¼Àº°íµñ', malgun gothic;}
#mypagebuy_credit_info .info_box ul li::after{content: ""; width: 2px; height: 2px; border-radius: 2px; background: #6C6C6C; position: absolute; top: 0; bottom: 0; left: 0; margin: auto;}
#mypagebuy_credit_info .detail_area .noti{font-size: 13px; color: #6c6c6c; font-family: '¸¼Àº°íµñ', malgun gothic;}

/* 112286 °í°´ÀÇ¼Ò¸® ¿µ»ó Ã·ºÎ */
.add_img_wrap2{ position: relative;}
.cscenter_customer .add_img_file2{width: 130px; float: left; margin-right: 10px; position: relative;}
.cscenter_customer .add_img_file2:last-of-type{margin-right: 0;}
.cscenter_customer .add_img_file2 .file_img{display: block; width: 130px; height: 130px;border: 1px solid #D8D8D8; overflow: hidden; cursor: pointer;}
.cscenter_customer .add_img_file2 .file_img.file_icon{background: url('//image5.compuzone.co.kr/img/images/mypage22/attachFile_48.png') center no-repeat; background-color: #F9F9F9;}
.cscenter_customer .add_img_file2 .file_img.plus{background: url('//image5.compuzone.co.kr/img/images/mypage22/attachFile_plus.png') center no-repeat;}
.cscenter_customer .add_img_file2 .close_btn { position: absolute; display: inline-block; top: 6px; right: 6px; width: 18px; height: 18px; background:url('//image5.compuzone.co.kr/img/images/mypage22/attachClose_btn.png') center no-repeat; cursor: pointer;}
.cscenter_customer .add_img_file2 .fileName { color: #1a1a1a; font-size: 14px; font-family: noto-R; display: inline-block; margin-top: 10px; max-width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.03em;}
.cscenter_customer .add_img_file2 .file_img.vd_icon{position: relative;}
.cscenter_customer .add_img_file2 .file_img.vd_icon::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.7;}
.cscenter_customer .add_img_file2 .file_img.vd_icon::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('//image5.compuzone.co.kr/img/images/mypage22/attachVideo_48.png') center no-repeat;} 
