@charset "utf-8";

@import url(skin.css);
@import url(font_s.css);

#roadmap .depart_cnt .item .depart_cnt_content .roadmap_cnt .roadmap_flow .class_item{min-height: 261px;}


#introduce .intro_top{background-image:url(/images/media/introduce_top_img1.jpg);}
#goal .goal_top{background-image:url(/images/media/goal_top_img1.jpg);}

.department.ui.uib.type1 .uibodo .thm_caption .btnwrap{margin-top:30px;}
.department.ui.uib.type1 .uibodo .thm_caption .btnwrap:after{content:"";display:block;clear:both;}
.department.ui.uib.type1 .uibodo .thm_caption .btnwrap a{position:relative;float:left;display:inline-block;padding:10px 20px 10px 50px;margin-right:3px;margin-top:3px;border:1px solid #ccc;line-height:1.3}
.department.ui.uib.type1 .uibodo .thm_caption .btnwrap a:hover{background:#617084;color:#fff;border-color:#617084}
.department.ui.uib.type1 .uibodo .thm_caption .btnwrap a:before{content:"";display:block;position:absolute;left:10px;top:50%;width:33px;height:33px;margin-top:-16px;background:url(/images/media/sub04/ir_ico.png);}
.department.ui.uib.type1 .uibodo .thm_caption .btnwrap a.facebook:before{background-position:-34px 0;}

/* ÀÔÇоȳ» µ¿¿µ»ó */
.depart_cnt {}
    .depart_cnt .vod_box {width:100%;padding: 35px 65px;background:#d5d5d5;text-align: center;background: url(../../images/kor/sub10/vod_bg.png)no-repeat;background-size: cover;}
    /*/.vod_wrap .vod_box .vod_view{position:relative; width:610px;height:470px;background:#333;display: inline-block;}*/
    .depart_cnt .vod_box .vod_view{position:relative; width:840px;height:472px;background:#333;display: inline-block;}
    .depart_cnt .vod_box .vod_view:after{background: url(../../images/kor/sub10/vod_icon.png);}
    .depart_cnt .vod_box .vod_view iframe{ position:absolute; top:0; left:0; width:100%; height:100%; border:0;}

    .depart_cnt .subtit {padding: 35px 65px; border: 1px solid #273d8b; }
    .depart_cnt .subtit span{float: left;margin-top: 10px;width: 15%;background: url(../../images/kor/sub10/vod_icon1.png)no-repeat left top;height: 57px;}
    .depart_cnt .subtit .subtit_txt{  float: right;  padding: 10px;  width: 83%; }
    .depart_cnt .subtit .subtit_txt strong {margin: 10px 0;font-size: 15px; font-weight:300; color: #052e7b;}
    .depart_cnt .subtit .subtit_txt .txtwrap { width: 100%;  height: 150px;  overflow-y: scroll; }
    .depart_cnt .subtit .subtit_txt pre {  width: 100%;  white-space: pre-line; word-wrap: break-word;  word-break: keep-all; font-family:'nsk','sans-serif'; }
    .depart_cnt .subtit:after { content: "";  display: block; clear: both;  visibility: hidden; }
    .depart_cnt .subbanner {padding: 0 0 0 0; border: 1px solid #273d8b; }

    @media only screen and (max-width: 925px){
        .depart_cnt .vod_box .vod_view{width:100%;height:auto;padding-bottom:57.44%;}
    }
    @media only screen and (max-width: 767px){
        .depart_cnt .vod_box{ padding:20px;}

        .depart_cnt .subtit span{float: none;display: none;}
        .depart_cnt .subtit .subtit_txt{float: none; width: 100%;}
        .depart_cnt .subtit strong{ padding-bottom:0; background-image:none;}
        .depart_cnt .subtit{ padding:20px;}
        .depart_cnt .subtit .subtit_txt {  padding: 0; }
	}

.snslink{width:100%;}
.snslink:after{content:"";display:block;visibility:hidden;clear:both;}
.snslink a {position:relative;overflow: hidden;margin: 0 0.5%; width:32%;float:left;z-index:0;}
.snslink a .ico{position:absolute;left:20px;top:20px;width:47px;height:47px;border-radius:50%;background:url(/images/kor/sub08/ir_sns.png);z-index:10}
.snslink a span b{display:block;font-weight:bold;}
.snslink a .bn{position:absolute;left:50%;bottom:15%;display:inline-block;width:100px;margin-left:-50px;padding:10px 0;text-align:center;border:1px solid #ccc;z-index:10}
.snslink a.video .ico{background-position:0 0;}
.snslink a.instagram .ico{background-position:-50px 0;}
.snslink a.facebook .ico{background-position:-100px 0;}
.snslink a.blog .ico{background-position:-150px 0;}
.snslink a.video span.ov{background:#ad0012;border-color:#ad0012 }
.snslink a.instagram span.ov{background:#95217c;border-color:#95217c; }
.snslink a.facebook span.ov{background:#00244c;border-color:#00244c }
.snslink a.blog span.ov{background:#196000;border-color:#196000; }
.snslink a span {display: block; padding:110px 0 180px;background: #fff;border:1px solid #ccc;text-align:center;font-size:20px;line-height:1.2;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}
.snslink a .ov {position: absolute;top: 0;left: 0; z-index: -1;padding: 100px 20px 100px;width: 100%;height: 100%;background: #0f7c67;color:#fff;text-align:center;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;-webkit-transform: translateX(-25%);}
.snslink a:hover .ov,
.snslink a:focus .ov{ color:#fff;-webkit-transform: translateX(0%);-moz-transform: translateX(0%);transform: translateX(0%);}
.snslink a:hover .bn,
.snslink a:focus .bn {color:#fff;border-color:#fff;-webkit-transform: translateX(0%);-moz-transform: translateX(0%);transform: translateX(0%);}
.snslink a:hover span,
.snslink a:focus span {-webkit-transform: translateX(100%);-moz-transform: translateX(100%);transform: translateX(100%);}

@media only screen and (max-width:700px){
	.snslink a {margin:0 0.5% 1%; width:49%;}
	.snslink a span{padding: 100px 0 130px;}
}

@media only screen and (max-width:480px){
	.snslink a span,
	.snslink a .ov {padding: 90px 0 90px;font-size: 16px;}
	.snslink a .bn{padding:3px 0;}
}


/* Á¶Á÷µµ */

.org{margin-bottom: 50px;}

.depart_cnt .item .depart_cnt_content .depart_cnt_tile{margin:-15px 0 0 -1.2%;}
.depart_cnt .item .depart_cnt_content .depart_cnt_tile:after{display:block;overflow:hidden;clear:both;content:'';}
.depart_cnt .item .depart_cnt_content .depart_cnt_tile li{float:left;position:relative;width:48.8%;min-height:185px;height:325px;margin:15px 0 0 1.2%;padding:25px 25px 25px 280px;border:1px solid #ddd;}
.depart_cnt .item .depart_cnt_content .depart_cnt_tile li span{display:block;}
.depart_cnt .item .depart_cnt_content .depart_cnt_tile li span.tile_thumb{display:inline-block;position:absolute;top:25px;left:25px;width:200px;height:250px;overflow: hidden;}
.depart_cnt .item .depart_cnt_content .depart_cnt_tile li span.tile_thumb a{display:block;position:relative;width:100%;height:100%;}
.depart_cnt .item .depart_cnt_content .depart_cnt_tile li span.tile_thumb a img{width:100%;height:100%;}
.depart_cnt .item .depart_cnt_content .depart_cnt_tile li span.tile_thumb a b{position:absolute;bottom:0;right:0;width:35px;height:35px;background:rgba(0,0,0,0.6);font-size:0;text-indent:-9999px;}
.depart_cnt .item .depart_cnt_content .depart_cnt_tile li span.tile_thumb a b:before{position:absolute;top:50%;left:50%;width:17px;height:17px;margin:-9px 0 0 -9px;background:url(/images/department/depart_common_ir.png) no-repeat;content:'';}
.depart_cnt .item .depart_cnt_content .depart_cnt_tile li span.tile_text{overflow:hidden;max-height:130px;}
.depart_cnt .item .depart_cnt_content .depart_cnt_tile li span.tile_text strong{display:inline-block;margin:0 0 5px;color:#000;font-size:21px;}
.depart_cnt .item .depart_cnt_content .depart_cnt_tile li span.tile_text em{display:block;color:#000;font-size:15px;}
.depart_cnt .item .depart_cnt_content .depart_cnt_tile li span.tile_text2{overflow:hidden;max-height:300px;}
.depart_cnt .item .depart_cnt_content .depart_cnt_tile li span.tile_text2 strong{display:inline-block;margin:0 0 5px;color:#000;font-size:21px;}
.depart_cnt .item .depart_cnt_content .depart_cnt_tile li span.tile_text2 em{display:block;color:#000;font-size:15px;}

@media (max-width:1199px) {
    .depart_sidebox{display:none;}
	.depart_cnt.type4 .item .depart_cnt_title:before{top:-43px;}
    .depart_cnt .item{margin:45px 0 0;padding:45px 0 0;}
    .depart_cnt .item .depart_cnt_title{display:block;width:100%;margin:0 0 20px;}
    .depart_cnt .item .depart_cnt_content{display:block;width:100%;padding:0;}

    .depart_cnt .item .depart_cnt_content .depart_cnt_tile{margin-left:0;}
    .depart_cnt .item .depart_cnt_content .depart_cnt_tile li{width:100%;margin-left:0;}

    .depart_cnt .item .depart_cnt_content .depart_cnt_block ul li{width:32.8%;}

@media (max-width:767px) { 
    .depart_topbox.type1{padding:10% 0 0;text-align:center;}
    .depart_topbox.type1 .img_area{position:absolute;top:0;left:0;width:100%;}
    .depart_topbox.type1 .content_area{position:relative;left:10%;right:10%;width:80%;height:230px;padding:75px 30px 0 30px;background-position:100% 0;}
    .depart_topbox.type1 .content_area strong{margin:0 0 10px;font-size:22px;}
    .depart_topbox.type1 .content_area em{font-size:16px;}

    .depart_topbox.type2{margin-bottom:50px;}
    .depart_topbox.type2 .img_area{display:none;}
    .depart_topbox.type2 .content_area{position:static;width:100%;height:auto;margin:0;padding:20px 20px 25px;background-size: 100% 100%;}
    .depart_topbox.type2 .content_area em{font-size:16px;}
    .depart_topbox.type2 .content_area p span{display:inline;font-size:21px;}

    .depart_topbox.type3{overflow:hidden;margin:0 0 20px}
    .depart_topbox.type3 .box_bg{bottom:auto;top:0;width:100%;height:0;padding:78% 0 0;background-color:#0059cd;background-position:100% 0;}
    .depart_topbox.type3 .img_area{display:none;}
    .depart_topbox.type3 .content_area{position:relative;top:0;margin:0;}
    .depart_topbox.type3 .content_area:before{display:none;}
	.depart_topbox.type3 .content_area strong{font-size:21px;}
    .depart_cnt .item .depart_cnt_content p span{display:inline;}
    .depart_cnt .item .depart_cnt_content .depart_cnt_list li{padding:14px 20px 14px 70px;}
    .depart_cnt .item .depart_cnt_content .depart_cnt_list li span{font-size:16px;}

    .depart_cnt .item .depart_cnt_content .depart_cnt_tile li{padding:25px;height: auto;}
    .depart_cnt .item .depart_cnt_content .depart_cnt_tile li span.tile_thumb{position:static;width:100%;margin:0 0 10px;height:auto;}
    .depart_cnt .item .depart_cnt_content .depart_cnt_tile li span.tile_thumb img{width:100%;}

    .depart_cnt .item .depart_cnt_content .depart_cnt_block ul{margin:0;}
    .depart_cnt .item .depart_cnt_content .depart_cnt_block ul li{width:100%;margin:0 0 2% 0; height:auto;}

    .depart_cnt.type4 .item .depart_cnt_title:before{top:-43px;}