@charset "utf-8";

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

/* font weight */
.fw-100 { font-weight: 100 !important; }
.fw-200 { font-weight: 200 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }

/* Font */
.font-8, i.font-8 { 
	font-size:8px; 
}
.font-9, i.font-9 { 
	font-size:9px; 
}
.font-10, i.font-10 { 
	font-size:10px; 
}
.font-11, i.font-11 { 
	font-size:11px; 
}
.font-12, i.font-12 { 
	font-size:12px; 
}
.font-13, i.font-13 { 
	font-size:13px; 
}
.font-14, i.font-14 { 
	font-size:14px; 
}
.font-16, i.font-16 { 
	font-size:16px; 
}
.font-18, i.font-18 { 
	font-size:18px; 
}
.font-20, i.font-20 { 
	font-size:20px; 
}
.font-22, i.font-22 { 
	font-size:22px; 
}
.font-24, i.font-24 { 
	font-size:24px; 
}
.font-25, i.font-25 { 
	font-size:25px; 
}
.font-30, i.font-30 { 
	font-size:30px; 
}
.font-35, i.font-35 { 
	font-size:35px; 
}
.font-40, i.font-40 { 
	font-size:40px; 
}
.font-45, i.font-45 { 
	font-size:45px; 
}
.font-50, i.font-50 { 
	font-size:50px; 
}
.font-55, i.font-55 { 
	font-size:55px; 
}
.font-60, i.font-60 { 
	font-size:60px; 
}
/* Font */

/* Color */
.red, i.red { 
	color:rgb(233, 27, 35) !important;
}
.darkred, i.darkred { 
	color:rgb(170, 60, 63) !important;
}
.crimson, i.crimson { 
	color:rgb(220, 20, 60) !important; 
}
.orangered, i.orangered { 
	color:orangered !important; 
}
.orange, i.orange { 
	color:rgb(240, 150, 20) !important;
}
.green, i.green { 
	color:rgb(140, 195, 70) !important; 
}
.lightgreen, i.lightgreen { 
	color:rgb(160, 200, 80) !important; 
}
.deepblue, i.deepblue { 
	color:rgb(0, 125, 180) !important; 
}
.skyblue, i.skyblue { 
	color:rgb(100, 195, 245) !important; 
}
.blue, i.blue { 
	color:rgb(52, 152, 219) !important; 
}
.navy, i.navy { 
	color:rgb(50, 60, 70) !important; 
}
.violet, i.violet { 
	color:rgb(85, 60, 125) !important; 
}
.yellow, i.yellow { 
	color:rgb(241, 196, 15) !important; 
}
.darkgray, i.darkgray { 
	color:#666 !important; 
}
.gray, i.gray { 
	color:#888 !important; 
}
.lightgray, i.lightgray { 
	color:#ddd !important; 
}
.white, i.white { 
	color:#fff !important; 
}
.light, i.light {
	color:#f5f5f5 !important; 
}
.black, i.black { 
	color:#333 !important; 
}
.color, i.color { 
	color:rgb(233, 27, 35) !important;
}
/* Color ------------------------------------------------------ */

