@charset "utf-8";

/* 웹폰트 임포트 */
@font-face {
  font-family: 'NanumBarunGothic';
  src: url('../font/NanumBarunGothic.eot'); /* IE9 Compat Modes */
  src: url('../font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/NanumBarunGothic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/NanumBarunGothic.woff') format('woff'), /* Pretty Modern Browsers */
}

/* CSS Document */
body{font-size:16px;}
html, body{height:100%}
textarea,input,select,body{color:#333;font-family:"NanumBarunGothic","Malgun Gothic","돋움","dotum","Arial"; }
textarea,input,select{vertical-align:middle}
label { cursor:pointer}
a{ text-decoration:none; color: #3c3c3c;}
a:hover, a:focus, a:active { text-decoration:none}


/* css2 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0}
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub{font-size:1em}
table {border-collapse: collapse;border-spacing: 0}
fieldset,img,abbr,acronym { border: 0}
address,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal}
ol,ul { list-style: none }
q:before,q:after {content:'';}
img, input, button, select, textarea { vertical-align:middle}
button{border:none;padding: 0;cursor: pointer;overflow: visible}
input[type=submit]{cursor: pointer}
legend, hr { overflow:hidden; position:absolute; top:0; left:0}
legend, hr { visibility:hidden; font-size:0; width:0; height:0; line-height:0}
caption{font-size: 0;height: 0;line-height: 0;text-indent: -9999px; width: 0}
area:focus{outline:thick dotted #000}

input[type=text], input[type=password]{padding:7px 0 4px 6px;border:1px solid #c5c7cb;width:192px}
input[type=button]{padding:7px 20px 6px 20px}
input[type=file]{padding:7px 0 4px 6px;border:1px solid #c5c7cb}
textarea{padding:3px;border:1px solid #c5c7cb;}
select{padding:6px 6px 3px 6px;border:1px solid #c5c7cb}
table label{display:inline-block}

.hidden{ position:absolute;top: -999em; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none}
.thidden{white-space:nowrap;text-indent:100%;overflow:hidden}
.skip{position: fixed; top: 0; left: 0; width: 100%; z-index: 500; }
.skip a {display: block; width: 0; height: 0; font-size: 0;}
/* 메인 페이지 */
.kids_wrapper{width:1485px; margin:0 auto; }

.mat10{margin-top:10px;}
.mat20{margin-top:20px;}
.mat30{margin-top:30px;}
.mat40{margin-top:40px;}


/* 상단 메뉴  */
.header{height:93px; border-bottom:1px solid #fcd216; background:#fbe600; position:relative;}
.header .logo{position:absolute; left:282px; top:16px; }
.navigation{position:absolute; left:589px; top:35px; }
.navigation:after{content:""; display:block; clear:both;}
.navigation li{float:left;}
.navigation li a{color:#a7a7a7; font-size:1.5em; font-weight:bold;}
.navigation li.on a{color:#360b0b;}
.navigation li.first:after{content:"|"; display:inline-block; color:#a7a7a7; font-size:20px; padding:0 35px; }
.director_page_link{display:inline-block; width:173px; height:40px; line-height:40px; color:#fff; font-size:1.3em; text-align:center; background:url(../images/director_page_bg.gif) no-repeat; position:absolute; right:284px; top:0; }

/* 메인 비주얼 */
.main_visual{height:512px; background:url(../images/main_visual_img.jpg) no-repeat center center; }
.info_visual{height:512px; background:url(../images/info_visual.jpg) no-repeat center center; }
.visual_txt{padding-left:283px; padding-top:124px;}
strong.visual_tit{font-size:2.45em; color:#464646; display:block;}
strong.visual_tit > span{color:#4b94dc; display:block;}
span.visual_tit02{display:block; font-size:1.3em; color:#333; margin-top:30px;}
span.visual_tit03{display:block; font-size:;}
/* 푸터 */
.footer{height:132px; background:#eaeaea; position:relative;}
.footer_ci{position:absolute; left:305px; top:30px;} 
.footer .footer_terms{padding-left:505px; padding-top:40px;}
.footer .footer_terms:after{content:""; display:block; clear:both;}
.footer .footer_terms li{float:left;}
.footer .footer_terms li a{font-size:0.75em; color:#000; font-weight:bold;}
.footer .footer_terms li.first:after{content:"|"; padding-left:6px; padding-right:6px; font-size:10px;}
.footer .footer_address{padding-left:505px; color:#5e5e5e; font-size:0.7em; font-weight:bold; margin-top:10px;}
.footer .footer_address address{display:inline-block; margin-right:30px; font-weight:bold;}
.footer .footer_address span{display:inline-block; margin-right:30px;}

/* 메인 컨텐츠 부분 */
.kids_contents_area{width:920px; margin:105px auto 70px; position:relative;}
h2.tit_blue{text-align:center; font-size:1.8em; color:#3e86cc; font-weight:bold;}
p.tit_s{text-align:center; font-size:1.3em; color:#333; font-weight:bold; margin-top:10px;}
.like_list_area{margin-top:85px;}
.like_list_area:after{content:""; display:block; clear:both;}
.like_list_area li{float:left; width:33.3%;}
.like_list_area li strong{color:#3f3f3f; font-size:1.3em; display:inline-block; width:100%; text-align:center;}
.like_list_area li p{font-size:0.95em; color:#3f3f3f; text-align:center; margin-top:5px;}
.like_list_area li.like_img01:before{content:""; display:inline-block; width:100%; height:135px; background:url(../images/like_img01.gif) no-repeat center center; margin-bottom:10px;}
.like_list_area li.like_img02:before{content:""; display:inline-block; width:100%; height:135px; background:url(../images/like_img02.gif) no-repeat center center; margin-bottom:10px;}
.like_list_area li.like_img03:before{content:""; display:inline-block; width:100%; height:135px; background:url(../images/like_img03.gif) no-repeat center center; margin-bottom:10px;}
.like_list_area li.like_img04:before{content:""; display:inline-block; width:100%; height:135px; background:url(../images/like_img04.gif) no-repeat center center; margin-bottom:10px;}
.like_list_area li.like_img05:before{content:""; display:inline-block; width:100%; height:135px; background:url(../images/like_img05.gif) no-repeat center center; margin-bottom:10px;}
.like_list_area li.like_img06:before{content:""; display:inline-block; width:100%; height:135px; background:url(../images/like_img06.gif) no-repeat center center; margin-bottom:10px;}
.list_contents{margin-top:30px;}

.function_content_area{margin-top:115px;}
.function_list_area{margin-top:45px;}
.function_list_area li{float:left; width:25%;}
.function_list_area li strong{color:#3f3f3f; font-size:1.05em; display:inline-block; width:100%; text-align:center;}
.function_list_area li p{font-size:0.8em; color:#3f3f3f; text-align:center; margin-top:5px; line-height:1.3em;}
.function_list_area:after{content:""; display:block; clear:both;}
.function_list_area li.function_img01:before{content:""; display:inline-block; width:100%; height:90px; background:url(../images/function_img01.gif) no-repeat center center; margin-bottom:10px;}
.function_list_area li.function_img02:before{content:""; display:inline-block; width:100%; height:90px; background:url(../images/function_img02.gif) no-repeat center center; margin-bottom:10px;}
.function_list_area li.function_img03:before{content:""; display:inline-block; width:100%; height:90px; background:url(../images/function_img03.gif) no-repeat center center; margin-bottom:10px;}
.function_list_area li.function_img04:before{content:""; display:inline-block; width:100%; height:90px; background:url(../images/function_img04.gif) no-repeat center center; margin-bottom:10px;}

.function_list_area02 li strong{color:#3f3f3f; font-size:1.05em; display:inline-block; width:100%; text-align:center;}
.function_list_area02 li p{font-size:0.8em; color:#3f3f3f; text-align:center; margin-top:5px;  line-height:1.3em}
.function_list_area02{padding:0 120px; margin-top:60px;}
.function_list_area02 li{float:left; width:33.3%;}
.function_list_area02:after{content:""; display:block; clear:both;}
.function_list_area02 li.function_img05:before{content:""; display:inline-block; width:100%; height:90px; background:url(../images/function_img05.gif) no-repeat center center; margin-bottom:10px;}
.function_list_area02 li.function_img06:before{content:""; display:inline-block; width:100%; height:90px; background:url(../images/function_img06.gif) no-repeat center center; margin-bottom:10px;}
.function_list_area02 li.function_img07:before{content:""; display:inline-block; width:100%; height:90px; background:url(../images/function_img07.gif) no-repeat center center; margin-bottom:10px;}

.qna_area{margin-top:50px;}
.qna_area .qna_list{margin-top:50px;}
.qna_area .qna_list dt{font-size:1.438em; color:#000; font-weight:bold; margin-top:50px; background:url(../images/ico_q.gif) no-repeat 0 0; padding-left:30px;}
.qna_area .qna_list dd{font-size:1.063em; color:#6e6e6e; margin-top:5px; padding-left:30px;}
.qna_area .qna_list dd span{display:inline-block; background:url(../images/y_block.gif) no-repeat 100%;}

/* 이용안내 */
.info_step_list{margin-top:55px; padding-bottom:55px;}
.info_step_list:after{content:""; display:block; clear:both;}
.info_step_list li.info_step01:before{content:""; display:inline-block; width:100%; height:90px; background:url(../images/info_step01.gif) no-repeat center center; margin-bottom:10px;}
.info_step_list li.info_step02:before{content:""; display:inline-block; width:100%; height:90px; background:url(../images/info_step02.gif) no-repeat center center; margin-bottom:10px;}
.info_step_list li.info_step03:before{content:""; display:inline-block; width:100%; height:90px; background:url(../images/info_step03.gif) no-repeat center center; margin-bottom:10px;}
.info_step_list li.info_step04:before{content:""; display:inline-block; width:100%; height:90px; background:url(../images/info_step04.gif) no-repeat center center; margin-bottom:10px;}
.info_step_list li.info_step05:before{content:""; display:inline-block; width:100%; height:90px; background:url(../images/info_step05.gif) no-repeat center center; margin-bottom:10px;}
.info_step_list li:after{content:""; display:inline-block; width:32px; height:22px; background:url(../images/ico_next.gif) no-repeat 0 0; position:absolute; right:-13px; top:30px;}
.info_step_list li.last:after{background:none;}
.info_step_list li{float:left; width:20%; text-align:center; font-size:0.9em; position:relative; color:#3f3f3f; font-weight:bold;}

.request_area{border-top:1px solid #ffd244; padding-top:35px;}
.request_area:after{content:""; display:block; clear:both;}
.request_area > div{float:left; width:50%;}
.request_stit{font-size:1.25em; color:#3e86cc; font-weight:bold;}
.request_step ol{margin-top:5px;}
.request_step ol li{font-size:0.93em; color:#3f3f3f; margin-bottom:3px;}
.request_info dt{float:left; width:100px;}
.request_info dd{padding-left:100px;}
.request_info dd ul{margin-bottom:50px;}
.request_info dd ul li{font-size:0.813em; color:#000; font-weight:bold; margin-bottom:20px;}
.request_info dd ul li a{display:inline-block; margin-right:10px;}
.request_tel:before{content:""; display:inline-block; background:url(../images/ico_customer.gif) no-repeat 100%; width:41px; height:41px; position:absolute; left:0; top:-5px;}
.request_tel{display:inline-block; position:relative; padding-left:50px; font-size:1.8em; color:#360b0b; font-weight:bold;}
.request_time{margin-top:10px; font-size:0.875em; color:#3f3f3f;}
.request_time strong{color:#000;}

.kids_money_area{margin-top:100px;}
.won_vat{text-align:right; margin-top:15px;}
.price_info{width:100%; margin-top:5px;}
.price_info th{background:#ffd244; text-align:center; color:#000; height:60px; line-height:60px; border-right:1px solid #fff; font-size:1.05em; font-weight:bold;}
.price_list_area:after{content:""; display:block; clear:both;}
.price_list_area div{float:left; width:50%;}
.price_info .tb_tit{font-size:1.3em; color:#000; font-weight:bold; text-align:center;}
.price_info .tb_tit02{font-size:1.3em; color:#fb3f2c; font-weight:bold; text-align:center;}
.price_info{border-left:1px solid #ccd;}
.price_info td{padding:20px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.price_list_area ul{padding-left:15px;}
.price_list_area ul li{background:url(../images/ico_bl.gif) no-repeat 0 2px; padding-left:20px;}

.using_info_area{margin-top:100px;}

.tit_s02 strong{font-size:1.3em; color:#3e86cc;}
.start_step{margin-top:10px;}
.start_step:after{content:""; display:block; clear:both;}
.start_step li{float:left; width:25%; font-size:1.05em; text-align:center; font-weight:bold;}
.start_step li div{margin-bottom:10px;}
.start_step li span{font-size:1.45em; }
.start_step li p{font-size:0.875em; color:#333; line-height:1.5;}
.start_step li p span{color:#fb3f2c; font-size:0.875em}
.start_step li a{display:block;}

.txtLeft{text-align:left !important;}

/* .spot_pung{position:fixed; right:110px; top:700px;} */
.spot_pung{position:fixed; bottom:10px; right:10px;}