/* 헤더 */
#header { position:fixed; width:100%; max-width:640px; margin:0 auto; top:0; z-index:50; background:#fff; }
#header h1 { text-align:center; margin:0; padding:20px 0; }
#header h1 a { display:block; width:154px; height:35px; margin:0 auto; background-size:contain; background-repeat:no-repeat; background-position:center; background-image:url("../img/common/logo.png"); }
#header a.phone { position:absolute; top:19px; left:5px; width:38px; height:38px; background-color:#292929; border-radius:7px; background-size:contain; background-repeat:no-repeat; background-position:center; background-image:url("../img/common/tel.png"); }
#header a.phone:before,
#header a.phone:after {position:absolute; background:#fff; opacity:0; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
#header a.phone:before {content: ""; transform:rotate(0deg); width:28px; height:4px; left:50%; margin-left:-14px; top:50%; margin-top:-2px;}
#header a.phone:after {content: ""; transform:rotate(0deg); width:4px; height:28px; left:50%; margin-left:-2px; top:50%; margin-top:-14px;}
#header a.phone.on {background-size:0;}
#header a.phone.on:before,
#header a.phone.on:after {opacity:1.0; transform:rotate(45deg);}

#header a.menu { width:38px; height:38px; display:block; position:absolute; top:19px; right:10px; }
#header a.menu:before,
#header a.menu:after,
#header a.menu span {position:absolute; border-radius:5px; display:block; left:50%; margin-left:-12px; width:38px; height:5px; background:#222; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
#header a.menu:before {content: ""; top:50%; margin-top:-14px;}
#header a.menu:after {content: ""; top:50%; margin-top:12px;}
#header a.menu span {top:50%; margin-top:-1px;}
#header a.menu.on:before {width:38px; margin-top:-2px; margin-left:-14px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
#header a.menu.on:after {width:38px; margin-top:-2px; margin-left:-14px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
#header a.menu.on span {opacity:0}
/*#header a.menu { position:absolute; }
#header a.menu img { width:38px; }*/

#header .top_menu { margin:0; padding:0; overflow:hidden; border-top:1px solid #ededed; border-bottom:1px solid #1d1d1d; }
#header .top_menu li { float:left; width:25%; list-style:none; }
#header .top_menu li a { display:block; text-align:center; padding:8px 5px; border-left:1px solid #ededed; font-size:14px; }
#header .top_menu li a.iphak { background:#a90d36; color:#fff; }
#header .top_menu li:first-child a { border:none; }
#header .top_menu li a.on ,
#header .top_menu li a:hover { background:#a90d36; color:#fff; }

#header > ol { margin:0; padding:0; background:#1d1d1d; text-align:center; overflow:hidden; }
#header > ol li { list-style:none; float:left; }
#header > ol li.title { display:none; }
#header > ol li { width:100%; }
#header > ol.m2 li { width:50%; }
#header > ol.m3 li { width:33.33%; }
#header > ol.m4 li { width:25%; }
#header > ol.m5 li { width:20%; }
#header > ol li a { display:block; padding:12px 0 8px; color:#bfbfbf; letter-spacing:-0.5px; }
#header > ol li a.on ,
#header > ol li a:hover { text-decoration:underline; color:#fff; }

#header .sub_header { position:absolute; left:0; bottom:0; width:100%; z-index:50; }
#header .sub_header > div { position:absolute; top:0; left:0; width:100%; background:url("../img/common/opa95.png") repeat; display:none; }
#header .sub_header .full_menu div { float:right; width:65%; padding:20px 0 0; }
#header .sub_header .full_menu div:first-child { float:left; width:33%; }
#header .sub_header .full_menu div ul { margin:0; padding:0; }
#header .sub_header .full_menu div ul li { list-style:none; }
#header .sub_header .full_menu div ul li a { display:block; padding:8px 10px; color:#bfbfbf; font-size:15px; }
#header .sub_header .full_menu div ul li a.on ,
#header .sub_header .full_menu div ul li a:hover { color:#a90d36; font-weight:800; }
#header .sub_header .full_menu div a.btn { display:block; margin:5px 10px; background:#a90d36; padding:9px 10px 5px; color:#fff; overflow:hidden; border-radius:3px; }
#header .sub_header .full_menu div ol { margin:0; padding:0; }
#header .sub_header .full_menu div ol li { list-style:none; }
#header .sub_header .full_menu div ol li.title {}
#header .sub_header .full_menu div ol li.title h2 { margin:0 0 25px; padding:4px 0 10px; border-bottom:1px solid #585858; }
#header .sub_header .full_menu div ol li.title h2 a { font-size:17px; }
#header .sub_header .full_menu div ol li a { display:block; padding:8px 10px; color:#fff; font-size:14px; }
#header .sub_header .phone_menu ol { margin:0; padding:0; overflow:hidden; }
#header .sub_header .phone_menu ol li { list-style:none; text-align:center; margin:30px 0; }
#header .sub_header .phone_menu ol li a {  }
#header .sub_header .phone_menu ol li a div { display:block; margin:0 auto; padding:0; width:50px; height:50px; background-size:contain; background-repeat:no-repeat; background-position:center; }
#header .sub_header .phone_menu ol li a span { color:#fff; font-size:17px; margin:0; padding:5px 0 0; font-weight:800; display:inline-block; }


