@charset "utf-8";

/*필요시 해당사이트별로 갖다쓸것*/
/*Montserrat*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
/*{font-family: 'Montserrat', sans-serif;}*/

/*Titlllium Web*/
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700&display=swap');
/*{font-family: 'Titillium Web', sans-serif;}*/

/*COMMON************************************************************/
._objHtml,
._objWidget{padding-bottom:0;}
.gotoNext{display:none;}
.section_wrap{max-width:1700px;margin: 0 auto;position:relative;padding:70px 0;}
@media only screen and (max-width:1700px){
  .section_wrap{max-width:94%;}
}
@media only screen and (max-width:1280px){
  .section_wrap{padding:30px 0;}
}

/*비주얼************************************************************/
/*메인비주얼*/
.main_visual{position:relative;}
.main_visual .slick-list{position:relative;top:0;left:50%;width:2200px;margin-left:-1100px;padding:0 !important;}
.main_visual .slick-slide{position:relative;}
.main_visual .slick-slide img{width:100%}
.main_visual .type_video video{position:absolute;top:0;left:0;width:100%;}
/*콘트롤*/
.main_visual .playstop,
.main_visual .paging li{line-height:0;}
.main_visual .paging button,
.main_visual .playstop button,
.main_visual .prevnext button{display:inline-block;text-indent:-9999px;}
.main_visual .control{position:absolute;left:0;bottom:150px;width:100%;}
.main_visual .control .container{display:flex;justify-content:center;align-items:center;}
/*넘버링*/
.main_visual .numbering{display:flex;align-items:center;}
.main_visual .numbering span{font-family: 'Titillium Web', sans-serif;font-size:16px;color:#FFF;}
.main_visual .numbering .now{}
.main_visual .numbering .now:after{content:"/";display:inline-block;padding:0 5px;}
.main_visual .numbering .total{}
/*재생정지*/
.main_visual .playstop{margin:0 10px;}
.main_visual .playstop button{display:none;width:9px;height:12px;}
.main_visual .playstop button.play{background:url(/sites/style_guide/images/common/play_2_w.png) no-repeat center;}
.main_visual .playstop button.stop{background:url(/sites/style_guide/images/common/pause_2_w.png) no-repeat center;}
.main_visual .playstop button.on{display:inline-block;}
/*페이징*/
.main_visual .paging{}
.main_visual .paging ul{display:flex;justify-content:center;}
.main_visual .paging li{display:flex;justify-content:center;align-items:center;}
.main_visual .paging button{width:50px;height:1px;background:rgba(255,255,255,0.5);}
.main_visual .paging li.slick-active button{height:3px;background:#FFF;}
/*이전다음*/
.main_visual .prevnext{display:none;}
.main_visual .prevnext .container{}
.main_visual .prevnext button{}
.main_visual .prevnext button.prev{}
.main_visual .prevnext button.next{}
/*높이1024이상꽉차게*/
@media only screen and (min-height:1025px){
  .main_visual,
  .main_visual .slick-slider,
  .main_visual .slick-list,
  .main_visual .slick-track,
  .main_visual .slick-slide,
  .main_visual img{height:100%}
}
/*가로2000이상꽉차게*/
@media only screen and (min-width:2001px){
  .main_visual .slick-list{left:0;width:100%;margin-left:0;}
}
@media only screen and (max-width:1280px){
  /*.main_visual .slick-list{width:1440px;margin-left:-720px;}*/
  .main_visual .control{top:150px;bottom:auto;}
}
@media only screen and (max-width:768px){
  .main_visual .slick-list{width:1024px;margin-left:-512px;}
}

/*소개*/
.visual_slogan{word-break:keep-all;max-width:100%;text-shadow:1px 1px 1px #000;letter-spacing:-0.04em;text-align:center;}
.visual_slogan .p_1{}
.visual_slogan .p_1 strong{font-size:50px;font-family:'S-CoreDream-5Medium';color:#FFF;padding:0 15px;background:#2c6abe;display: inline-block;line-height: 1.3;}
.visual_slogan .p_1 span{font-size:32px;font-family: 'Titillium Web', sans-serif;color:#b4b3b2;display:block;}
.visual_slogan .p_2{font-size:30px;font-family:'S-CoreDream-5Medium';color:#FFF;padding-top:20px;}
.visual_slogan .p_3{font-size:20px;font-family:'S-CoreDream-4Regular';color:#FFF;line-height:1.5;padding-top:20px;}

@media only screen and (max-width:1400px){
  .visual_slogan .p_1 strong{font-size:40px;}
  .visual_slogan .p_1 span{font-size:25px;}
  .visual_slogan .p_2{font-size:25px;padding-top:10px;}
  .visual_slogan .p_3{font-size:18px;padding-top:10px;}
}
@media only screen and (max-width:1280px){
  .visual_slogan .p_1 strong{font-size:30px;}
  .visual_slogan .p_1 span{font-size:20px;}
  .visual_slogan .p_2{font-size:20px;}
  .visual_slogan .p_3{font-size:16px;}
}
@media only screen and (max-width:768px){
  .visual_slogan .p_1 span{display:block;padding-left:0;}
}


/*학과목록*/
.depart_list{}
.depart_list ul{display:flex;justify-content:center;}
.depart_list ul li{display:flex;justify-content:center;width:16.6%;}
.depart_list ul.divide_3 li{width:33.33333%;}
.depart_list ul.divide_4 li{width:25%;}
.depart_list ul.divide_5 li{width:20%;}
.depart_list .item{position:relative;letter-spacing:-0.04em;text-shadow:1px 1px 1px #000;width:214px;height:244px;background:url(/sites/templet_college/images/bg_hexagon_b.png) no-repeat center;display:flex;justify-content:center;align-items:center;}
.depart_list .item::before{display:block;text-align:center;width:100%;position:absolute;left:0;top:-22px;font-size:80px;font-family:'S-CoreDream-6Bold';color:rgba(255,255,255,0.2);text-shadow:none;letter-spacing:-0.1em;}
.depart_list .item_1::before{content:"01";}
.depart_list .item_2::before{content:"02";}
.depart_list .item_3::before{content:"03";}
.depart_list .item_4::before{content:"04";}
.depart_list .item_5::before{content:"05";}
.depart_list .item_6::before{content:"06";}
.depart_list .item_title{text-align:center;}
.depart_list .item_title span{font-size:22px;font-family:'S-CoreDream-5Medium';color:#FFF;}
.depart_list .item_title span i{display:block;}
.depart_list .item_list{display:none;margin-top:20px;}
.depart_list .item_list::before{content:"";display:block;width:95px;height:10px;position:absolute;right:-40px;top:calc(50% - 5px);background:url(/sites/templet_college/images/bg_hexagon_arrow.png) no-repeat center;}
.depart_list .item_list a{display:block;position:relative;font-size:15px;font-family:'S-CoreDream-4Regular';color:#FFF;padding:2px 0 2px 6px;}
.depart_list .item_list a::before{content:"";display:block;width:2px;height:2px;background:#FFF;position:absolute;left:0;top:12px;}

@media only screen and (min-width:1281px) and (max-width:1400px){
  .depart_list ul li:hover .item{width:190px;height:217px;background-size:100% !important;}
}
@media only screen and (min-width:1281px){
  .depart_list ul li:hover .item{flex-direction:column;background:url(/sites/templet_college/images/bg_hexagon_c.png) no-repeat center;}
  .depart_list ul li:hover .item_title span{font-size:20px;}
  .depart_list ul li:hover .item_list{display:block;}
}
@media only screen and (max-width:1400px){
  .depart_list .item{width:190px;height:217px;background-size:100%;}
  .depart_list .item::before{font-size:70px;}
}
@media only screen and (max-width:1280px){
  .depart_list{padding:30px;background:rgba(0,0,0,0.3);}
  .depart_list ul{flex-wrap:wrap;justify-content:flex-start;}
  .depart_list ul li{width:46%;display:block;margin:2%;}
  .depart_list .item{text-shadow:none;width:auto;height:auto;background:none;display:block;}
  .depart_list .item::before{top:-30px;font-size:40px;text-align:left;}
  .depart_list .item_title{text-align:left;}
  .depart_list .item_title span i{display:inline;}
  .depart_list .item_list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:10px;}
  .depart_list .item_list::before{display:none;}
  .depart_list .item_list a{width:48%;border-bottom:1px solid rgba(255,255,255,0.5);padding:5px 0 5px 6px;}
}
@media only screen and (max-width:768px){
  .depart_list{padding:0;background:none;}
  .depart_list ul li{width:100%;margin:0;padding:20px 0;border-bottom:1px solid rgba(0,0,0,0.5);}
  .depart_list .item::before{color:rgba(0,0,0,0.1);}
  .depart_list .item_title span{font-size:18px;color:#222;}
  .depart_list .item_list a{color:#666;border-bottom:0;}
  .depart_list .item_list a::before{background:#666;}
}


/*소개************************************************************/
.section_wrap h2{font-size:40px;font-family:'S-CoreDream-5Medium';color:#191919;margin-bottom:35px;display:flex;align-items:center;}
.section_wrap h2::after{content:"";display:block;width:50px;height:1px;background:#000;margin-left:15px;}

/*
.greeting,
.application{display:none;}
.greeting.active,
.application.active{display:block;}
*/
.greeting_2 p{font-size:22px;}
.greeting .container{display:flex;justify-content:space-between;}
.greeting .container .item_1{width:30%;}
.greeting .container .item_2{width:68%;}
.greeting .container .item_2 p{padding:0 40px;}
.greeting .container .item_2 .p_1{font-family:'S-CoreDream-5Medium';font-size:30px !important;color:#0066c1;position:relative;}
.greeting .container .item_2 .p_1 span{display:block;}
.greeting .container .item_2 .p_1::before,
.greeting .container .item_2 .p_1::after{content:"";display:inline-block;width:26px;height:22px;background:url(/sites/templet_college/images/quote_1.png) no-repeat center;}
.greeting .container .item_2 .p_1::before{position:absolute;left:0;top:0;}
.greeting .container .item_2 .p_1::after{transform:rotate(180deg);}
.greeting .container .item_2 .p_2{font-family:'S-CoreDream-4Regular';font-size:18px;color:#3d3d3d;margin-top:25px;line-height:1.8;}
.greeting .container .item_2 .p_3{font-family:'S-CoreDream-4Regular';font-size:16px;color:#3d3d3d;margin-top:40px;display:flex;align-items:center;}
.greeting .container .item_2 .p_3 img{margin-left:15px;}
@media only screen and (max-width:1024px){
  .section_wrap h2{font-size:30px;}
  .greeting_2 p{font-size:20px;}
  .greeting .container .item_2 .p_1{font-size:25px !important;}
  .greeting .container .item_2 .p_2{font-size:18px;}
}
@media only screen and (max-width:768px){
  .section_wrap h2{font-size:25px;}
  .greeting_2 p{font-size:18px;}
  .greeting .container{display:block;}
  .greeting .container .item_1,
  .greeting .container .item_2{width:100%;}
  .greeting .container .item_1{text-align:center;margin-bottom:50px;}
  .greeting .container .item_2 p{padding:0 10px;}
  .greeting .container .item_2 .p_1::before,
  .greeting .container .item_2 .p_1::after{display:none;}
  .greeting .container .item_2 .p_1{font-size:22px !important;}
  .greeting .container .item_2 .p_2{font-size:16px;}
}

.introduction{}
.introduction .container{display:flex;justify-content:space-between;}
.introduction .container .item_1{width:70%;}
.introduction .container .item_2{width:30%;}
.introduction .container .item_1 .p_1{font-family:'S-CoreDream-5Medium';font-size:30px;color:#144e89;}
.introduction .container .item_1 .p_2{font-family:'S-CoreDream-4Regular';font-size:17px;color:#3d3d3d;margin-top:10px;margin-bottom:50px;}
.introduction .container .item_1 .p_2 span{display:block;}

@media only screen and (max-width:768px){
  .introduction .container{display:block;}
  .introduction .container .item_1,
  .introduction .container .item_2{width:100%;}
  .introduction .container .item_2{text-align:center;margin-top:50px;}
  .introduction .container .item_1 .p_1{font-size:22px;}
  .introduction .container .item_1 .p_2{font-size:16px;}
}


.table_1 tbody th{padding:6px 10px;}
.table_1 tbody td{padding:9px 10px;line-height:2;}
.table_1 th a{font-size:18px;}
.table_1 .bgC_1{background:#f9fdff;}
.table_1 .bgC_2{background:#fffef3;}
.table_1 .bgC_3{background:#fbfff5;}