@CHARSET "UTF-8";
/*단과대학*/
.univ_college{margin-left:15px;}
.univ_college li{float:left; width:115px; background:url('/resources/images/site/contents/univ_college_dot.gif') no-repeat; background-position:10px center; padding:6px 0 6px 18px; margin-left:10px;}
.univ_college li a:hover{color:#d28358; text-decoration:underline;}

.univ_college_list{position:relative; width:100%; overflow:hidden;}
.univ_college_list .univ_college_list_title{border-top:1px solid #6dbe45; border-bottom:1px solid #ddd; padding:6px 0 4px 0;}
.univ_college_list .btn_college_intro{position:absolute; top:14px; right:0;}

.depart_info_area{position:relative; width:100%; padding-bottom:15px; clear:both;}
.depart_info_area .info_title{position:relative; width:100%; height:150px; background:#f3fbef;}
.depart_info_area .info_title p{font-size:13px; color:#666; letter-spacing:-0.8px; margin-left:50px; padding-top:10px;}
.depart_info_area .info_title p span.sm_txt{font-size:10px; color:#c6cdc3; letter-spacing:-0.5px;}
.depart_info_area .info_title p span.bi_txt{font-size:23px; font-family:'nanummyeongjo'; color:#00806e; line-height:28px; font-weight:600; letter-spacing:-2px;}
.depart_info_area .info_title p.pro_name{width:140px; background:#313230; color:#fff; padding:5px 15px; text-align:center; margin-top:20px;}
.depart_info_area .info_title .depart_pro_img{position:absolute; top:0; right:30px;}

.depart_info_link{position:relative; width:100%; clear:both;}
.depart_info_link .depart_info_title_img{padding:18px 0;}
.depart_info_link .depart_info_list{width:100%; overflow:hidden; background:#fff; padding:18px 0 15px 0;}
.depart_info_link .depart_info_list.ex {width:70%;}
.depart_info_link .depart_info_list .pad{overflow: hidden;}
.depart_info_link .depart_info_list ul li{float:left; width:25%; box-sizing: border-box;}
.depart_info_link .depart_info_list li a{font-size:12px;}

.depart_info_link .depart_info_list li a:hover{color:#ec844c; text-decoration:underline;}
.depart_info_link .depart_info_txt{padding:15px 0; border-bottom:1px solid #ddd; font-size:13px;}

.depart_info_link .depart_info_list_02{width:100%; overflow:hidden; background:#fff; padding:18px 0 15px 0;}
.depart_info_link .depart_info_list_02 .pad{overflow: hidden;}
.depart_info_link .depart_info_list_02 ul li{float:left; width:25%; box-sizing: border-box;}
.depart_info_link .depart_info_list_02 li a{font-size:12px;}
.depart_info_link .depart_info_list_02 li a:hover{color:#ec844c; text-decoration:underline;}


/*단과대학 탭*/
.depart_tabmenu{overflow:hidden;font-family:'맑은 고딕','Malgun Gothic'; margin:20px 0;}
.depart_tabmenu ul{width:100%; height:38px;}
.depart_tabmenu li{width:20%;float:left; font-size:15px;font-weight:normal;}
.depart_tabmenu li a{display:block; padding:5px 0; background:#f5f5f5; text-align:center; text-decoration:none; color:#666; height:26px;line-height:25px}
.depart_tabmenu li a:hover{background-color:#00806d; color:#fff;}
.depart_tabmenu li.active a{background:#00806d; color:#fff; font-weight:600;}

/*단과대학 공통*/
.text_link{color:#00806e;}
.col_red{color:#df2424;}

/*공통버튼*/
.btn_college_gray{padding:7px 12px 7px 12px;background-color:#555;color:#fff;}

.class_line li{display:inline-block;*display:inline;zoom:1; margin:3px 0;}

/*학과소개*/
.major_info{ ; background: url('/resources/images/site/contents/dot_pattern.png') repeat; padding: 5px; margin-bottom: 20px;}
.major_info_inner {background: #fff; padding:30px;}
.major_info_tit{margin-bottom: 15px;}
.major_tit {display:inline-block; font-size: 30px; color:#047B6F; vertical-align: middle;font-weight: 500;}
.major_tit span {position: relative; font-size: 20px;padding-left: 12px;margin-left: 12px; top: -2px; font-weight: 400;}
.major_tit span:after{position: absolute; content: ''; left: 0; top: 5px; width: 1px; height: 20px; background:#047B6F; }
.major_sns{display:inline-block; }
.major_link{position:relative; display:inline-block; color: #00816E; background: #fff; border: 1px solid #00816E; padding: 5px 35px 5px 15px; letter-spacing: .03rem; float: right;font-size: 12px;margin: 8px 0; }
.major_link:after{content: ''; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; background: url('/resources/images/site/contents/major_link.png')  no-repeat;}
p.major_sm_tit {color: #047B6F; font-weight: 500; margin: 6px 0 3px;}
.major_intro p{font-size: 14px; text-align: justify;}
.major_cont_group{margin: 20px 0;}
.major_cont_group .cont{margin-bottom: 20px; font-size: 14px;}
.dot_list li{position: relative; padding-left: 10px; font-size: 14px;}
.dot_list li:after{position: absolute; content: ''; width: 3px; height: 3px; background:#388F30; left: 0; top: 10px; }
.major_contact{background: #F4FAF7; border-top: 1px solid #00806E;padding: 20px}
.major_contact span{background: #00806e;color: #fff; padding: 1px 9px;display: inline-block;border-radius: 20px;font-size: 12px;}
.major_contact p {display: inline-block; vertical-align: top; margin-left: 15px;}
.major_contact ul {overflow: hidden;}
.major_contact li {margin: 5px 0; float: left; width: 50%;}
.major_contact p.major_sm_tit{margin-left: 0;}
.major_sns{margin-left: 5px;}
.major_sns a {text-indent: -9999px; display: inline-block; width: 25px; height: 25px; margin: 0 2px;}
.major_sns .facebook {background: url("/resources/images/site/contents/m_facebook.png") no-repeat;}
.major_sns .instagram {background: url("/resources/images/site/contents/m_instagram.png") no-repeat;}
.major_sns .youtube {background: url("/resources/images/site/contents/m_youtube.png") no-repeat;}
.major_sns .band {background: url("/resources/images/site/contents/m_band.png") no-repeat;}
.major_sns .cafe {background: url("/resources/images/site/contents/m_cafe.png") no-repeat;}
.major_sns .kakao {background: url("/resources/images/site/contents/m_kakao.png") no-repeat;}
.m_box{padding: 10px;font-size: 13px;background: #f4f5f9;border: 1px solid #eee;margin: 5px 0;}
.m_college{margin-bottom: 3px;}
.m_college p {display: inline-block;color:#047B6F;font-size: 20px;    vertical-align: middle;}
.m_college .major_link{margin: 0; padding: 4px 35px 4px 15px;}
.m_college span{ position: relative; font-size: 20px;color:#047B6F;}
.m_college span+span{padding-left: 22px;}
.m_college span+span:after{position: absolute; content: ''; left: 10px; top: 5px; width: 2px; height: 20px; background:#047B6F;}
.depart_info_txt .btn_Lgray {display:inline-block}


@media screen and (max-width: 767px) {
    /*학과소개*/
    .depart_info_link{position:relative; width:100%; clear:both;}
    .depart_info_link .depart_info_title_img{padding:18px 0; display:none;}
    .depart_info_link .depart_info_list{width:100%; overflow:hidden; background:#fff; padding:18px 0 15px 0;}
    .depart_info_link .depart_info_list.ex {width:100%}
    .depart_info_link .depart_info_list .pad{overflow: hidden;}
    .depart_info_link .depart_info_list ul li{float:left; width:45%; }
    .depart_info_link .depart_info_list li a{font-size:12px;}
    .depart_info_link .depart_info_list li a:hover{color:#ec844c; text-decoration:underline;}
    .depart_info_link .depart_info_txt{padding:15px 0; border-bottom:1px solid #ddd; font-size:12px;}
    
    .major_info{ ; background: url('/resources/images/site/contents/dot_pattern.png') repeat; padding: 5px; margin-bottom: 20px;}
    .major_info_inner {background: #fff; padding:15px;}
    .major_info_tit{margin-bottom: 15px; text-align: center;}
    .major_tit {display:block; font-size: 20px; color:#047B6F; vertical-align: top; }
    .major_tit span { display: block; position: relative; font-size: 14px; margin-left:0; paddgin-left:0;}
    .major_tit span:after{ display: none; position: absolute; content: ''; left: 0; top: 5px; width: 1px; height: 20px; background:#047B6F; }
    .m_college span+span{margin-left:0}
    .m_college span+span:after { display: none; }
    .major_sns{display:inline-block;   }
    .major_link{display:block; color: #00816E; background: #fff; border: 1px solid #00816E; padding: 3px 10px; margin: 5px 0; letter-spacing: .03rem;font-size: 12px; text-align: center; float:none;  }
    p.major_sm_tit {color: #047B6F; font-weight: 500; margin: 6px 0 3px;}
    .major_intro p{font-size: 12px; text-align: justify;}
    .major_cont_group{margin: 20px 0;}
    .major_cont_group .cont{margin-bottom: 20px; font-size: 12px;}
    .dot_list li{position: relative; padding-left: 10px; font-size: 12px;}
    .dot_list li:after{position: absolute; content: ''; width: 3px; height: 3px; background:#388F30; left: 0; top: 10px; }
    .major_contact{background: #F4FAF7; border-top: 1px solid #00806E;padding: 10px}
    .major_contact span{background: #00806e;color: #fff; padding: 1px 9px;display: inline-block;border-radius: 20px;font-size: 12px; margin-bottom: 5px;}
    .major_contact p {display: block; vertical-align: top; margin-left: 0;}
    .major_contact ul {overflow: hidden;}
    .major_contact li {margin: 5px 0; float: left; width: 50%;}
    .major_contact p.major_sm_tit{margin-left: 0;}
    .major_sns{margin-left: 5px;}
    .major_sns a {text-indent: -9999px; display: inline-block; width: 25px; height: 25px; margin: 0 2px;}
    .major_sns .facebook {background: url("/resources/images/site/contents/m_facebook.png") no-repeat;}
    .major_sns .instagram {background: url("/resources/images/site/contents/m_instagram.png") no-repeat;}
    .major_sns .youtube {background: url("/resources/images/site/contents/m_youtube.png") no-repeat;}
    .major_sns .band {background: url("/resources/images/site/contents/m_band.png") no-repeat;}
    .major_sns .cafe {background: url("/resources/images/site/contents/m_cafe.png") no-repeat;}
    .major_sns .kakao {background: url("/resources/images/site/contents/m_kakao.png") no-repeat;}
    .m_box{padding: 10px;font-size: 13px;background: #f4f5f9;border: 1px solid #eee;margin: 5px 0;}
    .m_college{text-align: left; margin: 10px 0;}
    .m_college p {display: inline-block;color:#047B6F;font-size: 14px;    vertical-align: middle;}
    /*.m_college .major_link{margin: 0; padding: 3px;}*/
    .m_college span{ display: block; position: relative; font-size: 14px;color:#047B6F; text-align: left}
    .m_college .major_link {display: inline-block; float: right; margin: 0; padding: 3px;}
    .m_college .major_sns{ transform: translateY(1px);}
    .m_college .major_sns a {width: 20px; height: 20px; background-size: 20px;}
    /*.m_college span+span{padding-left: 22px;}*/
    /*.m_college span+span:after{position: absolute; content: ''; left: 10px; top: 5px; width: 2px; height: 20px; background:#047B6F;}*/
    
    /* 대학 - 학장인사말 */
    .college_wrap{position:relative;width:100%;float:left}
    .college_img{width:30%; float:left}
    .college_img img{width:100% !important; height:auto!important;float:left}
    .college_txt{width:60%; float:left; padding:0 0 0 10px;}
    .college_txt02{width:60%; float:left;padding:0 0 0 20px}
    .college_txt03{width:60%; float:left;padding:0 0 0 20px}
    .eng_txt{font-family:'맑은 고딕','Malgun Gothic';color:#389c8e;font-size:10px;letter-spacing:0.5px;font-weight:bold;padding-bottom:10px}
    .big_txt{font-family:'Nanummyeongjo';color:#444;font-size:15px;letter-spacing:-1px;padding-bottom:5px;font-weight:600}
    .name_txt{font-family:'맑은 고딕','Malgun Gothic';color:#555;font-size:13px;letter-spacing:-0.5px}
    
    /*단과대학 탭*/
    .depart_tabmenu{overflow:hidden;font-family:'맑은 고딕','Malgun Gothic'; margin:20px 0;}
    .depart_tabmenu ul{width:100%; height:38px;}
    .depart_tabmenu li{width:20%;float:left; font-size:12px;font-weight:normal; letter-spacing:-0.5px;}
    .depart_tabmenu li a{display:block; padding:5px 0; background:#f5f5f5; text-align:center; text-decoration:none; color:#666; height:26px;line-height:25px}
    .depart_tabmenu li a:hover{ color:#fff;}
    .depart_tabmenu li.active a{ color:#fff; font-weight:600;}
    
    /*공통버튼*/
    .btn_college_gray{padding:7px 12px 7px 12px;background-color:#555;color:#fff;}
    .class_line li{display:inline-block;*display:inline;zoom:1; margin:3px 0;}

}