@charset "utf-8";

/* 게시판 페이지 디자인 */
.pg_wrap{font-family:verdana,'Nanum Gothic'}
.pg_wrap *{box-sizing:border-box}
.pg{display:inline-block}
.pg:after{display:block;content:"";visibility:hidden;clear:both}
.pg_page{float:left;width:20px;height:31px;padding:0;margin-left:-1px;line-height:30px;color:#bbb!important;background-color:#fff}
.pg_current{float:left;width:20px;height:31px;margin:0 0 0 -1px;padding:0;line-height:30px;color:#000;background-color:#fff}
.pg_next, .pg_end, .pg_start, .pg_prev{position:relative;font-size:0}
.pg_next:after, .pg_end:after, .pg_start:after, .pg_prev:after{display:block;position:absolute;top:7px;left:13px;font:14px/1 FontAwesome;content:"\f105"}
.pg_prev:after{left:12px;content:"\f104"}
.pg_end:after{left:11px;content:"\f101"}
.pg_start:after{left:11px;content:"\f100"}
/* 게시판검색 */
#bo_sch{width:320px;margin:40px auto 0;padding:8px 15px;border:1px solid #333;text-align:left}
#bo_sch, #bo_sch *{box-sizing:border-box}
#bo_sch select{width:100px;padding:0;border:none;-webkit-appearance:none; appearance:none;background:url(/img/sh_arr_down.png) 85% no-repeat}
#bo_sch input[type=text]{width:160px;height:20px;padding-left:17px;border:none;border-left:1px solid #ddd}
#bo_sch select:focus, #bo_sch input:focus{outline:none}

/* head 전체 100% 혹은 min-width 사용 */
#sh_wrapper{min-width:1100px;}
#sh_hd {z-index:10;position:relative;min-width:1100px;border-top:3px solid #072253} 

/* head 센터 및 넓이 지정 */
#sh_hd_wrapper {position:relative;margin:0 auto;padding:0;zoom:1}
#sh_hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} 

/* SUB */
#sub_main_banner {width:100%;height:310px;background:url(/sh_img/hd/sub_main_banner/sub_main_banner.jpg) no-repeat;animation:main 60s linear infinite}
@keyframes main{from{background-position:top center}50%{background-position:bottom center}100%{background-position:top center}}
#sh_content_tit {padding-top:121px;text-align:center;font-size:15px;color:#fff}
#sh_content_tit h3 {display:inline-block;position:relative;z-index:5;margin-bottom:10px;font-size:34px;font-weight:bold}
#sh_content_tit h3:after {display:block;content:'';position:absolute;top:-12px;right:-22px;z-index:-1;width:41px;height:42px}
#sh_content_tit .fa-home {color:#fff}
#sh_content_tit .fa-angle-right {padding:0 5px;color:#b5b5b5}

/* 사이드(서브)메뉴 float:left;선택 단 content 와 같은 방향 X */
#sh_aside {position:relative;width:1100px;margin:-25px auto 0;font-weight:bold;text-align:center;background-color:transparent}


/* 컨텐츠 본문 영역 */
#sh_content{position:relative;z-index:4;width:1100px;min-height:580px;padding:0;margin:50px auto 60px;line-height:1.6;zoom:1;font-family:'notokr-regular'}
#sh_content:after{display:block;visibility:hidden;clear:both;content:""}
#sh_content #sh_content_tit{margin-bottom:20px;overflow:hidden}
#sh_content #sh_content_tit:after{clear:both}
#sh_content #sh_content_tit h3{float:left;padding:0;font-size:2.1em;line-height:1.3em;color:#333;font-weight:none;letter-spacing:-0.03em}
#sh_content #sh_content_tit span{float:right;margin-top:12px;background:url('/sh_page/img/sub_home.gif') 0 4px no-repeat;padding-left:15px;color:#666}


/* 하단 */
#sh_ft {z-index:10;position:relative;min-width:1100px;background:#f7f7f7} 
#sh_ft_wrapper {position:relative;width:1100px;margin:0 auto;padding:0 0 30px 0;zoom:1;line-height:1.6;color:#898989}
#sh_ft_wrapper:after {display:block;visibility:hidden;clear:both;content:""} 

#sh_ft_wrapper ul {width:100%;padding:25px 0 12px;overflow:hidden}
#sh_ft_wrapper ul li {float:left;padding-right:10px;font-size:14px;color:#838383;font-family:'notokr-medium'}
#sh_ft_wrapper ul li>a{color:#838383}
#sh_ft_wrapper ul li:after{padding-left:10px;content:"|";font-weight:normal;color:#e8e8e8}
#sh_ft_wrapper ul li.last:after {content:""}
#sh_ft_wrapper  p {padding-top:4px}
#sh_ft_wrapper #sh_ft_icon {position:absolute;right:0;bottom:37px}

/*인덱스 영역*/

.index_area{width:1100px; margin:30px auto 58px}
.index_area .box01{overflow:hidden}
.index_area .box01 .m01{overflow:hidden;float:left;width:547px;height:214px;border:1px solid #e1e1e1}
.index_area .box01 .m01>ul>li{position:relative;float:left;width:25%;height:108px;text-align:center}
.index_area .box01 .m01>ul img{padding:23px 0 5px}
.index_area .box01 .list:after{position:absolute;content:'';top:32px;right:0;width:1px;height:38px;background:#ebebeb}
.index_area .box01 .m01 .tit{font-size:14px;color:#333;font-family:'notokr-medium'}

.index_area .box01 .m02{float:left;width:275px;height:215px;background:#f2f2f2;border-top:1px solid #e1e1e1}
.index_area .box01 .m03{float:left;width:275px;height:216px;text-align:center;background:url(/sh_img/index/img/m03_bg.jpg) no-repeat;font-family:'notokr-regular'}
/*.index_area .box01 .m03 .tit{padding-top:30px;font-size:19px;color:#bcceee;font-family:'notokr-medium'}*/
.index_area .box01 .m03 h4 {padding:50px 0 7px;font-size:18px;color:#fff;font-family:'notokr-medium'}
.index_area .box01 .m03 .tel{padding-bottom:5px;font-weight:bold;font-size:22px;line-height:1.4;letter-spacing:-.5px;color:#fff;font-family:'notokr-bold'}
.index_area .box01 .m03 .txt{font-size:15px;line-height:23px;color:#9daac1}

.index_area .box02{overflow:hidden}
.index_area .box02 a{display:block;height:100%}
.index_area .box02 .m04{float:left;width:275px;height:216px;text-align:center;background:url(/sh_img/index/img/m04_bg.jpg) no-repeat}
/* .index_area .box02 .m04 a{height:50%;padding:20px 0;font-size:14px;color:#ff0000;line-height:23px;box-sizing:border-box;font-family:'notokr-medium'} */
.index_area .box02 .m04 a{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;padding:20px 0;font-size:14px;color:#ff0000;line-height:23px;box-sizing:border-box;font-family:'notokr-medium'}
.index_area .box02 .m04 a b{font-size:25px;color:#fff;font-weight:normal;font-family:'notokr-bold'}
.index_area .box02 .m04 a .eng{font-size:14px;color:#ddd;font-family:'notokr-regular'}
.index_area .box02 .m04 a:nth-child(2){color:rgba(255,255,255,.8);background-color:rgba(3, 105, 0, 0.51)}

.index_area .box02 .m05{float:left}
.index_area .box02 .m05 .m05_cont{width:274px;font-size:18px;line-height:108px;color:#fff;font-family:'notokr-medium'}
.index_area .box02 .m05 .m05_cont>a{display:block;color:#fff}
.index_area .box02 .m05 .m05_cont>a>img{padding:0 28px 0 39px}
.index_area .box02 .m05 .btn01{background:#284271}
.index_area .box02 .m05 .btn02{background:#072253}

.index_area .box02 .m06{position:relative;float:left;width:273px;height:214px;border:1px solid #e1e1e1}
.index_area .box02 .m06 .tit{margin-bottom:18px;padding:22px 0 0 31px; font-weight:bold;font-size:18px;color:#00bec2;font-family:'notokr-bold'}
.index_area .box02 .m06 .txt{padding-left:31px;font-size:15px; color:#666;line-height:26px;font-family:'notokr-regular'}

.index_area .box02 .m07{position:relative;float:left;width:274px;height:216px; text-align:center;background:url(/sh_img/index/img/m07_bg.jpg) no-repeat;font-family:'notokr-bold'}
.index_area .box02 .m07 h4 {padding:13px 0 7px;font-size:18px;color:#fff;font-family:'notokr-medium'}
.index_area .box02 .m07 .tel{padding-bottom:5px;font-weight:bold;font-size:19px;line-height:1.4;letter-spacing:-.5px;color:#fff;font-family:'notokr-bold'}
.index_area .box02 .m07 .tel01{padding-bottom: 8px;border-bottom: 1px solid #ddd}


.index_area .more{margin:28px 0 0 31px}
.index_area .m_img{position:absolute;top:126px;right:25px}