@charset "euc-kr";
/* CSS Document */

body {margin:0px auto;background-color:#ffffff;min-width: 1900px;}
body * {font-family: 'Noto Sans KR', sans-serif; list-style: none; padding: 0; margin: 0; text-decoration: none;box-sizing:border-box;}
a,img {selector-dummy:expression(this.hideFocus=true);}
a,img {outline: none;selector-dummy:expression(this.hideFocus=true);}
img{border:0px;}

/* 메인 프로젝트 */
.font_001 {font-size:12px; color: #b4b4b4;}
.font_002 {font-size:12px; color: #33c1fe;}

/* 메인 공지사항 미리보기 셋팅 */
a.notice:link {font-size:11px; color:#505050; line-height:18px;}
a.notice:visited { font-size:11px; color:#505050; line-height:18px;}
a.notice:hover { font-size:11px; color:#00afdb; line-height:18px;}

.notice {font-size:11px; color: #787878;}


/* 메인 갤러리게시판 미리보기 셋팅 */
a.img_box:link {border:1px #c8c8c8 solid; width:63px; height:47px;}
a.img_box:visited {border:1px #c8c8c8 solid; width:63px; height:47px;}
a.img_box:active {border:1px #c8c8c8 solid; width:63px; height:47px;}
a.img_box:hover {border:1px #ff8400 solid; width:63px; height:47px;}

.img_box {border:1px #c8c8c8 solid; width:63px; height:47px;}


/* 히스토리 셋팅 */
.page_font01 {font-size: 12px; color: #999; letter-spacing: .5px;}
.page_font02 {font-size: 12px; color: #ff9241; letter-spacing: .5px; font-weight:600;}


/* 우측 퀵메뉴 */
#floater {position:absolute; visibility:visible}

/* 박스 */
.box1 {font-size:11px; color: #505050;}
.box2 {font-size:11px; font-weight:600; color: #fafafa;}


/* 카피 */
.copy {background-color: #282828; padding: 20px 0; text-align: center; margin-top: auto;}
.copy .info {max-width: 1000px; margin:0 auto; font-size:11px; line-height:18px; color: #fff; }
.copy2 {font-size:12px; line-height:18px; color: #a0a0a0;}
.copy_name {font-size:11px; font-weight:600; line-height:18px; color: #8bc5fb;}

/* 내용페이지_주소 */
.ad { font-family:"맑은 고딕"; font-size:14px; line-height:14px; color: #666;}









/* 2023-06-02  */
.swiper {border-top: 3px solid #183d90;}
.swiper-slide img {display: block;width: 100%;}
#header {max-width:1000px; margin:0 auto;}
#header .toper {display:flex; align-items:center; justify-content:flex-end;}
#header .and {display:flex; align-items:center; justify-content:space-between;}
#header .and .gnb_nav {width: 612px;display: flex;align-items: center;justify-content: space-between;position: relative;}
#header .and .gnb_nav li h2 a {display: flex;align-items: center;justify-content: center;font-size: 18px;height: 77px;color: #505050;font-weight: 700;}
#header .and .gnb_nav li h2 a.on,
#header .and .gnb_nav li h2 a:hover {color: #176ea5;transition: 0.3s;-webkit-transition: 0.3s;}
#header .and .gnb_nav li ul {position: absolute;top: 55px;right: 0;z-index: 99999;display: flex;align-items: center;justify-content: flex-start;width: 100%;}
#header .and .gnb_nav li ul li {margin-right: 15px;}
#header .and .gnb_nav li ul li a {display: block;font-size: 12px;color: #999999;font-weight: 500;margin: 0;line-height: 20px;}
#header .and .gnb_nav li ul li a:hover {color: #ff9241;transition: 0.2s;-webkit-transition: 0.2s;}
#header .and .gnb_nav li #top2m1 {left: 0;}
#header .and .gnb_nav li #top2m2 {left: 185px;}

#wrap {display: flex; align-items: flex-start; justify-content: space-between; max-width: 1000px; margin:20px auto 40px;}

#wrap .left_menu {width:250px;}
#wrap .left_menu .sub_select {padding: 10px 0 15px; min-height: 335px;}
#wrap .left_menu .sub_select li a {display:flex; align-items:center; justify-content: space-between; font-size:14px; height:30px; color:#999999;font-weight:500; transition:all .3s ease-in-out; position: relative;}
#wrap .left_menu .sub_select li a::after {content: ''; display: inline-flex; width: 20px; height: 7pc; background: url('/images/after.png')no-repeat center; background-size: contain; opacity: 0; transition: all .3s ease-in-out;}
#wrap .left_menu .sub_select li a.on,
#wrap .left_menu .sub_select li a:hover {background-color: #5d659a; color:#FFF; padding:0 8px;}
#wrap .left_menu .sub_select li a.on::after,
#wrap .left_menu .sub_select li a:hover::after {opacity: 1;} 

#wrap .contents {width: 720px;}
#wrap .place {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}