@charset "utf-8";

#container {padding: 0 0 35px !important;}


#sub_nav{position: relative; width: 100%; margin: 0 auto}
#sub_menu{ display:block; width:100%; margin:0px auto; background:#1b3760; display:none;} 


.sub_location{ width:100%; max-width:1100px; height:40px;background:#1b3760; margin:0 auto;}
.sub_location > div .cen{ float:left; width:50px; height:40px; line-height:40px; text-align:center; border-left: 1px solid #6996cd; border-right: 1px solid #6996cd; background: #1b3760}
.sub_location > div .cen i{ color:#fff; font-size:1.2em;}

.sub_location ul{width:100%; max-width:1200px; padding:0; margin:0; display: inline-block; width: auto; min-width:190px; border-right: 1px solid #6996cd;vertical-align: top; box-sizing:border-box; }
.sub_location ul:first-child{ border-left: 1px solid #6996cd; }
.sub_location ul li{position: relative; width:100%;}
.sub_location ul li span{display: block; padding: 0 15px; line-height: 40px; font-size:14px; color: #fff; background: url('/images/sub/s_arr.png') 95% center no-repeat; cursor: pointer;}
.sub_location ul.on li span{background: url('/images/sub/s_arr1.png') 95% center no-repeat;}
.sub_location ul li a{width:100%; display: block; padding: 8px 15px; color: #000; font-size: 13px;  text-decoration: none;transition:.25s;}
.sub_location ul li a:hover{color: #fff; background:#0062bd;box-sizing:border-box;}
.sub_location ul ul{display: none;position: absolute;top:100%; left: -1px; padding: 0px 0;background:#fff; border: 1px solid #6996cd;  border-top:none; z-index:999999;}
.sub_location ul.on li ul{display: block;}
.sub_location ul.dep2 li span{color: #fff;}
.sub_location ul.dep2 ul{width:194px; margin-left: -3px}	
.sub_location ul.dep1 ul{width:191px; }
.sub_location ul.dep3 {min-width:320px;}
.sub_location ul.dep3 li span{color: #fff;}
.sub_location ul.dep3 ul{width: 100%; margin-left: -3px}


/*sub tab*/
.sub-tab{width:100%; }
.sub-tab ul{margin:50px auto; max-width:755px; text-align:center; line-height:0; font-size:0;}
.sub-tab li{display:inline-block; vertical-align: top; margin: 1px; text-align: center;}
.sub-tab li a {display: block; line-height: 40px; font-size: 14px; font-weight: 700; border: 1px solid #dcdcdc;}
.sub-tab li.active a {background-color: #0062bd; color: #fff;}
/* 서브 탭 메뉴 수의 관련된 설정, 해당 li의 '모' a태그 폰트 크기는 별도의 수정 바람 */
.sub-tab .col-1 li{width:25%;} 
.sub-tab .col-2 li{width:calc(33.33% - 2px);}
.sub-tab .col-3 li{width:calc(33.33% - 2px);}
.sub-tab .col-4 li{width:calc(25% - 2px);}
.sub-tab .col-5 li{width:calc(20% - 2px);}
.sub-tab .col-6 li{width:calc(16.66% - 2px);}


.page_tit {font-size: 26px; font-weight: 700; text-align: center; margin-bottom: 30px;}
.s_tit {font-size: 22px; font-weight: 700; padding-left: 30px; margin-bottom: 20px; position: relative;}
.s_tit:after {content:''; display: block; width: 11px; height: 11px; border: 5px solid #007ac7; position: absolute; top: 1px; left: 0;}

.list_bar {padding-left: 12px; position: relative;}
.list_bar:before {content:'-'; display: block; position: absolute; top: 0; left: 0; }

.gray_box {padding: 30px 40px;background-color: #f5f5f7; border: 1px solid #dcdcdc;}

.blue {color: #0062bd;}

/* 인사말 */
.sub1_1 {}
.sub1_1 .tit_wrap {padding: 25px 30px;background-color: #f2f7f8; border-bottom: 7px solid #0062bd; font-weight: 700; }
.sub1_1 .tit_wrap > div {padding: 10px 55px; display: inline-block; position: relative; background: url('/images/sub/s11_mark.png') 0 0 no-repeat;}
.sub1_1 .tit_wrap h3 {color: #108ad3;}
.sub1_1 .txt_wrap {
    padding: 50px 35px 0 35px;
    background-image: url(/images/sub/ceo_1.jpg);
    background-repeat: no-repeat;
    background-position: 817px 50px;
    background-size: auto 50%;
}

/* 연혁 */
.sub1_2 {background:  url('/images/sub/s12_bg.png') right 0 top 150px no-repeat;}
.sub1_2 .con {padding: 70px 20px; border-top: 2px dashed #ddd;}
.sub1_2 .con:first-child {padding-bottom: 70px; border-top: none;}
.history {position: relative; font-size: 0;}
.history:after {content:''; display: block; width: 1px; height: 100%; background-color: #e9e7e7; position: absolute; top: 0; left: 50%;}
.history li {width: 50%;text-align: right; margin:0 50% 0 0; padding: 0 100px 0 0; position: relative;}
.history li:nth-child(even) {text-align: left; margin:0 0 0 50%; padding: 0 0 0 100px;}
.history li:after,
.history li:before {content:''; display: block; position: absolute;}
.history li:after{width: 80px; height: 1px; top: 18px; right: 0; background-color: #e9e7e7;}
.history li:before{width: 10px; height: 10px; border: 4px solid #108ad3; background-color: #fff; border-radius:50%; position: absolute; top: 9px; right: -9px; z-index: 1;}
.history li:nth-child(even):after {right: auto; left: 0;}
.history li:nth-child(even):before{right: auto; left: -9px;}
.history li .year {font-weight: 900; font-size: 32px; color: #108ad3; margin-bottom: 15px; position: relative;}
.history li dl {}
.history li dl:after {content:''; display: block; clear: both;}
.history li dt,
.history li dd { float: left; width: calc(100% - 65px);font-size: 16px; font-weight: 700; margin-bottom: 15px; word-break:keep-all; line-height: 1.5;}
.history li dl:last-child dt,
.history li dl:last-child dd {margin-bottom: 0;}
.history li dt {font-size: 18px; font-weight: 400; color: #666; width: 65px; -webkit-transform:translateY(-2px); transform:translateY(-2px);}
.history li dd span {font-weight: 400;}
.history li:nth-child(odd) dt {float: right;}

.tit_square {position: relative; padding-left: 30px; margin-left:20px;}
.tit_square:after {content:''; display: block; width: 10px; height: 10px; border: 5px solid #007ac7; position: absolute; top: 3px; left: 0;	}

.sub1_2 .con2 .txt_box {padding: 25px;background-color: #f4f4f4; border: 1px solid #ddd; margin-bottom: 30px;}
.sub1_2 .con2 .txt_box b {padding-right: 10px;}
.tbtype_1 th,
.tbtype_1 td {padding: 10px; vertical-align: middle;  line-height: 1.7 ; font-size: 15px;}
.tbtype_1 thead th {padding: 10px;background-color: #5c6266; color: #fff; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.tbtype_1 tbody th {background-color: #f4f4f4; text-align: center; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; font-weight: 700;}
.tbtype_1 td {border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.depth1 {padding:2px 15px; color: #666; font-size: 14px;  line-height: 1.5;}
.depth2 {padding:0 20px; color: #666; font-size: 14px;  line-height: 1.5;}
.depth2_txt_box {margin-left: 30px;}
.tbtype_2 {border-top: 1px solid #ddd;}


/* 찾아오시는길 */
.sub1_4 { width: 920px; margin: 0 auto;	}
.sub1_4 .con3 .txt,
.sub1_4 .con3 .tb_wrap {display: inline-block; vertical-align: top;}
.sub1_4 .con3 .tb_wrap {width: 560px;}
.sub1_4 .con3 table {margin-left: 30px; border-top: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;}
.sub1_4 .con3 table th,
.sub1_4 .con3 table td {padding: 10px; text-align: center; background-color: #fff; font-size: 16px; border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc;}
.sub1_4 .con3 table th {background-color: #0062bd; color: #fff;}

/* 게시판  */
.board_list_wrap {}
.site_navi{width:100%;text-align:right;font-size:11px;color:#838383;border-bottom:1px solid #ddd;padding-bottom:7px}
.contents_sub{width:100%;margin:0 auto; padding:0 30px}
.board_list_wrap .contents_sub table{width:100%}
.board_list_wrap .contents_sub table img{padding-top:2px}
.board_list_wrap .board_top{width:100%;overflow:hidden}
.board_list_wrap .board_top .f_search{float:right;width:450px;text-align:right}
.board_list_wrap .board_top .bold{float:left;width:200px;margin:10px 0}
.board_list_wrap .board_title{font-size:14px;font-weight:bold;color:#000}
.board_list_wrap .coment_number{font:bold 10px verdana;color:#6fa800}
.board_list_wrap .board{width:100%}
.board_list_wrap .board th{height:40px;border-bottom:1px solid #dadada;background-color:#f9f9fb;color:#464646;font-weight:600;word-wrap:break-word;border-top:1px solid #464646;word-break:break-all;vertical-align: middle;}
.board_list_wrap .board td{border-bottom:1px solid #dadada;color:#797979;text-align:center;padding:15px 5px; font-size: 13px;word-wrap:break-word;word-break:break-all}
.board_list_wrap .board td.left{text-align:left}
.board_list_wrap .board td.category{font-weight:bold}
.board_list_wrap .board_input{border:1px solid #cecece;height:26px;width:160px}

/* Paging */
.paginate_regular{padding:10px 0;text-align:center;line-height:normal}
.paginate_regular a, .paginate_regular strong{display:inline-block;position:relative;margin:0 -2px;padding:2px 8px;font-weight:600;/*font-family:Tahoma,Sans-serif;*/line-height:normal;text-decoration:none;vertical-align:middle}
.paginate_regular a:active, .paginate_regular a:focus, .paginate_regular a:hover{background-color:#f8f8f8}
.paginate_regular strong{color:#f60}
.paginate_regular .direction{font-weight:normal;color:#767676;white-space:nowrap}
.paginate_regular .direction span{font-weight:bold;font-size:14px}
.paginate_regular .direction:active, .paginate_regular .direction:focus, .paginate_regular .direction:hover{background-color:#fff;color:#333}

/* Button */
.board_list_wrap .btn_write{display:inline-block;background:#5f5f5f;border:1px solid #404144;padding:6px 17px 7px}
.board_list_wrap .btn_txt01{color:#fff;font-weight:600}
.board_list_wrap .btn_search{display:inline-block;color:#333;height: 26px;padding:4px 16px 6px 26px;background:url("/images/basic_blue/board/btn_search_bg.gif") no-repeat 0 0}

/* Align*/
.align_right{text-align:right;margin:10px 0;overflow:hidden}
.align_right button{float:right}
.tR{text-align:right}

/* Color */
.txt_blue{font-weight:bold;color:#7ab5df}
.txt_orange{font:bold 12px verdana;color:#ff7e00}


.board_view_head {padding: 20px; border-bottom: 1px solid #ddd; background-color: #f9f9fb;}
.board_view_head .board_tit { font-size: 21px; font-weight: 700; margin-bottom: 5px;}
.board_view_head .txt {text-align: right; font-size: 13px; color: #666;}

.sch_list_top  {padding: 50px 0; position: relative;}
.sch_list_top:after {content:''; display: block; width: 300%; height: 100%;  background-color: #f2f7f8; position: absolute; top: 0; left: -150%;z-index: -1;border-bottom: 1px solid #ddd;}
.sch_list_wrap .blue {color: #108ad3;}
.sch_list_wrap .page_tit {font-size: 22px; margin-bottom: 20px;}
.sch_list_wrap .board_top {position: relative;}
.sch_list_wrap .board_top a{position: absolute; bottom: 10px; right: 0; color: #999; font-weight: 700;}

.sch_list {padding: 40px 0; /* border-bottom: 1px dashed #eee; */}
.sch_list:first-child {padding-top: 80px;}
.sch_list:last-child {border-bottom: none;}

.sch_form {width: 460px; margin: 0 auto; position: relative;}
.sch_form .sch_input {width: 100%;  height: 50px;; border: 4px solid #1b7fca; background-color: #fff; padding: 0 50px 0 10px; font-size: 18px; font-weight:bold; border-radius:5px;}
.sch_form .sch_input:focus {outline: none;}
.sch_form .btn_sch {position: absolute; top: 15px; right: 12px;}

.coment_re_txt {
    background-color: #fafafa;
    line-height: 1.5 !important;
    padding: 20px !important;
    font-size: 14px !important;
    font-family: gulim !important;
    color: #000;
}