@charset "utf-8";
/* 모바일용 CSS */

/* 서브상단 */
#sub_top_wrap {display:block; width: 100%; height:170px; position:relative; line-height:0; margin:0 auto; padding:0; background: #fff url('../images/sub_timg_bg1.png') no-repeat 95% bottom; background-size:250px;/* background:#ffbb52  */}
#sub_top_wrap .h2_msg {display:none;}
#sub_top_wrap h2 {display: none; position:relative;  top:65px; line-height:38px;  width:100%; min-width:320px; margin:0 auto; text-align:center; /* font-family:'SangSangShinb7'; */ font-size:45px; color:#e64848; font-weight:600; }

.kanji {font-family: 'Noto Sans KR', sans-serif !important;}

/* 서브중간메뉴 */
.sub_menu_wrap { width:100%; overflow:visible; margin: 0 auto; position:relative; z-index:2; background:#49bdb9; margin:0;}
.sub_tabmenu_wrap {width:100%; overflow:hidden; margin: 0 auto; }
.sub_tabmenu {width:100%; overflow:hidden; position:static; }
.sub_tabmenu li.sub_home {display:none;}
.sub_tabmenu li.menu_list { overflow:hidden; position:static; }
#firstpane {width:40%; float:left; z-index:420; }
#secondpane {width:60%; float:left; z-index:410; border-left:1px solid #9ee3e1; box-sizing:border-box;}
#thirdpane {width:100%; float:left; z-index:400; display:none;  border-top:1px solid #9ee3e1; }
.sub_tabmenu .on {display:block !important;}


#firstpane .menu_head {display:block; background:url('../images/path_2depth_bg01.png') no-repeat 92% center; height:60px; line-height:60px; padding-left:20px; }
#sub_menu ul li #firstpane_menu_head span {display:none;}
#secondpane .menu_head {display:block; background:url('../images/path_2depth_bg01.png') no-repeat 92% center; height:60px; line-height:60px; padding-left:20px; }
#thirdpane .menu_head {display:block; background:url('../images/path_2depth_bg01.png') no-repeat 92% center; height:60px; line-height:60px; padding-left:20px; }

.menu_head {
	cursor: pointer;
	position: relative;
	font-size:18px;
	text-align:left;
	text-transform:uppercase;
	color:#fff;
}

.menu_body {
	position:absolute; overflow:hidden; z-index:999999999;
	width:40%;
	display:none;
}
#secondpane .menu_body {width:60%;}
#thirdpane .menu_body {width:100%;}

.menu_body li{
	position: relative;
	display:block;
	background:#f8f8f8;
	text-decoration:none;
	font-size:17px;
	text-align:left;
	height:50px !important;
	line-height:50px !important;
	z-index:9999;

}

.menu_body li:first-child {margin-top:1px;}
.menu_body li a {display:block; width:100%; height:50px; line-height:50px; padding-left:24px; box-sizing:border-box; color:#444 }
.menu_body li a span {display:none;}
#firstpane .menu_body li {border-bottom:1px solid #e9e9e9;}
#secondpane .menu_body li {border-bottom:1px solid #e9e9e9;}
#thirdpane .menu_body li {border-bottom:1px solid #e9e9e9;}

#firstpane .menu_body li:hover a, #firstpane .menu_body li:focus a{
  color: #fff; background:#444;
}
#secondpane .menu_body li:hover a, #secondpane .menu_body li:focus a{
  color: #fff; background:#388c8a;
}
#thirdpane .menu_body li:hover a, #thirdpane .menu_body li:focus a{
  color: #fff; background:#e64848;
}

/* 서브내용 */
#sub_layout_wrap {padding:0 0 60px 0; overflow:hidden;}
#sub_con_wrap {width:100%; overflow:hidden;  }
#sub_con {width:95%; margin:0 auto; position:relative; font-size:17px; line-height:28px; padding:50px 0 0 0; }
#sub_con h3 {display: none; text-align:center; line-height:100px; font-family:'Noto Sans KR'; font-weight:500; font-size:34px; color:#000000; /* background:url('../images/h3_bg.jpg') no-repeat center bottom;*/}
#sub_con h3 span {display: none;  font-family:'Noto Sans KR'; font-weight:500; text-transform:uppercase }
#sub_con h4 { font-family: 'HCRDotum'; font-weight:bold; font-size:26px; color:#222; text-align: left; background:url('../images/h4_bg.jpg') no-repeat left 2px; padding-left:34px; letter-spacing: -1px; word-break:keep-all;}
/* #sub_con h4 { font-family: 'SangSangShinb7'; font-weight:bold; line-height:34px; height:70px; font-size:45px; color:#333; text-align: left; background:url('../images/h4_bg.jpg') no-repeat left 12px; padding-left:42px; letter-spacing: 1.5px; word-break:keep-all;} */
#sub_con h4 span{font-family:'HD3GSB', 'Poppins','Noto Sans KR'; /*background:url('../images/h4_bg.png') repeat-x center center; */padding: 0 3px; font-weight:bold;}
#sub_con h5 {line-height:36px; height:36px; font-size:20px; color:#000;font-weight:normal; }


