/*input 은 숨겨주기*/
input#chk_top{
  display:none;
  }
/*input 바로 다음의 label*/
input#chk_top + label{
  cursor:pointer;
 }

/*input 바로 다음의 label:before 에 체크하기 전 CSS 설정*/
input#chk_top + label:before{
  content:"";
  display:inline-block;
  width:14px;
  height:14px;
  line-height:14px;
  border:1px solid #cbcbcb;
  vertical-align:middle;/*체크 전과 체크 후 높이 차이 때문에 설정*/
  }
  
/*checked된 input 바로 다음의 label:before 에 체크 후 CSS 설정*/  
input#chk_top:checked + label:before{
  content:"\f00c";/*폰트어썸 유니코드*/
  font-family:"Font Awesome 5 free"; /*폰트어썸 아이콘 사용*/
  font-weight:900;/*폰트어썸 설정*/
  color:#fff;
  background-color:#000;
  border-color:#000;
  font-size:11px;
  text-align:center;
  }


/* CUSTOMER =================================== */
/* CUSTOMER > 공지사항 */
.notice .content_area {padding:180px 0 160px;}
.notice .keyvisual_area {background-image: url("../img/04.customer/visual_bg.jpg"); }
.notice .keyvisual_area::after {background-image: url("../img/04.customer/visual_bg.jpg"); }

/*리스트*/
.notice_con01 .outside_box {float:left;width:100%;padding:0;margin:0 0 180px 0;display:block;}

