@charset "utf-8";
/*-------------------------------------------------------------------
    파일정의 : 레이아웃 스타일
    작성날짜 : YYYY-MM-DD 홍길동
    참고사항 : 레이아웃, 상세스타일, 메뉴스타일 분류
    분류순서 : Wrapper > Header > Content > Footer > Navigation
    속성순서 : 표시 > 위치 > 넘침/흐름 > 박스모델 > 박스모양 > 문단모양 > 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
 css 수정 /삭제시 주석 작성 방식
 2013.01.01(수정/삭제일자) | 홍길동(수정/삭제자) | 디자인 변경으로 인한 기존 칼라값 변경(수정/삭제사유) 
-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
    ## Wrapper
-------------------------------------------------------------------*/

#wrap { position:relative;}

/* 스킵네비게이션 */
#skipnavigation a { position:absolute; left:-3000%;}
#skipnavigation a:focus { display:block; left:0; top:0; z-index:100; width:100%; height:30px; line-height:30px; background:#039; color:#fff; text-align:center;}

/* bxslider */
.bx-wrapper { box-shadow:none; border:none; background:none; margin-bottom:0;}

/* swiper */
.swiper-container { width:1240px; margin:0 auto;}

/* 위로가기 */
.top_btn { display:none; position:fixed; bottom:20px; right:20px; width:50px; height:50px; line-height:46px; border:2px solid #333; text-align:center; font-size:15px; z-index:1; background:rgba(255,255,255,0.5); cursor:pointer; color:#333;}
.top_btn:hover{ border-color:#f5821e; background:#f5821e; color:#fff;}

/*-------------------------------------------------------------------
    ## Header
-------------------------------------------------------------------*/

/* 상단메뉴 */
.header_wrap { position:fixed; top:0; width:100%; height:80px; background:rgba(255,255,255,1); border-bottom:1px solid #ddd; z-index:2;}
.header_wrap:after { display:block; visibility:hidden; clear:both; content:""}
.header_wrap .gnb_back { display:none; position:absolute; top:100px; left:0; width:100%; height:185px; background:rgba(255,255,255,0.75); border-bottom:1px solid #368adb; opacity:0;}

/* 로고 */
.header_wrap .logo_box { position:relative; float:left; margin:20px 0 0 0;}

/* 오른쪽 메뉴 */
.etc_menu_box { position:relative; float:right; margin-top:30px;}
.etc_menu_box .etc_menu_area:after { display:block; visibility:hidden; clear:both; content:""}
.etc_menu_box .etc_menu_area li { position:relative; float:left; margin-right:30px;}
.etc_menu_box .etc_menu_area li i { margin-right:10px; font-size:28px; vertical-align:middle;}
.etc_menu_box .etc_menu_area li.all_btn button { width:28px; height:24px; text-indent:-9999px; background:url("../img/menu-icon-black.png") no-repeat;}

/* 주메뉴_슬라이드메뉴 */
.header_wrap .gnb_box { position:relative; float:right; width:80%; height:80px;}
.header_wrap .gnb_box .gnb_area { display:flex; align-items:center; width:100%; height:80px;}
.header_wrap .gnb_box .gnb_area .nav { display:flex; align-items:center; justify-content:space-between; width:100%;}
.header_wrap .gnb_box .gnb_area .nav:after { display:block; visibility:hidden; clear:both; content:""}
.header_wrap .gnb_box .gnb_area .nav li { position:relative; /*float:left; width:20%; height:80px; line-height:80px;*/ font-size:16px; font-weight:700; text-align:center;}
.header_wrap .gnb_box .gnb_area .nav li a { display:block;}
.header_wrap .gnb_box .gnb_area .nav li a:after { content: ""; display: block; position: absolute; bottom:0; left:0; width:0; height:2px; background:#f5821e;
  -webkit-transition: width 0.3s; -o-transition: width 0.3s; -moz-transition: width 0.3s; -ms-transition: width 0.3s; transition: width 0.3s;}
.header_wrap .gnb_box .gnb_area .nav li:hover > a:after{width: 100%; left: 0;}
.header_wrap .gnb_box .gnb_area .nav:hover li ul { display:block;}
.header_wrap .gnb_box .gnb_area .nav li ul { display:none; position:absolute; top:100px; left:0px; width:100%; height:184px; background:#fff; border-left:1px solid #ddd; z-index:2;}
.header_wrap .gnb_box .gnb_area .nav li:last-child ul { border-right:1px solid #ddd;}
.header_wrap .gnb_box .gnb_area .nav li ul li { position:relative; width:100%; height:46px; line-height:46px; font-size:15px; font-weight:400; letter-spacing:-1px;}
.header_wrap .gnb_box .gnb_area .nav li ul li a { color:#333;}
.header_wrap .gnb_box .gnb_area .nav li ul li a:hover { background:#efefef; color:#00479d;}
.header_wrap .gnb_box .gnb_area .nav li ul li:hover a:after { width:0;}
.point_color { color:#f5821e;}

/*-------------------------------------------------------------------
    ## Content
-------------------------------------------------------------------*/
.section_wrap { position:relative; margin-top:80px; padding:40px 0 30px;}
.section_wrap:after { display:block; visibility:hidden; clear:both; content:""}

/*-------------------------------------------------------------------
    ## Footer
-------------------------------------------------------------------*/
.footer_wrap { position:relative; padding:50px 10px; font-size:16px; background:#000; color:#888;}
.footer_wrap .copy_link { margin-bottom:20px;}
.footer_wrap .copy_link .link { display:flex; flex-wrap:wrap; flex-direction:row; align-items:center; justify-content:flex-start;}
.footer_wrap .copy_link .link li { position:relative; margin-right:20px;}
.footer_wrap .copy_link .link li a { color:#aaa;}
.footer_wrap .copy_link .link li a.txt_orange { color:#f5821e;}
.footer_wrap .copy_link .link li a.txt_green { color:#42b342;}
.footer_wrap .copy_link .link li:before { content:''; position:absolute; top:0px; left:-10px; display:inline-block; width:1px; height:14px; background:#717171;}
.footer_wrap .copy_link .link li:first-child:before {display:none;}
.footer_wrap .copy_info { line-height:25px; padding:25px 0 0; font-weight:300; border-top:1px solid rgba(256, 256, 256, 0.2);}
.footer_wrap .copy_info span { font-weight:700; color:#aaa;}
.footer_wrap .mo_navi { display:none;}

#m_qbtn { display:none;}