@charset "utf-8";

@media (min-width: 1200px) { 
	/************************************ web *******************************************/
	.guide_bur02 {display: none;}
	/********************************-** //web ******************************************/
}

@media (max-width: 1200px) { 
	
	.inner_location .dropdown .dropbtn { font-size: 1.125rem; }
	.hrdinfo_section02 {padding: 55px 0 40px 0 ; background: url(../Images/newsub/hrdinfosec02_vis_m.jpg) no-repeat bottom center;}
	.sec02_con {width: 100%; margin: 0 auto;}
	.sec02_con .sec02_info {height:auto;}
	.sec02_con .sec02_info .center_circle {position: relative; width: 100%;}
	.sec02_con .sec02_info .circle {margin:0 auto;}
	.sec02_con .sec02_info .circle.ab_left,
	.sec02_con .sec02_info .circle.ab_right 
	{position: relative; top:0;}
	
	.sec02_con .sec02_info .center_circle { width: 265px; height: 265px; background: #2f77ff; margin:25px auto; border-radius: 100%;}
	.sec02_con .sec02_info .center_circle span {margin: 0 auto ; height: auto; padding: 53px 0 0 0 ;}
	.sec02_btmtxt {position: relative; bottom: 0; padding: 35px 0 0 0 ; font-size:1.25rem; }
	
	
	/*promotion*/
	.poromotion .in1200{ width:100%;}
	.poromotion .in1200 img{ width:94%;}
	.poromotion .promo_img img {width: 94%;}
	.poromotion .promo_mov iframe {width:94%; height: 74vh; margin: 20px 0;}
	.promo01_ab  a.link_mov {position: absolute; right:8px; bottom:15%; width: 40%;}

	/*promotion04*/
	.promotion04_section .promo04_vis .vis_topbox {width: 90%; margin:0 auto; background: none;}
	.container.poromo4_container{width: calc(92% + 30px); margin: 0 auto;}
	.sec01 .in1200, 
	.sec02 .in1200,
	.sec03 .in1200,
	.sec04 .in1200{width:92%; margin:0 auto; }
	.promotion04_section .sec01 h2 {margin: 0 auto 45px;}
	.sec01box{width: 49%; float:left; margin-right:1.25%; margin-bottom:3%;}
	.sec01box.box02,
	.sec01box.box04,
	.sec01box.box05 {margin-right:0;}
	
	
	.sec02{background: #f7f7f7; padding: 80px 0 ;}
	.promotion04_section .sec02 h2 { margin: 0 auto 45px;}
	.sec02box{width: 49%; margin-right:1.25%; margin-bottom: 6%; padding: 252px 0 0 0;}
	.sec02box.box02,
	.sec02box.box04 { margin-right: 0; }

	.sec02box strong { font-size:1.5rem;}
	.sec02box p { font-size:1.25rem; line-height: 165%;}
	
	.sec03box {width:100%; border: 8px solid #1e233c;  padding: 2rem 2.5rem; margin: 0 auto 1rem; text-align: left;}
	.sec03box.sec03box01 {background: url('../Images/promotion/promo04_sec03_img01_mob.png') no-repeat 95% center; background-size: 140px;}
	.sec03box.sec03box02 {background: url('../Images/promotion/promo04_sec03_img02_mob.png') no-repeat 95% center; background-size: 140px;}
	.sec03box.sec03box03 {background: url('../Images/promotion/promo04_sec03_img03_mob.png') no-repeat 95% center; background-size: 140px;}
	.promotion04_section .sec03 h5 {margin: 0;}
	.sec03box .sec03_topbox strong {position: relative; top:0; font-size:4rem;}	
	.sec03box .sec03box_text {text-align: left; color:#707070;}
	
}

@media (max-width: 992px) { 

	
	/************************************ web *******************************************/
	/*bizinfo*/
	.biz_acobox.box_left {width: 100%; margin: 0 0 2% 0 ;}
	.biz_acobox.box_right {width: 100%; margin: 0 0 2% 0 ;}
	.sub_top_section01 p {font-size:1.5rem; line-height: 150%; padding:1.5rem 0 2rem 0;}
	
	
	.hrdinfo_vis {background: url(../Images/newsub/hrdcardcourseinfo_vis.jpg) no-repeat 66% center;}
	
	/*법정교육*/
	.container.poromo4_container{width: calc(94% + 30px); margin: 0 auto;}
	.sec01 .in1200, 
	.sec02 .in1200,
	.sec03 .in1200,
	.sec04 .in1200{width:94%; margin:0 auto; }
	.promotion04_section .promo04_vis { background-size: cover; padding: 1rem 0 60px 0; height: auto;}
	.promotion04_section .promo04_vis .vis_topbox .vis_table {width:92%; maring:0 auto; display: block;}
	.promotion04_section .promo04_vis .vis_topbox .vis_table p{height: auto; line-height: 150%; padding: 1rem; }
	.promotion04_section .promo04_vis .vis_topbox .vis_table p.vis_th {width:100%; display: block;}
	.promotion04_section .promo04_vis .vis_topbox .vis_table p.vis_td {width:100%; display: block; text-align: center; text-indent: 0;}
	.promotion04_section .promo04_vis .vis_btnwrap{position: relative;}
	.promotion04_section .promo04_vis .vis_btnwrap a{width: 100%; margin: 0 0 15px 0;}
	.sec03box.sec03box01 {background: url('../Images/promotion/promo04_sec03_img01_mob.png') no-repeat 90% center; background-size: 136px;}
	.sec03box.sec03box02 {background: url('../Images/promotion/promo04_sec03_img02_mob.png') no-repeat 90% center; background-size: 136px;}
	.sec03box.sec03box03 {background: url('../Images/promotion/promo04_sec03_img03_mob.png') no-repeat 90% center; background-size: 136px;}
	.promo_click p {padding: 1.25rem 1rem 1.25rem 0 ;}
	
	.affiliate { padding:1.5rem 0; }
	.affiliate strong{font-size:2rem;}
	
	/*멤버쉽*/
	.defaultfrom .mdphone_wrap .form-control {display: inline-block;}

	/*프로모션*/
	.gibekainfo_vis {min-height: auto; padding-top: 18%; background: url(../Images/newsub/gibekainfo_mob_vis.jpg) no-repeat top center; padding-bottom: 7%;}
	.gibekainfovis_tit {padding-top:0;}
	.gibekainfovis_tit em.tit_bur {display: none;}
	.gibekainfovis_tit h1 {padding: 2% 0 4% 0 ;}
	.gibekainfovis_tit strong { font-size:22px;}

	.gibekainfovis_tit p {width: 60%; font-size:22px; line-height: 164%;}
	.gibekainfovis_tit .gibekainfo_vis_btn_wrap {margin-top:14%;}
	.gibekainfovis_tit a { background: #ff4c2e; text-align: center; width: 94%; font-size: 20px;  margin: 8px auto; color:#fff; border:none; padding: 18px 0;}	
	.gibeka_step_box {width: 90%; }
	.gibeka_step_box > div { padding: 2.5% 5%;}
	
	.gibekainfo_section01 .sec01_con_box { margin-bottom: 30px; padding: 30px; }
	.gibekainfo_section01 .sec01_con_box p span { font-size: 18px; }
	.gibekainfo_section02 { min-height: auto; padding: 78px 0 70px 0; background: url(../Images/newsub/gibeka_sec02_mob_bg.jpg) no-repeat bottom center; text-align: center;
    position: relative;}
	
	.gibeka_step_box .stepbox {border-right: none; text-align: left;}
	.gibeka_step_box .stepbox strong {font-size: 20px; color:#fff; opacity: 0.6;	 }
	.gibeka_step_box .steptxt strong {font-size: 42px; }
	.gibeka_step_box .steptxt span {font-size: 20px; line-height: 150%;}
	.gibeka_step_box .steptxt {padding-left: 0; }
	.gibeka_step_box .stepbtn{padding-right: 0; padding-left: 0;}
	.gibeka_step_box .stepbtn a {height: auto; line-height: 1; padding: 18px 0; margin-top: 25px;}
	
	.gibekainfo_section03 .sec03_txtbox .sec03_txt {padding: 5%;}
	.gibekainfo_section03 .sec03_txtbox {width:100%;}
	
	.gibekainfo_section04 {padding: 10% 0 4% 0;}
	.gibekainfo_section02, 
	.gibekainfo_section01 {padding: 10% 0 12% 0 ;}
}	
	
}

@media (max-width: 768px) {	
	/************************************ web *******************************************/
	/*bizinfo*/
	#sub_wrap {margin: 3.5rem 0 0 0 ;}
	.sub_hw100 {padding: 2rem 0;}
	.bizedu_notice {padding:55px 0 0 0 ;}
	.bizeduinfo {padding: 0 0 2rem 0;}
	.sub_hw100 h4, 
	.bizedu_notice h4 {padding: 0 0 2rem 0; }
	.sub_top_section01 {padding: 0 0 30px 0 ;}
	.biznoti_box {padding:1rem;}
	.bizedu_refbox {padding: 1.5rem 0 ;}
	.biznoti_tit, .biznoti_body {padding:0;}
	.biz_acobox .bizedu_q h6{font-size:1.5rem;}
	.bizedu_refbox strong {font-size:1.5rem;}
	
	/*biz guide*/
	.biz_courseguide {text-align: left; padding:0; }
	.biz_courseguide li{position: relative; width: 100%; padding: 20px 0 20px 20%;  border-bottom:1px solid #ccc;}
	.biz_courseguide li strong {font-size: 2rem; line-height: 120%; }
	.biz_courseguide li img {position: absolute; left: 6%; top: 7px;}
	.guide_bur_wrap {display: none;}
	.bizedu_guide table {margin: 2rem 0 0 0;}
	.bizedu_guide table tr th {width:40px;}
	.biz_guide_bottom {padding: 30px 0 40px 0 ; }
	
	.step_tit strong {padding:0; float:none;}
	.step_tit strong span{ font-size:1rem;}
	
	/********************************** //web ******************************************/
	.sec01_con_box_wrap {margin-bottom: 15px;}
	.hrdinfo_vis {min-height: auto; padding: 60px 0 150px 0; background: url(../Images/newsub/hrdcardcourseinfo_mvis.jpg) no-repeat center bottom;}
	.hrdinfovis_tit {padding:0; }
	.hrdinfovis_tit em.tit_bur{display: none; }
	.hrdinfovis_tit h1 {font-size: 3.5rem; line-height: 115%;}
	.hrdinfovis_tit strong {font-size: 18px; font-family: 'Exo 2'; background:#07d3aa; letter-spacing: 2px; padding:3px 10px; text-transform: uppercase; color:#222; font-weight:500; line-height:150%;}
	.hrdinfovis_tit p {color:#efefef; font-size:1.25rem; line-height: 180%; width:80%;}
	.hrdinfovis_tit a { margin: 1.5rem 0 0 0 ; background: #07d3aa; color:#222; border: none;}
	.hrdinfovis_tit a span.c_07d3aa { color: #222; }
	
	/*법정의무교육 프로모션*/
	.container.poromo4_container{width: 94%; margin: 0 auto;}
	.vis_topbox { padding: 85px 0 30px 0;}	
	.promotion04_section .promo04_vis .vis_topbox .poro_subtit {font-size: 3rem;}
	.promotion04_section .promo04_vis .vis_topbox h1 {font-size:6rem; margin: 1rem 0 2.25rem 0 ;}
	.promotion04_section .promo04_vis .vis_topbox .vis_table p.vis_th {font-size:2rem;}
	.promotion04_section .promo04_vis .vis_topbox .vis_table p.vis_td {font-size:2rem;}
	.promotion04_section .promo04_vis .vis_topbox .btm_subcapoy p {font-size:1.85rem; line-height: 150%;}
	
	.promotion04_section .sec01 h2,
	.promotion04_section .sec02 h2{line-height: 135%;}
	.sec01{padding: 6.5rem 0 4rem;}
	.sec01 .in1200, 
	.sec02 .in1200,
	.sec03 .in1200,
	.sec04 .in1200{width:92%; margin:0 auto; }	
	
	.topbox { padding: 8% 0 10% 40%; text-align: left; border-radius: 4px 4px 0 0 ;}
	.blinkbox{display: none;}
	.btmbox {border-top:none; border-radius: 0 0 4px 4px ;}
	.btmbox p {font-size: 1.5rem;}
	.btmbox strong {margin:0 auto;}
	.topbox strong {font-size:1.5rem;}
	.topbox p {font-size:1.25rem; line-height: 150%; margin: 10px 0 0 0}
	.sec01box{width: 100%; float:left; margin-right:0 ; margin-bottom:3%;}
	.sec01box.box01 .topbox,
	.sec01box.box02 .topbox, 
	.sec01box.box03 .topbox, 
	.sec01box.box04 .topbox,
	.sec01box.box05 .topbox {background-position: 8% center; }
	
	
	#sub_wrap .promotion04_section h3 {border-bottom: none; line-height: 180%; margin: 35px auto 35px;}
	.promotion04_section .sec02 h3 span {position: relative; font-size: 2.4rem; background:#fbca88;}
	.promotion04_section .sec02 h3 strong,
	.promotion04_section .sec02 h3 .h3_bg {display: none;}
	.promo4_table tr .sec02_th01 {width:8%;}
	.promo4_table tr .sec02_th02,
	.promo4_table tr .sec02_th04{text-indent: 0; padding:0 0 0 2%; line-height: 170%;}
	.promo4_table tr.th_title td.sec02_inno {width:16%;}
	.promo4_table tr.th_title td.sec02_tit {width:16%;}

	.sec03box { padding: 2rem 3.5%; }
	.sec03box.sec03box01 {background: url('../Images/promotion/promo04_sec03_img01_mob.png') no-repeat 93% center; background-size: 110px;}
	.sec03box.sec03box02 {background: url('../Images/promotion/promo04_sec03_img02_mob.png') no-repeat 93% center; background-size: 110px;}
	.sec03box.sec03box03 {background: url('../Images/promotion/promo04_sec03_img03_mob.png') no-repeat 93% center; background-size: 110px;}
	.promotion04_section .sec03 h5 {font-size: 1.4rem;}
	.sec03box .sec03_topbox strong {font-size:2.5rem;}	
	.sec03box .sec03box_text {font-size: 1.65rem; font-weight: 400;}
	.promo_btnwrap .promo_btn01 {width:92%; margin: 0 auto;}
	
	/*멤버쉽 */
	.sub_text_area {padding-top:0 ;}
	.authcheck_note {text-align: center}
	.findbox { border:1px solid #ddd; border-radius: 10px; height:auto; margin-bottom: 1.5rem; padding: 2rem;}
	.findbox .findstep {padding-top:0;}
	
	.defaultfrom{ padding-top:0;}
	.defaultfrom .submit_wrap {padding-top: 0; margin-top:25px; border-top: none; }
	.defaultfrom .submit_wrap input {width:100%;}
	.form-control {font-size: 1.25rem; height: auto; padding: 0.85rem;}
	.defaultfrom .form-group .control-label {font-size: 1.24rem; padding-bottom: 0.85rem;}	
	
	.poromotion .promo_mov iframe {width:94%; height: 48vh;}
	.poromotion .promo_last_btn {margin: 0; padding: 30px 0; text-align: center;}
	.promobtn_01 { font-size:1.85rem; padding:1.25rem 0;  width:94%; margin: 20px 0 35px 0; line-height: 100%; height: auto;}
	.promobtn_02 {  font-size:1.85rem; padding:1.25rem 0;  margin-right:0 ; width:94%;  line-height: 100%; margin-bottom: 15px; height:auto;}
	.promobtn_03 {font-size:1.85rem; padding:1.25rem 0;  width:94%;  line-height: 100%; height:auto; }

	/*기업일배움*/
	.gibekainfo_section04 {padding: 13.5% 0 5% 0 ;}
	.gibekainfo_section02, 
	.gibekainfo_section01 {padding: 13.5% 0;}
	
	.gibekainfovis_tit h1 {font-size: 44px; line-height: 140%; }
	.gibekainfo_vis {background-size: 140%; }
	.gibekainfovis_tit p {font-size: 16px; }
	.gibekainfovis_tit a {margin:3px ;  font-size:17px;}
	.gibekainfovis_tit .gibekainfo_vis_btn_wrap {margin-top: 9.5%;}
	.gibekainfo_section01 h4,
	.gibekainfo_section02 h4,
	.gibekainfo_section04 h4 {font-size: 38px;}
	
	.gibekainfo_section04 h4 {display: inline-block; margin-bottom: 5%;}
	.gibekainfo_section01 .sec01_tit {margin-bottom: 7%;}
	.gibeka_step_box .steptxt strong {font-size: 36px;}
	.gibekainfo_section04 a {width:86%; margin: 4px auto; }
	.thum_box_tit > div > div {padding: 15px 0 ;}
	.thum_box_tit > div > div span {margin: 0 16px;}
	
	
}

@media (max-width: 471px) {
	
	/************************************ web *******************************************/
	/*bizinfo*/
	.sub_top_section01 p {font-size:1.25rem;}
	.biznoti_tit h6 {width:100%;}
	.biznoti_tit p.biznoti_txt {padding: 7px 0 0 0 ; width: 100%;}
	.biznoti_body {}
	.bizedu_refbox strong {font-size:1.2rem; line-height: 150%;}
	.biz_acobox .bizedu_q {padding: 14px; }
	.biz_acobox .bizedu_q .bizedu_bullet { right:14px; font-size:15px; padding: 0 5px;  margin-top:-10px;}
	/*bizguide*/
	.biz_courseguide li{position: relative; width: 100%; padding: 20px 0 20px 28%; }
	.biz_courseguide li strong {font-size: 1.5rem; }
	.biz_courseguide li img {top: 3px; left: 8%;}
	
	/********************************** //web ******************************************/

	.hrdinfovis_tit h1 {font-size: 2.5rem; line-height: 115%;}
	.hrdinfovis_tit p {font-size:1rem ; width:80%;}
	.hrdinfo_section02 h4,
	.hrdinfo_section01 h4 {font-size:2.5rem; line-height: 150%;}
	.hrdinfo_section01 p {font-size:1rem;}
	
	/*법정의무교육 프로모션*/

	.promotion04_section .promo04_vis .vis_topbox .poro_subtit {font-size: 1.85rem;}
	.promotion04_section .promo04_vis .vis_topbox h1 {font-size:4rem; margin: 1rem 0 2.25rem 0 ;}
	.promotion04_section .promo04_vis .vis_topbox .vis_table p.vis_th {font-size:1.25rem;}
	.promotion04_section .promo04_vis .vis_topbox .vis_table p.vis_td {font-size:1.25rem;}
	.promotion04_section .promo04_vis .vis_topbox .btm_subcapoy p {font-size:1.25rem; line-height: 150%; margin: 1rem 0 2.5rem 0;}
	
	.sec01 .in1200, 
	.sec02 .in1200{width:90%; margin:0 auto; }	
	.sec01box {margin-top:6%;}
	
	.sec02box {width: 100%; margin-right:0; margin-bottom:10%;}
	
	
	.gibekainfo_vis {background-size: 165%; }
	.gibekainfovis_tit a {margin:3px ; font-size:15px;}
	.gibeka_step_box .steptxt strong {font-size: 28px;}	
}

@media (max-width: 365px) {
	
	/************************************ web *******************************************/
	/*bizinfo*/
	.sub_top_section01 p {font-size:1rem; padding: 1rem 0;}
	.biznoti_tit h6 {width:100%;}
	.biznoti_tit p.biznoti_txt {padding: 7px 0 0 0 ; width: 100%;}
	.biznoti_body {}
	.bizedu_refbox strong {font-size:1.2rem; line-height: 150%;}
	.biz_acobox .bizedu_q {padding: 14px; }
	.biz_acobox .bizedu_q .bizedu_bullet { right:14px; font-size:15px; padding: 0 5px;  margin-top:-10px;}
	
	/*bizguide*/
	.biz_courseguide li{padding: 20px 0 20px 32%; }
	.biz_courseguide li strong {font-size: 1.5rem; }
	.biz_courseguide li img {top: 3px; left: 8%;}
	/********************************** //web ******************************************/
	.gibekainfo_vis {background-size: 200%; }
}