@charset "utf-8";
#HTTP_MSN_chat_layer img{width:auto;}
img { width:100%; border:0; display:inline;}

#wrap { width:100%; background:url(../images/header/wrap_bg.gif) repeat; }

/* header */

/*#header { width:90%; padding:0 5%; position:relative; background:#FFFFFF; overflow:hidden; }*/
#header { width:100%; position:relative; background:#FFFFFF; overflow:hidden; background:url(../images/header/header_bar.png) center repeat-x; /*background-color:#c21414;*/}

ul.btn_global { width:100%; }
ul.btn_global ul { width:100%; background:url(../images/global/bar_bg.png) center no-repeat; }
ul.btn_global li { width:25%; float:left; }
ul.btn_global li.btn_call { width:20%; padding:2.5% 55% 2.5% 2%; }
ul.btn_global li.btn_list { width:20%; padding:2.5% 2% 2.5% 0; float:left; }


#logo{ position:relative; text-align:center; margin:auto; margin:2% 0;}
#logo h1{width:40%; margin:0 30%;}



#content_top { width:100%; float:left; position:relative; }
#content_top p.sub_title{ width:20%; float:right; margin-top:8%; padding-right:3%; }

#content_top .menuSet {position:absolute; bottom:10px; /*width:38%;*/width:47%; right:0%; top:20%; text-align:center; }
#content_top .menuSet li { width:13px; float:left; cursor:pointer; margin:10% 3% 0 0;}

.main_visual { position:relative; width:100%; }
.arrow_btn { width:100%; height:275px; position:absolute; z-index:5; }
.prev{left:0; width:5%; position:absolute; top:40%; cursor:pointer;}
.next{right:0; width:5%; position:absolute; top:40%; cursor:pointer;}


.container { width:100%; float:left; margin-top:5%; }


#container_wrap { width:96%; padding:0 2%; overflow:hidden; }


/*전화번호카카오톡*/
#cscenter{ position:relative; width:100%; float:left; margin-top:65%; overflow:hidden; background-color:#dadada; }
#cscenter li{float:left;}
#cscenter li.phone {width:69.2%;}
#cscenter li.cacao {width:30.8%;}
/*메인메뉴*/
#main_menu { width:100%; float:left; overflow:hidden;}
#main_menu li { width:25%; float:left; }



/*컨텐츠*/
#category { width:100%; float:left; margin-top:2%; overflow:hidden;}
#category li { width:49%; margin-right:1%;  float:left; }

#category ul.board_link{ width:100%; float:left; overflow:hidden;}
#category ul.board_link li { width:100%; float:left; }

#category ul.event_link{ width:100%; float:left; overflow:hidden;}
#category ul.event_link li { width:100%; float:left; }

#category ul.consult_link{ width:100%; float:left; margin-top:2%; overflow:hidden;}
#category ul.consult_link li { width:100%; float:left; }

#category ul.veiw_link{width:100%; margin-top:2%; float:left; overflow:hidden;}
#category ul.veiw_link li { width:100%; float:left; }

#category ul.age_link{width:100%; margin-top:2%; float:left; background:url(../images/main/age_back.png) center repeat-x; overflow:hidden;}
#category ul.age_link li { width:100%; float:left; }
/*#category ul.age_link li dl.age_type{ width:80%; padding:0 10%; float:left; }
#category ul.age_link li dl.age_type dd{ width:30%; padding-right:3%; float:left; }*/


/*아이콘*/
.main_icon { width:100%; padding:2% 0; float:left; overflow:hidden; /*background:#1f2c5f;*/ }
.main_icon ul { width:100%; float:left;}
.main_icon ul li { width:19.5%; text-align:center;  padding-right:0.5%; float:left; }

/*게시판링크*/
.banner { width:100%; overflow:hidden; padding-bottom:2%; overflow:hidden; }
.banner p.banner_01 { width:50%; float:left; }
.banner p.banner_02 { width:25%; float:left;}


#footer { clear:both; width:90%; padding:5%; background-color:#ebebeb; }
#footer .global_btn { width:40%; display:inline-block; margin:0 30%; }
#footer .global_btn li { width:48%; display:inline-block; margin-right:1%; float:left;}
#footer h6 { clear:both;text-align:center; color:#666666; padding-top:3%;}





.mr_no { margin-right:0 !important;}
.bg_no { background:none !important; }
.txt_center { text-align:center !important;}
.pd_L2 { padding-left:1% !important;}

.table_point { color:#FFFFFF !important; background:#7976af !important; border-bottom:1px dashed #f2f2f7; border-right:1px dashed #f2f2f7; border-bottom:1px dashed #f2f2f7 !important;}

.txt_point { color:#7976af; }

#touchSlider6 { width:100%; float:left; margin-top:5%; }
#touchSlider6 ul { height:381%; position:absolute; top:70%; left:0; overflow:hidden; }
#touchSlider6 ul li { float:left; width:100%; font-size:14px; color:#fff; }

.btn_area { width:30%; position:absolute; right:0; top:42%; }
.btn_area button { width:20% !important; float:left; cursor:pointer; margin-right:8%; display:block; border:0;}

.btn_area .btn_page { display:inline-block; height:10px; padding:7%; margin:1px; font-size:0px; line-height:0; text-indent:-9999px; background:url(../images/main/btn_off.png) no-repeat;  background-size:contain;}
.btn_area .btn_page.on { background:url(../images/main/btn_on.png) no-repeat; background-size:contain; }