@charset "UTF-8";

/* Layout */
html {overflow-y:auto; width:100%}
.inner { min-width:320px; max-width:1280px; margin:0 auto} /* Default :1280 */

#skip_to_content {position:absolute;left:0;top:-10em;width:100%;z-index:99999}
#skip_to_content a:active, #skip_to_content a:focus {position:absolute;left:0;top:10em;width:100%;height:27px;background:#009dc8 url(../../images/common/header_bg.gif) repeat-y 50% 0;color:#fff;text-align:center;text-decoration:none;line-height:30px;outline:0}
.mask {display:none;opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;background:url(/happyedu/images/common/mask.png);z-index:9}

.img_comn, .fq_box li a, .foot_menus ul li a {background-image:url(../../images/common/img_comn.png);background-repeat:no-repeat}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/
/* Header
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/
#header {position:relative; background:none; z-index:10;}
.headerother { height:40px; background:url(/happyedu/images/layout/headerotherbg.png) repeat-x; border-bottom:solid 1px #cbd3f1; clear:both; }
.othersite {position:relative; bottom:0; float:left; margin-top:3px; height:38px;}
.othersite li{ float:left;height:32px;width:123px; margin-top:6px;}
.othersite li:nth-child(1){background:url(../../images/layout/othersitetab1_.png) no-repeat; position:relative; width:129px;height:32px; z-index:4;line-height:32px;}
.othersite li:nth-child(1) a {color:#fff; background:url(../../images/layout/othersiteicon1_.png) no-repeat 15px 50%; padding-left:35px; }
.othersite li:nth-child(2){background:url(../../images/layout/othersitetab2.png) no-repeat; position:relative;  z-index:3; margin-left:-20px;line-height:32px;}
.othersite li:nth-child(2) a {color:#fff; background:url(../../images/layout/othersiteicon2.png) no-repeat 10px 50%; padding-left:30px; }
.othersite li:nth-child(3){background:url(../../images/layout/othersitetab4.png) no-repeat; position:relative;  z-index:1; margin-left:-20px;line-height:32px;}
.othersite li:nth-child(3) a {color:#fff; background:url(../../images/layout/othersiteicon4.png) no-repeat 15px 50%; padding-left:35px; }

.othercon { float:right; margin-top:7px;}
.othercon li{ float:left; margin-left:2px;}
#headertop {position:relative;height:91px;background:#fff}
#headertop .inner { position: relative; }
.top_logo {position:absolute; top:23px; left:0; }

.top_weather {float:left; margin-top:25px; position:absolute;}
.weathericon {float:left;}
.celsius { padding-top:5px;float:left; margin-left:10px; vertical-align:top; font-size:2em; color:#158dcb;   line-height:28px;}
.celsius span {font-size:0.588em;vertical-align:top; padding:0; margin:-5px 0 0 -7px;position:relative; display:inline-block; }
.celsius>p { font-size: 12px!important; color: #777; line-height: 12px; }
.wother {float:left; margin-left:10px; border-left:solid 1px #ccc; padding-left:10px;}


/* Top Util */
.top_util {float:right;margin-top:32px}
.gnb_util, .control_text, .select_language {float:left;height:28px;vertical-align:middle;line-height:30px}
.gnb_util li {float:left}
.gnb_util a {display:block;padding:0 8px;color:#747474;font-size:0.923em;font-weight:700;text-transform:uppercase}

/*확대축소*/
.control_text {margin-left:6px}
.control_text button {position:relative;height:28px;margin-left:-1px;border:1px solid #dcdcdc;color:#777}
.control_text button:hover, .control_text button:active, .control_text button:focus {border-color:#3cb896;color:#3cb896;z-index:1}
#btn_text_large {width:26px;background-position:50% -130px}
#btn_text_default {float:left;width:56px;font-size:0.846em;font-weight:700;line-height:30px;text-transform:uppercase}
#btn_text_small {width:26px;background-position:50% -190px}
#btn_text_large:hover, #btn_text_large:active, #btn_text_large:focus {background-position:50% -160px}
#btn_text_small:hover, #btn_text_small:active, #btn_text_small:focus {background-position:50% -220px}


/* GNB */
#gnb_wrap {position:relative;height:58px;background:#414286 url(../../images/layout/gnbbg.jpg);}
#gnb_wrap .inner { position:relative }
#gnb {position:relative; margin-right:58px;}
#gnb a {display:block}

/*모바일메뉴 상단퀵메뉴*/
.gnbquick { position:relative; height:60px; background:#3a3e70;}
.gnbquick > li { padding:15px 0 0; text-align:center; vertical-align:middle; float:left; width: 50%; height:60px; -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;          box-sizing: border-box; border-left:solid 1px #202154; }
.gnbquick > li.login { padding:15px 0 0; text-align:center; vertical-align:middle; float:left; width: 33.33%; height:60px; -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;          box-sizing: border-box; border-left:solid 1px #202154; }
.gnbquick > li:first-child {border-left:none;}
.gnbquick > li a {}

/* 1 Depth */
#btn_menu, #btn_search {display:none;}
#gnb > li {float:left; width:16%; background:url(/happyedu/images/layout/bul_gnb1.png) no-repeat 0 50%;}
#gnb > li.gnb_field, #bp_lg #gnb > li.gnb_field, #gnb > li.gnb_fev, #bp_lg #gnb > li.gnb_fev, #gnb > li.gnb_sns, #bp_lg #gnb > li.gnb_sns {width:107px}
#gnb > li > a { position:relative; z-index:12; height:58px;color:#fff;font-size:1.308em;line-height:58px;text-align:center;text-decoration:none}
#gnb > li.active > a {height:58px;border-bottom:5px solid #53bdd8; -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;          box-sizing: border-box;}
#gnb > li > a > img {vertical-align:-7px}
#gnb > li > a > img.new_win {margin-left:3px;vertical-align:-1px}
#gnb > li.gnb_allmenu > a {background:#253c73}
#gnb > li.gnb_search > a {background:#25c6d9}
#gnb > li.gnb_fev.active > a, #gnb > li.gnb_sns.active > a {height:58px;border-bottom:0}
#gnb > li:first-child { background:none; width: 20%; }

.gnb2 {position:static;}

/*2 depth*/
#gnb > li > div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:none; position:absolute; top:58px; left: auto; margin-left: 0; width: 20.8%; background: #fff; border-bottom: 1px solid #cbcbcb; z-index:10; border-left:solid 1px #ededed;  }
#gnb > li:last-child > div { border-left:solid 1px #ededed; }
#gnb > li > div .sm { display: block; font-size: 15px; color: #444; text-align: left; padding: 20px 0px 10px 20px;  }
#gnb > li > div .sm:hover { color: #000; text-decoration: underline; }
#gnb > li > div > ul { width: 100%; height: 380px; padding: 20px 0;}
#gnb > li > div > ul > li { padding:0 10px; margin-right: 15px; line-height: 23px; text-align: left; /*background:url(/../img/common/icon_dot.gif) no-repeat left 12px;*/ }
#gnb > li > div > ul > li > a { font-size: 15px; color: #555; padding: 3px 18px 5px 8px; letter-spacing: -1px; } 
#gnb > li > div > ul > li > a:hover { color: #2D69BC; text-decoration: underline; }
#gnb > li > div > ul > li > ul > li { background:url(/happyedu/images/sub/icon_arrow.gif) no-repeat left 10px; line-height: 1.8em; }
#gnb > li > div > ul > li > ul > li > a { font-size: 1em; }

@media (max-width:1024px) {
#gnb > li > div > ul { width: 100%; height: 200px; padding: 0px 0;}
#gnb > li > div > ul > li { overflow: hidden; background: none; background: #e8edf0; margin-right: 0px; padding:0 0px;}
#gnb > li > div > ul > li.current { background: #1680b2; }
#gnb > li > div > ul > li.current > a { color: #fff; background-position: 22px -1419px; border-top: 1px solid #12668e; }
#gnb > li > div > ul > li > a { background-position: 22px -1379px; border-top: 1px solid #babec0; border-right: 0px solid #2c6ad0; padding: 10px 0 8px; float: none; width: 100%; color: #384c55; font-size: 1.153em; text-align: left; padding-left: 33px; background-image: url(../../images/common/img_comn.png); background-repeat: no-repeat;}
#gnb > li > div > ul > li > ul { float: none; width: 100%; padding: 10px 0; background: #126f9b; border-top: 1px solid #0f5b80;}
#gnb > li > div > ul > li > ul > li { float: none; width: 100%; background: #126f9b; padding: 3px 0; } 
#gnb > li > div > ul > li > ul > li > a { background-image: url(../../images/common/img_comn.png); background-repeat: no-repeat; line-height: 14px;}
}

/* 3 Depth */
#gnb > li > ul > li > ul {float:left;width:780px;padding:10px 0 10px 20px; background:#fff; border-top:1px solid #e3e3e3;} /* 1344 */
#gnb > li > ul > li > ul:first-child {border-top:0}
#gnb > li > ul > li > ul:after {content:""; clear:both; display:block; height:0;} 
#gnb > li > ul > li > ul > li {float:left; background:url(/happyedu/images/common/img_comn.png) no-repeat 3px -1357px;}
#gnb ul ul li a {height:26px;padding:0 25px 0 10px;color:#5c5c5c;line-height:26px;word-break:keep-all}
#gnb ul ul li a:hover, #gnb ul ul li a:active, #gnb ul ul li a:focus {color:#22aeb3}

/* search */
.smartsearch { display:none; position:absolute; top:58px; left:0; width:100%; min-height:160px; background: #5374B7 url(../../images/layout/gnbbg2.png);}
.smartsearchBox {margin:35px 0 0 210px;}
.smartsearchBoxtit  { display:inline;}
.smartsearchBox fieldset { display:inline-block; margin:0 10px;}
.smartsearchBox .helpbox { padding-right:30px; line-height:1.462em; display:inline-block; color:#fff; background:url(/happyedu/images/layout/allmenucBoxico.png) no-repeat 90px -300px;}
.smartsearchBox .search_wrapbox { background:#fff; border-radius:25px; width:600px; height:50px; position:relative;}

.input_keyword { font-size:1.154em; padding:16px 25px !important; background:none; width:470px !important; border:none !important; }
#smtsubmit {background:url(/happyedu/images/layout/btn_searchsubmit.png) no-repeat; width:92px; height:51px; position:absolute;right:0; top:-1px;}

.favtxt { width:100%; position:absolute; bottom:0; height:46px; background: #466199 url(../../images/layout/gnbbg2.png);}
.favtxttit { font-size:1.154em; padding-left:23px; margin:0 0 0 210px;width:150px; display:inline-block; color:#fff; line-height:46px;  background:url(/happyedu/images/layout/allmenucBoxico.png) no-repeat -200px -236px;}
.favstxt {display:inline-block; font-size:1.077em; color:#fff; border:solid 1px #97addc;  border-radius:3px; line-height:24px; padding:0 10px;}
.favstxt a { color:#fff; }
.smartsearchclose {position:absolute; top:-77px; right:50%; margin-right:-640px; }


/* Sub Visual */
#sub_visual {position:relative;min-width:960px;height:115px;background: #FFFDEE url(../../images/sub/sub_bg.png) no-repeat 50% 0}
#sub_visual .inner {position:relative}
.vis_txt {position:absolute; left:320px; top:35px; color:#333; font-size:24px}
.sub_txt {position:absolute; left:320px; top:60px; color:#555; font-size:14px}


/* container */
.container { width: 100%; z-index:1; background:url(/happyedu/images/layout/containerbg.jpg) repeat-x;}
#sub_wrap {}
#sub_wrap > .group {position:relative}

#aside {float:left;width:240px;padding-bottom:50px}
#aside > h2 {position:absolute;top:-115px;width:212px;height:80px;padding:35px 0 0 27px; color:#fff; line-height:1; font-size:20px; background:#282951;}
#aside h2 small {display:block;padding-left:2px; padding-top:10px; font-size:0.464em; }

.todayviewcontent { margin-top:19px;}
.todayviewcontent .tdtit { font-size:1.154em; background:#6e6e6e url(/happyedu/images/layout/bul_tdtit.jpg) no-repeat; padding-left:40px; line-height:43px; height:43px; color:#fff;}
.todayviewcontent ul { background:#ddd; padding:18px 17px 10px; height:120px; overflow-y:auto;}
.todayviewcontent li {line-height:25px; height:25px; padding-left:10px; background:url(/happyedu/images/layout/bul_tdc.png) no-repeat 0 50%; }
.todayviewcontent li a{color:#555555;}
.todayviewcontent li a.tit { text-overflow: ellipsis;  overflow:hidden; width:160px; display:inline-block; white-space: nowrap;}
.todayviewcontent li a.bdel { float:right;}


#snb {margin:0 0; border:solid 1px #dbdbdb; }
#snb > li { border-top:solid 1px #dbdbdb; }
#snb > li:first-child { border-top:none;}
#snb > li > a { position:relative; background:#fff; display:block;height:48px;padding:0 10px 0 15px; color:#333;font-size:1.153em;line-height:50px;text-decoration:none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#snb > li > a:hover { background:#f5f5f5; }
#snb > li:first-child > a {padding-top:4px;line-height:52px}
#snb > li.current > a {height:50px;margin-top:-1px;border-bottom:0;background:#D84374; color:#fff;font-weight:700;line-height:52px}
#snb > li:first-child.current > a {background-position:100% -916px}
#snb ul {display:none;border-top:1px solid #dbdbdb; }
#snb .current ul {display:block;padding:0px}
#snb ul a {display:block;padding:11px 10px 11px 20px;background:#ededed url(/happyedu/images/layout/bul_snbulaoff.png) no-repeat 10px 15px;line-height:1.384; border-top:solid 1px #dcdcdc; }
#snb ul li:first-child a {border:none; }
#snb ul a:hover, #snb ul a:active, #snb ul a:focus {background:#ededed url(/happyedu/images/layout/bul_snbulaon.png) no-repeat 10px 15px; color:#555555}
#snb ul li a.current {background:#ededed url(../../images/layout/bul_snbulaon.png) no-repeat 10px 15px;color:#d84374;font-weight:700}
#snb .tblank {position:absolute; right:20px; top:20px;}
#snb .tmore {position:absolute; right:10px; top:12px;}

#contents {float:left;width:980px;padding-left:60px}
.sub_title {position:relative;padding:0 0; z-index:1;}

.sub_title h2 {margin-left:-14px;padding:50px 0 30px 14px; line-height: 30px; color:#333c7d; font-size: 30px; font-weight: bold; }
.sns {position:absolute;top:8px;right:10px}

.sns li {float:left;margin-left:8px}
.sns li a {width:38px;height:38px;}
.sns li.snsopen a{background:url(/happyedu/images/layout/btn_snsopen.png) no-repeat;}
.sns li ul {position:absolute; border:solid 0px #ccc; top:45px; left:0; display:none;}
.sns li ul li {clear:both; float:none;}
.sns li ul li a {width:38px;height:38px;}
.sns li ul li a:last-child {width:38px;height:42px;}
.sns li ul li.blog a {background:url(/happyedu/images/layout/btn_snsb.png) no-repeat;}
.sns li ul li.instar a {background:url(/happyedu/images/layout/btn_snsi.png) no-repeat;}
.sns li ul li.cacao a {background:url(/happyedu/images/layout/btn_snsc.png) no-repeat;}
.sns li ul li.facebook a {background:url(/happyedu/images/layout/btn_snsf.png) no-repeat;}
.sns li ul li.twitter a {background:url(/happyedu/images/layout/btn_snst.png) no-repeat;}
.sns li ul li.snsclose {position:absolute; top:-45px;}
.sns li ul li.snsclose a {background:url(/happyedu/images/layout/btn_snsclose.png) no-repeat;}
.sns li.print a {background:url(/happyedu/images/layout/btn_print1.png) no-repeat;}


.locations { height:53px; overflow:hidden;padding:1px 0 0 ;line-height:2; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.locations .home {margin-left:9px; display:inline-block;float:none;width:17px;height:17px;margin-top:-2px;background:url(/happyedu/images/layout/icon_home.png) no-repeat;color:transparent;vertical-align:middle}
.locations .sep {display:inline-block;float:none;width:70px;height:53px;background:url(/happyedu/images/layout/bul_loc.png) no-repeat 50% 50%;vertical-align:middle}
.locations strong {color:#17549b;font-weight:400}
#conts {padding:50px 0px 30px 0; min-height: 400px;}

/*로그인 팝업*/
#login_popup { position: relative;  display:none; background:white; width:500px; height:335px;}
#login_popup .login { position: relative; overflow: hidden; background:white; }
#login_popup .login .login_box { float: left; width: 460px; height: 270px; padding: 10px 45px; border-right: 1px solid #d2d2dc; }
#login_popup .login .confirm_box { float: left; width: 460px; height: 270px; padding: 50px 60px; }
#login_popup .login p { padding-top: 10px; color: #666; line-height: 20px; }
#login_popup .login .input_area { position: relative; width: 410px; margin: 30px 0; font-size:  13px; color: #666; }
#login_popup .login .input_area label { display: inline-block; width: 60px; }
#login_popup .login input[type="checkbox"] { margin-top: 2px; }
#login_popup .login input[type="text"] { width: 230px; height: 36px; margin-bottom: 4px; line-height: 28px; border: 1px solid #cdcfd6; border-radius: 3px; background-color: #fff; padding:0px; }
#login_popup .login input[type="password"] { width: 230px;height: 36px; line-height: 28px; border: 1px solid #cdcfd6; border-radius: 3px; background-color: #fff; padding:0px; }
#login_popup .login input[type="submit"] { position: absolute; top: 0; right: 0; width: 110px; height: 80px; padding-top: 30px; color: #fff; border-radius: 3px; background: #4c5499 url(/reserve/images/common/bg_login.gif) center 15px no-repeat;  }
#login_popup .login h4 { padding-left: 0; font-size: 24px; color: #4c5499; background: none; }
#login_popup .join_find { position: relative; padding: 40px 0; overflow: hidden; }
#login_popup .join_find p { padding: 10px 0; line-height: 18px; font-size: 13px; color: #666; }
#login_popup .join_find .join { float: left; width: 430px; height: 80px; padding: 15px 55px 15px 100px; background: url(/reserve/images/common/icon_join.gif) left 50% no-repeat; }
#login_popup .join_find .find { float: left; width: 430px; height: 80px; padding: 15px 55px 15px 100px; background: url(/reserve/images/common/icon_find.gif) left 50% no-repeat; }
#login_popup .join_find h4 { font-size: 15px; color: #333; background-image: url(/reserve/images/common/icon_bl.gif);}
#login_popup .button { display: inline-block; padding: 5px 10px; line-height: 18px; border-radius: 3px; border: 1px solid #CDD5DE; background: #fff; font-size: 13px; color: #4e5359; text-align: center; }
.login_header {padding:10px;background-color:#4c5499; color:white;}
.login_header h2 {display:inline; font-weight:bold; font-size:15px;}
.modal_button {float:right;}

/* ★★★★★★★★*/
.satisfaction {padding:15px 0 50px;}
.sf_charge {padding:14px;}
.sf_charge dt {float:left;width:11%;border:1px solid #d4d4d4;background:#e4e4e4 url(../../images/layout/chargeppbg.jpg);font-weight:700;text-align:center;line-height:32px}
.sf_charge dd {float:left;width:36%;padding:5px 0;padding-left:2%;line-height:24px;  }
.sf_wrap {margin-top:15px;border:1px solid #d8d8d8;background:#f4f4f4}
.sf_research {float:left;width:100%}
.sf_research p {background:#fff url(../../images/layout/chargetxticon.png) no-repeat 20px 50%; padding:6px 0 5px 45px;border-bottom:1px solid #d8d8d8;}
.sf_level {padding:6px 0 6px 20px}
.sf_level input[type='radio'] {margin-left:2px}
.sf_level label {padding:0 30px 0 4px}
.sf_survey {padding:0 125px 15px 20px; position:relative;  }

.sf_survey input[type="text"] { border:1px solid #ddd; width:100%; line-height:28px; height:28px; padding:0 5px; font-size:14px; }
.sf_survey input[type="submit"] { position:absolute; top:0; right:15px; width:100px;height:30px;margin-left:-4px;background:#1ba06f url(../../images/layout/chargebtnbg.jpg);color:#fff;font-weight:700;text-align:center}

.box_type{ margin-top: 15px; padding: 7px 5px; border: 1px solid #d8d8d8; text-align: center; }
.green_point{ font-family: 'NanumGothicBold'; color: #159968 !important; }
.qr_code {float:left;width:117px;padding:15px 0;border-left:1px solid #d8d8d8;background:#fff;text-align:center}

.comment_list {margin-top:15px}
.comment_list li {position:relative;padding:8px 160px 8px 15px;border-bottom:1px dashed #d4d4d4;line-height:1.5}
.comment_list li .date {position:absolute;top:9px;right:15px;color:#8d8d8d;font-size:0.923em}



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/
/* Footer
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/
#foot_menus {position:relative;height:48px;border:1px solid #dbdbdb; border-width:1px 0; background:#ebebeb;z-index:5}

/* ★?★?*/
.foot_menus > li {float:left;position:relative;width:25%;}
.foot_menus > li > button {position:relative;display:block;width:100%;height:48px;padding-left:30px;border-right:1px solid #dbdbdb;background-position:290px -785px;text-align:left;line-height:48px;text-decoration:none}
.foot_menus > li:first-child > button {border-left:1px solid #dbdbdb;}
.foot_menus > li.active > button {background-position:290px -840px}
.foot_menus  div {display:none;position:absolute;left:-1px;right:0;padding-bottom:1px;border:1px solid #cfcfcf;border-bottom:0;background:#fff}
.foot_menus .fm_1 {top:-362px;height:347px;padding-top:12px}
.foot_menus .fm_2 {top:-262px;height:247px;padding-top:12px}
.foot_menus .fm_3 {top:-252px;height:222px;padding-top:27px}
.foot_menus .fm_4 {top:-173px;height:149px;padding-top:21px}

.foot_menus ul .col2 {float:left;width:45%}

.foot_menus ul .clear {clear:both}
.foot_menus ul li a {display:block;padding-left:38px;background-position:30px -599px;line-height:2}


.foot_menus ul li a:hover, .foot_menus ul li a:active, .foot_menus ul li a:focus {color:#22aeb3}
.foot_menus .close {position:absolute;top:-1px;right:-1px;width:30px;height:30px;background-color:#37383a;background-position:50% -910px}
.foot_menus .close:hover, .foot_menus .close:active, .foot_menus .close:focus {background-color:#36bfc4}

/* ★?★★?*/
#foot_quick {background:url(/happyedu/images/layout/foot_quickbg.png) repeat-x;}
#foot_quick button[type='button'] {width:100%;height:41px;border-bottom:1px solid #1a1b1c;background:#4461a1 url(../../images/layout/btn_quickmenu.png) no-repeat 50% -41px}

#foot_quick button[type='button'].active {border-bottom:0;background-position:50% 0}

.fq_box {position:relative; float:left;width:394px;padding:70px 0 30px 30px;border-left:1px solid #cfcfcf;background:#fff; margin-top:41px;}
.fq_citizen {border-left:none;}

.fq_box h3 {position:absolute; left:50%; top:-33px; margin-left:-32px; height:90px; line-height:1.3; width:63px; font-size:1.230em;font-weight:700; text-align:center; }
.fq_box h3 span.ico {display:table;height:70px; width:63px;  background:url(/happyedu/images/layout/icon_foot_quick.png) no-repeat 0 0;}
.fq_box h3 span {float:none;height:13px; font-size:12px; color:#bcbcbc;}
.fq_citizen h3 span {width:46px;background-position:0 0;}
.fq_corporation h3 span {width:78px;background-position:-60px 0}
.fq_tour h3 span {width:30px;background-position:-149px 0}

.fq_box h3 img {display:block}
.fq_citizen h3 {}

.fq_corporation h3 span.ico{background-position:0 -70px; background-repeat:no-repeat}

.fq_tour h3 span.ico{ background-position:0 -140px; background-repeat:no-repeat}

.fq_box ul {width:100%;margin:20px 0 0 0}

.fq_box li {float:left;width:33.333%}

.fq_box li a {display:block;padding-left:8px;background-position:0 -1248px;line-height:2}
.fq_citizen a:hover, .fq_citizen a:active, .fq_citizen a:focus {color:#5b90be}
.fq_corporation a:hover, .fq_corporation a:active, .fq_corporation a:focus {color:#34a77c}
.fq_tour a:hover, .fq_tour a:active, .fq_tour a:focus {color:#e46c51}

#foot_util {height:45px;border-bottom:1px solid #525252; background:#7a7a7a}
#foot_util .inner {position:relative}
.foot_util {float:left}
.foot_util li {float:left; text-align:center; height:23px; padding:11px 0; background:url(/happyedu/images/layout/bul_fnb1.png) no-repeat 0 50% ;}
.foot_util li:first-child {background:none;}
.foot_util li a {display:block;padding:0 14px;color:#fff;text-decoration:none;transition:background .3s, color .3s}
.foot_util li:first-child a {}
.foot_util li a:hover, .foot_util li a:active, .foot_util li a:focus {background:#1a1b1c;color:#ccc}
.foot_count {float:right}
.foot_count li { background-position:28px -640px;float:left;height:45px;padding:0 25px;border-right:1px solid #525252;background-color:#5f5f5f; color:#fff;font-size:0.923em;line-height:45px}
.foot_count li:first-child {border-left:1px solid #525252;}

.pinfo { color: #ffe32a!important; }

/*qr 코드*/
.qrcode { float: right; }


.footer_banner {float:right; padding:0 5px 0 0; }

#foot_info {padding:26px 0 40px;background:#5f5f5f;color:#f9f9f9;font-size:0.923em;line-height:1.667}
#foot_info .inner {position:relative}
.foot_logo {width:96px;height:80px;margin:14px 56px 0 24px; float:left;}
.copyright {margin-top:6px;color:#dadada}
.gotop {display:none; margin-top:30px; background:url(/happyedu/images/layout/gotopbg.jpg) repeat-x;}


/* 하단 배너 */
#foot_banner {overflow:hidden;position:relative; height:75px; width:100%; }
#foot_banner .inner {position:relative; }
#foot_banner .fb_skip {position:absolute;left:0;top:-30px;}
#foot_banner .fb_skip a:active, #foot_banner .fb_skip a:focus {display:block;position:absolute;left:0;top:30px;width:120px;height:30px;background:#3cb896;color:#fff;text-align:center;text-decoration:none;line-height:30px;z-index:5}
#foot_banner .fb_box {position:absolute; width:1150px; height:44px;margin:15px 0 0 120px;;overflow:hidden}
#slider_foot_banner {position:absolute; width:1130px; }
#slider_foot_banner li {float:left;}
#foot_banner .control {position:absolute;top:27px;left:21px;width:100px}
#foot_banner .control button, #foot_banner .control a {position:absolute;width:24px;height:24px}
#foot_banner .control .btn_prev {top:0;left:0;background-position:0 -950px}
#foot_banner .control .btn_prev:hover, #foot_banner .control .btn_prev:active, #foot_banner .control .btn_prev:focus {background-position:0 -980px;z-index:1}
#foot_banner .control .btn_next {top:0;left:23px;background-position:0 -1010px}
#foot_banner .control .btn_next:hover, #foot_banner .control .btn_next:active, #foot_banner .control .btn_next:focus {background-position:0 -1040px;z-index:1}
#foot_banner .control .btn_more {top:0px;left:46px;background-position:0 -1070px}
#foot_banner .control .btn_more:hover, #foot_banner .control .btn_more:active, #foot_banner .control .btn_more:focus {background-position:0 -1100px;z-index:1}
#foot_banner .control .btn_stop {top:0px;left:69px;background-position:0 -1130px}
#foot_banner .control .btn_stop:hover, #foot_banner .control .btn_stop:active, #foot_banner .control .btn_stop:focus {background-position:0 -1160px;z-index:1}
#foot_banner .control .btn_play {display:none;top:0px;left:69px;background-position:0 -1190px}
#foot_banner .control .btn_play:hover, #foot_banner .control .btn_play:active, #foot_banner .control .btn_play:focus {background-position:0 -1220px;z-index:1}

/*로그인11*/
.login_form { position: relative; }
.login_form .login { position: relative; border: 1px solid #d2d2dc; overflow: hidden; }
.login_form .login .login_box { width: 420px; height: 200px; padding: 60px 50px; margin: 0 auto; }
.login_form .login p { padding-top: 10px; color: #666; line-height: 20px; }
.login_form .login .confirm_box .pt20 { padding-top: 20px; }
.login_form .login .input_area { position: relative; width: 410px; margin: 30px 0; font-size:  13px; color: #666; }
.login_form .login .input_area label { display: inline-block; width: 60px; }
.login_form .login input[type="checkbox"] { margin-top: 2px; }
.login_form .login input[type="text"] { width: 224px; height: 28px; margin-bottom: 4px; line-height: 28px; border: 1px solid #cdcfd6; border-radius: 3px; background-color: #fff; }
.login_form .login input[type="password"] { width: 224px;height: 28px; line-height: 28px; border: 1px solid #cdcfd6; border-radius: 3px; background-color: #fff; }
.login_form .login input[type="submit"] { position: absolute; top: 0; right: 0; width: 110px; height: 80px; padding-top: 30px; color: #fff; border-radius: 3px; background: #4c5499 url(/reserve/images/common/bg_login.gif) center 15px no-repeat;  }
.login_form .login input[type="button"] { position: absolute; top: 0; right: 0; width: 110px; height: 80px; padding-top: 30px; color: #fff; border-radius: 3px; background: #4c5499 url(/reserve/images/common/bg_login.gif) center 15px no-repeat;  }
.login_form .login h4 { padding: 0; margin: 0; font-size: 24px; color: #4c5499; background: none; }
.login_form .join_find { position: relative; padding: 55px 0; overflow: hidden; }
.login_form .join_find p { padding: 10px 0; line-height: 18px; font-size: 13px; color: #666; }
.login_form .join_find .join { float: left; width: 360px; min-height: 100px; padding: 15px 15px 15px 100px; background: url(/reserve/images/common/icon_join.gif) left 50% no-repeat; }
.login_form .join_find .find { float: left; width: 360px; min-height: 100px; padding: 15px 15px 15px 100px; background: url(/reserve/images/common/icon_find.gif) left 50% no-repeat; }
.login_form .join_find h4 { font-size: 15px; color: #333; background-image: url(/reserve/images/common/icon_bl.gif);}


/*회원가입*/
.join_form { position: relative; }
.join_form  .join_step { border: 1px solid #D2D2DC; overflow: hidden; }
.join_form  .join_step li { width: 20%; float: left; box-sizing: border-box; border-left: 1px solid #D2D2DC; text-align: center; }
.join_form  .join_step li:FIRST-CHILD { border: none; }
.join_form  .join_step li a { display: block; height: 70px; line-height: 70px; font-size: 16px; }
.join_form  .join_step li a:hover { text-decoration: none; }
.join_form  .join_step li.active { border-top: 3px solid #495ED7; background: #EFF3FA; }
.join_form  .join_step li.active a { height: 67px; line-height: 67px; color: #414286; }
.join_form .step_01, .join_form .step_02, .join_form .step_03, .join_form .step_04 { padding: 30px 0; }
.join_form .step_01 .box { background: url(/happyedu/images/common/icon_confirm.gif) 50px 40px no-repeat; padding: 50px 40px; border: 1px solid #D2D2DC; }
.join_form .step_01 .box p { padding-left: 150px; }
.join_form .step_01 .box .btn_area { padding: 30px 0 0 0; }
.join_form .step_01 .icon_qs { padding-left: 80px; background: url(/happyedu/images/common/icon_qs.png) 30px 50% no-repeat; }
.join_form .step_01 .box_gray { border-width: 0px 1px 1px 1px; padding: 30px; border: 1px solid #D2D2DC; border-width: 0px 1px 1px 1px; background: #F7F7FA; }
.join_form .step_01 label { font-weight: 600; font-size: 16px; }
.join_form .pp { color: #4b5399; }
.join_form .red { color: #e54c4c; }
.join_form p { padding: 5px 0; line-height: 18px; color: #666; }
.join_form .agree { overflow-y: scroll; height: 200px; padding: 30px 50px; border: 1px solid #ccc; background: #fafafa; }
.join_form .agree.age14 { height: 30px; }

.join_form .member_type { min-height: 400px; padding: 50px 30px 50px; border: 1px solid #D2D2DC; }
.join_form .member_type p { text-align: center; font-size: 16px; color: #333; }
.join_form .member_type .error_box { padding: 15px 0; border: 3px solid #eee; margin-bottom: 50px; background: #FCFCFC url(/happyedu/images/sub/icon_error.png) no-repeat 100px 50%; }
.join_form .member_type .error_box .error{ padding-left: 200px; font-size: 16px; color: #333; line-height: 1.5em; text-align: left; }
.join_form .member_type ul { overflow: hidden; margin-top: 30px; border-radius: 10px; border: 3px solid #eee; background: #FCFCFC; }
.join_form .member_type ul li { cursor: pointer; float: left; width: 50%; padding: 10px 30px 50px 160px; height: 250px; box-sizing: border-box;  }
.join_form .member_type ul li:nth-child(1) { border-right: 1px dashed #D2D2DC; background: url(/happyedu/images/common/member_icon_01.png) no-repeat 30px 50%; }
.join_form .member_type ul li:nth-child(2) { background: url(/happyedu/images/common/member_icon_02.png) no-repeat 30px 50%; }
.join_form .member_type ul li h4 { background: none; padding-left: 0; font-weight: bold; }
.join_form .member_type ul li span.btn { display: block; width: 100px; margin-top: 10px; }
.join_form .member_type ul li:nth-child(1) h4 { color: #1A67B0; }
.join_form .member_type ul li:nth-child(1) span.btn { background: #1A67B0; border-color: #1A67B0; }
.join_form .member_type ul li:nth-child(2) h4 { color: #009B49; }
.join_form .member_type ul li:nth-child(2) span.btn { background: #009B49; border-color: #009B49; }


/*정보입력폼*/
.join_form .info_form #id_result { display: inline-block; padding: 0 15px; line-height: 28px; border: 1px solid #4C5499; }
/*가입완료*/
.join_form .completion { min-height: 330px; background: url(/happyedu/images/common/bg_completion.jpg) center bottom no-repeat; }
.join_form .completion .complete { padding: 30px 0; font-size: 34px; color: #414286; }
.join_form .completion .complete span { color: #DA4C7B; }
.join_form .completion .id_check { padding: 20px 0 0 0; font-size: 18px; color: #495ed7; }
.join_form .completion .btn_area { padding: 30px 0; }


/*아이디비번찾기*/
.find_form { }
/*아이디찾기*/
.find_form .box { overflow: hidden; padding: 0; margin-bottom: 50px; border: 1px solid #D2D2DC;}
.find_form .box h5 { padding-left: 0; font-size: 24px; background: none; color: #4c5499; }
.find_form .box h6 { margin-top: 15px; padding-left: 8px; font-size: 15px; color: #000; background: url(/happyedu/images/common/icon_bl.gif) left 50% no-repeat; }
.find_form .box p { padding: 0px 0 5px 0; color: #666; }
.find_form .box ul li { padding: 10px 0 0 7px; background: url(/happyedu/images/sub/icon_list.gif) left 60% no-repeat; }
.find_form .box ul li label { display: inline-block; width: 104px; color: #666; }
.find_form .box p button { margin: 30px 0 0 114px; padding: 2px 30px; }
.find_form .box .large { height: 45px; line-height: 45px; }
.find_form .box .mobile { } 
.find_form .box .ipin { }
.find_form .box input { background: #fff;} 
.find_form .box input.long { width: 90%; }
.find_form .box select.long { width: 90%; }
.find_form .id_find { float: left; width: 50%; min-height: 330px; box-sizing: border-box; padding: 30px; border-right: 1px solid #d2d2dc; }
.find_form .in_find { float: left; width: 100%; min-height: 330px; box-sizing: border-box; padding: 30px; }

/*비밀번호찾기*/
.find_form .pass_id { }
.find_form .pass_id .bg_box {  height: 68px; line-height: 68px; border: 1px solid #CDD5DE; border-radius: 3px; text-align: center; background: #F7F9FB; }
.find_form .pass_id .bg_box label { display: inline-block; width: 50px; }
.find_form .pass_id .group { overflow: hidden; padding: 30px 0; }
.find_form .pass_id .group h6 { margin-top: 0px; }
.find_form .pass_id .group p { font-size: 13px; line-height: 18px; }
.find_form .pass_id .group .left { float: left; width: 400px; padding: 0px 20px 0px 0px; border-right: 1px dashed #CDD5DE; }
.find_form .pass_id .group .right { float: left; width: 400px; padding: 0px 0px 0px 35px;}


@media (max-width: 1320px) {
	#gnb ul ul li a { padding-left: 0px; }
	#gnb > li > div > ul > li { padding-left: 8px; }
	#gnb > li > div > ul > li > a { font-size: 14px; }
	
	#foot_banner .fb_box { width: 800px; }
	
	.login_form .join_find .join { width: 90%; padding-bottom: 50px; border-bottom: 1px solid #eee; }
	.login_form .join_find .find { width: 90%; }
	
	.find_form .id_find { width: 100%; border-right: none; border-bottom: 1px solid #d2d2dc; }
	.find_form .in_find { width: 100%; }
	
	.join_form .member_type .error_box { background-position: 30px 50%; }
	.join_form .member_type .error_box .error { padding-left: 100px; }
}	
@media (max-width: 1024px) {
	#gnb > li > div > ul > li { padding-left: 0px; }
}
	
@media (max-width:640px) {
	.login_form .login .login_box { width: 90%; padding: 10% 5%; }
	.login_form .login .input_area { width: 100%; }
	.login_form .login input[type="text"], .login_form .login input[type="password"] { width: 50%; }
	
	.join_form .step_01 .box { background-position: center 30px; padding: 140px 30px 40px 0px; }
	.join_form .step_01 .box p { padding-left: 40px; }
	.join_form .step_01 .icon_qs { padding-left: 50px; background-position: 0px 50%; }
	
	.join_form .member_type .error_box { padding: 15px; background-position: 50% 15px; }
	.join_form .member_type .error_box .error { padding-top: 80px; padding-left: 0px; text-align: center; }
	
	.join_form .member_type ul li { width: 100%; float: none; }
	.join_form .member_type ul li:nth-child(1) { border-right: none; border-bottom: 1px dashed #D2D2DC; }
}	
@media (max-width:480px) {
	.satisfaction { padding: 15px 0 30px; }
	.login_form .join_find { padding-top: 30px; }
	.login_form .login input[type="button"] { width: 80px; }
	.login_form .join_find .join, .login_form .join_find .find { width: 70%; }
	.join_form .step_01 .box .btn_area .large { margin-bottom: 10px; }
	
	.find_form .box .large { width: 100px; font-size: 13px; letter-spacing: -1px; }
}