/* imported-page layout — ported verbatim from kcost.org content.css */
.imported .inner{width:100%; max-width:1400px; margin:0 auto; position:relative;}
@media all and (max-width:1000px){ .imported .inner{width:93.75%;} }
.imported .sub_tit{display:none;}
.imported img{max-width:100%;}
/* ===== content.css (verbatim) ===== */
@charset "utf-8";

/* sub_tit */
.sub_tit{background:#fff; margin:100px 0 60px; text-align:center;}
.sub_tit h3{font-size:0; line-height:1.1; color:#222222; letter-spacing:-0.045em; font-weight:bold; position:relative}
/*.sub_tit h3:before{content:""; width:26px; height:29px; background:url('/img/sub_tit_bg.png')no-repeat center / cover; position:absolute; left:51%; top:-38px; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}*/
/*.sub_tit .hr{width:100%; max-width:600px; margin:25px auto; height:1px; background:#000000}*/
.sub_tit p{line-height:1.1; font-size:38px; color:#222222; letter-spacing:-0.025em; font-weight:bold;}
.sub_tit span{display:block; font-size:26px; color:#222; letter-spacing:-0.045em; font-weight:200; margin:0; margin-top:50px; word-break:keep-all;}

/* 협회소개 - 인사말 */
.greetings_con02{}
.greetings_con02 img{margin:0 auto; position:relative; z-index:2; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.greetings_con02 .text{background:#f7f7f7; padding:140px 0 100px; margin-top:-90px; position:relative; font-size:0;}
.greetings_con02 .text:before{content:""; width:100%; height:100%; position:absolute; left:-100%; top:0; background:#f7f7f7;}
.greetings_con02 .text:after{content:""; width:100%; height:100%; position:absolute; right:-100%; top:0; background:#f7f7f7;}
.greetings_con02 .text > h4{display:inline-block; width:25%; vertical-align:top; font-size:36px; color:#222222; letter-spacing:-0.045em; font-weight:200; margin:0; word-break:keep-all;}
.greetings_con02 .text > p{display:inline-block; vertical-align:top; width:75%; font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300; text-align:justify; }
.greetings_con02 .sign_text{padding-top:50px; text-align:right}
.greetings_con02 .sign_text p{display:inline-block; vertical-align:middle; font-size:20px; color:#222222; letter-spacing:-0.045em; font-weight:500;}
.greetings_con02 .sign_text i{display:inline-block; vertical-align:middle; margin-left:20px;}

@media all and (max-width:1400px){
	.greetings_con02 .text > h4{width:300px}
	.greetings_con02 .text > p{width:calc(100% - 300px)}
}

@media all and (max-width:1000px){
	.greetings_con02 .text > h4{width:100%;}
	.greetings_con02 .text > h4 br{display:none;}
	.greetings_con02 .text > p{width:100%; margin-top:50px;}
	.greetings_con02 .text{padding:140px 10px 70px;}
}


/* 협회소개 - 조직도 */
.organization_con02{text-align:center; background:#f7f7f7; padding:80px 0 110px;}
.organization_con02 h4{margin:0; font-size:26px; color:#222222; letter-spacing:-0.045em; font-weight:300;}
.organization_con02 .inner > ul{margin:50px 0; position:relative;}
.organization_con02 .inner > ul:before{content:""; width:1px; height:100%; border-left:1px dashed #99999a; position:absolute; left:calc(50% - 1px); top:0;}
.organization_con02 .inner > ul > li.title .one_box{background:#007ec6}
.organization_con02 .inner > ul > li.title .one_box:before{border-color:#007ec6}
.organization_con02 .inner > ul > li.title .one_box:after{background:#007ec6;}
.organization_con02 .inner > ul > li.title .one_box dl .depart{border-color:#007ec6}
.organization_con02 .inner > ul > li.title .one_box dl .depart p{color:#007ec6}
.organization_con02 .inner > ul > li.title .one_box dl .depart:after{background:#007ec6}
.organization_con02 .inner > ul > li.title .one_box dl dt .depart{background:#007ec6;}
.organization_con02 .inner > ul > li.title .one_box dl dt .depart p{color:#fff}
.organization_con02 .inner > ul > li.under .one_box:before{border-right-color:transparent; border-top-color:transparent; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -moz-transform:rotate(-45deg);}
.organization_con02 .inner > ul > li{position:relative; margin:0 auto;}
.organization_con02 .inner > ul > li + li{margin-top:55px;}
.organization_con02 .inner > ul > li .one_box{width:145px; height:145px; background:#5b9bd2; border-radius:50%; position:relative; margin:0 auto;}
.organization_con02 .inner > ul > li .one_box:before{content:""; width:calc(100% + 20px); height:calc(100% + 20px); position:absolute; left:-10px; top:-10px; border:1px solid #5b9bd2; background:transparent; border-radius:50%;}
.organization_con02 .inner > ul > li .one_box:after{content:""; width:8px; height:8px; border-radius:50%; background:#5b9bd2; position:absolute; left:50%; bottom:-16px; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.organization_con02 .inner > ul > li .one_box .center{z-index:2; text-align:center; width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.organization_con02 .inner > ul > li .one_box .center p{font-size:22px; color:#fff; letter-spacing:-0.045em; font-weight:500;}
.organization_con02 .inner > ul > li .one_box dl{position:absolute; right:-375px; top:60px;}
.organization_con02 .inner > ul > li .one_box dl:before{content:""; width:1px; height:calc(100% - 54px); border-left:1px dashed #99999a; position:absolute; left:-85px; top:28px;}
.organization_con02 .inner > ul > li .one_box dl .depart{display:table; width:185px; height:52px; background:#fff; border:1px solid #5b9bd2; line-height:48px; text-align:center; border-radius:10px; box-sizing:border-box; position:relative;}
.organization_con02 .inner > ul > li .one_box dl .depart p{display:table-cell; vertical-align:middle; font-size:20px; color:#222; font-weight:400; letter-spacing:-0.045em;}
.organization_con02 .inner > ul > li .one_box dl .depart:before{content:""; width:180px; height:1px; border-top:1px dashed #99999a; position:absolute; left:-180px; top:25px;}
.organization_con02 .inner > ul > li .one_box dl .depart:after{content:""; width:8px; height:8px; border-radius:50%; background:#5b9bd2; position:absolute; left:-184px; top:22px}
.organization_con02 .inner > ul > li .one_box dl .depart.no:before{display:none}
.organization_con02 .inner > ul > li .one_box dl .depart.no:after{display:none}
.organization_con02 .inner > ul > li .one_box dl dt{position:relative; margin-bottom:30px;}
.organization_con02 .inner > ul > li .one_box dl dt .depart{background:#5b9bd2;}
.organization_con02 .inner > ul > li .one_box dl dt .depart p{color:#fff;}
.organization_con02 .inner > ul > li .one_box dl dd{position:relative;}
.organization_con02 .inner > ul > li .one_box dl dd .depart{margin-top:10px;}
.organization_con02 .inner > ul > li .one_box dl dd .depart:before{width:85px; left:-85px}
.organization_con02 .inner > ul > li .one_box dl dd .depart:after{display:none}
.organization_con02 .inner > ul > li .one_box dl.left{right:auto; left:-375px;}
.organization_con02 .inner > ul > li .one_box dl.left:before{left:auto; right:-85px; height:144px}
.organization_con02 .inner > ul > li .one_box dl.left .depart:before{left:auto; right:-182px;}
.organization_con02 .inner > ul > li .one_box dl.left .depart:after{left:auto; right:-186px;}
.organization_con02 .inner > ul > li .one_box dl.left dd .depart:before{right:-85px}
.organization_con02 .inner > ul > li .bot_list{margin-top:60px; padding-top:48px; position:relative;}
.organization_con02 .inner > ul > li .bot_list:before{content:""; width:75%; left:50%; top:0; border-bottom:1px dashed #99999a; position:absolute; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.organization_con02 .inner > ul > li .bot_list ul{font-size:0; letter-spacing:-4px; text-align:center; position:relative}
.organization_con02 .inner > ul > li .bot_list ul li{width:25%; display:inline-block; vertical-align:top;}
.organization_con02 .inner > ul > li .bot_list ul li .depart:before{content:""; width:1px; height:48px; border-left:1px dashed #99999a; position:absolute; left:50%; top:-48px;}
.organization_con02 .inner > ul > li .bot_list ul li .depart{display:table; width:185px; height:52px; background:#49c6c2; line-height:52px; text-align:center; border-radius:10px; box-sizing:border-box; position:relative; margin:0 auto;}
.organization_con02 .inner > ul > li .bot_list ul li .depart p{display:table-cell; vertical-align:middle; font-size:20px; color:#fff; font-weight:500; letter-spacing:-0.045em;}

@media all and (max-width:1000px){
	.organization_con02 .inner > ul > li .one_box{width:150px; height:150px;}
	.organization_con02 .inner > ul > li .one_box dl{top:55px; right:-150px;}
	.organization_con02 .inner > ul > li .one_box dl:before{display:none}
	.organization_con02 .inner > ul > li .one_box dl .depart{width:120px; height:40px; line-height:36px;}
	.organization_con02 .inner > ul > li .one_box dl .depart p{font-size:16px}
	.organization_con02 .inner > ul > li .one_box dl .depart:before{left:-20px; top:18px; width:20px;}
	.organization_con02 .inner > ul > li .one_box dl .depart:after{left:-24px; top:15px}
	.organization_con02 .inner > ul > li .one_box dl dt{margin-bottom:20px;}
	.organization_con02 .inner > ul > li .one_box dl dd .depart:before{display:none}
	.organization_con02 .inner > ul > li .one_box dl.left{right:auto; left:-150px;}
	.organization_con02 .inner > ul > li .one_box dl.left:before{display:none}
	.organization_con02 .inner > ul > li .one_box dl.left .depart:before{left:auto; right:-20px; width:20px;}
	.organization_con02 .inner > ul > li .one_box dl.left .depart:after{left:auto; right:-26px;}
	.organization_con02 .inner > ul > li .one_box dl.left dd .depart:before{display:none}
	.organization_con02 .inner > ul > li .bot_list{margin-top:30px; padding-top:0;}
	.organization_con02 .inner > ul > li .bot_list:before{display:none;}
	.organization_con02 .inner > ul > li .bot_list ul li{width:100%; margin-top:10px;}
	.organization_con02 .inner > ul > li .bot_list ul li .depart:before{display:none;}
	.organization_con02 .inner > ul > li .bot_list ul li .depart{width:120px; height:40px; line-height:36px;}
	.organization_con02 .inner > ul > li .bot_list ul li .depart p{font-size:16px}
}


/* 협회소개 - 연혁 */
.history_con01{text-align:center;}
.history_con01 .tab_btn{padding:0 0 80px;}
.history_con01 .tab_btn ul{text-align:center; font-size:0; letter-spacing:-4px; position:relative;}
.history_con01 .tab_btn ul li{position:relative; z-index:2; display:inline-block; vertical-align:middle; width:33.3333%; height:76px; border:1px solid #bfbfbf; background:#fff; box-sizing:border-box;}
.history_con01 .tab_btn ul li a{display:table; width:100%; height:100%;}
.history_con01 .tab_btn ul li a span{width:100%; text-align:center; display:table-cell; vertical-align:middle; font-size:20px; color:#444; letter-spacing:-0.045em; font-weight:bold;}
.history_con01 .tab_btn ul li.on{border-color:#007ec6; background:#007ec6;}
.history_con01 .tab_btn ul li.on a span{color:#fff;}
.history_con02{padding:0px 0 130px;}
.history_con02 .tab_con .con{display:none;}
.history_con02 .tab_con .con:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.history_con02 .tab_con .con01{display:block;}
.history_con02 .side_con{width:50%; float:left; padding-right:40px; box-sizing:border-box;}
.history_con02 .side_con .img_box img{max-width:100%;}
.history_con02 .side_con .text{padding-top:100px; text-align:center;}
.history_con02 .side_con .text h6{margin:0; font-size:80px; color:#007ec6; letter-spacing:0em; font-weight:bold; line-height:1.2;}
.history_con02 .side_con .text .hr{width:58px; height:1px; background:#a5a5a5; margin:65px auto; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -moz-transform:rotate(-45deg);}
.history_con02 .side_con .text p{margin:0; font-size:80px; color:#9eb3bf; letter-spacing:0em; font-weight:bold; line-height:1.2;}
.history_con02 .list{width:50%; float:left; padding-left:40px; box-sizing:border-box; border-left:1px solid #bfbfbf;}
.history_con02 .list dl{position:relative;}
.history_con02 .list dl:before{content:""; width:16px; height:16px; border:3px solid #007ec6; border-radius:50%; position:absolute; left:-49px; top:10px; background:#f7f7f7; box-sizing:border-box;}
.history_con02 .list dl dt h5{font-size:34px; color:#222222; letter-spacing:0em; font-weight:bold; margin:0; line-height:1;}
.history_con02 .list dl dd{padding:20px 0 60px;}
.history_con02 .list dl dd ul li{margin:10px 0;}
.history_con02 .list dl dd ul li:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.history_con02 .list dl dd ul li span{display:block; width:90px; float:left; font-size:18px; color:#222222; letter-spacing:0em; font-weight:300;}
.history_con02 .list dl dd ul li p{display:block; width:calc(100% - 90px); float:left; font-size:18px; color:#222222; letter-spacing:0em; font-weight:300; word-break:keep-all;}

@media all and (max-width:1000px){
	.history_con01 .tab_btn ul li{width:200px; height:70px; margin:0 10px;}
	.history_con02 .side_con{width:100%; float:none; padding:0 20px;}
	.history_con02 .side_con .side_con_inner{position:relative !important; left:auto !important; top:auto !important}
	.history_con02 .side_con .text{padding:20px 0;}
	.history_con02 .side_con .text h6{font-size:30px;}
	.history_con02 .side_con .text .hr{width:30px; margin:20px auto;}
	.history_con02 .side_con .text p{font-size:30px;}
	.history_con02 .list{width:100%; float:none; padding:0 20px;}
	.history_con02 .list dl:before{left:-29px;}
}
@media all and (max-width:767px){
	.history_con01 .tab_btn{padding:30px 0 40px;}
	.history_con01 .tab_btn ul li{width:130px; height:50px; margin:0 5px;}
	.history_con01 .tab_btn ul li a span{font-size:18px;}
}


/* 협회소개 - 오시는길 */
.location_con02{padding:80px 0 40px; background:#f7f7f7;}
.location_con02 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.location_con02 ul li{width:calc(33.333333% - 28px); margin-right:42px; float:left; margin-bottom:40px;}
.location_con02 ul li:nth-of-type(3n){margin-right:0;}
.location_con02 ul li dl dt{cursor:pointer; width:100%; position:relative; overflow:hidden; }
.location_con02 ul li dl dt img{width:100%; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.location_con02 ul li dl dt .hover_text{opacity:0; position:absolute; left:0; top:0; width:100%; height:0; background:rgba(0,0,0,0.71); z-index:2; transition:all 0.3s; -ms-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s; }
.location_con02 ul li dl dt .hover_text .center{text-align:center; position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.location_con02 ul li dl dt .hover_text i img{width:auto;}
.location_con02 ul li dl dt .hover_text p{font-size:20px; color:#fff; letter-spacing:-0.045em; font-weight:300; margin-top:10px;}
.location_con02 ul li dl dd{background:#fff; padding:25px 20px; height:170px; box-sizing:border-box; position:relative; z-index:2;}
.location_con02 ul li dl dd h5{font-size:22px; color:#222222; letter-spacing:-0.045em; font-weight:500; margin:0; line-height:32px;}
.location_con02 ul li dl dd p{font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300; margin:0; line-height:32px;}
.location_con02 ul li dl dd p b{font-weight:300;display:inline-block; vertical-align:top;  width:auto; max-width:45px;}
.location_con02 ul li dl dd p span{display:inline-block; vertical-align:top; width:100%; font-size:18px; text-align:justify}
.location_con02 ul li dl dd p.w80 b{max-width:80px;}
.location_con02 ul li dl dd p.w80 span{width:calc(100% - 80px);}
.location_con02 ul li dl dd a{font-size:0; width:87px; height:87px; background:url('/img/location_con02_hover_off.png')no-repeat center / cover; position:absolute; display:block; right:30px; top:-43px; transition:all 0.3s; -ms-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s;}
.location_con02 ul li:hover dl dt img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.location_con02 ul li:hover dl dt .hover_text{opacity:1; height:100%; } 
.location_con02 ul li:hover dl dd a{background:url('/img/location_con02_hover_on.png')no-repeat center / cover;}
.location_con02 ul li.on dl dt .hover_text{opacity:1;}
.location_con02 ul li.on dl dd a{background:url('/img/location_con02_hover_on.png')no-repeat center / cover;}
.location_con03{padding-bottom:130px;}
.location_con03 h4{padding:60px 0 40px; text-align:center; font-size:32px; color:#222222; letter-spacing:-0.045em; font-weight:bold; margin:0; line-height:1.3;}
.location_con03 .tab_con .con{display:none;}
.location_con03 .tab_con .con:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.location_con03 .tab_con .con01{display:block;}
.location_con03 .map_box{width:100%; height:490px; background:#eee;}
.location_con03 .map_box iframe{width:100%; height:100%;}
.location_con03 ul{margin-top:-30px; font-size:0; letter-spacing:-4px; text-align:center;}
.location_con03 ul li{display:inline-block; vertical-align:top; width:calc(33.333333% - 14px); margin-right:21px; border:1px solid #e5e5e5; background:#fff; height:240px; box-sizing:border-box;}
.location_con03 ul li:last-child{margin-right:0;}
.location_con03 ul li a{display:block; height:100%; padding:40px 0; box-sizing:border-box;}
.location_con03 ul li a h5{font-size:22px; color:#222; letter-spacing:-0.025em; font-weight:500; margin:0;}
.location_con03 ul li a .hr{width:20px; height:2px; background:#007ec6; margin:25px auto; display:block;}
.location_con03 ul li a p{font-size:18px; color:#222222; letter-spacing:0em; font-weight:300; margin:0; word-break:keep-all;}
.location_con03 ul li a p b {font-size:20px; }
.location_con03 dl{height:160px; display:table; width:100%;}
.location_con03 dl + dl{border-top:2px solid #434343;}
.location_con03 dl dt{width:200px; display:table-cell; vertical-align:middle; padding:0 15px;}
.location_con03 dl dt i{display:inline-block; vertical-align:middle; margin-right:20px;}
.location_con03 dl dt p{display:inline-block; vertical-align:middle; font-size:24px; color:#222222; letter-spacing:-0.045em; font-weight:bold;}
.location_con03 dl dd{width:calc(100% - 200px); display:table-cell; vertical-align:middle;}
.location_con03 dl dd p{font-size:20px; color:#666; letter-spacing:-0.045em; font-weight:300; margin:5px 0; text-align:justify}
.location_con03 dl dd p:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.location_con03 dl dd p b{font-weight:500; color:#15c331; display:inline-block; margin-right:10px;}

.location_con03 ul li:nth-of-type(1){border:1px solid #007fc6}
.location_con03 ul li:nth-of-type(1) h5{color:#007fc6;}
.location_con03 ul li:nth-of-type(1) p{color:#007fc6;}

@media all and (max-width:1400px){
	.location_con02 ul li dl dd p span{word-break:keep-all;}
	.location_con02 ul li dl dd p span br{display:none;}
	.location_con03 ul li a p{word-break:keep-all;}
}
@media all and (max-width:1200px){
	.location_con02 ul li dl dd{height:200px;}
}
@media all and (max-width:1000px){
	.location_con02 ul li{width:calc(50% - 10px); margin-right:20px; margin-bottom:20px;}
	.location_con02 ul li:nth-of-type(3n){margin-right:20px;}
	.location_con02 ul li:nth-of-type(2n){margin-right:0;}
	.location_con03 ul li{width:100%; display:block; margin:20px auto;}
	.location_con03 dl{display:block; height:auto; padding:30px 0;}
	.location_con03 dl dt{display:block; width:100%; margin-bottom:20px;}
	.location_con03 dl dd{display:block; width:100%; padding:0 20px; box-sizing:border-box;}

}
@media all and (max-width:767px){
	.location_con02 ul li{width:100%; margin:20px auto; float:none;}
	.location_con02 ul li:nth-of-type(3n){margin:20px auto}
	.location_con02 ul li:nth-of-type(2n){margin:20px auto;}
	.location_con02 ul li dl dd{height:auto;}
	.location_con02 ul li dl dd a{right:20px;}
	.location_con03 .map_box{height:300px;}
	.location_con03 ul li{height:auto;}
	.location_con03 ul li a{padding:20px 0;}

}


/* 취업분야 - 공공기관 */
.public_con01 .tab_btn{padding:0 0 80px;}
.public_con01 .tab_btn ul{text-align:center; font-size:0; letter-spacing:-4px; position:relative;}
.public_con01 .tab_btn ul li{position:relative; z-index:2; display:inline-block; vertical-align:middle; width:50%; height:76px; border:1px solid #bfbfbf; background:#fff; box-sizing:border-box;}
.public_con01 .tab_btn ul li a{display:table; width:100%; height:100%;}
.public_con01 .tab_btn ul li a span{width:100%; text-align:center; display:table-cell; vertical-align:middle; font-size:20px; color:#444; letter-spacing:-0.045em; font-weight:bold;}
.public_con01 .tab_btn ul li.on{border-color:#007ec6; background:#007ec6;}
.public_con01 .tab_btn ul li.on a span{color:#fff;}
.public_con02{margin-bottom:150px;}
.public_con02 .list {padding-bottom:80px; border-bottom:1px solid #535353; }
.public_con02 .list:last-of-type {border-bottom:0 none; }
.public_con02 .list + .list{margin-top:80px;}
.public_con02 .list .after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.public_con02 .list .after .img_box{width:50%; float:left;}
.public_con02 .list .after .img_box img{max-width:100%;}
.public_con02 .list .after .text{width:50%; float:left; padding:10px 20px 40px 40px; box-sizing:border-box;}
.public_con02 .list .after .text h4{margin:0; font-size:24px; color:#222222; letter-spacing:-0.045em; font-weight:400; margin-bottom:20px;}
.public_con02 .list .after .text h4 b{display:block; font-weight:bold; font-size:28px; color:#007fc6}
.public_con02 .list .after .text p{margin:0; font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300; line-height:28px; text-align:justify; }
.public_con02 .list .after .text p strong{text-decoration:underline;}
.public_con02 .list ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.public_con02 .list ul{margin-top:20px;}
.public_con02 .list ul li{width:calc(25% - 9px); margin-right:12px; float:left; border:1px solid #ededed; box-sizing:border-box;}
.public_con02 .list ul li:last-child{margin-right:0;}
.public_con02 .list ul li dl dt{background:#f9f9f9; padding:11px 0; border-bottom:1px solid #ededed; text-align:center;}
.public_con02 .list ul li dl dt i{display:block; margin:0 auto;}
.public_con02 .list ul li dl dt p{font-size:18px ;color:#222; letter-spacing:-0.045em; font-weight:500;}
.public_con02 .list ul li dl dd{min-height:175px; background:#fff; display:table; width:100%; padding:20px 0; box-sizing:border-box;}
.public_con02 .list ul li dl dd .center{display:table-cell; vertical-align:middle; font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300; padding:0 20px; box-sizing:border-box;}
.public_con02 .list ul li dl dd .center span{display:block; text-align:center;}
.public_con02 .list ul li dl dd .center p{padding-left:8px; box-sizing:border-box; position:relative; word-break:keep-all; overflow-wrap:anywhere; white-space:normal;}
.public_con02 .list ul li dl dd .center p:before{content:"-"; position:absolute; left:0; top:0;}
.public_con02 .list ul.w05 li{width:calc(20% - 10px);}
.public_con02 .con{display:none;}
.public_con02 .con01{display:block;}

@media all and (max-width:1400px){
	.public_con02 .list .after .text p br{display:none}
}
@media all and (max-width:1000px){
	.public_con01 .tab_btn ul li{width:300px; height:70px; margin:0 10px;}
	.public_con02 .list .after .img_box{width:100%; float:none;}
	.public_con02 .list .after .text{width:100%; float:none; padding:40px 20px;}
	.public_con02 .list ul li{width:calc(50% - 10px); margin-right:20px; margin-bottom:20px; }
	.public_con02 .list ul li:nth-of-type(2n){margin-right:0;}
	.public_con02 .list ul.w05 li{width:calc(50% - 10px);}
}
@media all and (max-width:767px){
	.public_con01 .tab_btn{padding:30px 0 40px;}
	.public_con01 .tab_btn ul li{width:calc(50% - 6px); height:50px; margin:0 3px;}
	.public_con01 .tab_btn ul li a span{font-size:15px;}
	.public_con02 .list ul li{width:calc(50% - 6px); margin-right:12px; margin-bottom:12px; }
	.public_con02 .list ul li:nth-of-type(2n){margin-right:0; }
}


/* 취업분야 - 민간기관 */
.private_con02{margin-bottom:70px; font-size:0; letter-spacing:-4px;}
.private_con02 ul li{display:inline-block; vertical-align:top; width:calc(50% - 20px); margin-right:40px; padding-bottom:40px;}
.private_con02 ul li:nth-of-type(2n){margin-right:0;}
.private_con02 ul li .img_box img{width:100%}
.private_con02 ul li .text{position:relative; background:#fff; padding:40px 0; box-sizing:border-box;}
.private_con02 ul li .text .hr{width:110px; height:6px; background:#007ec6; }
.private_con02 ul li .text h4{margin:0; font-size:24px; color:#007ec6; letter-spacing:-0.045em; font-weight:400; margin:10px 0 30px; text-align:justify}
.private_con02 ul li .text h4 b{font-weight:bold;}
.private_con02 ul li .text p{font-size:18px; color:#222222; letter-spacing:-0.05em; font-weight:300; line-height:28px; padding-bottom:20px; text-align:justify; }
.private_con02 ul li .text p + p{margin-top:30px;}
.private_con02 ul li .text p:last-of-type{padding-bottom:0;}

@media all and (max-width:1400px){
	.private_con02 ul li .text{margin-top:60px; padding:60px 0;}
	.private_con02 ul li .text:before{width:60px;}
}
@media all and (max-width:1000px){
	.private_con02 ul li {width:100%; }
	.private_con02 ul li .img_box{float:none !important; width:100%;}
	.private_con02 ul li .text{float:none !important; width:100%; padding:30px 0 !important; margin-top:0;}
	.private_con02 ul li .text:before{display:none}
}


/* 속기사정보 - 속기사란? */
.info_con02{width:100%; max-width:1920px; margin:0 auto; position:relative;}
.info_con02 .inner:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.info_con02 .img_box{width:50%; float:left; position:relative; z-index:1; overflow:hidden; padding:16% 0;}
.info_con02 .img_box img{position:absolute; left:0; top:0;}
.info_con02 .text{width:50%; float:right; box-sizing:border-box;}
.info_con02 .text .top{padding:50px 0 40px 40px; background:#fff;}
.info_con02 .text .top h4{margin:0; font-size:36px; color:#222222; letter-spacing:-0.045em; font-weight:200; line-height:46px; text-align:justify}
.info_con02 .text .top h4 b{font-weight:bold; color:#007ec6;}
.info_con02 .text .bot{background:#f7f7f7; padding:40px 0 60px 40px; box-sizing:border-box; position:relative;}
.info_con02 .text .bot:before{content:""; width:1000%; height:100%; background:#f7f7f7; position:absolute; left:50%; top:0; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.info_con02 .text .bot p{font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300; line-height:28px; text-align:justify; position:relative;}
.info_con02 .text .bot p + p{margin-top:30px;}
.info_con03{padding:70px 0 130px; text-align:center;}
.info_con03 .sub_tit{margin:0;  margin-bottom:10px;}
.info_con03 h4{font-size:32px; color:#222; letter-spacing:-0.045em; font-weight:bold; margin:0; line-height:1.2; margin-bottom:10px;}
/*.info_con03 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}*/
.info_con03 ul {font-size:0; letter-spacing:-4px; }
.info_con03 ul:after {content:''; display:block; clear:both; }
.info_con03 ul li {position:relative; display:inline-block; vertical-align:top; width:calc(33.33% - 26px); margin-right:36px; border:2px solid #f7f7f7; box-sizing:border-box; min-height:286px; margin-top:82px; position:relative; padding:30px 20px; border-radius:30px; background:url('/img/info_con03_on_bg02.png') no-repeat left bottom; }
.info_con03 ul li:after {content:''; z-index:10; position:absolute; right:-1px; top:-2px; width:176px; height:129px; background:url('/img/info_con03_on_bg01.png') no-repeat center center; border-top-right-radius:30px; }
.info_con03 ul li.right {float:right; }
.info_con03 ul li:nth-of-type(3),
.info_con03 ul li:nth-of-type(4) {margin-right:0;}
.info_con03 ul li .top{width:100%; position:absolute; left:0; top:-42px; width:calc(100% + 2px); text-align:left;}
.info_con03 ul li .top span{font-size:30px; color:#003a5b; letter-spacing:-0.07em; font-weight:bold; font-family:나눔명조; font-style:italic; border-bottom:1px solid #fff; padding-right:40px;}
.info_con03 ul li img{margin:0 auto;}
.info_con03 ul li h5{margin:0; font-size:22px; color:#222000; letter-spacing:-0.045em; font-weight:bold; margin-top:10px; word-break:keep-all;}
.info_con03 ul li .hr{display:none;  width:100%; height:1px; background:#dadada; margin:30px auto; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.info_con03 ul li a {position:absolute; left:50%; bottom:-23px; display:block; width:122px; height:45px; margin:0 auto; border:2px solid #f7f7f7; box-sizing:border-box; border-radius:30px; font-size:16px; color:#007ec6; font-weight:500; letter-spacing:-0.045em; line-height:41px; background-color:#fff; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); }
.info_con03 ul li a i {display:inline-block; vertical-align:middle; width:16px; height:9px; margin-left:5px; background:url('/img/info_con03_arrow.png') no-repeat center center; }
.info_con03 ul li .txt_box {display:none; }
.info_con03 ul li p{font-size:18px; color:#444444; letter-spacing:-0.045em; font-weight:300; line-height:28px;}
.info_con03 ul li p b{color:#222; font-weight:500;}
.info_con03 ul li p + p{margin-top:30px;}

.info_con03 ul li.on .hr {display:block; }
.info_con03 ul li.on {padding:30px 20px 50px; }
.info_con03 ul li:before {content:''; position:absolute; right:-30px; top:128px; width:17px; height:24px; background:url('/img/info_con03_prev.png') no-repeat center center;  }
.info_con03 ul li:nth-of-type(1):before{background:url('/img/info_con03_prev02.png') no-repeat center;}
.info_con03 ul li:nth-of-type(2):before{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.info_con03 ul li:nth-of-type(3):before{display:none;}
.info_con03 ul li:nth-of-type(4):before{right:auto; left:50%; top:-40px; -webkit-transform:translateX(-50%) rotate(270deg); -moz-transform:translateX(-50%) rotate(270deg); -ms-transform:translateX(-50%) rotate(270deg); -o-transform:translateX(-50%) rotate(270deg); transform:translateX(-50%) rotate(270deg);}

.info_con03 .slick-prev, .info_con03 .slick-prev:focus{left:-40px; background:url('/img/info_con03_prev.png') no-repeat center; width:25px; height:35px;}
.info_con03 .slick-prev.slick-disabled:before,.info_con03 .slick-next.slick-disabled:before{display:none;}
.slick-prev:before, .slick-next:before{display:none;}
.info_con03 .slick-next, .info_con03 .slick-next:focus{right:-20px; background:url('/img/info_con03_next.png') no-repeat center; width:25px; height:35px;}
.info_con03 .slick-prev:hover, .info_con03 .slick-prev:focus{color:inherit; background:url('/img/info_con03_prev.png') no-repeat center;}
.info_con03 .slick-next:hover, .info_con03 .slick-next:focus{color:inherit; background:url('/img/info_con03_next.png') no-repeat center;}

.info_con03 ul li.type01 .top span {color:#007fc6; }
.info_con03 ul li.type01 h5{color:#007fc6}
.info_con03 ul li.type01 .hr{background:#007fc6}
.info_con03 ul li.type01 p{color:#007fc6}
.info_con03 ul li.type01 p b{color:#007fc6}
.info_con03 ul li.type01 a {border-color:#007ec6; }

@media all and (max-width:1200px){
	.info_con02 .img_box{width:40%; padding:20% 0;}
	.info_con02 .text{width:60%;}
	.info_con02 .text .top h4 br{display:none }
	.info_con02 .text .bot p br{display:none }
}
@media all and (max-width:1000px){
	.info_con03 .slick-prev, .info_con03 .slick-prev:focus{display:none !important;}
	.info_con03 .slick-next, .info_con03 .slick-next:focus{display:none !important;}
	.info_con02 .img_box{width:100%; padding:0; float:none;}
	.info_con02 .img_box img{width:100%; min-width:800px; position:static;}
	.info_con02 .text{width:100%; float:none; margin-top:-100px; position:relative; z-index:1;}
	.info_con02 .text .top{padding:30px;}
	.info_con02 .text .bot{padding:30px;}
	
	.info_con03 ul li{width:calc(50% - 18px)}
	.info_con03 ul li:nth-of-type(2n) {margin-right:0;}
	.info_con03 ul li:nth-of-type(3){margin-right:0;}
	.info_con03 ul li:nth-of-type(4){margin-right:36px;}
	.info_con03 ul li.right {float:none; }
	.info_con03 ul li:nth-of-type(3),
	.info_con03 ul li:nth-of-type(4){float:right;}
	.info_con03 ul li:nth-of-type(2):before{display:none;}
	.info_con03 ul li:nth-of-type(3):before,
	.info_con03 ul li:nth-of-type(5):before{display:block ;right:auto; left:50%; top:-40px; -webkit-transform:translateX(-50%) rotate(270deg); -moz-transform:translateX(-50%) rotate(270deg); -ms-transform:translateX(-50%) rotate(270deg); -o-transform:translateX(-50%) rotate(270deg); transform:translateX(-50%) rotate(270deg);}
	.info_con03 ul li:nth-of-type(4):before{right:-30px; left:auto; top:128px; -webkit-transform:translateX(0) rotate(0); -moz-transform:translateX(0) rotate(0); -ms-transform:translateX(0) rotate(0); -o-transform:translateX(0) rotate(0); transform:translateX(0) rotate(0);}
	.info_con03 ul li:nth-of-type(6):before{right:auto; left:-30px; top:128px; -webkit-transform:translateX(0) rotate(180deg); -moz-transform:translateX(0) rotate(180deg); -ms-transform:translateX(0) rotate(180deg); -o-transform:translateX(0) rotate(180deg); transform:translateX(0) rotate(180deg);}
}

@media all and (max-width:767px){
	.info_con03 ul li{width:100%; margin-right:0;}
	.info_con03 ul li:nth-of-type(4){margin-right:0;}
	.info_con03 ul li:before{display:none;}
	.info_con03 ul li:nth-of-type(3),
	.info_con03 ul li:nth-of-type(4){float:none;}
	.info_con03 ul li:nth-of-type(3):before,
	.info_con03 ul li:nth-of-type(5):before{display:none;}
}

/* 속기사정보 - 속기사키보드 */
.keyboard_con02{width:100%; max-width:1920px; margin:0 auto; position:relative; padding-bottom:50px;}
.keyboard_con02 .inner:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.keyboard_con02 .img_box{width:50%; float:left; position:relative; z-index:1; overflow:hidden; padding:16% 0;}
.keyboard_con02 .img_box img{position:absolute; left:0; top:0;}
.keyboard_con02 .text{width:50%; float:right; box-sizing:border-box;}
.keyboard_con02 .text .top{padding:50px 0 40px 40px; background:#fff;}
.keyboard_con02 .text .top h4{margin:0; font-size:36px; color:#222222; letter-spacing:-0.045em; font-weight:200; line-height:46px; text-align:justify}
.keyboard_con02 .text .top h4 b{font-weight:bold; color:#007ec6;}
.keyboard_con02 .text .bot{background:#f7f7f7; padding:40px 0 60px 40px; box-sizing:border-box; position:relative;}
.keyboard_con02 .text .bot:before{content:""; width:1000%; height:calc(100% + 50px); background:#f7f7f7; position:absolute; left:50%; top:0; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.keyboard_con02 .text .bot p{font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300; line-height:28px; text-align:justify; position:relative;}
.keyboard_con02 .text .bot p + p{margin-top:30px;}
.keyboard_con02 .btn_box{display:block; overflow:hidden; clear:both; padding-top:60px;}
.keyboard_con02 .btn_box a{text-align:left; margin: 0; line-height:56px; display:block; width:228px; height:56px; background:#007ec6; border-radius:5px; padding:0 20px; box-sizing:border-box; font-size:18px; color:#fff; letter-spacing:-0.045em; font-weight:500; position:relative;}
.keyboard_con02 .btn_box a i{position:absolute; right:20px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.keyboard_con03{padding:65px 0 95px; text-align:center; background:#fff;}
.keyboard_con03 h4{font-size:32px; color:#222; letter-spacing:-0.045em; font-weight:bold; margin:0; line-height:52px; margin-bottom:30px;}
.keyboard_con03 p{font-size:22px; color:#222222; letter-spacing:-0.045em; font-weight:300; word-break:keep-all;}
.keyboard_con03 ul{margin-top:50px; font-size:0; letter-spacing:-4px; text-align:center;}
.keyboard_con03 ul li{width:20%; display:inline-block; vertical-align:top; padding:0 10px; box-sizing:border-box;}
.keyboard_con03 ul li .img_box{width:185px; height:185px; border:1px solid #d5dbdd; background:#fff; border-radius:50%; margin:0 auto; position:relative;}
.keyboard_con03 ul li .img_box .num{z-index:2; position:absolute; left:0; top:5px; display:block; width:43px; height:43px; line-height:43px; text-align:center; font-size:16px; letter-spacing:-0.045em; font-weight:bold; background:#494e51; border-radius:50%; color:#fff;}
.keyboard_con03 ul li .img_box > img{width:100%;}
.keyboard_con03 ul li .text{padding-top:20px;}
.keyboard_con03 ul li .text p{font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300; line-height:28px; min-height:28px; word-break:keep-all;}
.keyboard_con04{padding:70px 0 130px; position:relative; font-size:0; letter-spacing:-4px; background:#fff url('/img/keyboard_con04_bg-v3.jpg') no-repeat center center / cover; }
/*.keyboard_con04:before{content:""; width:1px; height:74px; background:#535353; display:block; position:absolute; left:50%; top:-37px;}*/
.keyboard_con04 .img_box{display:inline-block; vertical-align:top; width:420px;}
.keyboard_con04 .img_box img{width:100%;}
.keyboard_con04 .txt_box{display:block; vertical-aligN:top; width:50%; padding-left:120px; box-sizing:border-box; margin-left:auto; }
.keyboard_con04 h4{font-size:26px; color:#007ec6; letter-spacing:-0.045em; font-weight:500; line-height:28px; margin-bottom:36px; text-align:justify}
.keyboard_con04 p{font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300; line-height:28px; margin-top:30px; text-align:justify}

@media all and (max-width:1200px){
	.keyboard_con02 .img_box{width:40%; padding:20% 0;}
	.keyboard_con02 .text{width:60%;}
	.keyboard_con02 .text .top h4 br{display:none }
	.keyboard_con02 .text .bot p br{display:none }
	.keyboard_con03 ul li .img_box{width:150px; height:150px;}
	.keyboard_con03 ul li .img_box i img{width:75px;}
	.keyboard_con03 ul li .text p{min-height:auto;}
	.keyboard_con03 ul li .text p br{display:none;}
	.keyboard_con04 p br{display:none;}
}
@media all and (max-width:1000px){
	.keyboard_con02 .text .top h4 b{display:block;}
	.keyboard_con02{padding-bottom:0;}
	.keyboard_con02 .img_box{width:100%; padding:0; float:none;}
	.keyboard_con02 .img_box img{width:100%; min-width:800px; position:static;}
	.keyboard_con02 .text{width:100%; float:none; margin-top:-100px; position:relative; z-index:1;}
	.keyboard_con02 .text .top{padding:30px;}
	.keyboard_con02 .text .bot{padding:30px;}
	.keyboard_con02 .text .bot:before{height:100%;}
	.keyboard_con03 p br{display:none}
	.keyboard_con03 ul li{width:33.333333%}
	.keyboard_con03 ul li .text{padding:20px 0 30px;}
	.keyboard_con04 .img_box{width:100%;}
	.keyboard_con04 .txt_box{width:100%; padding-left:0; padding-top:60px;}
}
@media all and (max-width:767px){
	.keyboard_con03 ul li{width:50%}
}


/* 속기사정보 - 속기사자격시험 */
.exam_con01 .tab_btn{margin:0 0 40px;}
.exam_con01 .tab_btn ul{text-align:center; font-size:0; letter-spacing:-4px; position:relative;}
.exam_con01 .tab_btn ul li{position:relative; z-index:2; display:inline-block; vertical-align:middle; width:50%; height:76px; border:1px solid #bfbfbf; background:#fff; box-sizing:border-box;}
.exam_con01 .tab_btn ul li a{display:table; width:100%; height:100%;}
.exam_con01 .tab_btn ul li a span{width:100%; text-align:center; display:table-cell; vertical-align:middle; font-size:20px; color:#444; letter-spacing:-0.045em; font-weight:bold;}
.exam_con01 .tab_btn ul li.on{border-color:#007ec6; background:#007ec6;}
.exam_con01 .tab_btn ul li.on a span{color:#fff;}
.exam_con02 .con{display:none}
.exam_con02 .con01{display:block;}
.exam_con02{padding-bottom:130px;}
.exam_con02 .tab_btn02{margin:0 0 80px;}
.exam_con02 .tab_btn02 ul{margin:0; font-size:0; letter-spacing:-4px; text-align:center;}
.exam_con02 .tab_btn02 ul li{display:inline-block; vertical-aligN:middle; margin:0 40px; width:130px; height:130px; border-radius:50%; background:#f3f3f3;}
.exam_con02 .tab_btn02 ul li a{display:table; width:100%; height:100%;}
.exam_con02 .tab_btn02 ul li a span{display:table-cell; vertical-align:middle; width:100%; text-align:center; font-size:16px; color:#444444; letter-spacing:-0.045em; font-weight:300;}
.exam_con02 .tab_btn02 ul li.on{background:#ddeff6;}
.exam_con02 .tabs{display:none;}
.exam_con02 .tab01{display:block;}
.mt-80{margin-top:80px !important}
.exam_con02 .exam_tit{text-align:center; margin-bottom:40px;}
.exam_con02 .exam_tit h4{font-size:32px; color:#007ec6; letter-spacing:-0.045em; font-weight:bold; line-height:46px; margin:0 0 20px;}
.exam_con02 .exam_tit p{font-size:22px; color:#444444; letter-spacing:-0.045em; font-weight:300; line-height:1.1;}
.exam_con02 .box_tit{background:#f4f8fa; padding:40px 15px; box-sizing:border-box; text-align:center;}
.exam_con02 .box_tit p{font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300; line-height:28px; word-break:keep-all;}
.exam_con02 .box_tit p b.type01{color:#dc0000}
.exam_con02 .box_tit p strong{text-decoration:underline; }
.exam_con02 .box_tit p strong.type01{text-decoration:underline; color:#dc0000}
.exam_con02 dl dt{padding:20px 0; }
.exam_con02 dl dt p{padding-left:22px; font-size:22px; color:#007ec6; letter-spacing:-0.045em; font-weight:bold; line-height:1; position:relative;}
.exam_con02 dl dt p:before{content:""; width:12px; height:14px; background:url('/img/exam_con02_tit_icon.png')no-repeat center / cover; position:absolute; left:0; top:55%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.exam_con02 dl dd{padding-bottom:20px;}
.exam_con02 dl dd .hr{width:100%; height:1px; background:#535353; margin-bottom:20px;}
.exam_con02 dl dd p{margin:2px 0; font-size:18px; color:#444444; letter-spacing:-0.045em; font-weight:300; line-height:28px; text-align:justify}
.exam_con02 dl dd p span{color:#d20f0f}
.exam_con02 dl dd p i{display:block; font-style:inherit; padding-left:15px; box-sizing:border-box;}
.exam_con02 dl dd p b{background:#f7f7e6; color:#d20f0f; font-size:16px; font-weight:300; display:inline-block; padding:2px 7px;}
.exam_con02 dl dd p strong{text-decoration:underline;}
.exam_con02 dl dd table{width:100%; min-width:767px; margin-bottom: 10px;}
.exam_con02 dl dd table tr th{border-top:1px solid #007ec6; border-bottom:1px solid #ddd; padding:18px; background:#f7f7f7; font-size:20px; color:#222; letter-spacing:-0.045em; font-weight:500;}
.exam_con02 dl dd table tr td{text-align:center; border:1px solid #ddd; border-right:0; font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300; padding:16px 5px;}
.exam_con02 dl dd table tr td:first-child{border-left:0;}
.exam_con02 dl dd table tr td[rowspan]:first-child{border-left:0;}
.exam_con02 dl dd table tr td b{color:#222; font-weight:500; font-size:20px;}
.exam_con02 dl dd table tr td b.type01 {font-size: 18px;}
.exam_con02 dl dd table tr td.text_left {padding-left: 30px; text-align: left; box-sizing: border-box;}
.exam_con02 dl dd .table_text{text-align:right;}
.exam_con02 dl dd .table_text p{font-size:20px; color:#222; letter-spacing:-0.045em; font-weight:bold; margin:15px 0 10px; box-sizing: border-box;}
/* .exam_con02 dl dd .table_text.type01{padding-top:20px} */
.exam_con02 dl dd .table_text.type01 p {position: relative; font-size: 18px; font-weight: 300; margin: 5px 0 0; padding-left: 30px;}
.exam_con02 dl dd .table_text.type01 p:before {position: absolute; left: 7px; content: '*';}
.exam_con02 dl dd .table_text.type02 p {font-weight: 500; margin: 30px 0 0; padding-left: 30px;}
.exam_con02 dl dd .table_text.type02 p:before {position: absolute; left: 0; content: '※';}
.blue {color: #007ec6 !important;}

@media all and (max-width:1400px){
	.exam_con02 dl dd p br{display:none}
	.exam_con02 .box_tit p br{display:none}
}
@media all and (max-width:1000px){
	.exam_con01 .tab_btn ul li{width:300px; height:70px; margin:0 10px;}
	.exam_con02 .tab_btn02 ul li{margin:0 20px;}
}
@media all and (max-width:767px){
	.exam_con01 .tab_btn{margin:30px 0 40px;}
	.exam_con01 .tab_btn ul li{width:210px; height:50px; margin:0 5px;}
	.exam_con01 .tab_btn ul li a span{font-size:16px;}
	.exam_con02 dl dd .table_wrap{overflow-x:auto}
	.exam_con02 dl dd table tr th{font-size:18px;}
	.exam_con02 dl dd table tr td{font-size:16px;}
	.exam_con02 dl dd table tr td b{font-size:18px;}
}



/* 취업지원센터 - 속기사등록 */
.enrollment_con02{width:100%; max-width:1920px; margin:0 auto; position:relative;}
.enrollment_con02 .inner:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.enrollment_con02 .img_box{width:50%; float:left; position:relative; z-index:1; overflow:hidden; padding:16% 0;}
.enrollment_con02 .img_box img{position:absolute; left:0; top:0;}
.enrollment_con02 .text{width:50%; float:right; box-sizing:border-box;}
.enrollment_con02 .text .top{padding:50px 0 40px 40px; background:#fff;}
.enrollment_con02 .text .top h4{margin:0; font-size:36px; color:#222222; letter-spacing:-0.045em; font-weight:200; line-height:46px; word-break:keep-all;}
.enrollment_con02 .text .top h4 b{font-weight:bold;}
.enrollment_con02 .text .bot{background:#f7f7f7; padding:40px 0 60px 40px; box-sizing:border-box; position:relative;}
.enrollment_con02 .text .bot:before{content:""; width:1000%; height:calc(100% + 50px); background:#f7f7f7; position:absolute; left:50%; top:0; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.enrollment_con02 .text .bot p{font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300; line-height:28px; text-align:justify; position:relative;}
.enrollment_con02 .text .bot p + p{margin-top:30px;}
.enrollment_con03{text-align:center; padding:80px 0 150px;}
.enrollment_con03 h4{margin:0; font-size:32px; color:#222000; letter-spacing:-0.045em; font-weight:bold;}
.enrollment_con03 p{font-size:22px; color:#222; letter-spacing:-0.045em; font-weight:300; line-height:32px; margin:20px 0 30px; word-break:keep-all;}
.enrollment_con03 ul li:nth-of-type(3){margin-right:0;}
.enrollment_con03 dl {width:100%; margin-left:auto; position:relative; padding:40px 0;}
.enrollment_con03 dl:after{content:''; display:table; clear:both;}
.enrollment_con03 dl:before{content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background:#dddddd; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);transform:translateX(-50%);}
.enrollment_con03 dl dt{width:120px; box-sizing:border-box; border:4px solid #007fc6; font-size:18px; font-weight:Bold; letter-spacing:0; color:#007fc6 ; line-height:24px; background:#fff; padding:32px 0; position:absolute; left:50%; top:40px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
.enrollment_con03 dl dt:before{content:''; position:absolute; width:40px; height:4px; background:#007fc6; right:-40px; top:58px;}
.enrollment_con03 dl dd{box-sizing:border-box;}
.enrollment_con03 dl dd:after{content:''; display:table; clear:both;}
.enrollment_con03 dl dd .img_box{float:right; width:50%; box-sizing:border-box; padding-left:120px;}
.enrollment_con03 dl dd .img_box img{width:100%;}
.enrollment_con03 dl dd .txt_box{float:right; width:50%; box-sizing:border-box; padding-right:120px;}
.enrollment_con03 dl dd .txt_box h5{font-size:26px; color:#007ec6; letter-spacing:-0.045em; font-weight:bold; margin:0; margin-bottom:20px; text-align:right;}
.enrollment_con03 dl dd .txt_box p{word-break:keep-all; font-size:18px; color:#222; letter-spacing:-0.045em; font-weight:300; margin:0; line-height:28px; text-align:justify; text-align:right;}
.enrollment_con03 dl dd .txt_box p + p{margin-top:30px;}
.enrollment_con03 dl:last-of-type dd{padding-bottom:0;}

.enrollment_con03 a{text-align:left; margin:0 auto 60px; line-height:56px; display:block; width:228px; height:56px; background:#007ec6; border-radius:5px; padding:0 20px; box-sizing:border-box; font-size:18px; color:#fff; letter-spacing:-0.045em; font-weight:500; position:relative;}
.enrollment_con03 a i{position:absolute; right:20px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.enrollment_con03 dl:nth-of-type(2n) dt:before{right:auto; left:-40px;}
.enrollment_con03 dl:nth-of-type(2n) dd .img_box{float:left; padding-left:0; padding-right:120px;}
.enrollment_con03 dl:nth-of-type(2n) dd .txt_box{float:left; padding-left:120px; padding-right:0;}
.enrollment_con03 dl:nth-of-type(2n) dd .txt_box h5{text-align:left;}
.enrollment_con03 dl:nth-of-type(2n) dd .txt_box p{text-align:left;}

@media all and (max-width:1400px){
	.enrollment_con03 ul li p br{display:none}
}
@media all and (max-width:1200px){
	.enrollment_con02 .img_box{width:40%; padding:20% 0;}
	.enrollment_con02 .text{width:60%;}
	.enrollment_con02 .text .top h4 br{display:none}
	.enrollment_con02 .text .bot p br{display:none}
}
@media all and (max-width:1000px){
	.enrollment_con02 .img_box{width:100%; padding:0; float:none;}
	.enrollment_con02 .img_box img{width:100%; min-width:800px; position:static;}
	.enrollment_con02 .text{width:100%; float:none; margin-top:-100px; position:relative; z-index:1;}
	.enrollment_con02 .text .top{padding:30px;}
	.enrollment_con02 .text .bot{padding:30px;}
	.enrollment_con02 .text .bot:before{height:100%;}
	
	.enrollment_con03 dl{width:100%; margin-left:0;}
	.enrollment_con03 dl:before{left:60px;}
	.enrollment_con03 dl dt{left:0; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0);}
	.enrollment_con03 dl dd{padding-left:180px;}
	.enrollment_con03 dl dd .img_box{float:none; width:100%; padding-left:0;}
	.enrollment_con03 dl dd .txt_box{float:none; width:100%; padding-right:0;}
	.enrollment_con03 dl dd .txt_box h5{text-align:left; padding-top:30px;}
	.enrollment_con03 dl dd .txt_box p{text-align:left;}
	.enrollment_con03 dl:nth-of-type(2n):before{left:60px; right:auto;}
	.enrollment_con03 dl:nth-of-type(2n) dt{left:0px; right:auto;}
	.enrollment_con03 dl:nth-of-type(2n) dt:before{right:-40px; left:auto}
	.enrollment_con03 dl:nth-of-type(2n) dd{padding-left:180px; padding-right:0;}
	.enrollment_con03 dl:nth-of-type(2n) dd .img_box{padding-right:0;}
	.enrollment_con03 dl:nth-of-type(2n) dd .txt_box{padding-left:0;}
	.enrollment_con03 dl:nth-of-type(2n) dd h5{text-align:left;}
	.enrollment_con03 dl:nth-of-type(2n) dd p{text-align:left;}
}	
@media all and (max-width:767px){
	.enrollment_con03 dl:before{display:none;}
	.enrollment_con03 dl dt{position:relative; left:0; top:0;}
	.enrollment_con03 dl dt:before{width:4px; height:40px; right:auto; left:58px; top:auto; bottom:-40px;}
	.enrollment_con03 dl dd{padding-left:0; padding-top:60px;}
	.enrollment_con03 dl:nth-of-type(2n) dt:before{left:58px; right:auto;}
	.enrollment_con03 dl:nth-of-type(2n) dd{padding-top:60px; padding-left:0;}
}

/* 취업지원센터 - 증명서발급 */
.certificate_con02{padding-bottom:55px;}
.certificate_con02 ul{font-size:0; letter-spacing:-4px; text-align:center; margin-bottom:40px;}
.certificate_con02 ul li{margin:0 -20px; line-height:122px; width:320px; height:122px; border-radius:80px; display:inline-block; vertical-align:top; font-size:24px; color:#ffffff; letter-spacing:-0.045em; font-weight:bold;}
.certificate_con02 ul li:nth-of-type(1){background:#0090ff}
.certificate_con02 ul li:nth-of-type(2){background:rgba(0,65,210,0.84);}
.certificate_con02 p{font-size:22px; color:#222222; letter-spacing:-0.045em; font-weight:300; line-height:32px; text-align:center;}
.certificate_con03{background:#f7f7f7; padding:80px 0; text-align:center;}
.certificate_con03 h4{font-size:32px; color:#222000; letter-spacing:-0.045em; font-weight:bold; line-height:1.1}
.certificate_con03 ul{font-size:0; letter-spacing:-4px;}
.certificate_con03 ul li{display:inline-block; vertical-align:top; margin-right:4px; width:calc(16.6666% - 3.33333px); background:#fff; padding:25px 10px ; text-align:center; position:relative; box-sizing:border-box; margin-top:25px;}
.certificate_con03 ul li:last-of-type{margin-right:0;}
.certificate_con03 .one span{display:block; font-size:18px; font-weight:bold; letter-spacing:0; color:#4d4d4d;}
.certificate_con03 .one i{padding:45px 0 40px; position:relative; display:block; text-align:center;}
.certificate_con03 .one i:before{content:''; position:absolute; right:-10px; top:50%; width:14px; height:23px; background:url('/img/certificate_con03_arrow.png') no-repeat center; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); z-index:5}
.certificate_con03 ul li:last-of-type .one i:before{display:none;}
.certificate_con03 .text p{font-size:22px; font-weight:bold;letter-spacing:-0.045em; color:#000; padding-bottom:15px;}
.certificate_con03 .text span{display:block; font-weight:300; font-size:16px; letter-spacing:-0.045em; color:#666666; line-height:26px; min-height:78px;}

.certificate_con04{margin-top:70px; }
.certificate_con04 ul{font-size:0; letter-spacing:-4px; background:#f3f3f3; padding:40px;}
.certificate_con04 ul li{font-size:18px; color:#222000; letter-spacing:-0.045em; font-weight:300; word-break:keep-all;}
.certificate_con04 ul li b{font-weight:300; color:#dc0000}

@media all and (max-width:1400px){
	.certificate_con03 .text span br{display:none;}
	.certificate_con03 .text p{font-size:20px; min-height:73px; box-sizing:border-box;}
	.certificate_con03 .text span{min-height:110px;}
}
@media all and (max-width:1000px){
	
	.certificate_con02 ul li{width:220px; height:80px; line-height:80px; font-size:20px;}
	.certificate_con02 p br{display:none}
	.certificate_con03 ul li{width:calc(33.3333% - 2.66666px);}
	.certificate_con03 ul li:nth-of-type(3n){margin-right:0;}
	.certificate_con03 ul li:nth-of-type(n+4){margin-top:4px;}
	.certificate_con03 .text p{min-height:auto;}
	.certificate_con03 .text span{min-height:78px;}
	.certificate_con03 .text span br{display:block;}
	.certificate_con04 ul li{display:block; width:100% !important; margin-bottom:10px;}
}
@media all and (max-width:767px){
	.certificate_con03 ul li{width:calc(50% - 2px);}
	.certificate_con03 ul li:nth-of-type(3n){margin-right:4px;}
	.certificate_con03 ul li:last-of-type{margin-right:4px;}
	.certificate_con03 ul li:nth-of-type(2n){margin-right:0;}
	.certificate_con03 ul li:nth-of-type(n+3){margin-top:4px;}
}


/* 취업지원센터 - 전문속기사교육 */
.center_education_con02{width:100%; max-width:1920px; margin:0 auto; position:relative;}
.center_education_con02 .inner:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.center_education_con02 .img_box{width:50%; float:left; position:relative; z-index:1; overflow:hidden; padding:16% 0;}
.center_education_con02 .img_box img{position:absolute; left:0; top:0;}
.center_education_con02 .text{width:50%; float:right; box-sizing:border-box;}
.center_education_con02 .text .top{padding:50px 0 40px 40px; background:#fff;}
.center_education_con02 .text .top h4{margin:0; font-size:36px; color:#222222; letter-spacing:-0.045em; font-weight:200; line-height:46px; text-align:justify}
.center_education_con02 .text .top h4 b{font-weight:bold; color:#007ec6;}
.center_education_con02 .text .bot{background:#f7f7f7; padding:40px 0 60px 40px; box-sizing:border-box; position:relative;}
.center_education_con02 .text .bot:before{content:""; width:1000%; height:100%; background:#f7f7f7; position:absolute; left:50%; top:0; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.center_education_con02 .text .bot p{font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300; line-height:28px; text-align:justify; position:relative;}
.center_education_con02 .text .bot p + p{margin-top:30px;}
.center_education_con02 .text .bot p strong{color:#dc0000}
.center_education_con03{margin-top:-190px;}
.center_education_con03 .bg_box{text-align:center; padding:100px 20px; background:url('/img/center_education_con03_bg_box_bg.jpg')no-repeat center / cover;}
.center_education_con03 .bg_box h4{word-break:keep-all; font-size:32px; color:#ffffff; letter-spacing:-0.045em; font-weight:bold; line-height:1.1; margin:0; margin-bottom:30px;}
.center_education_con03 .bg_box p{word-break:keep-all; font-size:18px; color:#02325b; letter-spacing:-0.045em; font-weight:400; line-height:28px;}
.center_education_con04{padding:80px 0 150px; text-align:center; background:url('/img/center_education_con04_bg.png') no-repeat center / cover;}
.center_education_con04 .top{width:380px; height:382px; background:url('/img/center_education_con04_tit.png') no-repeat center / cover; margin:0 auto; display:table; }
.center_education_con04 .top div{display:table-cell; vertical-align:middle; width:100%; height:100%;}
.center_education_con04 h4{font-size:32px; color:#fff; letter-spacing:-0.045em; font-weight:bold; margin:0 0 15px;}
.center_education_con04 p{font-size:20px; color:#fff; letter-spacing:-0.045em; font-weight:300;}
.center_education_con04 ul{margin-top:40px; text-align:center; font-size:0; letter-spacing:-4px;}
.center_education_con04 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.center_education_con04 ul br{display:none;}
.center_education_con04 ul li{width:300px; margin-right:40px; display:inline-block; vertical-align:top;}
.center_education_con04 ul li:last-of-type{margin-right:0;}
.center_education_con04 ul li .one{width:100%; margin:0 auto;  box-sizing:border-box; margin-bottom:20px; width:300px; height:346px; background:url('/img/center_education_con04_bg02.png') no-repeat center / cover; display:table;}
.center_education_con04 ul li .one div{display:table-cell; vertical-align:middle; width:100%; height:100%;}
.center_education_con04 ul li .one .hr{width:37px; height:6px; background:#007ec6; margin:0 auto 20px;}
.center_education_con04 ul li .one p{word-break:keep-all; font-size:20px; color:#444; letter-spacing:-0.045em; font-weight:bold; line-height:32px; padding-top:35px;}
.center_education_con04 ul li .text p{word-break:keep-all; font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300;}
/*.center_education_con04 ul li .text p strong{text-decoration:underline;}*/

@media all and (max-width:1400px){
	.center_education_con02 ul .slick-prev{left:10px;}
	.center_education_con02 ul .slick-next{right:10px;}
	.center_education_con04 ul br{display:block;}
	.center_education_con04 ul li:nth-of-type(2){margin-right:0;}
	.center_education_con04 ul li:nth-of-type(n+3){margin-top:50px;}
}
@media all and (max-width:1200px){
	.center_education_con02 .img_box{width:40%; padding:20% 0;}
	.center_education_con02 .text{width:60%;}
	.center_education_con02 .text .top h4 br{display:none }
	.center_education_con02 .text .bot p br{display:none }
	.center_education_con04 ul li .text p br{display:none}
}
@media all and (max-width:1000px){
	.center_education_con02 .img_box{width:100%; padding:0; float:none;}
	.center_education_con02 .img_box img{width:100%; min-width:800px; position:static;}
	.center_education_con02 .text{width:100%; float:none; margin-top:-100px; position:relative; z-index:1;}
	.center_education_con02 .text .top{padding:30px;}
	.center_education_con02 .text .bot{padding:30px;}
	.center_education_con02 span br{display:none}
	.center_education_con03 .bg_box p br{display:none}
	.center_education_con04 ul li{width:calc(50% - 20px); margin-bottom:20px}
	.center_education_con04 ul li:nth-of-type(2n){margin-right:0;}
}
@media all and (max-width:767px){
	.center_education_con02 .text .top h4 b {display:block; }
	.center_education_con04 ul li{width:100%;}
	.center_education_con04 ul li .text p br{display:block;}
}


/* 취업지원센터 - 실무교육 */
.practice_con02{width:100%; max-width:1920px; margin:0 auto; position:relative;}
.practice_con02 .inner:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.practice_con02 .img_box{width:50%; float:left;}
.practice_con02 .img_box img{width:100%;}
.practice_con02 .text{width:50%; float:right; margin-top:30px; background:#f7f7f7; padding:80px 70px 90px; box-sizing:border-box; position:relative}
.practice_con02 .text:before{content:""; width:10000%; height:100%; background:#f7f7f7; position:absolute; left:-1000%; top:0; z-index:-1;}
.practice_con02 .text ul{margin:40px 0;}
.practice_con02 .text ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.practice_con02 .text ul li{float:left; width:200px; height:60px; line-height:60px; text-align:center; font-size:20px; color:#fff; border-radius:40px; letter-spacing:0em; font-weight:bold; position:relative; background:rgba(0,126,198,0.8);}
.practice_con02 .text ul li:nth-of-type(2){background:rgba(62,98,173,0.8); left:-55px;}
.practice_con02 .text ul li:nth-of-type(2):before{content:""; width:17px; height:17px; background:url('/img/practice_con02_text_plus.png')no-repeat center/ cover; position:absolute; left:19px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.practice_con02 .text h4{font-size:28px; color:#222222; letter-spacing:-0.045em; font-weight:bold; margin:0; line-height:32px;}
.practice_con02 .text p{font-size:20px; color:#222222; letter-spacing:-0.045em; font-weight:300; margin:0; line-height:30px; word-break:keep-all;}
.practice_con03{text-align:center; padding:80px 0;}
.practice_con03 h4{font-size:28px; color:#022222; letter-spacing:-0.045em; font-weight:bold; margin:0 0 15px;}
.practice_con03 p{font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300; word-break:keep-all;}
.practice_con04{background:#f7f7f7; padding:80px 0;}
.practice_con04 h4{font-size:32px; color:#022222; letter-spacing:-0.045em; font-weight:bold; margin:0 0 15px;}
.practice_con04 dl:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.practice_con04 dl{background:#fff; height:163px; padding:20px; box-sizing:border-box; margin:20px 0;}
.practice_con04 dl dt{float:left; display:table; vertical-align:middle; width:260px; height:100%; border-right:1px dashed #d7d7d7; box-sizing:border-box;}
.practice_con04 dl dt .center{display:table-cell; vertical-align:middle; text-align:center;}
.practice_con04 dl dt .center i{display:inline-block; vertical-align:middle; margin-right:10px;}
.practice_con04 dl dt .center span{font-size:22px; color:#222222; letter-spacing:-0.045em; font-weight:bold; display:inline-block; vertical-align:middle; }
.practice_con04 dl dd{float:left; width:calc(100% - 260px); display:table; vertical-align:middle; height:100%;}
.practice_con04 dl dd .center{display:table-cell; vertical-align:middle; text-align:center; padding:0 70px; box-sizing:border-box; }
.practice_con04 dl dd p{word-break:keep-all; font-size:18px; color:#222222; letter-spacing:-0.045em; text-align:justify;}
.practice_con04 dl dd p br.m_block{display:none}
.practice_con05{padding:80px 0; text-align:center;}
.practice_con05 h4{font-size:32px; color:#222; letter-spacing:-0.045em; font-weight:bold; margin:0}
.practice_con05 ul{margin-top:40px;}
.practice_con05 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.practice_con05 ul li{width:25%; float:left; text-align:center;}
.practice_con05 ul li .one{width:227px; height:228px; margin:0 auto; box-sizing:border-box; border-radius:50%; position:relative;}
.practice_con05 ul li .one img{width:100%;}
.practice_con05 ul li .one span{width:43px; height:43px; background:#494e51; border-radius:50%; text-align:center; display:block; letter-spacing:-0.045em; font-size:16px; color:#fff; font-weight:bold; line-height:43px; position:absolute; left:10px; top:10px} 
.practice_con05 ul li .one p{word-break:keep-all; font-size:22px; color:#007ec6; letter-spacing:-0.045em; font-weight:bold; line-height:32px;}
.practice_con05 ul li .text{min-height:170px; padding:20px 0;}
.practice_con05 ul li .text h5{margin:0; word-break:keep-all; font-size:20px; color:#222222; letter-spacing:-0.045em; font-weight:bold;}
.practice_con05 ul li .text p{margin-top:20px; word-break:keep-all; font-size:18px; color:#555; letter-spacing:-0.045em; font-weight:300;}
.practice_con05 ul li .text p span{color:#d61e1e;}
.practice_con06{text-align:center; background:#007ec6; padding:80px 0;}
.practice_con06 h4{font-size:32px; color:#fff; letter-spacing:-0.045em; font-weight:bold; margin:0 0 15px;}
.practice_con06 p{font-size:22px; color:#b3d0e1; letter-spacing:-0.045em; font-weight:300; word-break:keep-all;}
.practice_con06 .search_box{width:100%; max-width:1200px; margin:40px auto 60px; border-radius:50px; height:88px; background:#fff; position:relative; overflow:hidden;}
.practice_con06 .search_box input{padding:0 40px; box-sizing:border-box; display:block; width:calc(100%  - 170px); height:100%; border:none; background:#fff; -webkit-appearance: none; -webkit-border-radius: 0; font-size:20px; color:#222; letter-spacing:-0.045em; font-weight:400;}
.practice_con06 .search_box input::placeholder{color:#222222}
.practice_con06 .search_box input:focus{outline:none}
.practice_con06 .search_box a{width:170px; display:block; height:64px; background:#123c8e; border-radius:30px; text-align:center; line-height:64px; font-size:20px; color:#fff; letter-spacing:-0.045em; font-weight:bold; position:absolute; right:12px; top:12px;}
.practice_con06 .search_text p{font-size:26px; color:#fff; letter-spacing:-0.045em; font-weight:bold;}
.practice_con06 .search_text p span{display:inline-block; vertical-align:top; margin:0 25px; padding:0 10px; border-bottom:4px solid #123c8e;}
.practice_con06_sub{background:#006aa6; padding:8px 0; text-align:center; }
.practice_con06_sub span{display:block; font-size:18px; color:#94c1da; letter-spacing:-0.045em; font-weight:300;}
.practice_con07{text-align:center; padding:80px 0 110px;}
.practice_con07 h4{font-size:32px; color:#222000; letter-spacing:-0.045em; font-weight:bold; margin:0 0 30px;}
.practice_con07 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.practice_con07 ul li{width:calc(25% - 15px); margin-bottom:20px; margin-right:20px; float:left;}
.practice_con07 ul li:nth-of-type(4n){margin-right:0;}
.practice_con07 ul li img{max-width:100%;}

@media all and (max-width:1200px){
	.practice_con02 .text{width:50%; padding:20px 40px 30px;}
	.practice_con02 .text ul li{width:190px}
/*	.practice_con02 .text p br{display:none}*/
	.practice_con03 p br{display:none}
}
@media all and (max-width:1000px){
	.practice_con02 .img_box{width:100%; float:none;}
	.practice_con02 .text ul li{width:200px}
	.practice_con02 .text{width:100%; float:none; padding:60px 20px 80px; margin-top:-30px;} 
	.practice_con04 dl{height:auto;}
	.practice_con04 dl dt{display:block; width:100%; height:auto; border-right:0; border-bottom:1px dashed #d7d7d7}
	.practice_con04 dl dd{display:block; width:100%; height:auto;}
	.practice_con04 dl dd .center{padding:20px 0;}
	.practice_con04 dl dd p br{display:none;}
	.practice_con04 dl dd p br.m_block{display:block}
	.practice_con05 ul li{width:50%; margin-bottom:20px}
	.practice_con06 .search_box{background:none; height:auto; border-radius:0; margin:30px auto 40px;}
	.practice_con06 .search_box input{width:100%; height:70px; background:#fff; padding:0 10px;}
	.practice_con06 .search_box input::placeholder{font-size:17px;}
	.practice_con06 .search_box a{position:static; margin:30px auto 0;}
	.practice_con06 .search_text p{line-height:1.1;}
	.practice_con06 .search_text p span{margin:10px 0; display:block; border-bottom:0; color:#123c8e}
	.practice_con07 ul li{width:calc(50% - 10px); margin-bottom:20px; margin-right:20px;}
	.practice_con07 ul li:nth-of-type(4n){margin-right:20px;}
	.practice_con07 ul li:nth-of-type(2n){margin-right:0;}
	.practice_con07 ul li img{width:100%;}
}
@media all and (max-width:767px){
	.practice_con05 ul li{width:100%;}
	.practice_con05 ul li .text{min-height:auto;}
}
@media all and (max-width:480px){
	.practice_con02 > img{left:-200px; position:relative;}
}


/* 취업지원센터 - 자막연수 */
.training_con02{width:100%; max-width:1920px; margin:0 auto; position:relative;}
.training_con02 .inner > h4{font-size:32px; color:#022222; letter-spacing:-0.045em; font-weight:bold; margin:0 0 15px; text-align:center;}
.training_con02 .inner > p{font-size:20px; color:#222222; letter-spacing:-0.045em; font-weight:300; word-break:keep-all; text-align:center; padding-bottom:50px}
.training_con02 .inner:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.training_con02 .img_box{width:50%; float:left; position:relative; z-index:1; overflow:hidden; padding:16% 0;}
.training_con02 .img_box img{position:absolute; left:0; top:0;}
.training_con02 .text{width:50%; float:right; box-sizing:border-box;}
.training_con02 .text .top{padding:50px 0 40px 40px; background:#fff;}
.training_con02 .text .top h4{margin:0; font-size:36px; color:#222222; letter-spacing:-0.045em; font-weight:200; line-height:46px; word-break:keep-all; text-align:left;}
.training_con02 .text .top h4 b{font-weight:bold; color:#007ec6;}
.training_con02 .text .bot{background:#f7f7f7; padding:40px 0 60px 40px; box-sizing:border-box; position:relative;}
.training_con02 .text .bot:before{content:""; width:1000%; height:100%; background:#f7f7f7; position:absolute; left:50%; top:0; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.training_con02 .text .bot p{font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300; line-height:28px; text-align:justify; position:relative;}
.training_con02 .text .bot p b{color:#007ec6;}
.training_con02 .text .bot p + p{margin-top:30px;}

.training_con03{background:#fff; padding:70px 0 150px; text-align:center;}
.training_con03 h4{font-size:32px; color:#022222; letter-spacing:-0.045em; font-weight:bold; margin:0 0 25px;}
.training_con03 p{font-size:20px; color:#022222; letter-spacing:-0.045em; font-weight:300; word-break:keep-all;}
.training_con03 h5{font-size:32px; color:#022222; letter-spacing:-0.045em; font-weight:bold; margin:70px 0 40px;}
.training_con03 ul {font-size:0; text-align:left;}
.training_con03 ul li{display:inline-block;  vertical-align:top; width:calc(20% - 8px); margin-right:10px;}
.training_con03 ul li:nth-of-type(5n),.training_con03 ul li:last-of-type{margin-right:0;}
.training_con03 ul li:nth-of-type(n+6){margin-top:10px;}
.training_con03 ul li img{max-width:100%;}
.training_con04{background:#f7f7f7; padding:80px 0 150px; text-align:center;}
.training_con04 h4{font-size:32px; color:#222; letter-spacing:-0.045em; font-weight:bold; margin:0 0 40px;}
.training_con04 .cons{border-top:4px solid #535353; border-bottom:4px solid #535353;}
.training_con04 dl{width:100%; text-align:left; font-size:0; letter-spacing:-4px; border-bottom:1px solid #cccccc}
.training_con04 dl dt{display:inline-block; vertical-align:top; width:140px; padding:20px 0;}
.training_con04 dl dt h5{font-size:22px; color:#007ec6; letter-spacing:-0.045em; font-weight:bold; margin:0;}
.training_con04 dl dt h5:before{content:''; display:inline-block; vertical-align:middle; width:12px; height:14px; background:url('/img/training_con04_deco.png') no-repeat center center / contain; margin-right:10px;}
.training_con04 dl dd{display:inline-block; vertical-align:top; width:calc(50% - 140px); padding:22px 0;}
.training_con04 dl dd p{font-size:18px; color:#444444; letter-spacing:-0.045em; display:inline-block; vertical-align:middle; text-align:justify}
.training_con04 dl dd a{display:inline-block; vertical-align:middle; font-size:16px; color:#a9a9a9; letter-spacing:-0.045em; font-weight:300; border:1px solid #a9a9a9; padding:6px 10px; box-sizing:border-box; margin-left:20px;}
.training_con04 dl dd a img{display:inline-block; vertical-align:middle; margin-left:20px;}
.training_con04 dl dd h6{font-size:16px; color:#444444; letter-spacing:-0.045em; font-weight:300; margin:0; line-height:1.6; word-break:keep-all; margin-top:10px;}
.training_con04 dl dd span.red{color:#d20f0f;}
.training_con04 dl dd ul{margin:0;}
.training_con04 dl dd ul li{position:relative; padding-left:10px;}
.training_con04 dl dd ul li:before{content:''; display:block; position:absolute; top:12px; left:0; width:5px; height:1px; background:#444444;}
.training_con04 a.btn{font-size:18px; color:#fff; letter-spacing:-0.045em; font-weight:300; display:inline-block; margin:40px auto 0; padding:15px 20px; background:#007ec6; border-radius:5px;}
.training_con04 a.btn img{margin-left:60px; margin-top:4px;}

@media all and (max-width:1200px){
	.training_con02 .img_box{width:40%; padding:20% 0;}
	.training_con02 .text{width:60%;}
	.training_con02 .text .top h4 br{display:none}
	.training_con02 .text .bot p br{display:none}
}
@media all and (max-width:1000px){
	
	.training_con02 .img_box{width:100%; padding:0; float:none;}
	.training_con02 .img_box img{width:100%; min-width:800px; position:static;}
	.training_con02 .text{width:100%; float:none; margin-top:-100px; position:relative; z-index:1;}
	.training_con02 .text .top{padding:30px;}
	.training_con02 .text .bot{padding:30px;}
	.training_con03 p br{display:none}
	.training_con03 ul li{width:calc(33.33333% - 7px);}
	.training_con03 ul li:nth-of-type(5n){margin-right:10px}
	.training_con03 ul li:nth-of-type(3n){margin-right:0;}
	.training_con03 ul li:nth-of-type(n+4){margin-top:10px;}
	.training_con04 dl dd{width:calc(100% - 140px);}
}
@media all and (max-width:640px){
	.training_con03 ul li{width:calc(50% - 5px);}
	.training_con03 ul li:nth-of-type(3n){margin-right:10px}
	.training_con03 ul li:nth-of-type(2n){margin-right:0;}
	.training_con03 ul li:nth-of-type(n+3){margin-top:10px;}
}


/* 취업지원센터 - 속기봉사단 */
.service_con02{width:100%; max-width:1920px; margin:0 auto; position:relative;}
.service_con02 .inner:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.service_con02 .img_box{width:50%; float:left; position:relative; z-index:1; overflow:hidden; padding:16% 0;}
.service_con02 .img_box img{position:absolute; left:0; top:0;}
.service_con02 .text{width:50%; float:right; box-sizing:border-box;}
.service_con02 .text .top{padding:50px 0 40px 40px; background:#fff;}
.service_con02 .text .top h4{margin:0; font-size:36px; color:#222222; letter-spacing:-0.045em; font-weight:200; line-height:46px; word-break:keep-all;}
.service_con02 .text .top h4 b{font-weight:bold; color:#007ec6;}
.service_con02 .text .bot{background:#f7f7f7; padding:40px 0 60px 40px; box-sizing:border-box; position:relative;}
.service_con02 .text .bot:before{content:""; width:1000%; height:100%; background:#f7f7f7; position:absolute; left:50%; top:0; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.service_con02 .text .bot p{font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300; line-height:28px; text-align:justify; position:relative;}
.service_con02 .text .bot p + p{margin-top:30px;}
.service_con03{background:#f7f7f7; padding:80px 0; text-align:center;}
.service_con03 h4{font-size:32px; color:#022222; letter-spacing:-0.045em; font-weight:bold; margin:0 0 15px;}
.service_con03 .top:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.service_con03 .top{margin-bottom:70px;}
.service_con03 .top dl{width:calc(50% - 10px); text-align:left; float:left; margin-right:20px; background:#fff; padding:22px 40px; box-sizing:border-box;}
.service_con03 .top dl:last-child{margin-right:0;}
.service_con03 .top dl dt{display:inline-block; vertical-align:middle; margin-right:20px; }
.service_con03 .top dl dd{display:inline-block; vertical-align:middle; max-width:calc(100% - 64px); font-size:18px; color:#022222; letter-spacing:-0.045em; font-weight:300; text-align:justify}
.service_con03 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.service_con03 ul li{width:25%; float:left; text-align:center;}
.service_con03 ul li .one{width:312px; height:312px; margin:0 auto; box-sizing:border-box; border-radius:50%; position:relative;}
.service_con03 ul li .one img{width:100%;}
.service_con03 ul li .one span{width:43px; height:43px; background:#494e51; border-radius:50%; text-align:center; display:block; letter-spacing:-0.045em; font-size:16px; color:#fff; font-weight:bold; line-height:43px; position:absolute; left:42px; top:10px} 
.service_con03 ul li p{word-break:keep-all; font-size:20px; color:#222222; letter-spacing:-0.045em; font-weight:bold; line-height:28px; padding:20px 0;}
.service_con04{margin-top:-290px}
.service_con04 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.service_con04 ul li{width:calc(50% - 10px); margin-right:20px; float:left;}
.service_con04 ul li img{max-width:100%;}
.service_con04 ul li:nth-of-type(2){margin-right:0;}
.service_con05{padding:120px 0 80px; text-align:center;}
.service_con05 h4{font-size:32px; color:#022222; letter-spacing:-0.045em; font-weight:bold; margin:0 0 15px;}
.service_con05 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.service_con05 ul{margin-top:40px;font-size:0; letter-spacing:-4px;}
.service_con05 ul > br{display:none;}
.service_con05 ul li{display:inline-block; vertical-align:top; width:252px; height:252px; margin-right:35px; border:4px solid #7cc0e7;box-sizing:border-box; border-radius:50%;}
.service_con05 ul li:nth-of-type(2n){border-color:#8f95d8}
.service_con05 ul li:last-child{margin-right:0;}
.service_con05 ul li span{display:table; width:100%; height:100%; font-size:20px; color:#444444; letter-spacing:-0.045em; font-weight:300;}
.service_con05 ul li span b{display:table-cell; vertical-align:middle; width:100%; height:100%;}
.service_con06{padding-top:80px; text-align:center;}
.service_con06 h4{font-size:32px; color:#022222; letter-spacing:-0.045em; font-weight:bold; margin:0 0 0;}
.service_con07{padding-top:80px; text-align:center;}
.service_con07 h4{font-size:32px; color:#022222; letter-spacing:-0.045em; font-weight:bold; margin:0 0 0;}
.service_con07 ul{font-size:0; letter-spacing:-4px;}
.service_con07 ul > br{display:none;}
.service_con07 ul li{display:inline-block; vertical-align:top; width:calc(25% - 60px); margin-right:80px; text-align:left; position:relative; margin-top:60px; padding:40px 0; border:3px solid #008ad0; box-sizing:border-box; border-radius:20px;}
.service_con07 ul li:last-of-type{margin-right:0;}
.service_con07 ul li:before{content:''; position:absolute; right:-56px; top:50%; width:25px; height:26px; background:url('/img/service_con07_arrow.png') no-repeat center; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.service_con07 ul li:last-of-type:before{display:none;}
.service_con07 ul li span{display:inline-block; position:absolute; left:50%; top:-14px; padding:0 20px; background:#fff; font-size:16px; font-weight:bold; letter-spacing:-0.045em; color:#008ad0; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
.service_con07 ul li .table_box{width:100%; height:100%; display:table;}
.service_con07 ul li .table_box div{display:table-cell; vertical-align:middle; width:100%; height:100%; text-align:center;}
.service_con07 ul li .table_box div i{display:block; width:149px; height:149px; text-align:center; margin:0 auto;}
.service_con07 ul li .table_box div p{font-size:20px; font-weight:bold; letter-spacing:-0.045em; color:#555555; line-height:28px; min-height:56px; margin-top:34px; box-sizing:border-box;}
.service_con08{height:459px; position:relative;  background:url('/img/service_con08_bg.jpg') no-repeat center/ cover;}
.service_con08 .inner{position:relative; height:100%; }
.service_con08 .txt_box{position:absolute; top:50%; left:0; width:100%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.service_con08 .txt_box p{font-size:36px; font-weight:200; letter-spacing:-0.045em; color:#fff;}
.service_con08 .txt_box span{display:block; font-size:20px; font-weight:200; letter-spacing:-0.045em; color:#fff; padding-top:25px;}
.service_con08 .txt_box a{display:block; margin-top:30px; width:248px; height:59px; line-height:57px; border-radius:30px; border:1px solid #fff; box-sizing:border-box; font-size:20px; font-weight:bold; letter-spacing:-0.045em; color:#fff; text-align:center;}
.service_con08 .txt_box a img{display:inline-block; vertical-align:middle; margin-right:10px; margin-top:-3px;}
.service_con08 .txt_box a:hover{background:#007ec6; border:1px solid #007ec6;}

@media all and (max-width:1400px){
	.service_con03 .top dl dd br{display:none;}
	.service_con03 ul li .one{width:calc(100% - 40px); height:auto;}
	.service_con05 ul > br{display:block;}
	.service_con05 ul > br.on{display:none;}
	.service_con05 ul li:nth-of-type(3){margin-right:0;}
}
@media all and (max-width:1200px){
	.service_con02 .img_box{width:40%; padding:20% 0;}
	.service_con02 .text{width:60%;}
	.service_con02 .text .top h4 br{display:none}
	.service_con02 .text .bot p br{display:none}
	.service_con07 ul li{margin-right:60px; width:calc(25% - 45px); padding:30px 0;}
	.service_con07 ul li:before{right:-48px}
}
@media all and (max-width:1000px){
	.service_con02 .img_box{width:100%; padding:0; float:none;}
	.service_con02 .img_box img{width:100%; min-width:800px; position:static;}
	.service_con02 .text{width:100%; float:none; margin-top:-100px; position:relative; z-index:1;}
	.service_con02 .text .top{padding:30px;}
	.service_con02 .text .bot{padding:30px;}
	.service_con02 .text .bot:before{height:100%;}
	.service_con02 .text .top h4 {font-size:32px; }
	.service_con03 .top dl{float:left; width:100%; padding:20px;}
	.service_con03 .top dl + dl{margin-top:20px;}
	.service_con04 ul li{width:100%; float:none; margin:20px auto;}
	.service_con03 ul li{width:100%; float:none; margin:20px auto;}
	.service_con03 ul li .one{width:312px; height:312px;}
	.service_con05{padding:80px 0;}
	.service_con07 ul:after{content:''; display:table; clear:both;}
	.service_con07 ul li{width:calc(50% - 30px); margin-right:60px;}
	.service_con07 ul li:nth-of-type(2){margin-right:0;}
	.service_con07 ul li:nth-of-type(3){margin-right:0; float:right; }
	.service_con07 ul li:nth-of-type(4){float:right; margin-right:60px;}
	.service_con07 ul li:before{right:-46px}
	.service_con07 ul li:nth-of-type(2):before{content:''; right:auto; left:50%; top:calc(100% + 18px); -webkit-transform:translateX(-50%) rotate(90deg); -moz-transform:translateX(-50%) rotate(90deg); -ms-transform:translateX(-50%) rotate(90deg); -o-transform:translateX(-50%) rotate(90deg); transform:translateX(-50%) rotate(90deg);}
	.service_con07 ul li:nth-of-type(3):before{right:auto; left:-46px; -webkit-transform:translateY(-50%) rotate(180deg); -moz-transform:translateY(-50%) rotate(180deg); -ms-transform:translateY(-50%) rotate(180deg); -o-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg);}
}
@media all and (max-width:900px){
	.service_con05 ul > br.on{display:block;}
	.service_con05 ul li:nth-of-type(2){margin-right:0;}
}
@media all and (max-width:767px){
	.service_con05 ul li{margin-right:0; display:block; margin:20px auto 0;}
	.service_con05 ul li:nth-of-type(2),.service_con05 ul li:nth-of-type(3),.service_con05 ul li:nth-of-type(5){margin:20px auto 0;}

	.service_con07 ul li img {max-width:70%; }
	.service_con07 ul li .table_box div p {margin-top:0; }
	.service_con07 ul li .table_box div i {height:130px; }
	/*
	.service_con07 ul li{width:100%; margin-right:0;}
	.service_con07 ul li:before{right:auto; left:50%; top:calc(100% + 20px); -webkit-transform:translateX(-50%) rotate(90deg); -moz-transform:translateX(-50%) rotate(90deg); -ms-transform:translateX(-50%) rotate(90deg); -o-transform:translateX(-50%) rotate(90deg); transform:translateX(-50%) rotate(90deg);}
	.service_con07 ul li:nth-of-type(3){float:none;}
	.service_con07 ul li:nth-of-type(4){float:none;}
	.service_con07 ul li:nth-of-type(3):before{right:auto; left:50%; -webkit-transform:translateX(-50%) rotate(90deg); -moz-transform:translateX(-50%) rotate(90deg); -ms-transform:translateX(-50%) rotate(90deg); -o-transform:translateX(-50%) rotate(90deg); transform:translateX(-50%) rotate(90deg);}
	*/
}


/* 게시판 커스텀 */
.programCon_img_edit{position:relative; height:270px;}
/*.programCon_img_edit img{position:absolute; left:0; top:50%; width:100%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}*/
.programCon_img_edit img{position:absolute; left:50%; top:50%; height:100%; -webkit-transform:translate(-50% , -50%); -moz-transform:translate(-50% , -50%); -ms-transform:translate(-50% , -50%); -o-transform:translate(-50% , -50%); transform:translate(-50% , -50%);}
.programCon.custom .writeForm table{border:0; border-top:4px solid #aeaeae}
.programCon.custom .writeForm table .writeForm_col01{width:220px;}
.programCon.custom .writeForm > table > tbody > tr{border-bottom:1px solid #aeaeae}
.programCon.custom .writeForm > table > tbody > tr:last-of-type{border-bottom:0;}
.programCon.custom .writeForm table tr th{background:#fff; font-size:18px; padding:5px 15px;}
.programCon.custom .writeForm table tr th.red{color:#222}
.programCon.custom .writeForm table tr th span.col01{margin-left:0; color:#c51313}
.programCon.custom .writeForm table tr td{font-size:16px;}
.programCon.custom .writeForm table tr td input[type="text"]{width:530px; height:40px; font-size:16px;}
.programCon.custom .writeForm table tr td input[type="password"]{width:calc(100% - 200px); height:40px;}
.programCon.custom .writeForm table tr td input.inputEmail{width:248px;}
.programCon.custom .writeForm table tr td input[type="text"].inputEmail02{width:248px;}
.programCon.custom .writeForm table tr td input.w200{width:200px; vertical-align:middle;}
.programCon.custom .writeForm table tr td select{height:40px; }
.programCon.custom .writeForm table tr td select.w150{width:150px; vertical-align:middle;}
.programCon.custom .writeForm table tr td select.w300{width:300px; vertical-align:middle;}
.programCon.custom .writeForm table tr td a.zip_ch{background:#20394d; border:none; height:40px; line-height:40px; color:#fff;}
.programCon.custom .writeForm table tr td br.m_block{display:none}
.programCon.custom .writeForm table tr td input[type="radio"]{margin:0;}

.table_bot_text{padding:10px 0;}
.table_bot_text:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.table_bot_text .left{float:left;}
.table_bot_text .left p{font-size:16px; color:#e31919; letter-spacing:-0.045em; font-weight:500; line-height:26px;}
.table_bot_text .right{float:right;}
.table_bot_text .right a{display:block; font-size:16px; color:#007ec6; letter-spacing:-0.045em; font-weight:500;}

@media all and (max-width:1000px){
	.programCon.custom .writeForm table tr th{padding:10px 20px;}
	.programCon.custom .writeForm table tr td{padding:10px 20px;}
	.programCon.custom .writeForm table tr td input[type="text"]{width:90%; height:40px;}
	.programCon.custom .writeForm table tr td input[type="text"].zipcode{width:calc(100% - 130px);}
	.programCon.custom .writeForm table tr td input[type="password"]{width:100%; height:40px;}
	.programCon.custom .writeForm table tr td input[type="text"].inputEmail{width:calc(50% - 22px)}
	.programCon.custom .writeForm table tr td input[type="text"].inputEmail02{width:calc(50% - 22px); vertical-align:middle; margin:0;}
	.programCon.custom .writeForm table tr td input.w200{width:30%; vertical-align:middle;}
	.programCon.custom .writeForm table tr td select{ height:40px;}
	.programCon.custom .writeForm table tr td select.w150{width:100px;}
	.programCon.custom .writeForm table tr td a.zip_ch{height:40px; line-height:40px;}
	.programCon.custom .writeForm table tr td br.m_block{display:block}
	.programCon.custom .writeForm table tr td br.m_block + span{display:none}
}







/* 속기사정보 - 속기사교육안내 */
.stenog_edu_con02{width:100%; max-width:1920px; margin:0 auto; position:relative;}
.stenog_edu_con02 .inner:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.stenog_edu_con02 .img_box{width:50%; float:left; position:relative; z-index:1; overflow:hidden; padding:16% 0;}
.stenog_edu_con02 .img_box img{position:absolute; left:0; top:0;}
.stenog_edu_con02 .text{width:50%; float:right; box-sizing:border-box;}
.stenog_edu_con02 .text .top{padding:50px 0 40px 40px; background:#fff;}
.stenog_edu_con02 .text .top h4{margin:0; font-size:36px; color:#222222; letter-spacing:-0.045em; font-weight:200; line-height:46px; text-align:justify}
.stenog_edu_con02 .text .top h4 b{font-weight:bold; color:#007ec6;}
.stenog_edu_con02 .text .bot{background:#f7f7f7; padding:40px 0 60px 40px; box-sizing:border-box; position:relative;}
.stenog_edu_con02 .text .bot:before{content:""; width:1000%; height:100%; background:#f7f7f7; position:absolute; left:50%; top:0; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.stenog_edu_con02 .text .bot p{font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300; line-height:28px; text-align:justify; position:relative;}
.stenog_edu_con02 .text .bot p + p{margin-top:30px;}
.stenog_edu_con03{margin-top:-190px;}
.stenog_edu_con03 .bg_box{text-align:center; padding:100px 20px; background:url('/img/stenog_edu_con03_img01.jpg')no-repeat center / cover;}
.stenog_edu_con03 .bg_box h4{word-break:keep-all; font-size:32px; color:#ffffff; letter-spacing:-0.045em; font-weight:200; line-height:1.1; margin:0; margin-bottom:30px;}
.stenog_edu_con03 .bg_box p{word-break:keep-all; font-size:22px; color:#444; letter-spacing:-0.045em; font-weight:300; line-height:28px;}
.stenog_edu_con04{padding:65px 0 95px; text-align:center; background:#fff;}
.stenog_edu_con04 h4{font-size:32px; color:#007ec6; letter-spacing:-0.045em; font-weight:bold; margin:0; line-height:52px; margin-bottom:30px;}
.stenog_edu_con04 h4 br.m_ver {display:none; }
.stenog_edu_con04 p{font-size:22px; color:#222222; letter-spacing:-0.045em; font-weight:300; word-break:keep-all;}
.stenog_edu_con04 ul{margin-top:50px; font-size:0; letter-spacing:-4px; text-align:center;}
.stenog_edu_con04 ul li{width:33.333333%; display:inline-block; vertical-align:top; padding:0 10px; box-sizing:border-box;}
.stenog_edu_con04 ul li .img_box{width:185px; height:185px; border:1px solid #d5dbdd; background:#fff; border-radius:50%; margin:0 auto; position:relative;}
.stenog_edu_con04 ul li .img_box .num{z-index:2; position:absolute; left:0; top:5px; display:block; width:43px; height:43px; line-height:43px; text-align:center; font-size:16px; letter-spacing:-0.045em; font-weight:bold; background:#007ec6; border-radius:50%; color:#fff;}
.stenog_edu_con04 ul li .img_box > img{width:100%;}
.stenog_edu_con04 ul li .text{padding-top:20px;}
.stenog_edu_con04 ul li .text h4{font-size:24px; color:#222222; letter-spacing:-0.045em; font-weight:500; margin:0; line-height:34px; word-break:keep-all;}
.stenog_edu_con04 ul li .text p{font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300; line-height:28px; min-height:28px; word-break:keep-all; margin-top:20px;}
.stenog_edu_con04 a{font-size:18px; color:#fff; letter-spacing:-0.045em; font-weight:300; display:inline-block; margin:40px auto 0; padding:15px; background:#007ec6; border-radius:5px;}
.stenog_edu_con04 a img{margin-left:10px; margin-top:4px;}
.stenog_edu_con05{padding:70px 0 80px; background:#f7f7f7; position:relative; font-size:0; letter-spacing:-4px; text-align:center;}
.stenog_edu_con05:before{content:""; width:1px; height:74px; background:#535353; display:block; position:absolute; left:50%; top:-37px;}
.stenog_edu_con05 h6{font-size:18px; color:#022222; letter-spacing:-0.045em; font-weight:300; margin:0; position:relative; margin:20px 0; word-break:keep-all;}
.stenog_edu_con05 h6:before{content:''; display:inline-block; position:relative; width:21px; height:17px; background:url('/img/stenog_edu_con05_check.png') no-repeat center center / contain; margin-right:10px;}
.stenog_edu_con05 a{font-size:18px; color:#fff; letter-spacing:-0.045em; font-weight:300; display:inline-block; margin:40px auto 0; padding:15px; background:#007ec6; border-radius:5px;}
.stenog_edu_con05 a img{margin-left:10px; margin-top:4px;}
.stenog_edu_con06{padding:80px 0 80px; text-align:center; background:url('/img/stenog_edu_con04_bg.jpg') no-repeat center / cover}
.stenog_edu_con06 h4{font-size:32px; color:#007ec6; letter-spacing:-0.045em; font-weight:bold; margin:0 0 15px; word-break:keep-all;}
.stenog_edu_con06 p{font-size:22px; color:#222; letter-spacing:-0.045em; font-weight:300; word-break:keep-all;}
.stenog_edu_con06 ul{margin-top:50px;}
.stenog_edu_con06 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.stenog_edu_con06 ul li{width:calc(33.333333% - 26.666667px); margin-right:40px; float:left;}
.stenog_edu_con06 ul li img{max-width:100%;}
.stenog_edu_con06 ul li:last-of-type {margin-right: 0;}
.stenog_edu_con06 a{font-size:18px; color:#fff; letter-spacing:-0.045em; font-weight:300; display:inline-block; margin:60px auto 0; padding:15px; background:#007ec6; border-radius:5px;}
.stenog_edu_con06 a img{margin-left:10px; margin-top:4px;}

@media all and (max-width:1200px){
	.stenog_edu_con02 .img_box{width:40%; padding:20% 0;}
	.stenog_edu_con02 .text{width:60%;}
	.stenog_edu_con02 .text .top h4 br{display:none }
	.stenog_edu_con02 .text .bot p br{display:none }
	.stenog_edu_con04 ul li .text p{min-height:auto;}
	.stenog_edu_con04 ul li .text p br{display:none;}
}
@media all and (max-width:1000px){
	.stenog_edu_con02 .img_box{width:100%; padding:0; float:none;}
	.stenog_edu_con02 .img_box img{width:100%; min-width:800px; position:static;}
	.stenog_edu_con02 .text{width:100%; float:none; margin-top:-100px; position:relative; z-index:1;}
	.stenog_edu_con02 .text .top{padding:30px;}
	.stenog_edu_con02 .text .bot{padding:30px;}
	.stenog_edu_con03 .bg_box p br{display:none}
	.stenog_edu_con04 p br{display:none}
	.stenog_edu_con04 ul li{width:33.333333%}
	.stenog_edu_con04 ul li .text{padding:20px 0 30px;}
	.stenog_edu_con06 ul li{width:100%; float:none; margin:20px auto;}
}
@media all and (max-width:767px){
	.stenog_edu_con04 ul li{width:50%}
	.stenog_edu_con04 h4 br.m_ver {display:block; }
}

/* 속기사정보 - 합격자정보 커스텀 */
.programCon.pass{}
.programCon.pass .gal_wrap{}
.programCon.pass .gal_wrap ul{}
.programCon.pass .gal_wrap ul li{height:auto;}
.programCon.pass .gal_wrap ul li .part_img{ padding:30px; box-sizing:border-box; background:#fff;}
.programCon.pass .gal_wrap ul li a img{height:92px;}
.programCon.pass .gal_wrap ul li .txt{background:#f8f8f8; text-align:center;}
.programCon.pass .gal_wrap ul li .title {font-size:20px; margin:0 0 10px 0; color:#007ec6; font-weight:700;  width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.programCon.pass .gal_wrap ul li .desc {font-size:16px; color:#222; font-weight:400;  width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin:0;}

/* 속기사정보 - 속기사인터뷰 커스텀 */
.programCon.interview{background:#f7f7f7; max-width:100%; margin:0; padding:80px 0 130px;}
.programCon.interview .gal_wrap{border:0; padding:0;}
.programCon.interview .gal_wrap ul li{margin-right:42px; width:calc(25% - 32px); height:auto;}
.programCon.interview .gal_wrap ul li:nth-of-type(4n){margin-right:0;}
.programCon.interview .gal_wrap ul li a img{width:auto; height:auto;}
.programCon.interview .gal_wrap ul li .txt{position:relative; padding:20px 20px 40px; background:#fff;}
.programCon.interview .gal_wrap ul li .btn{position:absolute; top:-43px; right:20px;}
.programCon.interview .gal_wrap ul li .title{font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:justify; display:inline-block; border:1px solid #d2d2d2; width:auto; padding:5px 10px;}
.programCon.interview .gal_wrap ul li .desc{font-size:16px; color:#222222; letter-spacing:-0.045em; font-weight:300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:justify;}
.programCon.interview .gal_wrap .part_img {overflow:hidden; width:100%; padding:50% 0; position:relative;}
.programCon.interview .gal_wrap .part_img img{height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50% , -50%); -moz-transform:translate(-50% , -50%); -ms-transform:translate(-50% , -50%); -o-transform:translate(-50% , -50%); transform:translate(-50% , -50%);}
.programCon.interview .gal_wrap .noti_icon{font-size:16px; color:#8b8b8b; letter-spacing:-0.045em; font-weight:300; width:auto; height:auto; padding:4px 10px; border:1px solid #d2d2d2;}
.programCon.interview .nodata{background:#fff;}

@media all and (max-width:1400px){
	.programCon.interview{width:100%;}
}
@media all and (max-width:1000px){
	.programCon.interview .gal_wrap ul li{width:calc(50% - 20px); margin-right:40px;}
	.programCon.interview .gal_wrap ul li:nth-of-type(4n){margin-right:40px;}
	.programCon.interview .gal_wrap ul li:nth-of-type(2n){margin-right:0;}
}

@media all and (max-width:640px){
	.programCon.interview .gal_wrap ul li{width:100%; margin-right:0; margin-left:0;}
	.programCon.interview .gal_wrap ul li:nth-of-type(3n){margin-right:0; margin-left:0;}
	.programCon.interview .gal_wrap ul li:nth-of-type(2n){margin-left:0;}
	.programCon.interview .gal_wrap .part_img img{height:auto;}
}

/* 속기사정보 - 뉴스 커스텀 */
.programCon.news{width:100%; max-width:100%; margin:0; padding:0 0 130px; }
.programCon.news_tap .faq_tab{margin:0 auto; font-size:0;}
.programCon.news_tap .faq_tab li{float:none; display:inline-block; vertical-align:top;}
.programCon.news_tap .faq_tab li a{font-size:20px;}
.programCon.news_tap .gal_wrap{border:0; padding:0;}
.programCon.news_tap .gal_wrap ul li{margin-right:42px; width:calc(25% - 32px); height:auto; margin-top:40px;}
.programCon.news_tap .gal_wrap ul li:nth-of-type(4n){margin-right:0;}
.programCon.news_tap .gal_wrap ul li a {width:100%; height:100%; }
.programCon.news_tap .gal_wrap ul li a img{width:auto; height:auto;}
.programCon.news_tap .gal_wrap .part_img {overflow:hidden; width:100%; padding:40% 0; position:relative;}
.programCon.news_tap .gal_wrap .part_img img{height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50% , -50%); -moz-transform:translate(-50% , -50%); -ms-transform:translate(-50% , -50%); -o-transform:translate(-50% , -50%); transform:translate(-50% , -50%);}
.programCon.news_tap .gal_wrap .noti_icon{font-size:16px; color:#8b8b8b; letter-spacing:-0.045em; font-weight:300; width:auto; height:auto; padding:4px 10px; border:1px solid #d2d2d2;}
.programCon.news_tap .nodata{background:#fff;}

.faq_tab.read_type {margin:0 auto 40px !important; font-size:0;}
.faq_tab.read_type li {float:none; display:inline-block; vertical-align:top;}


@media all and (max-width:1400px){
	.programCon.news{width:100%;}
}
@media all and (max-width:1000px){
	.programCon.news_tap .gal_wrap ul li{width:calc(50% - 20px); margin-right:40px;}
	.programCon.news_tap .gal_wrap ul li:nth-of-type(4n){margin-right:40px;}
	.programCon.news_tap .gal_wrap ul li:nth-of-type(2n){margin-right:0;}
}

@media all and (max-width:770px){
	.programCon.news_tap .faq_tab li {height:50px; }
	.programCon.news_tap .faq_tab li a {font-size:16px; padding:12px 0; }
}

@media all and (max-width:640px){
	.programCon.news_tap .gal_wrap ul li{width:100%; margin-right:0; margin-left:0;}
	.programCon.news_tap .gal_wrap ul li:nth-of-type(3n){margin-right:0; margin-left:0;}
	.programCon.news_tap .gal_wrap ul li:nth-of-type(2n){margin-left:0;}
	.programCon.news_tap .faq_tab li a {}
	.programCon.news_tap .gal_wrap .part_img img{height:auto;}
}

/* 커뮤니티 - 언론보도 커스텀 */
.comi_list.coverage{font-size:0;}
.comi_list.coverage ul li .img_type{width:16%; float:none; display:inline-block; vertical-align:middle;}
.comi_list.coverage ul li .img_type img{width:100%}
.comi_list.coverage ul li .img_type p{border:0;}
.comi_list.coverage ul li .txt_type{width:calc(84% - 33px); float:none; display:inline-block; vertical-align:middle;}
.comi_list.coverage ul li .txt_type .date{position:static; margin-top:20px;}
.comi_list.coverage ul li .txt_type .txt_w{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.4em; height:2.8em;}

@media all and (max-width:1000px){
	.program_search select {margin-left:10px; margin-bottom:10px; }
	.comi_list.coverage ul li .img_type {width:100%; margin-left:0; }
	.comi_list.coverage ul li .txt_type {width:100%; padding-left:20px; }
}


/* 속기사등록 로그인 페이지 */
.center_login_con01{padding:0 0 150px;}
.center_login_con01 .cons{margin-top:80px; text-align:center; padding:60px 40px 80px; background:#f2f7fa;}
.center_login_con01 .cons h5{font-size:32px; color:#022222; letter-spacing:-0.045em; font-weight:700; margin-bottom:40px;}
.center_login_con01 .cons .input_box{margin-bottom:25px;}
.center_login_con01 .cons .input_box input{display:inline-block; vertical-align:top; width:calc(100% - 200px); max-width:460px; box-sizing:border-box; background:#fff; border:1px solid #d1d1d1; font-size:18px; color:#444; letter-spacing:-0.045em; font-weight:300; padding:20px 30px;}
.center_login_con01 .cons .input_box input::placeholder{color:#999999;}
.center_login_con01 .cons .input_box a{display:inline-block; vertical-align:top; margin-left:20px; font-size:20px; color:#fff; letter-spacing:-0.045em; font-weight:700; width:170px; background:#007ec6; text-align:center; padding:20px 0;}
.center_login_con01 .cons p{font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300; word-break:keep-all;}

@media all and (max-width:1000px){
	.center_login_con01 .cons .input_box{text-align:right;}
	.center_login_con01 .cons .input_box input{width:100%;}
	.center_login_con01 .cons .input_box a{width:160px; margin:0; margin-top:20px; padding:15px 0;}
}


/* 무료교육신청하기 컨텐츠 추가 */
.education_type01 .sub_tit {margin:70px 0 50px; }
.education_write_con01 {padding:90px 0 100px; background:url('/img/education_write_con01_bg.jpg') no-repeat center center / cover; }
.education_write_con01 .tit_box {text-align:center; }
.education_write_con01 .tit_box p {font-size:36px; font-weight:bold; color:#fff; letter-spacing:-0.045em; }
.education_write_con01 .tit_box .hr {width:76px; height:1px; margin:20px auto; background-color:#fff; }
.education_write_con01 ul {margin-top:50px; font-size:0; letter-spacing:-4px; text-align:center; }
.education_write_con01 ul li {position:relative; display:inline-block; vertical-align:top; width:327px; max-width:calc(33.33% - 26.6666666667px); min-height:430px; margin-right:40px; padding:0 25px 40px; border-radius:10px; background-color:#2a3439; box-sizing:border-box; }
.education_write_con01 ul li:nth-of-type(3n) {margin-right:0; }
.education_write_con01 ul li h4 {position:absolute; left:50%; top:-13px; width:215px; max-width:80%; height:43px; margin:0; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); font-size:20px; font-weight:bold; color:#fff; background-color:#007ec6; border-radius:30px; letter-spacing:-0.045em; line-height:43px; }
.education_write_con01 ul li img {margin:60px 0 30px; }
.education_write_con01 ul li p {position:relative; padding-left:10px; font-size:18px; color:#fff; letter-spacing:-0.045em; box-sizing:border-box; text-align:left; }
.education_write_con01 ul li p:before {content:'-'; position:absolute; left:0; top:0; }

@media all and (max-width:1000px){
	.education_write_con01 ul li {max-width:calc(33.33% - 13.3333333333px); margin-right:20px; }	
	.education_write_con01 ul li:nth-of-type(3n) {margin-right:0; }
}
@media all and (max-width:700px){
	.education_write_con01 {padding:45px 0 50px; }
	.education_write_con01 ul li {width:100%; max-width:100%; min-height:auto; margin-right:0; margin-bottom:40px; padding-bottom:20px; font-size:0; letter-spacing:-4px; }
	.education_write_con01 ul li:last-of-type {margin-bottom:0; }
	.education_write_con01 ul li .img_box {display:inline-block; vertical-align:middle; width:25%; }
	.education_write_con01 ul li .img_box img {max-width:100%; }
	.education_write_con01 ul li .txt_box {display:inline-block; vertical-align:middle; width:75%; margin-top:30px; padding-left:10px; box-sizing:border-box; letter-spacing:-0.045em; }
}


/* 20200910 수정*/
.programCon .join.question_type {margin-bottom:30px; }
.programCon .join.question_type .ScrollLy {height:140px; }


/* 20200914 팝업추가 */
.interview_popup_bg {display:none; z-index:99; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); cursor:pointer; }
.interview_popup_box {display:none; z-index:100; position:fixed; left:50%; top:50%; width:1200px; max-width:90%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background-color:#fff; box-sizing:border-box; border-radius:10px; }
.interview_popup_box .top_box {position:relative; width:100%; height:60px; padding:20px 30px; border-bottom:1px solid #007ec6; font-size:18px; font-weight:bold; color:#333333; letter-spacing:0; box-sizing:border-box; }
.interview_popup_box .top_box a {position:absolute; right:0; top:50%; padding:30px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.interview_popup_box .txt_box {position:relative; padding-bottom:calc(56.25% + 60px); box-sizing:border-box; }
.interview_popup_box .txt_box iframe {position:absolute; left:30px; top:30px; width:calc(100% - 60px); height:calc(100% - 60px); }

/* 20220224 css 수정 */
.programCon.custom .writeForm table tr td .notice_type01 {color: #c51313; word-break: keep-all;}

/* 20220224 css 추가 */
.exam_con02 dl dd .table_text02 {padding: 10px 0; margin-bottom: 20px;}
.exam_con02 dl dd .table_text02 span {font-size: 14px; word-break: keep-all;}



/* 2024 03 27 */
.education_type01.custom{background: url(/img/sojijava_bg01.jpg)no-repeat center center /cover; padding: 90px 0;}
.education_type01.custom .sub_tit{background-color: transparent; margin:0;}
.education_type01.custom .sub_tit p{color:#fff;}

.won_tit_flex.flex_mt100{margin-top: 100px;}
.won_tit_flex .num{color: #007ec6; font-weight: 700; font-size: 24px; letter-spacing: -0.04em;}

.won_tit_flex .tttit_box{font-size: 33px; font-weight: 700; color: #222222; letter-spacing: -0.04em; margin-top: 20px;} 
.won_tit_flex .byul_txt{font-size: 16px; font-weight: 700; color: #999999; letter-spacing: -0.04em; margin-top: 10px;}
.programCon.custom02{max-width: 875px; margin-top: 100px; overflow: unset;}
.programCon.custom02 .writeForm{margin-top: 50px;}
.programCon.custom02 .writeForm > table{border-top: none;}
.programCon.custom02 .writeForm > table > tbody > tr{display: flex; align-items: center;}
.programCon.custom02 .writeForm > table > tbody > tr > th{background-color: transparent; font-size: 21px; color: #222222; font-weight: 700; letter-spacing: -0.04em; min-width: 280px; padding: 0;}
.programCon.custom02 .writeForm > table > tbody > tr > td{width: calc(100% - 280px); padding: 20px 50px 20px 0; display: flex; align-items: center; gap: 10px;}
.programCon.custom02 .writeForm span.col01{position: unset; margin-left: 0; color: #ff3737;}

.programCon.custom02 .writeForm table tr td input[type="text"].inputName{border: none; width: 100%; box-sizing: border-box; outline: none;}
.programCon.custom02 .writeForm table tr td input[type="text"]{padding: 0 15px; width: calc(33.333% - 6.666px); box-sizing: border-box; margin: 0;}
.programCon.custom02 .writeForm table tr td input[type="text"]::placeholder{color:#999999;}
.programCon.custom02 .writeForm table tr td select{width: calc(33.333% - 6.666px); box-sizing: border-box; height: 46px; margin: 0; font-size: 18px; text-align: left; text-align-last: left;appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;background-image: url(/img/sojijava_arrow01.png);
    background-position: right 15px center;
    background-repeat: no-repeat;}
.programCon.custom02 .writeForm table tr td select option{text-align: left; color: #222;}
.programCon.custom02 .writeForm table tr td input[type="text"]{font-size: 18px; height: 46px;}
.programCon.custom02 .writeForm table tr td input[type="text"].inputDate{width: 100%;}
.programCon.custom02 .writeForm table tr td input.inputNalZZA{width: calc(33.333% - 6.666px); box-sizing: border-box; height: 46px; border: 1px solid #cacaca; outline:none; font-size: 18px; padding: 0 15px; line-height: 46px; position: relative; color: #999;}
.programCon.custom02 .writeForm table tr td input.inputNalZZA::placeholder{color: #999;}

.programCon.custom02 .writeForm table tr td input[type="time"]::-webkit-calendar-picker-indicator {background-image: url(/img/sojijava_input02.png);}
.programCon.custom02 .writeForm table tr td input[type="time"].change::-webkit-calendar-picker-indicator {background-image: url(/img/sojijava_input02_on.png);}
.programCon.custom02 .writeForm table tr td input[type="date"]::-webkit-calendar-picker-indicator{background-image: url(/img/sojijava_input01.png); }
.programCon.custom02 .writeForm table tr td input[type="date"].change::-webkit-calendar-picker-indicator {background-image: url(/img/sojijava_input01_on.png);}

.programCon.custom02 .writeForm table tr td input.inputNalZZA::-webkit-calendar-picker-indicator {cursor: pointer; width: 100%; height: 100%; position: absolute; left: 0; top: 0; box-sizing: border-box; z-index: 2; background-position:right 15px center; background-repeat:no-repeat; background-size:auto; transition: .3s;}

.programCon.custom02 .select_sel.change{ color: #222;}
.programCon.custom02 .writeForm table tr td input.select_sel.change{ color: #222;}

.won_sel_choice{margin-top: 70px;}
.won_sel_choice ul{display: flex; gap:15px 30px;}
.won_sel_choice ul li{width: calc(50% - 10px); box-sizing: border-box; max-width: 270px;}
.won_sel_choice ul li label{width: 100%; height: 100%; box-sizing: border-box;}
.won_sel_choice ul li label .big_box{width: 100%; height: 100%; box-sizing: border-box; background-color: #fff; box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1); aspect-ratio: 1/0.815; border-radius: 25px; display: flex; flex-direction: column; gap: 20px; justify-content: center; align-items: center;}
.won_sel_choice ul li label .big_box i{width: 50px; height: 50px; margin: 0 auto; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.won_sel_choice ul li label .big_box span{font-size: 22px; font-weight: 700; color: #222222;}
.won_sel_choice ul li label input[type="radio"]{display: none;}

.won_sel_choice ul li label input[type="radio"]:checked ~.big_box{border: 3px solid #007ec6;}
/* .won_sel_choice ul li label input[type="radio"]:checked ~.big_box i img{filter: brightness(0) invert(1);}
.won_sel_choice ul li label input[type="radio"]:checked ~.big_box span{color: #fff;} */

.programCon.custom02 .writeForm_btn a{max-width: 280px; height: 70px; width: calc(50% - 10px); line-height: 70px; font-size: 22px; background-color: #2a0086; color: #fff;}
.programCon.custom02 .writeForm_btn a:last-of-type{margin-left: 20px; background-color: #313537;}
.programCon.custom02 .writeForm_btn{margin-top: 130px;}

@media all and (max-width:1024px){
	.programCon.custom02 .writeForm > table > tbody > tr > th{min-width: 200px;}
	.programCon.custom02 .writeForm > table > tbody > tr > td{width: calc(100% - 200px);}
}

@media all and (max-width:770px){
	
	.programCon.custom02 .writeForm > table > tbody > tr > th{min-width: 120px;}
	.programCon.custom02 .writeForm > table > tbody > tr > td{width: calc(100% - 120px); padding-right: 0;}
	.programCon.custom02 .writeForm > table > tbody > tr > th{width: auto;}
	.programCon.custom02 .writeForm > table > tbody > tr.m_flex_dic {flex-direction: column; align-items: flex-end; padding-top: 20px;}	
	.programCon.custom02 .writeForm > table > tbody > tr.m_flex_dic th{width: 100%;}
	.won_sel_choice ul li{max-width: none;}

	
.won_tit_flex.flex_mt100{margin-top: 60px;}
.won_sel_choice{margin-top: 40px;}
.programCon.custom02 .writeForm_btn{margin-top: 70px;}
}


@media all and (max-width:650px){
	.programCon.custom02 .writeForm > table > tbody > tr {flex-direction: column; align-items: flex-start; padding-top: 20px;}	
	.programCon.custom02 .writeForm > table > tbody > tr > th,
	.programCon.custom02 .writeForm > table > tbody > tr > td{width: 100%;}
	.programCon.custom02 .writeForm > table > tbody > tr > td{flex-wrap: wrap;}
	.programCon.custom02 .writeForm table tr td input.inputNalZZA,
	.programCon.custom02 .writeForm table tr td select{width: 100%;}
	.programCon.custom02 .writeForm table tr td input[type="time"]::-webkit-calendar-picker-indicator,
	.programCon.custom02 .writeForm table tr td select{background-position: right 22px center;}
    .programCon.custom02 .writeForm table tr td select.m_wid_three{width: calc(33.333% - 6.6666px);}
}


.location_con03 .tab_con .con .map_box .root_daum_roughmap.root_daum_roughmap_landing {width:100%;}

.map_box .root_daum_roughmap .wrap_map {height:490px;     z-index: 0;}


@media (max-width: 767px) {
  .map_box .root_daum_roughmap .wrap_map {height:300px; }
}

/* ============================================================
   T(팀벨) 스킨 — 임포트 본문 안전 현대화 오버라이드 (2026-06)
   * 브랜드 블루(#007ec6)는 유지. 레이아웃 치수는 건드리지 않고
     라운드/그림자/전환/토큰 색상만 덧입혀 올드함을 줄임.
   ============================================================ */

/* 본문 콘텐츠 사진 — 라운드 + 부드러운 그림자 */
.imported .info_con02 .img_box,
.imported .keyboard_con02 .img_box,
.imported .enrollment_con02 .img_box,
.imported .center_education_con02 .img_box,
.imported .practice_con02 .img_box,
.imported .training_con02 .img_box,
.imported .service_con02 .img_box,
.imported .greetings_con02 > .inner > img,
.imported .greetings_con02 .inner img {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(13, 17, 22, .10);
}

/* CTA 버튼류(옛 각진 파란 박스) → 모던 알약 + 호버 인터랙션 */
.imported .keyboard_con02 .btn_box a,
.imported .enrollment_con03 a,
.imported .stenog_edu_con04 a,
.imported .stenog_edu_con05 a,
.imported .stenog_edu_con06 a,
.imported .center_login_con01 .cons .input_box a {
  border-radius: 999px !important;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
  box-shadow: 0 10px 24px rgba(0, 126, 198, .26);
}
.imported .keyboard_con02 .btn_box a:hover,
.imported .enrollment_con03 a:hover,
.imported .stenog_edu_con04 a:hover,
.imported .stenog_edu_con05 a:hover,
.imported .stenog_edu_con06 a:hover,
.imported .center_login_con01 .cons .input_box a:hover {
  transform: translateY(-2px);
  background-color: var(--teal-deep) !important;
  text-decoration: none;
}

/* 각진 카드/박스 → 살짝 라운드 + 라인 색 통일 */
.imported .public_con02 .list ul li,
.imported .private_con02 ul li .text,
.imported .certificate_con03 ul li,
.imported .location_con03 ul li,
.imported .exam_con02 .box_tit {
  border-radius: 14px !important;
  overflow: hidden;
}
.imported .public_con02 .list ul li,
.imported .certificate_con03 ul li,
.imported .location_con03 ul li {
  border-color: var(--line) !important;
}

/* 섹션 배경 회색(#f7f7f7) → 디자인 토큰으로 톤 통일 */
.imported .greetings_con02 .text,
.imported .organization_con02,
.imported .location_con02,
.imported .info_con02 .text .bot,
.imported .practice_con04,
.imported .service_con03,
.imported .certificate_con03,
.imported .training_con04 {
  background-color: var(--bg-soft) !important;
}

/* 본문 텍스트 링크 호버(색은 원본 유지 — 색 광역지정 시 파란 버튼의 흰 글자를 덮어버림) */
.imported .table_bot_text .right a:hover { color: var(--teal-deep) !important; }

/* 속기사정보 인트로 본문 — 레거시 36px·양끝정렬(text-align:justify)이 모바일에서
   과도하게 크고 단어 간격이 벌어져 깨져 보이는 문제 수정 */
.imported .info_con02 .text .top h4 {
  font-size: clamp(19px, 4.6vw, 30px) !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -.02em !important;
  word-break: keep-all;
}
.imported .info_con02 .text .bot p { text-align: left !important; word-break: keep-all; }
@media (max-width: 768px) {
  .imported .info_con02 .text { margin-top: 0 !important; }
  .imported .info_con02 .text .top { padding: 24px 20px 18px !important; }
  .imported .info_con02 .text .bot { padding: 18px 20px 32px !important; }
  .imported .info_con02 .img_box img { min-width: 0 !important; width: 100% !important; }
}

/* ── 통합/필러 페이지: 탭·아코디언으로 숨겨졌던 콘텐츠 전부 표시 ──
   (이 클래스들은 통합된 /fields/·/stenographer/ 에만 존재하므로 전역 선언이 안전)
   취업분야 공공기관: 정부기관·위원회·군무원·속기병 등 모든 카테고리 노출 */
.imported .public_con02 .con { display: block !important; }
.imported .public_con01 .tab_btn,
.imported .public_con02 .tab_btn { display: none !important; }
.imported .public_con02 .con + .con { margin-top: 28px; }
/* 속기사정보 수요처 카드: 상세 설명(txt_box) 펼쳐서 노출 */
.imported .info_con03 ul li .txt_box { display: block !important; }
.imported .info_con03 ul li .hr { display: block !important; }

/* ── 취업분야 채용정보 카드 모던 리디자인 (채용시기/직급/응시자격/시험방법) ── */
.imported .public_con02 .list ul { display: flex !important; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.imported .public_con02 .list ul:after { display: none !important; }
.imported .public_con02 .list ul li {
  width: calc(25% - 9px) !important; margin: 0 !important; float: none !important;
  display: flex; flex-direction: column;
  background: #fff !important; border: 1px solid var(--line) !important; border-radius: 16px !important;
  box-shadow: 0 6px 18px rgba(13,17,22,.05); overflow: hidden;
  transition: transform .2s, box-shadow .2s, border-color .2s;
}
.imported .public_con02 .list ul.w05 li { width: calc(20% - 9.6px) !important; }
.imported .public_con02 .list ul li:hover {
  transform: translateY(-4px); border-color: var(--teal) !important; box-shadow: 0 16px 32px rgba(13,17,22,.1);
}
.imported .public_con02 .list ul li dl { display: flex; flex-direction: column; flex: 1; }
/* 헤더: 회색 밴드 제거 + 무채색 아이콘(칩 없음) */
.imported .public_con02 .list ul li dl dt { background: #fff !important; border-bottom: 0 !important; padding: 22px 14px 8px !important; }
.imported .public_con02 .list ul li dl dt i { display: block !important; width: auto; height: auto; margin: 0 auto 8px !important; background: none !important; }
.imported .public_con02 .list ul li dl dt i img { width: 32px; height: 32px; object-fit: contain; filter: grayscale(1) opacity(.72); }
.imported .public_con02 .list ul li dl dt p { font-size: 16.5px !important; font-weight: 700 !important; color: var(--ink) !important; letter-spacing: -.01em; }
/* 본문: 라벨 바로 아래 정렬(짧은 카드 빈공간 축소) + 좌측 정렬 */
.imported .public_con02 .list ul li dl dd {
  flex: 1; min-height: 0 !important; display: flex !important; flex-direction: column; justify-content: flex-start;
  margin: 0 !important; /* <dd> 기본 margin-left:40px 리셋 — flex 전환 시 이 여백이 카드를 넘쳐 텍스트가 잘렸음 */
  padding: 4px 22px 20px !important; background: #fff !important;
}
.imported .public_con02 .list ul li dl dd .center { display: block !important; padding: 0 !important; }
.imported .public_con02 .list ul li dl dd .center span { display: block; text-align: left !important; color: var(--text-2) !important; font-size: 15px; line-height: 1.6; word-break: keep-all; overflow-wrap: anywhere; }
.imported .public_con02 .list ul li dl dd .center p { padding-left: 0 !important; margin: 7px 0 !important; color: var(--text-2) !important; font-size: 15px; line-height: 1.5; text-align: left; word-break: keep-all; overflow-wrap: anywhere; }
.imported .public_con02 .list ul li dl dd .center p:before { content: none !important; }
@media (max-width: 760px) {
  .imported .public_con02 .list ul li, .imported .public_con02 .list ul.w05 li { width: calc(50% - 6px) !important; }
}
/* 좁은 화면: 카드 1열 전체폭 → 본문 텍스트 잘림/우측 치우침 방지 */
@media (max-width: 520px) {
  .imported .public_con02 .list ul li,
  .imported .public_con02 .list ul.w05 li { width: 100% !important; }
  .imported .public_con02 .list ul li dl dd { padding: 4px 20px 18px !important; }
  .imported .public_con02 .list ul li dl dd .center p { word-break: keep-all; }
}

/* ── 민간기관 카드: 이미지+본문 통일 카드 + 좌우 여백 + 균등 높이 ── */
.imported .private_con02 ul { display: flex !important; flex-wrap: wrap; gap: 40px; }
.imported .private_con02 ul li {
  width: calc(50% - 20px) !important; margin: 0 !important; padding-bottom: 0 !important;
  display: flex; flex-direction: column;
  background: #fff; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; box-shadow: 0 6px 18px rgba(13,17,22,.05);
}
.imported .private_con02 ul li .img_box { aspect-ratio: 16 / 10; overflow: hidden; }
.imported .private_con02 ul li .img_box img { display: block; width: 100%; height: 100%; object-fit: cover; }
.imported .private_con02 ul li .text { flex: 1; padding: 26px 30px 30px !important; border-radius: 0 !important; margin-top: 0 !important; }
@media (max-width: 760px) {
  .imported .private_con02 ul li { width: 100% !important; }
}

/* ============================================================
   T-skin v8 · 상세 서브페이지 재톤
   속기사정보(키보드/교육) · 취업지원센터(증명서/실무/자막연수)
   레거시 #007ec6 톤 → 신규 brand·teal 디자인 통일
   ============================================================ */

/* ── 공통: 컨테이너 폭·여백을 새 필러와 통일 ── */
.imported [class^="keyboard_con"] .inner,
.imported [class^="stenog_edu_con"] .inner,
.imported [class^="certificate_con"] .inner,
.imported [class^="center_education_con"] .inner,
.imported [class^="practice_con"] .inner,
.imported [class^="training_con"] .inner {
  max-width: 1120px !important; width: auto !important; margin: 0 auto !important;
  padding-left: 24px !important; padding-right: 24px !important; box-sizing: border-box; float: none !important;
}

/* 콘텐츠 섹션 상하 여백 정돈(과한 레거시 패딩 축소) + 배경 통일 */
.imported .keyboard_con03, .imported .stenog_edu_con04, .imported .stenog_edu_con06,
.imported .certificate_con02, .imported .certificate_con03, .imported .certificate_con04,
.imported .center_education_con04,
.imported .practice_con03, .imported .practice_con04, .imported .practice_con05, .imported .practice_con06,
.imported .training_con03, .imported .training_con04 {
  padding: 60px 0 !important; background: #fff !important;
}
.imported .certificate_con03, .imported .practice_con04 { background: var(--bg-soft) !important; }

/* 섹션 타이틀(h4) 통일 — 새 필러 톤 */
.imported .keyboard_con03 > .inner > h4,
.imported .stenog_edu_con04 > .inner > h4,
.imported .stenog_edu_con06 > .inner > h4,
.imported .certificate_con03 > .inner > h4,
.imported .center_education_con04 .top h4,
.imported .practice_con03 > .inner > h4,
.imported .practice_con04 > .inner > h4,
.imported .practice_con05 > .inner > h4,
.imported .practice_con06 > .inner > h4,
.imported .training_con04 > .inner > h4 {
  font-size: 30px !important; color: var(--ink) !important; font-weight: 800 !important;
  letter-spacing: -.03em !important; line-height: 1.3 !important; margin: 0 0 14px !important;
}
.imported .keyboard_con03 > .inner > p,
.imported .stenog_edu_con04 > .inner > p,
.imported .stenog_edu_con06 > .inner > p,
.imported .practice_con03 > .inner > p {
  font-size: 16.5px !important; color: var(--text-2) !important; font-weight: 400 !important;
  line-height: 1.65 !important; word-break: keep-all;
}

/* 강조 b/strong → 브랜드 컬러 통일 (레거시 올드블루 대체) */
.imported .keyboard_con02 .text .top h4 b,
.imported .stenog_edu_con02 .text .top h4 b,
.imported .center_education_con02 .text .top h4 b,
.imported .training_con02 .text .top h4 b,
.imported .keyboard_con03 .text p b,
.imported .stenog_edu_con04 .text h4 b,
.imported .keyboard_con04 h4 { color: var(--brand) !important; }

/* ── 인트로 2단(con02): 본문 패널 소프트 + 타이포 정돈 ── */
.imported .keyboard_con02 .text .bot:before { display: none !important; }
.imported .keyboard_con02 .text .bot,
.imported .training_con02 .text .bot { background: transparent !important; }
.imported .keyboard_con02 .text .top,
.imported .training_con02 .text .top { padding-bottom: 22px !important; }
.imported .keyboard_con02 .text .top h4,
.imported .stenog_edu_con02 .text .top h4,
.imported .center_education_con02 .text .top h4,
.imported .training_con02 .text .top h4 { line-height: 1.32 !important; letter-spacing: -.02em !important; }

/* ── 숫자 원형 피처(키보드·교육): 그라데이션 배지 + 틸 링 + 호버 ── */
.imported .keyboard_con03 ul li .img_box,
.imported .stenog_edu_con04 ul li .img_box {
  border: 2px solid var(--teal-soft) !important; box-shadow: 0 8px 22px rgba(13,17,22,.06) !important;
  transition: transform .2s, box-shadow .2s, border-color .2s;
}
.imported .keyboard_con03 ul li:hover .img_box,
.imported .stenog_edu_con04 ul li:hover .img_box {
  transform: translateY(-4px); border-color: var(--teal) !important; box-shadow: 0 16px 30px rgba(11,197,207,.16) !important;
}
.imported .keyboard_con03 ul li .img_box .num,
.imported .stenog_edu_con04 ul li .img_box .num {
  background: linear-gradient(135deg, var(--brand), var(--teal-deep)) !important;
  width: 40px !important; height: 40px !important; line-height: 40px !important; font-size: 15px !important;
  box-shadow: 0 6px 14px rgba(21,101,216,.3) !important; left: -4px !important; top: -4px !important;
}
.imported .stenog_edu_con04 ul li .text h4 { font-size: 17px !important; color: var(--ink) !important; line-height: 1.45 !important; }
.imported .keyboard_con03 ul li .text p { color: var(--text-2) !important; }

/* ── 단계형 프로세스(증명서 발급 절차): 카드 + 브랜드 라벨 ── */
/* ul의 브라우저 기본 padding-left(40px) 제거 — 모바일에서 카드가 우측으로 쏠리던 문제 */
.imported .certificate_con02 ul,
.imported .certificate_con03 ul { padding-left: 0 !important; padding-right: 0 !important; }
.imported .certificate_con03 ul li {
  background: radial-gradient(125% 60% at 50% 0%, rgba(11,197,207,.15) 0%, rgba(21,101,216,.07) 34%, #ffffff 60%) !important;
  border: 1px solid var(--line) !important; border-radius: 16px !important;
  box-shadow: 0 6px 18px rgba(13,17,22,.05) !important; padding: 26px 14px 22px !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.imported .certificate_con03 ul li:hover { transform: translateY(-4px); border-color: rgba(21,101,216,.30) !important; box-shadow: 0 16px 34px rgba(21,101,216,.14) !important; }
.imported .certificate_con03 .one span { color: var(--brand) !important; font-size: 13px !important; letter-spacing: .04em !important; }
.imported .certificate_con03 .one i:before { display: none !important; }
/* 아이콘을 브랜드 그라데이션으로 마스킹해 배경과 일체화 */
.imported .certificate_con03 .one i {
  display: inline-block !important; width: 54px !important; height: 54px !important; padding: 0 !important; margin: 18px auto 20px !important;
  background-image: linear-gradient(140deg, #0bc5cf 0%, #0596a3 44%, #1565d8 100%);
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: contain; mask-size: contain;
  transition: transform .2s ease;
}
.imported .certificate_con03 ul li:hover .one i { transform: scale(1.06); }
.imported .certificate_con03 .one i img { display: none !important; }
.imported .certificate_con03 ul li:nth-of-type(1) .one i { -webkit-mask-image: url('/img/static/support-certificate/0.webp'); mask-image: url('/img/static/support-certificate/0.webp'); }
.imported .certificate_con03 ul li:nth-of-type(2) .one i { -webkit-mask-image: url('/img/static/support-certificate/1.webp'); mask-image: url('/img/static/support-certificate/1.webp'); }
.imported .certificate_con03 ul li:nth-of-type(3) .one i { -webkit-mask-image: url('/img/static/support-certificate/2.webp'); mask-image: url('/img/static/support-certificate/2.webp'); }
.imported .certificate_con03 ul li:nth-of-type(4) .one i { -webkit-mask-image: url('/img/static/support-certificate/3.webp'); mask-image: url('/img/static/support-certificate/3.webp'); }
.imported .certificate_con03 ul li:nth-of-type(5) .one i { -webkit-mask-image: url('/img/static/support-certificate/4.webp'); mask-image: url('/img/static/support-certificate/4.webp'); }
.imported .certificate_con03 ul li:nth-of-type(6) .one i { -webkit-mask-image: url('/img/static/support-certificate/5.webp'); mask-image: url('/img/static/support-certificate/5.webp'); }
@media (prefers-reduced-motion: reduce) {
  .imported .certificate_con03 ul li, .imported .certificate_con03 .one i { transition: none; }
  .imported .certificate_con03 ul li:hover, .imported .certificate_con03 ul li:hover .one i { transform: none; }
}
.imported .certificate_con03 .text p { color: var(--ink) !important; font-size: 17px !important; }
.imported .certificate_con03 .text span { color: var(--text-2) !important; font-size: 14px !important; line-height: 1.6 !important; }

/* ── 칩 리스트(자격증/경력 · CAREER/JOB) → 브랜드 소프트 필 ── */
.imported .certificate_con02 ul li span,
.imported .practice_con02 .text ul li {
  background: var(--blue-soft) !important; color: var(--brand-alt) !important;
  border: 0 !important; border-radius: 999px !important; padding: 8px 18px !important;
  font-weight: 800 !important; font-size: 14px !important; letter-spacing: 0 !important;
}

/* ── dl 정의 표(실무 절차 · 자막 모집안내) → 카드 행 ── */
.imported .practice_con04 dl,
.imported .training_con04 .cons dl {
  background: #fff !important; border: 1px solid var(--line) !important; border-radius: 14px !important;
  box-shadow: 0 4px 14px rgba(13,17,22,.04) !important; overflow: hidden; margin-bottom: 14px !important;
}
.imported .practice_con04 dl dt .center span { color: var(--brand-alt) !important; font-weight: 800 !important; }
.imported .training_con04 .cons dl dt h5 { color: var(--brand-alt) !important; }
/* 라벨 앞 데코 점(별표) 제거 — 4자 라벨(연수일시 등)이 한 글자 떨어져 줄바꿈되던 문제 */
.imported .training_con04 .cons dl dt h5:before { display: none !important; margin: 0 !important; }
.imported .practice_con04 dl dd .center p b,
.imported .training_con04 .cons dl dd p b { color: var(--ink) !important; }

/* ── 버튼·링크 → 새 브랜드 필 ── */
.imported .keyboard_con02 .btn_box a,
.imported .stenog_edu_con06 > .inner > a,
.imported .training_con04 .cons dl dd a {
  background: linear-gradient(135deg, var(--brand), var(--brand-alt)) !important;
  border-radius: 999px !important; box-shadow: 0 8px 20px rgba(21,101,216,.26) !important;
  font-weight: 700 !important; transition: transform .18s, box-shadow .18s;
}
.imported .keyboard_con02 .btn_box a:hover,
.imported .stenog_edu_con06 > .inner > a:hover,
.imported .training_con04 .cons dl dd a:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(21,101,216,.34) !important; }

/* ── 안내 문구 리스트 → 소프트 카드 + 틸 마커 ── */
.imported .certificate_con04 .inner {
  background: var(--teal-soft) !important; border: 1px solid #cdeef0 !important; border-radius: 16px !important;
  padding: 26px 30px !important; max-width: 1120px !important;
}
.imported .certificate_con04 ul li { color: var(--text-2) !important; font-size: 14.5px !important; line-height: 1.85 !important; }
.imported .certificate_con04 ul li b { color: var(--teal-deep) !important; }

/* ── 검색 박스(실무교육 일정) → 모던 입력 + 브랜드 버튼 ── */
.imported .practice_con06 .search_box {
  display: flex !important; gap: 10px !important; max-width: 720px !important; margin: 22px auto 0 !important;
}
.imported .practice_con06 .search_box input {
  flex: 1 !important; height: 54px !important; border: 1px solid var(--line) !important; border-radius: 12px !important;
  padding: 0 18px !important; font-size: 15px !important; background: #fff !important;
}
.imported .practice_con06 .search_box input:focus { outline: none; border-color: var(--teal) !important; box-shadow: 0 0 0 3px rgba(11,197,207,.16) !important; }
.imported .practice_con06 .search_box a {
  flex-shrink: 0 !important; height: 54px !important; line-height: 54px !important; padding: 0 28px !important;
  background: linear-gradient(135deg, var(--brand), var(--brand-alt)) !important; color: #fff !important;
  border-radius: 12px !important; font-weight: 800 !important; box-shadow: 0 8px 20px rgba(21,101,216,.26) !important;
}
.imported .practice_con06 .search_text p { text-align: center; color: var(--text-2) !important; margin-top: 16px !important; }
.imported .practice_con06 .search_text span { color: var(--brand) !important; font-weight: 800 !important; }
.imported .practice_con06_sub { text-align: center; background: transparent !important; padding: 14px 0 44px !important; }
.imported .practice_con06_sub span { color: var(--muted) !important; font-size: 13.5px !important; }
/* 폰트 크기 통일 — 다른 서브페이지와 동일한 본문 스케일로 정규화 */
.imported .practice_con06 > .inner > p { font-size: 16px !important; line-height: 1.7 !important; color: var(--text-2) !important; text-align: center; max-width: 680px; margin: 8px auto 26px !important; word-break: keep-all; }
.imported .practice_con06 .search_text p { font-size: 17px !important; line-height: 1.6 !important; }
.imported .practice_con04 dl dd .center p { font-size: 15.5px !important; line-height: 1.7 !important; color: var(--text-2) !important; text-align: left !important; word-break: keep-all; }
.imported .practice_con04 dl dt .center span { font-size: 16px !important; }

/* ============================================================
   실무교육 페이지 UI 개선 v2 (ui-ux-pro-max) — 남은 섹션 다듬기
   ============================================================ */
/* con03 '실무교육이란?' → 라이트 콜아웃 카드 */
.imported .practice_con03 { padding: 56px 0 !important; }
.imported .practice_con03 .inner {
  max-width: 940px !important; background: var(--bg-soft) !important;
  border: 1px solid var(--line); border-radius: 20px; padding: 40px 48px !important;
}
.imported .practice_con03 > .inner > h4 { margin-bottom: 12px !important; }
.imported .practice_con03 > .inner > p { font-size: 16px !important; color: var(--text-2) !important; line-height: 1.75 !important; }
.imported .practice_con03 > .inner > p b { color: var(--brand-alt) !important; }

/* con05 교육 신청방법: 번호 배지(짙은 회색 → 브랜드 그라데이션) + 제목/설명 톤 + 빨간 주의 완화 */
.imported .practice_con05 ul li .one span {
  background: linear-gradient(135deg, var(--brand), var(--teal-deep)) !important;
  width: 40px !important; height: 40px !important; line-height: 40px !important; font-size: 15px !important;
  box-shadow: 0 6px 14px rgba(21,101,216,.3) !important; left: 8px !important; top: 8px !important;
}
.imported .practice_con05 ul li .one { box-shadow: 0 8px 22px rgba(13,17,22,.08); transition: transform .2s; }
.imported .practice_con05 ul li:hover .one { transform: translateY(-4px); }
.imported .practice_con05 ul li .text h5 { color: var(--ink) !important; font-size: 17px !important; }
.imported .practice_con05 ul li .text p { color: var(--text-2) !important; font-size: 14.5px !important; line-height: 1.6 !important; }
.imported .practice_con05 ul li .text p span { color: var(--muted) !important; }

/* ============================================================
   자막연수 페이지 UI 개선 (ui-ux-pro-max)
   ============================================================ */
/* con02 인트로 → 이미지+텍스트 균등 2단 카드 */
.imported .training_con02 { max-width: none !important; padding: 56px 0 0 !important; }
.imported .training_con02 .inner {
  display: grid !important; grid-template-columns: 1.05fr 1fr; gap: 0 !important;
  max-width: 1120px !important; margin: 0 auto !important; padding: 0 24px !important;
}
.imported .training_con02 .img_box {
  width: auto !important; float: none !important; padding: 0 !important; min-height: 340px; overflow: hidden;
  border-radius: 22px 0 0 22px; border: 1px solid var(--line); border-right: 0;
}
.imported .training_con02 .img_box img { position: static !important; width: 100% !important; height: 100% !important; object-fit: cover; display: block; }
.imported .training_con02 .text {
  width: auto !important; float: none !important; display: flex; flex-direction: column; justify-content: center;
  background: var(--bg-soft) !important; border: 1px solid var(--line); border-left: 0; border-radius: 0 22px 22px 0;
  box-shadow: 0 10px 30px rgba(13,17,22,.06);
}
.imported .training_con02 .text .top { padding: 40px 44px 0 !important; background: transparent !important; }
.imported .training_con02 .text .top h4 { font-size: 25px !important; color: var(--ink) !important; font-weight: 800 !important; line-height: 1.36 !important; letter-spacing: -.02em !important; text-align: left !important; }
.imported .training_con02 .text .top h4 b { color: var(--brand) !important; }
.imported .training_con02 .text .bot { background: transparent !important; padding: 16px 44px 40px !important; }
.imported .training_con02 .text .bot:before { display: none !important; content: none !important; }
.imported .training_con02 .text .bot p { font-size: 15px !important; color: var(--text-2) !important; line-height: 1.72 !important; text-align: left !important; }
.imported .training_con02 .text .bot p b { color: var(--brand-alt) !important; }

/* con03 방송사 로고 월 → 섹션 제목 + 라이트 배경 + 카드 정돈 */
.imported .training_con03 { background: var(--bg-soft) !important; padding: 64px 0 !important; }
.imported .training_con03 .inner { max-width: 1120px !important; margin: 0 auto !important; padding: 0 24px !important; }
.imported .training_con03 > .inner > h4 { font-size: 30px !important; color: var(--ink) !important; font-weight: 800 !important; letter-spacing: -.03em !important; margin: 0 0 10px !important; }
.imported .training_con03 > .inner > p { font-size: 16px !important; color: var(--text-2) !important; font-weight: 400 !important; margin: 0 0 30px !important; }
.imported .training_con03 .slider_box ul li { background: #fff !important; padding: 8px !important; display: grid; place-items: center; transition: transform .18s, box-shadow .18s, border-color .18s; }
.imported .training_con03 .slider_box ul li:hover { transform: translateY(-3px); border-color: var(--teal) !important; box-shadow: 0 12px 24px rgba(13,17,22,.1) !important; }

@media (max-width: 760px) {
  .imported .training_con02 .inner { grid-template-columns: 1fr; }
  .imported .training_con02 .img_box { min-height: 0; aspect-ratio: 16 / 10; border-radius: 22px 22px 0 0; border-right: 1px solid var(--line); border-bottom: 0; }
  .imported .training_con02 .text { border-radius: 0 0 22px 22px; border-left: 1px solid var(--line); border-top: 0; }
  .imported .training_con02 .text .top { padding: 28px 26px 0 !important; }
  .imported .training_con02 .text .bot { padding: 14px 26px 28px !important; }
}

/* ── 합격생/연수 이미지: 단순 나열 → 반응형 라운드 그리드 ── */
.imported .stenog_edu_con06 > .inner > ul,
.imported .training_con03 .slider_box ul {
  display: grid !important; gap: 16px !important; list-style: none !important; padding: 0 !important; margin: 0 auto 8px !important;
  width: auto !important; max-width: 1120px !important;
}
.imported .stenog_edu_con06 > .inner > ul { grid-template-columns: repeat(3, 1fr) !important; }
.imported .training_con03 .slider_box ul { grid-template-columns: repeat(4, 1fr) !important; }
.imported .stenog_edu_con06 > .inner > ul li,
.imported .training_con03 .slider_box ul li {
  width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important;
  border-radius: 14px !important; overflow: hidden !important; border: 1px solid var(--line) !important;
  box-shadow: 0 6px 16px rgba(13,17,22,.05) !important;
}
.imported .stenog_edu_con06 > .inner > ul li img,
.imported .training_con03 .slider_box ul li img { display: block !important; width: 100% !important; height: auto !important; }

@media (max-width: 760px) {
  .imported .training_con03 .slider_box ul { grid-template-columns: repeat(2, 1fr) !important; }
  .imported .stenog_edu_con06 > .inner > ul { grid-template-columns: 1fr !important; }
  .imported .practice_con06 .search_box { flex-direction: column !important; }
  .imported .practice_con06 .search_box a { line-height: 50px !important; height: 50px !important; }
}

/* ============================================================
   담당자 수정요청 — 실무교육(practice) 위젯 정렬/스타일 재정비
   ============================================================ */

/* #5 CAREER/JOB 칩: 레거시 절대배치(겹침·+아이콘) 제거 → 깔끔한 인라인 브랜드 칩 */
.imported .practice_con02 .text ul { display: flex !important; flex-wrap: wrap; gap: 10px; margin: 26px 0 !important; }
.imported .practice_con02 .text ul:after { display: none !important; }
.imported .practice_con02 .text ul li {
  position: static !important; left: auto !important; float: none !important;
  width: auto !important; height: auto !important; line-height: 1.2 !important;
}
.imported .practice_con02 .text ul li:nth-of-type(2) { left: auto !important; background: var(--blue-soft) !important; }
.imported .practice_con02 .text ul li:nth-of-type(2):before { display: none !important; content: none !important; }

/* #6 검색바: 입력칸+버튼 한 덩어리(높이·라운드 통일, 버튼 절대배치 잔재 제거) */
.imported .practice_con06 .search_box {
  display: flex !important; align-items: center; gap: 8px !important;
  height: auto !important; overflow: visible !important; border-radius: 0 !important;
  background: transparent !important; max-width: 760px !important; margin: 24px auto 36px !important;
}
.imported .practice_con06 .search_box input {
  flex: 1 1 auto !important; width: auto !important; height: 56px !important;
  border: 1px solid var(--line) !important; border-radius: 12px !important;
  padding: 0 18px !important; background: #fff !important;
}
.imported .practice_con06 .search_box a {
  position: static !important; right: auto !important; top: auto !important;
  flex: 0 0 auto !important; width: auto !important; height: 56px !important; line-height: 56px !important;
  padding: 0 30px !important; border-radius: 12px !important;
  background: linear-gradient(135deg, var(--brand), var(--brand-alt)) !important;
  box-shadow: 0 8px 20px rgba(21,101,216,.26) !important;
}
@media (max-width: 760px) {
  .imported .practice_con06 .search_box { align-items: stretch !important; }
  .imported .practice_con06 .search_box input { flex: 0 0 auto !important; width: 100% !important; }
  .imported .practice_con06 .search_box a { width: 100% !important; }
}

/* ── 실무교육 인트로(practice_con02) UI 개선: 이미지+텍스트 균등 2단 카드 ── */
.imported .practice_con02 { max-width: none !important; padding: 56px 0 0 !important; }
.imported .practice_con02 .inner {
  display: grid !important; grid-template-columns: 1.05fr 1fr; gap: 0 !important; align-items: stretch;
  max-width: 1120px !important; margin: 0 auto !important; padding: 0 24px !important;
}
.imported .practice_con02 .inner > .img_box,
.imported .practice_con02 .inner > .text { box-sizing: border-box; }
/* 카드 외형은 내부 두 칸을 감싸도록: img_box 좌측 라운드, text 우측 라운드 */
.imported .practice_con02 .img_box {
  width: auto !important; float: none !important; overflow: hidden; min-height: 320px;
  border-radius: 22px 0 0 22px; border: 1px solid var(--line); border-right: 0;
}
.imported .practice_con02 .img_box img {
  width: 100% !important; height: 100% !important; object-fit: cover; display: block; position: static !important;
}
.imported .practice_con02 .text {
  width: auto !important; float: none !important; margin: 0 !important;
  background: var(--bg-soft) !important; padding: 48px 48px !important;
  display: flex; flex-direction: column; justify-content: center;
  border: 1px solid var(--line); border-left: 0; border-radius: 0 22px 22px 0;
  box-shadow: 0 10px 30px rgba(13,17,22,.06);
}
.imported .practice_con02 .text:before { display: none !important; content: none !important; }
.imported .practice_con02 .text h4 { font-size: 30px !important; color: var(--ink) !important; letter-spacing: -.02em !important; line-height: 1.3 !important; margin: 0 !important; }
.imported .practice_con02 .text ul { margin: 20px 0 22px !important; }
.imported .practice_con02 .text p { font-size: 16.5px !important; color: var(--text-2) !important; line-height: 1.7 !important; word-break: keep-all; }
@media (max-width: 760px) {
  .imported .practice_con02 .inner { grid-template-columns: 1fr; }
  .imported .practice_con02 .img_box { min-height: 0; aspect-ratio: 16 / 10; border-radius: 22px 22px 0 0; border-right: 1px solid var(--line); border-bottom: 0; }
  .imported .practice_con02 .text { padding: 30px 26px !important; border-radius: 0 0 22px 22px; border-left: 1px solid var(--line); border-top: 0; }
}

/* ── 자막연수 모집안내 '연수생특전' 리스트: list-item 마커(대시) 잔재 제거 → 틸 불릿 ── */
.imported .training_con04 .cons dl dd ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.imported .training_con04 .cons dl dd ul li { display: block !important; position: relative; padding-left: 16px !important; }
.imported .training_con04 .cons dl dd ul li + li { margin-top: 8px; }
.imported .training_con04 .cons dl dd ul li::before { content: '' !important; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; border-radius: 50%; background: var(--teal) !important; }
.imported .training_con04 .cons dl dd ul li p { display: block !important; }

/* ============================================================
   증명서발급 페이지 UI 개선 (ui-ux-pro-max: Accessible & Ethical · Form 중심)
   ============================================================ */
/* con02: 자격증/경력증명서 거대한 겹친 타원 → 깔끔한 인라인 필 + 중앙 인트로 */
.imported .certificate_con02 { padding: 44px 0 8px !important; }
.imported .certificate_con02 .inner { max-width: 900px !important; }
.imported .certificate_con02 ul {
  display: flex !important; justify-content: center; gap: 14px;
  margin: 0 0 24px !important; font-size: medium !important; letter-spacing: normal !important;
}
/* 발급 종류 칩 — 브랜드 그라데이션 아웃라인·텍스트로 통일된 태그 */
.imported .certificate_con02 ul li {
  margin: 0 !important; width: auto !important; height: auto !important; line-height: 1.2 !important;
  display: inline-flex !important; align-items: center; gap: 9px; padding: 12px 26px !important;
  border-radius: 999px !important; font-size: 16px !important; font-weight: 800 !important;
  border: 1.5px solid transparent !important;
  background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #0bc5cf 0%, #1565d8 100%) !important;
  background-origin: border-box !important; background-clip: padding-box, border-box !important;
  box-shadow: 0 6px 16px rgba(21,101,216,.10) !important;
  transition: transform .2s ease, box-shadow .2s ease;
}
.imported .certificate_con02 ul li:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(21,101,216,.17) !important; }
.imported .certificate_con02 ul li::before {
  content: ""; width: 8px; height: 8px; border-radius: 999px; flex-shrink: 0;
  background: linear-gradient(135deg, #0bc5cf, #1565d8);
}
.imported .certificate_con02 ul li span {
  background: linear-gradient(135deg, #0bc5cf 0%, #0596a3 42%, #1565d8 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent; color: transparent !important;
  padding: 0 !important; border-radius: 0 !important; font: inherit !important;
}
@media (prefers-reduced-motion: reduce) {
  .imported .certificate_con02 ul li { transition: none; }
  .imported .certificate_con02 ul li:hover { transform: none; }
}
.imported .certificate_con02 p { font-size: 16.5px !important; color: var(--text-2) !important; line-height: 1.7 !important; max-width: 760px; margin: 0 auto !important; word-break: keep-all; }

/* con03 발급 절차: 상하 여백 정돈 */
.imported .certificate_con03 { padding: 56px 0 !important; }

/* con04 안내: 폭 축소·중앙 + 여백·가독성 정돈(레거시 회색 밴드 제거 + 고대비 텍스트) */
.imported .certificate_con04 { margin-top: 36px !important; padding: 0 !important; }
.imported .certificate_con04 .inner { max-width: 880px !important; padding: 26px 32px !important; }
.imported .certificate_con04 ul { background: transparent !important; padding: 0 !important; font-size: medium !important; letter-spacing: normal !important; }
.imported .certificate_con04 ul li { color: var(--ink) !important; font-size: 14.5px !important; line-height: 1.95 !important; }
.imported .certificate_con04 ul li b { color: var(--teal-deep) !important; font-weight: 700 !important; }

/* ============================================================
   전문속기사 교육 페이지 UI 개선 (ui-ux-pro-max)
   ============================================================ */
/* con02 인트로 → 이미지+텍스트 균등 2단 카드 (빨간 강조 → 브랜드) */
.imported .center_education_con02 { max-width: none !important; padding: 56px 0 0 !important; }
.imported .center_education_con02 .inner {
  display: grid !important; grid-template-columns: 1.05fr 1fr; gap: 0 !important;
  max-width: 1120px !important; margin: 0 auto !important; padding: 0 24px !important;
}
.imported .center_education_con02 .img_box {
  width: auto !important; float: none !important; padding: 0 !important; min-height: 340px; overflow: hidden;
  border-radius: 22px 0 0 22px; border: 1px solid var(--line); border-right: 0;
}
.imported .center_education_con02 .img_box img { position: static !important; width: 100% !important; height: 100% !important; object-fit: cover; display: block; }
.imported .center_education_con02 .text {
  width: auto !important; float: none !important; display: flex; flex-direction: column; justify-content: center;
  background: var(--bg-soft) !important; border: 1px solid var(--line); border-left: 0; border-radius: 0 22px 22px 0;
  box-shadow: 0 10px 30px rgba(13,17,22,.06);
}
.imported .center_education_con02 .text .top { padding: 40px 44px 0 !important; background: transparent !important; }
.imported .center_education_con02 .text .top h4 { font-size: 26px !important; color: var(--ink) !important; font-weight: 800 !important; line-height: 1.34 !important; letter-spacing: -.02em !important; text-align: left !important; }
.imported .center_education_con02 .text .top h4 b { color: var(--brand) !important; }
.imported .center_education_con02 .text .bot { background: transparent !important; padding: 16px 44px 40px !important; }
.imported .center_education_con02 .text .bot:before { display: none !important; content: none !important; }
.imported .center_education_con02 .text .bot p { font-size: 15.5px !important; color: var(--text-2) !important; line-height: 1.72 !important; text-align: left !important; }
.imported .center_education_con02 .text .bot p strong { color: var(--brand-alt) !important; }

/* con04: 원형 배지 → 클린 헤더 + 육각형 → 카드 그리드 */
.imported .center_education_con04 { background: var(--bg-soft) !important; padding: 64px 0 !important; }
.imported .center_education_con04 .inner { max-width: 1120px !important; margin: 0 auto !important; padding: 0 24px !important; }
.imported .center_education_con04 .top {
  width: auto !important; height: auto !important; background: none !important; display: block !important;
  margin: 0 auto 38px !important; max-width: 640px;
}
.imported .center_education_con04 .top div { display: block !important; }
.imported .center_education_con04 h4 { font-size: 32px !important; color: var(--ink) !important; letter-spacing: -.03em !important; margin: 0 0 10px !important; line-height: 1.3 !important; }
.imported .center_education_con04 .top p { font-size: 16.5px !important; color: var(--text-2) !important; font-weight: 400 !important; line-height: 1.6 !important; }
.imported .center_education_con04 ul {
  display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 18px;
  margin: 0 !important; padding: 0 !important; font-size: medium !important; letter-spacing: normal !important;
}
.imported .center_education_con04 ul br { display: none !important; }
.imported .center_education_con04 ul li {
  width: auto !important; margin: 0 !important; display: flex; flex-direction: column; text-align: center;
  background: radial-gradient(120% 78% at 50% 0%, rgba(11,197,207,.16) 0%, rgba(21,101,216,.07) 32%, #ffffff 62%);
  border: 1px solid var(--line); border-radius: 18px; padding: 30px 22px 26px;
  box-shadow: 0 6px 18px rgba(13,17,22,.05); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.imported .center_education_con04 ul li:hover { transform: translateY(-4px); border-color: rgba(21,101,216,.30); box-shadow: 0 16px 34px rgba(21,101,216,.14); }
.imported .center_education_con04 ul li .one { width: auto !important; height: auto !important; background: none !important; display: block !important; margin: 0 0 12px !important; }
.imported .center_education_con04 ul li .one div { display: block !important; }
/* 아이콘 칩 제거 — 아이콘을 브랜드 그라데이션으로 마스킹해 배경과 일체화 */
.imported .center_education_con04 ul li .one i {
  display: inline-block !important; width: 50px; height: 50px; border-radius: 0; margin: 0 auto 14px;
  background-image: linear-gradient(140deg, #0bc5cf 0%, #0596a3 44%, #1565d8 100%);
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: contain; mask-size: contain;
  transition: transform .2s ease;
}
.imported .center_education_con04 ul li:hover .one i { transform: scale(1.06); }
.imported .center_education_con04 ul li .one i img { display: none !important; }
.imported .center_education_con04 ul li:nth-of-type(1) .one i { -webkit-mask-image: url('/img/static/support-education/1.webp'); mask-image: url('/img/static/support-education/1.webp'); }
.imported .center_education_con04 ul li:nth-of-type(2) .one i { -webkit-mask-image: url('/img/static/support-education/2.webp'); mask-image: url('/img/static/support-education/2.webp'); }
.imported .center_education_con04 ul li:nth-of-type(3) .one i { -webkit-mask-image: url('/img/static/support-education/3.webp'); mask-image: url('/img/static/support-education/3.webp'); }
.imported .center_education_con04 ul li:nth-of-type(4) .one i { -webkit-mask-image: url('/img/static/support-education/4.webp'); mask-image: url('/img/static/support-education/4.webp'); }
@media (prefers-reduced-motion: reduce) {
  .imported .center_education_con04 ul li, .imported .center_education_con04 ul li .one i { transition: none; }
  .imported .center_education_con04 ul li:hover, .imported .center_education_con04 ul li:hover .one i { transform: none; }
}
.imported .center_education_con04 ul li .one p { padding-top: 0 !important; font-size: 16.5px !important; color: var(--ink) !important; font-weight: 800 !important; line-height: 1.4 !important; }
.imported .center_education_con04 ul li .text p { font-size: 14px !important; color: var(--text-2) !important; line-height: 1.66 !important; margin-top: 8px !important; font-weight: 400 !important; }

@media (max-width: 900px) {
  .imported .center_education_con04 ul { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
  .imported .center_education_con02 .inner { grid-template-columns: 1fr; }
  .imported .center_education_con02 .img_box { min-height: 0; aspect-ratio: 16 / 10; border-radius: 22px 22px 0 0; border-right: 1px solid var(--line); border-bottom: 0; }
  .imported .center_education_con02 .text { border-radius: 0 0 22px 22px; border-left: 1px solid var(--line); border-top: 0; }
  .imported .center_education_con02 .text .top { padding: 28px 26px 0 !important; }
  .imported .center_education_con02 .text .bot { padding: 14px 26px 28px !important; }
}
@media (max-width: 520px) {
  .imported .center_education_con04 ul { grid-template-columns: 1fr; }
}

/* 자막연수 모집안내 '이력서 다운' → 무거운 네이비 풀 → 가벼운 브랜드 보조 버튼 */
.imported .training_con04 .cons dl dd a {
  display: inline-flex !important; align-items: center; gap: 7px;
  width: auto !important; padding: 9px 16px !important; margin: 10px 0 4px !important;
  background: var(--blue-soft) !important; color: var(--brand-alt) !important;
  border: 1px solid #cfe0ff !important; border-radius: 10px !important;
  font-size: 13.5px !important; font-weight: 700 !important; box-shadow: none !important;
}
.imported .training_con04 .cons dl dd a:hover { background: #dce8ff !important; border-color: var(--brand) !important; transform: none !important; box-shadow: none !important; }
.imported .training_con04 .cons dl dd a img { width: 15px !important; height: 15px !important; margin: 0 !important; }

/* ============================================================
   속기사 등록 페이지(enrollment) UI 통일 (ui-ux-pro-max)
   ============================================================ */
/* con02 인트로 → 이미지+텍스트 균등 2단 카드 */
.imported .enrollment_con02 { max-width: none !important; padding: 56px 0 0 !important; }
.imported .enrollment_con02 .inner {
  display: grid !important; grid-template-columns: 1.05fr 1fr; gap: 0 !important;
  max-width: 1120px !important; margin: 0 auto !important; padding: 0 24px !important;
}
.imported .enrollment_con02 .img_box {
  width: auto !important; float: none !important; padding: 0 !important; min-height: 340px; overflow: hidden;
  border-radius: 22px 0 0 22px; border: 1px solid var(--line); border-right: 0;
}
.imported .enrollment_con02 .img_box img { position: static !important; width: 100% !important; height: 100% !important; object-fit: cover; display: block; }
.imported .enrollment_con02 .text {
  width: auto !important; float: none !important; display: flex; flex-direction: column; justify-content: center;
  background: var(--bg-soft) !important; border: 1px solid var(--line); border-left: 0; border-radius: 0 22px 22px 0;
  box-shadow: 0 10px 30px rgba(13,17,22,.06);
}
.imported .enrollment_con02 .text .top { padding: 40px 44px 0 !important; background: transparent !important; }
.imported .enrollment_con02 .text .top h4 { font-size: 26px !important; color: var(--ink) !important; font-weight: 800 !important; line-height: 1.34 !important; letter-spacing: -.02em !important; text-align: left !important; }
.imported .enrollment_con02 .text .top h4 b { color: var(--brand) !important; }
.imported .enrollment_con02 .text .bot { background: transparent !important; padding: 16px 44px 40px !important; }
.imported .enrollment_con02 .text .bot:before { display: none !important; content: none !important; }
.imported .enrollment_con02 .text .bot p { font-size: 15.5px !important; color: var(--text-2) !important; line-height: 1.72 !important; text-align: left !important; }

/* con03 등록 절차 — 타임라인 유지 + 브랜드 색 통일 */
.imported .enrollment_con03 { padding: 60px 0 90px !important; }
.imported .enrollment_con03 > .inner > h4 { font-size: 30px !important; color: var(--ink) !important; letter-spacing: -.03em !important; }
.imported .enrollment_con03 > .inner > p { font-size: 16px !important; color: var(--text-2) !important; font-weight: 400 !important; }
.imported .enrollment_con03 dl:before { background: var(--line) !important; }
.imported .enrollment_con03 dl dt { border: 3px solid var(--brand) !important; color: var(--brand) !important; border-radius: 50% !important; width: 92px !important; height: 92px !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; box-shadow: 0 8px 20px rgba(21,101,216,.18); }
.imported .enrollment_con03 dl dt:before { background: var(--brand) !important; }
.imported .enrollment_con03 dl dd .txt_box h5 { color: var(--brand-alt) !important; }
/* '속기사 등록 바로가기' 버튼 → 브랜드 필 */
.imported .enrollment_con03 > .inner > a {
  width: auto !important; height: auto !important; line-height: 1.2 !important; display: inline-flex !important; align-items: center; gap: 8px;
  background: linear-gradient(135deg, var(--brand), var(--brand-alt)) !important; border-radius: 999px !important;
  padding: 13px 28px !important; box-shadow: 0 8px 20px rgba(21,101,216,.26) !important; font-weight: 700 !important;
  margin: 0 auto 48px !important;
}
.imported .enrollment_con03 > .inner > a i { position: static !important; transform: none !important; right: auto !important; top: auto !important; display: inline-flex !important; align-items: center; }
.imported .enrollment_con03 > .inner > a i img { width: 16px !important; }
@media (max-width: 760px) {
  .imported .enrollment_con02 .inner { grid-template-columns: 1fr; }
  .imported .enrollment_con02 .img_box { min-height: 0; aspect-ratio: 16 / 10; border-radius: 22px 22px 0 0; border-right: 1px solid var(--line); border-bottom: 0; }
  .imported .enrollment_con02 .text { border-radius: 0 0 22px 22px; border-left: 1px solid var(--line); border-top: 0; }
  .imported .enrollment_con02 .text .top { padding: 28px 26px 0 !important; }
  .imported .enrollment_con02 .text .bot { padding: 14px 26px 28px !important; }
}

/* ============================================================
   속기사 교육안내(stenographer-education) UI 통일 (ui-ux-pro-max)
   ============================================================ */
/* con02 인트로 → 이미지+텍스트 2단 카드 */
.imported .stenog_edu_con02 { max-width: none !important; padding: 56px 0 0 !important; }
.imported .stenog_edu_con02 .inner { display: grid !important; grid-template-columns: 1.05fr 1fr; gap: 0 !important; max-width: 1120px !important; margin: 0 auto !important; padding: 0 24px !important; }
.imported .stenog_edu_con02 .img_box { width: auto !important; float: none !important; padding: 0 !important; min-height: 340px; overflow: hidden; border-radius: 22px 0 0 22px; border: 1px solid var(--line); border-right: 0; }
.imported .stenog_edu_con02 .img_box img { position: static !important; width: 100% !important; height: 100% !important; object-fit: cover; display: block; }
.imported .stenog_edu_con02 .text { width: auto !important; float: none !important; display: flex; flex-direction: column; justify-content: center; background: var(--bg-soft) !important; border: 1px solid var(--line); border-left: 0; border-radius: 0 22px 22px 0; box-shadow: 0 10px 30px rgba(13,17,22,.06); }
.imported .stenog_edu_con02 .text .top { padding: 40px 44px 0 !important; background: transparent !important; }
.imported .stenog_edu_con02 .text .top h4 { font-size: 26px !important; color: var(--ink) !important; font-weight: 800 !important; line-height: 1.34 !important; letter-spacing: -.02em !important; text-align: left !important; }
.imported .stenog_edu_con02 .text .top h4 b { color: var(--brand) !important; }
.imported .stenog_edu_con02 .text .bot { background: transparent !important; padding: 16px 44px 40px !important; }
.imported .stenog_edu_con02 .text .bot:before { display: none !important; content: none !important; }
.imported .stenog_edu_con02 .text .bot p { font-size: 15.5px !important; color: var(--text-2) !important; line-height: 1.72 !important; text-align: left !important; }

/* con04 강점 → 사진+번호 3단 카드 그리드 */
.imported .stenog_edu_con04 { padding: 64px 0 80px !important; }
.imported .stenog_edu_con04 > .inner > h4 { font-size: 30px !important; color: var(--ink) !important; line-height: 1.3 !important; letter-spacing: -.03em !important; margin-bottom: 12px !important; }
.imported .stenog_edu_con04 > .inner > h4 b { color: var(--brand) !important; }
.imported .stenog_edu_con04 > .inner > p { font-size: 16px !important; color: var(--text-2) !important; font-weight: 400 !important; }
.imported .stenog_edu_con04 ul { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important; max-width: 1040px !important; margin: 44px auto 0 !important; letter-spacing: normal !important; font-size: 16px !important; }
.imported .stenog_edu_con04 ul li { width: auto !important; display: flex !important; flex-direction: column; padding: 26px 24px 28px !important; background: #fff !important; border: 1px solid var(--line) !important; border-radius: 18px !important; box-shadow: 0 8px 22px rgba(13,17,22,.05); transition: transform .2s, box-shadow .2s; }
.imported .stenog_edu_con04 ul li:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(11,197,207,.14); }
.imported .stenog_edu_con04 ul li .img_box { width: 100% !important; height: 150px !important; border-radius: 14px !important; border: 0 !important; background: var(--bg-soft) !important; overflow: hidden; }
.imported .stenog_edu_con04 ul li .img_box > img { width: 100% !important; height: 100% !important; object-fit: cover; }
.imported .stenog_edu_con04 ul li .img_box .num { left: 12px !important; top: 12px !important; width: 34px !important; height: 34px !important; line-height: 34px !important; background: var(--brand) !important; box-shadow: 0 4px 10px rgba(21,101,216,.3); }
.imported .stenog_edu_con04 ul li .text { padding-top: 20px !important; text-align: center; }
.imported .stenog_edu_con04 ul li .text h4 { font-size: 18px !important; color: var(--ink) !important; font-weight: 700 !important; line-height: 1.42 !important; }
.imported .stenog_edu_con04 ul li .text h4 b, .imported .stenog_edu_con04 ul li .text a { color: var(--brand) !important; }
.imported .stenog_edu_con04 ul li .text p { font-size: 14.5px !important; color: var(--text-2) !important; line-height: 1.6 !important; margin-top: 10px !important; }
.imported .stenog_edu_con04 a { background: linear-gradient(135deg, var(--brand), var(--brand-alt)) !important; border-radius: 999px !important; padding: 13px 28px !important; font-weight: 700 !important; margin: 44px auto 0 !important; box-shadow: 0 8px 20px rgba(21,101,216,.26); }

/* con06 합격자 후기 → 밝은 배경 + 카드형 영상 + 브랜드 버튼 */
.imported .stenog_edu_con06 { background: var(--bg-soft) !important; padding: 70px 0 !important; }
.imported .stenog_edu_con06 > .inner > h4 { font-size: 30px !important; color: var(--ink) !important; letter-spacing: -.03em !important; }
.imported .stenog_edu_con06 > .inner > h4 b { color: var(--brand) !important; }
.imported .stenog_edu_con06 > .inner > p { font-size: 16px !important; color: var(--text-2) !important; font-weight: 400 !important; }
.imported .stenog_edu_con06 > .inner > p b { color: var(--brand-alt) !important; }
.imported .stenog_edu_con06 ul { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 18px !important; max-width: 1040px !important; margin: 40px auto 0 !important; }
.imported .stenog_edu_con06 ul:after { display: none !important; }
.imported .stenog_edu_con06 ul li { width: auto !important; margin: 0 !important; float: none !important; }
.imported .stenog_edu_con06 ul li img { width: 100% !important; max-width: 100% !important; border-radius: 14px !important; box-shadow: 0 8px 22px rgba(13,17,22,.1); display: block; }
.imported .stenog_edu_con06 a { background: linear-gradient(135deg, var(--brand), var(--brand-alt)) !important; border-radius: 999px !important; padding: 13px 30px !important; font-weight: 700 !important; box-shadow: 0 8px 20px rgba(21,101,216,.26); color: #fff !important; margin-top: 36px !important; display: inline-flex !important; align-items: center; gap: 8px; }
.imported .stenog_edu_con06 a img { margin: 0 !important; }

@media (max-width: 860px) {
  .imported .stenog_edu_con04 ul, .imported .stenog_edu_con06 ul { grid-template-columns: 1fr !important; max-width: 420px !important; }
}
@media (max-width: 760px) {
  .imported .stenog_edu_con02 .inner { grid-template-columns: 1fr !important; }
  .imported .stenog_edu_con02 .img_box { min-height: 0; aspect-ratio: 16 / 10; border-radius: 22px 22px 0 0; border-right: 1px solid var(--line); border-bottom: 0; }
  .imported .stenog_edu_con02 .text { border-radius: 0 0 22px 22px; border-left: 1px solid var(--line); border-top: 0; }
  .imported .stenog_edu_con02 .text .top { padding: 28px 26px 0 !important; }
  .imported .stenog_edu_con02 .text .bot { padding: 14px 26px 28px !important; }
}

/* ============================================================
   속기사 자격시험(stenographer-exam) — 탭 제거·한 페이지 + UI 통일 (ui-ux-pro-max)
   ============================================================ */
/* 탭 버튼/헤더 숨기고 두 섹션(한글속기·협회자격)을 모두 펼침 */
.imported .exam_con01 { display: none !important; }
.imported .exam_con02 .con { display: block !important; }
.imported .exam_con02 .tabs, .imported .exam_con02 .tab01 { display: block !important; }
.imported .exam_con02 { padding: 60px 0 80px !important; }
.imported .exam_con02 .inner { max-width: 980px !important; margin: 0 auto !important; padding: 0 24px !important; }
.imported .exam_con02 .mt-80 { margin-top: 0 !important; }
/* 두 번째 섹션(협회자격) 구분 */
.imported .exam_con02 .con.con02 { margin-top: 64px !important; padding-top: 60px !important; border-top: 1px solid var(--line) !important; }

/* 섹션 제목 + eyebrow(국가자격/협회자격) */
.imported .exam_con02 .exam_tit { text-align: center !important; margin-bottom: 30px !important; }
.imported .exam_con02 .exam_tit h4 { font-size: 28px !important; color: var(--ink) !important; line-height: 1.3 !important; margin: 10px 0 8px !important; letter-spacing: -.02em !important; font-weight: 800 !important; }
.imported .exam_con02 .exam_tit p { font-size: 15px !important; color: var(--teal-deep) !important; font-weight: 700 !important; line-height: 1.4 !important; }
.imported .exam_con02 .con01 .exam_tit::before,
.imported .exam_con02 .con02 .exam_tit::before {
  display: inline-block; padding: 5px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 800; letter-spacing: .02em;
  background: var(--blue-soft); color: var(--brand-alt);
}
.imported .exam_con02 .con01 .exam_tit::before { content: "국가자격 · 대한상공회의소"; }
.imported .exam_con02 .con02 .exam_tit::before { content: "협회자격 · 한국AI속기사협회"; background: var(--teal-soft); color: var(--teal-deep); }

/* 콜아웃(box_tit) */
.imported .exam_con02 .box_tit { background: var(--teal-soft) !important; border: 1px solid #cdeef0 !important; border-radius: 14px !important; padding: 22px 26px !important; text-align: center !important; margin-bottom: 8px !important; }
.imported .exam_con02 .box_tit p { font-size: 14.5px !important; color: var(--text-2) !important; line-height: 1.72 !important; }
.imported .exam_con02 .box_tit p b { color: var(--teal-deep) !important; font-weight: 700 !important; }

/* 정의목록(dl) → 카드 + 브랜드 라벨 */
.imported .exam_con02 dl { margin: 0 0 16px !important; background: #fff !important; border: 1px solid var(--line) !important; border-radius: 16px !important; padding: 6px 24px 18px !important; box-shadow: 0 6px 18px rgba(13,17,22,.04); }
.imported .exam_con02 dl dt { padding: 18px 0 4px !important; }
.imported .exam_con02 dl dt p { padding-left: 16px !important; font-size: 16.5px !important; color: var(--ink) !important; font-weight: 800 !important; line-height: 1.3 !important; }
.imported .exam_con02 dl dt p:before { content: "" !important; width: 7px !important; height: 7px !important; border-radius: 50% !important; background: var(--brand) !important; top: 50% !important; left: 2px !important; }
.imported .exam_con02 dl dd { padding-bottom: 4px !important; }
.imported .exam_con02 dl dd .hr { background: var(--line) !important; height: 1px !important; margin-bottom: 14px !important; }
.imported .exam_con02 dl dd p { font-size: 14.5px !important; color: var(--text-2) !important; line-height: 1.72 !important; text-align: left !important; }
.imported .exam_con02 dl dd p i { padding-left: 14px !important; }
.imported .exam_con02 dl dd p b { background: #fff7e6 !important; color: #b56a00 !important; font-size: 14px !important; border-radius: 5px; }
.imported .exam_con02 dl dd p span { color: #d33 !important; }

/* 표 → 모던 테이블 */
.imported .exam_con02 dl dd .table_wrap { overflow-x: auto !important; border: 1px solid var(--line) !important; border-radius: 12px !important; }
.imported .exam_con02 dl dd table { width: 100% !important; min-width: 540px !important; margin: 0 !important; border-collapse: collapse !important; }
.imported .exam_con02 dl dd table th { background: var(--bg-soft) !important; color: var(--brand-alt) !important; border: 0 !important; border-bottom: 1px solid var(--line) !important; padding: 13px 10px !important; font-size: 13.5px !important; font-weight: 700 !important; }
.imported .exam_con02 dl dd table td { text-align: center !important; border: 0 !important; border-bottom: 1px solid var(--line) !important; border-left: 0 !important; font-size: 14px !important; color: var(--text-2) !important; padding: 13px 8px !important; }
.imported .exam_con02 dl dd table tr:last-child td { border-bottom: 0 !important; }
.imported .exam_con02 dl dd table td b { color: var(--ink) !important; font-weight: 700 !important; font-size: 14.5px !important; }
.imported .exam_con02 dl dd table tbody tr:hover td, .imported .exam_con02 dl dd table tr:hover td { background: #f9fafc !important; }

@media (max-width: 640px) {
  .imported .exam_con02 .exam_tit h4 { font-size: 23px !important; }
  .imported .exam_con02 dl { padding: 6px 16px 16px !important; }
}

/* ============================================================
   속기사 키보드(stenographer-keyboard) UI 격상 (ui-ux-pro-max)
   con02 인트로·con04 쇼케이스 → 통합 2단 카드 / con03 → 사각 카드
   ============================================================ */
/* con02 인트로 → 이미지+텍스트 통합 2단 카드 */
.imported .keyboard_con02 { max-width: none !important; padding: 56px 0 0 !important; }
.imported .keyboard_con02 .inner { display: grid !important; grid-template-columns: 1.05fr 1fr !important; gap: 0 !important; max-width: 1120px !important; margin: 0 auto !important; padding: 0 24px !important; align-items: stretch; }
.imported .keyboard_con02 .img_box { width: auto !important; float: none !important; padding: 0 !important; min-height: 360px; overflow: hidden; border-radius: 22px 0 0 22px !important; border: 1px solid var(--line); border-right: 0; box-shadow: none !important; }
.imported .keyboard_con02 .img_box img { position: static !important; width: 100% !important; height: 100% !important; object-fit: cover; display: block; }
.imported .keyboard_con02 .text { width: auto !important; float: none !important; display: flex; flex-direction: column; justify-content: center; background: var(--bg-soft) !important; border: 1px solid var(--line); border-left: 0; border-radius: 0 22px 22px 0; box-shadow: 0 10px 30px rgba(13,17,22,.06); margin-top: 0 !important; }
.imported .keyboard_con02 .text .top { padding: 44px 44px 0 !important; }
.imported .keyboard_con02 .text .top h4 { font-size: 26px !important; color: var(--ink) !important; font-weight: 800 !important; line-height: 1.34 !important; text-align: left !important; }
.imported .keyboard_con02 .text .bot { padding: 14px 44px 0 !important; }
.imported .keyboard_con02 .text .bot p { font-size: 15.5px !important; color: var(--text-2) !important; line-height: 1.72 !important; text-align: left !important; }
.imported .keyboard_con02 .btn_box { padding: 26px 44px 44px !important; clear: none !important; overflow: visible !important; }
.imported .keyboard_con02 .btn_box a { display: inline-flex !important; align-items: center; justify-content: center; gap: 10px; width: auto !important; min-width: 0 !important; padding: 0 26px !important; white-space: nowrap; }
.imported .keyboard_con02 .btn_box a i { position: static !important; transform: none !important; right: auto !important; top: auto !important; display: inline-flex !important; align-items: center; }
.imported .keyboard_con02 .btn_box a i img { width: 16px !important; height: 16px !important; object-fit: contain; }

/* con03 강점 → 사진 + 번호 사각 카드 그리드(5열) */
.imported .keyboard_con03 ul { display: grid !important; grid-template-columns: repeat(5, 1fr) !important; gap: 16px !important; max-width: 1120px !important; margin: 44px auto 0 !important; letter-spacing: normal !important; font-size: 16px !important; }
.imported .keyboard_con03 ul li { width: auto !important; display: flex !important; flex-direction: column; padding: 0 0 18px !important; background: #fff !important; border: 1px solid var(--line) !important; border-radius: 16px !important; box-shadow: 0 8px 22px rgba(13,17,22,.05); overflow: hidden; transition: transform .2s, box-shadow .2s; }
.imported .keyboard_con03 ul li:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(11,197,207,.14); }
.imported .keyboard_con03 ul li .img_box { width: 100% !important; height: 118px !important; border: 0 !important; border-radius: 0 !important; background: var(--bg-soft) !important; box-shadow: none !important; overflow: hidden; transform: none !important; }
.imported .keyboard_con03 ul li:hover .img_box { transform: none !important; border: 0 !important; }
.imported .keyboard_con03 ul li .img_box > img { width: 100% !important; height: 100% !important; object-fit: cover; }
.imported .keyboard_con03 ul li .img_box .num { left: 10px !important; top: 10px !important; width: 30px !important; height: 30px !important; line-height: 30px !important; font-size: 12.5px !important; }
.imported .keyboard_con03 ul li .text { padding: 15px 14px 0 !important; text-align: center; color: var(--text-2) !important; }
.imported .keyboard_con03 ul li .text b { display: block; color: var(--ink) !important; font-weight: 700 !important; font-size: 14.5px !important; margin-bottom: 7px; }
.imported .keyboard_con03 ul li .text p { font-size: 13px !important; color: var(--text-2) !important; line-height: 1.55 !important; min-height: 0 !important; }

/* con04 쇼케이스 → 키보드 배경 유지 + 텍스트 프로스트 패널(우측) */
.imported .keyboard_con04 { padding: 90px 0 !important; min-height: 640px !important; background: #fff url('/img/keyboard_con04_bg-v3.jpg') no-repeat center 32% / cover !important; font-size: 16px !important; letter-spacing: normal !important; box-sizing: border-box; }
.imported .keyboard_con04 .inner { display: flex !important; justify-content: flex-end !important; align-items: flex-end !important; min-height: 460px !important; max-width: 1280px !important; margin: 0 auto !important; padding: 0 16px !important; }
.imported .keyboard_con04 .txt_box { width: 46% !important; padding: 36px 38px !important; margin: 0 !important; background: rgba(255,255,255,.62) !important; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); border: 1px solid rgba(255,255,255,.55); border-radius: 20px; box-shadow: 0 18px 44px rgba(13,17,22,.12); box-sizing: border-box; }
.imported .keyboard_con04 h4 { font-size: 24px !important; color: var(--ink) !important; font-weight: 800 !important; line-height: 1.42 !important; margin-bottom: 20px !important; text-align: left !important; letter-spacing: -.02em !important; }
.imported .keyboard_con04 h4 b, .imported .keyboard_con04 p b { color: var(--brand) !important; }
.imported .keyboard_con04 p { font-size: 14.5px !important; color: var(--text-2) !important; line-height: 1.75 !important; margin-top: 15px !important; text-align: left !important; }

@media (max-width: 960px) { .imported .keyboard_con03 ul { grid-template-columns: repeat(3, 1fr) !important; } }
@media (max-width: 860px) {
  .imported .keyboard_con04 { padding: 60px 0 !important; min-height: 0 !important; background-position: center 40% !important; }
  .imported .keyboard_con04 .inner { justify-content: center !important; align-items: center !important; min-height: 0 !important; }
  .imported .keyboard_con04 .txt_box { width: 100% !important; }
}
@media (max-width: 760px) {
  .imported .keyboard_con02 .inner { grid-template-columns: 1fr !important; }
  .imported .keyboard_con02 .img_box { min-height: 0; aspect-ratio: 16 / 10; border-radius: 22px 22px 0 0 !important; border-right: 1px solid var(--line); border-bottom: 0; }
  .imported .keyboard_con02 .img_box img { min-width: 0 !important; }
  .imported .keyboard_con02 .text { border-radius: 0 0 22px 22px; border-left: 1px solid var(--line); border-top: 0; }
  .imported .keyboard_con02 .text .top, .imported .keyboard_con02 .text .bot, .imported .keyboard_con02 .btn_box { padding-left: 26px !important; padding-right: 26px !important; }
}
@media (max-width: 560px) { .imported .keyboard_con03 ul { grid-template-columns: repeat(2, 1fr) !important; max-width: 420px !important; } }

/* ───────────────────────────────────────────────────────────────
   레거시 콘텐츠 모바일(≤480px) 고정폭 오버플로 일괄 보정
   (원본은 767px 이하 폰 구간 대응이 비어 있어 가로 넘침 발생)
   ─────────────────────────────────────────────────────────────── */
@media (max-width: 480px) {
  /* 속기사 키보드 — 큰 이미지박스 / 5단 원형 단계 */
  .imported .keyboard_con04 .img_box { width: 100% !important; }
  .imported .keyboard_con03 ul li .img_box { width: 100% !important; max-width: 185px !important; height: auto !important; aspect-ratio: 1 / 1 !important; }
  .imported .keyboard_con03 ul li { padding: 0 6px !important; }

  /* 자격시험 — 자격증 종류 알약 버튼(고정 320px + 음수마진) */
  .imported .certificate_con02 ul li {
    width: auto !important; max-width: 280px !important; margin: 0 auto 12px !important;
    display: block !important; line-height: 1.4 !important; height: auto !important;
    padding: 16px 18px !important; border-radius: 16px !important; font-size: 18px !important;
  }

  /* 전문교육 — 타이틀 영역: 콘텐츠 높이에 맞춤(정사각 비율 강제 제거 → 제목 아래 빈 공간 제거) */
  .imported .center_education_con04 .top { width: auto !important; max-width: 100% !important; height: auto !important; aspect-ratio: auto !important; }
  .imported .center_education_con04 ul li { width: 100% !important; margin-right: 0 !important; margin-bottom: 18px !important; }

  /* 오시는길 — 3단 float 카드 + 절대배치 아이콘 */
  .imported .location_con02 ul li { width: 100% !important; margin-right: 0 !important; float: none !important; }
  .imported .location_con02 ul li dl dd a { position: static !important; right: auto !important; top: auto !important; width: auto !important; height: auto !important; }

  /* 큰 섹션 제목 축소 */
  .imported .sub_tit span { font-size: 19px !important; }
}