@charset "utf-8";

#mainInq{position:relative;width:100%;padding:80px 0;font-size:15px;line-height:1.6;letter-spacing:-.15px;color:#888;background-color:#f7f7f7;font-family:'notokr-regular'}
#mainInqWrap{position:relative;max-width:1200px;margin:0 auto;-webkit-transition:all .2s;transition:all .2s}
#mainInqWrap:after{display:block;content:"";visibility:hidden;clear:both}
#mainInqWrap > div{float:left;width:50%;-webkit-transition:all .2s;transition:all .2s}

/* 온라인 상담 */
#mainInq .left{padding-right:55px;border-right:1px solid #ddd}
#mainInq .tit_area{margin-bottom:15px;font-size:16px}
#mainInq .tit_area h3{padding-bottom:7px;font-size:28px;letter-spacing:-.7px;color:#222;font-family:'notokr-bold'}
#mainInq input[type=text]{width:100%;height:45px;padding-left:15px;margin-bottom:5px;border:none;border-radius:4px;color:#888;background-color:#fff;transition:none;font-family:'notokr-regular'}
#mainInq input::-webkit-input-placeholder{color:#888}
#mainInq input::-moz-placeholder{color:#888}
#mainInq input::-ms-input-placeholder{color:#888}
#mainInq textarea{width:100%;height:100%;padding:15px;border:none;border-radius:2px;font-family:'notokr-regular'}
#mainInq .agree_wrap{overflow:hidden;margin:12px 0;padding:0}
#mainInq .agree_wrap .sms_ag{float:left}
#mainInq .agree_wrap .pv_ag{float:right}
#mainInq .agree_wrap .agr_v{text-decoration:underline;cursor:pointer}

#mainInq input[type=submit]{width:100%;height:60px;border:none;border-radius:4px;font-size:16px;letter-spacing:-.3px;color:#fff;cursor:pointer;background:url(/sh_img/include/main_inq/img/submit.png) 340px center no-repeat #33e2a7;-webkit-appearance:none;appearance:none;-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-medium'}
#mainInq input[type=submit]:hover{background-color:#5dda98}

/* 진료안내 및 지도 */
#mainInq .right{padding-left:55px}
#mainInq .cs{position:relative;height:76px;margin-bottom:15px}
#mainInq .cs:after{display:block;content:"";visibility:hidden;clear:both}
#mainInq .cs dl{float:left;padding-top:10px;}
#mainInq .cs .tit{font-size:16px;letter-spacing:-.7px;color:#aaa;font-family:'notokr-medium'}
#mainInq .cs .tel{font-size:25px;font-weight:600;letter-spacing:0;-webkit-transition:all .2s;transition:all .2s;font-family:'Montserrat', sans-serif}
#mainInq .cs .tel a{color:#1d202a}
#mainInq .cs ul{overflow:hidden;float:right;color:#222;-webkit-transition:all .2s;transition:all .2s}
#mainInq .cs ul li{margin-bottom:2px}
#mainInq .cs ul li span{display:inline-block;width:90px;margin-right:10px;border-radius:4px;font-size:14px;letter-spacing:-.15px;text-align:center;color:#fff;background-color:#33e2a7;font-family:'notokr-medium'}
#mainInq .map{position:relative;width:100%}
#mainInq .map iframe{width:100%;height:332px}
#mainInq .map dl{overflow:hidden;position:absolute;bottom:0;left:0;right:0;height:60px;padding:0 25px;line-height:60px;background-color:rgba(29,32,32,.85)}
#mainInq .map dt{float:left;margin-right:25px;color:#fff;font-family:'notokr-medium'}
#mainInq .map dd{float:left;color:rgba(255,255,255,.6)}

@media (max-width:1200px){
#mainInqWrap{padding:0 20px}
#mainInq input[type=submit]{background-position:70% center}
}

@media (max-width:1024px){
#mainInq .left{width:40%;padding-right:20px}
#mainInq .right{width:60%;padding-left:20px}
#mainInq .tit_area{font-size:15px}
#mainInq .agree_wrap{padding:0}
#mainInq .cs ul li span{width:80px}
}

@media (max-width:768px){
#mainInq{padding:50px 0}	
#mainInqWrap{padding:0 45px}
#mainInqWrap > div{float:none;width:100%}
#mainInq .left{width:100%;padding-right:0;margin-bottom:40px;border:none}
#mainInq .tit_area h3{font-size:24px}
#mainInq input[type=text]{height:45px}
#mainInq input[type=submit]{height:50px;background-position:70% center;background-color:#33e2a7}
#mainInq .right{width:100%;padding-left:0}
#mainInq .map dl{height:50px;line-height:50px}
#mainInq .cs ul li span{padding:5px 0;background-color:#b7b7b7}
}

@media (max-width:520px){
#mainInq input[type=submit]{background-image:none}
}

@media (max-width:480px){
#mainInq{padding:40px 0}	
#mainInqWrap{padding:0 20px}
#mainInq input[type=submit]{background-position:80% center}
#mainInq .cs{height:auto}
#mainInq .cs dl{float:none;width:100%;margin-bottom:20px;text-align:center}
#mainInq .cs .tit{font-size:24px;color:#222;font-family:'notokr-bold'}
#mainInq .cs .tel a{display:block;height:50px;margin-top:10px;border-radius:4px;font-size:16px;line-height:50px;letter-spacing:1px;color:#fff;background-color:#2d3231}
#mainInq .cs .tel a:before{content:"Tel. "}
#mainInq .cs ul{float:none;width:100%;margin-bottom:20px}
#mainInq .cs ul li{padding-bottom:15px;margin-bottom:15px;border-bottom:1px dotted #ccc}
#mainInq .cs ul li:last-child{padding-bottom:0;margin-bottom:0;border:none}
#mainInq .map dl{padding:0 15px}
#mainInq .map dl dt{margin-right:10px}
#mainInq .map dl dd{font-size:14px}
#mainInq .agree_wrap .sms_ag{float:none}
#mainInq .agree_wrap .pv_ag{float:none}
}