#sub-vis{background:url(../../../../images/sub/sub-bg01.png) no-repeat; background-size:cover;  width:100%; min-width:1100px; height:114px; background-position:center;}
#sub-vis .sub-vis-box{max-width:1100px; margin:0 auto; text-align:right;}
#sub-vis .sub-vis-box img{display:inline-block;}
#sub-vis.SV02{background-image:url(../../../../images/sub/sub-bg02.png);}
#sub-vis.SV03{background-image:url(../../../../images/sub/sub-bg03.png);}
#sub-vis.SV04{background-image:url(../../../../images/sub/sub-bg04.png);}
#sub-vis.SV05{background-image:url(../../../../images/sub/sub-bg05.png);}
#sub-vis.SV06{background-image:url(../../../../images/sub/sub-bg01.png);}

#sub{max-width:1100px; margin:50px auto;font-weight:400;}
#sub strong{font-weight:400;}
#sub:after{content:".";clear:both;display:block;height:0;visibility:hidden}

#sub-left{width:22rem; float:left; margin-right:60px;}
#sub-left .title_wrap{position:relative; font-size:2.4rem; font-weight:400; text-align:center; padding:30px 0; color:#fff; background:#87683b;  z-index:1; word-break:break-all;}
#sub-left .title_wrap span{position:relative; z-index:1; letter-spacing:-0.05em;}
#sub-left .title_wrap img{position:absolute; bottom:-20px; right:-10px;}
#sub-left ul li{ position:relative;}
#sub-left ul li a{color:#383d3f; font-size:1.5rem; display:block; border-bottom:1px #dadada dashed; padding:14px 12px 14px 30px; position:relative; z-index:5; font-weight:400; word-break:keep-all;}
#sub-left ul .m_long a{padding-right:53px;}
#sub-left ul li i{position:absolute; z-index:3; left:10px; top:16px; font-size:1.6rem; color:#333;}
#sub-left ul li:hover a, #sub-left ul li.current a{color:#b18444; font-weight:400;}
#sub-left ul li.current a{color:#b18444;  font-weight:500;}
#sub-left ul li:hover i{color:#b18444;}
#sub-left ul li.current i{color:#b18444;}

#sub-right{width:calc(100% - 28rem); float:right;  word-break:keep-all;}
#sub-right .sub-tit {position:relative;padding-bottom:15px; border-bottom:1px solid #d8d8d8; padding-top:15px;}
#sub-right .sub-tit h3{font-size:2.5rem; font-weight:400; display:inline-block;}
#sub-right .sub-tit .sub2-tit{display:inline-block; font-size:1.6rem; color:#929292; margin-left:15px;}
#sub-right .sub-tit .sub-nav{margin-top:10px; height:20px; line-height:20px; font-size:1.4rem; color:#a9a9a9; font-weight:300; }
#sub-right .sub-tit .sub-nav span{display:inline-block; margin:0 3px}

#sub-right .sub-contents{padding-top:35px; min-height:332px; color:#383d3f; line-height:1.6; font-size:1.6rem; font-weight:300;}