/* 상담신청배너 st*/
.quotation{z-index: 10002;width: 100%; background-color: #fff;}
.footer_counsel {width: 100%;padding-top:0px;}
.footer_counsel .foo_coun {width:90%; max-width:594px;margin: 0 auto;position: relative;}
.footer_counsel .foo_sonbox {position: relative; border: 0px solid red;}


.footer_counsel .footer_str_count {display: block;margin: 0 auto;text-align: left;font-size:18px;color: #fff;padding:20px 0 10px;letter-spacing:-1px;font-weight: 400;}
.footer_counsel .footer_month{font-weight: 400;}
.footer_counsel .footer_count {font-weight: 400;color: #fff;}
.footer_counsel .is1 {border: none;font-size:16px;width:100%;letter-spacing:-1px;}
.footer_counsel .is2 {border: none;font-size:16px;color: #191919;width:140px;color: #e65d5d;letter-spacing:-1px;}
.footer_counsel .is3 {border: none;font-size:16px;color: #191919;width:100%;}
.footer_counsel .f_a {width: 100%; display: flex;flex-direction: column; gap: 4px; color: #444;background-color: #fff;border-radius:0px;}
.footer_counsel .f_b {width: 190px; display: flex;align-items: center; gap: 4px; color: #444;background-color: #fff;border-radius:0px;}
.footer_counsel .f_b select {border: none; font-size:16px;width:100%;height:47px; padding-right:0;line-height:47px;color: #191919;letter-spacing:-1px;}
.footer_counsel .f_c {display: flex; align-items: center; gap: 4px; width: 190px; color: #191919;background-color: #fff;
border-radius:0px;}
.footer_counsel .f_c input {width:100%; }
.footer_counsel .f_d {width: 190px; color: #444;background-color: #fff;border-radius:0px;}
.footer_counsel .f_a1 {position:relative; margin-top: 24px;cursor: pointer; font-size:14px;color:#191919;letter-spacing:-1px;}
.footer_counsel .f_a1 .agree__popup{border-bottom:1px solid #191919; position:absolute; top:50%; right:0; transform:translateY(-50%); color:#505050; font-size:14px; font-weight: 400;}
.footer_counsel .f_a1 label{cursor: pointer; display:flex;gap:10px; align-items:center; margin-bottom: 0;}
.footer_counsel .f_a1 label .text{font-size:16px; font-weight: 500; color:#191919;}
.footer_counsel .f_a1 input{cursor: pointer;}
.footer_counsel .f_a2 {width:18px;height:18px; vertical-align: middle; background-color: transparent;}
.footer_counsel .f_bu {position: relative;border: 0px solid blue;}
.footer_counsel .f_bus {transition: 0.2s ease-out; width: 100%;height:49px;font-size:18px;background:#fff; margin-top: 60px; color:#ED136C; border:1px solid #ED136C; 
font-weight: 700; border-radius:24px; cursor: pointer;}
@media (pointer: fine) {
.footer_counsel .f_bus:hover{background-color:#ED136C; font-weight: 600; color:#fff;}
}
.footer_counsel .foo_sonbox ul{display:flex; gap:13px;}
.footer_counsel .foo_sonbox ul li{width:calc(33.33% - 9px); gap:4px; display: flex;flex-direction: column; align-items:initial;}
.footer_counsel .foo_sonbox ul li input{padding:0 14px; height:55px; line-height: 55px; border:0; background-color: #f9f9f9; font-size:14px; color:#999; border-radius:10px;}
.footer_counsel .foo_sonbox input:focus {outline: 1px solid #191919;}
.footer_counsel .foo_sonbox ul.hp__box li{width:calc(33.33% - 3px);}
.footer_counsel .foo_sonbox ul.hp__box{display:flex; align-items: flex-end;}
.footer_counsel .foo_sonbox ul.hp__box li:nth-child(2){margin:0 4px;}
.footer_counsel .foo_sonbox ul li textarea{height:190px;border: none; border:1px solid #ddd; padding:14px; background-color: #fff; border-radius:10px; resize: none;}
#text_con:focus{outline: 1px solid #191919;}
.footer_counsel .foo_sonbox ul li.f_text{width:100%; margin-top:24px;}
.footer_counsel .foo_sonbox ul li label{font-size:16px; font-weight:700; color:#191919; margin-bottom: 6px;}
.footer_counsel .foo_sonbox .f_a1 input[type="checkbox"]{position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    outline: 0;
    z-index: -1;
    overflow: hidden;}

.footer_counsel .foo_sonbox .f_a1 input[type="checkbox"] + label span{width: 20px;
    height: 20px;
    display: block;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    position: relative;
    top: 0; background: url(/images/postpartum/pp_check_icon.svg) no-repeat 50% 50%;}
.footer_counsel .foo_sonbox .f_a1 input[type="checkbox"]:checked + label span{border-radius: 5px;
    border: 1px solid #191919;
    background-color: #fff; background: url(/images/postpartum/b_pp_check_icon.svg) no-repeat 50% 50%;}

/*하단 상담신청배너 end*/


@media (pointer: fine) {
}

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

}/* 1440px */

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


}/* 1280px */

@media screen and (max-width:1024px){
}/* 1024px */

@media screen and (max-width:820px){
}/* 820px */

@media screen and (max-width:768px){
}/* 768px */

@media screen and (max-width:600px){
}/* 600px */

@media screen and (max-width:570px){
}/* 570px */

@media screen and (max-width:480px){
.footer_counsel .foo_sonbox ul li textarea{height:200px;}
.footer_counsel .foo_sonbox ul li input{height:48px; line-height: 48px;}
}/* 480px */

@media screen and (max-width:375px){
}/* 375px */

@media screen and (max-width:320px){
}/* 320px */