@charset "utf-8";

/* 메인 최신글 */
.lat_title {display:block; padding:0px 0px 0 0;line-height:45px;font-size:1.5em; border-bottom:px solid #e2e2e2; color:#333333}
.pic_all .lat_title a{color:#253dbe;display:inline-block;position:relative}
.pic_all .lat_title span{ color:#868686; font-size:0.8em;}
.pic_all .lat_title a:after{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#253dbe;content:''}
.pic_all .lt_more {position:absolute;top:5px;right:0px;display:block;width:130px;line-height:45px;color:#333;border-radius:3px;text-align:right; font-size:1.3em; font-weight:bold;}
.pic_all .lt_more:hover{color:#777}
.pic_all ul:after {display:block;visibility:hidden;clear:both;content:""}
.pic_all ul{padding:10px 0px }
.pic_all ul li{  height:350px;}
.pic_all li a:hover{color:#a22121}

.con_all_3{ padding:20px 0; background:#fff repeat-x top;}
.con_all_3 .box_3 {margin:0 auto;  }
.pic_all_3{   }
.pic_all_3 ul:after {display:block;visibility:hidden;clear:both;content:""}
.pic_all_3 ul{ }
.banner2_lt li { padding:0 0px; margin:0 10px; width:100%; }
.banner2_lt li.bg1 { background:url(../img/bottom_banner_bg1.png) no-repeat center; padding:0 0 15px 0;}
.banner2_lt li.bg2 { background:url(../img/bottom_banner_bg2.png) no-repeat center; padding:0 0 15px 0;}
.banner2_lt li.bg3 { background:url(../img/bottom_banner_bg3.png) no-repeat center; padding:0 0 15px 0;}
.banner2_lt .t01{ padding-left:20px; padding-top:20px;}
.banner2_lt .t02{ padding-left:20px; padding-top:15px; color:#5e666c; font-size:1.75em; font-weight:bold;}
.banner2_lt .t03{ padding-left:20px; padding-top:12px; padding-right:180px; color:#5e666c; font-size:1.1em; }


/* 제품 상세페이지 */
#coway_ul { list-style-type : none; margin:0px; padding:0px; }
#coway_ul table { wdith:100%; }
#coway_ul th { vertical-align:top; }
#coway_ul td { vertical-align:top; }
#coway_ul .width1 { width:72px; }


/* 하단 레이아웃 */
#coway_ft {background:#222;padding:0px 10px 10px}
#coway_ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#coway_ft p {margin:0;padding:10px 0;line-height:1.2em}

#coway_ft_copy {padding:10px;line-height:1.5em;text-align:center;color:#777}
#coway_ft_copy #ft_company {text-align:center}
#coway_ft_copy #ft_company a {display:inline-block;padding:0 10px;line-height:1em;border-left:1px solid #333;color:#fff}
#coway_ft_copy #ft_company a:first-child{border:0}
#coway_ft_copy b {color:inherit}
#coway_ft_copy a {color:inherit;text-decoration:none}

#coway_top_btn {position:fixed;bottom:85px;right:10px;width:40px;height:40px;line-height:36px;border:2px solid #333;background:rgba(255,255,255,0.6);color:#333;text-align:center;font-size:15px;z-index:99}
#coway_device_change {display:block;line-height:40px;border:1px solid #3a3a3a;border-radius:2em;color:#777;font-size:1em;text-decoration:none;text-align:center}


/* needPopup */
a[data-needpopup-show] {
	display: inline-block;
	margin: 0 10px 10px 0;
	padding: 10px 15px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	color: #fff;
	background: #7B5207;
	border-radius: 3px;
	box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.needpopup {
  border-radius: 6px;
  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 1);
}

.needpopup_remover { color: #0da7de; }
.needpopup_wrapper { padding: 0px 0; }
.needpopup { padding: 10px; }

/* modal popup */
.modal-body {  }
.modal-body textarea { width:100%; font-size:12px; border:1px solid #ddd; min-height:50px;  }
			
.at_modal_body {  }
.modal_form { display:table; width:100%; }
.modal_form > div { text-align:right; display:table-cell; vertical-align:middle; width:26%; }
.modal_form > div.first { text-align:left; width:74%; padding-right:5px; }
.modal_form > div p { margin:0; font-size:13px; line-height:1.5; }
@media (max-width:575px) {
    .at_modal_body { padding:1px 1px; }
}
@media (max-width:360px) {
    .modal_form > div.first { width:60%; }
}
			
.modal_form_style {  }
.modal_form_style ul { display:table; width:100%; padding:0 0 10px; margin:10px 0; border-bottom:1px dashed #ddd; }
.modal_form_style ul:last-child { border-bottom:0; }
.modal_form_style ul li { display:table-cell; vertical-align:middle; }
.modal_form_style ul .th { color:#222; width:100px; font-size:15px; font-weight: 300; }
.modal_form_style ul .th:before { display: inline-block; height: 14px; width: 3px; margin:-3px 5px 0 0; vertical-align:middle; background: #0da7de; content: ''; }
.modal_form_style ul .td { font-size:14px; }
.modal_form_style input,
.modal_form_style select,
.modal_form_style textarea { margin:0; border-radius:0; box-shadow:none; border:1px solid #ddd;  }
.modal_form_style input,
.modal_form_style select { height:30px; line-height:30px; }
.modal_form_style textarea { padding:6px 10px; height:50px; width:100%; }
.modal-content { box-shadow:none; -webkit-box-shadow:none; }
.modal-header > a { top:15px; right:15px; position:absolute; float:right; }
.modal-content h3 { text-align:left; margin:0; color:#fff; font-weight: 300;font-size:14px;  }
.modal-content h3 span { margin-left:10px; display:inline-block; font-size:13px;  }
.modal-content .modal_agree_form { background:#f2f2f2; padding:20px 15px; }
.modal-content .modal_agree_form h3 { color:#222; font-size:15px; font-weight: 300;  }

.modal_btn_area {  margin:auto;  padding:10px 0 0px ; text-align:center;}
.modal_btn_area .modal_pink_btn { width:auto; display:inline-block; padding:10px 20px; color:#fff; background:#0da7de; font-size:14px; }
.modal_btn_area a { display:inline-block; padding:13px 0; width:140px; }
.modal_btn_area a.modal_pink_btn { width:auto; display:inline-block; padding:10px 20px; color:#fff; background:#0da7de; font-size:14px; }
.modal_btn_area a.modal_pink_btn:hover { background:#50aace; }
.modal_btn_area a.modal_pink_btn i { font-size:20px; }
			
@media (max-width: 575px) {
    .modal_form_style ul .th { width: 90px; font-size: 15px; }
    .modal-content .modal_agree_form h3 { font-size:14px; }
    .modal_agree_form p { font-size:12px;  }
    .modal_agree_form ul li { font-size:12px; }
}
@media (max-width:340px) {
    .modal_btn_area a { width:100%; margin:1% 0; }
}

/* SMS Layer Popup */
.sms_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:555; }
.sms_layer .sms_layer_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50); }
.sms_layer .sms_layer_pop {display:block; }
.sms_layer_pop { display:none; position:absolute; top:50%; left:50%; width:300px; height:auto; background-color:#f7f7f7; z-index:10; }	
.sms_layer_pop .sms_layer_pop_container {padding:20px 20px; overflow:hidden; line-height:22px; }
.sms_layer_pop .sms_layer_btn {text-align:right; position:absolute; left:0px; top:-55px; }
.sms_layer_close {padding:0px; font-size:3em; }

a.sms_button {display:inline-block; padding:5px 10px; border:0px solid #3b3c3f; background:#4b545e; color:#fff; text-decoration:none; vertical-align:middle; font-size:0.9em; line-height:15px; }

/* SMS Layer Popup */
.bottom_sms_layer {display:none; position:fixed; _position:absolute; top:-70px; left:0; width:100%; height:100%; z-index:55555555; }
.bottom_sms_layer .bottom_sms_layer_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50); }
.bottom_sms_layer .bottom_sms_layer_pop {display:block; }
.bottom_sms_layer_pop { display:none; position:absolute; top:55%; left:50%; width:90%; height:auto; background-color:#f7f7f7; z-index:100000000000000; }	
.bottom_sms_layer_pop .bottom_sms_layer_pop_container {padding:20px 20px; line-height:22px; width:100%; }
.bottom_sms_layer_pop .bottom_sms_layer_btn {text-align:right; position:absolute; left:0px; top:-40px; }
.bottom_sms_layer_close {padding:0px; font-size:3em; }

a.bottom_sms_button {display:inline-block; border:0px solid #3b3c3f; background:#4b545e; color:#fff; text-decoration:none; vertical-align:middle; font-size:0.9em; padding:5px 5px 3px 5px; line-height:15px; }

.FixedLayoutTop { width: 100%; }
.FixedLayoutfunction { position: fixed; top: 0px; }
.FixedLayoutContent { padding-bottom:40px; } /* FixedLayoutBottom 의 영역만큼 여백을 추가 */
.FixedLayoutBottom { position: fixed; bottom: 0px; width: 100%; z-index: 100000000; }
#FixedLayoutBottom_div { padding-top:10px; text-align:center; height:70px; background: url('../img/sms_bg_pc.jpg') 50% 50% no-repeat; line-height:12px; font-size:17px; font-weight:bold; z-index: 100000000; }
#FixedLayoutBottom_div select { height:30px; width:100px; }
#FixedLayoutBottom_div input { height:30px; width:90px; }


/* ===== 하트 서비스 ===== */
.heart_tab {display: none;margin: 0 18px;}

/* [색상] */
.heart_tab .txt_basic {color:#1b2529 !important;}
.heart_tab .txt_gray1 {color:#90a0a6 !important;}
.heart_tab .txt_gray2 {color:#bec8cc !important;}
.heart_tab .txt_white {color:#fff !important;}
.heart_tab .txt_blue {color:#00a8e3 !important;}
.heart_tab .txt_orange {color:#fe7c20 !important;}
.heart_tab .txt_black {color:#111 !important;}

/* [페이지 타이틀] */
.heart_tab .title_wrap {position: relative; margin: 40px 0 15px;}
.heart_tab .title_wrap.mt0 {margin-top:0;}
.heart_tab .title_wrap .h2_tit {font-size:23px;font-weight:700;line-height:32px;} /*페이지 타이틀 대 */
.heart_tab .title_wrap .h3_tit {font-size:19px;font-weight:700;line-height:28px;} /*페이지 타이틀 중 */
.heart_tab .title_wrap .h4_tit {font-size:17px;font-weight:700;line-height:24px;} /*페이지 타이틀 소 */
.heart_tab .title_wrap .sub_tit {margin-top:10px;font-size:15px;color:#90a0a6;line-height:24px;}
.heart_tab .title_wrap em {color:#00a8e3;}
.heart_tab .list_state {margin:0 0 15px 0;font-size:14px;}
.heart_tab .list_state em {color:#90a0a6;}

#heart_tab1 {display: block;}
.heart_service_wrap .title_wrap {margin: 52px 0 25px;}
.heart_service_wrap .title_wrap.mt0 {margin-top: 0;}
.heart_service_wrap .title_wrap.mb0 {margin-bottom: 0;}
.heart_service_wrap section:first-child .title_wrap {margin-top: 38px;}
.heart_service_wrap .h2_tit {font-size: 27px;line-height: 1.44;}
.heart_service_wrap .gray_box {margin-top: 15px;padding: 40px 20px;background-color: #f2f4f5;border-radius: 4px;overflow: hidden;}
.heart_service_wrap .gray_box .text_wrap {margin-top: 20px;font-size: 15px;line-height: 24px;letter-spacing: -0.6px;text-align: center;}
.heart_service_wrap .gray_box .text_wrap .txt_gray1 {margin-top: 8px;}
.heart_service_wrap .info_box {margin-top: 15px;padding: 18px 0 35px;background-color: #f2f4f5;border-radius: 4px;overflow: hidden;}
.heart_service_wrap .info_box.type2 {position: relative;padding: 0;background-color: transparent;}
.heart_service_wrap .info_box .left_text {display: inline-block;margin-left: 18px;padding: 5px 12px;font-size: 13px;color: #fff;background-color: #1b2529;border-radius: 13px;}
.heart_service_wrap .info_box.type2 .left_text {position: absolute;top: 18px;left: 0;}
.heart_service_wrap .info_box p {margin-top: 15px;text-align: center;white-space: nowrap;}
.heart_service_wrap .info_box:not(.type2) .img_wrap {margin: 18px auto 0;}
.heart_service_wrap .info_box .list {display: flex;justify-content: center;align-items: flex-start;gap: 20px;margin: 0 30px;}
.heart_service_wrap .info_box .list .img_wrap {width: 80%;text-align: center;}
.heart_service_wrap .talk_box {padding-bottom: 0;}
.heart_service_wrap .talk_box .img_wrap {max-width: 277px;margin: 33px auto 0;}
.heart_service_wrap .bot_text {margin: 15px 0 42px;font-size: 15px;line-height: 1.6;}
.heart_service_wrap .bot_text_box .bot_tit {margin-top: 20px;font-size: 16px;line-height: 1.6; font-weight: 700;}
.heart_service_wrap .bot_text_box .bot_text {margin: 6px 0;font-size: 15px;line-height: 1.6;}
.heart_service_wrap .bot_text_box .bot_sub {font-size: 14px;line-height: 1.6; color: #90a0a6;}
.heart_service_wrap section:last-child .service_list li:last-child .bot_text:last-child {margin-bottom: 0;}
.heart_service_wrap .bot_text dt {margin-bottom: 7px;font-size: 16px;line-height: 24px;font-weight: 700;}
.heart_service_wrap .bot_text dd > .list_type3 {margin-top: 0;}
.heart_service_wrap .text_wrap dt {margin-top: 28px;font-size: 17px;line-height: 28px;font-weight: 700;}
.heart_service_wrap .prd_name {margin-top: 13px;line-height: 24px;text-align: center;}
.heart_slide_area .img_wrap {position: relative;border-radius: 4px;overflow: hidden;margin-bottom:15px;}
.heart_slide_area .img_wrap p {position: absolute;left: 18px;bottom: 14px;font-size: 16px;font-weight: 700;line-height: 1.5;color: #fff;}
.heart_slide_area .img_wrap img {width:100%;}
.heart_video_area .video_wrap {position:relative;margin: 0 -18px;padding-bottom:56.25%;height:0;overflow:hidden;}
.heart_video_area .video_wrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
/* 2022 동영상교체 */
.heart_video_area .y_video {position:relative;margin: 80px -18px;padding-bottom:56.25%;height:0;}
.heart_video_area .y_video + .y_video { margin: 120px -18px 60px -18px; }
.heart_video_area .y_video p { font-size: 19px;font-weight: 700;position: absolute;left: 18px;top: -53px;}
.heart_video_area .y_video iframe {position:absolute;bottom:0;left:0;width:100%;height:100%;}
/* 2022 동영상교체 */

/**
TAB
**/
/* [tab type] */
.tabType.scroll ul {font-size:0; line-height:0; overflow-y:auto; white-space:nowrap; -webkit-overflow-scrolling: touch;}
.tabType.scroll ul::-webkit-scrollbar {display:none;}
.tabType.scroll li {float:none; display:inline-block; overflow:hidden;}
.tabType li.on .tab_count {background: #1b2529;}
.tabType li .tab_count {display: inline-block; height: 20px; margin-left: 5px; padding: 0 6px; font-size: 14px; font-weight: bold; line-height: 20px; color: #fff; border-radius: 20px; background: #bec8cc;}

.tabType1 {/*margin:10px 0;*/background: #fff;}
.tabType1 ul {border-bottom:1px solid #f2f4f5;}
.tabType1 ul:after {content:''; display:block; clear:both;}
.tabType1 li {float:left;}
.tabType1.scroll li a {padding: 0 30px;}
.tabType1 li a {display:block; position:relative; text-align:center; font-size:16px; line-height:55px; color:#90a0a6;}
.tabType1 li a:after {content:''; position:absolute; left:50%; bottom:-1px; width:0; height:2px; background:#1e282c; transition:width .2s ease; transform:translateX(-50%);}
.tabType1 li.on a {font-weight:700; color:#1e282c;}
.tabType1 li.on a:after {width:100%;}

.tabType2 {margin:10px 0;}
.tabType2.scroll {margin:10px -18px;}
.tabType2.scroll ul {padding-left:18px;}
.tabType2 ul:after {content:'';display:block;clear:both;}
.tabType2 li {float:left;position:relative;height:48px;margin-right:10px;background:#f2f4f5;border-radius:24px;}
.tabType2 li:before {opacity: 0; content:'';position:absolute;left:50%;top:0;z-index:1;width:0;height:100%;background:#1e282c;transition:width .2s ease;transform:translateX(-50%);}
.tabType2 li a {overflow:hidden;position:relative;z-index:2;padding:0 20px;line-height:48px;text-align:center;font-size:14px;color:#90a0a6;}
.tabType2 li.on:before {opacity: 1; width:101%;border-radius:24px;transform:translateX(-50%);}
.tabType2 li.on a {font-weight:700;color:#fff;}

.tabType3 {text-align: center;}
.tabType3 ul {display: inline-block;font-size: 0;text-align: left;}
.tabType3 li {display: inline-block;}
.tabType3 li a {display:block;position:relative;width: 169px;padding: 0 10px;text-align:center;font-size:14px;font-weight:500;line-height:46px;color:#1e282c;border: 1px solid #e5e9eb;}
.tabType3 li.on a {line-height: 48px;color:#fff;background:#1e282c;border: 0;}

.heart_service_area .service_list li:first-child .title_wrap {margin-top: 0;}
.heart_service_area .service_list .img_wrap img { width:100%; }
#heart_tab2 .service_list li:first-child .gray_box dt {display: inline-block;margin: 0 0 17px;padding: 0 15px;line-height: 40px;background: #e5e9eb;border-radius: 4px;}

/* 정수기 */
.water_purifier #heart_tab1 .service_list li:nth-child(2) .gray_box .text_wrap {font-size: 13px;line-height: 21px;text-align: left;}

/* 공기청정기 */
.bidet .heart_warning,
.air_purifier .heart_warning {margin-top: 35px;padding: 0 13px;font-size: 15px;color: #90a0a6;}

/* 비데 */
.heart_service_wrap.bidet #heart_tab1 .info_box .list .img_wrap {width: 100%;}
.heart_service_wrap.bidet #heart_tab2 .info_box .list {margin: 0;}
.heart_service_wrap.bidet #heart_tab2 .info_box .list:last-child {margin-top: 30px;}
.heart_service_wrap.bidet #heart_tab2 .info_box .list li {width: 40%;}
.heart_service_wrap.bidet #heart_tab2 .info_box .list .img_wrap {width: 59px;}