.s_tit{font-size:2.1rem; font-weight:500; position:relative; padding-left:23px; margin-bottom:10px;}
.s_tit:before{content:""; display:block; width:15px; height:15px; border:4px solid #0e8e81; border-radius:999px; background:#fff; box-sizing:border-box; position:absolute; top:10px; left:0;}

.t_txt{font-size:1.7rem; font-weight:400;}
.t_txt.center{text-align:center;}

.s_txt{position:relative; word-break:keep-all; font-weight:400;}
.s_txt.dot{padding-left:20px;}
.s_txt.dot span{position:absolute; top:0; left:0;}
.s_txt.small{font-size:1.4rem; font-weight:300;}
.s_txt.middle{font-size:1.5rem; font-weight:300;}
.s_txt.right{text-align:right;}

.center{text-align:center;}

.arr_tit{font-size:1.7rem; font-weight:500; position:relative; color:#007065; padding-left:25px;}
.arr_tit span{display:inline-block; width:15px; height:15px; line-height:13px; vertical-align:middle; background:#007065; position:absolute; top:50%; transform:translateY(-50%); left:0; text-align:center;}
.arr_tit span i{color:#fff; font-size:1.4rem;}

.img_box.line{position:relative; display:inline-block; }
.img_box.line img{position:relative; z-index:1;}
.img_box.line:after{content:""; display:block; width:100%; height:100%; border:1px solid #b8d0ce; position:absolute; bottom:-7px; right:-7px;}

.img_box.bg{position:relative; display:inline-block; }
.img_box.bg img{position:relative; z-index:1;}
.img_box.bg:after{content:""; display:block; width:100%; height:100%; background: #e3efee; position:absolute; bottom:-7px; right:-7px;}

.bg_green{background:#e9f3e1;}

.only_img_box{text-align:center;}
.only_img_box p{display:inline-block; margin:0 20px;}
.only_img_box p img{height:210px;}


.dash_top{margin-top:40px; padding-top:40px; border-top:1px dashed #c2c2c2;}

.line_tit{padding:10px 0; text-align:center; font-size:2.1rem; color:#017367; font-weight:400; border-top:2px solid #0e8e81; border-bottom:1px solid #e7e7e7;}

.f_red{color:#d61e1e;}
.link_txt{color:#1cab9c; text-decoration:underline; font-size:1.5rem;  word-break:break-all;}

.small_right{display:inline-block; font-size:1.4rem; color:#333; margin-left:10px;}

.write_top{text-align:right; font-size:1.4rem; margin-bottom:5px;}
.star{color: #dc5353; vertical-align: top; display: inline-block; margin-right: 3px;}

.mt_0{margin-top:0;}
.mt_10{margin-top:10px;}
.mt_20{margin-top:20px;}
.mb_10{margin-bottom:10px;}
.mb_20{margin-bottom:20px;}
.mb_30{margin-bottom:30px;}

/*테이블 기본*/
.s_table{border-top:2px solid #0e8e81; text-align:center;}
.s_table th{font-weight:normal; font-weight:400; background:#f5f5f5; border-bottom:1px #dedede solid; border-right:1px #dedede solid; font-size:1.6rem; vertical-align:middle;  padding:10px 15px;}
.s_table td{padding:10px 15px; border-bottom:1px #dedede solid; font-size:1.6rem; word-break:keep-all; }
.s_table .left{text-align:left;}
.s_table.left{text-align:left;}
select{font-size:1.5rem; border:1px #e0e0e0 solid; height:40px; padding:0px 5px;}
select option{display:block; padding:50px;}
input{font-size:1.5rem; padding:0 5px; box-sizing:border-box; height:40px;}
.s_table.col th{border-right:0; border-left:1px #dedede solid;} 
.s_table.col td{border-left:1px #dedede solid;}
.no_bl{border-left-width:0 !important;}
.w_80p{width:80px;}
.w_100p{width:100px;}
.w_120p{width:120px;}
.w_200p{width:200px;}
.w_100{width:100%;}
.ml_10{margin-left:10px;}
.ml_20{margin-left:20px;}
.mr_10{margin-right:10px;}
.mt_30{margin-top:3rem;}
.mt_40{margin-top:4rem;}
.mt_50{margin-top:5rem;}
.mr_15{margin-right:15px;}
.mt_20{margin-top:20px;}
.pl_15{padding-left:15px;}
.fw_4{font-weight:400;}
.fw_6{font-weight:600;}
.com_add{margin-top:7px;}
.birth_selc em{display:inline-block; margin-left:5px; margin-right:15px; vertical-align:inherit;}
.post_num {display: inline-block; padding: 3px 10px; background: #333333;    color: #fff; font-size: 1.4rem; }
.tiny_txt {display: block; color: #0091b6; font-size: 1.45rem; margin-top: 10px;}
.tiny_txt.inline{display:inline-block; margin-left:10px;}
label{vertical-align:middle;}
input[type="radio"]{margin: 0 5px 0px 10px;}
input[type="radio"].first{margin-left:0;}
.table_note {text-align: right; font-size: 1.5rem; margin-bottom: 10px; margin-top: -30px; color: #0f6560; font-weight: 500;}
.table_bottom{margin-top:7px; font-size:0; font-weight:400; border:1px solid #d3dcdb; text-align:center;  line-height:40px}
.table_bottom dt{display:block; font-size:1.6rem; background:#005048; color:#fff;  height:100%;}
.table_bottom dd{display:block; font-size:1.5rem;  background:#ebf1f0; color:#005048; line-height:1.8em; padding:5px 0;}
.green_bg{background:#e9f3e1 !important;}
.s_table.padding_no td{padding:5px 0; font-size:1.5rem;}
.yellow_bg{background:#faf5d8 !important;}
.gray_bg{background:#f5f5f5 !important;}

/*학교소개*/
#about_intro .greeting_box .title{position:relative;}
#about_intro .greeting_box .title .txt_box{position:absolute; bottom:30px; left:195px;}
#about_intro .greeting_box .title .txt_box .tit{font-size:2.1rem; color:#0e8e81; font-weight:400; line-height:1.3em;}
#about_intro .greeting_box .title .txt_box .txt{margin-top:15px;}
#about_intro .greeting_box .title .txt_box .t01{line-height:1em;}
#about_intro .greeting_box .title .txt_box .t02{font-weight:400;}
#about_intro .greeting_box .title .txt_box .t02 em{font-size:2rem;  margin-left:10px;}
#about_intro .greeting_box .cont{margin-top:30px;}
#about_intro .greeting_box .cont p{margin-top:20px;}

#about_intro .greeting_box.gb02 .title{text-align:right; padding-right: 10px;}
#about_intro .greeting_box.gb02 .title .txt_box{left:auto; right:195px;}

.row_cont dl{position:relative; margin-top:2rem;}
.row_cont dl:first-child{margin-top:0;}
.row_cont dt{}
.row_cont dd{ font-weight:400;}
.row_cont dd .small{font-size:1.4rem; font-weight:300;}

.pic_box .s_txt{margin-bottom:10px;}
.pic_box img{max-width:100%;}


/*과외수업*/
.slide_wrap{font-size:0;text-align:center; position:relative; margin-top:10px; }
.slide_wrap .item{display:inline-block; font-size:2rem; width:calc((100% - 90px)/3); padding:0 15px; text-align:center; box-sizing:border-box;}
.slide_wrap .item .img_box{ box-sizing:border-box;}
.slide_wrap .item .img_box img{width:100%; max-width:100%;}
.slide_wrap .item .txt_box{position:relative; display:inline-block; width:90%; padding:20px; box-sizing:border-box; font-weight:600; background:#fff; margin-top:-50px; font-size:2rem;}
.slide_wrap .item .txt_box:after{content:""; display:block; width:35px; height:2px; background:#4dbec8; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.slide_wrap .LR_btn{width:100%;  transition:all 0.2s;}
.slide_wrap .LR_btn li{display:inline-block;  position:absolute; top:42%; color:#39402f;  cursor:pointer; z-index:5;}
.slide_wrap .LR_btn li span{display:inline-block; width:35px; height:35px; line-height:15px; text-align:center; vertical-align:middle; background:#fff; border-radius:999px; border: 1px solid #e1e1e1;}
.slide_wrap .LR_btn li i{ font-weight:500; font-size:2.6rem; display:inline-block; line-height:35px;}
.slide_wrap .LR_btn li.prev{left:30px;}
.slide_wrap .LR_btn li.next{right:30px;}

.slide_wrap .slick-dots{display:none; position:absolute;left:50%; bottom:-40px; left:50%; transform:translateX(-50%);box-sizing:border-box; width:auto;}
.slide_wrap .slick-dots li{display:inline-block; margin:0;}
.slide_wrap .slick-dots li button{ width: 12px; height: 12px; margin: 0 0.375rem; border-radius: 50px; background-color: #d5d5d5; text-indent: -9999em;  overflow: hidden; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.slide_wrap .slick-dots li.slick-active button{ width: 36px; background-color: #4dbec8;}
.slide_wrap:hover .LR_btn{display:block; opacity:1;}

/*위치/주변환경*/
.map_box iframe{width:100%; height:400px;}
.map_box img{max-width:100%;}


/*수업/코스*/
.row_IT_box {position:relative; text-align:right; padding:40px 30px 0;}
.row_IT_box.first{padding-top:0;}
.row_IT_box .img_box img{height:210px;}
.row_IT_box .txt_box{position:absolute; top:50%; transform:translateY(-35%); left:30px; text-align:left; padding-right:420px;}
.row_IT_box.first .txt_box{transform:translateY(-50%);}
.row_IT_box .txt_box .tit{font-size:2.1rem; font-weight:400; color:#0e8e81;}
.row_IT_box .txt_box .txt{line-height:1.5em; margin-top:5px;}
.green_btn{margin-top:20px;}
.green_btn a{display:inline-block; background:#0e8e81; color:#fff; height:30px; line-height:30px; font-size:1.4rem; font-weight:400; text-align:center; padding:0 10px 0 15px;}
.green_btn a i{margin-left:5px;}
.green_btn.inline{display:inline-block; margin-top:0;}
.green_btn.inline:first-child{margin-right:15px;}
.green_btn.gray a{background:#f0f0f0; color:#333; border:1px solid #dedede;}
.green_btn.right{text-align:right;}

.row_IT_box.right{text-align:left;}
.row_IT_box.right .txt_box{left:auto; right:30px; padding-left:420px; padding-right:0; text-align:right;}

#cs_course01 .acco_btn{margin:0px 0 40px 30px; position:relative; z-index:1;}
.acco_list{display:none; margin:0 30px;}
.acco_list table td.left{font-size:1.5rem;}

/*코스안내*/
.cc02_1_box{position:relative; border-left:4px solid #26857b; padding:10px; background:#d4ebe9;}
.cc02_1_box .tit{position:absolute; top:50%; transform:translateY(-50%); left:30px; color:#0b7a6e;  font-weight:500; font-size:1.7rem; width:125px;}
.cc02_1_box ul{margin-left:180px;}
.cc02_1_box li {position:relative;background:#fff; margin-top:10px;}
.cc02_1_box li:first-child{margin-top:0;}
.cc02_1_box li a{display:block; padding:10px 15px; font-weight:400; padding-right:45px;}
.cc02_1_box li i{position:absolute; top:50%; transform:translateY(-50%); right:15px; display:inline-block; font-size:2.1rem;}
.cc02_1_box.blue{border-left-color:#3c778f; background-color:#dae9ef;}
.cc02_1_box.blue .tit{color:#1e6f91;}
.cc02_1_box li:hover a{text-decoration:underline;}

.cc02_2_box li{position:relative; border-bottom:4px solid #e3efee; padding-bottom:7px; margin-top:30px;}
.cc02_2_box li:first-child{margin-top:0;}
.cc02_2_box li a{display:inline-block; position:relative;}
.cc02_2_box li a:before{content:""; display:block; width:100%; height:4px; position:absolute; bottom:-11px; left:0; background:#0e8e81;}
.cc02_2_box li .tit{display:inline-block; font-size:1.8rem; color:#0e8e81; font-weight:500; vertical-align:middle;}
.cc02_2_box li .btn{display:inline-block; padding:5px 10px; background:#0e8e81; color:#0e8e81; font-size:1.3rem; color:#fff; margin-left:10px; vertical-align:middle; font-weight:400;}
.cc02_2_box li:hover .btn{text-decoration:underline;}

.cc02_3_box li{position:relative;  border-left:4px solid #26857b; padding:10px 30px; background:#d4ebe9; margin-top:10px;}
.cc02_3_box li:first-child{margin-top:0;}
.cc02_3_box li .tit{color:#0b7a6e;  font-weight:500; font-size:1.7rem;}
.cc02_3_box li i{position:absolute; top:50%; transform:translateY(-50%); right:20px; display:inline-block; font-size:2.1rem;}
.cc02_3_box li:hover{text-decoration:underline;}

/*JLPT대책*/
.IT_box{position:relative;}
.IT_box.first{padding-top:0;}
.IT_box .img_box img{height:210px;}
.IT_box .txt_box{position:absolute; top:50%; transform:translateY(-50%); left:30px; text-align:left; padding-left:320px;}
.IT_box .txt_box .txt{line-height:1.5em; margin-top:10px; font-weight:400; font-size:1.7rem;}
.IT_box .txt_box .txt.small{font-size:1.5rem;}

.IT_box.many{min-height:300px;}
.IT_box.many .txt_box{top:-10px; transform:inherit;}

.table_img img{max-width:100%;}
.table_img .img_box.mobile{display:none;}

/*졸업생 메시지*/
.message_box{background:#f5f5f5; padding:55px 40px; box-sizing:border-box; margin-left:6px; position:relative; }
.message_box .tit{position:absolute; top:0; left:-6px; background:#0e8e81; color:#fff; font-weight:400; display:inline-block; padding:7px 25px; box-sizing:border-box; text-align:center;}
.message_box .tit:before{content:""; display:block; width:6px; height:8px; background:url(../../../../images/sub/tri_green.png) no-repeat; position:absolute; bottom:-8px; left:0;}
.message_box .img_box{position:absolute; top:70px; left:40px; }
.message_box .img_box img{width:170px;}
.message_box .txt_box{margin-left:210px;}
.message_box .txt_box .info{padding-bottom:12px; margin-bottom:12px; border-bottom:1px solid #d6d6d6;}
.message_box .txt_box .name{font-size:1.8rem; font-weight:400; color:#0e8e81;}
.message_box .txt_box .college{font-size:1.4rem; color:#999999;}
.message_box .txt_box .cont{font-size:1.5rem;}
.message_box .txt_box .cont p{line-height:1.4em; margin-top:10px;}
.message_box .txt_box .cont p:first-child{margin-top:0;}

/*취업지원*/
.row_vt_box{background:#f5f5f5; padding:40px; position:relative;}
.row_vt_box .video_box{position:absolute; top:50%; transform:translateY(-49%); left:40px;}
.row_vt_box .video_box iframe{width:420px; max-width:100%; height:237px; border:0; background:#fff;}
.row_vt_box .txt_box{margin-left:470px; font-weight:400;}
.row_vt_box .txt_box li{position:relative; padding-left:20px; margin-top:5px;}
.row_vt_box .txt_box li span{position:absolute; top:0; left:0; }

/*취업지원 - 2212*/
.tit_small{display:inline-block; margin-left:10px; font-size:1.4rem; color:#666; font-weight:400;}
.row_vt_box1{background:#f5f5f5; padding:40px; position:relative;}
.row_vt_box1 .video_box{position:absolute; top:50%; transform:translateY(-49%); right:40px;}
.row_vt_box1 .video_box iframe{width:350px; max-width:100%; height:196px; border:0; background:#fff;}
.row_vt_box1 .txt_box{margin-right:390px; font-weight:400;}
.row_vt_box1 .txt_box dl:first-child{margin-bottom:20px;}
.row_vt_box1 .txt_box dt{font-size: 1.7rem; font-weight: 500; position: relative; color: #007065;}
.row_vt_box1 .txt_box dd{font-weight:300;}
.row_vt_box1 .txt_box li{position:relative; padding-left:20px; margin-top:5px;}
.row_vt_box1 .txt_box li span{position:absolute; top:0; left:0; }

/*대학 전문학교 - 2212*/
.tit_btn_box .s_tit{display:inline-block; vertical-align:top;}
.tit_btn_box .green_btn{display:inline-block; vertical-align:sub; margin-top:0; margin-left:10px;}
 
/*유명국공립사립대학 - 2212*/
strong.bold{font-weight:700 !important;}
.s_blue{color:#0095da; font-size:1.3rem; font-weight:600;}
.s_red{color:#da0000; font-size:1.3rem; font-weight:600;}

/*유학비자*/
.enter_diagram{background:#f5f5f5; padding:40px; box-sizing:border-box;}
.enter_diagram dl{position:relative;}
.enter_diagram dt{position:absolute; top:0px; left:0; font-size:1.7rem; width:140px; color:#005b52; font-weight:400;}
.enter_diagram dd{margin-left:165px;}
.enter_diagram dd li{position:relative; background:#fff; border:1px solid #e4e4e4;  padding:12px 170px 12px 30px; margin-top:10px; word-break: keep-all; font-weight:400; }
.enter_diagram dd li:first-child{margin-top:0;}
.enter_diagram dd li .icon{position:absolute; top:50%; right:30px; transform:translateY(-50%); line-height:1em;}
.enter_diagram dd li .icon span{display:inline-block; width:130px; color:#fbb308; font-weight:400; font-size:1.5rem; margin-right:-2px;}
.enter_diagram dd li .icon span i{display:inline-block; font-size:2.2rem; vertical-align:text-bottom; margin-right:2px;}
.enter_diagram dd .arrow{text-align:center;margin:10px 0 7px;}
.enter_diagram dd .arrow i{font-size:3rem; font-weight:400; }

.enter_diagram.no-tit dt{display:none;}
.enter_diagram.no-tit dd{margin-left:0;}
.enter_diagram.no-tit .arrow{margin:0; margin-bottom:-2px;}

.yellow_bar_box .tit_box{background:#e9f3e1 ; font-weight:400; padding:10px 20px; font-size:1.7rem;}
.yellow_bar_box .tit_box.logo-img img{height:25px; display:inline-block; vertical-align: text-top; margin-left:5px;}
.yellow_bar_box .tit_box .right{font-size:1.5rem;}
.yellow_bar_box li{padding:10px 20px; padding-right:275px; position:relative; border-bottom:1px solid #e3e3e3; font-weight:400;}
.yellow_bar_box li .green_btn{position:absolute; top:50%; transform:translateY(-50%); right:20px; margin-top:0;}
.yellow_bar_box li .green_btn a{font-size:1.3rem;}

.y_btn_box{text-align:center;}
.y_btn_box a{display:inline-block; background:#fbb308; color:#fff; padding:7px 20px; border-radius:999px; font-weight:400;}
.y_btn_box a i{display:inline-block; margin-left:20px;}

/*문의*/
.btn_list{text-align:center;}
.btn_list a{display:inline-block; margin:0 5px; padding:5px 40px; color:#fff; font-weight:400; background:#efa627; border-radius:5px;}
.btn_list a.cancel_btn{background:#444444;}
.btn_list a em{display:block; color:rgba(255,255,255,0.6); font-size:1.2rem; line-height:1.3em;}

.s_info_box{background:#f5f5f5; border:1px solid #e3e3e3; padding:80px 50px 20px; position:relative; margin-left:6px;}
.s_info_box .tit{position: absolute; top: 20px; left: -6px; background: #0e8e81; color: #fff; font-weight: 400; display: inline-block; padding: 7px 25px; box-sizing: border-box; text-align: center; min-width:200px;}
.s_info_box .tit:before{content:""; display:block; width:6px; height:8px; background:url(../../../../images/sub/tri_green.png) no-repeat; position:absolute; bottom:-8px; left:0;}
.s_info_box .cont{ font-size:0;}
.s_info_box .cont dl{position:relative; display:inline-block; width:50%; font-size:1.6rem;}
.s_info_box .cont dl:first-child{margin-bottom:10px;}
.s_info_box .cont dl dt{position:absolute; top:0; left:0; color:#007065; font-weight:400;}
.s_info_box .cont dl dd{margin-left:110px;}

.s_info_box.korea .tit{background:#1764a5;}
.s_info_box.korea .tit:before{background-image:url(../../images/sub/tri_blue.png);}
.s_info_box.korea .cont dl dt{color:#1764a5;}

/*환급규정*/
#utility_refund .s_table.col th, #utility_refund .s_table.col td{font-size:1.4rem;}

/*사이트맵*/
#utility_sitemap > ul{font-size:0;}
#utility_sitemap ul > li.dept1{position:relative; display:inline-block; font-size:1.6rem; vertical-align:top; width:calc((100% - 60px)/3); margin-top:50px; margin-left:30px; box-sizing:border-box;}
#utility_sitemap ul > li.dept1:nth-child(3n+1){margin-left:0;}
#utility_sitemap ul > li.dept1:nth-child(-n+3){margin-top:0;}
#utility_sitemap ul > li h2{position:relative;border-top:2px solid #007065; border-bottom:1px solid #ccc; padding:5px 10px;}
#utility_sitemap ul > li h2 a{font-size:2rem; color:#007065;}
#utility_sitemap ul > li ul{margin-top:10px;}
#utility_sitemap ul > li ul li:first-child{margin-top:0;}
#utility_sitemap ul > li ul li a{position:relative; display:block; padding:7px 10px; padding-left:20px;}
#utility_sitemap ul > li ul li a:before{content:"ㆍ"; display:block; position:absolute; top:8px; left:0;}
#utility_sitemap ul > li ul li a:hover{text-decoration:underline;}





@media (max-width:1100px) {
#sub-vis{min-width:100%;}
#sub-left{display:none;}
#sub-right{width:100%; float:none; padding:0 15px; box-sizing:border-box;}
#sub-right .sub-tit{padding-top:0;}
#sub-right .sub-tit .sub-nav{top:10px;}

}


@media (max-width:1024px) {

/*과외수업*/
.slide_wrap .LR_btn li{top:45%;}


/*수업/코스*/
.row_IT_box .txt_box{padding-right:360px;}
.row_IT_box.right .txt_box{padding-left:360px;}
}


@media (max-width:767px) {
table.m_block,
table.m_block thead,
table.m_block tbody,
table.m_block tr,
table.m_block th, 
table.m_block td{display:block; width:100%; text-align:left;}
table.m_block th, 
table.m_block td{padding:10px 2%; width:100%; box-sizing:border-box; border-left:0;}

.table_scroll {position:relative; overflow-x: auto;    width: 100%;}
.table_scroll:before{content:""; display:block; width:50px; height:50px;  position:absolute; top:50%; left:50%; margin-top: -23px; margin-left: -28px; background:url(../../images/sub/scroll_ico.png) no-repeat; background-size:50px auto;}
.table_scroll.scrolled:before{display:none;}
.table_box { width: 120%;}
.table_box table{min-width:700px;}
.table_box table th, .table_box table td{word-break:keep-all;}

.s_table th{padding:10px; }
.s_table td{padding:10px;}

.ml_20{margin-left:10px;}
.mt_30{margin-top:2rem;}
.mt_40{margin-top:2.5rem;}
.mt_50{margin-top:3rem;}

#sub-vis{display:none;}
#sub{margin:20px auto 40px;}
#sub-right .sub-tit{text-align:center;}
#sub-right .sub-tit h3{font-size:2.3rem;}
#sub-right .sub-tit .sub2-tit{display:block; margin-left:0; font-size:1.4rem;}
#sub-right .sub-tit .sub-nav{display:none;}
#sub-right .sub-contents{padding-top:20px;}

.s_tit{margin-bottom:3px; font-size:2rem;}
.s_tit:before{top:7px;}

.arr_tit span{transform:inherit; top:4px;}
.arr_tit span i{font-size:1.5rem;}

.small_right{display:block; margin-left:0;}

.dash_top {margin-top: 30px; padding-top: 30px; }

/*학교소개*/
#about_intro .greeting_box .title .txt_box{position:static; bottom:auto; left:auto; margin-top:30px;}
#about_intro .greeting_box.gb02 .title{text-align:left;}
#about_intro .greeting_box .cont{margin-top:20px;}
#about_intro .greeting_box .cont p{margin-top:10px;}

.row_cont dt{position:static; top:auto; left:auto;}
.row_cont dd{margin-left:0;}

/*수업/코스*/
.table_bottom{height:auto; line-height:inherit; }
.table_bottom dt{display:block; width:100%; height:auto; padding:8px; box-sizing:border-box;}
.table_bottom dd{display:block; width:100%; height:auto; padding:8px; box-sizing:border-box;}

/*위치 주변환경*/
#about_location .row_cont dd{margin-left:0;}
.map_box iframe{height:300px;}


/*수업/코스*/
.img_box.bg{text-align:center; }

.row_IT_box{padding:0; padding-top:30px; text-align:left;}
.row_IT_box .txt_box{position:static; top:auto; left:auto; transform:inherit; padding-right:0; margin-top:25px;}
.row_IT_box.first .txt_box{transform:inherit;}
.row_IT_box.right .txt_box{padding-left:0px;  text-align:left;}
#cs_course01 .acco_btn{margin:15px 0 20px 0;}
.acco_list{margin:0;}

/*코스안내*/
.cc02_1_box{padding:15px;}
.cc02_1_box .tit{position:static; top:auto; left:auto; transform:inherit; margin-bottom:10px; width:100%;}
.cc02_1_box ul{margin-left:0;}

.cc02_2_box li{border:0; margin-bottom:0; text-align:center;}
.cc02_2_box li a{display:block;}
.cc02_2_box li a:before{display:none;}
.cc02_2_box li .tit{display:block; margin-bottom:5px; padding-top:5px; border-top:1px solid #0e8e81;}
.cc02_2_box li .btn{margin-left:0; display:block; font-size:1.4rem;}

.cc02_3_box li{padding:10px 15px; padding-right:40px;}
.cc02_3_box li .tit{line-height:1.3em;}
.cc02_3_box li i{right:10px; }

.only_img_box p{display:block; margin:10px 0;}
.only_img_box p img{height:auto;width:100%; max-width:552px;}

.IT_box .txt_box{position:relative; top:auto; left:auto; transform:inherit; padding-left:0; margin-top:20px;}

.IT_box.many{min-height:inherit;}
.IT_box.many .txt_box{top:auto; }

.table_img .img_box.pc{display:none;}
.table_img .img_box.mobile{display:block;}
.table_img .img_box.mobile .zoom_btn{margin-top:10px; text-align:right; display:none;}
.table_img .img_box.mobile .zoom_btn span{display: inline-block; background: #0e8e81; color: #fff; height: 30px; line-height: 30px; font-size: 1.4rem; font-weight: 400; text-align: center; padding: 0 10px;}
.table_img .img_box.mobile .zoom_btn span i{display:inline-block; margin-right:5px;}

/*졸업생메시지*/
.message_box{padding:55px 20px 30px; margin-left:0;}

.message_box .tit{left:0; width:100%;}
.message_box .tit:before{display:none;}
.message_box .img_box{position:static; top:auto; left:auto; text-align:center;}
.message_box .img_box img{width:100px;}
.message_box .txt_box{margin-left:0;}
.message_box .txt_box .info{text-align:center; margin-top:10px;}

/*취업지원*/
.row_vt_box{padding:20px;}
.row_vt_box .video_box{position:static; top:auto; transform:inherit; left:auto;}
.row_vt_box .video_box iframe{width:100%; height:160px;}
.row_vt_box .txt_box{margin-left:0;}

/*취업지원 - 2212*/
.tit_small{display:block; margin-left:0;}
.row_vt_box1{padding:20px;}
.row_vt_box1 .video_box{position:static; top:auto; transform:inherit; left:auto;}
.row_vt_box1 .video_box iframe{width:100%; height:160px;}
.row_vt_box1 .txt_box{margin-right:0;}
.row_vt_box1 .txt_box dl:first-child{margin-bottom:15px; margin-top:10px;}

/*유학비자*/
.enter_diagram{padding:20px 15px;}
.enter_diagram dt{position:static; top:auto; left:auto; width:100%; margin-bottom:5px;}
.enter_diagram dd{margin-left:0;}
.enter_diagram dd li{padding:15px;}
.enter_diagram dd li .icon{position:static; top:auto; right:auto; transform:inherit; margin-bottom:10px;}
.enter_diagram dd li .icon span{width:100%;}
.enter_diagram dd li .txt{line-height:1.3em;}
.enter_diagram dd .arrow{margin:10px 0 0;}

.yellow_bar_box .tit_box .right{float:none;}
.yellow_bar_box li{padding-right:20px;}
.yellow_bar_box li .green_btn{position:static; top:auto; transform:inherit; right:auto; margin-top:5px;}

/*유학이외의 비자*/
#et_enter02 .green_btn.inline{display:block;}
#et_enter02 .green_btn.inline:first-child{margin-bottom:5px;}


/*문의*/
.s_info_box{margin-left:0; padding:10px;}
.s_info_box .tit{position:static; top:auto; left:auto; width:100%; padding:7px; margin-bottom:10px; word-break:keep-all;}
.s_info_box .tit:before{display:none;}
.s_info_box .cont dl{display:block; width:100%; margin-bottom:10px;}
.s_info_box .cont dl:last-child{margin-bottom:0;}

/*사이트맵*/
#utility_sitemap ul > li.dept1{display:block; width:100%; margin-left:0; margin-top:30px;}
#utility_sitemap ul > li.dept1:nth-child(-n+3){margin-top:30px;}
#utility_sitemap ul > li.dept1:first-child{margin-top:0;}
#utility_sitemap ul > li h2{font-size:1.8rem;}
}