.notice_con01 .board_box {float:left;width:100%;padding:0;margin:0px 0 0px 0;border-top:3px solid #181818;border-bottom:1px solid #181818;display:block;}
.notice_con01 .board_box ul {float:left;width:100%;padding:16px 0 14px 0; margin:0;border-bottom:1px solid #ddd;font-family: 'SUIT','Noto Sans KR', sans-serif;display:block;}
.notice_con01 .board_box ul.notice {background:#fafafa;}
.notice_con01 .board_box li:nth-child(1) {float:left;width:8%;padding:0;margin:0;text-align:center;font-size:0.90em;line-height:1.4em;display:inline-block;}
.notice_con01 .board_box li:nth-child(2) {float:left;width:10%;padding:0;margin:0;text-align:center;font-size:0.90em;line-height:1.4em;display:inline-block;}
.notice_con01 .board_box li:nth-child(3) {float:left;width:58%;padding:0;margin:0;text-align:center;font-size:0.95rem;line-height:1.4em;display:inline-block;}
.notice_con01 .board_box li:nth-child(4) {float:left;width:12%;padding:0;margin:0;text-align:center;font-size:0.90em;line-height:1.4em;display:inline-block;}
.notice_con01 .board_box li:nth-child(5) {float:left;width:12%;padding:0;margin:0;text-align:center;font-size:0.90em;line-height:1.4em;display:inline-block;}
.notice_con01 .board_box .link_t {}
.notice_con01 .board_box .link_t a {padding:0 10px;text-align:left;font-family: 'SUIT','Noto Sans KR', sans-serif;}
.notice_con01 .board_box .link_t a:hover {color:#0fbfd6;text-decoration:underline;text-underline-offset:5px;}
.notice_con01 .board_box label {font-size:0.90em;vertical-align:middle;}
.notice_con01 .board_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.notice_con01 .board_box.scroll_motion.on {opacity:1; transform:translateY(0);}

.notice_con01 .paging_box {float:left;width:100%;padding:0;margin:30px 0 0 0;font-size:0.90em;text-align:center;display:block;}
.notice_con01 .paging_box a {font-family: 'SUIT','Noto Sans KR', sans-serif;display:inline-block;}
.notice_con01 .paging_box a:hover {color:#0fbfd6;}
.notice_con01 .paging_box span {border:1px solid #ddd;padding:5px 10px 5px 10px;}
.notice_con01 .paging_box .active {border:1px solid #0fbfd6;color:#0fbfd6;}
.notice_con01 .paging_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.notice_con01 .paging_box.scroll_motion.on {opacity:1; transform:translateY(0);}

.notice_con01 .button_box {float:left;width:100%;padding:0;margin:30px 0 0px 0;display:block;}
.notice_con01 .button_box button {font-family: 'SUIT','Noto Sans KR', sans-serif;}
.notice_con01 .button_box .btn_01 {font-size:0.90em;background:#fff;color:#727272;border:1px solid #727272;font-weight:400;padding:7px 12px 8px 12px;}
.notice_con01 .button_box .btn_wr {font-size:0.90em;background:#181818;color:#fff;border:1px solid #181818;font-weight:400;padding:7px 15px 8px 15px;}
.notice_con01 .button_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.notice_con01 .button_box.scroll_motion.on {opacity:1; transform:translateY(0);}

/*글쓰기*/
.notice_wr_con01 .outside_box {float:left;width:100%;padding:0;margin:0 0 180px 0;display:block;}
.notice_wr_con01 .board_box {float:left;width:100%;padding:0;margin:0px 0 0px 0;border-top:3px solid #181818;border-bottom:1px solid #181818;display:block;}
.notice_wr_con01 .board_box ul {float:left;width:100%;padding:0 0px;margin:0;border-bottom:1px solid #ddd;list-style:none;flex-wrap:wrap;display:flex;}
.notice_wr_con01 .board_box li {float:left;display:flex;}
.notice_wr_con01 .board_box li:nth-child(1) {width:20%;padding:15px 0px 0 25px;margin:0;text-align:left;background:#fafafa;font-size:0.95rem;}
.notice_wr_con01 .board_box li:nth-child(2) {width:80%;padding:15px 0px 15px 25px;margin:0;text-align:left;font-size:0.90em;}
.notice_wr_con01 .board_box li:nth-child(3) {width:20%;padding:15px 0px 0 25px;margin:0;text-align:left;background:#fafafa;font-size:0.95rem;}
.notice_wr_con01 .board_box li:nth-child(4) {width:80%;padding:15px 0px 15px 25px;margin:0;text-align:left;font-size:0.90em;}
.notice_wr_con01 .board_box li:nth-child(5) {width:20%;padding:0 0px 0 25px;margin:0;text-align:left;background:#fafafa;font-size:0.95rem;}
.notice_wr_con01 .board_box li:nth-child(6) {width:80%;padding:0px 0px 15px 25px;margin:0;text-align:left;font-size:0.90em;}
.notice_wr_con01 .board_box li:nth-child(7) {width:20%;padding:0 0px 0 25px;margin:0;text-align:left;background:#fafafa;font-size:0.95rem;}
.notice_wr_con01 .board_box li:nth-child(8) {width:80%;padding:0px 0px 15px 25px;margin:0;text-align:left;font-size:0.90em;}
.notice_wr_con01 .board_box .default input {height:4vh;border:1px solid #cacece;font-size:0.95rem;padding:3px 5px;margin:0;} /*input 기본CSS*/
.notice_wr_con01 .board_box .default select {height:4vh;border:1px solid #cacece;font-size:0.90em;padding:3px 5px;margin:0;background: url('../img/common/select_arrow.png') no-repeat 95% 55%;}
.notice_wr_con01 .board_box .default textarea {height:150px; border:1px solid #cacece;font-size:0.95rem;line-height:1.5em;padding:3px 5px;margin:0 0 7px 0;}
.notice_wr_con01 .board_box .default .file_upload {position:relative;top:0px;left:-1px;background:#0fbfd6;font-size:0.90em;padding:0px 16px;line-height:2.9em;margin:0;display:inline-block;}
.notice_wr_con01 .board_box .default .file_upload a {color:#fff;font-weight:600;}
.notice_wr_con01 .board_box .default .fileNameBox {float:left;width:60%;border:1px solid #cacece;font-size:0.90em;padding:5px 5px;margin:0;display:inline-block;}
.notice_wr_con01 .board_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.notice_wr_con01 .board_box.scroll_motion.on {opacity:1; transform:translateY(0);}

.notice_wr_con01 .button_box {float:left;width:100%;padding:0;margin:35px 0 0px 0;text-align:center;display:block;}
.notice_wr_con01 .button_box button {font-family: 'SUIT','Noto Sans KR', sans-serif;}
.notice_wr_con01 .button_box .btn_01 {font-size:0.90em;background:#fff;color:#727272;border:1px solid #727272;font-weight:400;padding:7px 12px 8px 12px;}
.notice_wr_con01 .button_box .btn_wr {font-size:0.90em;background:#181818;color:#fff;border:1px solid #181818;font-weight:400;padding:7px 15px 8px 15px;}
.notice_wr_con01 .button_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.notice_wr_con01 .button_box.scroll_motion.on {opacity:1; transform:translateY(0);}


/*글목록*/
.notice_vw_con01 .outside_box {float:left;width:100%;padding:0;margin:0 0 180px 0;display:block;}
.notice_vw_con01 .board_box {float:left;width:100%;padding:0;margin:0px 0 0px 0;border-top:3px solid #181818;border-bottom:1px solid #181818;display:block;}
.notice_vw_con01 .board_box .title {padding:20px 25px;font-size:1.2em;font-weight:600;border-bottom:1px solid #ddd;color:#000;}
.notice_vw_con01 .board_box .vw_text {padding:25px 25px 30px 25px;line-height:1.6em;}
.notice_vw_con01 .board_box .vw_text img {max-width:90%;margin:0 auto;}

.notice_vw_con01 .button_box {float:left;width:100%;padding:0;margin:35px 0 0px 0;text-align:center;display:block;}
.notice_vw_con01 .button_box button {font-family: 'SUIT','Noto Sans KR', sans-serif;}
.notice_vw_con01 .button_box .btn_01 {font-size:0.90em;background:#fff;color:#727272;border:1px solid #727272;font-weight:400;padding:7px 12px 8px 12px;}
.notice_vw_con01 .button_box .btn_wr {font-size:0.90em;background:#181818;color:#fff;border:1px solid #181818;font-weight:400;padding:7px 15px 8px 15px;}
.notice_vw_con01 .button_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.notice_vw_con01 .button_box.scroll_motion.on {opacity:1; transform:translateY(0);}


/* CUSTOMER > 자주묻는질문 */
.faq .content_area {padding:180px 0 180px;}
.faq .keyvisual_area {background-image: url("../img/04.customer/visual_bg.jpg"); }
.faq .keyvisual_area::after {background-image: url("../img/04.customer/visual_bg.jpg"); }

.faq_con01 {float:left;width:100%;padding:0;margin:0;text-align:center;display:block;}
.faq_con01 .faq_line {float:left;width:100%;padding:0;margin:0 0 180px 0; border-top:1px solid #e0e0e0;display:block;}
.faq_con01 .faq_line.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.faq_con01 .faq_line.scroll_motion.on {opacity:1; transform:translateY(0);}


/* CUSTOMER > 생리와 건강 */
.health .content_area {padding:180px 0 180px;}
.health .keyvisual_area {background-image: url("../img/04.customer/visual_bg.jpg"); }
.health .keyvisual_area::after {background-image: url("../img/04.customer/visual_bg.jpg"); }

@media all and (max-width:767px){
.health .content_area {padding:120px 0 60px;}
.health .keyvisual_area {background-image: url("../img/04.customer/visual_mbg.jpg"); }
.health .keyvisual_area::after {background-image: url("../img/04.customer/visual_mbg.jpg"); }
}

.health_con01 {float:left;width:100%;padding:0;margin:0;text-align:center;display:block;}
.health_con01 .faq_line {float:left;width:100%;padding:0;margin:0 0 150px 0; border-top:1px solid #e0e0e0;display:block;}
.health_con01 .faq_line.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.health_con01 .faq_line.scroll_motion.on {opacity:1; transform:translateY(0);}

@media all and (max-width:767px){
.health_con01 .faq_line {float:left;width:100%;padding:0;margin:0 0 50px 0; border-top:1px solid #e0e0e0;display:block;}
}

.health_con02 {float:left;width:100%;padding:0;margin:0 0 200px 0;text-align:center;display:block;}
.health_con02 .nobly_box {float:left;width:100%;border-radius:50px;border:3px solid #434343;padding:60px;margin:0;display:block;}
.health_con02 .nobly_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.health_con02 .nobly_box.scroll_motion.on {opacity:1; transform:translateY(0);}
.health_con02 .nobly_box .left_b {float:left;width:75%;padding:12px 0 0 40px;margin:0;text-align:left;font-family: 'SUIT','Noto Sans KR', sans-serif;display:inline-block;}
.health_con02 .nobly_box .left_b .title {font-size:1.2rem;font-weight:600;color:#000;margin:0 0 15px 0;}
.health_con02 .nobly_box .left_b .s_text {font-size:1.0rem;font-weight:400;margin:0 0 15px 0;line-height:1.4em;word-wrap:normal;}
.health_con02 .nobly_box .left_b .p_text {font-size:0.95rem;font-weight:400;margin:0 0 15px 0;line-height:1.4em;word-wrap:normal;}
.health_con02 .nobly_box .right_b {float:left;width:25%;padding:0 0;margin:10px 0 0 0;display:inline-block;}
.health_con02 .nobly_box .right_b li {float:left;width:49%;padding:0;margin:0;display:inline-block;}
.health_con02 .nobly_box .right_b li img {max-width:90%;}

@media all and (max-width:767px){
.health_con02 {margin:0 0 60px 0;}
.health_con02 .nobly_box {border-radius:40px;padding:40px;}
.health_con02 .nobly_box .left_b {width:100%;padding:12px 0 0 10px;display:block;}
.health_con02 .nobly_box .left_b .title {font-size:1.1rem;margin:0 0 15px 0;}
.health_con02 .nobly_box .left_b .s_text {font-size:0.90rem;margin:0 0 15px 0;}
.health_con02 .nobly_box .left_b .p_text {font-size:0.85rem;margin:0 0 15px 0;}
.health_con02 .nobly_box .right_b {width:100%;padding:0 0;margin:10px 0 0 0;display:block;}
.health_con02 .nobly_box .right_b li {width:49%;}
.health_con02 .nobly_box .right_b li img {max-width:100%;}
}

/* CUSTOMER > FAQ 게시판 구현 (공통 : 자주묻는질문, 생리와 건강) */
  .answer {
    display: none;
    padding: 0 0 30px 20px;
	line-height:1.6em;
  }
  .faq-content {
    border-bottom: 1px solid #e0e0e0;
	text-align: left;
	font-size:0.95rem;
	font-family: 'SUIT','Noto Sans KR', sans-serif;
  }
  .question {
    font-size:1.1rem;
  padding: 20px 0 20px 20px;
    cursor: pointer;
    border: none;
    outline: none;
    background: none;
    width: 100%;
    text-align: left;
	font-family: 'SUIT','Noto Sans KR', sans-serif;
  }
  .question:hover {
    color: #06b1cd;
  }
  [id$="-toggle"] {
    margin-right: 15px;
	float:right;
  }

  
@media all and (max-width:767px){
  .faq-content {font-size:0.85rem;}
   .question {font-size:0.85rem; padding: 15px 0 15px 10px;}
     [id$="-toggle"] {margin-right: 10px;}
}


/* CUSTOMER > 1:1문의 */
.qna .content_area {padding:180px 0 180px;}
.qna .keyvisual_area {background-image: url("../img/04.customer/visual_bg.jpg"); }
.qna .keyvisual_area::after {background-image: url("../img/04.customer/visual_bg.jpg"); }

@media all and (max-width:767px){
.qna .content_area {padding:120px 0 60px;}
.qna .keyvisual_area {background-image: url("../img/04.customer/visual_mbg.jpg"); }
.qna .keyvisual_area::after {background-image: url("../img/04.customer/visual_mbg.jpg"); }
}

.qna_con01 .outside_box {float:left;width:100%;padding:0;margin:0 0 180px 0;display:block;}
.qna_con01 .outside_box .pc {display:block;}
.qna_con01 .outside_box .m {display:none;}

.qna_con01 .board_box {float:left;width:100%;padding:0;margin:50px 0 0px 0;border-top:3px solid #181818;border-bottom:1px solid #181818;display:block;}
.qna_con01 .board_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.qna_con01 .board_box.scroll_motion.on {opacity:1; transform:translateY(0);}
.qna_con01 .board_box ul {float:left;width:100%;padding:0 0px;margin:0;border-bottom:1px solid #ddd;list-style:none;flex-wrap:wrap;display:flex;}
.qna_con01 .board_box li {float:left;display:flex;}
.qna_con01 .board_box li:nth-child(1) {width:20%;padding:15px 0px 0 25px;margin:0;text-align:left;background:#fafafa;font-size:0.90rem;}
.qna_con01 .board_box li:nth-child(2) {width:80%;padding:15px 0px 15px 25px;margin:0;text-align:left;font-size:0.90rem;border:0px solid red;}
.qna_con01 .board_box li:nth-child(3) {width:20%;padding:15px 0px 0 25px;margin:0;text-align:left;background:#fafafa;font-size:0.90rem;}
.qna_con01 .board_box li:nth-child(4) {width:80%;padding:15px 0px 15px 25px;margin:0;text-align:left;font-size:0.90rem;}
.qna_con01 .board_box li:nth-child(5) {width:20%;padding:0 0px 0 25px;margin:0;text-align:left;background:#fafafa;font-size:0.90rem;}
.qna_con01 .board_box li:nth-child(6) {width:80%;padding:0px 0px 10px 25px;margin:0;text-align:left;font-size:0.90rem;}
.qna_con01 .board_box li:nth-child(7) {width:20%;padding:0 0px 0 25px;margin:0;text-align:left;background:#fafafa;font-size:0.90rem;}
.qna_con01 .board_box li:nth-child(8) {width:80%;padding:0px 0px 15px 25px;margin:0;text-align:left;font-size:0.90rem;}
.qna_con01 .board_box .default input {height:4vh;border:1px solid #cacece;font-size:0.90rem;padding:3px 5px;margin:0;} /*input 기본CSS*/
.qna_con01 .board_box .default .tel_mark {position:relative;top:1.3vh;}
.qna_con01 .board_box .default .mail_mark {position:relative;top:1.3vh;}
.qna_con01 .board_box .default select {height:4vh;border:1px solid #cacece;font-size:0.90rem;padding:3px 5px;margin:0;background: url('../img/common/select_arrow.png') no-repeat 95% 55%;}
.qna_con01 .board_box .default textarea {height:150px; border:1px solid #cacece;font-size:0.90rem;line-height:1.5em;padding:3px 5px;margin:0 0 7px 0;}
.qna_con01 .board_box .default .file_upload {float:left;width:100%;font-size:0.90rem;padding:0px 16px;margin:0 0 0 -15px;display:block;}
.qna_con01 .board_box .default .file_upload input {width:100%;height:38px;font-size:0.90rem;border:1px solid #ccc;background:#fafafa;font-family: 'SUIT','Noto Sans KR', sans-serif;display:block;}
.qna_con01 .board_box .default .file_upload a {color:#fff;font-weight:600;}
.qna_con01 .board_box .default .fileNameBox {float:left;width:60%;border:1px solid #cacece;font-size:0.90rem;padding:5px 5px;margin:0;display:block;}

.qna_con01 .board_box .default .pv_t1 {padding:15px 0px 0px 25px;}
.qna_con01 .board_box .default .pv_t2 {padding:0px 0px 0px 25px;}
.qna_con01 .board_box .default .point_cl {color:#0fbfd6;line-height:1.5em;}
.qna_con01 .board_box .default .privacyTxtBox{width:98%;height:305px;padding:10px;margin-top:-20px;margin-bottom:0px;border:1px solid #ccc;overflow:auto;position:relative;}
.qna_con01 .board_box .default .privacyTxtBox dl dt{font-weight:700;margin-bottom:10px;color:#242424}
.qna_con01 .board_box .default .privacyTxtBox dl dd{line-height:23px;margin-bottom:30px;color:#666}
.qna_con01 .board_box .default .privacyTxtBox dl dd b{font-size:17px;font-weight:700;line-height:22px}
.qna_con01 .board_box .default .privacyTxtBox.box2{height:185px}.privacyTxtBox:focus{border:2px solid #a5c6fc}
.qna_con01 .board_box .default .privacyTxtBox.box2 dl dd{margin-bottom:10px}
.qna_con01 .board_box .default .privacyTxtBox.box2 dl dd:nth-of-type(3){margin-bottom:30px}

.qna_con01 .button_box {float:left;width:100%;padding:0;margin:35px 0 0px 0;text-align:center;display:block;}
.qna_con01 .button_box button {font-size:0.95rem;background:#181818;color:#fff;font-weight:600;padding:12px 18px 13px 18px;font-family: 'SUIT','Noto Sans KR', sans-serif;}
.qna_con01 .button_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.qna_con01 .button_box.scroll_motion.on {opacity:1; transform:translateY(0);}

.wd_80 {width:80px;}
.wd_100 {width:100px;}
.wd_215 {width:215px;}
.wd_25p {width:25%;}
.wd_30p {width:30%;}
.wd_35p {width:35%;}
.wd_40p {width:40%;}
.wd_60p {width:60%;}
.wd_90p {width:90%;}
.wd_95p {width:95%;}
.ko_input {ime-mode:active;}
.eng_input {ime-mode:inactive;}
.blind {display:none;}

.checks {position: relative;}
.checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.checks input[type="radio"] + label {display: inline-block; position: relative; padding:0 12px 0 18px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -1px; width: 14px; height: 14px; text-align: center; background: #fff; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.checks input[type="radio"]:checked + label:before { background: #E9ECEE; border-color: #adb8c0; }
.checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 2px; left: 3px; width: 10px; height: 10px; background: #99a1a7; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }


@media all and (max-width:767px){
.qna_con01 .outside_box {margin:0 0 80px 0;}
.qna_con01 .outside_box .pc {display:none;}
.qna_con01 .outside_box .m {display:block;}
.qna_con01 .board_box {margin:20px 0 0px 0;}
.qna_con01 .board_box li {line-height:1.5em;display:block;}
.qna_con01 .board_box li:nth-child(1) {width:100%;padding:15px 0px 15px 10px;font-size:0.85rem;}
.qna_con01 .board_box li:nth-child(2) {width:100%;padding:15px 0px 15px 10px;font-size:0.85rem;border:0px solid red;}
.qna_con01 .board_box li:nth-child(3) {width:100%;padding:15px 0px 0 10px;font-size:0.85rem;}
.qna_con01 .board_box li:nth-child(4) {width:100%;padding:15px 0px 15px 10px;font-size:0.85rem;}
.qna_con01 .board_box li:nth-child(5) {width:100%;padding:0 0px 0 10px;font-size:0.85em;}
.qna_con01 .board_box li:nth-child(6) {width:100%;padding:0px 0px 15px 10px;font-size:0.85rem;}
.qna_con01 .board_box li:nth-child(7) {width:100%;padding:0 0px 0 10px;font-size:0.85rem;}
.qna_con01 .board_box li:nth-child(8) {width:100%;padding:0px 0px 15px 10px;font-size:0.85rem;}
.qna_con01 .board_box .default input {height:4vh;font-size:0.85rem;padding:3px 5px;} /*input 기본CSS*/
.qna_con01 .board_box .default .tel_mark {top:0.5vh;}
.qna_con01 .board_box .default .mail_mark {top:0.5vh;}
.qna_con01 .board_box .default select {height:4vh;font-size:0.85rem;padding:3px 5px;}
.qna_con01 .board_box .default textarea {height:150px;font-size:0.85rem;line-height:1.5em;padding:10px;margin:0 0 7px 0;}
.qna_con01 .board_box .default .file_upload width:100%;font-size:0.85rem;padding:0px 16px;margin:0 0 0 -15px;}
.qna_con01 .board_box .default .file_upload input {width:100%;height:38px;font-size:0.85rem;}

.qna_con01 .board_box .pv_t1 {padding:15px 0px 0px 10px;}
.qna_con01 .board_box .default .pv_t2 {padding:0px 0px 0px 10px;}
.qna_con01 .board_box .default .point_cl {line-height:1.4em;}
.qna_con01 .board_box .default .privacyTxtBox{width:95%;height:150px;padding:10px;margin-top:-20px;margin-bottom:0px;}
.qna_con01 .board_box .default .privacyTxtBox dl dt{margin-bottom:10px;}
.qna_con01 .board_box .default .privacyTxtBox dl dd{line-height:23px;margin-bottom:20px;}
.qna_con01 .board_box .default .privacyTxtBox dl dd b{font-size:15px;line-height:20px}
.qna_con01 .board_box .default .privacyTxtBox.box2 dl dd{margin-bottom:5px}
.qna_con01 .board_box .default .privacyTxtBox.box2 dl dd:nth-of-type(3){margin-bottom:20px}
}


/* CUSTOMER > 고객응대 */
.ccm .content_area {padding:180px 0 160px;}
.ccm .keyvisual_area {background-image: url("../img/04.customer/visual_bg_02.jpg"); }
.ccm .keyvisual_area::after {background-image: url("../img/04.customer/visual_bg_02.jpg"); }

.ccm_con01 .step_box {float:left;width:100%;padding:0px 0; margin:75px 0 0px 0; text-align:center;display:block; }
.ccm_con01 .step_box ul {float:left;width:20%;padding:0;margin:0 0 0 0;display:inline-block;}
.ccm_con01 .step_box ul:first-child {margin:0 0 0 2.5%;}
.ccm_con01 .step_box ul:last-child {margin:0 2.5% 0 0;}
.ccm_con01 .step_box .title {float:left;width:100%;padding:20px 0;margin:0;font-size:1.5em;font-weight:600;color:#000;background-color:#fef8f0;display:block;}
.ccm_con01 .step_box .stext {float:left;width:100%;padding:20px 25px;margin:0;font-size:0.95rem;line-height:1.5em;background-color:#fff;display:block;}
.ccm_con01 .step_box .arrow {float:left;width:5%;padding:0;margin:5% 0 0 0;font-size:1.5em;color:#414141;display:inline-block;}
.ccm_con01 .step_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.ccm_con01 .step_box.scroll_motion.on {opacity:1; transform:translateY(0);}

.ccm_con01 .info_box {float:left;width:100%;padding:0px 80px; margin:50px 0 100px 0; background-color:#fafafa;display:block; }
.ccm_con01 .info_box .cs_center {float:left;width:100%;padding:70px 0 20px 0;line-height:1.5em;margin:0;display:block;}
.ccm_con01 .info_box .cs_center .tel {font-size:1.3em;font-weight:600;color:#000;margin:0px 0 30px 0;}
.ccm_con01 .info_box .cs_center .tel a {font-size:1.8em;font-weight:800;color:#000;display:inline-block;}
.ccm_con01 .info_box .cs_center .time {margin:0 0 20px 0;font-size:0.95rem;}
.ccm_con01 .info_box .cs_center .time .title {background:#000;color:#fff;border-radius:8px;padding:5px 12px;margin:0 15px 0 0;}
.ccm_con01 .info_box .cs_center .time a {font-weight:600;display:inline-block;}
.ccm_con01 .info_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.ccm_con01 .info_box.scroll_motion.on {opacity:1; transform:translateY(0);}



/************ layout ************/
body.hidden {overflow:hidden; }
.w1360 {width:100%; max-width:1360px; margin:0 auto; }
.w1400 {width:100%; max-width:1400px; margin:0 auto; }
@media all and (max-width:1400px){
    .w1360,.w1400 {max-width:96%; }
}
@media all and (max-width:767px){
    .w1360,.w1400 {max-width:100%; padding:0 40px; box-sizing:Border-box; }
}


/************ common ************/
main {overflow: hidden;}
.en_mont {font-family: 'SUIT','Noto Sans KR', sans-serif;}
.mix_font {font-family: 'SUIT','Noto Sans KR', sans-serif;}
.content_area {padding:120px 0 220px;}
.clrfix::after{content: ""; display: block; clear: both;}

@media all and (max-width:767px){
    .content_area {padding:40px 0px 0px; border:0px solid blue;}
}


/************ text style ************/
.black {color:#000;}
.main_title {font-size:55px; font-weight: 600;}
.sub_title {font-size:45px; font-weight: 600;}
.sub_title_01 {font-size:46px; font-weight: 600;}
.sub_title_02 {font-size:30px; font-weight: 600;}
.sub_title_03 {font-size:24px; font-weight: 600;}
.sub_title_04 {font-size:22px; font-weight: 600;}

.sub_title_01:lang(en){line-height: 1.2;}
.fw600 {font-weight:600;}
.point_cl {color:#0fbfd6;}

@media all and (max-width:767px){
.main_title {font-size:2.0rem;}
.sub_title {font-size:1.7rem;}
.sub_title_01 {font-size:1.7rem;}
.sub_title_02 {font-size:1.5rem;}
.sub_title_03 {font-size:1.3rem;}
.sub_title_04 {font-size:1.3rem;}
}

/************ company_title style ************/
.company_title {text-align:center; }
.company_title .eng {display:block; font-size:18px; font-weight:400; color:#666; font-family: 'SUIT','Noto Sans KR', sans-serif;}
.company_title .main_title {margin:30px 0 50px; line-height:1.4; word-break:keep-all; }
.company_title .main_title br.mo_ver {display:none;}
.company_title p.desc {font-size:18px; font-weight:400; color:#666; line-height:1.6; word-break:keep-all; }
.company_title .main_title:lang(en){margin-bottom:30px; font-family: 'SUIT','Noto Sans KR', sans-serif; font-size:56px; }
.company_title p.desc:lang(en){line-height: 1.5;}

.company_title.scroll_motion .main_title,
.company_title.scroll_motion .eng,
.company_title.scroll_motion p.desc {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.company_title.scroll_motion.on .main_title,
.company_title.scroll_motion.on .eng,
.company_title.scroll_motion.on p.desc {opacity:1; transform:translateY(0);}
.company_title.scroll_motion.on .main_title {transition-delay:0.2s; }
.company_title.scroll_motion.on p.desc {transition-delay:0.4s; }

.company_title.scroll_motion.on .main_title:lang(en) {transition-delay:0s; }
.company_title.scroll_motion.on p.desc:lang(en) {transition-delay:0.2s; }

@media all and (max-width:767px){
.company_title .eng {font-size:0.65rem;}
.company_title .main_title {margin:20px 0 30px; line-height:1.4em; }
.company_title p.desc {font-size:0.90rem;line-height:1.6em;text-align:left;word-break:normal;}
}


/************ keyvisual ************/
.keyvisual_area {position: relative; display:table; width:100%; height: 100vh; text-align: center; background-repeat:no-repeat; background-position:center center; background-attachment:fixed; background-size:cover; }

@media all and (max-width:767px){
    .keyvisual_area {background-attachment:unset}
}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .keyvisual_area {background-attachment:scroll; }
}

.keyvisual_area:after {content: ""; position: absolute; top:0; left:0; bottom:0; right: 0; width:100%; height: 100%; background-repeat:no-repeat; background-position:center center; background-size:cover;
    -webkit-animation:bgMove 2s ease-in-out both;
    -moz-animation:bgMove 2s ease-in-out both;
    -ms-animation:bgMove 2s ease-in-out both;
    -o-animation:bgMove 2s ease-in-out both;
    animation:bgMove 2s ease-in-out both;}
.keyvisual_txt h1 {font-family: 'SUIT','Noto Sans KR', sans-serif;}
.keyvisual_area.fixed .keyvisual_navi, .keyvisual_area.fixed .keyvisual_scroll_down {opacity: 0; transition: all 0.5s; visibility: hidden;}
.keyvisual_area.fixed:after{display: none;}
.keyvisual_area.fixed .keyvisual_txt h1, .keyvisual_area.fixed .keyvisual_txt h2 {
    -webkit-animation:textDown 1.5s ease-in-out both;
    -moz-animation:textDown 1.5s ease-in-out both;
    -ms-animation:textDown 1.5s ease-in-out both;
    -o-animation:textDown 1.5s ease-in-out both;
    animation: textDown 1.5s ease-in-out both;}



@keyframes textDown {
    from {
            visibility: visible;
            opacity: 1;
            transform:translateY(0);
        }

    to {
        visibility: visible;
        opacity: 0;
        transform:translateY(-150px);
    }
}

/* bgmove */
@-webkit-keyframes bgMove {
    from {
        transform:scale(1.08) rotate(.001deg);

    }

    to {
        transform:scale(1);
    }
}
@-moz-keyframes bgMove {
    from {
        transform:scale(1.08) rotate(.001deg);
    }

    to {
        transform:scale(1);
    }
}
@-ms-keyframes bgMove {
    from {
        transform:scale(1.08) rotate(.001deg);
    }

    to {
        transform:scale(1);
    }
}
@-o-keyframes bgMove {
    from {
        transform:scale(1.08) rotate(.001deg);
    }

    to {
        transform:scale(1);
    }
}
@keyframes bgMove {
    from {
        transform:scale(1.08) rotate(.001deg);
    }

    to {
        transform:scale(1);
    }
}


.keyvisual_txt {position:relative; display:table-cell; vertical-align:middle; max-width:95%; z-index: 10;}
.keyvisual_txt > * {color: #fff;}
.keyvisual_txt h1 {font-size:5.5rem; font-weight: 700; animation:textUp 1s ease-in-out both; transition: 0.5s; transform: translateY(0); line-height:1.2; }
.keyvisual_txt h2 {font-size:1.5rem; font-weight: 300; margin-top:50px; line-height:1.8; animation:textUp 2s ease-in-out both; transition: 0.5s; transform: translateY(0);}
.keyvisual_txt h4 {font-size:5.5rem; font-weight: 700; animation:textUp 1s ease-in-out both; transition: 0.5s; transform: translateY(0); line-height:1.2; }
.keyvisual_txt h5 {font-size:1.5rem; font-weight: 300; margin-top:0px; line-height:1.8; animation:textUp 2s ease-in-out both; transition: 0.5s; transform: translateY(0);}
.keyvisual_txt h6 {font-size:1.2rem; font-weight: 300; margin-top:30px; line-height:1.5; animation:textUp 2s ease-in-out both; transition: 0.5s; transform: translateY(0);}
.keyvisual_txt h6 span {font-size:1.3rem; margin:0 0 30px 0;color:#fff;font-weight:500;display:block;}
.keyvisual_txt .mo_ver {display:none; }
@keyframes textUp {
    from {
        visibility: hidden;
        opacity: 0;
        transform:translateY(50px);
    }

    to {
        visibility: visible;
        opacity: 1;
        transform:translateY(0);
    }
}
.keyvisual_navi {position: absolute; left:0; bottom:0px; width:100vw; max-width:100%; height:6.8vh; transform: translateY(0%); text-align: left; z-index: 10;}
.keyvisual_navi span {float:left;width:20%; color: #fff; font-weight:600;text-align:center;padding:0;margin:0;background-color: rgba(0, 0, 0, .7);display:inline-block;}
/*.keyvisual_navi span::after {content: ""; position: absolute; right: -3px; top:50%; width:4px; height:7px; transform: translateY(-50%); background: url("../../img/common/icon_navi.png") no-repeat;}
.keyvisual_navi span:first-child {padding:0 15px 0 0; font-weight: 300;}
.keyvisual_navi span:nth-child(2) {font-weight: 300;}
.keyvisual_navi span:last-child::after {display: none;}*/
.keyvisual_navi a {font-family: 'SUIT','Noto Sans KR', sans-serif;}
.keyvisual_navi a:link {color:#fff;padding:20px 0 25px 0;font-size:0.95rem;font-weight:400;}
.keyvisual_navi a:hover {background-color:rgba(255, 255, 255, 1.0);color:#00BBD3;}
.keyvisual_navi .active {background-color:rgba(255, 255, 255, 1.0);color:#00BBD3;font-size:1.1rem !important;}

@media all and (max-width:767px){
.keyvisual_navi {display:none;}
}

.R_navi {float:left;width:100%;padding:50px 50px;margin:0;font-size:0.85rem;display:block;}
.R_navi span {color:#4ed0e0;font-weight:600;}
.R_navi.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.R_navi.scroll_motion.on {opacity:1; transform:translateY(0);}

@media all and (max-width:767px){
.R_navi {padding:30px 30px 0px 30px;font-size:0.75rem;}
}

.keyvisual_scroll_down {position: absolute; bottom:63px; left:50%; transform: translateX(-50%); z-index: 10;}
.keyvisual_scroll_down span {position: relative; display: block; padding-bottom: 60px; color:#fff;font-family: 'SUIT','Noto Sans KR', sans-serif;font-size:1.0rem;}
.keyvisual_scroll_down span::after {content: ""; position: absolute; left:50%; bottom:0; transform: translateX(-50%); width:2px; height: 50px; background: #ccc; animation: fullbar 5s infinite;}

@keyframes fullbar {
    0% {
        height: 50px;
        background: #ccc;
    }

    100% {
        height:0;
        background: #fff;
    }
}

.keyvisual_txt h2:lang(en) {font-size: 20px; font-weight: 300; line-height: 1.5;}
.keyvisual_navi span:first-child:lang(en), .keyvisual_navi span:nth-child(2):lang(en) {font-weight: 300;}

@media all and (max-width:767px){
    .keyvisual_txt h1 {font-size:2.5rem;margin-top:-50px;}
    .keyvisual_txt h1:lang(en) {font-size:2.5rem;}
    .keyvisual_txt h2, .keyvisual_txt h2:lang(en) {width: 85%; margin:5px auto 0; font-size:1.2rem;line-height: 1.7;}
	.keyvisual_txt h3, .keyvisual_txt h3:lang(en) {width: 85%; margin:20px auto 0; font-size:1.3rem;line-height: 1.7;}
	.keyvisual_txt h5, .keyvisual_txt h5:lang(en) {font-size:1.0rem;margin:20px auto 0;line-height: 1.7;}
    .keyvisual_txt .mo_ver {display:block; }
   /* .keyvisual_navi {display:none; }*/
   .keyvisual_scroll_down {bottom:0px;}
    .keyvisual_scroll_down span {font-size:0.90rem;}
}


/************ select custom ************/
.select_custom {position:relative; width:100%; height:40px; border:1px solid #c4c4c4; box-sizing:border-box; background-color:#fff; }
.select_custom p {position:relative; padding:0 18px; font-size:16px; font-weight:400; color:#666; line-height:38px; cursor:pointer; }
.select_custom p:after {content:''; position:absolute; right:20px; top:calc(50% - 2.5px); width:14px; height:9px; background:url('../img/common/select_arrow.png') no-repeat center center; transition:all 0.5s; }
.select_custom p.on:after {transform:translateY(-1px) rotate(180deg); }
.select_custom ul {display:none; position:absolute; left:-1px; top:100%; width:calc(100% + 2px); padding:2px 18px; box-sizing:border-box; background-color:#fff; }
.select_custom ul.on {display:block; }
.select_custom ul.bottom {top:auto; bottom:100%; }
.select_custom ul li {padding:10px 0;}
.select_custom ul li a {display:block; font-weight:500; font-size:16px; color:#666; box-sizing:border-box; font-family:"Montserrat";}
.select_custom.black {border-color:#000; background-color:#000; }
.select_custom.black ul.bottom {border-top:0 none; border-bottom:1px solid #333; }
.select_custom.black ul {border-top:1px solid #333; background-color:#000;}
.select_custom.black ul li a {color:#fff; }
.select_custom.transparent {border-color:#666666; background-color:transparent; }
.select_custom.transparent ul {border:1px solid #666; background-color:#181818; }
.select_custom.transparent ul li a {color:#fff; }
.select_custom.txt_white p {color:#fff; font-weight:700; font-family: 'SUIT','Noto Sans KR', sans-serif;}
.select_custom.txt_white p:after {background:url('../img/common/select_arrow2.png') no-repeat center center;}


input[type=file]::file-selector-button {
font-family: 'SUIT','Noto Sans KR', sans-serif;
 height: 30px;
  background:transparent;
  margin:0px 10px 0px 0px;
  padding:5px 10px;
  color:#fff;
  background:#181818;
  font-size:0.90rem;
  border: 1px solid rgb(0,0,0);
  cursor: pointer;
}

@media all and (max-width:767px){
input[type=file]::file-selector-button {height:29px;margin:1px 10px 0px -2px;padding:0 10px;font-size:0.85rem;}
}