@charset "utf-8";

.container.index { overflow:hidden; }

/* PC/Mobile 공통사항 */
.m_thanks .m_ttl { text-align:center; }
.m_thanks .m_ttl span:after { content:url(../img/icons/stars_five02.png); }
.m_thanks_list li { display:inline-block; vertical-align:top; }
.m_thanks_list li a { position:relative; box-sizing:border-box; display:block; color:#666; text-align:left; border-radius:5px; background-color:#f8f8f8; background-image:url(../img/icons/icon_qt_big.png); background-repeat:no-repeat; }
.m_thanks_list li a span { overflow:hidden; display:inline-block; display:-webkit-box; width:100%; word-wrap:break-word; text-overflow:ellipsis; white-space:normal; -webkit-box-orient:vertical; } /* 말줄임 */
.m_thanks_list li a:after { content:''; position:absolute; bottom:-11px; border-width:12px 7px 0 7px; border-style:solid; border-color:#f8f8f8 transparent transparent transparent; }
.m_name { position:relative; text-align:right; }
.m_name * { display:block;}
.m_name span { /* color:#ff854f; */ color:#999; }
.m_name:after { content:''; position:absolute; right:0; top:50%; border-radius:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); 
                background:#b6a394 url(../img/icons/icon_smile.png) 50% 50% no-repeat; }



/* 메인 상품안내(상품선택) 영역 */
.m_product { position:relative; }
.p_item_wrap { visibility:hidden; height:0; }
.p_item_wrap.on { visibility:visible; height:auto; }
/* 국가선택 영역 공통 */
.m_product_select > div.p_item:nth-of-type(2) i { color:#0a77ca; }
.m_product_select > div.p_item:nth-of-type(3) i { color:#ee0700; }

/* 상품이 장바구니에 추가됐습니다 */
.addCart_box { display:none; }
.addCart { box-sizing:border-box; position:absolute;  width:calc(100% - 30px); max-width:408px; height:227px; text-align:center; border:2px solid #000; background-color:#FFF; z-index:1; }
.addCart strong { display:block; font-size:18px; font-weight:700; margin-bottom:20px; }
.addCart strong:before { content:''; display:block; width:55px; height:38px; margin:40px auto 30px; background:url(../img/icons/icon_addCart.png) center center no-repeat; }
.addCart .btnbox [class*="btn_"] { font-weight:400; border-radius:3px; }
.addCart .btnbox [class*="btn_"]:not(:first-child) { margin-left:10px; }

/* PC View */
@media screen and ( min-device-width:1400px ) {
	.addCart { top:140px; left:calc(50% - 204px); }
}
/* Mobile View */
@media screen and ( max-device-width:1399px ) {
	.addCart { top:115px; left:auto; margin-left:auto; margin-right:auto; }
}

/* PC View */
@media screen and ( min-device-width:1400px ) {

    /*-- 메인 섹션 공통 --*/

    section[class^=m_] { width:100%; }


    /*-- 메인 섹션별 설정 --*/

    section.m_top { display:flex; align-items:center; justify-content:center; padding:1px 0; }  /* 상품 미리보기 */
    section.m_product { background-color:#b0232b; }  /* 상품 선택 */
    section.m_why { background-color:#fff; } /* 회사 강점 */
    section.m_blog { position:relative; background:#4c6c86 url('../img/main/img_back1_r2.jpg') 50% 50% no-repeat; } /* 블로그 미리보기 */
    section.m_consult { background-color:#fff; } /* 연락처/SNS 안내 */
    section.m_thanks { background-color:#fff; } /* 후기 미리보기 목록 */
    section.m_board_box { background-color:#fff; } /* 게시판 미리보기 목록 */


    /*-- 메인 섹션별 내부 세로사이즈 공통  --*/

    .m_product_select, /* 상품 선택 */
    .m_why_list, /* 회사 강점 */
    .m_blog_list, /* 블로그 미리보기 */
    select.m_consult, /* 연락처/SNS 안내 */
    .m_thanks_list, /* 후기 미리보기 목록 */
    .m_board_wrap /* 게시판 미리보기 목록 */ { width:1200px; margin-left:auto; margin-right:auto; }


    /*-- 메인 섹션별 타이틀 공통 --*/
    .m_ttl { width:1200px; line-height:1; }
    *:not(.m_top) .m_ttl { margin-left:auto; margin-right:auto; }
    .m_ttl > span,
    .m_ttl > strong { display:block; }


    /*-- 메인 상단 비주얼 --*/
    .m_top .m_ttl > * { display:block; font-weight:700; }
    .m_top .m_ttl span { margin-bottom:15px; font-size:30px; color:#886001; }
    .m_top .m_ttl strong { line-height:1.2; font-size:40px; color:#000; }
    .m_top .m_ttl .mo_block { display:none; }
    .m_top .m_ttl i:nth-of-type(2):before,
    .m_top .m_ttl i:nth-of-type(2):after,
    .m_top .m_ttl i:nth-of-type(4):after { content:'\00B7'; margin:0 8px; font-size:40px; }

    section.m_top { height:345px; margin-top:-1px; background:#f5f5f5 url(../img/main/main_top_img.png) calc(50% + 320px) -62px no-repeat; }



    /* 상품 선택 */
    .m_product { padding:50px 0 58px; }
    .m_product .m_ttl { margin-bottom:35px; color:#fff; }
    .m_product .m_ttl * { font-weight:700; }
    .m_product .m_ttl strong { margin-top:10px; font-size:36px; }
    .m_product .m_ttl strong b { color:#fff45c; }

    .p_item { box-sizing:border-box; display:inline-block; vertical-align:top; height:69px; padding:10px 15px; font-weight:400; border:1px solid #810007; border-radius:10px; background-color:#fff; }
	.p_item input,
	.p_item select,
	.p_item .select2-container--default .select2-selection--single { border-color:transparent; outline:none; font-size:16px; text-indent:0;  }
	.p_item select,
	.p_item .select2-container--default .select2-selection--single { background:none; }
	.p_item .select2-container--default .select2-results > .select2-results__options { border-top:1px solid #999; }

	.p_item .select2-container .select2-selection--single .select2-selection__rendered { padding-left:0; } /* select2 여백 초기화 */

	body.pc .index ~ .select2-container--default .select2-results > .select2-results__options { font-size:14px; }

	.p_item.select { background:#fff url(../img/icons/icon_arrow1_down.png) calc(100% - 1em) center no-repeat; }

    .m_product_select { font-size:16px; }
	.p_item.checkbox { width:250px; margin-bottom:10px; white-space:nowrap; } /* 민사 or 상용 선택 */
	.p_item.checkbox .cbox { width:40%; height:100%; line-height:47px; }
	.p_item.checkbox .cbox:not(:last-of-type) { margin-right:30px; }
	/* 국가 선택 */
	.m_product_select > div.p_item:nth-of-type(2),
	.m_product_select > div.p_item:nth-of-type(3) { width:290px; font-size:15px; } 
	.m_product_select > div.p_item strong { display:inline-block; margin-top:8px; font-size:14px; }
	.m_product_select > div.p_item strong i { display:block; text-align:left; }
	.m_product_select > div.p_item:nth-of-type(2) select,
	.m_product_select > div.p_item:nth-of-type(3) select { width:150px; vertical-align:top; padding-left:0; text-indent:0; margin-left:47px; }
	.swap_select { margin:18px 10px 0; }
	.swap_select img { display: block; }

	/* 국가 선택 후 서류 선택 */
	.p_item.pdt { width:440px; } /* 상품선택 */
	.p_item_wrap div.p_item:nth-of-type(2) { width:250px; } /* 옵션선택 */
	.p_item_wrap div.p_item.number { width:105px; } /* 갯수 */
	.p_item.sum { position:relative; width:180px; } /* 금액 */
	.p_item.sum input { width:calc(100% - 1em); margin-top:2px; text-align:right; font-size:17px; font-weight:700; }
	.p_item.sum i { position:absolute; right:15px; top:25px; }
	button.p_item { width:185px; padding-left:57px; font-size:18px; text-align:left; font-weight:700; color:#fff; box-shadow:5px 5px 15px rgba(24,24,66,0.5); background:#181842 url(../img/icons/icon_cart_w.png) 25px 19px no-repeat; } /* 장바구니 버튼 */

	.quant_main { position:relative; height:100%; } /* 수량 증감 영역 */
	.quant_main input[type="text"] { display:inline-block; width:auto; max-width:32px; margin-left:-10px; text-indent:0; text-align:right; }
	.quant_main span { position:absolute; right:-2px; width:20px; height:20px; font-size:0; cursor:pointer; background-repeat:no-repeat; background-position:center center; }
	.quant_main em { margin-left:-5px; }
	.quant_main .plus { top:0; background-image:url(../img/icons/icon_arrow1_up.png); }
	.quant_main .minus { top:27px; background-image:url(../img/icons/icon_arrow1_down.png); }


    /* 왜! 차이나닷컴을 선택해야 할까요? */
    .m_why { height:204px; padding:1px 0; text-align:center; }
    .m_why .m_ttl { margin-bottom:75px; font-size:32px; }
    .m_why .m_ttl b { font-weight:700; }
    .m_why_list { margin-top:75px; }
    .m_why_list li { display:inline-block; }
    .m_why_list li:before,
    .m_why_list li div { float:left; }
    .m_why_list li div { margin-top:-4px; }
    .m_why_list li:after { content:''; display:block; clear:both; visibility:hidden; }
    .m_why_list li:not(:first-child) { margin-left:105px; }
    .m_why_list li:before { display:block; margin-right:20px; }
    .m_why_list li:first-child:before { content:url(../img/icons/icon_point01.png); }
    .m_why_list li:nth-child(2):before { content:url(../img/icons/icon_point02.png); }
    .m_why_list li:nth-child(3):before { content:url(../img/icons/icon_point03.png); }
    .m_why_list li:nth-child(4):before { content:url(../img/icons/icon_point04.png); }
    .m_why_list li strong,
    .m_why_list li b { white-space:nowrap; font-weight:700; color:#0d0d67; }
    .m_why_list li strong { display:inline-block; font-size:44px; text-align:right; }
    .m_why_list li:nth-child(-n+2) strong { min-width:77px; }
    .m_why_list li:nth-child(n+3) strong { width:52px; }
    .m_why_list li b:first-of-type { font-size:22px; margin-left:3px; }
    .m_why_list li b:last-child { display:block; font-size:15px; }



    /* 이럴땐 이런 서류가 필요해요! */
    .m_blog { box-sizing:border-box; height:490px; padding:60px 0 0; text-align:center; }
    .m_blog .m_ttl { display:flex; justify-content:space-between; align-items:center; margin-bottom:50px; font-size:32px; color:#fff45c; }
    .m_blog .m_ttl:before { content:''; }
    .m_blog .bold_wide { display:inline-block; margin-left:120px; font-size:40px; letter-spacing:0.3em; }
    .m_blog_list li { display:inline-block; vertical-align:top; max-width:267px; width:267px !important; height:267px; border:1px solid #fff; }
    .m_blog_list li:not(:first-child) { margin-left:28px; }
    .m_blog_list a,
    .m_blog_list span { display:block; }
    .m_blog_list a { position:relative; height:100%; padding:0 20px; text-align:left; font-weight:400; }
	.m_blog_list a:after { content:''; position:absolute; left:0; right:0; bottom:0; top:178px; background-color:#fff; z-index:-1; } /* 블로그 썸네일 텍스트 배경 */
    .m_blog_list .thumb { overflow:hidden; height:178px; margin:0 -20px 15px; background-size:calc(100% + 12px) auto; background-position:center -20px; }
    .m_blog_list i { font-size:12px; color:#666; }
    .m_blog_list span:not(.thumb) { overflow:hidden; margin-top:5px; line-height:1.3; font-size:14px; color:#000; }
    /* 리스트 슬라이드로 변경 */
    .m_blog .bx-viewport { width:1200px !important; margin:0 auto; }
    .m_blog .bx-controls,
    .m_blog .bx-controls-direction a { position:absolute; }
    .m_blog .bx-controls { width:1200px; left:calc(50% - 600px); }
    .m_blog .bx-controls-direction a { overflow:hidden; top:-175px; width:35px; height:65px; color:transparent; background-size:24px 48px; background-position:center center; background-repeat:no-repeat; z-index:1; }
    .m_blog .bx-controls-direction .bx-prev { left:-11px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='48'%3E%3Cpath d='M24.007.008 12.1 24l11.91 23.993H11.9L-.007 24 11.9.008H24Z' style='fill:%23fff;fill-rule:evenodd'/%3E%3C/svg%3E"); }
    .m_blog .bx-controls-direction .bx-next { right:-26px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='48'%3E%3Cpath d='M-.007 47.992 11.9 24-.007.008H12.1L24.007 24 12.1 47.992H0Z' style='fill:%23fff'/%3E%3C/svg%3E"); }
    .m_blog .bx-pager { display:flex; justify-content:center; margin-top:20px; }
    .m_blog .bx-pager-item + .bx-pager-item { margin-left:15px; }
    .m_blog .bx-pager-link { display:block; width:25px; height:25px; color:transparent; border-radius:50%; background-color:#fff;  }
    .m_blog .bx-pager-link.active { background-color:#b0232b; }
    /* 전체보기 추가 */
    .blog_list_link { float:right; margin:7px 20px 0 0; font-size:16px; color:#fff; }
    .blog_list_link:after { content:'\003E'; display:inline-block; vertical-align:text-top; margin:2px 0 0 5px; transform:scale(1.5 , 0.7); }
    


    /* 상담시간 / SNS */
    .m_consult { position:relative; width:120px; margin:0 auto; }
    .m_consult_box { position:absolute; left:calc(50% + 30px); top:-300px; display:flex; flex-wrap:wrap; max-width:548px; }
    .m_consult_box:after { content:''; display:block; color:both; visibility:hidden; }
    .m_consult_box .m_ttl { display:none; } /* mobile 전용 */

    /* 회색 라운드 박스 공통 */
    .m_call,
    .sns_wechat { box-sizing:border-box; height:130px; padding-top:24px; padding-bottom:24px; background-color:#f7f7f7; }

    /* 상담가능시간 */
	.m_call { flex:1; padding-left:20px; font-size:13px; font-weight:700; white-space:nowrap; border-radius:15px 0 0 15px; }
    .m_call dt { position:relative; }
    .m_call dt:after { position:absolute; top:-5px; margin-left:5px; content:url(../img/icons/icon_callcenter.png); }
    .m_call dd:first-of-type { margin:10px 0 2px;  color:#7d7d7d; }
    .m_call dd:nth-of-type(2) { letter-spacing:0.06em; color:#7d7d7d; }
    .m_call dd:nth-of-type(3) { color:#fe443e; }
    .m_call dd a { font-size:28px; color:#0d0d67; }
    .m_call dd b { display:none; }
    /* Wechat */
    .sns_wechat { flex:1 0 auto; padding-left:40px; border-radius:0 15px 15px 0; background-image:url(../img/main/qrcode_wechat2.png); background-position:calc(100% - 22px) 50%; background-repeat:no-repeat; }
    .sns_wechat h2 { padding-left:22px; line-height:20px; font-size:13px; font-weight:700; background:url(../img/icons/icon_wechat.png) 0 50% no-repeat; }
    .sns_wechat *:not(h2) { font-size:14px; font-weight:700; color:#666; }
    .sns_wechat strong { display:block; margin-top:7px; }
    .sns_wechat p { margin-top:3px; }
    .sns_wechat strong i { color:#d60000; }
    .sns_wechat p i { color:#0d0d67; }
    .sns_wechat p:not(:first-of-type) { color:#002905; }
    /* kakao, naver */
    .sns_list { display:flex; gap:18px; width:100%; margin-top:10px; }
    .sns_list li { flex:1; height:49px; line-height:1.3; font-size:16px; border-radius:10px; }
    .sns_talktalk { top:0; color:#fff; background-color:#36b044; }
    .sns_kakao { bottom:0; color:#271212; background-color:#ffde00; }
    .sns_talktalk a,
    .sns_kakao a { display:flex; justify-content:center; align-items:center; box-sizing:border-box; height:100%; white-space:nowrap; background-repeat:no-repeat; }
    .sns_talktalk a:before,
    .sns_kakao a:before { display:block; margin-right:5px; }
    .sns_talktalk a:before { content:url(../img/icons/icon_talktalk.png); width:24px; height:25px; margin-top:3px; }
    .sns_kakao a:before { content:url(../img/icons/icon_kakao.png); width:28px; height:26px; }
    .sns_talktalk b,
    .sns_kakao b { font-weight:700; }
    .m_call_time { display:none; }

    /* 고마워요 차이나닷컴  */
    .m_thanks { text-align:center; padding:70px 0 80px; }
    .m_thanks .m_ttl { position:relative; width:1200px; font-size:32px; }
    .m_thanks .m_ttl span:after { margin-left:10px; vertical-align:text-top; }
    .m_thanks .m_ttl a { position:absolute; left:0; top:7px; font-weight:400; font-size:20px; }
    .m_thanks .m_ttl a:after { content:''; position:absolute; top:5px; right:-15px; width:7px; height:7px; transform:rotate(45deg); border-top:3px solid #0055bc; border-right:3px solid #0055bc; }
    .m_thanks_list { margin-top:35px; white-space:nowrap; }
    .m_thanks_list li { white-space:normal; }
    .m_thanks_list li:not(:first-child) { margin-left:50px; }
    .m_thanks_list li a { width:368px; height:230px; padding:75px 30px 0 35px; line-height:1.3; font-size:16px; background-position:40px 18px; }
    .m_thanks_list li a span { height:6.3em; -webkit-line-clamp:5; }
    .m_thanks_list li a:after { right:53px; }
    .m_name { margin:25px 30px 0 0; padding:12px 70px 0 0; }
    .m_name:after { width:49px; height:49px; }
    .m_name strong { font-size:18px; }
    .m_name span { width:268px; margin-top:8px; font-size:12px; }

    /* 게시물 미리보기  */
    .m_board_box { padding:70px 0; }
    .m_board_wrap { font-size:0; background:url(../img/main/img_peple.svg) 465px 320px no-repeat; background-size:86px 135px; }
    .m_board { box-sizing:border-box; display:inline-block; width:50%; padding:0 0 33px 30px; vertical-align:top; font-size:16px; }
    .m_board dt,
    .m_board dd { width:540px; }
    .m_board dt { margin-bottom:17px; font-size:28px; font-weight:700; color:#111; }
    .m_board dd { position:relative; padding:5px 0; line-height:1; }
    .m_board dd { color:#666; }
    .m_board dd a { width:330px; white-space:nowrap; }
    .m_board dd a span { overflow:hidden; display:inline-block; max-width:420px; text-overflow:ellipsis; font-weight:400; }
	.m_board dd a img { display:inline-block; margin-top:-5px; vertical-align:top; margin-left:10px; }
    .m_board dd i { position:absolute; right:0; top:9px; font-size:13px; }

}




@media screen and ( max-device-width:1369px ) {

    .container.index { padding-left:0; padding-right:0; }
    .container.index > section:not(:first-child):not(.m_board_box):not(.m_thanks) { padding:30px 15px; } /* 메인 컨텐츠 영역 여백 재설정 */
    .container.index > section:not(.m_top):not(.m_product):not(.m_why),
    .m_board:not(:first-of-type) { border-top:7px solid #f5f5f5; } /* 영역 구분 회색선 추가 */
    .container.index .m_ttl,
    .m_board dt { letter-spacing:-0.05em; font-size:20px; }
    .container.index .m_ttl b { font-weight:700;}

    /* 메인 상단 */
    .m_top { background:url(../img/main/main_top_img_mo.png) calc(100% + 30px) calc(100% - 70px) no-repeat; background-size:273px 204px; }
    .m_top .m_ttl { box-sizing:border-box; height:260px; padding:20px 15px 0; line-height:1.2; }
    .m_top .m_ttl * { font-weight:700; }
    .m_top .m_ttl span { display:block; margin-bottom:5px; font-size:18px; color:#886001; }
    .m_top .m_ttl i { font-size:24px; }
    .m_top .m_ttl i:nth-of-type(2):before,
    .m_top .m_ttl i:nth-of-type(4):before { content:'\00B7'; margin:0 6px; }

    .m_top .pc_block { display:none; }


    /* 상품안내 (검색) */
    .m_product { background:#b0232b; }
    .m_product .m_ttl { margin-bottom:15px; color:#fff; }
    .m_product .m_ttl span { display:block; }
    .m_product .m_ttl strong { font-size:18px; }
    .m_product .m_ttl b { color:#fff45c; }
	.m_product br { display: none; }

	.m_product_select { font-size:0; }
	.m_product_select .p_item { box-sizing:border-box; height:48px; margin-bottom:10px; font-size:15px; border:1px solid #810007; }
	.m_product_select .p_item,
	.m_product_select .p_item select,
	.m_product_select .p_item input[type="text"],
	.m_product_select .p_item .select2-container--default .select2-selection--single { border-radius:10px !important; }
	.m_product_select .p_item select,
	.m_product_select .p_item .select2,
	.m_product_select .p_item input[type="text"],
	.m_product_select .p_item .select2-container--default .select2-selection--single { border:0; }
	.m_product_select .p_item input,
	.m_product_select .p_item select,
	.m_product_select .p_item .select2-selection--single { outline:0; }
	.m_product_select .p_item select,
	.m_product_select .p_item .select2-container--default .select2-selection--single { background:url(../img/icons/icon_arrow1_down.png) calc(100% - 1em) center no-repeat; }

	.m_product_select .p_item:not(button) { background-color:#fff; }

	.m_product_select .p_item.checkbox,
	.m_product_select .p_item.select,
	.m_product_select .p_item.sum { line-height:48px; }

	.m_product_select .p_item.checkbox { text-align:center; font-weight:400; line-height:48px; }
	.m_product_select .p_item.checkbox .cbox:not(:last-of-type) { margin-right:20%; }

	.m_product_select > .p_item:nth-of-type(2),
	.m_product_select > .p_item:nth-of-type(3),
	.m_product_select .p_item.number,
	.m_product_select .p_item.sum { display:inline-block; vertical-align:top; }

	.m_product_select > .p_item:nth-of-type(2),
	.m_product_select > .p_item:nth-of-type(3) { position:relative; width:100%; }
	.m_product_select > .p_item:nth-of-type(2) strong,
	.m_product_select > .p_item:nth-of-type(3) strong { display:inline-block; height:96%; margin-left:5%; word-spacing:-2px; font-size:15px; }
	.m_product_select > .p_item:nth-of-type(2) select,
	.m_product_select > .p_item:nth-of-type(3) select { position:absolute; top:0; right:0; height:100%; padding-left:120px; padding-right:25px; text-indent:0; background-position-x:calc(100% - 10px); }

	.p_item.pdt { position:relative; margin-top:10px; }
	.p_item.pdt:before { content:''; position:absolute; top:-10px; height:0; width:100%; border-top:1px dashed #d89195; }

	.m_product_select .p_item.number { width:100px; }
	.m_product_select .p_item.number .quant_main { position:relative; height:100%; width:80%; margin:0 auto; }
	.quant_main input[type="text"] { width:30px; height:100%; text-indent:0; text-align:right; }
	.quant_main span { position:absolute; right:-2px; width:20px; height:20px; font-size:0; cursor:pointer; background-repeat:no-repeat; background-position:center center; }
	.quant_main .plus { top:2px; background-image:url(../img/icons/icon_arrow1_up.png); }
	.quant_main .minus { top:24px; background-image:url(../img/icons/icon_arrow1_down.png); }

	.m_product_select .p_item.sum { width:calc(100% - 106px); margin-left:6px; }
	.m_product_select .p_item.sum input[type="text"] { width:calc(100% - 2em); margin-right:5px; text-align:right; font-size:20px; }

	.m_product_select button.p_item { width:100%; font-size:18px; font-weight:700; color:#fff; background-color:#181842; box-shadow:5px 0 15px rgba(24,24,66,0.5); } /* 장바구니 버튼 */
	.m_product_select button.p_item:before { content:''; display:inline-block; vertical-align:text-bottom; width:22px; height:22px; margin-right:8px; background: url(../img/icons/icon_mo_w_cart.png) center center no-repeat; }

	.swap_select { display: block; margin:0 auto 10px; }
	.swap_select img { display: block; transform:rotate(90deg); }

    /* 왜! 차이나닷컴을 선택해야 할까요? */
    .m_why { padding-top:0 !important; }
    .m_why_list { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; max-width:310px; margin:0 auto; }
    .m_why_list li { width:45%; margin-top:30px; white-space:nowrap; }

    .m_why_list li div { padding:5px 0 5px 55px; text-align:center; background-position:0 0; background-size:auto 85%; background-repeat:no-repeat; }
    .m_why_list li:first-child div { background-image:url(../img/icons/icon_point01.png); }
    .m_why_list li:nth-child(2) div { background-image:url(../img/icons/icon_point02.png); }
    .m_why_list li:nth-child(3) div { text-indent:-10px; background-image:url(../img/icons/icon_point03.png); }
    .m_why_list li:nth-child(4) div { text-indent:-20px; background-image:url(../img/icons/icon_point04.png); }

    .m_why_list strong,
    .m_why_list b { font-weight:700;}
    .m_why_list strong { font-size:28px; color:#0d0d67; }
    .m_why_list b:first-of-type { font-size:18px; color:#0d0d67; }
    .m_why_list b:last-child { display:block; width:100%; font-size:13px; color:#e00022; }
    

    /* 이럴땐 이런서류가 필요해요! */
    .m_blog_list { margin-top:5px; padding-top:1px; }
    .m_blog_list li { margin-top:15px; }
    .m_blog_list a { position:relative; box-sizing:border-box; display:block; height:82px; font-size:15px; padding:0.5em 1em 0.5em 95px; }
    .m_blog_list .thumb { position:absolute; width:82px; height:82px; top:0; left:0; background-color:rgba(0,0,0,0.1); background-size:contain; }

    .m_blog_list i { display:block; font-weight:700; color:#888;}
    .m_blog_list span:not(.thumb) { overflow:hidden; display:inline-block; margin-top:5px; display:-webkit-box; width:100%; height:2.8em; line-height:1.4; color:#555;
                                    text-align:left; word-wrap:break-word; text-overflow:ellipsis; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
    /* 블로그 리스트 슬라이드 추가 2021-10-07 */
    .m_blog .bx-wrapper { margin-top:20px; }
    .blog_list_bx,
    .blog_list_bx li { margin:0; }
    .m_blog .bx-controls-direction { display:none; }
    .m_blog .bx-pager { display:flex; justify-content:center; margin-top:15px; }
    .m_blog .bx-pager-item { margin-right:10px; }
    .m_blog .bx-pager-link { overflow:hidden; display:block; width:15px; height:15px; color:transparent; border-radius:50%; background-color:#aaa; }
    .m_blog .bx-pager-link.active { background-color:#b0232b; }
    .blog_list_link { display:none; }


    /* 연락처/SNS 안내 */
    .m_consult { padding-bottom:0 !important; }
    .m_consult_box { display:flex; flex-direction:column; }
    .m_consult_box .m_ttl { text-align:center; }

    .sns_list { padding-top:10px; }

    .sns_wechat,
    .sns_talktalk,
    .sns_kakao,
    .m_call { box-sizing:border-box; width:100%; height:50px; margin-top:10px; text-align:center; font-size:16px; font-weight:700; border-radius:5px; }

    .sns_wechat { order:2; color:#fff; background-color:#838383; }
    .sns_talktalk { color:#fff; background-color:#36b044;}
    .sns_kakao {  color:#271212; background-color:#ffde00; }
    .m_call { order:3; color:#271212; background-color:#d1c0a5; }

    .sns_wechat strong,
    .sns_talktalk a,
    .sns_kakao a,
    .m_call b { display:block; height:100%; line-height:50px; }     

    .sns_wechat strong:before,
    .sns_talktalk a:before,
    .sns_kakao a:before,
    .m_call b:before { content:''; display:inline-block; vertical-align:top; background-position:left bottom; background-repeat:no-repeat; }

    .sns_wechat strong:before { width:36px; height:29px; padding:11px 3px 0 0; background-image:url(../img/icons/icon_mo_wechat.png); }
    .sns_talktalk a:before { width:27px; height:27px; padding:12px 7px 0 0; background-image:url(../img/icons/icon_mo_talktalk.png); }
    .sns_kakao a:before { width:32px; height:30px; padding:10px 6px 0 0; background-image:url(../img/icons/icon_mo_kakao.png); }
    .m_call b:before { width:24px; height:24px; padding:13px 8px 0 0; background-image:url(../img/icons/icon_mo_phone.png); }

    .sns_wechat i { font-weight:700; color:#51c332; }
    .m_call dd:not(:first-of-type) { position:relative; }
    .m_call dd:not(:first-of-type) a { position:absolute; top:0; left:0; right:0; bottom:0; color:transparent; }

    .m_call dd:first-of-type { position:relative; }
    .m_call dd:first-of-type a { opacity:0; position:absolute; top:0; bottom:0; left:0; right:0; }

    .m_call_time { margin-top:10px; text-align:center; font-weight:700; letter-spacing:0.05em; }
    .m_call_time  dt { font-size:20px; color:#7d7d7d; }
    .m_call_time  dd { margin-top:2px; font-size:16px; color:#fe443e; }


    /* 고마워요 차이나닷컴 */
    .container.index > section.m_thanks { padding:30px 0; }
    .m_thanks .bx-wrapper { margin:20px 0 10px; }
    .thanks_list_bx:after { display:block; visibility:hidden; content:''; clear:both; }
    .m_thanks_list li { width:252px !important; margin-left:15px; }
    .m_thanks_list li a { height:170px; padding:35px 20px; font-size:14px; line-height:1.5; background-size:20px auto; background-position:20px 13px; }
    .m_thanks_list li a span { height:6em; -webkit-line-clamp:4; }
    .m_thanks_list li a:after { right:27px; }
    .m_name { margin:15px 14px 0 0; padding:5px 50px 0 0; }
    .m_name strong { font-size:16px; }
    .m_name span { margin-top:7px; font-size:13px; }
    .m_name:after { width:40px; height:40px; background-size:18px 18px; }


    /* 게시판 미리보기 */
    .m_board { padding:30px 15px; }
    .m_board dt { margin-bottom:10px; text-align:center; }
    .m_board dd {  }
    .m_board dd a { display:block; padding:7px 0; white-space:nowrap; }
	.m_board dd a span { display:inline-block; max-width:calc(100% - 1.5em); overflow:hidden;  text-overflow:ellipsis; font-size:14px; color:#666; }
	.m_board dd a img { display:inline-block; vertical-align:top; margin:-3px 0 0 0.2em; }


    /* 모바일 화면에서 숨김 */
    .sns_wechat h2,
    .sns_wechat p,
    .m_call dt,
    .m_call dd:not(:first-of-type),
    .m_faq,
    .m_board dd i { display:none; }

}

/* 더비자 오픈 안내 팝업 2022-01-17 */
.pop_thevisa { position:absolute; top:calc(50% - 200px); left:calc(50% - 190px); box-sizing:border-box; padding:20px; border:1px solid #41564f; background-color:rgba(128,169,144,0.75); z-index:10; }

.thevisa_link { position:relative; display:block; }
.word_txt { position:absolute; top:42px; left:0; right:0; line-height:1.2; text-align:center; font-size:16px; font-weight:bold; white-space:nowrap; color:#fff;	transform:rotate(-8deg); -webkit-transform:rotate(-8deg); }
.word_txt span { display:block; }
.word_txt span:last-of-type { font-size:18px; }
.word_txt span em { font-style:normal; color:#f9d80d; }

.thevisaF,
.thevisa_btn { position:absolute; }
.thevisaF { bottom:-30px; left:-1px; right:-1px; padding-right:10px; height:30px; line-height:30px; text-align:right; font-size:12px; color:#fff; background-color:#000; }
.thevisaF * { margin:0; vertical-align:middle; }
.thevisaF input[type="radio"],
.thevisaF input[type="checkbox"] { margin:0; cursor:pointer; }
.thevisa_btn { top:-47px; right:-1px; }


/* 수출 바우처 배너 추가 2022-05-25 */
/* PC View */
@media screen and ( min-device-width:1400px ) {
    .expv { position:absolute; top:150px; left:calc(50% + 300px); }
    .expv a { float:right; display:flex; justify-content:center; align-items:center; box-sizing:border-box; width:281px; height:60px; border-radius:8px; border:1px solid #00278b; background-color:#fff; }
}
@media screen and ( max-device-width: 1369px ) {
    .expv { height:58px; border-bottom:1px solid #7686ad; border-top:1px solid #7686ad; background-color:#fff799; }
    .expv a { display:flex; justify-content:center; align-items:center; height:100%; }
    .expv img { max-width:242px; width:90%; height:auto; }
}


/* 베스트 서비스  */
.m_best { text-align:center; }
.m_best_list li { width:137px !important; height:193px; border:1px solid #929292; }
.m_best_list li a { position:relative; display:block; height:100%; }
.m_best_list li img { width:100%; height:auto; }
.m_best_list li p { position:absolute; left:-1px; right:-1px; bottom:0; display:flex; flex-direction:column; justify-content:center; align-items:center; height:56px; font-weight:700; color:#fff; background-color:#d51919; }
.m_best_list p span { display:block; }
/* PC View */
@media screen and ( min-device-width:1400px ) {
    .m_best { box-sizing:border-box; height:383px; padding-top:68px; font-size:15px; background:url(../img/main/m_best_back01.png) calc(50% - 50px) calc(100% + 25px) no-repeat, url(../img/main/m_best_back02.png) calc(50% + 425px) -75px no-repeat; }
    .m_best .bx-wrapper { position:relative; width:1200px; margin:0 auto; }
    .m_best .m_ttl { margin-bottom:30px; font-size:32px; font-weight:700; }
    .m_best_list li { margin:0 12px 0 42px; }
    .m_best_list li a:hover:before { content:''; position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; border:2px solid #d51919; }
    .m_best .bx-controls-direction a { opacity:0.7; position:absolute; top:calc(50% - 10px); width:34px; height:58px; font-size:0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 48' style='enable-background:new 0 0 24 48'%3E%3Cpath style='fill:%239b9b9b' d='M12.1 0H0l11.9 24L0 48h12.1L24 24z'/%3E%3C/svg%3E") center center no-repeat; background-size:24px 48px; z-index:1; }
    .m_best .bx-controls-direction a:hover { opacity:1; }
    .m_best .bx-prev { left:-13px; transform:scaleX(-1); }
    .m_best .bx-next { right:-5px; }
    .m_best .bx-pager.bx-default-pager { display:none; }
}
@media screen and ( max-device-width:1369px ) {
    .m_best { box-sizing:border-box; background:url(../img/main/m_best_back02.png) calc(50% + 425px) -75px no-repeat; }
    .m_best .m_ttl { margin:5px 0 15px; }
    .m_best_list li { margin:0 20px 0 16px; }
    .m_best .bx-default-pager { display:flex; justify-content:center; gap:10px; margin-top:20px; }
    .m_best .bx-pager-item { font-size:0; }
    .m_best .bx-pager-link { display:block; width:17px; height:17px; border-radius:50%; background-color:#b3b3b3; }
    .m_best .bx-pager-link.active { background-color:#2a2a36; }

    .m_best .bx-controls-direction { display:none; }
}