@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:700');
/**** 메인 ****/
.sorry{text-align: center; overflow: hidden;}
.sorry p{display: inline-block; vertical-align: middle;}

.main_f{
	float:left;
	width:100%;
	height:780px;
	background-image: url(../img/main/main_f01.jpg);
	background-repeat: no-repeat;
	background-position: center top; margin-top:120px; position:relative
} 
.main_b{
	float:left;
	width:100%;
	height:200px;position:absolute; bottom:0px; background-color: rgba(255, 255, 255, 0.7);
} 
.main_b .contents_in ul { margin:40px 0px
}
.main_b .contents_in ul li{
	float:left;
	width:25%;
	height:374px;

    -webkit-transition: all 0.5s ease-out;

    -moz-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    -ms-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;
} 
.main_b .contents_in ul li .img{ margin:0px auto; text-align:center; width:120px; height:120px;  border-radius: 200px; text-align: center; overflow: hidden; margin-bottom:20px; box-sizing:border-box; padding-top:5px;  background-color:#b2b2b2;	float:left; margin-right:10px }


.main_b .contents_in ul li .title{
	float:left;
	width:calc(100% - 140px);; margin-bottom:10px; font-size:20px; color:#333; text-align:left
} 
.main_b .contents_in ul li .text{
	float:left;
	width:calc(100% - 140px); margin-bottom:5px; font-size:13px; color:#333; text-align:left
} 
.main_b .contents_in ul li:hover .img{
	margin:0px auto; text-align:center; width:120px; height:120px;   border-radius: 200px; background-color:#fe8f00;     -webkit-transition: all 0.5s ease-in;

    -moz-transition: all 0.5s ease-in;

    -o-transition: all 0.5s ease-in;

    -ms-transition: all 0.5s ease-in;

    transition: all 0.5s ease-in;; margin-bottom:20px; margin-right:10px }
	

.main_c{ overflow: hidden; width:100%; background: url('../img/main_banner_bg.jpg') top center no-repeat; position: relative; min-width: 1200px;} 
.main_c .contents_in{ margin: 100px auto 90px; height: 605px;} 
.main_c .contents_in .in01{	float:left;	width:705px; height:320px; margin: 0 35px 35px 0;} 
.main_c .contents_in .in02{	float:left;	width:460px; height:320px; margin: 0 0 35px 0;} 
.main_c .contents_in .in03{	float:left;	width:335px; height:250px; margin: 0 35px 0 0;} 
.main_c .contents_in .in05{	float:left;	width:335px; height:250px; margin: 0 35px 0 0;} 
.main_c .contents_in .in06{	float:left;	width:460px; height:250px; background: url('../img/notice_bg.png') no-repeat;} 
.main_c .contents_in .in06 .title {	width:50%; margin: 0 auto 20px; padding:15px; box-sizing:border-box; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; background-color:#ffa800; text-align: center;} 
.main_c .contents_in .in06 .title a { color: #fff; font-size: 22px; font-weight: 600;} 
.main_c .contents_in .in06 .list { padding-left:20px; box-sizing:border-box} 
.main_c .contents_in .in06 .list .lt li { width: 100%; margin-bottom:7px; font-size:14px;} 
.main_c .contents_in .in06 .list .lt li a { width: 300px;}



.main_d { width:100%; position: relative; min-width: 1200px;} 
.main_d .contents_in {	 } 
.main_d .contents_in .title { width:100%; margin: 0 0 30px; font-size: 40px; font-weight: 300; color: #13afd7; text-align: center; letter-spacing: -3px;} 
.main_d .contents_in .title div { width: 70px; margin: 0 auto; font-size: 20px; border-bottom: 1px solid #13afd7;}
.main_d .contents_in .title .intext{display: inline-block; vertical-align: middle; background-color:#fff; width:350px} 
.main_d .contents_in .title .intext .t01{ float:left; font-size:14px; color:#999999; text-align:center; width:100%} 
.main_d .contents_in .title .intext .t02{ float:left; font-size:40px; color:#333; text-align:center; width:100%; font-weight:200} 
.main_d .contents_in .title .intext .t02 em{  color:#ff6633; font-weight:500}
.main_d .contents_in .list{	float:left;	width:100%;} 
.main_d .contents_in .list.nolist {	min-height: 200px;} 
.main_d .contents_in .list.nolist li.amazon_scroller_nolist { float: none; display: block; margin: 0; padding: 40px 0; width: 1050px; font-size: 1.8em; color: #d5d5d5; text-align: center; background: url('../img/main/no_list_bg.gif') center no-repeat;}





/* Sub Content Style */

/* 공통 */
.cont_style {}
.cont_style .box .big_text { padding: 20px 0 50px; text-align: center; font-size: 32px; color: #555; font-weight: 300; letter-spacing: -1px;}
.cont_style .box .big_text b { font-weight: 600; color: #333;}
.cont_style .box .big_text p { margin: 10px 0 0; font-size: 20px; letter-spacing: 0; color: #777;}
.cont_style .box div.tit { margin: 0 0 50px; text-align: center; font-size: 36px; font-weight: 300; color: #333; letter-spacing: -2px;}
.cont_style .box div.tit p { margin: 0 auto; width: 150px; height: 15px; border-top: 4px solid #00ace2; font-size: 1px; line-height: 1px;}
.cont_style .box div.s_tit { margin: 0 0 20px; font-size: 20px; font-weight: 500; color: #333;}
.cont_style .box div.s_tit p { margin: 10px 0 0; font-size: 14px; font-weight: 400; color: #666;}
.cont_style .box h5 { margin: 0 0 20px; font-size: 22px; font-weight: 510; color: #444;}
.cont_style .box h5 i { display: block; width: 35px; height: 1px; border-top: 5px solid #00ace2; font-size: 1px; line-height: 1px;}
.cont_style .box h6 { font-size: 20px; font-weight: 510; color: #444;}
.cont_style .box h6 span { display: inline-block; margin: 0 8px 15px 0; color: #00ace2;}


/* 인사말 공통 */
.overview { overflow: hidden; margin: 0 0 50px;}

	/* 인사말 */
	.overview .box_1 { background: url('../img/company/greeting_1.jpg') bottom left no-repeat;}
	.overview .box_1 p { padding: 75px 0 130px 56%; font-size: 17px; line-height: 26px; text-align: justify;}
	.overview .box_1 p span { color: #ff6600;}
	.overview .box_1 p b { display: block; padding: 30px 0 0 0; color: #333; text-align: right; }
	.overview .box_1 p b img { margin: 0 0 0 15px; vertical-align: bottom;}	

	/* 소개 */
	.overview .box_2 { margin: 0 0 100px;}	
	.overview .box_2 ul { overflow: hidden;}
	.overview .box_2 li { float: left; margin: 0 60px 0 0; width: 310px; border: 25px solid #eaeaea;}
	.overview .box_2 li p { padding: 180px 20px 55px 20px; text-align: center; font-size: 15px; word-wrap: break-word;}
	.overview .box_2 li p b { display: block; margin: 0 0 10px; font-size: 20px; color: #333;}
	.overview .box_2 li p b span { color: #ff6600;}
	.overview .box_2 li:nth-child(1) { background: url('../img/company/greeting_2_1.jpg') center 30px no-repeat;}
	.overview .box_2 li:nth-child(2) { background: url('../img/company/greeting_2_2.jpg') center 30px no-repeat;}
	.overview .box_2 li:nth-child(3) { margin: 0 0; background: url('../img/company/greeting_2_3.jpg') center 30px no-repeat;}

	/* 로고타입 */
	.overview .box_3 .logo_img { overflow: hidden; margin: 0 0 30px;}
	.overview .box_3 .logo_img img { float: left;}
	.overview .box_3 .logo_img img:nth-child(2){ float: right;}
	.overview .box_3 .logo_color ul { overflow: hidden;}
	.overview .box_3 .logo_color li { float: left; margin: 0 0 10px; width: 12.5%; font-size: 13px; font-weight: 350;}
	.overview .box_3 .logo_color li span { display: inline-block; margin: 5px; width: 24px; height:24px; vertical-align: middle;}
	.overview .box_3 .logo_color .color1 { background-color: #a4cc38;}
	.overview .box_3 .logo_color .color2 { background-color: #2ea7c9;}
	.overview .box_3 .logo_color .color3 { background-color: #ec6ca7;}
	.overview .box_3 .logo_color .color4 { background-color: #f51f27;}
	.overview .box_3 .logo_color .color5 { background-color: #8bc23f;}
	.overview .box_3 .logo_color .color6 { background-color: #07babd;}
	.overview .box_3 .logo_color .color7 { background-color: #ed7690;}
	.overview .box_3 .logo_color .color8 { background-color: #828386;}
	.overview .box_3 .logo_color .color9 { background-color: #6ac39e;}
	.overview .box_3 .logo_color .color10 { background-color: #4193d0;}
	.overview .box_3 .logo_color .color11 { background-color: #e81c55;}
	.overview .box_3 .logo_color .color12 { background-color: #717375;}
	.overview .box_3 .logo_color .color13 { background-color: #fcbb17;}
	.overview .box_3 .logo_color .color14 { background-color: #faac21;}
	.overview .box_3 .logo_color .color15 { background-color: #87318e;}
	.overview .box_3 .logo_color .color16 { background-color: #333332;}


/* 연혁 */
.history_area { margin: 0 0 50px; }
	.history_area .company { height: 50px;}
	.history_area .company_his { margin: 0 auto; border-top : 2px solid black;height: 50px; width: 9%;font-size:25px;font-weight:bold;text-align:center;}

	.history_area .box_1 { overflow: hidden; width: 100%; margin: -20px 0 0; border: 1px solid white; background:url('../img/company/history_bg.jpg') center top no-repeat;}
	.history_area .box_1 .cricle { float: left; padding: 0 0 0 0; width: 290px;} 
	.history_area .box_1 .cricle.cricle1 { padding: 0 0 0 40px;}
	.history_area .box_1 .cricle .year { position: relative; margin: 40px 0 0;}
	.history_area .box_1 .cricle .year p { position: absolute; left: 0; top: 0; margin: 0; padding: 10px; font-weight: bold; color: #333; text-align: right; border-radius: 60px; background: #2461ad;}
	.history_area .box_1 .cricle .year p b { display: block; padding: 20px 22px 0 8px; width: 50px; height: 60px; background: #fff; border-radius: 60px;}
	.history_area .box_1 .cricle .year p span { display: block;}
	.history_area .box_1 .cricle .year div { margin-left: 47px; width: 6px; min-height: 150px; background:#2461ad;}
	.history_area .box_1 .cricle .year > b { position: absolute; bottom: 0; left: 40px; margin: 0 0 -5px; display:block; width: 20px; height: 20px; border-radius: 60px; background: #2461ad;}

	.history_area .box_1 .cricle.cricle1 .year div { height: 320px;}
	.history_area .box_1 .cricle.cricle2 .year div { height: 420px;}
	.history_area .box_1 .cricle.cricle3 .year div { height: 220px;}
	.history_area .box_1 .cricle.cricle4 .year div { height: 130px;}

	.history_area .box_1 .cricle ul { margin: 0 0 0 40px; list-style: none;}
	.history_area .box_1 .cricle li { padding: 20px 0 0 30px; letter-spacing: -0.05em; word-break: break-word; background:url('../img/company/history_line_bg.gif') 9px top repeat-y;}
	.history_area .box_1 .cricle li:last-child { background-repeat: no-repeat;}
	.history_area .box_1 .cricle li h5 { margin: 0 0 5px; font-size: 20px; color: #2263a2;}
	.history_area .box_1 .cricle li h5 b { display: inline-block; margin: 0 16px 2px -25px; width: 10px; height: 10px; border-radius: 10px; background: #2461ad;}
	.history_area .box_1 .cricle li span { display: block;}

	.history_area .box_1 .cricle.cricle2 li h5 { color: #1f96ce;}
	.history_area .box_1 .cricle.cricle3 li h5 { color: #21b8ce;}
	.history_area .box_1 .cricle.cricle4 li h5 { color: #48baa0;}

	.history_area .box_1 .cricle.cricle2 .year p,
	.history_area .box_1 .cricle.cricle2 .year > b,
	.history_area .box_1 .cricle.cricle2 .year div,
	.history_area .box_1 .cricle.cricle2 li h5 b { background: #1f96ce;}
	.history_area .box_1 .cricle.cricle3 .year p,
	.history_area .box_1 .cricle.cricle3 .year > b,
	.history_area .box_1 .cricle.cricle3 .year div,
	.history_area .box_1 .cricle.cricle3 li h5 b { background: #21b8ce;}
	.history_area .box_1 .cricle.cricle4 .year p,
	.history_area .box_1 .cricle.cricle4 .year > b,
	.history_area .box_1 .cricle.cricle4 .year div,
	.history_area .box_1 .cricle.cricle4 li h5 b { background: #48baa0;}



/* 전국체험지부 */
.map_area { overflow: hidden; margin: 0 0 50px;}

	.map_area .box_1 { overflow: hidden;}
	.map_area .box_1 img { float: left;}
	.map_area .box_1 ul { float: right; margin: -25px 0 0 0; width: 43%;}
	.map_area .box_1 li { padding: 15px 0; font-size: 15px; color: #666; font-weight: 350; border-bottom: 1px solid #ededed;}
	.map_area .box_1 li p { font-size: 20px; color: #444; font-weight: 500;}
	.map_area .box_1 li p span { display: inline-block; margin: 0 0 0 15px; font-size: 22px; color: #0098c4; font-weight: 300; letter-spacing: 1px;}


/* 찾아오시는 길 */
.road_map { overflow: hidden; margin: 0 0 50px;}

	.road_map .kakao_map { margin: 0 0 50px; height: 400px;}
	.road_map .box_1 { overflow: hidden; }
	.road_map .box_1 div { float: left; padding: 20px 0 0 120px; min-height: 130px;}
	.road_map .box_1 div p { margin: 0 0 20px; font-size: 20px; color: #0098c4; font-weight: 500;}
	.road_map .box_1 div b { display: block; margin: 20px 0 0;}
	.road_map .box_1 .bus { margin: 0 60px 0 0; width: 43%; border-right: 1px solid #ededed; background: url('../img/company/map_2_1.jpg') left top no-repeat;}
	.road_map .box_1 .bus ul { overflow: hidden; margin: 10px 0 0;}
	.road_map .box_1 .bus ul li { float: left; width: 18%; margin: 0 0 8px;}
	.road_map .box_1 .bus ul li span { display: inline-block; margin: 0 5px 0 0; border-radius: 20px; width: 18px; height: 18px; font-size: 1px; vertical-align: middle; background: #097c25;}
	.road_map .box_1 .bus ul li.red span { background: #ff0000;}
	.road_map .box_1 .bus ul li.yellow span { background: #ffcc00;}
	.road_map .box_1 .bus ul li.orange span { background: #f49800;}
	.road_map .box_1 .subway { background: url('../img/company/map_2_2.jpg') left top no-repeat;}
	.road_map .box_1 .car { background: url('../img/company/map_2_3.jpg') left top no-repeat;}

/* 파트너사 */
.partner { margin: 0 0 40px;}
	.partner #gall_allchk { margin: 0 0 10px; padding: 0 0 5px; border-bottom: 1px solid #ddd;}
	.partner #gall_allchk input { vertical-align: middle;}
	.partner #bo_gall #gall_ul { overflow: hidden; clear: both;}
	.partner .bo_fx {}



/* 직업체험관 소개 */
.board_job_experience { overflow: hidden; margin: 0 0 50px;}


/* 직업체험관 지도 */
.jobcenter_map { margin: 0 0 50px;}

	.jobcenter_map .box { overflow: hidden; margin: 0 0 60px; padding: 0 0 50px; border-bottom: 1px solid #ededed;}
	.jobcenter_map .box a { float: left;}
	.jobcenter_map .box ul { float: right; overflow: hidden; margin: 30px 0 0; width: 40%;}
	.jobcenter_map .box_1 ul { margin: 70px 0 0;}
	.jobcenter_map .box li:nth-child(1) { width: 100%;}
	.jobcenter_map .box li p { margin: 0 0 30px; font-size: 35px; font-weight: 600; color: #2fb500;}
	.jobcenter_map .box_2 li p { color: #0077bc;}
	.jobcenter_map .box_3 li p { color: #e57c00;}
	.jobcenter_map .box li { float: left; padding: 5px 0; width: 50%; font-size: 18px; color: #666; letter-spacing: -1.5px;}
	.jobcenter_map .box li span { display: inline-block; margin: 0 10px 0 0; padding: 0 2px 0 0; width: 28px; height: 30px; font-weight: 500; color: #fff; background: #222; border-radius: 30px; text-align: center;}
	.jobcenter_map .box li a { color: #666;}
	.jobcenter_map .box li a:hover { font-weight: 600; color: #222;}




/* 직업체험관 이용 및 요금 */
.use_fee { overflow: hidden; margin: 0 0 50px; font-size: 15px; font-weight: 400;}

	.use_fee .box_1 { margin: 0 0 50px; border: 15px solid #f3f3f3;}
	.use_fee .box_1 ul { overflow: hidden; padding: 30px 20px;}
	.use_fee .box_1 ul li { float: left; text-align: center; font-size: 18px; font-weight: 400; color: #888; line-height: 22px;}
	.use_fee .box_1 ul li:nth-child(1) { width: 46%; padding: 12px 0 12px 3%; border-right: 1px solid #ededed; background: url('../img/experience/use_1_1.jpg') left center no-repeat;}
	.use_fee .box_1 ul li:nth-child(2) { width: 47%; padding: 12px 3% 12px 0; background: url('../img/experience/use_1_2.jpg') right center no-repeat;}
	.use_fee .box_1 ul li p { margin: 0 0 15px; font-size: 22px; font-weight: 500; color: #444;}

	.process_1 { margin: 0 0 60px;}
	.process_1 ol { overflow: hidden; margin: 0 0 30px; border: 4px solid #e7e7e7;}
	.process_1 ol li { float: left; padding: 20px 0; width: 25%; text-align: center; font-size: 20px; font-weight: 350; letter-spacing: -1px; background: url('../img/experience/process_bullet.png') left center no-repeat;}
	.process_1 ol li:nth-child(1) { background: none;}
	.process_1 ol li p { margin: 0 auto 10px; padding: 5px 15px; width: 100px; font-weight: 350; color: #fff; border-radius: 30px; background: #00ace2;}
	.process_1 ul li { padding: 0 0 5px 10px; text-indent: -8px; font-size: 15px; font-weight: 400;}
	.process_1 ul li.tit { margin: 0 0 10px; font-size: 18px; font-weight: 350; color: #333;}
	.process_1 ul li span { color: #ff5400;}

	.use_fee .box_3 h5 i { border-color: #4488f8;}
	.use_fee .box_3 ol li p { background: #4488f8;}

	.use_fee .box_4 { margin: 0 0 60px;}
	.tb_style_1 table { border-collapse: collapse; border-spacing: 0; width: 100%; text-align: center; border-top: 5px solid #00ace2;}
	.tb_style_1 thead th { padding: 12px 0; font-size: 15.5px; font-weight: 420; color: #0097c6; border-left: 1px solid #d9d9d9; border-right: none; border-bottom: 1px solid #d9d9d9; background: #f8f8f8;}
	.tb_style_1 thead th:nth-child(1) { border-left: none;}
	.tb_style_1 tbody th { border-bottom: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; font-weight: 400; background: #f8f8f8;}
	.tb_style_1 tbody th:nth-child(1) { border-left: none;}
	.tb_style_1 tbody td:nth-child(1) { border-left: none;}
	.tb_style_1 tbody td { height: 45px; border-left: 1px solid #d9d9d9; border-right: none; border-bottom: 1px solid #d9d9d9;}
	.tb_style_1 tbody tr.time_sel_0 { background: #f8f8f8;}
	.tb_style_1 tbody tr.time_sel_0 td.table1_td2 { height: 30px;}
	.tb_style_1 tbody tr.time_sel_0 td.table1_td4 { height: 30px;}
	.tb_style_1 dl { margin: 25px 0 0;}
	.tb_style_1 dl dt { margin: 0 0 5px; font-size: 15px; font-weight: 500; color: #444;}
	.tb_style_1 dl dd { padding: 0 0 5px;}
	.tb_style_1 dl dd p { padding: 0 0 0 10px; text-indent: -8px;}

	.use_fee .box_5 { overflow: hidden; margin: 0 0 60px; border-bottom: 1px solid #999;}
	.use_fee .box_5 .fee_guide { float: left; margin: 0 7% 0 0; width: 40%;}
	.use_fee .box_5 .fee_cancel { float: left; margin: 0 0 60px; width: 53%;}
	.use_fee .box_5 .fee_cancel tbody td { /*height: 30px;*/}

	.use_fee .box_6 { margin: 0 0 60px;}

	.use_fee .box_7 li.footnote { font-size: 13px; color: #999;}



/* 개인예약 */
.reserve_area { overflow: hidden; clear: both; margin: 0 0 50px;}

	.reserve_area .notice_info { margin: 0 0 10px; color: #ff4633;}

	.reserve_area .box_1 { margin: 0 0 50px; padding: 50px 50px 50px 80px; text-align: center; border-radius: 20px; background: #f9f9f9;}
	.reserve_area .box_1 p span { font-size: 30px; color: #555; border-bottom: 2px solid #666;}
	.reserve_area .box_1 ul { margin: 30px 0 0; text-align: left; font-size: 16px;}
	.reserve_area .box_1 ul li { list-style-type: disc; padding: 0 0 7px;}
	.reserve_area .box_1 ul li b { font-weight: 450; color: #333;}
	.reserve_area .box_1 ul li span { color: #ff4633;}
	.reserve_area .sub0202_02 { clear: both; overflow: hidden;}
	.reserve_area .sub0202_03 { float: none; overflow: hidden; clear: both;}
	.reserve_area .sub0202_03 .btn { border-radius: 30px;}

	/* 절차 */
	.process_2 { margin: 0 0 60px;}
	.process_2 ol { overflow: hidden; margin: 0 0 30px; border: 4px solid #e7e7e7; border-radius: 20px;}
	.process_2 ol li.on { opacity: 1;}
	.process_2 ol li { float: left; opacity: 0.5; padding: 20px 0; width: 33.3%; text-align: center; font-size: 20px; font-weight: 350; letter-spacing: -1px; background: url('../img/experience/process_bullet.png') left center no-repeat;}
	.process_2 ol li:nth-child(1) { background: none;}
	.process_2 ol li.on p { background: #333;/*#ff46338*/;}
	.process_2 ol li p { margin: 0 auto 10px; padding: 2px 15px; width: 100px; font-weight: 350; color: #fff; border-radius: 30px; background: #919191;}
	.process_2 ol li img { display: block; margin: 0 auto; }
	/* 단체예약 절차 */
	.process_2 .process_2_2 li { position: relative; width: 43%;}
	.process_2 .process_2_2 li:nth-child(1) { margin: 0 0 0 8%;}
	.process_2 .process_2_2 li:nth-child(2) { padding-left: 10%; width: 38%;}
	.process_2 .process_2_2 li img { position: absolute; top: 10px; left: 0;}
	.process_2 .process_2_2 li:nth-child(2) img { top: 15px; left: 26%;}
	.process_2 .process_2_2 li p { display: inline-block; margin: 0 15px 0 0; padding: 10px 15px;}

	/* step_2 정보확인 */
	.reserve_area .box_2 { overflow: hidden; clear: both;}
	.reserve_area .box_2 .step4 { margin: 0 0 30px; border: 1px solid: #ededed;}
	.reserve_area .box_2 .step4 #inbox11 { background: url('../img/experience/order_bg.png') left center no-repeat;}
	.reserve_area .box_2 .inbox1 { padding: 40px 20px 40px; border: none;}
	.reserve_area .box_2 .inbox1 h4 { display: none; width: auto; color: #333; background: none;}
	.reserve_area .box_2 .inbox32 { margin: 0 0 30px; padding: 30px 30px 0; border: 1px solid #666;}
	.reserve_area .box_2 .inbox32 .tb_04 { border-top: 3px solid #00ace2; border-bottom: 2px solid #333;}
	.reserve_area .box_2 .inbox32 .tb_04 tbody th span { color: #3366ff;}
	.reserve_area .box_2 .inbox32 .btn_change {  font-size:14px; border-radius: 30px;}
	.reserve_area .box_2 .inbox32 .order_form_select span { font-size:14px; line-height:1.7em; margin-top:10px;}
	.reserve_area .box_2 .inbox32 .order_form_select span b { color: red;}
	.reserve_area .box_2 .step4 .btn { border-radius: 30px; background-color: #00ace2;}
	.reserve_area .box_2 .t_center { padding: 20px 0 10px; color: #444; font-size:1.1em; letter-spacing:1px; line-height:1.5em;}
	.reserve_area .box_2 .tbl_frm01 { border-top: 3px solid #00ace2;}
	.reserve_area .box_2 p.contact { padding: 10px 0; font-size: 18px; text-align: center; color: #e63b00;}	
	
	/* step_3결제 */
	.reserve_area .box_3 { overflow: hidden; clear: both;}
	.reserve_area .box_3 .mt_10 th, 
	.reserve_area .box_3 .mt_10 td { border-left: 1px solid #ddd;}
	.reserve_area .box_3 .mt_10 th:nth-child(1),
	.reserve_area .box_3 .mt_10 td:nth-child(1) { border-left: none;}	
	.reserve_area .box_3 .mt_10 tfoot td { color: #fff; border-left: 1px solid #efefef; background-color: #00ace2;}
	.reserve_area .box_3 .sod_bsk_cnt { background-color: #444;}
	.reserve_area .box_3 #sod_fin_cancel button { padding: 10px 15px; border-radius: 30px; background-color: #666;}	
	/* 선택한 체험 확인 */
	.reserve_area .box_3 .inbox3 { padding: 15px 30px 0; border: 2px solid #00ace2; background-color: #fff;}
	.reserve_area .box_3 .inbox3 .title_t2 { padding: 5px 0px; font-size:16px; color:#000; margin:5px 0px 10px 0px;;}
	.reserve_area .box_3 .inbox3 .tb_04 thead th { letter-spacing: 5px; border-top: 2px solid #444; border-right: none;}
	.reserve_area .box_3 .inbox3 .tb_04 tbody th span { color: #3366ff;}

	

/* 단체예약 */
.reserve_area2 {}
	.reserve_area2 .box_1 li { list-style-position: inside;}
	.reserve_area2 .box_1 li.tit { list-style: none;}
	.reserve_area2 .box_2 { margin: 0 0 50px; padding: 25px 50px; border: 15px solid #f1f1f1;}
	.reserve_area2 .box_2 ul { margin: 0 0 0 20px;}
	.reserve_area2 .box_2 li { list-style: disc; padding: 7px 0; font-size: 16px;}
	.reserve_area2 .box_2 li b { display: inline-block; width: 80px;}
	.reserve_area2 .box_2 li em { font-size: 14px; color: #999;}
	.reserve_area2 .box_3 { overflow: hidden; clear: both; margin: 0 0 50px; vertical-align: top;}
	.reserve_area2 .box_3 p { margin: 0 0 10px; font-size: 22px; font-weight: 600; color: #333; border-bottom: 2px solid #3f3f3f;}
	.reserve_area2 .box_3 li { float: left; position: relative; padding: 30px 0 30px 12%; width: 37%; min-height:100px; font-size: 18px; line-height: 20px;}
	.reserve_area2 .box_3 li:nth-child(1) strong { background: #00ace2;}
	.reserve_area2 .box_3 li strong { position: absolute; top: 0; left: 0; display: block; margin: 20px 0; padding: 35px 0; width: 110px; text-align: center; color: #fff; border-radius: 100px; background: #427df5; }
	.reserve_area2 .box_3 li em { display: block; font-size: 14px; color: #427df5;}
	.reserve_area2 .sub0202_03 .check2 { margin: 0 0 30px; padding: 50px; border: 5px solid #555;}
	/* 신청서 */
	table.application { width: 100%;}
	table.application th { height: 45px; text-align: left; font-weight: normal; color: #333;}
	table.application th strong { color: red;}
	table.application th .agree { display: inline-block; float: right;}
	table.application td { padding: 3px 15px;}
	table.application td textarea { width: 100%; height:95px; margin: 10px 0 20px; padding: 5px 0 0 10px; border:1px solid #a9a9a9}
	table.application td div { float:left; margin-right:20px; min-width: 170px;}
	table.application td div .radio_caption { font-size: 13px; line-height: 12px; color: #888;}
	table.application td input[type="text"] { width: 300px;}
	table.application td input#set_party_hp1,
	table.application td input#set_party_hp2,
	table.application td input#set_party_hp3 { width: 90px;}
	table.application td input#set_party_meal_etc { width: 200px !important;}



/* 예약조회 */
section.inquiry { overflow: hidden; clear: both;}
	section.inquiry .sch_selectbox { margin: 0 0 7px; width: 150px; border: 1px solid #ddd;}
	section.inquiry .tbl_head01 thead th { border-top: 3px solid #00ace2; background: #f9f9f9;}
	section.inquiry .tbl_head01 tbody td .btn_st1 { padding: 3px 10px; font-size: 12px; color: #fff; border-radius: 30px; border: none; background: #ffb432;}


/* 제휴 및 할인 */
.alliance { margin: 0 0 50px;}
	.alliance .box_1 { overflow: hidden; border: 20px solid #e8e8e8; border-radius: 40px; background: url('../img/experience/dot_line_v.gif') center repeat-y;}
	.alliance .box_1 ul li { float: left; width: 49.8%; padding: 30px 0 40px; text-align: center; font-size: 25px; font-weight: 310; color: #555;}
	.alliance .box_1 ul li img { display: block; margin: 0 auto 5px;}
	.alliance .box_1 ul li p { margin: 10px auto; padding: 10px 0; width: 70%; font-size: 18px; color: #fff; border-radius: 30px; background: #6a6a6a;}


/* 편의시설 */
.amenities { margin: 0 0 50px;}
	.amenities .box_1 { margin: 0 0 80px;}
	.amenities .box_1 ul { margin: 0 0 30px;}
	.amenities .box_1 ul li { position: relative; padding: 40px 0 30px 35%; min-height: 230px; border-bottom: 1px dotted #ddd;}
	.amenities .box_1 ul li img { position: absolute; left: 0; top: 40px; border-radius: 30px;}
	.amenities .box_1 ul li p { padding: 50px 0 0; font-size: 20px; font-weight: 350; color: #777;}
	.amenities .box_1 ul li p b { display: block; font-size: 32px; font-weight: normal; color: #222;}
	.amenities .box_1 ul li p span { display: block; padding: 15px 0 0; font-weight: 500; color: #ff6c00;}
	.amenities .box_1 section { font-size: 18px; font-weight: 350; color: #777;}
	.amenities .box_1 section span { color: #ff6c00;}
	.amenities .box_1 section b { font-weight: normal; color: #ff4242;}

	.amenities .box_2 ul { clear: both; overflow: hidden; margin: 20px 0 30px; border-top: 4px solid #00ace2;}
	.amenities .box_2 ul li { position: relative; float: left; width: 50%; min-height: 280px;}
	.amenities .box_2 ul li img { position: absolute; left: 0; top: 40px; border: 5px solid #ececec;}
	.amenities .box_2 ul li p { padding: 100px 0 0 45%; font-size: 16px; font-weight: 350; color: #777; line-height: 22px;}
	.amenities .box_2 ul li p b { display: block; margin: 0 0 15px; font-size: 28px; font-weight: normal; color: #222;}
	.amenities .box_2 ul li p span { display: block; margin: 0 0 15px; color: #222;}


/* 찾아가는 > 진로직업체험 */
.course_info { margin: 0 0 60px;}
	.course_info div { position: relative; height: 60px; letter-spacing: -0.01em;}
	.course_info div p { font-size: 30px; color: #777;}
	.course_info div p em { font-weight: bold; color: #333;}
	.course_info div span { position: absolute; padding: 15px 30px 10px; width: 300px; display: block; right: 0; bottom: 0; border-top-left-radius: 25px; border-top-right-radius: 25px; background: #e7e7e7;}
	.course_info div span { font-size: 18px; color: #575757; text-align: center; line-height: 30px; vertical-align: middle;}
	.course_info div span em { font-size: 20px; font-weight: bold; color: #333;}
	.course_info ol { overflow: hidden; padding: 35px 0; border: 3px solid #e7e7e7; border-radius: 20px; border-top-right-radius: 0; box-shadow: 0 5px 5px rgba(66,66,66,0.05);}
	.course_info ol li { float: left; padding: 0 0 0 15px; width: 25%; font-size: 18px; text-align: center; line-height: 22px; box-sizing: border-box; background: url('../img/experience/process_bullet.png') left center no-repeat;}
	.course_info ol li:first-child { padding: 0 0 0 0; background: none;}
	.course_info ol li p { margin: 0 auto 10px; padding: 16px 0; width: 56px; font-size: 30px; font-weight: bold; color: #fff; background: #00ace2; border-radius: 30px;}

/* 찾아가는 > 직업인강연 */
.worker_area { margin: 0 0 100px;}
	.worker_area .course_info ol li p { background: #7d93c7;}
	.worker_area .btn_go { margin: 0 0 40px; text-align: center;}
	.worker_area .btn_go a { display: inline-block; padding: 0 20px; font-size: 16px; font-weight: bold; line-height: 13px; border-left: 1px solid #666;}
	.worker_area .btn_go a:first-child { border-left: none;}

	.worker_area .box {}	
	.worker_area .box div { margin: 0 0 25px; padding: 20px 0 20px 55%; min-height: 230px; border-radius: 20px; box-shadow: 0 5px 5px rgba(0,0,0,0.1);}
	.worker_area .box div:nth-child(1) { background: url('../img/worker/job_01.jpg') left center no-repeat; background-color: #fafafa;}
	.worker_area .box div:nth-child(2) { background: url('../img/worker/job_02.jpg') left center no-repeat; background-color: #fafafa;}
	.worker_area .box div:nth-child(3) { background: url('../img/worker/job_03.jpg') left center no-repeat; background-color: #fafafa;}
	.worker_area .box div:nth-child(4) { background: url('../img/worker/job_04.jpg') left center no-repeat; background-color: #fafafa;}
	.worker_area .box div:nth-child(5) { background: url('../img/worker/job_05.jpg') left center no-repeat; background-color: #fafafa;}
	.worker_area .box div:nth-child(6) { background: url('../img/worker/job_06.jpg') left center no-repeat; background-color: #fafafa;}
	.worker_area .box div:nth-child(7) { background: url('../img/worker/job_07.jpg') left center no-repeat; background-color: #fafafa;}
	.worker_area .box div ul { overflow: hidden; width: 100%; clear: both;}
	.worker_area .box div li { margin: 0 0 0 22px; padding: 0 0 5px; list-style: disc; font-size: 18px; color: #555;}
	.worker_area .box div li.tit { margin: 0 0 15px 0; padding: 10px 0; width: 100% !important; list-style: none;}
	.worker_area .box div li.tit span { display: inline-block; padding: 5px 25px; font-size: 20px; color: #fff; background: #444; border-radius: 7px;}
	.worker_area .box div:nth-child(2) li,
	.worker_area .box div:nth-child(4) li,
	.worker_area .box div:nth-child(5) li { float: left; width: 45%;}

/* 찾아가는 > 이용 및 요금 */
.worker_box { margin: 0 0 100px;}
	.worker_box .big_tit { margin: 0 0 15px; font-size: 23px; font-weight: bold; color: #00ace2; letter-spacing: -0.05em;}
	.worker_box .big_tit i { display: block; width: 35px; height: 1px; border-top: 5px solid #00ace2; font-size: 1px; line-height: 1px;}
	.worker_box .big_tit em { display: inline-block; margin: 0 0 0 10px; padding: 0 0 0 10px; font-size: 17px; color: #777; font-weight: normal; border-left: 1px solid #999;}
	.worker_box .box_1 { margin: 0 0 50px; padding: 25px 50px; border: 15px solid #f1f1f1;}
	.worker_box .box_1 ul { margin: 0 0 0 20px;}
	.worker_box .box_1 li { list-style: disc; padding: 7px 0; font-size: 16px;}
	.worker_box .box_1 li b { display: inline-block; width: 80px;}
	.worker_box .box_1 li em { font-size: 14px; color: #999;}

	/* 찾아가는 > 이용 및 요금 - 예약 절차 */
	.worker_box .box h5 { margin: 0 0 5px; font-size: 18px;}
	.worker_box .process_1 ol li { padding: 25px 0 10px; line-height: 17px; height: 85px;}
	.worker_box .process_1 ol li p { padding: 10px 0; width: 80px; font-size: 15px;}
	.worker_box .process_1 ol li em { font-size: 13px; line-height: 13px;}
	.worker_box .process_1 ul { margin-top: -30px; padding: 30px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background: #f5f5f5;}
	.worker_box .process_1 ul li.tit { font-weight: bold;}
	.worker_box .process_1 ul li.tit em { color: #ff4e00;}
	.worker_box .time_fee table { margin: 0 0 10px; width: 100%; border-top: 2px solid #666; border-bottom: 2px solid #666;}
	.worker_box .time_fee thead th { padding: 7px 0; font-size: 15px; color: #444; line-height: 15px;}
	.worker_box .time_fee thead th em { display: block; font-size: 12px; font-weight: normal;}
	.worker_box .time_fee tbody th { position: relative; padding: 20px 20px 20px 100px; width: 40%; height: 65px; font-weight: normal; text-align: left; border-top: 1px dashed #ddd;}
	.worker_box .time_fee tbody th p { position: absolute; left: 15px; padding: 20px 0; width: 60px; color: #fff; text-align: center; background: #ed9f31; border-radius: 30px;}
	.worker_box .time_fee tbody tr:nth-child(2) th p { background: #ed6f31;}
	.worker_box .time_fee tbody th b { display: block;}
	.worker_box .time_fee tbody td { width: 30%; text-align: center; border-top: 1px dashed #ddd; border-left: 1px dashed #ddd;}

	.worker_box .compulsory { margin: -30px 0 50px; padding: 30px; background: #f5f5f5; border-radius: 30px;}
	.worker_box .compulsory p { margin: 0 0 10px; font-size: 16px; font-weight: bold; text-decoration: underline;}	
	/* 찾아가는 > 이용 및 요금 - 직업인강연 */
	.worker_box2 .big_tit { color: #6986c9;}
	.worker_box2 .big_tit i { border-top: 5px solid #6986c9;}
	.worker_box2 .process_1 ol li p { background: #6986c9;}
	.worker_box2 .time_fee tbody th { border-top: none;}
	.worker_box2 .time_fee tbody th p { top: 22px;}
	.worker_box2 .time_fee tbody th:nth-child(1) p { background: #edcc31;}
	
	
/* 찾아가는 진로체험 직업인강연 - 단체예약 신청서 */
.group_booking {}
	.group_booking h2 { text-align: center;}
	.group_booking .tbl_wrap { margin: 0 0 30px; padding: 50px; border: 5px solid #555;}
	.group_booking .tbl_wrap table.application tr:nth-child(1) td .radio_list { display: inline-block; margin: 0 20px 0 0; font-size: 14px; color: #444;}
	.group_booking .tbl_wrap table.application th,
	.group_booking .tbl_wrap table.application td { padding: 7px 0; height: inherit; border: none;}
	.group_booking .tbl_wrap table.application th { width: 160px; background: none;}
	.group_booking .tbl_wrap table.application td { font-size: 12px; color: #888;}
	.group_booking .tbl_wrap table.application td textarea { background: #fff;}
	.group_booking .tbl_wrap table.application td input[type="text"] {width: 300px;}
	.group_booking .tbl_wrap table.application .phone td input[type="text"] {width: 84px;}
	.group_booking .tbl_wrap table.application th em { float: left; display: block; padding: 0 0 0 14px; width: 75%; font-size: 13px; color: #888;}
	.group_booking .tbl_wrap table.application th p.agree { width: 15%; text-align: right;}
	.group_booking .btn_submit { width: 150px; height: 50px; font-size: 20px; border-radius: 30px;}

/* 찾아가는 진로체험 직업인강연 - 단체예약 조회 */
.inquiry_list {}
	.inquiry_list thead th:first-child { width: 50px !important;}
	.inquiry_list tbody td.id_name { width: 100px;}
	.inquiry_list tbody td.program { width: 100px;}
	.inquiry_list tbody td.party { width: 100px;}
	.inquiry_list tbody td.phone { width: 110px;}
	.inquiry_list tbody td.name { width: 80px;}
	.inquiry_list tbody td.subject { width: 250px;}
	.inquiry_list tbody td.subject a { overflow: hidden; display: block;  width: 230px; text-overflow: ellipsis; white-space: nowrap;}

	table.inquiry_view { width: 100%; border-collapse: collapse;}
	table.inquiry_view { margin: 0 0 15px; width: 100%; border-collapse: collapse; /*border-top: 3px solid #555; border-bottom: 3px solid #555;*/ border: 15px solid #dce5e7;}
	table.inquiry_view th { padding: 8px 15px 8px 20px; width: 100px; text-align: left; font-size: 13px; color: #444; vertical-align: top; border-bottom: 1px solid #dce5e7; background: #f3f6f7;}
	table.inquiry_view td { overflow: hidden; clear: both; padding: 8px 20px; width: 420px; color: #444; border-bottom: 1px solid #dce5e7;}
	table.inquiry_view td span.bo_v_file_cnt { color: #666; font-weight: 600;}
	table.inquiry_view td em { float: right;}
	table.inquiry_view td em span { margin: 0 0 0 15px; color: #999;}
	table.inquiry_view td div { display: inline-block; padding: 1px 10px; border-radius: 5px; border-width: 2px; }
	table.inquiry_view td pre { overflow: hidden; min-height: 100px; font-size: 14px; white-space: pre-wrap; font-family: 'Noto Sans Korean', 'Noto Sans KR', "NanumBarunGothic", "dotum", "sans-serif";}
	table.inquiry_view.style_2 { border: 15px solid #eee;}
	table.inquiry_view.style_2 th { background: #f7f7f7;}


/* 진로캠프 */
.camp_area { margin: 0 0 100px;}
	.camp_area .course_info ol li p { background: #2ed5db;}
	.camp_area .box_1 { overflow: hidden; clear: both;}
	.camp_area .box_1 div { float: left; overflow: hidden; padding: 0 0 15px; width: 555px; height: 550px; border-bottom: 1px dashed #ddd;}
	.camp_area .box_1 div p { padding: 300px 0 20px 0; color: #777;}
	.camp_area .box_1 div p b { display: block; margin: 0 0 10px; font-size: 20px; color: #333;}
	.camp_area .box_1 div ul li { padding: 2px 0; font-size: 17px; color: #444;}
	.camp_area .box_1 div ul li span { display: inline-block; margin: 0 10px 0 0; padding: 2px 15px; font-size: 15px; color: #fff; background: #70d2d6; border-radius: 30px;}
	.camp_area .box_1 div.camp_box_1 { padding: 0 40px 0 0; border-right: 1px dashed #ddd;}
	.camp_area .box_1 div.camp_box_2 { padding: 0 0 0 39px;}
	.camp_area .box_1 div.camp_box_3 { padding: 40px 40px 0 0; border-right: 1px dashed #ddd;}
	.camp_area .box_1 div.camp_box_4 { padding: 40px 0 0 39px; }
	.camp_area .box_1 div.camp_box_1 p { background: url('../img/worker/camp_1.jpg') left top no-repeat;}
	.camp_area .box_1 div.camp_box_2 p { background: url('../img/worker/camp_2.jpg') left top no-repeat;}
	.camp_area .box_1 div.camp_box_3 p { background: url('../img/worker/camp_3.jpg') left top no-repeat;}
	.camp_area .box_1 div.camp_box_4 p { background: url('../img/worker/camp_4.jpg') left top no-repeat;}
	.camp_area .text { padding: 10px 0;}

/* 진로박람회 */
.camp_fair { margin: 0 0 100px;}
	.camp_fair .course_info ol li p { background: #f99bb9;}
	.camp_fair .course_info ol li:nth-child(1) { width: 22%;}
	.camp_fair .course_info ol li:nth-child(2) { width: 28%;}
	.camp_fair p.tit { padding: 30px 0 15px; font-size: 20px; font-weight: 550; color: #333;}
	/* 소개 */
	.camp_fair .box_1 { padding: 40px 10px; border: 25px solid #f5f5f5;}
	.camp_fair .box_1 ul { overflow: hidden; clear: both;}
	.camp_fair .box_1 li { float: left; width: 33%; text-align: center; border-left: 1px dashed #ddd;}
	.camp_fair .box_1 li p { padding: 150px 0 10px; font-size: 18px; font-weight: 500; color: #333;}
	.camp_fair .box_1 li:first-child { border-left: none;}
	.camp_fair .box_1 li:nth-child(1) p { background: url('../img/worker/fair_icon_1.jpg') center top no-repeat;}
	.camp_fair .box_1 li:nth-child(2) p { background: url('../img/worker/fair_icon_2.jpg') center top no-repeat;}
	.camp_fair .box_1 li:nth-child(3) p { background: url('../img/worker/fair_icon_3.jpg') center top no-repeat;}
	/* 일정&프로그램 */
	.camp_fair .box_2 { overflow: hidden; clear: both; margin: 30px 0 30px;}
	.camp_fair .box_2 .schedule { float: left; width: 555px;}
	.camp_fair .box_2 .schedule table { border-collapse: collapse; width: 100%; border-top: 3px solid #ddd;}
	.camp_fair .box_2 .schedule thead th { height: 39px; border-bottom: 1px solid #ddd; background: #eee;}
	.camp_fair .box_2 .schedule tbody th { width: 170px; text-align: left; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
	.camp_fair .box_2 .schedule tbody th span { display: inline-block; margin: 0 10px 0 20px; width: 20px; color: #fff; text-align: center; background: #555; border-radius: 20px;}
	.camp_fair .box_2 .schedule tbody td { padding: 8px 10px; border-bottom: 1px solid #ddd;}
	.camp_fair .box_2 .program { float: right; width: 555px;}
	.camp_fair .box_2 .program div { padding: 40px 45px; border-radius: 30px; background: #f5f5f5;}
	.camp_fair .box_2 .program div li { padding: 10px 0;border-bottom: 1px solid #fff;}
	.camp_fair .box_2 .program div li span { display: inline-block; margin: 0 20px 0 0; width: 155px; font-weight: bold; border-right: 1px solid #b5b5b5;}
	.camp_fair .box_2 .program div li:last-child { padding: 15px 0; color: #ff6000; text-align: center; background: #fff;}

/* 진로캠프&박람회 이용 및 요금 */
	.worker_box.camp .big_tit { color: #00bdc4;}
    .worker_box.camp .big_tit i { border-top: 5px solid #00bdc4;}
	.worker_box.camp .process_1 ol li p { background: #70d2d6;}
	.worker_box.camp .time_fee tbody th { border-top: none;}
	.worker_box.camp .time_fee tbody th p { top: 25px;}
	.worker_box.camp .time_fee tbody td { width: 70%; font-size: 18px; color: #ff8400; vertical-align: middle; border-top: none;}
	.worker_box.fair .big_tit { color: #f578a0;}
    .worker_box.fair .big_tit i { border-top: 5px solid #f578a0;}
	.worker_box.fair .process_1 ol li p { background: #f99bb9;}
	/*
	.worker_box.fair .time_fee tbody th:nth-child(1) p { background: #ffa27d;}		
	.worker_box.fair .time_fee tbody th:nth-child(2) p { background: #ffa79b;}*/

	/* 진행사진 */
	.camp_fair .box_3 { position: relative; height: 620px;}
	.camp_fair .box_3 img.girl { position: absolute; top: 55px;}
	.camp_fair .box_3 div { padding: 40px 0 0; text-align: right;}
	.camp_fair .box_3 div img { border: 10px solid #eee; border-radius: 20px;}

/* AI 코딩 */
.ai_area { margin: 0 0 100px;}

	/* AI 프로그램 소개 */
	.ai_area .course_info ol li p { background: #ffbf50;}
	.ai_area .course_info div span { width: 237px;}
	.ai_area .course_info div span.blog { right: 302px; background: #ffbf50;}
	.ai_area .course_info div span.blog em { font-size: 24px; color: #fff;}
	.ai_area .course_info div span em { font-size: 30px; font-weight: bold; color: #333;}
	.ai_area .box_1 { overflow: hidden; clear: both;}
	.ai_area .box_1 > div { position: relative; float: left; padding: 40px 45px 0 0; width: 599px; height: 245px; box-sizing: border-box; border-bottom: 1px dashed #ddd;}
	.ai_area .box_1 > div:nth-child(1),
	.ai_area .box_1 > div:nth-child(2) { padding-top: 0 !important; height: 205px !important;}
	.ai_area .box_1 > div:nth-child(2),
	.ai_area .box_1 > div:nth-child(4),
	.ai_area .box_1 > div:nth-child(6) { padding: 40px 0 0 45px; width: 600px; border-left: 1px dashed #ddd;}
	.ai_area .box_1 > div img { float: right; border-radius: 10px;}
	.ai_area .box_1 > div ul { float: left;  width: 289px; height: 165px;}
	.ai_area .box_1 > div ul li.tit { margin: 0 0 30px; padding: 5px 0 6px 20px; font-size: 18px; font-weight: 500; color: #333; background: url('../img/ai/school_bullet.png') bottom left no-repeat;}
	.ai_area .box_1 > div ul li { font-size: 15px; color: #666; padding: 3px 0;}


	/* AI 교육&체험 */
	.ai_exp { margin: 0 0 100px;}
	.ai_exp .color_blue { color: #00ace2 !important;}
	.ai_exp .box_1 { display: table; margin: 0 0 80px; padding: 25px; width: 100%; border: 25px solid #eaeaea; box-sizing: border-box;}
	.ai_exp .box_1 div { display: table-cell; height: 100px; text-align: center; font-size: 18px; vertical-align: middle; }
	.ai_exp .box_1 div a { display: inline-block; padding: 8px 25px; font-size: 24px; font-weight: 700; color: #fff; border-radius: 15px; background: #ffa70e;}
	.ai_exp .box_1 div.call { border-left: 1px solid #eaeaea;}
	.ai_exp .box_1 div.call b { display: inline-block; margin: 0 0 0 15px; font: bold 35px "Tahoma"; color: #555; vertical-align: sub;}

	.ai_exp .box_2 ul { overflow: hidden;}
	.ai_exp .box_2 li { float: left; margin: 0 60px 0 0; width: 350px; height: 385px; border: 5px solid #c5c5c5;}
	.ai_exp .box_2 li p { padding: 45px; text-align: left; font-size: 16px; line-height: 1.3em;}
	.ai_exp .box_2 li p b { display: block; margin: 0 0 10px; font-size: 24px; color: #ffa800;}
	.ai_exp .box_2 li:nth-child(1) { background: url('../img/ai/training_1_bg_01.jpg') center no-repeat;}
	.ai_exp .box_2 li:nth-child(2) { background: url('../img/ai/training_1_bg_02.jpg') center no-repeat;}
	.ai_exp .box_2 li:nth-child(3) { margin-right: 0; background: url('../img/ai/training_1_bg_03.jpg') center no-repeat;}

	.ai_exp .box_3 {  padding: 120px 0 0; height: 820px; background: url('../img/ai/training_2_bg.jpg') center top no-repeat;}
	.ai_exp .box_3 .big_text { font-size: 24px;}
	.ai_exp .box_3 .big_text b { color: #555;}




/* 범죄경력조회동의 */
.offender_area { margin: 0 0 50px;}
	.offender_area .box_list { overflow: hidden; clear: both; padding : 40px 0; border-top: 1px solid #ededed;}
	.offender_area .box_list img { float: left; border: 5px solid #333;}
	.offender_area .box_list dl { float: right; margin: 20px 0 0; width: 40%;}
	.offender_area .box_list dl dt { padding: 0 0 10px; font-size: 20px; font-weight: 500; color: #444; text-indent: -23px;}
	.offender_area .box_list dl dd { margin: 0 0 30px;}
	.offender_area .box_list dl dd a { color: #666;}
	.offender_area .box_list dl dd a button { padding: 3px 10px; color: #666; border: 1px solid #666; border-radius: 30px; background: #fff;}
	.offender_area .box_list table { border-collapse: collapse; border-spacing: 0; margin: 0 0 20px; width: 300px; }
	.offender_area .box_list table th { padding: 5px 10px; text-align: right; border: 1px solid #666; background: #eaeaea; }
	.offender_area .box_list table td { text-align: center; border: 1px solid #666;}
	.offender_area .box_list table caption { padding: 0 0 10px; text-align: left:}


/* 강사모집 */
.recruit_area { margin: 0 0 40px;}
	.recruit_area .box_1 { overflow: hidden; clear: both; margin: 0 0 50px; padding: 40px 0 30px; border: 15px solid #f1f1f1; background: url('../img/etc/recruit_icon.jpg') bottom right no-repeat;}
	.recruit_area .box_1 ul { float: left; width: 43%; padding: 0 0 0 6%;}
	.recruit_area .box_1 ul:nth-child(1) { border-right: 1px solid #ededed;}
	.recruit_area .box_1 ul li { min-height: 40px; font-size: 16px; font-weight: 350;}
	.recruit_area .box_1 ul li p { margin: -23px 0 0 90px}
	.recruit_area .box_1 ul:nth-child(2) li:first-child p { margin: -23px 0 15px 90px}
	section.recruit_form { overflow: hidden; margin: 0 0 150px;}
	section.recruit_form h2 { font-size: 25px; font-weight: 510; color: #444; text-align: center;}
	section.recruit_form .tbl_frm01 { overflow: hidden; margin: 10px 0 30px; padding: 50px; border: 5px solid #555;}
	section.recruit_form .tbl_frm01 th { padding: 0; font-size: 16px; font-weight: 400; color: #333; border: none; background: none;}
	section.recruit_form .tbl_frm01 td { clear: both; padding: 0 0 5px; color: #999; border: none; background: none;}
	section.recruit_form .tbl_frm01 td.style_1 input { padding: 10px 20px; width: 250px; font-size: 18px; border-radius: 5px; border: 1px solid #d8d8d8; background: #f2f2f2;}
	section.recruit_form .tbl_frm01 td.agree { padding: 15px 0 0; color: #333;}
	section.recruit_form .tbl_frm01 td.agree span { float: right; display: inline-block; padding: 0 0 0 15px;}
	section.recruit_form .tbl_frm01 td.photo { text-align: center; background: #f2f2f2;}
	section.recruit_form .tbl_frm01 td.photo .frm_file_view { float: none; margin: 0 auto 10px; border: none; background: #fff; background-size: contain; background-repeat: no-repeat; background-position: center;}
	section.recruit_form .tbl_frm01 td.photo .frm_file { margin: 0 auto; width: 70%; background: #fff;}
	section.recruit_form .tbl_frm01 td.photo p { color: #444;}
	section.recruit_form .tbl_frm01 td.wr_9 { padding: 25px 0 10px;}
	section.recruit_form .btn_confirm input { padding: 10px 30px; min-width: 70px; height: auto; font-size: 20px; color: #fff; border-radius: 50px; border: 1px solid #333; background: #333;}
	section.recruit_form .btn_confirm a { display: inline-block; min-width: 70px; padding: 10px 30px; height: auto; font-size: 20px; color: #999; border-radius: 50px; border: 1px solid #ededed; background: #efefef;}

/* 이벤트 */
	/* 이벤트 > 글쓰기 */
	#bo_w #container_title { margin: 0 0 10px; font-size: 1.1em; font-weight: normal;}
	#bo_w #container_title span { display: inline-block; padding: 0 10px;}


/* 1:1문의 */
.qa_area {}
	.qa_area .mypage_info1 { margin: 0 0 20px; overflow: hidden; clear: both; padding: 30px 0 0;}
	.qa_area .mypage_info1 .fl { width: 25%;}
	.qa_area .mypage_info1 .fl div { margin: 0 0 0 100px; padding: 30px 0; width: 130px; font-size: 100px; font-weight: bold; color: #333; text-align: center; line-height: 70px;; border-radius: 100px; border: 10px solid #ffcc8b;}
	.qa_area .mypage_info1 .fr { float: right; padding: 5px 0 0; width: 75%; font-size: 16px; font-weight: 350; color: #666; line-height: 22px;}
	.qa_area .mypage_info1 .fr em { display: block; margin: 0 0 20px; font-size: 30px; line-height: 30px; font-weight: 500; color: #333;}
	#bo_sch .btn_submit { height: 32px; border-radius: 0;}















/**** 서브예약하기 ****/
.sub0202_01{	float:left;	width:100%; margin-bottom:10px; margin-top:-45px} 

@media only all and (min-width:760px) {
.sub0202_01{	float:left;	width:100%; margin-bottom:10px;margin-top:-45px } 
}

/**** 모바일공통 ****/
@media only all and (max-width:759px) {
.sub0202_01{	float:left;	width:100%; margin-bottom:30px; padding:0px 15px; box-sizing:border-box} 
.sub0202_01 img{	width:80%; } 
}


@media only all and (min-width:760px) {

.sub0202_02 .step2_box {float:left; width:17%; border:1px solid #e7e7e7; height:570px; margin-bottom:50px } 
.sub0202_02 .step2_box .title{	float:left;	width:100%; height:50px; background-color:#ff4633; box-sizing:border-box ;  border-left:1px solid #e7e7e7;  border-right:1px solid #e7e7e7;} 
.sub0202_02 .step2_box .title .left{float:left;	 font-size:16px; color:#fff; padding-left:20px; height:50px; line-height:50px} 
.sub0202_02 .step2_box .title .left em{ font-size:22px; color:#fff} 
.sub0202_02 .step2_box .title .right{float:right;	 font-size:12px; color:#fff; padding-right:20px; height:50px; line-height:50px} 

.sub0202_02 .step2_box .ininbox{ padding:20px; box-sizing:border-box; width:100%;   float:left;} 
.sub0202_02 .step2_box .result{ border-top:1px solid #ccc; font-size:12px; box-sizing:border-box; color:#666; margin:20px auto 0px auto; width:85%} 
.sub0202_02 .step2_box .result em{   font-size:15px; color:#000} 

.sub0202_02 .step2_box .check3{ box-sizing:border-box; width:100%; float:left; margin-top:20px;} 
.sub0202_02 .step2_box .check3 .btn{ box-sizing:border-box; width:80%; text-align:center; color:#333; display:block; float:left;  margin-left:10%; margin-top:20px;} 
.sub0202_02 .step2_box .check3 .btn a{ padding:10px 0px 10px 0px; border:1px solid #ccc;  box-sizing:border-box; margin-left:-1px; width:100%;  text-align:center; color:#333; display:block; float:left} 
.sub0202_02 .step2_box .check3 .btn a.on{
	border:1px solid #ff4633;
	box-sizing:border-box;
	margin-left:-1px;
	width:100%;
	text-align:center;
	color:#fff;
	display:block;
	position:relative;
	z-index:9;
	 background-color:#ff9933;

} 


}

/**** 모바일공통 ****/
@media only all and (max-width:759px) {

.sub0202_02 .step2_box{	float:left;	width:100%; border:1px solid #e7e7e7;  margin-bottom:10px } 
.sub0202_02 .step2_box .title{	float:left;	width:100%; height:50px; background-color:#ff4633; box-sizing:border-box } 
.sub0202_02 .step2_box .title .left{float:left;	 font-size:16px; color:#fff; padding-left:20px; height:50px; line-height:50px} 
.sub0202_02 .step2_box .title .left em{ font-size:22px; color:#fff} 
.sub0202_02 .step2_box .title .right{float:right;	 font-size:12px; color:#fff; padding-right:20px; height:50px; line-height:50px} 

.sub0202_02 .step2_box .ininbox{ padding:20px; box-sizing:border-box; width:100%;   float:left;} 
.sub0202_02 .step2_box .result{ border-top:1px solid #ccc; font-size:13px; box-sizing:border-box; color:#666; margin:20px auto 0px auto; width:92%} 
.sub0202_02 .step2_box .result em{   font-size:15px; color:#000} 

.sub0202_02 .step2_box .check3{ box-sizing:border-box; width:100%; float:left; margin-top:20px; padding-bottom:20px;} 
.sub0202_02 .step2_box .check3 .btn{ box-sizing:border-box; width:80%; text-align:center; color:#333; display:block; float:left;  margin-left:10%; margin-top:20px;} 
.sub0202_02 .step2_box .check3 .btn a{ padding:10px 0px 10px 0px; border:1px solid #ccc;  box-sizing:border-box; margin-left:-1px; width:100%;  text-align:center; color:#333; display:block; float:left} 
.sub0202_02 .step2_box .check3 .btn a.on{
	border:1px solid #ff4633;
	box-sizing:border-box;
	margin-left:-1px;
	width:100%;
	text-align:center;
	color:#fff;
	display:block;
	position:relative;
	z-index:9;
	 background-color:#ff9933;

} 





}






@media only all and (min-width:760px) {
.sub0202_02 .step1_box{	float:left;	width:30%; border:1px solid #e7e7e7; height:570px; margin-bottom:50px } 
.sub0202_02 .step1_box .title{	float:left;	width:100%; height:50px; background-color:#00ace2; box-sizing:border-box } 
.sub0202_02 .step1_box .title .left{float:left;	 font-size:16px; color:#fff; padding-left:20px; height:50px; line-height:50px} 
.sub0202_02 .step1_box .title .left em{ font-size:22px; color:#fff} 
.sub0202_02 .step1_box .title .right{float:right;	 font-size:12px; color:#fff; padding-right:20px; height:50px; line-height:50px} 

.sub0202_02 .step1_box .ininbox{ padding:10px; box-sizing:border-box; width:100%;   float:left;} 
.sub0202_02 .step1_box .result{font-size:13px; box-sizing:border-box; color:#666; margin:20px auto 0px auto; width:92%; margin-top:20px; display:inline-block; margin-left:10px;} 
.sub0202_02 .step1_box .result em{   font-size:15px; color:#000} 
}

/**** 모바일공통 ****/
@media only all and (max-width:759px) {
.sub0202_02 .step1_box{	float:left;	width:100%; border:1px solid #e7e7e7;  margin-bottom:10px } 
.sub0202_02 .step1_box .title{	float:left;	width:100%; height:50px; background-color:#00ace2; box-sizing:border-box } 
.sub0202_02 .step1_box .title .left{float:left;	 font-size:16px; color:#fff; padding-left:20px; height:50px; line-height:50px} 
.sub0202_02 .step1_box .title .left em{ font-size:22px; color:#fff} 
.sub0202_02 .step1_box .title .right{float:right;	 font-size:12px; color:#fff; padding-right:20px; height:50px; line-height:50px} 

.sub0202_02 .step1_box .ininbox{ padding:20px; box-sizing:border-box; width:100%;   float:left;} 
.sub0202_02 .step1_box .result{ border-top:1px solid #ccc; font-size:13px; box-sizing:border-box; color:#666; margin:20px auto 0px auto; width:92%} 
.sub0202_02 .step1_box .result em{   font-size:15px; color:#000} 
}





@media only all and (min-width:760px) {


.sub0202_02 .step0_box{	float:left; display: table; height:540px ; text-align:center } 
.sub0202_02 .step0_box span{display: table-cell;  vertical-align: middle;}


.sub0202_02 .step3_box{	float:left;	width:30%; border:1px solid #e7e7e7; height:570px; margin-bottom:50px } 
.sub0202_02 .step3_box .title{	float:left;	width:100%; height:50px; background-color:#00ace2; box-sizing:border-box } 
.sub0202_02 .step3_box .title .left{float:left;	 font-size:16px; color:#fff; padding-left:20px; height:50px; line-height:50px} 
.sub0202_02 .step3_box .title .left em{ font-size:22px; color:#fff} 
.sub0202_02 .step3_box .title .right{float:right;	 font-size:12px; color:#fff; padding-right:20px; height:50px; line-height:50px} 
.sub0202_02 .step3_box .ininbox{ padding:20px; box-sizing:border-box; width:100%;   float:left; } 
.sub0202_02 .step3_box .result{ /* border-top:1px solid #ccc; margin:20px auto 0px auto; */ font-size:13px; box-sizing:border-box; color:#666;  width:100%} 
.sub0202_02 .step3_box .result em{   font-size:15px; color:#000} 

.sub0202_02 .step3_box .ininbox .check1{ box-sizing:border-box; width:100%; float:left; padding:20px ; color: #999; border-bottom:1px solid #ccc; text-align:center; font-size:16px; } 
.sub0202_02 .step3_box .ininbox .check2{ box-sizing:border-box; width:100%; float:left; padding:5px ; border-bottom:1px solid #ccc; } 
.sub0202_02 .step3_box .ininbox .check2 .left{ font-size:15px; color:#333; float:left; line-height:30px} 
.sub0202_02 .step3_box .ininbox .check2 .right{float:right;	  } 
.sub0202_02 .step3_box .ininbox .check2 .right .uncheck_m{float:left;	  width:30px; height:30px; text-align:center; line-height:25px; box-sizing:border-box; border:1px solid #ccc; color:#333} 
.sub0202_02 .step3_box .ininbox .check2 .right input{float:left;	  width:60px; height:30px; text-align:center; line-height:30px; box-sizing:border-box; border-top:1px solid #ccc;  border-left:none;  border-right:none; background-color:#f7f7f7; border-bottom:1px solid #ccc;} 




.uncheck{} 
.uncheck_m2{float:left;	  width:30px; height:30px; text-align:center; line-height:25px; box-sizing:border-box; border:1px solid #ccc; color:#333} 
input.uncheck_m2{float:left;	  width:60px; height:30px; text-align:center; line-height:30px; box-sizing:border-box; border-top:1px solid #ccc;  border-left:none;  border-right:none; background-color:#f7f7f7; border-bottom:1px solid #ccc;} 
.cal_on {background-color:#00a4d8; color:#fff } 

.sub0202_02 .step3_box .ininbox .check3{ box-sizing:border-box; width:100%;   float:left; padding:10px 5PX ; border-bottom:1px solid #ccc; text-align:right; font-size:16px; color:#333; background-color:#F7F7F7} 
}

/**** 모바일공통 ****/
@media only all and (max-width:759px) {


.sub0202_02 .step0_box{	float:left;	width:100%; display: table; text-align:center;  margin-bottom:10px } 
.sub0202_02 .step0_box span{display: table-cell;  vertical-align: middle; width:100%;}
.sub0202_02 .step0_box span img { margin-left:45%;}


.sub0202_02 .step3_box{	float:left;	width:100%; border:1px solid #e7e7e7;margin-bottom:10px; padding-bottom:20px } 
.sub0202_02 .step3_box .title{	float:left;	width:100%; height:50px; background-color:#00ace2; box-sizing:border-box } 
.sub0202_02 .step3_box .title .left{float:left;	 font-size:16px; color:#fff; padding-left:20px; height:50px; line-height:50px} 
.sub0202_02 .step3_box .title .left em{ font-size:22px; color:#fff} 
.sub0202_02 .step3_box .title .right{float:right;	 font-size:12px; color:#fff; padding-right:20px; height:50px; line-height:50px} 
.sub0202_02 .step3_box .ininbox{ padding:20px; box-sizing:border-box; width:100%;   float:left; } 
.sub0202_02 .step3_box .result{ font-size:13px; box-sizing:border-box; color:#666; margin:20px auto 0px auto; width:85%} 
.sub0202_02 .step3_box .result em{   font-size:15px; color:#000} 

.sub0202_02 .step3_box .ininbox .check1{ box-sizing:border-box; width:100%;   float:left; padding:20px ; color:#666; border-bottom:1px solid #ccc; text-align:center; font-size:16px; background-color: #fff;} 
.sub0202_02 .step3_box .ininbox .check2{ box-sizing:border-box; width:100%;   float:left; padding:5px ; border-bottom:1px solid #ccc;} 
.sub0202_02 .step3_box .ininbox .check2:last-child { margin-bottom: 5%;}

.sub0202_02 .step3_box .ininbox .check2 .left{ font-size: 1.2em; line-height: 1.22em; color:#333; float:left;} 
.sub0202_02 .step3_box .ininbox .check2 .right{float:right;	  } 
.sub0202_02 .step3_box .ininbox .check2 .right .uncheck_m{float:left; width:30px; height:30px; text-align:center; line-height:25px; box-sizing:border-box; border:1px solid #ccc; color:#333} 
.sub0202_02 .step3_box .ininbox .check2 .right input{float:left;	  width:60px; height:30px; text-align:center; line-height:30px; box-sizing:border-box; border-top:1px solid #ccc;  border-left:none;  border-right:none; background-color:#f7f7f7; border-bottom:1px solid #ccc;} 


.uncheck{} 
.uncheck_m2{float:left;	  width:30px; height:30px; text-align:center; line-height:25px; box-sizing:border-box; border:1px solid #ccc; color:#333} 
input.uncheck_m2{float:left;	  width:60px; height:30px; text-align:center; line-height:30px; box-sizing:border-box; border-top:1px solid #ccc;  border-left:none;  border-right:none; background-color:#f7f7f7; border-bottom:1px solid #ccc;} 
.cal_on {background-color:#00ace2; color:#fff } 

.sub0202_02 .step3_box .ininbox .check3{ box-sizing:border-box; width:100%;   float:left; padding:10px 5PX ; border-bottom:1px solid #ccc; text-align:right; font-size:16px; color:#333; background-color:#F7F7F7} 
}




@media only all and (min-width:760px) {
.sub0202_02 .step4_box{	float:left;	width:30%; border:1px solid #e7e7e7; height:570px; margin-bottom:50px; position:relative } 
.sub0202_02 .step4_box .title{	float:left;	width:100%; height:50px; background-color:#00ace2; box-sizing:border-box } 
.sub0202_02 .step4_box .title .left{float:left;	 font-size:16px; color:#fff; padding-left:20px; height:50px; line-height:50px} 
.sub0202_02 .step4_box .title .left em{ font-size:22px; color:#fff} 
.sub0202_02 .step4_box .title .right{float:right;	 font-size:12px; color:#fff; padding-right:20px; height:50px; line-height:50px} 
.sub0202_02 .step4_box .ininbox{ padding:0px 20px; box-sizing:border-box; width:100%;   float:left;} 
.sub0202_02 .step4_box .result{ border-top:1px solid #ccc; font-size:13px; box-sizing:border-box; color:#666; margin:20px auto 0px auto; width:85%} 
.sub0202_02 .step4_box .result em { font-size:15px; color:#000} 

.sub0202_02 .step4_box .ininbox .check1{ box-sizing:border-box; width:100%;   float:left; padding:20px ; color: #999; border-bottom:1px solid #ccc; text-align:center; font-size:16px;} 
.sub0202_02 .step4_box .ininbox .check2{ box-sizing:border-box; width:100%;   float:left;  height:351PX; overflow-y: scroll; margin-top:10px  } 
.sub0202_02 .step4_box .ininbox .check2 ul li{ width:100%; border-bottom:1px solid #ccc; padding:10px 0px; font-size:14px; } 

}
/**** 모바일공통 ****/
@media only all and (max-width:759px) {
.sub0202_02 .step4_box{	float:left;	width:100%; border:1px solid #e7e7e7;  margin-bottom:50px; position:relative ; height:560px} 
.sub0202_02 .step4_box .title{	float:left;	width:100%; height:50px; background-color:#00ace2; box-sizing:border-box } 
.sub0202_02 .step4_box .title .left{float:left;	 font-size:16px; color:#fff; padding-left:20px; height:50px; line-height:50px} 
.sub0202_02 .step4_box .title .left em{ font-size:22px; color:#fff} 
.sub0202_02 .step4_box .title .right{float:right;	 font-size:12px; color:#fff; padding-right:20px; height:50px; line-height:50px} 
.sub0202_02 .step4_box .ininbox{ padding:20px; box-sizing:border-box; width:100%;   float:left;} 
.sub0202_02 .step4_box .result{ border-top:1px solid #ccc; font-size:13px; box-sizing:border-box; color:#666; margin:20px auto 0px auto; width:85%} 
.sub0202_02 .step4_box .result em{   font-size:15px; color:#000} 

.sub0202_02 .step4_box .ininbox .check1{ box-sizing:border-box; width:100%;  float:left; padding:20px ; color:#666; border-bottom:1px solid #ccc; text-align:center; font-size:16px; background-color: #fff;} 
.sub0202_02 .step4_box .ininbox .check2{ box-sizing:border-box; width:100%;   float:left;} 
.sub0202_02 .step4_box .ininbox .check2 ul li{ width:100%; border-bottom:1px solid #ccc; padding:10px 0px; font-size: 1.15em; } 
.sub0202_02 .step4_box .ininbox .check2 ul li:last-child { border-bottom: 0;}

}



a.select_btn { padding:3px 10px !important; box-sizing:border-box; border:1px solid #ccc; float:right; font-size:12px; display:block; background-color:#f7f7f7; line-height:18px; margin-right:10px} 
a:hover.select_btn { padding:3px 10px !important; box-sizing:border-box; border:1px solid #666; float:right; font-size:12px; display:block; background-color:#f7f7f7; line-height:18px; margin-right:10px} 
a.select_btn_on { padding:3px 10px !important; box-sizing:border-box; border:1px solid #f34a0f; float:right; font-size:12px; display:block; background-color:#ff9933; line-height:18px; margin-right:10px} 

a.select_btn2 { padding:3px 5px !important; box-sizing:border-box; border:1px solid #ccc; float:right; font-size:12px; display:block; background-color:#f7f7f7; line-height:18px; margin-right:10px} 
a:hover.select_btn2 { padding:3px 5px !important; box-sizing:border-box; border:1px solid #666; float:right; font-size:12px; display:block; background-color:#f7f7f7; line-height:18px; margin-right:10px} 
.sub0202_02 .step4_box .ininbox .check2_r1{ box-sizing:border-box; width:100%;   float:left;  height:250PX; overflow-y: scroll; margin-top:10px  } 




.sub0202_02 .step4_box .payment{	width:100%; margin:0px auto; background-color:#eee; border-top:1px solid #eee;  box-sizing:border-box; padding:20px; clear:both; height:90px; position:absolute; bottom:50px} 
.sub0202_02 .step4_box .payment .text1{	float:left;	width:100%; margin-bottom:10px } 
.sub0202_02 .step4_box .payment .text1 .pleft{	float:left; font-size:14px; color:#333 } 
.sub0202_02 .step4_box .payment .text1 .pright{	float:right; font-size:14px; color:#000 } 

.sub0202_02 .step4_box .payment2 {width:100%; margin:0px auto;  padding:10px; background-color:#333333; box-sizing:border-box; height:50px;position:absolute; bottom:0px} 
.sub0202_02 .step4_box .payment2  .pleft{	float:left; font-size:14px; color:#333 } 
.sub0202_02 .step4_box .payment2  .pright{	float:right; font-size:14px; color:#ff9933 } 
.sub0202_02 .step4_box .payment2  .pright em{	font-size:20px; color:#ff9933 } 



@media only all and (min-width:760px) {
.sub0202_03{	float:left;	width:100%; margin-top:0px; margin-bottom:50px}
.sub0202_03 .text1{	float:left;	width:100%; font-size:14px; color:#666; margin-bottom:30px; text-align:right}  
.sub0202_03 .btn{
	
	background-color:#00a4d8;
	color:#fff;
	background-image: url(../img/02/ar_r2.png);
	background-repeat: no-repeat;
	background-position: 90% center; float:right
}  
.sub0202_03 .btn a{color:#fff; padding:15px 70px 15px 20px; display:block
} 
}
/**** 모바일공통 ****/
@media only all and (max-width:759px) {
.sub0202_03{	float:left;	width:100%; margin-top:0px; margin-bottom:50px}
.sub0202_03 .text1{	float:left;	width:100%; font-size:14px; color:#666; margin-bottom:30px; text-align:right}  
.sub0202_03 .btn{	
	width: 40%;
	font-size: 1.3em;
	background-color:#00ace2;
	color:#fff;
	background-image: url(../img/02/ar_r2.png);
	background-repeat: no-repeat;
	background-position: 90% center;
	margin:0px auto
}  
.sub0202_03 .btn a{color:#fff; padding:15px 70px 15px 20px; display:block
} 
} 

.step3_popup{ float:left; width:100%; } 
.step3_popup .title{ float:left; width:100%; font-size:20px; margin-bottom:10px; color:#333} 
.step3_popup .stext{ float:left; width:100%; font-size:13px; margin-bottom:10px; color:#999} 
.step3_popup .select_text{ float:left; width:100%; font-size:14px; margin-bottom:10px; color:#333; margin-top:30px; position:relative; padding-left:25px; box-sizing:border-box} 
.step3_popup .select_text i{position: absolute; top:-3px; left:0px} 
.step3_popup .select_text em{color:#ff4633; font-size:14px} 
.step3_popup .select_box{ float:left; width:100%;  box-sizing:border-box; padding:0px; background-color:#fff} 
.step3_popup .select_box ul{ float:left; width:100%; border-top:1px solid #ccc;} 
.step3_popup .select_box ul li{ float:left; width:100%; border-bottom:1px solid #ccc; color:#666; font-size:12px; box-sizing:border-box; line-height:40px; padding:0px 10px} 
.step3_popup .select_box ul li em{color:#333; font-size:14px} 
.step3_popup .select_box ul li .del_btn{ float:right;  color:#333; display:block;  font-size:12px; line-height:40px} 
.step3_popup .select_box ul li .del_btn a{   color:#333; display:block;  font-size:12px; line-height:40px} 
.step3_popup .select_box ul li .del_btn a i{   line-height:40px !important; font-size:16px; } 

@media only all and (min-width:760px) {
.step3_popup .title{ float:left; width:100%; font-size:20px; margin-bottom:10px; color:#333} 
}
/**** 모바일공통 ****/
@media only all and (max-width:759px) {
.step3_popup .title{ float:left; width:100%; font-size:16px; margin-bottom:10px; color:#333} 
}

.step3_popup .btn{ float:left; width: 100%;  text-align: center; overflow: hidden; margin-top:30px}
.step3_popup .btn a{ display: inline-block; vertical-align: middle;; padding:10px 30px; background-color:#ff4633; color:#fff; font-size:14px}


.step3_popup .tb_01_box{ height:265px; overflow-x:hidden; }


@media only all and (min-width:760px) {
.step4{	float:left;	width: 100%;  text-align: center; overflow: hidden;}
.step4 .inbox1{
	background-color:#f6f6f6;
	/*background-image: url(../img/02/step_img02.png);*/
	/*background-image: url(../img/02/step_img03.png);*/
	/*background-image: url(../img/02/step_img06.png);*/
	background-repeat: no-repeat;
	background-position: 20px center; width:100%;  padding:10px 0px;display: inline-block; vertical-align: middle; margin-bottom:10px; border:2px solid #aa5510; box-sizing:border-box;}

.step4 #inbox11 {background-image:url('../img/order_bg.png'); background-repeat: no-repeat;  height:220px;}
.step4 .inbox11_h4 { text-align:left; margin-left:10px;border-radius:10px; margin-top:6px; color:#854b00; background-color:#ffe4c1; padding:10px; margin-bottom:10px;/* border:1px solid #aa5510;*/ width:1155px; font-family:"NanumSquareOTF"; font-size:16px;  font-weight:bold;}

.step4 .inbox1 .intb{ float:left; width:920px; margin-left:250px}
.step4 .inbox2{ width: 100%;  text-align: center; overflow: hidden;}
.step4 .inbox2 .btn{
	padding:15px 70px 15px 20px;
	background-color:#ff4633;
	color:#fff;
	background-image: url(../img/02/ar_r2.png);
	background-repeat: no-repeat;
	background-position: 90% center;  display: inline-block; vertical-align: middle;
}  
.step4 .inbox2 .btn a{color:#fff;
} 

.inbox3{ width: 100%; padding:5px 10px; float:left; box-sizing:border-box; border:2px solid #5972c1; float:left; margin-bottom:10px; background-color:#f7f7f7}
.inbox3 .inbox11_h4 { text-align:left; margin-left:0px;border-radius:10px; margin-top:6px; color:#1e2a70; background-color:#d8deff; padding:10px; margin-bottom:10px; /*border:1px solid #5972c1;*/ width:1155px; font-family:"NanumSquareOTF"; font-size:16px;  font-weight:bold;}


.inbox3 .title_t{ width:250px; float:left; font-size:12px; font-weight:300; line-height:20px; margin-bottom:10px; background-image:url('../img/order_bg2.png'); background-repeat: no-repeat;  height:220px;}
.inbox3 .title_t em{ float:left; font-size:18px; font-weight:500; line-height:20px; margin-right:5px}
.inbox3 table {width:100%;}
.inbox3 table tr th { padding:10px 5px; border-bottom:1px solid #dfdfdf;  border-right:1px solid #dfdfdf;}
.inbox3 table tr td  { padding:10px 20px; border-bottom:1px solid #dfdfdf; }

.inbox32{ width: 100%; padding:30px; box-sizing:border-box; border:2px solid #333; float:left; margin-bottom:10px; background-color:#f7f7f7}
.inbox32 .title_t{ width: 100%; float:left; font-size:12px; font-weight:300; line-height:20px; margin-bottom:10px}
.inbox32 .title_t em{ float:left; font-size:18px; font-weight:500; line-height:20px; margin-right:5px}
.inbox32 table {width:100%;  border-bottom:3px solid #333;  border-top:3px solid #333;}
.inbox32 table tr th { padding:10px 0px; width:20%; }
.inbox32 table tr td  { padding:10px 20px;}
}
/**** 모바일공통 ****/
@media only all and (max-width:759px) {
.step4{	width: 100%;  text-align: center; overflow: hidden;}
.step4 .inbox1{ width:100%;  padding:5px 5px;display: inline-block; vertical-align: middle; box-sizing:border-box; margin-top:0px; border:2px solid #aa5510;}
.inbox3 .inbox11_h4 { text-align:left; margin-left:0px;border-radius:10px; margin-top:6px; color:#1e2a70; background-color:#d8deff; padding:10px; margin-bottom:10px; /*border:1px solid #5972c1;*/ width:95%; font-family:"NanumSquareOTF"; font-size:16px;  font-weight:bold;}
.step4 .inbox11_h4 { text-align:left; margin-left:00px;border-radius:10px; margin-top:6px; color:#854b00; background-color:#ffe4c1; padding:10px; margin-bottom:10px;/* border:1px solid #aa5510;*/ width:94%; font-family:"NanumSquareOTF"; font-size:16px;  font-weight:bold;}

.step4 .inbox1 .intb{ float:left; width:100%; margin-left:0px}
.step4 .inbox2{ width: 100%;  text-align: center; overflow: hidden;}
.step4 .inbox2 .btn{
	padding:15px 70px 15px 20px;
	background-color:#ff4633;
	color:#fff;
	background-image: url(../img/02/ar_r2.png);
	background-repeat: no-repeat;
	background-position: 90% center;  display: inline-block; vertical-align: middle; margin:20px 0px;}  
.step4 .inbox2 .btn a{color:#fff;} 
.inbox3{ width: 100%; padding:10px; box-sizing:border-box; border:2px solid #5972c1; float:left; margin-bottom:50px; background-color:#f7f7f7}
.inbox3 .title_t{ width: 100%; float:left; font-size:12px; font-weight:300; line-height:20px; margin-bottom:10px}
.inbox3 .title_t em{ float:left; font-size:18px; font-weight:500; line-height:20px; margin-right:5px}
.inbox3 table {width:100%;}
.inbox3 table tr th { padding:10px 0px;  width:50% ; /*border-bottom:1px solid #aaa; */ border-right:1px solid #aaa;}
.inbox3 table tr td  { padding:10px 5px;   border-bottom:1px solid #aaa; }
.inbox3 table tr td input[type=text] { width:120px;}

.inbox32 { padding:10px; box-sizing:border-box; border:2px solid #333; margin-bottom:50px; background-color:#f7f7f7}
.inbox32 .title_t { width: 100%; float:left; font-size:12px; font-weight:300; line-height:20px; margin-bottom:10px}
.inbox32 .title_t em { float:left; font-size: 1.2em; font-weight:500; line-height: 1.3em; margin-right:5px}
.inbox32 table {width:100%;}
.inbox32 table tr th { padding:10px 0px;}
.inbox32 table tr td  { padding:10px 0px; }
.inbox32 table tr td input[type=text] { width:120px;}

}

.step5{	float:left;	width: 100%;  text-align: center; overflow: hidden;}
.step5 .inbox1{
	background-color:#f6f6f6;
	background-image: url(../img/02/step_img04.png);
	background-repeat: no-repeat;
	background-position: 10% center; width:860px;  padding:50px 0px;display: inline-block; vertical-align: middle; margin-bottom:50px}

.step5 .inbox1 .intb{ float:left; width:500px; margin-left:300px}



@media only all and (min-width:760px) {

.step6{  width: 100%; padding:30px; box-sizing:border-box; border:2px solid #333; float:left; margin-top:20px; background-color:#f7f7f7; text-align: center; overflow: hidden;; font-size:16px}
.step6 i{ display: inline-block; vertical-align: middle; font-size:25px; color:#F00}
.step6 i.color_blue { color: #1799ee;}


}
/**** 모바일공통 ****/
@media only all and (max-width:759px) {

.step6{  width: 100%; padding:20px; box-sizing:border-box; border:1px solid #333; float:left; margin-top:20px; background-color:#f7f7f7; text-align: center; overflow: hidden;; font-size:13px}
.step6 i{ display: inline-block; vertical-align: middle; font-size:25px; color:#F00}


}




/**** 마이페이지 ****/
.mypage_info1{	width:100%;} 
.mypage_title{	width:100%; font-size:30px; color:#333; font-weight:500; margin-bottom:10px} 
.mypage_text{	width:100%; } 
.mypage_title{	width:100%; font-size:30px; color:#333; font-weight:500; margin-bottom:10px} 
.mypage_text ul{	width:100%; margin-top:10px} 
.mypage_text ul li{	float:left;	width:100%;	background-image: url(../img/icon01.png);	background-repeat: no-repeat;	background-position: left center; padding-left:15px; box-sizing:border-box; margin-bottom:3px; color:#666} 

/**** 하단 cs ****/
.ft_cs{
	float:left;
	width:100%;
	background-image: url(../img/com/bottom_01.jpg);
	background-repeat: no-repeat;
	background-position: center top; height:255px; text-align:center; 
} 
.ft_cs .contents_in .cs_text{
	float:left;
	width:100%;text-align:center; margin-top:160px; font-size:14px; color:#666; line-height:20px
} 
.ft_cs2{
	float:left;
	width:100%; height:255px; text-align:center; height:130px; background-color:#ff9900
} 
.ft_cs2 .contents_in .in01{
	float:left;
	width:25%;
	margin-top:40px;
	height:55px;
	padding-left:60px;
	color:#fff;
	font-size:14px;
	line-height:18px;
	box-sizing:border-box;
	background-image: url(../img/com/bottom_02.png);
	background-repeat: no-repeat;
	background-position: left center;text-align:left; padding-top:10px
} 

.ft_cs2 .contents_in .in02{
	float:left;
	width:25%;
	background-repeat: no-repeat;
	background-position: 0px center;
	margin-top:40px;
	height:55px;
	padding-left:50px;
	color:#fff;
	font-size:33px;
	line-height:55px;
	box-sizing:border-box;
	text-align:left;
	font-family: 'Montserrat', sans-serif;
	background-image: url(../img/com/bottom_03.png);
} 
.ft_cs2 .contents_in .in03{
	float:left;
	width:25%; background:url(../img/com/bottom_04.png);	background-repeat: no-repeat;
	background-position: left center; margin-top:40px; height:55px; padding-left:70px; color:#fff; font-size:18px; line-height:55px; box-sizing:border-box;text-align:left
} 
.ft_cs2 .contents_in .in04{
	float:left;
	width:25%; background:url(../img/com/bottom_05.png); 	background-repeat: no-repeat;
	background-position: left center;margin-top:40px; height:55px; padding-left:70px; color:#fff; font-size:18px; line-height:55px; box-sizing:border-box;text-align:left
} 


/**** 드림잡스쿨 스쿨 ****/

@media only all and (min-width:760px) {

/*.sub01_01_01{
	float:left;
	width:100%;
	background-image: url(../img/01/img01_01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
} 
.sub01_01_01 .text1{	float:left;	width:100%; font-size:33px; color:#333; font-weight:200; margin-bottom:20px; text-align:left; line-height:35px; letter-spacing:-1px} 
.sub01_01_01 .text1 em{	  color:#333; font-weight:500} 
.sub01_01_01 .text2{	float:left;	width:100%; font-size:16px; color:#000; font-weight:300; margin-bottom:30px; text-align:left; line-height:29px; font-weight:300 } 
.sub01_01_01 .text3{	float:left;	width:100%; text-align:left } 
*/

.sub01_01_01_2 {float:left; width:95%; background-image: url(../img/01/img01_01.jpg); background-repeat: no-repeat; background-position: right top;}
.sub01_01_01_2 .text1{	float:left;width:100%; font-size:33px; color:#333; font-weight:200; margin-bottom:20px; text-align:left; line-height:35px; letter-spacing:-1px} 
.sub01_01_01_2 .text1 em {color:#555; font-weight:bold; font-family:"NanumSquareOTF"} 
.sub01_01_01_2 .text2{	float:left;width:100%; font-size:15px; color:#555;  margin-bottom:30px; text-align:left; line-height:29px; font-weight:400; font-family:"NanumSquareOTF" } 
.sub01_01_01_2 .text3{	float:left;width:100%; text-align:left } 


.sub_mobile_01 { float:left; width:95%; margin-left:2.5%; border-top: 1px solid #ccc; margin-top:20px;  padding-top:10px; }
.sub_mobile_01 .text1{	float:left;width:100%; font-size:20px; color:#333; font-weight:200; margin-bottom:20px; text-align:left; line-height:35px; letter-spacing:-1px; font-family:"NanumSquareOTF";} 
.sub_mobile_01 .text1 em {color:#333; font-weight:bold; font-family:"NanumSquareOTF";} 
.sub_mobile_01 .text2{	float:left;width:100%; font-size:14px; color:#000; font-family:"NanumSquareOTF"; font-weight:300; margin-bottom:30px; text-align:left; line-height:29px; font-weight:300 } 
.sub_mobile_01 .text3{	float:left;width:100%; text-align:left } 




.sub01_01_02{
	float:left;
	width:100%;
	background-image: url(../img/01/img01_03.jpg);
	background-repeat: no-repeat;
	background-position: left top; /*height:500px*/
} 
.sub01_01_02 .text1{	float:right;	width:730px; font-size:28px; color:#333; font-weight:200; margin-bottom:20px; text-align:left; line-height:35px; letter-spacing:-1px; margin-top:50px} 
.sub01_01_02 .text1 em{  color:#333; font-weight:500}  
.sub01_01_02 .text2{	float:right;	width:730px; font-size:15px; color:#666; font-weight:300; margin-bottom:30px; text-align:left; line-height:26px; font-weight:300 } 
.sub01_01_02 .text3{	float:right;	width:730px; text-align:left } 



/**** 드림잡스쿨 안내  ****/
.sub01_02_01{	float:left;width:100%; background:url(../img/01/img02_01.jpg); height:1125px; position:relative} 
.sub01_02_01 .in01{ position:absolute; top:70px; left:20px; width:720px} 
.sub01_02_01 .in02{ position:absolute; top:480px; left:480px; width:580px} 
.sub01_02_01 .in03{ position:absolute; top:830px; left:80px; width:720px} 

/**** 개인예매 안내  ****/


@media only all and (min-width:760px) {
.sub02_01_01{
	float:left;
	width:100%;
	background-image: url(../img/02/img02_01.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;  border-bottom:1px solid #ccc; padding-bottom:30px; margin-bottom:20px; padding-top:0px; position:relative
} 
.sub02_01_01 ul li{
	float:left;
	width:100%; font-size:14px; color:#666; list-style-type: none; margin-left:20px; margin-bottom:5px; letter-spacing:-0.5px; line-height:18px

} 
.btn_view{
	float:right;
	width:130px;  text-align:center; height:28px;padding:5px 15px; background-color:#6b6b6b; color:#fff; font-size:13px; height:25px; font-weight:300}

.btn_view a{ padding:5px 15px; background-color:#6b6b6b; color:#fff; font-size:12px; height:25px}

.btn_hide{text-align:right; height:30px; position:absolute; top:0px ; right:0px
}
.btn_hide a{ padding:5px 15px; background-color:#6b6b6b; color:#fff; font-size:12px; height:25px}

}
/**** 모바일공통 ****/
@media only all and (max-width:759px) {
.sub02_01_01{
	float:left;
	width:100%; border-bottom:1px solid #ccc; padding-bottom:30px; margin-bottom:20px; padding-top:30px; position:relative; padding:20px 15px; box-sizing:border-box
} 
.sub02_01_01 ul li{
	float:left;
	width:100%; font-size:12px; color:#666; list-style-type: disc; margin-left:10px; margin-bottom:2px; letter-spacing:-0.5px; line-height:16px

}
.btn_view{
	float:right;
	width:130px;  text-align:center; height:28px;padding:5px 15px; background-color:#6b6b6b; color:#fff; font-size:13px; height:25px; font-weight:300}

.btn_view a{ padding:5px 15px; background-color:#6b6b6b; color:#fff; font-size:12px; height:25px}

.btn_hide{text-align:right; height:30px; position:absolute; top:2px ; right:0px
}
.btn_hide a{ padding:5px 15px; background-color:#6b6b6b; color:#fff; font-size:12px; height:25px}
 
}


/*달력 */
.cal_tbl_st{
	float:left;
	width:100%;  border-top:1px solid #ccc; 

} 

.cal_tbl_st thead th {
	height:40px;
	border-bottom:1px solid #ccc;
	color:#333;
	font-size:13px;
	text-align:center;
	background-color:#f7f7f7;
	
	box-sizing:border-box; position:relative
}
.cal_tbl_st thead th p.left{ position:absolute; left:10px; top:5px; width:30px
}
.cal_tbl_st thead th p.right{ position:absolute; right:10px; top:5px
}
.cal_tbl_st tbody th {
	border-bottom:1px solid #ccc;
	padding:5px 0px 5px 0px;
	text-align:center;
	font-weight:normal;
	color:#000;
	background-color:#f7f7f7;
	font-size:14px;
	padding-left:0px;
	border-left:none;
}
.cal_tbl_st tbody td {
	padding:5px 10px 5px 10px;	
	border:none;
	border-bottom:1px solid #ccc;
	text-align:center;
	height: 35px;
}
.cal_tbl_st tbody td:hover{ background-color:#ccc; color:#fff
}

.cal_dft_top{width:15px;text-align:center;font-size:1.0em;}
.cal_dft{width:15px;text-align:center;font-size:1.0em;}
.cal_00{background-color:#faf0f6;color:#ff0000;}
.cal_01{background-color:#fffff4;color:#000000;}
.cal_06{background-color:#f0f8fa;color:#0000ff;}
.cal_over{border:1px solid #000;}
.cal_out{border:0px solid #fff;}
.pointer_hand{cursor:pointer;}


/*결제 취소안내 */
.infoinfo{
	float:left;
	width:100%; text-align:left !important; font-size:14px

} 
.infoinfo em{
	float:left;
	width:100%; text-align:left; font-size:18px; color:#000; font-weight:500

} 
.infoinfo a{ color:#F30; } 
.infoinfo_btn{   margin-top:30px; text-align:center; float:left; width:100%} 
.infoinfo_btn span{ padding:10px 20px; background-color:#333; color:#fff; font-size:14px ; margin-top:20px} 


/**** 직업체험관  ****/
.sub03_01_01{
	float:left;
	width:100%;
	background-image: url(../img/03/img01_01.jpg);
	background-repeat: no-repeat;
	background-position: right  -100px;
	border:1px solid #ccc;
	
	margin-bottom:50px;
	padding:30px 0px;
	position:relative; background-size:60%; height:200px; background-color:#f6f6f6; box-sizing:border-box
} 
.sub03_01_01 .inbox{width:90%; margin:0px auto} 
.sub03_01_01 .inbox .left{	float:left;	width:10%; border-bottom:1px solid #ccc; font-size:16px; color:#333; height:35px; padding-top:10px} 
.sub03_01_01 .inbox .right{	float:left;	width:90%; padding-left:20px; box-sizing:border-box; padding-top:10px } 
.sub03_01_01 .inbox .right a{float:left;padding:8px 20px; background-color:#fff; border:1px solid #ccc; display:block ; margin-left:-1px; font-size:14px; width:60px; text-align:center} 
.sub03_01_01 .inbox .right a:hover{ border:1px solid #333; z-index:999; position:relative;} 

.sub03_01_01 .inbox .text{font-size:13px; width:100%; float:left; color:#666; margin-bottom:20px} 

.sub03_01_01 .inbox .tab{	float:left;	width:90%; padding-left:0px; box-sizing:border-box; padding-top:10px } 
.sub03_01_01 .inbox .tab a{float:left;padding:8px 0px; background-color:#fff; border:1px solid #ccc; display:block ; margin-left:-1px; font-size:14px; width:120px; text-align:center} 
.sub03_01_01 .inbox .tab a:hover{ border:1px solid #333; z-index:999; position:relative;} 
.sub03_01_01 .inbox .tab a.on{border:1px solid #e03203; background-color:#fe5c31; color:#fff} 

.sub03_01_02 .title{
	float:left;
	width:100%; font-size:20px; color:#000; font-weight:500; margin-bottom:20px
} 
.sub03_01_02 .title i{font-size:24px; color:#000; line-height:24px} 

.sub03_01_03 ul{float:left;width:100%; border-top:1px solid #ccc} 
.sub03_01_03 ul li{float:left;width:100%; border-bottom:1px solid #ccc; padding:30px 0px} 
.sub03_01_03 ul li .img{float:left;width:220px;} 
.sub03_01_03 ul li .img img{width:180px;} 
.sub03_01_03 ul li .text_box{float:left;width:730px;} 
.sub03_01_03 ul li .text_box .text1{float:left;width:100%; font-size:18px; color:#000; margin-bottom:10px} 
.sub03_01_03 ul li .text_box .text1 em{font-size:24px; color:#ff7f00; font-weight:500} 
.sub03_01_03 ul li .text_box .text2{float:left;width:100%; font-size:14px; color:#666; height:140px} 
.sub03_01_03 ul li .text_box .text3{float:left;width:100%; font-size:14px; color:#666; } 
.sub03_01_03 ul li .text_box .text3 em{font-size:14px; color:#000; margin-right:5px } 

.sub03_01_03 ul li .info{	float:right;	width:220px; } 
.sub03_01_03 ul li .info .btn{	float:left;	width:100%; margin-top:5px } 
.sub03_01_03 ul li .info .btn a{ padding:5px 10px; background-color:#333; color:#fff } 


.sub03_03_01 ul{float:left;width:100%; } 
.sub03_03_01 ul li{float:left;width:48%; border-bottom:1px solid #ccc; padding:30px 0px; } 
.sub03_03_01 ul li:nth-child(1n) {float:left;width:48%; border-bottom:1px solid #ccc; padding:30px 0px; margin-right:1%; box-sizing:border-box} 
.sub03_03_01 ul li:nth-child(2n) {float:left;width:48%; border-bottom:1px solid #ccc; padding:30px 0px; margin-left:1%; box-sizing:border-box} 
.sub03_03_01 ul li:nth-child(3n) {float:left;width:48%; border-bottom:1px solid #ccc; padding:30px 0px; margin-right:1; box-sizing:border-box} 
.sub03_03_01 ul li:nth-child(4n) {float:left;width:48%; border-bottom:1px solid #ccc; padding:30px 0px; margin-left:1%; box-sizing:border-box} 
.sub03_03_01 ul li:nth-child(5n) {float:left;width:48%; border-bottom:1px solid #ccc; padding:30px 0px; margin-right:1%; box-sizing:border-box} 
.sub03_03_01 ul li:nth-child(6n) {float:left;width:48%; border-bottom:1px solid #ccc; padding:30px 0px; margin-left:1%; box-sizing:border-box} 
.sub03_03_01 ul li:nth-child(7n) {float:left;width:48%; border-bottom:1px solid #ccc; padding:30px 0px; margin-right:1%; box-sizing:border-box} 
.sub03_03_01 ul li:nth-child(8n) {float:left;width:48%; border-bottom:1px solid #ccc; padding:30px 0px; margin-left:1%; box-sizing:border-box} 
.sub03_03_01 ul li .img{float:left;width:220px;} 
.sub03_03_01 ul li .img img{width:180px;} 
.sub03_03_01 ul li .text_box{float:left;width:calc(100% - 220px);} 
.sub03_03_01 ul li .text_box .text1{float:left;width:100%; font-size:16px; color:#999; margin-bottom:10px} 
.sub03_03_01 ul li .text_box .text1 em{font-size:20px; color:#000; font-weight:500} 
.sub03_03_01 ul li .text_box .text2{float:left;width:100%; font-size:14px; color:#666; height:100px} 
.sub03_03_01 ul li .text_box .text3{float:left;width:100%; font-size:14px; color:#666;; height:100px } 
.sub03_03_01 ul li .text_box .text3 em{font-size:14px; color:#000; margin-right:5px } 

.sub03_03_01 ul li .info{	float:left;		} 
.sub03_03_01 ul li .info .btn{	float:left;	width:100%; margin-top:5px } 
.sub03_03_01 ul li .info .btn a{ padding:3px 5px; background-color:#666; color:#fff; font-size:12px } 
.sub03_03_01 ul li .info .btn a:hover{ padding:3px 5px; background-color:#333; color:#fff; font-size:12px } 





@media only all and (min-width:760px) {
.sub03_04_01{
	float:left;
	width:100%;
	border:1px solid #ccc;
	background-color:#f6f6f6;
	background-image: url(../img/02/img03_01.jpg);
	background-repeat: no-repeat;
	background-position: left bottom; height:600px
} 
.sub03_04_01 .left{box-sizing:border-box} 
.sub03_04_01 .right{	float:left;	width:55%;padding:30px; box-sizing:border-box} 

}
/**** 모바일공통 ****/
@media only all and (max-width:759px) {
.sub03_04_01{
	float:left;
	width:100%;
	border:1px solid #ccc;
	background-color:#f6f6f6;
	background-image: url(../img/02/img03_01.jpg);
	background-repeat: no-repeat;
	background-position: center bottom; height:1000px; background-size:100%
} 
.sub03_04_01 .left{	float:left;	width:45%; padding:50px; box-sizing:border-box} 
.sub03_04_01 .right{	float:left;	width:55%;padding:30px; box-sizing:border-box} 

}

.sub04_01_01{	float:left;	width:100%; margin-bottom:50px} 
.sub04_01_01 .b_title{	float:left;	width:100%;	background-image: url(../img/04/line.gif);	background-repeat: repeat-x;	background-position: left top; margin-bottom:20px} 
.sub04_01_01 .b_title p{	float:left; background-color:#fff; margin-right:5px; font-size:24px; color:#333} 
.sub04_01_01 ul li{	float:left;	width:33.33%;} 
.sub04_01_01 ul li .img{float:left; width:140px;} 
.sub04_01_01 ul li .text_box{float:left; width:calc(100% - 140px);} 
.sub04_01_01 ul li .text_box .s_title{float:left; font-size:18px; color:#333; margin-bottom:5px; width:100%}
.sub04_01_01 ul li .text_box .tex1{float:left; font-size:14px; color:#999;; width:100% }

.sub04_01_02{	float:left;	width:100%; background-color:#f5f5f5} 
.sub04_01_02 .w_50p  .text_box{	float:left;	width:100%; box-sizing:border-box; padding:50px 0px 0px 50px;} 
.sub04_01_02 .w_50p  .text_box .title{	float:left;	 font-size:20px; color:#333; margin-bottom:5px; width:100%}
.sub04_01_02 .w_50p .text_box ul li{
	float:left;
	font-size:14px;
	color:#666;
	width:100%;
	background-image: url(../img/com/icon.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left:10px;
	box-sizing:border-box
}


.left_title{	float:left;	width:100%; } 

.sub04_01_03{	float:left;	width:100%;  box-sizing:border-box} 
.sub04_01_03 ul li{	float:left;	width:20%; text-align:center; padding:15px 0px;  border:1px solid #ccc; margin:-1px 0px 0px -1px; box-sizing:border-box; background-color:#f5f5f5;} .sub04_01_03 ul li.color{	background-color:#fff;} 


.sns_box{;text-align:center !important; margin-top:15px	}
.sns_box a{}


.sub0104_01{	float:left;	width:100%; } 
.sub0104_01 ul li{	float:left;	width:33.3%;  text-align: center; overflow: hidden;}
.sub0104_01 ul li .inbox{width:340px; display: inline-block; vertical-align: middle;}
.sub0104_01 ul li .inbox .img{width:100%; float:left; border:1px solid #ccc; margin-bottom:10px}
.sub0104_01 ul li .inbox .text1{width:100%; float:left; font-size:14px; color:#333; margin-bottom:3px; text-align:left}
.sub0104_01 ul li .inbox .text2 a{width:100%; float:left; font-size:12px; color:#999; text-align:left}


.sub0106_01{	float:left;	width:100%; } 
.sub0106_01{	float:left;	width:100%; } 


.sub0302_01{	float:left;	width:100%; } 
.sub0302_01 .left{	float:left;	width:380px; } 
.sub0302_01 .left img{ border:1px solid #eee} 
.sub0302_01 .right{	float:right;	width:785px; } 
.sub0302_01 .right .text1{	float:left;	width:100%; font-size:30px; color:#333; margin-bottom:10px } 
.sub0302_01 .right .text2{	float:left;	width:100%; font-size:14px; color:#666 } 
.sub0302_01 .right .text3{	float:left;	width:100%; font-size:14px; color:#999} 
.sub0302_01 .right .text3{	float:left;	width:100%; font-size:14px; color:#999}
.sub0302_02{	float:left;	width:100%; padding:20px 0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc} 
.sub0302_02 .w_50p .img{	float:left;	width:200px; text-align:center} 
.sub0302_02 .w_50p .text_box{	float:left;	width: calc(100% - 200px); } 

.ppoint{ font-weight:500; font-size:12px; color:#000 } 

.ppoint2{ font-weight:400; font-size:12px; color:#C00} 

a.registerbtn_st{ padding: 7px 15px; background-color: #eee; border: 1px solid #ccc; color: #666; font-size: 14px} 
a:hover.registerbtn_st{ padding: 7px 15px; background-color: #eee; border: 1px solid #333; color: #333; font-size: 14px} 


/* 15_01_01 */
.sub15_01 {  float:left; width:100%; }
.sub15_01 ul li { float:left; width:30%; text-align:center; margin-left:30px; margin-top:30px; font-family:"맑은 고딕"; font-size:18px;  font-weight:600;}
.sub15_01 ul li img { width:100%; margin-bottom:20px;}
.button {text-align:center}
.button a {border:1px solid #eba209;padding:10px 50px; margin-top:30px; display:inline-block; background-color:#eba209; color:#fff; border-radius:20px; transition: 0.5s}
.button a:hover {background-color:#fff; border:1px solid #eba209; color:#eba209}