.sub_visual { width:100%;}
.sub_visual .backgruound_01 { height:147px; background:url(../img/sub/sub_visual_01.jpg) top center no-repeat;}
.sub_visual .backgruound_02 { height:147px; background:url(../img/sub/sub_visual_02.jpg) top center no-repeat;}
.sub_visual .backgruound_03 { height:147px; background:url(../img/sub/sub_visual_03.jpg) top center no-repeat;}
.sub_visual .backgruound_04 { height:147px; background:url(../img/sub/sub_visual_04.jpg) top center no-repeat;}
.sub_visual .backgruound_05 { height:147px; background:url(../img/sub/sub_visual_05.jpg) top center no-repeat;}
.sub_content { width:1000px; margin:0 auto;}


/*좌측메뉴*/
.sub_content .side { width:180px; float:left;}
.sub_content .page { width:765px; overflow:hidden; overflow:hidden; background:url(../img/sub/sub_line.gif) top left no-repeat; padding:0 0 0 55px; }
.sub_content .page_tit { margin:0 0 45px 0;}
.sub_content .page_tit h3 { font-size:30px; margin:0 0 26px 0; height:36px; font-weight:normal; color:#222; line-height:34px;}
.bradcrums { width:765px; height:29px; padding:5px 0 0 0; overflow:hidden; background:url(../img/sub/bradcrums_line.gif) top left repeat-x;}
.bradcrums a {float:left; font-size:11px; text-decoration:none; color:#666; padding:0 0 0 4px; margin:0 4px 0 0;}
.bradcrums a.home { background:url(../img/sub/home_dot.gif) left no-repeat; padding:0 0 0 13px;}
.bradcrums a.list { background:url(../img/sub/icon_arrow.gif) left no-repeat; padding:0 0 0 13px;}
.sub_content .page_content { min-height:370px; margin:0 0 70px 0;}

/* 좌측메뉴 플래시 제거후 코딩 추가 - Yoo [2021-02-24] */
.sub_content .side_navi{}
.sub_content .side_navi li{}
.sub_content .side_navi li a{display:block; height:50px; line-height:49px; border-bottom:1px solid #dde0e5;
font-size:15px; color:#092169; font-weight:500; padding-left:15px;}
.sub_content .side_navi li a.on,
.sub_content .side_navi li a:hover{color:#fff; font-weight:600;
background-color:#1845a2; 
background-image:url('../img/sub/nav_on.jpg');
background-repeat:no-repeat;
background-position:top 50% right 20px;
}

/*지사소개*/
.sub_content .page_content .p_top { height:186px; background:url(../img/sub/page_01_06_top_img.jpg) top center no-repeat;}
.sub_content .page_content .p_top p { margin:10px 0; padding:10px 0 0 0;}
.sub_content .page_content .p_list { margin:20px 0 0 0;border:0px solid red;}
.sub_content .page_content .p_list .col{ height:140px; padding:24px 20px; margin:0 0 20px 0; overflow:hidden; background:url(../img/sub/page_01_06_list_bg.gif) top left no-repeat;}
.sub_content .page_content .p_list .col .img { float:left; width:320px; margin:0 30px 0 0;}
.sub_content .page_content .p_list .col .img p { float:left; margin:0 5px 0 0;}
.sub_content .page_content .p_list .col .img ul {}
.sub_content .page_content .p_list .col .img li { margin:0 0 7px 0;}
.sub_content .page_content .p_list .col .text { overflow:hidden;}
.sub_content .page_content .p_list .col .text strong { font-size:22px;  color:#222; display:block;}
.sub_content .page_content .p_list .col .text span { color:#295eb7; margin:10px 0 0 0;}
.sub_content .page_content .p_list .col .text a { text-decoration:none;  color:#295eb7; font-weight:600;}
.sub_content .page_content .p_list .col .text p{ margin:10px 0 0 0; }

.number {width:250px; margin:0 auto; overflow:hidden;}
.number li { float:left; margin:0 2px;}
.number a {font-size:11px; text-decoration:none; display:block; color:#666; text-align:center; width:23px; height:24px;  background:url(../img/sub/numbering_box.gif) top left no-repeat;}
.number a.active {color:#55aaea; font-weight:bold; display:block;}
.number a.arrow { font-weight:bold; color:#fff;  text-align:center; background:url(../img/sub/numbering_box_aroww.gif) top left no-repeat; display:block;}

/*보유시설현황*/
.Facilities_tab { height:41px; }
.Facilities_tab li { float:left; }
.border1 table { width:760px; border-top:2px solid #4a4a4a; line-height:18px; font-family:나눔고딕,돋움; margin-top:0px; }
.border1 table thead th { background-color:#f2f7ff; font-size:13px; padding:10px 0 10px 0 ; border-bottom:1px solid #d9d9d9; border-left:1px solid #d5d5d5; color:#4a4a4a;  }
.border1 table tbody td { font-size:12px; color:#646465; text-align:center; padding:5px 0 5px 0; border-bottom:1px solid #d9d9d9; border-left:1px solid #d5d5d5; }
.Facilities_img { padding-top:70px; height:100%; }

/*연혁*/
.history { width:765px; height:290px; }
.history_line { width:347px; height:290px; background:url(../img/sub/p1_page3_line.png) repeat-y; float:left; margin-right:10px;}
.history_img { background:url(../img/sub/p1_page3_img.png) no-repeat; width:236px; height:247px; margin:17px 0 0 76px; padding:10px 0 0 15px; float:left;}
.history_icon { position:absolute; width:16px; height:16px; float:left; padding:65px 0 0 327px; }
.history_year { color:#2b2b2b; font-size:26px; padding:64px 0 10px 14px; font-weight:600; }
.history_text li { line-height:22px; font-size:13px; color:#4a4a4a; }
.history_style { color:#2b2b2b; font-weight:600; }

.new_sc{padding-bottom:100px;}
/* 포트폴리오 */
.new_sc .top_tit{}
.new_sc .top_tit span{font-size:16px; color:#fff; font-weight:300; display:inline-block; padding:2px 16px 2px 16px; background:#3c3c76; font-family: "나눔스퀘어", "NanumSquare","돋움",dotum, sans-serif;
letter-spacing:1px;}
.new_sc .top_tit h2{font-size:42px; color:#212c6c; font-weight:800; font-family: "나눔스퀘어", "NanumSquare","돋움",dotum, sans-serif; padding:22px 0;}
.new_sc .top_tit.small_f h2{font-size:36px;}
.new_sc .top_tit p{font-size:14px; color:#666; font-weight:600;}
.portfolio{margin:25px 0;}
.portfolio ul{}
.portfolio ul:after{clear:both; display:block; content:"";}
.portfolio ul li{float:left; width:333px; height:333px; position:relative; overflow:hidden;}
.portfolio ul li a{}
.portfolio ul li img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:101%; transition:all 0.3s ease;}
.portfolio ul li img.img_on{opacity:0}
.portfolio ul li .hover{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(60,60,118,0.7); line-height:333px; opacity:0; transition:all 0.3s ease;}
.portfolio ul li .hover h2{text-align:center; font-size:16px; color:#fff; font-weight:300;}
.portfolio ul li a:hover .hover{opacity:1;}
.portfolio ul li a:hover img{width:105%;}
.portfolio ul li a:hover img.img{opacity:0;}
.portfolio ul li a:hover img.img_on{opacity:1;}

/* 사내갤러리 */
.gallery{}
.gallery .gal_top{margin:22px 0 48px 0; position:relative;}
.gallery .gal_top .gal_slider{width:100%; height:450px; overflow:hidden;}
.gallery .gal_top .gal_slider img{width:100%;}
.gallery .gal_top .gal_slider .cycle-arrow{position:absolute; top:50%; margin-top:-24px; cursor:pointer; z-index:999;}
.gallery .gal_top .gal_slider .cycle-arrow img{width:18px;}
.gallery .gal_top .gal_slider .cycle-arrow.cycle-prev{left:40px;}
.gallery .gal_top .gal_slider .cycle-arrow.cycle-next{right:40px;}
.gallery .gal_top .gal_slider .cycle-pager{position:absolute; bottom:30px; left:50%; transform:translateX(-50%); z-index:999;}
.gallery .gal_top .gal_slider .cycle-pager span{display:inline-block; font-size:0; cursor:pointer; width:7px; height:7px; border:2px solid #fff; border-radius:100%; margin:0 7px;}
.gallery .gal_top .gal_slider .cycle-pager span.cycle-pager-active{background:#3d67ed; border:2px solid #3d67ed;}
.gallery .gal_top .slogan{position:absolute; left:100px; bottom:80px; z-index:999;}
.gallery .gal_top .slogan h2{font-size:25px; color:#fff; font-weight:400; font-family: "나눔스퀘어", "NanumSquare","돋움",dotum, sans-serif; line-height:1.6; text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);}
.gallery .gal_top .slogan h2 span{color:#f2dc00;}
.gallery .gal_list{}
.gallery .gal_list .gl_box{margin-bottom:40px;}
.gallery .gal_list .gl_box ul{margin-top:20px;}
.gallery .gal_list .gl_box ul:after{clear:both; display:block; content:"";}
.gallery .gal_list .gl_box ul li{float:left; width:333px; height:333px; position:relative; overflow:hidden;}
.gallery .gal_list .gl_box ul li img{
    position: absolute;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    margin: auto;
    min-width: 100%;
	height:100%;
	}
.gallery .gal_list .gl_box ul li a{}
.gallery .gal_list .gl_box ul li .hover{width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.4) url('../img/sub/gal_search.png')no-repeat 50% 50%; opacity:0; transition:all 0.3s ease;}
.gallery .gal_list .gl_box ul li a:hover .hover{opacity:1;}

/*modal*/
.modal_gra{width:100%; height:100%; background:rgba(0,0,0,0.3); position:fixed; left:0; top:0; z-index:9998; display:none;}
.modal_box .close {position: absolute; top: 14px; right:14px; cursor:pointer;}
.modal_box{position: fixed; background:#000; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index:9999; display:none;}
.modal_box .in_box{width:100%; height:100%; text-align:center;}
.modal_box .in_box img{}