@charset "utf-8";

/*국제화교육*/
.cont_row{ border-right: 1px solid #ddd;border-left: 1px solid #ddd; margin-top:20px}
.box_cont{position:relative;padding:25px 20px;border-bottom:1px solid #ddd}
.box_cont.bg_gray{background-color:#f8f8f8}
.box_cont:first-child{ border-top:1px solid #ddd}


.box_cont .tit_cont{margin:0 0 15px 0;padding:0;color:#000;font-size:20px;line-height:1;padding-left: 35px}
.box_cont .tit_cont span{display:block;color:#000;font-size:22px;font-weight:normal;margin-top:20px;}
.cont_row .ui.uip{margin:0}
.box_cont .ti{display:inline-block;margin-bottom:10px;padding:3px 10px 2px 10px;border:1px solid #333;border-radius:20px;font-size:13px;text-align:center}
.box_cont .txt_h2{margin:0}
.box_cont .txt_h2:after{content:"";display:block;clear:both;visibility:hidden}
.box_cont .list_2st{margin:0}

.box_cont .btn.margin{margin:10px 30px}
.red-dot{}
.red-dot .first{margin:3px 0;padding-left:11px;background:url(/kr/img/common/bullet_reddot.gif) no-repeat 0 9px}

@media(min-width:0px) {
    .ui.uip.type3 li{min-height:94px}
}

@media(min-width:400px) {
    .ui.uip.type3 li{min-height:0}
}

@media(min-width:640px) {
    .box_cont{padding:55px 35px 35px 260px;min-height:100px}
    .box_cont.padding{padding:35px;min-height:100px}
    .box_cont .tit_cont{position:absolute;top:30px;left:0;margin:0}
}

@media(min-width:1200px) {
    .box_cont.padding{min-height:150px}
    .box_cont{min-height:150px}
    .box_cont .tit_cont{top:50px;left:15px}
}

/* 학부장 인사말 */
.txt_box{margin:30px;}
.txt_main{position:relative;margin-top:40px;font-size:30px;text-align:center;margin-top:80px;margin-bottom:80px}
.txt_main span{color:#df3127; }
.txt_main:before{content:"";position:absolute;top:-35px;width:20px;height:16px;left:50%;margin-left:-10px;background:url(/common/images/common/lt_quotation.png) no-repeat}
.txt_main:after{content:"";position:absolute;bottom:-35px;width:20px;height:16px;left:50%;margin-left:-10px;background:url(/common/images/common/gt_quotation.png) no-repeat}

/* 인사말B */
.greeting {padding-left:362px;padding-bottom:30px;background:url(/kr/img/sub04/040101_img01.png) no-repeat left top}
.greeting:after{content:"";display:block;clear:both;visibility:hidden}
.greeting .first {font-size:30px;color:#343434;line-height:1.3}
.greeting .first span:first-child {color:#de5658;line-height:1.3}
.name_box{position:relative;padding-right:130px}
/*.name{padding-right:125px;display:block}*/
.name_ir{display:inline-block;height:28px;position:absolute;top:-13px;right:20px;overflow:hidden;font-size:0;line-height:0;}
.sub01010101 {width:190px;background:url(/images/college/sub01/sub01010101_img01.png) no-repeat left top;}
.sub03010101 {width:313px;background:url(/images/college/sub03/sub03010101_img01.png) no-repeat left top;}
.sub0301020101 {width:240px;background:url(/images/college/sub03/sub0301020101_img01.png) no-repeat left top;}
.sub0301020201 {width:240px;background:url(/images/college/sub03/sub0301020201_img01.png) no-repeat left top;}
.sub0301020301 {width:275px;background:url(/images/college/sub03/sub0301020301_img01.png) no-repeat left top;}
.sub0301020401 {width:326px;background:url(/images/college/sub03/sub0301020401_img01.png) no-repeat left top;}
.sub0301020501 {width:274px;background:url(/images/college/sub03/sub0301020501_img01.png) no-repeat left top;}
.sub0301020601 {width:291px;background:url(/images/college/sub03/sub0301020601_img01.png) no-repeat left top;}
.sub0301020701 {width:324px;background:url(/images/college/sub03/sub0301020701_img01.png) no-repeat left top;}

.name_line {content: "hidden";float:left;width:100%;padding:20px 0 30px;margin-top:80px;text-align:right;border-top:1px solid #ddd;}


/* vision */
.wrap_circle{border:1px solid #ddd;padding:50px 50px}
.wrap_circle .circle_top {position:relative;height:565px;width:630px;margin:0 auto 170px;text-align:center}
.wrap_circle .circle_top div p{color:#fff}
.wrap_circle .circle_top div p .bico{display:block;width:490px;height:565px;margin:0 auto;background:url(/images/college/sub01/sub01010201_img01.png) no-repeat;background-position:0 102px;padding:310px 167px;font-size:20px;color:#fff}

.wrap_circle .circle_top .cmn_ico{z-index:10;position:absolute;width:188px;height:188px;text-align:center;color:#fff;line-height:1.2;font-size:20px}

.wrap_circle .circle_top .gt1{left:0;bottom:0;background:url(/images/college/sub01/sub01010201_img02.png) no-repeat;padding:35px 45px 0;}
.wrap_circle .circle_top .gt2{top:0;left:50%;margin-left:-94px;background:url(/images/college/sub01/sub01010201_img02.png) no-repeat;padding:35px 45px 0}
.wrap_circle .circle_top .gt3 {right:0;bottom:0;background:url(/images/college/sub01/sub01010201_img02.png) no-repeat;padding:35px 35px 0}

.wrap_circle .circle_top em {display:block;font-size:12px;background:none}
.wrap_circle .circle_top .gt1 em{padding:13px 7px 10px}
.wrap_circle .circle_top .gt2 em{padding:13px 7px 10px}
.wrap_circle .circle_top .gt3 em{padding:13px 15px 10px}

.wrap_circle .circle_top .positionbox{position:absolute;width:330px;padding:20px;margin:0;background:#f6f6f7;}
.wrap_circle .circle_top .positionbox li{width:auto;height:auto;text-align:left;font-size:15px;line-height:1.6;color:#464664}
.wrap_circle .circle_top .position1{top:0;left:50%;margin-left:-390px}
.wrap_circle .circle_top .position2{top:50%;left:50%;margin:275px 0 0 -390px}
.wrap_circle .circle_top .position3{top:50%;left:50%;margin:275px 0 0 80px}

.wrap_circle .listbox{position:relative;padding-right:380px}
.wrap_circle .listbox .box{height:150px;padding:30px;border:1px solid #c8c8c8}
.wrap_circle .listbox .box:after{content:"";display:block;clear:both}
.wrap_circle .listbox .box ul{margin-left:120px}
.wrap_circle .listbox .box .icon{float:left;width:94px;height:94px;padding-top:54px;font-weight:700;font-size:15px;text-align:center;background:url(/images/college/sub01/sub01010201_img03.png) no-repeat;color:#fff}
.wrap_circle .listbox .box .icon1{background-position:0 0}
.wrap_circle .listbox .box .icon2{background-position:-160px 0}
.wrap_circle .listbox .box .icon3{float:none;display:block;margin:0 auto;background-position:-320px 0}

.wrap_circle .listbox .box1{margin-bottom:20px}
.wrap_circle .listbox .box2{}
.wrap_circle .listbox .box3{position:absolute;top:0;right:0;width:260px;height:320px;padding:50px}
.wrap_circle .listbox .box3:before{content:"";position:absolute;top:50%;left:-100px;width:82px;height:112px;margin-top:-56px;background:url(/images/college/sub01/arr_listbox.png) no-repeat}
.wrap_circle .listbox .box3 ul{margin:30px 0 0}

.list_env.sence{position:relative;margin:20px 0}
.list_env.sence .env{position:relative;word-wrap:break-word;word-break:keep-all;border-bottom:0}
.list_env.sence .env .num_ico{display:inline-block;width:120px;height:120px;margin-right:19px;vertical-align:middle;background:#df3127;border-radius:100%;padding:32px 20px;text-align:center}

.list_env.sence li:before{ content:"";border:1px solid #ddd;height:1px;width:20px;position:absolute;top:60px;left:120px}
.list_env.sence .env strong{color:#fff;font-size:16px;line-height:20px}
.list_env.sence .env .li_box{display:inline-block;padding:20px 15px;border:1px solid #ddd;font-size:18px;vertical-align:middle}
.list_env.sence .env .list_1st{margin:0}
.list_env.sence .env .list_1st li{margin:3px 0 0;color:#666;font-size:14px;line-height:22px;word-wrap:break-word;word-break:keep-all}

@media(max-width:1199px){
.list_env.sence .env .li_box{width:500px}

.wrap_circle .listbox{padding:0}
.wrap_circle .listbox .box{height:auto}
.wrap_circle .listbox .box3{position:relative;width:auto;height:auto;padding:30px;margin-top:120px}
.wrap_circle .listbox .box3 .icon3{float:left}
.wrap_circle .listbox .box3 ul{margin:0 0 0 120px}
.wrap_circle .listbox .box3:before{top:-55px;left:50%;margin-left:-41px;transform:rotate(90deg)}
}

@media(max-width:767px){
.wrap_circle{border-width:0;padding:0}
.wrap_circle .circle_top{width:auto;height:auto;margin:0}
.wrap_circle .circle_top div p .bico{width:auto;height:auto;padding:20px;margin:0;background:#df3127}
.wrap_circle .circle_top .cmn_ico{width:auto;height:auto;padding:30px 0 15px;text-align:left;border-width:0;background:transparent;color:#000}
.wrap_circle .circle_top .cmn_ico em{display:inline;font-size:inherit;padding:0}
.wrap_circle .circle_top .cmn_ico br{display:none}

.wrap_circle .circle_top .gt1,
.wrap_circle .circle_top .gt2,
.wrap_circle .circle_top .gt3,
.wrap_circle .circle_top .positionbox{position:static;display:block;width:auto;height:auto;margin:0}

.list_env.sence .env{overflow:hidden} 
.list_env.sence .env .num_ico{float:left;border-radius:0}
.list_env.sence .env .li_box{display:block;width:auto;height:120px;padding:30px 15px;margin:0 0 0 142px}
}

@media(max-width:639px){
.list_env.sence li:before{display:none}
.list_env.sence .env .num_ico{float:none;display:block;width:auto;height:auto;padding:25px 0;margin:0}
.list_env.sence .env .num_ico strong{font-size:20px}
.list_env.sence .env .li_box{height:auto;padding:25px;margin-left:0}
}

@media(max-width:479px){
.wrap_circle .circle_top .cmn_ico em{display:block}
.list_env.sence .env .num_ico strong{font-size:16px}
.wrap_circle .listbox .box .icon{display:block;float:none;margin:0 auto}
.wrap_circle .listbox .box ul,.wrap_circle .listbox .box3 ul{width:160px;margin:20px auto 0}
} 


/* feature */
.wrap_feature .listbox{position:relative;}
.wrap_feature .listbox:after{content:"";display:block;clear:both}
.wrap_feature .listbox .box{width:44%;height:150px;padding:40px 90px;border:1px solid #ddd}
.wrap_feature .listbox .box:after{content:"";display:block;clear:both}
.wrap_feature .listbox .box ul{margin-left:120px}
.wrap_feature .listbox .box .icon{float:left;width:94px;height:94px;padding-top:54px;font-weight:700;font-size:15px;text-align:center;background:url(/kr/img/sub01/icon_0102_listbox.png) no-repeat;color:#fff}
.wrap_feature .listbox .box .icon1{background-position:0 0}
.wrap_feature .listbox .box .icon2{background-position:-160px 0}
.wrap_feature .listbox .box .icon3{float:none;display:block;margin:0 auto;background-position:-320px 0}

.wrap_feature .listbox .box1{}
.wrap_feature .listbox .box2{margin-left:12%;}
.wrap_feature .listbox .box2:before{content:"";position:absolute;top:50%;left:420px;width:82px;height:112px;margin-top:-56px;background:url(/images/college/sub01/arr_listbox.png) no-repeat}
    
.wrap_feature .list_env.sence{position:relative;margin:20px 0;padding-left:110px;}
.wrap_feature .list_env.sence .env{position:relative;word-wrap:break-word;word-break:keep-all;border-bottom:0}
.wrap_feature .list_env.sence .env .num_ico{display:inline-block;width:120px;height:120px;margin-right:19px;vertical-align:middle;background:#df3127;border-radius:100%;padding:32px 20px;text-align:center}

.wrap_feature .list_env.sence li:before{ content:"";border:1px solid #ddd;height:1px;width:20px;position:absolute;top:60px;left:120px}
.wrap_feature .list_env.sence .env strong{color:#fff;font-size:16px;line-height:20px}
.wrap_feature .list_env.sence .env .li_box{display:inline-block;padding:20px 15px;border:1px solid #ddd;font-size:18px;vertical-align:middle}
.wrap_feature .list_env.sence .env .list_1st{margin:0}
.wrap_feature .list_env.sence .env .list_1st li{margin:3px 0 0;color:#666;font-size:14px;line-height:22px;word-wrap:break-word;word-break:keep-all}

@media(max-width:1199px){
.wrap_feature .list_env.sence{padding-left:0;}
.wrap_feature .list_env.sence .env .li_box{width:500px}
.wrap_feature .listbox{padding:0}
.wrap_feature .listbox .box{width:100%;height:auto}
.wrap_feature .listbox .box2 {margin-left:0;margin: 90px 0 0 0;}
.wrap_feature .listbox .box2:before{top:161px;left:50%;margin-left:-41px;transform:rotate(90deg)}
}

@media(max-width:767px){
.wrap_feature{border-width:0;padding:0}
.wrap_feature .circle_top{width:auto;height:auto;margin:0}
.wrap_feature .circle_top div p .bico{width:auto;height:auto;padding:20px;margin:0;background:#df3127}
.wrap_feature .circle_top .cmn_ico{width:auto;height:auto;padding:30px 0 15px;text-align:left;border-width:0;background:transparent;color:#000}
.wrap_feature .circle_top .cmn_ico em{display:inline;font-size:inherit;padding:0}
.wrap_feature .circle_top .cmn_ico br{display:none}

.wrap_feature .circle_top .gt1,
.wrap_feature .circle_top .gt2,
.wrap_feature .circle_top .gt3,
.wrap_feature .circle_top .positionbox{position:static;display:block;width:auto;height:auto;margin:0}

.wrap_feature .list_env.sence .env{overflow:hidden} 
.wrap_feature .list_env.sence .env .num_ico{float:left;border-radius:0}
.wrap_feature .list_env.sence .env .li_box{display:block;width:auto;height:120px;padding:30px 15px;margin:0 0 0 142px}
}

@media(max-width:639px){
.wrap_feature .list_env.sence li:before{display:none}
.wrap_feature .list_env.sence .env .num_ico{float:none;display:block;width:auto;height:auto;padding:25px 0;margin:0}
.wrap_feature .list_env.sence .env .num_ico strong{font-size:20px}
.wrap_feature .list_env.sence .env .li_box{height:auto;padding:25px;margin-left:0}
.wrap_feature .listbox .box2:before{top:185px;left:50%;margin-left:-41px;transform:rotate(90deg)}
}

@media(max-width:479px){
.wrap_feature .circle_top .cmn_ico em{display:block}
.wrap_feature .list_env.sence .env .num_ico strong{font-size:16px}
.wrap_feature .listbox .box .icon{display:block;float:none;margin:0 auto}
.wrap_feature .listbox .box2:before{top:209px;left:50%;margin-left:-41px;transform:rotate(90deg)}
} 


/*box*/    
.wrap_feature{overflow:hidden}
.wrap_feature .boxwrap{width:100%;margin:0 -5px}
.wrap_feature .box{float:left;width:50%;text-align:center;border:solid transparent;border-width:10px 5px}
.wrap_feature .box_end:after{content:"";clear:both;display:block;} 
.wrap_feature .box .inner{height:250px;padding:30px;border:1px solid #ddd}
.wrap_feature .box .inner .text2{margin:15px 0}

.text2 {}

@media(max-width:767px){
.wrap_feature .boxwrap{margin:0}
.wrap_feature .box{float:none;width:100%;border-width:0}
.wrap_feature .box .inner{height:auto;padding:30px 0;border-width:1px 0 0}
}  



.ui.metro-content-group{margin-top:15px;}
.ui.metro-content-group .box{float:left;width:49%;height:165px;margin-left:2%;border:1px solid #ddd}
.ui.metro-content-group .box:first-child{margin-left:0}
.ui.metro-content-group .box .ti{display:block;padding:10px 20px;font-size:18px;background:#f1f1f2;color:#3d4452;line-height:130%}
.ui.metro-content-group .box .pt{padding:15px 20px}
.ui.metro-content-group .box .pt .list_1st{margin:0}
.ui.metro-content-group .box .red-dot{}
.ui.metro-content-group .box .red-dot li{margin:3px 0;padding-left:11px;background:url(/kr/img/common/bullet_reddot.gif) no-repeat 0 9px}

@media (max-width:767px){
  .ui.metro-content-group{margin-top:0}
  .ui.metro-content-group .box{float:none;width:100%;height:auto;margin:5px 0 0 0}

}