
#pop_rol1 { position:fixed; width:100%; height:100%; background-color: rgba( 255, 255, 255, 0.7 ); z-index:105; }
#pop_rol1 div.mainpopup { position:relative; top:20%; width:90%; margin:0 auto; animation:fadeup ease-out 0.5s both 0.7s; }
.popbt { width:100%; text-align:center; padding-top:10px; }
.popbt div { width:40px; display:inline-block; }
.pop_prev {  }
.pop_next { }
.close2 { position:absolute; top:-50px; right:0px; width:40px; }

#kakao-talk-channel-chat-button {position: fixed;z-index: 999;
left: 15px; /* 화면 오른쪽으로부터의 거리 */
bottom: 15px; /* 화면 아래쪽으로부터의 거리 */
width:80px;

}
#kakao-talk-channel-add-button {
position: fixed;
z-index: 999;
left: 15px; /* 화면 오른쪽으로부터의 거리 */
bottom: 58px; /* 화면 아래쪽으로부터의 거리 */
width:80px;
}

body img { max-width:100%; }

#wrap { position:relative; width:100%; max-width:640px; margin:0 auto; }


header { position:fixed; top:0px; left:0px; right:0px; z-index:10; }

.top { width:100%; max-width:640px; margin:0 auto; overflow:hidden; }
.top ul{}
.top ul li{}
.top ul li.logo { float:left; width:50%; }
.top ul li.katalk { float:left; width:12.5%; }
.top ul li.phone { float:left; width:37.5%; }


.counseling { position:relative; width:100%; max-width:640px; padding-bottom:1%; margin:0 auto; overflow:hidden; background:#ffffff; }
.counseling ul { width:90%; margin:0 5%; }
.counseling ul li { float:left; }
.counseling ul li.name { width:25%; margin-right:2%; }
.counseling ul li.phone { width:25%; margin-right:2%; }
.counseling ul li.content { width:25%; margin-right:2%; }
.counseling ul li.csbt2 { width:19%; }
.counseling ul li.name input { width:100%; height:34px; background:#f0f0f0; border:0px solid #d5d5d5; font-family:'Noto Sans KR', sans-serif;}
.counseling ul li.phone input { width:100%; height:34px; background:#f0f0f0; border:0px solid #d5d5d5;font-family:'Noto Sans KR', sans-serif; }
.counseling ul li.content input { width:100%; height:34px; background:#f0f0f0; border:0px solid #d5d5d5; font-family:'Noto Sans KR', sans-serif;}
.counseling ul li input[type="submit"] { width:100%; height:34px; color:#fff; font-size:14px; font-weight:500; background:#d6b1ac; border:0; font-family:'Noto Sans KR', sans-serif; }
.counseling ul li.fpv { padding-top:8px; font-size:12px; font-family:'Noto Sans KR', sans-serif; color:#000;}
.counseling ul li.counsel {  padding-top:8px; color:#000;   padding-left:8px; }
.counseling ul li.counsel input { vertical-align:top; margin-top:5px; }


.cs { position:relative; width:100%; overflow:hidden; }
.cs .leftbox { width:90%; padding:0 5%; overflow:hidden; background:#f4f4f4; }
.cs .leftbox li { float:left; width:24%; margin-right:1%; }
.cs .leftbox li input { width:100%; height:51px; border:0px; border-radius:0; padding-left:6px; }
.cs .leftbox label { display:none; }

.cs .rightbox { width:90%; padding:0 5%; overflow:hidden; background:#f4f4f4; padding-top:5%; }
.cs .rightbox li { width:100%; height:26px; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px; }
.cs .rightbox li dl dt { float:left; color:#555658; font-size:16px; font-weight:400px; }
.cs .rightbox li dl dd { float:right; }
.cs .rightbox li dl dd input { margin:0; margin-right:3px; }
.cs .rightbox li dl dd span { display:inline-block; margin-left:8px; }

.cs .rightbox li.chk-cs { border-bottom:0px solid #ddd; }
.cs .rightbox li.chk-cs dl dt { float:left; width:55px; color:#555658; font-size:12px; font-weight:400px; margin-right:2px; }
.cs .rightbox li.chk-cs dl dd { float:left; }
.cs .rightbox li.chk-cs dl dd span { display:inline-block; margin-left:1px; font-size:12px; }
.cs .rightbox li.chk-cs dl dd.chkbox { float:right; font-size:12px; }
.cs .rightbox li.chk-cs dl dd.chkbox	input { margin:0; margin-right:1px; }

.csbt { width:90%; padding:0 5%; overflow:hidden; background:#f4f4f4; }
.csbt input { background:#d6b1ac; width:100%; height:60px; color:#fff; font-size:18px; font-weight:500; border:0px; }


#map1 { width:100%; background:#f4f4f4; padding-bottom:5%; }
#map1 .map1 { width:90%; margin:0 auto; }
.hide { display:none; }


.vod { position:relative; width:90%; padding:0 5%; margin:0 auto; background:#373737; }
.vod-1 { position:relative; width:100%; height:0; margin:0 auto; padding-bottom:56.25%;  }
.vod-1 iframe { position:absolute; width:100%; height:100%; }


.rightquick { position:fixed; bottom:15px; right:15px; }
.rightquick ul li { margin-bottom:8px; }
.rightquick ul li img { width:40px; }


.career-left { padding-top:5%; width:100%; text-align:center; padding-bottom:10%; font-size:13px; }
.career-left1 span { font-weight:500; font-size:16px; color:#000; }
.career-left1 .num a { display:block; padding:3% 0; font-weight:700; font-size:24px; color:#000; }