@charset "utf-8";





/*컨텐츠*/
/*디지털포렌식 활용분야*/
.sub01_text01 {margin-bottom: 40px; display: inline-block; width: 100%; background-color: #24497d; border-radius: 10px;}
.sub01_text01 dl {padding: 5px; border-radius: 10px; display: inline-block; vertical-align: top; word-break: keep-all;}
.sub01_text01 dt::before {content:'Q'; padding: 0 10px; display: inline-block; background: #f5f5f5; border-radius: 10px 10px 2px; font-size: 16px;color: #24497d;
position: absolute;  left: 20px; top: 20px;}
.sub01_text01 dt {position: relative; padding: 13px 20px 16px 65px;   font-size: 14px; color: #FFF; word-break: keep-all; text-align: left; line-height: 2rem;}
.sub01_text01 dd::before {content:'A'; background: #24497d; border-radius: 10px 10px 2px;  font-size: 16px; color: #f5f5f5; position: absolute;    padding: 0 10px; display: inline-block; left: 20px; top: 20px;}
.sub01_text01 dd {position: relative; background: #F5F5F5; padding: 13px 20px 16px 65px; border-radius: 0 0 10px 10px; font-size: 16px;  word-break: keep-all;
    font-weight: 600; line-height: 2rem; color: #24497d;}

.sub01_01{ width:100%; display:inline-block; padding-bottom:50px;}
.text01{ width:100%;  font-family:"Nanum Myeongjo","NanumMyeongjo","나눔명조", serif; font-size:25px; color:#8c8b8b; text-align:center; letter-spacing:-1px; margin-bottom:25px; line-height:32px;word-break:keep-all;}
.text01 span{ color:#df5370;}


.text02{ width:95.2%;  font-family:"Nanum Myeongjo","NanumMyeongjo","나눔명조", serif; font-size:17px; color:#000; text-align:center; letter-spacing:-1px; margin-bottom:30px; line-height:32px; word-break:keep-all; padding:3% 2%; border:1px dashed #b7b7b7; border-radius:15px 0 15px 0; box-shadow:1px 1px 2px #DDDDDD;}

.sub01_02{ width:100%; margin-bottom:40px;}
.sub01_02 ul li{ display:inline-block; line-height:25px;}

.sub01_03{ background:url("/images/404music/content/sub01_09.png") right top no-repeat; height:auto;  display:inline-block; width:100%; padding-bottom:30px;}
.sub01_03 ul{ width:64%; padding:10px 0 0px 0;}
.sub01_03 ul li{ padding-bottom:10px; line-height:25px; font-size:15px;}


.sub01_04{ width:100%; display:inline-block; margin-bottom:30px;}
.sub01_04_01{ width:31.5%; display:inline-block; border-right: 1px dashed #D9D9D9; padding:10px 0.5%; }
.sub01_04_02{ width:31.5%; display:inline-block; padding:10px 1%; }
.sub01_04 ul{ vertical-align:text-top;}
.sub01_04 ul li{ padding-bottom:20px; line-height:22px;}
.sub01_04 ul span img{ width:98%; text-align:center; padding-bottom:10px;}

.sub01_05{ background:url("/images/404music/content/sub01_03.png") left center no-repeat; height:auto;  display:inline-block; padding-left:18%; padding-bottom:20px; border-bottom:1px dashed #ccc; border-top:1px dashed #ccc; padding-top:20px; }
.sub01_06{ background:#47948f url("/images/404music/content/sub01_04.png") left center no-repeat; height:auto;  display:inline-block; padding:20px 3% 20px 35%;  border-bottom:1px dashed #ccc; border-top:1px dashed #ccc; font-weight:600; margin-bottom:50px; }


.sub01_07{ background:url("/images/404music/content/sub01_06.png") right top no-repeat; height:auto;  display:inline-block; width:100%; margin-bottom:20px;}
.sub01_07 dl{ width:72%; margin-bottom:10px;}
.sub01_07 dt{ color:#37aea7; font-weight:600; margin-top:15px;}
.sub01_07 dt span{ font-size:18px;}
.sub01_07 dd{ line-height:22px; margin-top:10px;}

.sub01_07_02{width:100%; margin-bottom:20px;}
.sub01_07_02 dl{ width:100%;}
.sub01_07_02 dt{ color:#37aea7; font-weight:600;}
.sub01_07_02 dt span{ font-size:18px;}
.sub01_07_02 dd{ line-height:22px; margin-top:10px;}


.sub01_08{ display:inline-block;}
.sub01_08 ul{ width:320px; height:163px; }




.sub06_01{display:inline-block;width:100%;background: url("/upload_data/board_data/CNT_ATCHDOWN/171446038471536.jpg") left top no-repeat;}
.sub06_01 ul{ width:70%; padding-left:26%; line-height:22px; margin-bottom:20px;}
.sub06_01 ul li{ padding-bottom:10px;}


.line_dash{border-bottom:1px dashed #ccc; padding-bottom:25px; width:100%; }
.line_dash02{ width:93%; display:inline-block; border-top:dashed 1px #A4A4A4; padding:30px 3%; word-break:break-all; border-bottom:dashed 1px #A4A4A4; background:#F3F3F3; }


.text_01{ width:98%; border:1px solid #DFDFDF; padding:10px 0 10px 1.5%; color:#FC5E0C; font-size:17px; font-weight:600; display:inline-block; border-radius:5px; text-align:left;}
.text_02{ width:97%; border:1px solid #DFDFDF; padding:10px 0 10px 1.5%; color:#084933; font-size:17px; font-weight:600; display:inline-block; border-radius:5px; text-align:center;}

.text01_03{ width:60%; line-height:26px; font-size:15px; font-weight:600; color:#646363;}
.text01_03 span{ font-size:18px; font-weight:600; color:#B141E3;}


.text_04{ width:97%; border:1px solid #DFDFDF; padding:10px 0 10px 1.5%; color:#48b200; font-size:17px; font-weight:600; display:inline-block; border-radius:5px; text-align:center;}


.sub01_txt02{ text-align:center;}
.sub01_txt02 ul{ font-size:0;text-align:center;}
.sub01_txt02 li{background: url("/images/404music/content/sub01_07.png") left center no-repeat; display:inline-block; width:33%;font-size:15px; vertical-align:top; text-align:center}

.cbox_icon01{border:1px solid #e6e6e6; padding:15px 4%; margin-bottom:30px; line-height:1.8em; background:#62c167; color:#FFFFFF; letter-spacing:-1px; height:100px;}
.cbox_icon02{border:1px solid #e6e6e6; padding:15px 4%; margin-bottom:30px; line-height:1.8em; background:#c1a562; color:#FFFFFF; letter-spacing:-1px; height:100px;}
.cbox_icon03{border:1px solid #e6e6e6; padding:15px 4%; margin-bottom:30px; line-height:1.8em; background:#78e5c8; color:#FFFFFF; letter-spacing:-1px; height:100px;}
.cbox_icon04{border:1px solid #e6e6e6; padding:15px 4%; margin-bottom:30px; line-height:1.8em; background:#f49978; color:#FFFFFF; letter-spacing:-1px; height:100px;}
.cbox_icon05{border:1px solid #e6e6e6; padding:15px 4%; margin-bottom:30px; line-height:1.8em; background:#8bcbf0; color:#FFFFFF; letter-spacing:-1px; height:100px;}
.cbox_icon06{border:1px solid #e6e6e6; padding:15px 4%; margin-bottom:30px; line-height:1.8em; background:#fcd26e; color:#FFFFFF; letter-spacing:-1px; height:100px;}


.sub01_txt03{ width:93%; display:inline-block; border-top:dashed 1px #A4A4A4; background:#EFEFEF; padding:30px 3%; word-break:break-all;}
.sub01_txt03 p{ font-weight:600; color:#008F14; padding-bottom:15px; font-size:18px;}
.sub01_txt03 ul{}
.sub01_txt03 ul li{ width:46%; display:inline-block; padding-left:1%; padding-right:2.5%; background:url("/images/404music/inc/all_icon01.gif") left 10px no-repeat;line-height:1.8em; }
.sub01_txt03 ul li .sty{ color:#767676; font-size:14px;}

.sub03_txt01 { padding-top:30px; padding-bottom:15px;}
.sub03_txt01 ul li{ padding-bottom:20px;}
.sub03_txt01 .ssty{ font-family:"Nanum Myeongjo","NanumMyeongjo","나눔명조", serif; font-size:25px; font-weight:600; color:#00a686;}


.sub04_01{background: url("/images/404music/content/sub05_01.jpg") left top no-repeat; padding:100px 0 100px 4%; margin-bottom:40px;}







.sub05_01{ width:100%; display:inline-block; margin-bottom:30px;}
.sub05_01_01{ width:30.5%; display:inline-block; border-right: 1px dashed #D9D9D9; padding:10px 1%; }
.sub05_01_02{ width:30.5%; display:inline-block; padding:10px 1%; }
.sub05_01 ul{ vertical-align:text-top;}
.sub05_01 ul li{ padding-bottom:10px; line-height:22px; height:80px;}
.sub05_01 ul span img{ width:98%; text-align:center; padding-bottom:10px;}


/*교수진*/

.pro_list01 { border-bottom:1px dashed #ccc; padding:0 0 20px 0; margin-bottom:20px;}
.pro_list01 .pro_box01{width: 49.5%;display:inline-block;vertical-align:top;}
.pro_list01 .nb_left{width: 23%;vertical-align:top;margin-right:2%;display:inline-block;}
.pro_list01 .nb_left img{width: 100%;height:140px;}
.pro_list01 .nb_right{display:inline-block;font-size:14px;line-height:1.8em;width: 73%;}
.pro_list01 .nb_right li{ width:100%; word-break:break-all;}
.pro_list01 .nb_right strong { width:100%;  margin-bottom:10px; font-size:16px; color:#0D5AB5;}
.pro_list01 .nb_right span{font-weight:600; color:#A6A6A6; background:url("/images/404music/inc/title03_05.gif") left no-repeat; font-size:13px; padding-left:8px; margin-bottom:10px; line-height:1.4em;}
.bgc_01{ background:#fff;}


/*연혁

.sub01_txt01_01 { padding:20px 0; letter-spacing:-1px;}
.sub01_txt01_01 dl dt{color:#000; font-size:30px; font-weight:600; width:15%; margin-bottom:10px; display:inline-block;vertical-align:top;}
.sub01_txt01_01 dl dd{ width:83%; background:url("/images/404music/content/history_bg.gif") left -30px repeat-y; padding-bottom:30px;line-height:25px;display:inline-block;}
.sub01_txt01_01 dl dd ul li{background:url("/images/404music/content/history_bg.gif") left 2px no-repeat; width:100%; margin-bottom:10px;}
.sub01_txt01_01 dl dd ul li strong{ display:inline-block; color:#000;  padding-right:3%; margin-left:5%; font-size:17px; vertical-align:top;}
.sub01_txt01_01 dl dd ul li span{ width:70%; display:inline-block;}
*/

.history01{ font-size:20px; letter-spacing:-2px; font-weight:600; padding:37px 0 0 0; color:#006bbd; display:inline-block;background: url("/images/404music/content/sub01_05.png") 28px top no-repeat; width:100%; text-shadow:1px 2px 1px #D8D8D8}



/*오시는길*/

.map_txt{background:url("/images/404music/content/location_01.png") left top no-repeat; line-height:25px; padding:5px 0 15px 70px;}
.map{ border:3px solid #ddd; height:450px;}















@media all and (max-width :1100px) {
	

.sub01_03{ background:url("/images/404music/content/sub01_09.png") center top no-repeat; }
.sub01_03 ul{ width:99%; padding:255px 0 0px 0;}

.history01{ font-size:20px; letter-spacing:-2px; font-weight:600; padding:37px 0 0 0; color:#006bbd; display:inline-block;background: url("/images/404music/content/sub01_05.png") 10px top no-repeat; width:100%; text-shadow:1px 2px 1px #D8D8D8}


.sub01_txt02 li{width:49%;font-size:14px; vertical-align:top; text-align:center}
.sub04_01{background: none; padding:0;}


.text01_03{ width:100%; line-height:26px; font-size:15px; font-weight:600; color:#646363; margin-top:20px; padding-top:255px;}




}


@media all and (max-width :1024px) {



.sub01_txt02 li{width:49%;font-size:14px; vertical-align:top; text-align:center}

.sub06_01 ul{ width:69%; padding-left:30%; line-height:22px; margin-bottom:50px;}



}


@media all and (max-width :1000px) {

/*교수진*/
.pro_list01 .nb_left{width:26%; }
.pro_list01 .nb_right{width:70%;}	
.pro_list01 .nb_left img{ height:130px;}

/*연혁*/
.sub01_txt01_01 dl dd ul li span{ width:80%; display:inline-block;}


.sub01_txt03 ul li{ width:90%;}

}


@media all and (max-width :940px) {
/*교수진*/

.text03{ width:85.5%;}

.pro_list01 { border-bottom:none; padding:0; margin-bottom:0px;}
.pro_list01 .pro_box01{ padding:2%; width:96%;}
.bgc_01{ background:#ebebeb;}



.sub06_01{display:inline-block; width:100%; background:none;}
.sub06_01 ul{ width:99%; padding-left:0%; line-height:22px; padding-bottom:0px;}
.sub06_01 ul li{ padding-bottom:10px;}



}


@media all and (max-width :850px) {
.text01{ font-size:20px;  line-height:25px;}
.text02{ font-size:15px;  line-height:25px; padding:5%; width:89.2%;}
}





@media all and (max-width :768px) {

/*교수진*/

.text03{ width:85.5%;}

.pro_list01 { border-bottom:none; padding:0; margin-bottom:0px;}
.pro_list01 .pro_box01{ padding:2%; width:96%;}
.bgc_01{ background:#ebebeb;}



.sub01_04_01{ width:98%; display:inline-block; padding-top:20px; border-right:none; border-bottom: 1px dashed #D9D9D9; }
.sub01_04_02{ width:98%; display:inline-block; padding-top:20px;}
.sub01_04 ul li{ padding-bottom:10px; line-height:22px; height:auto;}


/*연혁

.sub01_txt01_01 dl dt{width:100%;}
.sub01_txt01_01 dl dd { width:100%; padding-bottom:0;margin-bottom:30px;}
*/

.history01{ font-size:20px; letter-spacing:-2px; font-weight:600; padding:37px 0 0 0; color:#006bbd; display:inline-block;background: url("/images/404music/content/sub01_05.png") 8px top no-repeat; width:100%; text-shadow:1px 2px 1px #D8D8D8}

}

@media all and (max-width :650px) {



.text01_01{ width:98%; margin-bottom:30px; padding-top:200px;}

.cbox_icon01{ height:130px;}
.cbox_icon02{ height:130px;}
.cbox_icon03{ height:110px;}
.cbox_icon04{ height:110px;}
.cbox_icon05{ height:100px;}
.cbox_icon06{ height:100px;}

.sub01_04 ul li img{ width:93%; padding-right:3%; padding-left:3%; clear:both;  text-align:center;}

}


@media all and (max-width :480px) {

/*교수진*/

.text03{ width:83%;}
.pro_list01 .nb_left{width:28%; }
.pro_list01 .nb_left img{ height:120px;}
.pro_list01 .nb_right{width:68%; line-height:1.7em;}
.pro_list01 .nb_right li{ letter-spacing:-0.5px; font-size:13px; word-break:break-all;}
.pro_list01 .nb_right li span{ font-size:12px;}


/*오시는길*/
.map_txt{ background-size:35px;line-height:22px;padding-left:45px; padding-top:3px; font-size:13px;}
.map_txt strong{ font-size:18px;}
.map{height:300px;}

.sub01_03{ background:url("/images/404music/content/sub01_02.png") center top no-repeat; }
.sub01_03 ul{ width:99%; padding:255px 0 0px 0;}


/*연혁*/
.sub01_txt01_01 dl dd ul li span{ width:77%; }
.sub02_txt01{width:88%; padding-left:11%;}



.cbox_icon01{ height:130px;}
.cbox_icon02{ height:130px;}
.cbox_icon03{ height:110px;}
.cbox_icon04{ height:110px;}
.cbox_icon05{ height:100px;}
.cbox_icon06{ height:100px;}	


.sub03_txt01 .ssty{ font-size:20px;}

}


@media all and (max-width :320px) {

/*교수진*/
.pro_list01 .nb_left{}
.pro_list01 .nb_right{line-height:1.5em;}
.pro_list01 .nb_left img{ height:110px;}


/*오시는길*/
.map_txt{font-size:12px; letter-spacing:-1px;}

/*연혁*/
.sub01_txt01_01 dl dd ul li span{ width:75%; }

}

/*231101 강사진*/
.profile_box div{position: relative;margin: 20px 0;padding: 20px 20px 10px;border: 1px solid #ddd;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.pro_btn{background: #1239ba;color:#fff;padding: 0 7px 0 10px;display:inline-block;font-weight:600;line-height: 1.8em;font-size: 13px;border-radius:4px;}
.pro_btn a{background: #1239ba url("https://www.kunsan.ac.kr/images/351korean/inc/search01.png") right center no-repeat;color:#fff;padding-right: 18px;display:inline-block;font-weight:600;line-height:1.8em;border-radius:4px;}
.profile_box div ul{position: absolute;width: calc(100% - 40px);padding: 20px;border-radius: 5px;background: #f4f4f4;z-index: 100;box-sizing: border-box;border: 1px solid #ddd;}
.profile_box .ytb{position: absolute;width: 32px;height: 32px;font-size: 0;overflow: hidden;background: url("/images/001kunsan/new_main/btn_set.png") no-repeat -242px 0;top: 20px;right: 20px;}
@media all and (min-width :768px) {
.profile_box{display: flex;flex-wrap: wrap;}
.profile_box div{width: 48%;margin: 1%;box-sizing: border-box;}
}
@media all and (min-width :1001px) {
.profile_box div{width: 32.3333%;margin: 0.5%;}
}