/* 푸터 */
#footer {  }
#footer .quick { background:#191919; margin:0; padding:0; overflow:hidden; border-bottom:1px solid #333; }
#footer .quick li { float:left; list-style:none; width:25%; }
#footer .quick li a { text-align:center; display:block; padding:10px 0; color:#fff; }
#footer .quick li a span { display:block; border-left:1px solid #696969; }
#footer .quick li:first-child a span { border:none; }
#footer .quick li:first-child a { border:none; }

#footer .customer { background:#212121; margin:0; padding:0; overflow:hidden; border-bottom:1px solid #333; }
#footer .customer li { float:left; list-style:none; width:50%; color:#fff; text-align:center; padding:30px 0; }
#footer .customer li div { font-size:16px; }
#footer .customer li p { font-size:18px; margin:0; padding:5px 0 10px; }
#footer .customer li span { display:block; }
#footer .customer li a { color:#fff; }

#footer .copy { background:#191919; overflow:hidden; text-align:center; padding:40px 0 115px; }
#footer .copy h6 { margin:0; padding:0 0 30px; }
#footer .copy h6 a { opacity:0.7; display:block; width:195px; height:35px; margin:0 auto; background-size:contain; background-repeat:no-repeat; background-position:center; background-image:url("../img/common/logo_footer.png"); }
#footer .copy div { margin:0; padding:0; color:#696969; }


/* 입학 팝업 */
.iphak_popup { position:fixed; z-index:40; background:#a90d36; text-align:center; left:3%; bottom:1%; width:94%; }
.iphak_popup div { padding:15px 0; }
.iphak_popup div strong { font-size:24px; letter-spacing:-1px; color:#fff; }
.iphak_popup div p { font-size:16px; color:#fff; margin:5px 0 0; padding:0; color:#ffeb3b; }
.iphak_popup div a { color:#fff; border:1px solid #fff; padding:8px 20px 5px; margin:5px; display:inline-block; }
.iphak_popup div a:hover { background:#fff; color:#333; }

.counsel_popup { position:fixed; z-index:40; background:#a90d36; text-align:center; left:0; bottom:0; width:100%; }
.counsel_popup a { color:#fff; padding:13px 0 10px; display:block; font-size:16px; font-weight:700; }

.counsel_form { position:fixed; z-index:55; width:100%; height:100%; left:0; top:0; display:none; }
.counsel_form div { position:absolute; bottom:0; left:0; width:100%; background:#fff; }
.counsel_form div:first-child { bottom:auto; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.9; }
.counsel_form form { display:block; position:relative; }
.counsel_form form a { position:absolute; left:50%; margin-left:-20px; top:-37px;  }
.counsel_form form a img { width:40px; }
.counsel_form form label { display:block; margin:15px auto 5px; font-size:15px; font-weight:800; width:95%; }
.counsel_form form label span { color:#a90d36; margin:0; }
.counsel_form form p { display:block; margin:5px auto; padding:0; text-align:center; width:95%; }
.counsel_form form p input ,
.counsel_form form p select { border:1px solid #ededed; background:#fff; margin:0; padding:5px; box-sizing:border-box; }
.counsel_form form button { border:none; margin:40px 0 0; font-size:15px; color:#fff; padding:13px 0 10px; display:block; background:#a90d36; width:100%; text-align:center; }