*{padding: 0; margin: 0;box-sizing: border-box;  font-family: 'Noto-R'; color:#1A1A1A;	}
input:focus {outline:none;}
a { text-decoration:none }
a:hover{text-decoration:none !important;}
.container{min-width: 1300px; width: 100%; margin: 0 auto;}
.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;}

.login_memerLayer .mem_listCon .right span{color: #1c8fed;}

/* »ó´ã¼¾ÅÍ °øÅë »ó´Ü ¿µ¿ª */
.cscenter_top{height: 170px;}
.cscenter_top .container{height: 100%; width: 100%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #fff; position: relative; z-index: 1;}
.cscenter_top .title{ font-size: 28px; font-weight: normal; line-height: 1em; font-family: 'Noto-B'; padding-top: 38px; text-align: center; }
.cscenter_top .cs_search_box{ width: 600px;height: 44px;margin: 20px auto 0; padding: 11px 25px 12px; border-radius: 100px; background-color: #f3faff; position: relative;}
.cscenter_top .sub_title{text-align: center;}
.cscenter_top .sub_title p{ line-height: 1em; font-size: 16px; color: #1a1a1a; margin-top: 27px; letter-spacing: -0.025em;}
.cscenter_top .sub_title p.grey{ color: #949494; margin-top: 10px; line-height: 1em; font-size: 14px;}
.cscenter_wrap .container{background: #F9F9F9; padding: 41px 0 80px;}
/* °Ë»ö â */
.cs_search_box .search_input{width: 500px; 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: 2px;  right: 17px; width: 40px; height: 40px; display: inline-block; font-size: 0; text-indent: -10000px;
    background: url('//image5.compuzone.co.kr/img/images/mypage21/search_icon_20X20.png') center center no-repeat; background-size: 20px 20px;}


/* »ó´ã¼¾ÅÍ ¸ÞÀÎ ÆäÀÌÁö */
.main_link_box{height: 170px; margin: 0 auto; width: 751px;}
.main_link_box > div{width: 170px; height: 170px; display: inline-block; border-radius:170px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #fff; float: left; position: relative;}
.main_link_box .center{margin: 0 120px;}
.main_link_box .center::after{content:''; position: absolute; display: block; width: 1px; height: 100px; background: #E8E8E8; left: -60.5px;
    top: 35.5px;}
.main_link_box .center::before{content:''; position: absolute; display: block; width: 1px; height: 100px; background: #E8E8E8; right: -60.5px;
    top: 35.5px;}
.main_link_box a{display: inline-block; width: 100%; height: 100%; padding-top: 27px; text-align: center;}
.main_link_box a .link_title{ display: block; font-size: 18px; font-family: 'Noto-M'; color: #6C6C6C; letter-spacing: -0.025em; line-height: 22px; margin-top: 12px;}
.main_link_box .technical_consult a .link_title{margin-top: 7px;}
.main_link_box a .link_title i{display: inline-block; width: 10px; height: 10px; border-top: 2px solid #6C6C6C; border-right: 2px solid #6C6C6C; transform: rotate(45deg); vertical-align: 2px; margin-left: 1px;}
.main_link_box > div:hover .balloon_box{display: block;}
.main_link_box .balloon_box{position: absolute; width: 200px; padding: 10px; background: #fff; border-radius: 2px; border: 1px solid #2679CF; text-align: center; left: -180px;
    top: 50px; font-size: 12px; letter-spacing: -0.025em; line-height: 17px; display: none; z-index: 2;}
.main_link_box .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;}
.main_link_box > div:hover{ background: #1C8FED;}
.main_link_box > div .blue_icon{display: none;}
.main_link_box > div:hover .blue_icon{display: inline-block;}
.main_link_box > div:hover .white_icon{display: none;}
.main_link_box > div:hover a .link_title{color: #fff;}
.main_link_box > div:hover a .link_title i{border-top: 2px solid #fff; border-right: 2px solid #fff;}

.contents_title{font-family: 'Noto-M'; font-size: 20px; letter-spacing: -0.025em;width: 1000px; margin: 0 auto; margin-bottom: 22px; line-height: 29px; margin-top: 44px;}
.contents_title .viewAll_btn{ float: right; display: inline-block; vertical-align: middle;  font-size: 16px; color: #1C8FED; font-family: 'Noto-R'; letter-spacing: -0.025em;}
.contents_title .viewAll_btn > i{display: inline-block; margin-left: 4px; width: 10px; height: 10px; border-top: 2px solid #1c8fed; border-right: 2px solid #1c8fed; transform: rotate(45deg); vertical-align: 1px;}
.contents_box{width: 1000px; height: auto; margin: 0 auto; background: #fff; padding: 30px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.line{background: #3A3A3A ; height: 2px;}
.qna_list .question{ font-size: 16px; line-height: 65px; border-bottom: 1px solid #E8E8E8; cursor: pointer;}
.qna_list .question.active i{transform: rotate(180deg);}
.qna_list .question .q_tit {float: left; width: 50px; height: 65px; line-height: 62px; color: #1C8FED; font-size: 24px; font-family: 'spoqa B'; text-align: center;}
.qna_list .question i{ float: right; margin-right: 20px; display: inline-block; width: 14px; height: 9px; margin-top: 29px;
    background: url(//image5.compuzone.co.kr/img/images/mypage21/gray_down.png) right center 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: 25px 50px;}
.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; border-bottom: 1px solid #E8E8E8; }
.answer .nano {height: 400px;}


.cscenter_wrap .bookmark{width: 1000px; margin: 50px auto 0;}
.cscenter_wrap .point_list.bookmark_list li{line-height: 78px; font-size: 18px; text-align: center; padding: 26px 24px;}
.cscenter_wrap .point_list.bookmark_list li h3{float: none; color: #3A3A3A; font-family: 'Noto-M'; letter-spacing: -0.025em; font-size: 18px;}
.cscenter_wrap .point_list.bookmark_list li h3 .blue{font-size: 18px; color: #1C8FED; font-family: 'Noto-M'; margin-right: 5px;}
.notice_list .notice a{display: block;font-size: 16px; line-height: 65px; border-bottom: 1px solid #E8E8E8; color: #1a1a1a; font-family: 'Noto-R';
letter-spacing: -0.025em;padding: 0 20px;}	
.notice_list .notice a::after{ content: ""; display: block; clear: both;}
.notice_list .notice a .fl_right{float: right;}
.nano > .nano-pane{width: 6px; border-radius: 0px;}
.nano > .nano-pane > .nano-slider{border-radius: 0px;}

.two_box{width: 1000px; margin: 50px auto 0;}
.two_box .box{width: 490px; height: 150px; background: #fff; border-radius: 10px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); float: left; padding: 30px 40px;}
.two_box .box.left{margin-right: 20px;}
.two_box .box .icon{width: 90px; height: 90px; background-color: #f9f9f9; border-radius: 50%; float: left; text-align: center; padding-top: 20px;}
.two_box .box .text_box{ display: inline-block; margin-left: 25px; padding-top: 5px;}
.two_box .box .text_box h3{font-size: 18px; letter-spacing: -0.025em; line-height: 1em; margin-bottom: 20px;}
.two_box .box .text_box p{margin-top: 12px;}
.two_box .box .text_box p span{font-size: 15px; color: #949494; letter-spacing: -0.025em; line-height: 1em;}
.two_box .box .text_box p span.strong{ font-size: 16px; color: #1A1A1A; letter-spacing: -0.025em; width: 60px; font-family: 'Noto-M'; display: inline-block; line-height: 1em;}
.two_box .box.consulting .text_box p span.strong{width: 108px;}

.cscenter_customer .myP_left .cs_box{margin-top: 50px;}
.cscenter_customer .contents_box{padding: 23px 30px 38px;}
.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: 258px;}
.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 .cscenter_top .sub_title p{    line-height: 22px; color: #949494; margin-top: 22px ;}
.notice_list .notice.new a .title{position: relative; font-family: 'Noto-M';}
.notice_list .notice.new a .title::after{content: '';position: absolute; width: 18px; height: 18px; display: inline-block;
background: url("//image5.compuzone.co.kr/img/images/mypage21/new_18x18.png")no-repeat; vertical-align: middle; margin-bottom: 1px ; margin-left: 5px ; top: 50%;
    transform: translateY(-50%);}
.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-top: 54px;}
.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{font-family: 'Noto-B'; font-size: 18px; letter-spacing: -0.025em; line-height: 1em; margin-bottom: 18px ;}
.notice_page .notoce_info {font-size: 16px;}
.notice_page .notoce_info em{font-family: 'spoqa R'; font-size: 16px; letter-spacing: -0.025em;}
.notice_page .notoce_info em.date::after{content: ''; width: 1px; height: 15px;}
.notice_page .notoce_info em.grey{color: #D8D8D8; margin: 0 5px ;}
.notice_page .notoce_info em .views{margin-right: 5px;}
.notice_page .notice_contents{ padding: 30px 30px 50px 30px ;}
.notice_page .notice_contents img{max-width: 100%; height: auto;}
.notice_page .notice_contents p{font-size: 16px; letter-spacing: -0.025em; line-height: 24px; font-family: 'Noto-R'; color: #3A3A3A; margin-bottom: 24px;}
.notice_page .notice_contents p:last-of-type{margin-bottom: 0;}
.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-top: 50px;}
.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;}

/* ÀÚÁÖ¹¯´Â Áú¹® */
.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{margin: 10px 0 23px;}
.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; margin-top: 10px; margin-right: 10px; float: left;}
.pro_btn_list .round_btn:hover, .round_btn:focus, .round_btn.active{background: #1A1A1A; color:#FFFFFF}

.cscenter_question .pro_btn_list {margin-top: -10px; margin-bottom: 21.7px;}
.cscenter_question .pro_btn_list .round_btn:nth-of-type(5n){margin-right: 10px;}
.cscenter_question .bottom_area{margin-top: 50px;}
/* ÀÚÁÖ¹¯´Â Áú¹® °Ë»ö °á°ú */
.qna_search_result{ font-size: 16px; letter-spacing: -0.025em; line-height: 24px; margin-bottom: 11px ; color: #6c6c6c; font-family: 'Noto-R';}
.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';}


/* 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 */
.pro_btn_list { margin: 10px -10px 23px 0;}
.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;}


/* »ó´ã¼¾ÅÍ ¸ÞÀÎÆäÀÌÁö ¼öÁ¤ ¿øÇü3°³¿¡¼­ ¿øÇü4°³·Î */
.main_link_box{width: 1000px;}
.main_link_box > div{margin-left: 105px;}
.main_link_box > div:first-child{margin-left: 0;}
.main_link_box > div::after{ content: ''; position: absolute; display: block; width: 1px; height: 100px; background: #E8E8E8; left: -60.5px; top: 35.5px; }
.main_link_box > div:first-child::after{display: none;}

/* °øÁö»çÇ× ³»ºÎ ±Û¾¾  */
.notice_page .notice_contents p{font-size: 16px !important; letter-spacing: -0.025em !important; line-height: 24px !important; font-family: 'Noto-R' !important;}
.notice_page .notice_contents p span{font-size: 16px !important; letter-spacing: -0.025em !important; line-height: 24px !important; font-family: 'Noto-R' !important;}
/* °øÁö»çÇ× ±Û¾²±â ¿µ¿ª */
.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;}
/* GNB ³ôÀÌ°ª 220106 YEJ */
.cpz_lnb_wrap { box-sizing: initial;}
.cpz_lnb_wrap * { box-sizing: initial;}


/* ¸ÞÀÎ-ÆÄÆ®³Ê ÄÄÇ»Á¸ ÀÔÁ¡¹®ÀÇ ¹è³Ê SHW */ 
.csMain_patnerBnr{position:fixed; left:50%; margin-left:535px; top:750px; animation:csm_partner 1.8s ease-in-out infinite; z-index:5;}
.csMain_patnerBnr:hover{animation-play-state: paused; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused;}
.csMain_patnerBnr > a{display:block; width:100%; height:100%;}

/* ¿ä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 */
.two_box .box{    border-radius: 10px 0 10px 0;}
.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.height214{height: 214px;}
.cscenter_top .keyword { text-align: center; margin-top: 10px; font-size: 0;}
.cscenter_top .keyword span{margin-right: 20px; color: #949494; font-size: 16px; cursor: pointer;}
.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%;}

/* 92498 ¿ø°ÝÁö¿ø ÇÁ·Î±×·¥ Á¢¼Ó¿À·ù °³¼±  230104 */
.remote_support_pop .grey_box { background: #f9fafa; padding: 20px; border-bottom: 1px solid #dbdddf; border-top: 1px solid #dbdddf; font-size: 14px; margin-top: 20px; }
.remote_support_pop .redtxt{font-size: 14px; color: #F14738;}
.remote_support_pop .grey_box button { position: relative; display: inline-block; padding: 0 10px; height: 26px; line-height: 24px; background: #fff; border: 1px solid #e1e1e1; border-radius: 2px; color: #1a1a1a !important; font-size: 12px; text-align: center; outline: none; cursor: pointer; margin-left: 5px; }

.remote_support_pop2{position: fixed; width: 710px; margin-left: -355px; z-index: 10002;}
.remote_support_pop2 + .dimmed{ z-index: 10001;}
.remote_support_pop2 .title_area{ text-align: center;}
.remote_support_pop2 .bluetxt{color: #135eba; font-weight: bold;}
.remote_support_pop2 img{margin-top: 25px; margin-bottom: 60px;}
.remote_support_pop2 .popup_detail{ height: 470px; overflow-y: scroll;}
/* À¥ÆùÆ® ±Ô°Ý Àû¿ë 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; }

/* 230710 99073 ´ë·®±¸¸Å °ßÀû */ 
.bookmark .flex {display: flex; justify-content: space-between;}
.bookmark .bookmark_list {margin-top:20px;}

/* 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;} 

/* 116032 ¿ë»êÁ¡ Åä¿äÀÏ AS ¹æ¹®¿¹¾à ¹è³Ê Ãß°¡ */
.cscenter_floating_banner{position: absolute; right: 190px; top: 62%; transform: translateY(-50%); width: 100px; z-index: 10;}
.cscenter_floating_banner ul{background: #fff; border-radius: 10px; overflow: hidden; border: 1px solid #e8e8e8;}
.cscenter_floating_banner ul li{width: 100%; padding: 18px 0; box-sizing: border-box; border-bottom: 1px solid #E8E8E8;}
.cscenter_floating_banner ul li:last-child{border: 0;}
.cscenter_floating_banner ul li a{display: flex; flex-direction: column; align-items: center;}
.cscenter_floating_banner ul li a img{display: block; margin-bottom: 10px;}
.cscenter_floating_banner ul li a .bat {display:flex; align-items:center; justify-content: center; margin-bottom:5px; padding:0 4px; border-radius:16px; color:#fff; }
.cscenter_floating_banner ul li a span{display: block; text-align: center; color: #6c6c6c; font-size: 13px; font-family: '¸¼Àº°íµñ'; font-weight: bold; letter-spacing: -1px;}
@media (max-width: 1750px) {
    .cscenter_floating_banner{right: 50px;}
}
@media (max-width: 1450px) {
    .cscenter_floating_banner{right: 0px;}
}