/* 사이트맵 */
.sitemap {width:100%; overflow:hidden; margin-top:20px}
.sitemap #copy2 {width:100%; overflow:hidden; margin:0 auto;}
.sitemap #copy2 > li {float: left; width:100%; overflow:hidden;  text-align:center; line-height:60px; margin-bottom: 45px; }
.sitemap #copy2 > li > a {display:block; width:100%; font-size:18px; font-family:'HCRDotum'; font-weight: bold; height:50px; line-height:46px; color: #fff; background:#353768; margin-bottom:0px; letter-spacing:-1px; border-radius:5px}
.sitemap #copy2 > li > ul { width:100%; overflow:hidden;}
.sitemap #copy2 > li > ul > li {float:left; display:block; width:100%; height:45px; line-height:45px; border-bottom:1px dotted #888;}
.sitemap #copy2 > li > ul > li > a {width:100%; font-size: 16px; font-family:'HCRDotum';  height:45px; line-height:45px; font-weight: normal; color: #434343; text-align:center;}
.sitemap #copy2 > li > ul > li > a:hover {color:#296730;}
.sitemap #copy2 > li > ul > li > a:first-child {padding-left:0;}

/* 이메일무단수집거부 */
.email {background:#fff url('../images/email.png') no-repeat center 70px; background-size:145px; text-align: center; margin:0 auto; margin-bottom:60px; font-size:17px; word-break:keep-all; border:1px solid #dadada; padding:30px; max-width:640px;}
.email .email_tit {padding-top:150px; font-size:24px; line-height:30px; font-weight:500; color:#353768; letter-spacing:-0.5px; word-break:keep-all;}
.email .email_tit span {display:inline-block; font-family:inherit}


/* 센터소개 */
.c_point1 {color:#0173bc;}
.c_point2 {color:#7ebc37;}
.c_point3 {color:#fc7902;}
.intro_tit {text-align:center; /* background:url('../images/intro_01_bg.png')no-repeat left bottom; background-size:contain; */ padding-bottom:30px;}
.intro_tit img {margin-top: 20px; width:100%; border: 5px solid #ff889c; margin-bottom: 10px;}

.intro_01_tit {/* font-family:'fromdamiM'; */ font-size:60px; line-height: 70px; font-family: 'Nanum Pen Script', cursive; background: url('../images/intro_01_tit_bg.png')no-repeat center top; padding-top: 18px;}
.intro_01_tit b {font-family: 'Nanum Pen Script', cursive; color:#ea4b51; font-weight: normal;}
.intro_01_tit2 {font-size: 39px; font-family: 'Nanum Pen Script', cursive; margin-top: 10px;}
.intro_tit span { font-family: 'Nanum Pen Script', cursive;  color:#ea4b51;}
.intro_01_stit {margin-top:24px; word-break: keep-all;  margin: 0 auto;}
.intro_01_stit span {font-size: 30px; letter-spacing: 1.5px; color:#e64848;}

.intro_txt {text-align:center;  border-radius: 30px; padding: 45px 25px; word-break: keep-all; border:1px solid #dedede;}
.intro_txt span {font-family:'fromdamiM'; font-size:20px; }
.intro_txt span.kanji {font-weight:normal; font-size:17px;}
.m_w100 img{width:100%;}

.round_list {margin-top: 30px;}
.round_list li {display: inline-block; vertical-align: top; position: relative; width: 240px; margin-top: 25px; }
.round_list li img {vertical-align: middle;}
.round_list li.list1 {}
.round_list li.list3 {}

.round_list li div{border: 1px solid #ff889c; border-radius: 20px; margin-top: 20px; padding: 0 0 10px; overflow: hidden;}
.round_list li .tit {font-size: 19px; color: #fff; font-weight: bold; padding-bottom: 10px; margin: 0 auto; background: #ff889c; padding-top: 10px;}
.round_list li.list2 div {border: 1px solid #16bfbc;}
.round_list li.list2 .tit {background: #16bfbc;}
.round_list li.list3 div {border: 1px solid #97d260;}
.round_list li.list3 .tit {background: #97d260;}



/* 연혁*/
/*
.table_history1 {width: 100%; border-collapse: collapse; text-align: center; font-size:17px; background:#fff; }
.table_history1 th { padding:10px; border-bottom:1px solid #ff7991; text-align:center; border-left:0; color: #ff3a5e;  vertical-align: middle; font-weight:bold; font-family:'NanumSquare'; line-height:24px; line-height:1.5rem; }
.table_history1 td { padding:10px 30px; text-align:left; font-size:15px;   border-bottom: 1px solid #dadada; border-right:0; vertical-align:middle;  text-align: left; line-height:24px; line-height:1.5rem; }
.table_history1 th.year {background:#ff3a5e; color:#fff; font-size: 20px; font-weight: bold; border-bottom:2px solid #ff3a5e;}
.table_history1 td.year_td {border-bottom:2px solid #ff3a5e;}

.table_history2 {width: 100%; border-collapse: collapse; text-align: center; font-size:17px; background:#fff; }
.table_history2 th { padding:10px; border-bottom:1px solid #6365a6; text-align:center; border-left:0; color: #3f4064; vertical-align: middle; font-weight:bold; font-family:'NanumSquare'; line-height:24px; line-height:1.5rem; }
.table_history2 td { padding:10px 30px; text-align:left; font-size:15px;   border-bottom: 1px solid #dadada; border-right:0; vertical-align:middle;  text-align: left; line-height:24px; line-height:1.5rem; }
.table_history2 th.year {background:#353768; color:#fff; font-size: 20px; font-weight: bold; border-bottom:2px solid #353768;}
.table_history2 td.year_td {border-bottom:2px solid #353768;}

.table_history3 {width: 100%; border-collapse: collapse; text-align: center; font-size:17px; background:#fff; }
.table_history3 th { padding:10px; border-bottom:1px solid #ffbb52; text-align:center; border-left:0; color: #f29b2a; vertical-align: middle; font-weight:bold; font-family:'NanumSquare'; line-height:24px; line-height:1.5rem; }
.table_history3 td { padding:10px 30px; text-align:left; font-size:15px;   border-bottom: 1px solid #dadada; border-right:0; vertical-align:middle;  text-align: left; line-height:24px; line-height:1.5rem; }
.table_history3 th.year {background:#ffbb52; color:#fff; font-size: 20px; font-weight: bold; border-bottom:2px solid #ffbb52;}
.table_history3 td.year_td {border-bottom:2px solid #ffbb52;}

.history_tabs {width:100%; overflow: hidden;  position: relative; margin: 0 auto;}
.history_tabs_in { width:100%;  overflow: hidden;}
.history_tabs_in li.ui-state-active { background: #3a62b4;  color: #fff;}
.history_tabs_in li { float: left;  text-align: center;  color: #ffffff;  width: 144px;  height: 40px;  line-height: 40px;  background: #ffffff;
    border: 1px solid #b2b3b9;  margin-left: 4px; margin-bottom: 4px;}
.history_tabs_in li:first-child { border-left:1px solid #b2b3b9; }
.history_tabs_in li a { display: block; width: 100%;  height: 40px;line-height: 40px;  text-align: center;  color: #333;  font-size: 18px;
    font-weight: normal;  letter-spacing: -0.2px;}
.history_tabs_in li.ui-state-active a { background: #3a62b4;  color: #fff;}
*/
/* 연혁 */
.intro_02_box_wrap {width:100%; overflow:hidden;}
.intro_02_box {border-radius:20px; line-height:24px; padding:20px; background:#f1f1f1; margin-top:20px; text-align:center; word-break:keep-all; box-sizing:border-box;}
.intro_02_box_tit {font-family:'yg-jalnan'; font-size:24px; height:50px; line-height:50px; color:#248cc7;}
.intro_02_box:first-child .intro_02_box_tit {color:#21bdbb;}

#history_tabs {width:100%; overflow:hidden; margin:10px auto 40px auto;}
#history_tabs ul.history_tab_title {overflow:hidden; width:100%;}
#history_tabs ul.history_tab_title li {float:left; width:24%; height:45px; line-height:45px; text-align:center; background:#f1f1f1; margin-right:1%; margin-bottom:5px; border-radius:0 12px 0 0; overflow:hidden;}
#history_tabs ul.history_tab_title li:nth-child(4n) {margin-right:0}
#history_tabs ul.history_tab_title li a {display:block; box-sizing:border-box; height:45px; line-height:45px; border:1px solid #dadada; font-size:16px; font-family:'NanumSquareB'; border-radius:0 12px 0 0; width:100%}
#history_tabs ul.history_tab_title li.ui-state-active a {background:#d0f295; color:#33482f; border:1px solid #d0f295;}

.hst_list_wrap {width:100%; overflow:hidden; margin-top:40px}
.hst_list {width:100%; overflow:hidden;  background:#fe879a; border-radius:0 0 0 20px}
.hst_year {float:left; width:25%; /*overflow:hidden;*/ font-family:'yg-jalnan'; font-weight:900; font-size:27px; color:#fff;  padding:20px 0; text-align:center; }
.hst_con_wrap {float:right; width:75%; overflow:hidden;}
.hst_con{width:95%; overflow:hidden;  padding:10px 0 15px 5%; background:#fff;}
.hst_con_wrap .hst_con:first-child {margin-top:0; }

.hst_con dl{overflow:hidden; }
.hst_con dd {position:relative; padding-left:13px; margin-top: 0px; text-align: left; overflow:hidden; font-size:16px; word-break:keep-all; line-height:22px; margin-top:6px }
.hst_con dd:first-child {margin-top: 0px;}
.hst_con dd:before {content:""; display:inline-block; width:3px; height:3px; background:#5d59a7; position:absolute; left:0; top:10px;  border-radius: 10px;}
.hst_con dd span {margin-right: 15px; display: none; width:122px; font-weight: bold; letter-spacing: 2px;}

.history_tabs_in #tabs-1 {width:100%; }




/* 오시는길 */
.table_con th.bus_bg {background:#fff2f1 url('../images/map_bus.png')no-repeat center 65%; vertical-align: top;}

/* 체험관 소개 */
.bd_box {border: 1px dashed #bbb; /*  2px dotted #ff4943;  */ padding: 20px; border-radius: 10px; overflow: hidden;}
.dot_list li { position: relative; padding-left: 15px; margin-top:6px; word-break:keep-all; }
.dot_list li:first-child {margin-top:0px; }
.dot_list li:before { position: absolute; background:#ff7b91; width:6px; height:6px; top:10px; left:0;  border-radius:10px; content:'';}
.dot_list li span {}

.exp_con {overflow: hidden;}
.exp_con .img img {width:100%;}
.exp_con .txt {float: right; width:100%; word-break:keep-all;}

/* .exp_01_2_wrap .exp_img {float: left;} */
.exp_01_2_wrap .exp_img img {width:100%;}
.exp_01_2_wrap .bd_box .dot_list {float: left; width:100%;}


/* 프로그램 이용안내 */

	.study_top {text-align:center; /* background:url('../images/study_top_bg.png')no-repeat center center ; background-size:contain; */ }
	.study_top_ttext				{ display:block; overflow:hidden; font-size:30px; line-height:120%; word-break:keep-all; }
	.study_top_stext				{ display:block; overflow:hidden; font-family:'fromdamiM';  font-size:60px; line-height:100%;  margin:10px 0 0 0; word-break:keep-all; }
	.study_top_stext .c_point3		{ font-family:'fromdamiM'; font-size:60px; }

	.study_dl						{ display:block; overflow:hidden; }
		.study_dt					{ display:block; overflow:hidden; width:100%; font-weight:bold; color:#ec4058; }
		.study_dd					{ display:block; overflow:hidden; width:100%; word-break:keep-all; }
		.study_dd span:last-child	{ margin:0; }

/* 프로그램 신청 */
.pro_app {text-align: center;}
.pro_app ul {}
.pro_app ul li {display: inline-block; background:#74c9c6; width:250px; height:250px; border-radius:200px; margin:10px; transition: all .3s; }
.pro_app ul li.icon2 {background:#fe879a;transition: all .3s; }
.pro_app ul li a {display: block; font-size:24px; width: 100%; padding-top: 177px; font-weight: bold;}
.pro_app ul li.icon1 a {background:url('../images/pro_app_icon1.png')no-repeat center 60%; }
.pro_app ul li.icon2 a {background:url('../images/pro_app_icon2.png')no-repeat center 60%; }
.pro_app ul li.icon1:hover {background:#c3e8df;}
.pro_app ul li.icon2:hover {background:#ffe0ed;}

.pro_atit {text-align: center; font-size: 23px; background:#353768; width: 237px; margin: -20px auto auto; border-radius: 35px; padding: 6px 10px 11px; color:#fff; font-weight: bold;}

.apply_from {display:block; margin-top:40px}
.article_title {/* font-family:'Makgeolli'; */ line-height:26px; height:26px; font-size:25px; color:#111; font-weight:normal; }
.article_title b { color:#53557f ; /* font-family:'Makgeolli'; */}
.article_title span  {color:#f25529; font-family:'Noto Sans KR'; font-weight:400; font-size:15px; margin-left:10px}

.apply_inner_wrap .article_title{margin-bottom:20px; font-size:25px; font-weight:bold; color:#21bdbb; }
.apply_inner_wrap .article_con{padding:20px; width:100%; height:240px; overflow-y: scroll; border:1px solid #bbbbbb; box-sizing: border-box; }
.apply_inner_wrap .article_con p{font-size:16px; display:block; color:#333333;}
.apply_inner_wrap .article_con .article_con_title{margin:20px 0 10px; font-weight:bold;}
.apply_inner_wrap .article_con ul{margin:12px 0;}
.apply_inner_wrap .article_con ul li{position: relative; padding-left:16px; box-sizing: border-box; font-size:16px; color:#333333;}
.apply_inner_wrap .article_con ul li::before{content:""; display:block; position: absolute; top:12px; left:0; width:6px; height:1px; background:#666666; }

.apply_point					{ display:inline-block; font-size:15px; font-weight:normal !important; color:#f25529; font-family:'NanumSquare','Nanum', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif !important; }

.table_apply					{ width:100%; border-top:1px solid #2e2e2e; font-size:16px; }

.table_apply tbody th			{ font-weight:normal; padding:10px; background:#f8f8f8; word-break:keep-all; border-bottom : 1px solid #000;}
.table_apply tbody th span		{ color:#f25529; margin:3px 0 0 0; }
.table_apply tbody td			{ font-weight:normal; padding:10px; vertical-align:middle;border-bottom : 1px solid #000; }
.table_apply td span			{ display:block; font-size:13px; color:#ca0000; }

.multi_session_total						{ display:inline-block }
.multi_session_list span.span_inline		{ display:inline-block !important; color:#000; font-size:16px; margin:5px 0 0 0; }

.table_apply ul.target_list { margin-bottom: 5px;}
.table_apply ul.target_list li{padding: 3px 5px;}
.table_apply ul.target_list li:not(:first-child){ /*border-top: 1px solid #000;*/ }
.table_apply ul.target_list li span{display: inline; font-size: inherit; color:inherit; }

.table_apply ul.multi_session_list li{padding: 5px 0;}
.table_apply ul.multi_session_list li{ border-bottom: 1px solid #000; }
.table_apply ul.multi_session_list li>div{ padding: 5px 0;}
.table_apply .multi_session_total{ display:inline-block; }
.table_apply .multi_session_total>span{ font-size: inherit; color: inherit; display: inherit;}


.table_apply td input[type="text"], .table_apply td input[type="password"], .table_apply td input[type="email"] {height:32px; height:2rem; line-height:32px; border: 1px solid #d9d9d9; padding-left:8px; margin-top:5px;  }
.table_apply td input[type="password"]{font-family: 'Gothic';}
.table_apply td input[type="radio"], .table_apply td input[type="checkbox"]{ vertical-align:middle; margin: 0 5px 0 10px;}
.table_apply td.no_result {padding: 15px 0 13px 0;text-align: center;}
.table_apply textarea {border: 1px solid #d9d9d9; padding: 8px; width:93%; }
.table_apply select {width:auto; border: 1px solid #b8b3a7; font-family:'Nanum'; font-size: 15px; vertical-align: middle; height:40px; height:2.5rem;}
.table_apply td input[type="number"] {width:72px;  border: 1px solid #b8b3a7;font-family:'Nanum';   font-size: 15px; vertical-align: middle;	text-align:center; height:30px;}
.table_apply td input[type="date"]{ padding:4px 2px;}
.table_apply td input.input_class{width: 72px;}
.table_apply tr td .btn_post { padding: 0 8px; height: 27px; line-height: 27px; border: 1px solid #c4c4c4; background: none; cursor: pointer;
font-size: 14px;transition: all 0.3s; background: #fff;}
.table_apply tr td .btn_post:hover{background:#444444; color:#ffffff;}

.sch_point {display: inline;}
.panel_vsch_target_list { margin-top:5px;}

.submit_wrap {margin-top: 40px;text-align: center;}
.apply_btn {  padding: 10px 40px; border-radius: 24px; background: #353768; font-size:17px; color:#ffffff; transition: all .3s;  cursor: pointer; border:0;  font-weight:bold;  }
a.apply_btn {  padding:10px 40px 9px 40px;  }
.apply_btn:hover{background:#444444; color:#ffffff;}

.read_bg  { background:#F0F0F0 !important; }
.reg_doc_wrap	{ display:inline-block; margin:3px 0;}
.input_time		{ width:67px; }
.sch_tb				{ width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; margin:20px 0 10px 0; }
.sch_tb thead th			{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#fffff5; }
.sch_tb tbody th			{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.sch_tb input				{ width:100%; max-width:60px; }
.visit_school_content			{ display:block; overflow-x:auto;  }

.visit_school_content{margin: 10px 0;}
.visit_school_content table {border: 1px solid #000; margin-top: 10px;}
.visit_school_content table input{width: 60px;}
.visit_school_content table td{text-align: center;}

.div_reg_docs {    display: inline-block; }
.class_ext {    background-color: #ff8a86 !important;}
.readonly, .disabled {    background: #f0f0f0;}

/* 소개 팝업 */
.chk_call_popup { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9991;}
.chk_call_bg   { display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9992; background:rgba(0,0,0,.5);}

.chk_call_exwrap { display:block; overflow:hidden; position:absolute; z-index:9993; width:100%; }
.chk_call_wrap { background:#fafafa; width: 96%; max-width:550px; margin: 0 auto; border-radius:20px; overflow:hidden;}
.v_m			{ top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.chk_call_tit_wrap {padding:30px 20px 20px 20px; background:#eae9d5;}
.chk_call_tit_wrap p {font-family:'yg-jalnan'; text-align:center;}
.chk_call_tit_wrap p.chk_call_tit {font-size:20px; color:#444; font-weight:bold;}
.chk_call_tit_wrap p.chk_call_btit {font-size:32px; color:#ff5a53; font-weight:bold;}

.chk_call_step {padding:10px 20px;}
.chk_call_step li {line-height:22px; font-family:'Noto Sans KR'; font-weight:300; margin-top:5px; word-break:keep-all;}
.chk_call_step li:first-child {height:40px; line-height:40px; margin-top:0}
.chk_call_step li:first-child span {display:inline-block; padding:0 10px;  height:30px; line-height:30px; text-align:center; font-family: 'yg-jalnan', sans-serif; color:#fff; border-radius:15px; background:#353768; font-weight:bold; }

.chk_call_num {padding:10px 20px; width:100%; box-sizing:border-box; overflow:hidden;}
.chk_call_num li {float:right; height:40px; line-height:40px; color:#ff5a53; font-family: 'yg-jalnan', sans-serif; font-size:26px; width:78%;}
.chk_call_num li a {color:#ff5a53 !important}
.chk_call_num li:first-child {float:left;  width:20%; font-family: 'yg-jalnan', sans-serif; color:#fff;  text-align:center; font-size:17px; background:#353768; font-weight:bold;}

.chk_call_btn {width:100%; height:50px; line-height:50px;}
.chk_call_btn li {float:left; width:50%; text-align:center;  background:#444; cursor:pointer;}
.chk_call_btn li:first-child{ background:#21bdbb;}
.chk_call_btn li a {display:block; width:100%; font-family: 'yg-jalnan', sans-serif; color:#fff; font-weight:bold; }

.chk_call_box_wrap {padding:20px 20px 0 20px;}
.chk_call_box {padding:20px; border:1px solid #dadada; background:#efefef; border-radius:10px; text-align:center; font-size:15px; word-break:keep-all; line-height:22px; font-family:'Noto Sans KR'; font-weight:300;}
.chk_call_box span {color:#dd0019;}
.chk_call_box_tit {font-family:'NanumSquareB'; max-width:310px; margin:0 auto; color:#19a4bb; font-size:20px; line-height:28px; word-break:keep-all; margin-bottom:10px; letter-spacing:-0.5px}

.reg_no_t {background: #f7f7f7; padding:10px 20px; font-size: 13px; margin-top: 10px; line-height: 22px;}

/* 신청확인 */
.cert_desc{position: relative; margin-bottom:8px; padding:0 8px 8px 16px; border-bottom:2px solid #49bdb9; color:#666666; box-sizing:border-box;;}
 .cert_desc::before{content:""; display:block; position:absolute; top:10px; left:0; width:8px; height:8px; background:#49bdb9;}

.cert_login_wrap{width:100%;}
.cert_login_wrap table{width:100%; border-top:1px solid #c4c4c4;}

/* pop_download.html */
h2.download_tit {color: #353768; font-family: 'yg-jalnan'; font-size: 29px; text-align: center;	margin-bottom: 10px;}
.table_download  {width: 95%; text-align: center; font-size:16px; background:#fff; border-top:2px solid #353768; margin:0 auto;}
.table_download th { padding:10px; text-align:center; color:#222; vertical-align: middle; font-weight:normal; line-height:24px; background: #f3f3f3; border:1px solid #dadada; }
.table_download td { text-align:center; color:#444; vertical-align:middle;  line-height:24px;  border:1px solid #dadada; padding:10px}

.save_btn {position: absolute; bottom:20px; left:calc(50% - 120px); }
.print_btn{ position: absolute; bottom: 20px; right:calc(50% - 120px); }


/* 이메일무단수집거부 */
.pro_comp {background:#fff url('../images/pro_comp.jpg') no-repeat center 70px; background-size:90px; text-align: center; margin:0 auto; margin-bottom:60px; font-size:17px; word-break:keep-all; border:1px solid #dadada; padding:30px; max-width:640px;}
.pro_comp .pro_comp_tit {padding-top:150px; font-size:24px; line-height:30px; font-weight:500; letter-spacing:-0.5px; word-break:keep-all;}
.pro_comp .pro_comp_tit span {display:inline-block; font-family:'NanumSquareB';  color:#353768;}


/* 청구서 */
.paper_wrap									{ display:block; overflow:hidden; margin:0 auto; width:21cm; height:29.7cm; border:1px solid #000; box-sizing:border-box; position:relative; }
	.paper_inner							{ display:block; overflow:hidden; margin:15px; }
		.bill_top_title						{ display:block; overflow:hidden; font-size:40px; text-align:Center; font-weight:600; padding:20px 0; }

		.bill_util_wrap						{ display:block; overflow:hidden; padding:20px 0; }
			.bill_date_wrap					{ display:block; overflow:hidden; width:50%; float:left; }
				.bill_date_core				{ display:block; overflow:hidden; margin:0 30px 0 0; }
					.bill_date_line			{ display:block; overflow:hidden; border-bottom:1px solid #000; text-align:left; text-align:right; padding:0 0 8px 0; margin:0 0 8px 0; }
					.bill_date_view			{ display:block; overflow:hidden; }
					.bill_date_view dl		{ display:block; overflow:hidden; border-bottom:1px solid #000; margin:0 0 6px 0; padding:0 0 6px 0; }
					.bill_date_view dt		{ display:block; float:left; width:66px; text-align:justify; }
					.bill_date_view dd		{ display:block;  }
					.bill_date_etc			{ display:block; margin:11px 0 0 0; }

			.bill_info_wrap					{ display:block; overflow:hidden; width:50%; float:right; }
				.bill_info_core				{ display:block; overflow:hidden; margin:0 0 0 30px; }
					.bill_info_tit			{ display:block; overflow:hidden; text-align:center; line-height:150%; margin:0 0 5px 0; }
					.bill_info_cont			{ display:block; overflow:hidden; }
						.bill_info_line		{ display:block; overflow:hidden; text-align:center; line-height:150%; margin:0 0 5px 0; }

		.bill_stamp							{ display:block; position:absolute; top:80px; right:0; z-index: -1; }

		.bill_write_wrap					{ display:block; overflow:hidden; margin:20px 0 0 0; }
			.bill_total_wrap				{ display:block; overflow:hidden; margin:0 0 20px 0; }
			.bill_tb						{ width:100%; border-top:2px solid #000; border-right:1px solid #ddd; font-size:15px; table-layout:fixed; }
			.bill_tb thead th				{ border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:#f3f8fd; padding:8px; }
			.bill_tb tbody td				{ border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px; text-align:center; }
			.bill_tb tfoot td				{ border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px; text-align:center; padding:70px 0 20px 0; font-weight:600; }
			.bill_input						{ display:inline-block; overflow:hidden; border:0; height:20px; line-height:20px; text-align:center; font-size:15px; }
			.bill_input1					{ width:100%; }
			.bill_input2					{ width:40px;  text-align:right; margin:0 2px 0 0; }
			.tr								{ text-align:right; }

		.bill_etc_wrap						{float: right; width: 70%; display:block; overflow:hidden; margin:10px 0 0 0; /* background:#f8f8f8; border:1px solid #ddd; */ box-sizing:border-box; }
			.bill_etc_core					{ display:block; overflow:hidden; margin:10px; text-align:left; line-height:150%; }


/* 체험관소개 - say매뉴얼1 */
.exp_01_2_wrap {overflow: hidden; position: relative;}
.say1_box {/*  background: url('../images/say1_tit_bg.png')no-repeat left top;  background-size:220px ;	 */ padding-top: 70px;}
.say1_box .tit {text-align: center; font-size: 38px;}
.say1_box .tit b {font-family: 'NanumSquareB';}
.say1_box .gray_box {background: #f7f7f7; padding: 20px 30px; word-break: keep-all; margin-top: 25px;}

#sub_con .exp_01_2_wrap .bd_box h4 {text-align: center; font-family: 'fromdamiM'; font-weight: normal; font-size: 50px; margin-bottom: 45px; background: none;}
.exp_img {text-align: center; margin-top: 30px;}
.exp_tit {background:url('../images/exp_01_tit_bg.jpg')no-repeat center;text-align: center; font-weight: bold; font-size: 26px; height: 140px; line-height: 133px; background-size: 320px;}
.exp_tit {font-size: 27px; height: 200px; width:200px; background:#fe879a; border: 2px dotted #ffcfd8; border-radius: 300px; padding-top: 60px; box-sizing: border-box; color: #fff; line-height: 30px; margin:0 auto;}


/* 교육서류발급안내 */
.pro_03_wrap {overflow: hidden;}
.pro_03_img {float: left; margin-right: 30px;}
.pro_03_txt {font-size: 35px; line-height: 45px; padding-top: 50px; letter-spacing: -0.5px; float: left;}
.pro_03_txt b {font-weight: bold; position: relative;}
.pro_03_txt b:before {position: absolute;background: #ffebf2; content: ''; left: 0;  top: 4px; width: 100%; height: 100%; z-index: -1;}
.pro_03_txt a {display: block; font-size: 18px; background: #fe879a;  color:#fff; text-align: center; width:200px; margin-top: 35px; padding: 0 20px;
border-radius: 30px; line-height: 55px; height: 60px;}

.pro_exp_img {display: none;}


/*---------------------------------------------------------------------------------------*/


/* 태블릿용 CSS */
@media all and (min-width:768px){



#sub_top_wrap {background-size:45%;}
/* 네비게이션 */
#sub_menu ul li #firstpane_menu_head span {display:inline-block;}
.menu_body li a span {display:inline-block;}


/* 사이트맵 */
.sitemap #copy2 > li {width:48%; margin-right:4%;}
.sitemap #copy2 > li:nth-child(2n){ margin-right:0; }

/* 소개 */
/* .intro_01_stit {width: 445px;} */
.round_list li {width:220px;}
.round_list li.list2 {margin-top: 0;}

/* 체험관소개 */
/* .exp_01_2_wrap .exp_img {width:37%;}
.exp_01_2_wrap .bd_box .dot_list {float: left; margin-left: 20px; width:60%;} */


/* 프로그램 이용안내 */
.study_dt					{ float:left; width:15%; }
.study_dd					{ float:left; width:75%; }

}




/* PC용 CSS */
@media all and (min-width:1024px){

/* 서브상단 */
#sub_top_wrap { height:230px; }
#sub_top_wrap .h2_msg {display:none; position:relative;width:1400px; font-size:20px; padding:0; top:55px; text-align:left; color:#030303; font-size:18px; line-height:25px; margin:0 auto;}
#sub_top_wrap h2 {display:none; width:1400px; margin:0 auto; padding:0; text-align:left; top:70px; line-height:75px; font-size:60px;  }

.sub_t1_img{background:#fff url('../images/sub_timg_bg1.png') no-repeat 80% bottom !important;}
.sub_t2_img{background:#fff url('../images/sub_timg_bg1.png') no-repeat 80% bottom !important;}
.sub_t3_img{background:#fff url('../images/sub_timg_bg1.png') no-repeat 80% bottom !important;}
.sub_t4_img{background:#ffF url('../images/sub_timg_bg1.png') no-repeat 80% bottom !important;}
.sub_t5_img{background:#ffF url('../images/sub_timg_bg1.png') no-repeat 80% bottom !important;}
.sub_t6_img{background:#ffF url('../images/sub_timg_bg1.png') no-repeat 80% bottom !important;}




/* 서브중간메뉴 */
.sub_menu_wrap { width:100%; margin: 0 auto; min-width:1400px; height:60px }
.sub_tabmenu_wrap {width:1400px; margin: 0 auto; min-width:1400px; }
.sub_tabmenu { width:1400px; }
.sub_tabmenu>li.sub_home {display:block; float:left; width:60px; height:60px; background:#2caaa6 url('../images/s_icon_home.png') no-repeat center center;}
#firstpane {width:290px; float:left;}
#secondpane {width:290px; float:left; border-right:1px solid #9ee3e1; }
#thirdpane {width:290px; float:left; border-top:0px solid #9ee3e1; border-right:1px solid #9ee3e1; }

#firstpane .menu_head {width:239px; padding:0 20px 0 30px; display:block;}
#secondpane .menu_head {width:239px; padding:0 20px 0 30px; display:block; border-right:1px solid #9ee3e1; }
#thirdpane .menu_head {width:239px; padding:0 20px 0 30px; display:block; border-right:1px solid #9ee3e1; }

.menu_head { border-radius:0px; }
.menu_body { width:290px; }
.menu_body li:first-child {border-radius:0;}
#secondpane .menu_body {width:290px;}
#thirdpane .menu_body{ width:290px; }


/* 서브내용 */
#sub_layout_wrap { padding:0;}
#sub_con_wrap {width:100%; overflow:hidden; }
#sub_con {width:1400px; margin:0 auto; position:relative; font-size:17px; line-height:28px; padding:80px 0;}
#sub_con h3 { line-height:150px; font-size:42px; }

/* 사이트맵 */
.sitemap #copy2 {width:100%; margin:0 auto}
.sitemap #copy2 > li {width:15.8%; margin-right:1%;}
.sitemap #copy2 > li:nth-child(2n){ margin-right:1%; }
.sitemap #copy2 > li:nth-child(5n){ margin-right:1%; }
.sitemap #copy2 > li:nth-child(6n){ margin-right:0%; }

/* 이메일무단수집거부 */
.email{ background-size:205px; text-align: center; margin:0 auto; margin-bottom:60px; padding-bottom:60px; max-width:1000px;  }
.email .email_tit{padding-top:200px; font-size:30px; line-height:30px;  word-break:keep-all;}
.email_msg {width:543px; margin:0 auto; overflow:hidden; font-size:19px}


/* 센터 소개 */
/* .intro_tit { background:url('../images/intro_01_bg.png')no-repeat left top; } */
.m_w100 img{width:auto;}
.round_list li { width:300px; margin-left: 30px;}
.round_list li.list1 {margin-left:0;}
.round_list li div {min-height: 160px;}
.round_list li.list2 .tit {margin-bottom: 27px;}
.round_list li.list3 .tit {margin-bottom: 17px;}


/* 연혁 */
.intro_02_box_wrap {margin:40px auto; max-width:1000px}
.intro_02_box {min-height:258px}
.intro_02_box_tit {font-size:28px; padding-top:120px; background:url('../images/intro_02_box_tit_bg2.png') no-repeat center 23px;}
.intro_02_box:first-child .intro_02_box_tit {background:url('../images/intro_02_box_tit_bg1.png') no-repeat center 23px;}
.intro_02_box_con {height:40px; line-height:40px;}

#history_tabs {width:100%; overflow:hidden; margin-bottom:40px;}
#history_tabs ul.history_tab_title {overflow:hidden;}
#history_tabs ul.history_tab_title li {float:left; width:196px; height:50px; line-height:50px; text-align:center; background:#f1f1f1; margin-right:4px; }
#history_tabs ul.history_tab_title li:nth-child(4n) {margin-right:4px}
#history_tabs ul.history_tab_title li:nth-child(6n) {margin-right:0}
#history_tabs ul.history_tab_title li a {height:50px; line-height:50px; font-size:18px; }

.history_wrap {margin-top:20px;}
.hst_list_wrap {width:1400px; margin:40px auto;}
.hst_year {float:left; width:230px }
.hst_con_wrap {float:right; width:1170px; overflow:hidden;}
.hst_con { min-height:297px}
/* .hst_con dd span { display: inline-block; } */

/* 찾아가는 성교육 */
.pro_app ul li.icon1 a {background:url('../images/pro_app_icon1.png')no-repeat center 60%;}
.pro_app ul li.icon2 a {background:url('../images/pro_app_icon2.png')no-repeat center 60%; }
.pro_app ul li { width:340px; height:340px; border-radius:200px;  }
.pro_app ul li a {padding-top: 230px;}

/* 체험관소개 */
.exp_01_con {overflow: hidden; float: left; width:46%; margin:0 20px;}
.exp_01_2_wrap .bd_box { min-height: 450px; }
.exp_01_2_wrap .exp_img img {width:auto;}
/*.exp_01_2_wrap .bd_box .dot_list.line3 {margin-top: 50px;} */

.exp_tit {font-size: 30px; height: 250px; position: absolute; width:250px; top:50%; margin-top: -117px; left:50% ;margin-left: -134px; padding-top: 75px;  line-height: 40px;}
.exp_01_2_wrap .pc_mt {margin-top: 300px;}
.exp_01_2_wrap.bb_h .bd_box {min-height: 650px;}
.exp_01_2_wrap.bb_h .exp_img img {width:100%;}


/* 이용안내 */
.pro_comp{ text-align: center; margin:0 auto; margin-bottom:60px; padding-bottom:60px; max-width:1000px;  }
.pro_comp .pro_comp_tit{padding-top:175px; font-size:30px; line-height:30px;  word-break:keep-all;}

.pro_exp_img_m {display: none;}
.pro_exp_img {display: block;}




}