@charset "UTF-8";
/*****************************************************************

		Copyright C 다온테마 All rights reserved. 
		daontheme@daum.net
		본 페이지는 유료컨텐츠 다온테마용 CSS입니다. 불법복제시 법적인 제제를 받으실 수 있습니다. 
		라이센스를 삭제하지 마세요. 라이센스 삭제시 불법 사용으로 간주될 수 있습니다.

******************************************************************/

html{overflow-x:hidden;}
body,td,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button{margin:0;padding:0; font-size:14px; color:#333; line-height:1.6em; font-family: 'Noto Sans KR', sans-serif; font-weight:400; letter-spacing:-0.02em;}
ul,ol,li{margin:0;padding:0;list-style:none;}


a, img{border:0px; vertical-align:middle;}
a{text-decoration:none;}
strong{font-weight:500;}
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.lview{}
.sview{display:none;} 
.mview{display:none;}


/* 중간기기~작은기기 모바일 상단 */
#mobile_header {position:relative; width:100%; height:60px;  line-height:60px; border:0px solid red; z-index:999999; display:none;}
#mobile_header .inner {top:0; left:0; z-index:50; width:100%; height:60px; line-height:60px; overflow:hidden; background:#fff; }
#mobile_header h1 { width:220px; padding-top:10px; text-align:center; margin:0 auto; }
#mobile_header h1 img { width:90%; overflow:hidden;}
#mobile_header .m_gnb li {list-style:none;}
#mobile_header .m_gnb li a {display:block; top:0; width:100%; text-align:center; color:transparent;}
#mobile_header .m_gnb li.category a i{float:left; position:absolute; width:20px; height:20px; line-height:20px; left:15px; top:20px; font-size:20px; color:#111;}
#mobile_header .m_gnb li.home a i { float:left; position:absolute; width:20px; height:20px; line-height:20px; right:15px; top:20px; font-size:20px; color:#111; }
#back_cover {position:absolute; display:none; left:0; top:0;  width:100%; height:100%; top:0px; background:rgba(0,0,0,0.5); z-index:9999998;}
#sideMenu {display:inline; position:fixed; top:0; left:-250px; width:249px; height:100%; background-color:#fff; z-index:9999999;}
#sideMenu .side_title{height:60px; line-height:60px; background-color:#000; color:#fff; text-align:center; font-size:1.3em; cursor:pointer;}
#sideMenu .navi_bg{ width:100%;} 
#sideMenu .nav { width:100%; margin:0 auto; padding:0; padding-bottom:30px; list-style: none; box-sizing:border-box;  overflow:auto; height:500px;} 
#sideMenu .nav ul { width:100%; margin:0; padding:0;}
#sideMenu .navi_set{ display:inline;  margin:0; padding:10px 0 10px 0; text-align:center;  }
#sideMenu .navi_set > div {display:block; width:100%; height:40px; line-height:40px; border-bottom:1px solid #aaa; text-align:left; background-color:#fff; color:#333; text-indent:10px; cursor:pointer;}
#sideMenu .navi_set > div > a{display:block; width:100%; height:40px; line-height:40px;}
#sideMenu .navi_set ul {display:none;}
#sideMenu .navi_set ul li {list-style:none; border-bottom:1px solid #eee;}
#sideMenu .navi_set ul li a{display:block; width:100%; height:30px; line-height:30px; text-align:left; font-size:0.9em; color:#333; cursor:pointer;  text-indent:20px; background-color:#fff;}
#sideMenu .navi_set ul li a:hover{color:#fff; background-color:#aaa; }
#gnba {background-color:#666; text-align:center; padding:10px 0;}
#gnba i{color:#fff; font-size:30px;}
#gnba a { color:#fff; text-align:center; font-size:0.85em;  padding:5px 10px; margin:0 2px;  background:#282864; border-radius:3px;}
#gnba a:hover { background:#fff; color:#000; }
.jbmFixed{position:fixed !important; top:0; left:0;}
.jbmFixed .inner{border-bottom:1px solid #ddd !important;}



/* 큰기기 PC 상단 */
#header_wrap { width:100%; height:140px; overflow-x:hidden; }
#header { position:absolute; top:0; left:0; width:100%; overflow:hidden;background:rgba(255, 255, 255, 0);  z-index:500 !important; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#header h1.logo_a { display:inline-block; transition: all .3s ease-in-out; }
#header.header_on{  background:rgba(255, 255, 255, 1); } /* 메뉴 배경색상을 입력합니다.*/
#header.header_on:hover .header_line { width:100%; height:100px; border-bottom:1px solid rgba(0,0,0,.15); }
.wrap_box { width:100%; max-width:1200px; margin:0 auto; }
.wrap_box h1.logo_a {float:left; width:20%; height:100px; line-height:100px;  font-size:0;}
.wrap_box h1.logo_a a img{ max-width:100%; transition: all .3s ease-in-out; }
#top-bar {  width:100%; height:40px; background:#c73932;}
#top-bar .inner {  width:100%; max-width:1200px; margin:0 auto;}
#top-bar .top_tel { float:left; text-align:left; color:#fff; line-height:40px; }
#top-bar .top_tel i {margin-right:6px;}
#top-bar .gnbb {float:right; }
#top-bar .gnbb a { display:inline-block; color:#ffffff; font-size:0.9em; line-height:40px; padding:0 10px;}
#top-bar .gnbb a i{margin-right:6px; font-size:1em; color:#ffffff;}
#top-bar .gnbb a:hover {color:#fff;}
#top-bar .gnbb a:hover i {color:#ffffff;}
#lnb { float:right; width:80%; }
#lnb .lnb_wrap {float:right; overflow:hidden; width:100%; height:100px; min-height:100px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#lnb .lnb_wrap > ul {position:absolute; right:0; width:auto; height:100px; } 
#lnb .lnb_wrap > ul > li { float:left;  padding:0; margin:0; cursor:pointer; text-align:left; padding:0 40px;} /*1차메뉴추가시 padding값을 조정합니다.*/
#lnb .lnb_wrap > ul > li:last-child{padding-right:0;}
#lnb .lnb_wrap > ul > li > a { display:block; width:100%; height:100px; line-height:100px; font-size:1.4em; font-weight:500; color:#000; padding:0; margin:0;} 
#lnb .lnb_wrap > ul > li > a > span{  display: block; content: ""; width: 0; height: 2px; margin-top:-2px; background:#2956d3;  position: relative;  left: 50%;  -webkit-transform: translateX(-50%);  transform: translateX(-50%);  transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#lnb .lnb_wrap > ul > li:hover > a > span{ width:100%;} 
#header.header_on #lnb:hover .lnb_wrap { height:270px; } /*메뉴의 높이를 입력합니다.*/
#lnb .lnb_wrap > ul > li:hover > a {color:#2956d3;}
#lnb .lnb_sub {position:relative; z-index:1; margin-top:20px; text-align:left; width:100%; height:340px; } /*메뉴의 높이를 입력합니다.*/
#lnb .lnb_sub li a { display:block; color:#000; padding:0; margin:0 0 2px 0; height:30px; line-height:30px; font-size:1.1em; letter-spacing:-0.5px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#lnb .lnb_sub li a:hover { display:block; color:#2956d3; }
.jbFixed {min-height:auto !important;}
.jbFixed .header_in { position:fixed !important; top:0px; width:100% !important; background:rgba(255, 255, 255, 1); box-shadow: 1px 2px 4px 1px rgba(0,0,0,.05);}
.jbFixed .header_in .header_line { height:70px !important; border-bottom:1px solid rgba(0,0,0,.05) !important;  }
.jbFixed .header_in #top-bar {display:none; }
.jbFixed .header_in #lnb { top:0; }
.jbFixed .header_in #lnb:hover .lnb_wrap{height:270px; } /*메뉴의 높이를 입력합니다.*/
.jbFixed .header_in #lnb .lnb_wrap{height:70px; min-height:70px;}
.jbFixed .header_in #lnb .lnb_wrap > ul > li > a { height:70px; line-height:70px; text-shadow:0px 0px 3px rgba(0,0,0,0);}
.jbFixed .header_in h1.logo_a {  height:70px; line-height:70px; }
.jbFixed .header_in h1.logo_a img { max-width:70%; transition: all .3s ease-in-out;}



/* 메인_타이틀*/
#container_wrap {width:100%; min-width:320px; overflow:hidden; }
#container_wrap:after{ content:""; display:block; clear:both;}
#container_wrap h2.m_tit{ text-align:center; font-size:2.5em; line-height:1.4em; color:#000; letter-spacing:-0.025em; Font-family: 'Poppins', sans-serif; font-weight:700; }
#container_wrap p.desc { text-align:center; font-size:1.25em; line-height:1.6em; color:#555; padding:0 10px; margin:10px 0 40px 0; word-break: keep-all; }



#main_visual{position:relative; width:100%; height:100%; padding:0; margin:0 auto; overflow:hidden; }
#main_visual .inner {position:relative; }
#main_visual .swiper-slide{width:100%; height:auto; padding:0; background-color:#000; overflow:hidden;}
#main_visual .swiper-slide div.backgroundimg{width:100%; z-index:1;}
#main_visual .swiper-slide .backgroundimg .mobile_only{display:none;}
#main_visual .swiper-slide .backgroundimg img{width:100%; height:auto;}
#main_visual .sliderkit-text {width:100%; position:absolute; top:50%; margin-top:-120px; left:50%;  margin-left:-50%; z-index:2; transition: 0.5s all ease;}
#main_visual .sliderkit-text .txts {max-width:1200px; margin:0 auto; text-align:center;  }
#main_visual .sliderkit-text h1.lviewa{opacity:0; font-size:3.5em;  color:#fff; line-height:1.3em; font-weight:700; word-break: keep-all; text-shadow: 0px 0px 2px #000; padding-bottom:20px; transition: 0.5s all ease;}
#main_visual .sliderkit-text h1.sviewa{opacity:0; font-size:1.5em;  color:#fff; line-height:1.5em; font-weight:600; word-break: keep-all; text-shadow: 0px 0px 2px #000; padding-bottom:10px; transition: 0.5s all ease;}
#main_visual .btn_view {display:inline-block; margin-top:20px; padding:15px 15px; width:180px; text-align:center; color:#fff; font-size:1em; border:1px solid #fff; transition: 0.5s all ease;}
#main_visual .btn_view:hover {background:#fff; color:#000;}
#main_visual .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:2%; top:50%; margin-top:-25px; display:block; background:url("images/visual_prev_on.png")  center left no-repeat; opacity : 0.7; width:50px; height:50px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#main_visual .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:2%; top:50%; margin-top:-25px; display:block; background:url("images/visual_next_on.png") center right no-repeat; opacity : 0.7; width:50px; height:50px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#main_visual .swiper-button-prev:hover,.swiper-container-rtl .swiper-button-next:hover{opacity :1; }
#main_visual .swiper-button-next:hover,.swiper-container-rtl .swiper-button-prev:hover{opacity :1; }
#main_visual .swiper-pagination { margin:0 auto; max-width:1200px; left:0; right:0; bottom:15%; text-align:center; transition: 0.5s all ease;}
#main_visual .swiper-pagination-bullet { width:40px; height:5px; margin-right:8px; border-radius:0; transition: 0.5s all ease;}
#main_visual .swiper-pagination-bullet-active{ height:10px; background:#2956d3;}



#m_bnr1{ z-index:1; position:relative; top:-50px; width:100%; max-width:1300px; margin:0px auto -30px;  padding:50px 0; background:#fff; overflow:hidden;}
#m_bnr1:after{ content:""; display:block; clear:both;}
#m_bnr1 .con_box { width:100%; max-width:1200px; margin:0px auto; transition: 0.5s all ease;}
#m_bnr1 .con_box ul{width:100%;}
#m_bnr1 .con_box ul li{ float:left; width:23.5%; height:240px; margin-right:2%; text-align:center; background-color:#fff; border:1px solid #eee; box-sizing:border-box; transition: 0.5s all ease;}
#m_bnr1 .con_box ul li:last-child {margin-right:0; }
#m_bnr1 .con_box ul li a{ position:relative; display:table; text-align:left; width:100%; height:100%; padding:30px; }
#m_bnr1 .con_box ul li .txt-box {display:table-cell; vertical-align:top;}
#m_bnr1 .con_box ul li .txt-box i {position:absolute; right:30px; bottom:30px; color:#ddd; font-size:2.5em;  transition: 0.5s all ease; }
#m_bnr1 .con_box ul li .txt-box strong{ display:block; color:#000; font-size:1.5em; font-weight:700; line-height:1.4em; word-break: keep-all; }
#m_bnr1 .con_box ul li .txt-box p { display:block; color:#888; font-size:1em; line-height:1.6em; margin-top:15px; word-break: keep-all;}
#m_bnr1 .con_box ul li:hover { border:1px solid #1a1a1a; box-shadow:10px 10px 15px rgba(0,0,0,.1); transition: 0.5s all ease; }
#m_bnr1 .con_box ul li:hover .txt-box i {color:#1a1a1a; }
#m_bnr1 .con_box ul li:hover .txt-box p {color:#1a1a1a;}


#rolling_bnr{  position:relative; width:100%; min-width:320px; max-width:2000px; margin:0 auto; overflow:hidden;}
#rolling_bnr:after{ content:""; display:block; clear:both;}
#rolling_bnr .swiper-container1 .swiper-slide{width:100%; height:500px; overflow:hidden; }
#rolling_bnr .swiper-container1 .rolling-back { position:relative; width:100%; height:100%;}
#rolling_bnr .swiper-container1 .rolling-back:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%;}
#rolling_bnr .swiper-container1 .rolling-back.bg01:before {background:#06153f;}
#rolling_bnr .swiper-container1 .rolling-back.bg02:before {background:#8a8c8f;}
#rolling_bnr .swiper-container1 .rolling-back.bg03:before {background:#1a1a1a;}
#rolling_bnr .swiper-container1 .rolling-text { width:100%; max-width:1200px; margin:0 auto; transition: 0.5s all ease; }
#rolling_bnr .swiper-container1 .rolling-text .img-box {float:right; display:table; width:600px; height:500px;}
#rolling_bnr .swiper-container1 .rolling-text .img-box .tb-cell {display:table-cell; vertical-align:middle; height:100%; text-align:center; }
#rolling_bnr .swiper-container1 .rolling-text .img-box .tb-cell div {display:inline-block; width:100%; box-shadow:15px 15px 15px rgba(0,0,0,0.1); overflow:hidden; }
#rolling_bnr .swiper-container1 .rolling-text .img-box .tb-cell div img {width:100%; }
#rolling_bnr .swiper-container1 .rolling-text .txt-box {float:left; padding-top:70px; width:45%; }
#rolling_bnr .swiper-container1 .rolling-text .txt-box .txts { height:100%;}
#rolling_bnr .swiper-container1 .rolling-text .txt-box .txts h1{opacity:1; font-size:0.85em; color:rgba(255,255,255,.6); line-height:1.4em; letter-spacing:0.25em; }
#rolling_bnr .swiper-container1 .rolling-text .txt-box .txts h2{opacity:1; }
#rolling_bnr .swiper-container1 .rolling-text .txt-box .txts h2 strong { display:block; margin-top:20px; font-size:2.5em; color:#fff; font-weight:700; line-height:1.4em; word-break: keep-all;}
#rolling_bnr .swiper-container1 .rolling-text .txt-box .txts h2 p {  display:block; margin-top:20px; font-size:1.15em; color:rgba(255,255,255,.6); font-weight:400; line-height:1.6em; word-break: keep-all;}
#rolling_bnr .swiper-container1 .rolling-text .txt-box .txts a {display:inline-block; margin-top:30px; padding:15px 15px; width:180px; text-align:center; color:#000; font-size:1em; background:#fff; transition: 0.3s all ease;  }
#rolling_bnr .swiper-container1 .rolling-text .txt-box .txts a:hover {color:#fff; background:#2956d3; box-shadow:10px 10px 15px rgba(0,0,0,0.05); }
#rolling_bnr .swiper-container1 .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:20px; top:50%; margin-top:-25px; display:none; background:url("images/visual_prev_on.png")  center left no-repeat; opacity : 0.7; width:50px; height:50px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#rolling_bnr .swiper-container1 .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:20px; top:50%; margin-top:-25px; display:none; background:url("images/visual_next_on.png") center right no-repeat; opacity : 0.7; width:50px; height:50px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#rolling_bnr .swiper-container1 .swiper-button-prev:hover,.swiper-container-rtl .swiper-button-next:hover{opacity :1; }
#rolling_bnr .swiper-container1 .swiper-button-next:hover,.swiper-container-rtl .swiper-button-prev:hover{opacity :1; }
#rolling_bnr .swiper-pagination-fraction, #rolling_bnr .swiper-pagination-custom, #rolling_bnr .swiper-container-horizontal > .swiper-pagination-bullets{bottom:30px;}
#rolling_bnr .swiper-pagination-bullet{width:40px; height:5px; background-color:rgba(255,255,255,.2); border-radius:0; transition: 0.3s all ease; }
#rolling_bnr .swiper-pagination-bullet-active{ height:10px; background-color:#fff; transition: 0.3s all ease; }



#comm_wrap { width:100%; margin-top:80px;}
#comm_wrap:after{ content:""; display:block; clear:both; }
#comm_wrap .comm_area { width:100%; max-width:1200px; margin:0 auto;}
#comm_wrap .comm_area:after{ content:""; display:block; clear:both;}
#comm_wrap .comm_area .dleft{ float:left; width:46%; background:#fff; transition: 0.3s all ease; }
#comm_wrap .comm_area .dright{ float:right; width:49%; background:#fff; transition: 0.3s all ease;}
#comm_wrap .notice_area {position:relative; width:100%;}
#comm_wrap .notice_area .tab {width:100%; border-bottom:1px solid #ddd; box-sizing:border-box;}
#comm_wrap .notice_area .tab:after{ content:""; display:block; clear:both;}
#comm_wrap .notice_area a.more { position: absolute; right:0; top:14px; width:19px; height:19px; transition: 0.5s all ease;  -webkit-transition: transform 0.5s ease; }
#comm_wrap .notice_area .tab li{float:left; width:29%; margin-right:1%; color:#777;  border:1px solid #ddd; border-bottom:0; box-sizing:border-box; transition: 0.3s all ease;  }
#comm_wrap .notice_area .tab li:last-child {margin-right:0; border-right:1px solid #ddd;}
#comm_wrap .notice_area .tab li a{display:block; height:60px; line-height:60px; font-size:1.15em; font-weight:500; text-align: center; color:#777; background-color:#fff; box-sizing:border-box; }
#comm_wrap .notice_area .tab li.on {width:35%;}
#comm_wrap .notice_area .tab li.on a{ background-color:#2956d3; color:#fff; }
#comm_wrap .notice_area .active{display: block; padding:20px;}
#comm_wrap .notice_area li{position: relative; line-height:30px;}
#comm_wrap .notice_area li span.date{position: absolute; right:0; text-align:right; line-height:30px; font-size:0.9em; color:#777; }
#comm_wrap .notice_area div li a{display: inline-block; max-width:75%; font-size:1em; color:#333; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
#comm_wrap .notice_area div li:hover a {color:#2956d3;}
#comm_wrap .notice_area > div{display: none; padding:0; }

#comm_wrap .comm_stit {display:block; height:60px; line-height:60px; font-size:1.5em; color:#000; font-weight: 400; }
#comm_wrap .comm_quick{ width:100%; overflow:hidden;}
#comm_wrap .comm_quick:after{ content:""; display:block; clear:both;}
#comm_wrap .comm_quick ul{border-top:1px solid #eee;}
#comm_wrap .comm_quick ul li{ float:left; width:33.3333%; text-align:center; border-left:1px solid #eee; border-bottom:1px solid #eee; overflow:hidden; }
#comm_wrap .comm_quick ul li:nth-child(3n) {border-right:1px solid #eee; }
#comm_wrap .comm_quick ul li a{ display:table; width:100%; height:120px; }
#comm_wrap .comm_quick ul li .txt-box {display:table-cell; vertical-align:middle;}
#comm_wrap .comm_quick ul li .txt-box i{ display:block; color:#555; font-size:2em; margin-bottom:10px; transition: 0.3s all ease; }
#comm_wrap .comm_quick ul li .txt-box p{ display:block; color:#333; font-size:1em; }
#comm_wrap .comm_quick ul li:hover {background-color:#f8f8f8;}
#comm_wrap .comm_quick ul li:hover .txt-box i {color:#2956d3; margin-bottom:15px; }




#m_bnr2 {width:100%; margin:50px auto; }
#m_bnr2:after{ content:""; display:block; clear:both;}
#m_bnr2 .con_box{width:100%; max-width:1200px; margin:0 auto;}
#m_bnr2 .con_box ul{ width:100%; margin:0; padding:0; }
#m_bnr2 .con_box ul li{ position:relative; float:left; width:49%; margin-right:2%; height:200px; transition: 0.5s all ease; }
#m_bnr2 .con_box ul li:last-child {margin-right:0;}
#m_bnr2 .con_box ul li.bg1 {background:url('images/m_bnr2_1.jpg')no-repeat; background-position:50% 50%; background-size:cover;}
#m_bnr2 .con_box ul li.bg2 {background:url('images/m_bnr2_2.jpg')no-repeat; background-position:50% 50%; background-size:cover;}
#m_bnr2 .con_box ul li a{display:table; width:100%; height:100%; overflow:hidden;}
#m_bnr2 .con_box ul li .icon-box {opacity:0.5; position:absolute; right:0%; top:50%; margin-top:-5%; display:table-cell; vertical-align:middle; width:30%; text-align:center; overflow:hidden; transition: 0.3s all ease;  }
#m_bnr2 .con_box ul li .icon-box i { font-size:4em; color:rgba(255,255,255,.5); }
#m_bnr2 .con_box ul li .txt-box {display:table-cell; vertical-align:middle; width:90%; transition: 0.5s all ease;   }
#m_bnr2 .con_box ul li .txt-box strong {display:block; font-size:1.85em; font-weight:700; color:#fff; line-height:100%; margin-bottom:20px; }
#m_bnr2 .con_box ul li .txt-box p { font-size:1em; color:rgba(255,255,255,0.6); line-height:1.5em; letter-spacing:-0.05em; }
#m_bnr2 .con_box ul li:hover {box-shadow:10px 10px 15px rgba(0,0,0,0.05); }
#m_bnr2 .con_box ul li:hover.bg1{background:#06153f; } 
#m_bnr2 .con_box ul li:hover.bg2{background:#2956d3;}
#m_bnr2 .con_box ul li:hover .txt-box {width:90%; transition: 0.5s all ease; }
#m_bnr2 .con_box ul li:hover .icon-box {opacity:1; right:2%; transition: 0.5s all ease; }
#m_bnr2 .con_box ul li:hover .icon-box i,
#m_bnr2 .con_box ul li:hover .txt-box p{color:rgba(255,255,255,1); }




/* 하단 */
#footer{ clear:both; width:100%; padding-bottom:50px; background:#f8f8f8; border-top:1px solid #eee;}
#footer:after{ content:""; display:block; clear:both;}
#footer .copy_bar{ width:100%;  max-width:1200px; margin:0 auto; }
#footer .copy_bar div.copy_menu { float:left; width:80%; padding:25px 0; }
#footer .copy_bar div.copy_menu a{display:inline-block; padding-right:15px; font-size:1em; font-weight:500; color:#777;}
#footer .copy_bar div.copy_menu a:hover {color:#2956d3;}
#footer .copy_bar div.copy_menu a.active{ color:#000; }
#footer .copy_bar div.family_site {float:right; width:20%;  padding:20px 0; text-align:right; color:#fff; }
#footer .copy_bar div.family_site select {width:90%; height:40px; padding-left:10px; border:1px solid #ddd; color:#000; font-size:1em; background-color:#fff;}
#footer .copy_bar div.family_site select option {color:#000;}
#footer .copy_area{ clear:both; width:100%; max-width:1200px; margin:0 auto; padding-top:0px; }
#footer .copy_area:after{ content:""; display:block; clear:both;}
#footer .copyright{width:100%; }
#footer .copyright p{width:100%; font-size:0.9em; }
#footer .copyright p span{ display:inline-block; color:#333; margin-right:15px;}



/* PC용 퀵메뉴 */
#backtotop{ position:fixed; bottom:40%; right:0; z-index : 1000; display:none;}
.q-menu nav {box-shadow: 0px 0px 10px rgba(0,0,0,0.15);}
.q-menu nav div { width:80px; text-align:center; margin:0; padding:15px 0; border-bottom:1px solid #333; background:rgba(0,0,0,.75);
transition: 0.5s all ease;   -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease; }
.q-menu nav div:first-child {  background:#2956d3; border:0;}
.q-menu nav div:last-child { border-bottom:0; }
.q-menu nav div:hover { background:rgba(0,0,0,0.05); }
.q-menu nav div i { display:block; color:#fff; font-size:1.25em; margin-bottom:10px; }
.q-menu nav div a span {display: block; font-size:0.9em; color:#fff; line-height: 1em; }
.q-menu nav div:hover { background:#2956d3; }




/* 서브 */
#sub_visual{clear:both; width:100%; min-width:320px; margin:0 auto; height:220px; text-align:center; background:#000; }
#sub_visual .backgroundimg{position:relative; width:100%;  min-width:320px; height:100%; text-align:center; z-index:0; }
#sub_visual .visual_area {width:100%; height:100%;  }


#sub_wrapper{width:100%; max-width:1200px; margin:0 auto;}
#sub_wrapper:after{ content:""; display:block; clear:both;}
#sub_menu{ display:block; width:100%;  margin:0px auto; background:#fff; } /*메뉴가림*/
#sub_menu .sub_tab{width:100%; max-width:1200px; text-align:left; margin:0 auto; }


.sub_location{ width:100%; max-width:1200px; height:40px; font-size: 0; background:#fff; margin:0 auto; margin-top:30px; margin-bottom:50px;}
.sub_location ul{width:100%; max-width:1200px; padding:0; margin:0; text-align:center;  }
.sub_location ul li{display:inline-block;  height:40px; line-height:40px; text-align:center; border: 1px solid #ddd; box-sizing:border-box; margin-bottom:3px;}
.sub_location ul li a{padding:0 20px; font-size:1.1em; width:100%; height:40px; line-height:40px; display: block; color: #000; transition: 0.5s all ease;   -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease; }
.sub_location ul li a:hover{color: #fff; background:#000;box-sizing:border-box;}
.sub_location ul li a.on{color: #fff; background:#000;}


#sub_tit { position:absolute; width:100%; max-width:1200px; margin:0 auto; top:200px; left:50%; margin-left:-600px; border:0px solid red;}
#sub_tit .path { position:absolute; top:60px; left:0; width:100%; border:0px solid red; text-align:center;}
#sub_tit .path li {display:inline-block; text-align:center; font-size:0.9em; padding: 0 8px 0 12px; margin:0; color: #fff; background: url('images/ico_path.png') no-repeat left center; }
#sub_tit .path li a span.ic-home {padding:0;cursor: pointer; border:0px solid red;}
#sub_tit .path li a span.ic-home i {background: url('images/icon_home_over.png') no-repeat left center; display:inline-block; width:11px; height:11px;}
#sub_tit .path li:first-child { background:none;}
#sub_tit .path li:last-child { color:#fff; font-weight:500;}
#sub_tit .title{ position:relative; padding-bottom:10px; font-size:2.4em; font-weight:700; color:#fff; text-align:center; text-transform:uppercase; } /*대문자로*/
#sub_tit .title:after{display:none; content:""; width:5%; height:3px;  margin:10px auto; background:#fff;}
#sub_tit .normal_txt{display:none; margin:0; font-size:1.2em; color:#fff; text-transform:uppercase; text-align:center; line-height:1.6; word-break: keep-all; font-family: 'Poppins', sans-serif;}
#sub_tit .normal_txt .color1{color:#fd7701;}


.scontents{width:100%; max-width:1200px; height:100%; padding-bottom:80px; margin:0px auto; background:none}
.scontents:after{ content:""; display:block; clear:both;}
.scontents .bg_vline { display:none; width:1px; height:30px; margin:0px auto; }
.scontents h3.title {  font-size: 2.5em;  text-align: center; margin-top:0px;}
.scontents .eng {  display:block; text-align:center; font-size: 2.5em;  color: #555; font-weight:300;  margin:0px 0;  font-family: 'Poppins', sans-serif;}
.scontents .eng em { color: #000; font-style: normal;  font-weight:500;}
.scontents .stitle { font-size:1.2em; line-height:1.5em; text-align:center; color:#333; margin:10px 0 50px 0; }
.scontents .stitle:after{display:block; width:100%; border-bottom:1px solid #ddd; height:30px; background-color:red;}



.tbl{width:100%; border-top:1px solid #333; border-collapse:collapse;}
.tbl th{width:30%; background-color:#f2f2f2; border-bottom:1px solid #ccc; padding:5px 0; font-size:0.9em; font-weight:normal;  color:#000; text-align:center;}
.tbl td{width:70%; border-bottom:1px solid #ccc; padding:5px 0; text-indent:10px; font-size:0.9em;}


.tba{width:100%; border-top:1px solid #333; border-collapse:collapse; background-color:#fff;}
.tba th{width:35%; background-color:#f2f2f2; border-bottom:1px solid #ccc; padding:6px 0; font-size:0.9em; font-weight:normal;  color:#000; text-align:center;}
.tba td{width:65%; border-bottom:1px solid #ccc; padding:6px 0; text-indent:10px; font-size:0.9em;}


.policy_box{border:1px solid #ddd; padding:10px; height:160px; overflow:auto;}




/* 반응형 중간기기 1300px 사이즈 이하*/
@media all and (max-width:1300px){	

	#main_visual .sliderkit-text {padding:0 8%;}
	#main_visual .sliderkit-text h1.lviewa{font-size:2.5em;}
	#main_visual .sliderkit-text h1.sviewa{font-size:1.15em;}
	
	#m_bnr1 {  position:static; max-width:100%; padding:50px 4%; margin-bottom:0;}

}


/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){

	#header_wrap {min-width:100%;}

	#lnb .lnb_wrap > ul > li { padding:0 30px;}

	#rolling_bnr .swiper-container1 .rolling-back {padding:0 4%;}
	#rolling_bnr .swiper-container1 .rolling-text .img-box { width:50%; height:450px;}
	#rolling_bnr .swiper-container1 .rolling-text .txt-box { width:45%; height:450px;}

	#comm_wrap {padding:0 4%;}
	#comm_wrap .comm_area .dleft{ width:46%;}
	#comm_wrap .comm_area .dright{ width:49%;}

	#m_bnr2 {padding:0 4%;}

	.scontents{width:96%;}

	#sub_tit{left:0; margin-left:0; }

	#backtotop{display:none !important;}
}


/* 반응형 중간기기 1100px 사이즈 이하*/
@media all and (max-width:1100px){
	#mobile_header{display:block; min-width:320px;}
	#header_wrap {display:none;}

	.lview{display:none;}
	.sview{display:block;}

	#sub_visual{margin-top:0px;}

	.scontents h3.title { text-align: center;}
	.scontents .eng {  text-align: center;}
	.scontents .stitle { text-align:center; }
	.scontents{width:96%;}

	#main_visual .swiper-slide div.backgroundimg{height:auto; }	

	#footer{ min-width:320px; padding-bottom:30px;}
	#footer .copy_bar div.copy_menu {  width:70%;}
	#footer .copy_bar div.family_site {width:30%;}
	#footer .copyright{width:100%; padding:0 30px; }
	#footer .copyright p{ text-align:center;}
	#footer .copy_bar div.copy_menu {  width:100%; text-align:center;}
	#footer .copy_bar div.family_site {float:none; width:60%; text-align:center; padding-top:0; margin:0 auto; } 

	#backtotop{right:15px;}

	.sub_location ul:first-child{border-left:0px; }

	#sub_tit { margin:0px auto; padding:0; left:0%; margin-left:0px; top:130px; background:none;}
	#sub_tit .title{ font-size:2em; }
	#sub_tit .title:after{display:none; content:""; width:15%; height:3px; background:#fff; margin:10px auto; }
	#sub_tit .normal_txt{font-size:1.2em;  color:#fff;  text-transform:uppercase; text-align:center; line-height:1.6; word-break: keep-all; text-shadow: 0px 1px 4px #333; font-family: 'Poppins', sans-serif;}
	#sub_tit .normal_txt .color1{color:#fd7701;}


}


/* 반응형 중간기기 1000px 사이즈 이하*/
@media all and (max-width:1000px){

	#m_bnr1 .con_box ul li{ width:49%; height:200px; margin-bottom:2%;}
	#m_bnr1 .con_box ul li:nth-child(even){float:right; margin-right:0;}
	#m_bnr1 .con_box ul li:hover { margin-top:0;}


	#rolling_bnr .swiper-container1 .rolling-text .txt-box .txts h2 strong { font-size:2em; }
	#rolling_bnr .swiper-container1 .rolling-text .txt-box .txts h2 p { font-size:1.1em;}
	#rolling_bnr .swiper-container1 .rolling-text .txt-box .txts a { font-size:1em;}

	#m_bnr2 .con_box ul li {height:150px;}
	#m_bnr2 .con_box ul li .txt-box strong {font-size:1.5em;}
	#m_bnr2 .con_box ul li .icon-box i {font-size:3.5em;}

}


/* 반응형 중간기기 992사이즈 이하 */
@media screen and (max-width: 992px) {			

	#comm_wrap .comm_area .dleft{ width:55%;}
	#comm_wrap .comm_area .dright{ width:42%;}

}


/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {	

	.mview{display:block;}

	#main_visual .swiper-slide .backgroundimg .mobile_only{display:block;}
	#main_visual .swiper-slide .backgroundimg .pc_only{display:none;}
	.swiper-button-next, .swiper-button-prev{display:none !important;}

	#rolling_bnr .swiper-container1 .swiper-slide {height:auto;}
	#rolling_bnr .swiper-container1 .rolling-back { padding:40px 4% 70px 4%;}
	#rolling_bnr .swiper-container1 .rolling-text .img-box { width:100%; height:auto;}
	#rolling_bnr .swiper-container1 .rolling-text .txt-box { width:100%; height:auto; margin:30px 0 80px 0; padding:0 4%;}

	#comm_wrap .comm_area .dleft{ width:100%;}
	#comm_wrap .comm_area .dright{ width:100%;}


	#footer {margin-top:0;}


	.sub_location{height:auto; overflow:hidden; }
	.sub_location ul li{height:35px;}
	.sub_location ul li a{width:100%; padding:0 8px; font-size:0.85em; height:35px; line-height:33px; }


	.scontents{padding-bottom:50px;}
	.scontents .stitle { margin-bottom:30px; }	
}




/* 반응형 중간기기 640사이즈 이하 */
@media screen and (max-width: 640px) {	

	#container_wrap h2.m_tit {font-size:2em;}
	#container_wrap p.desc {font-size:1.1em;}


	#m_bnr1 .con_box ul li {width:100%; height:auto; margin-bottom:4%;}
	#m_bnr1 .con_box ul li:last-child {margin-bottom:0;}
	#m_bnr1 .con_box ul li .txt-box p {font-size:1.1em;}
	#m_bnr1 .con_box ul li .txt-box i {top:24px;}


	#rolling_bnr .swiper-container1 .rolling-text .txt-box .txts h2 strong { font-size:1.85em; }
	#rolling_bnr .swiper-container1 .rolling-text .txt-box .txts a { width:100%; }

	
	#comm_wrap {margin-top:50px; }
	#comm_wrap .notice_area .tab li a{height:50px; line-height:50px;  }


	#m_bnr2 {padding:0; margin-bottom:0;}
	#m_bnr2 .con_box ul li {width:100%;}


	#footer .copyright span{font-size:1em;}
	#footer .copyright p{font-size:0.8em;}

}




/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {	

	body,td,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button{font-size:13px;}
	
	#main_visual .sliderkit-text {margin-top:-120px;}
	#main_visual .sliderkit-text h1.lviewa{font-size:2.25em;}
	#main_visual .sliderkit-text h1.sviewa{font-size:1.25em;}
	#main_visual .btn_view {padding:10px 10px; width:140px;}
	#main_visual .swiper-pagination {bottom:5%;}

	#sub_visual{height:150px; }
	#sub_visual .backgroundimg{height:150px; }
	#sub_visual .visual_area {height:150px; background-position:center top; background-size:cover;}

	
	#sub_tit {top:80px; background:none; margin:30px auto;}
	#sub_tit .path {top:35px;}
	#sub_tit .title{  font-size:1.5em;  } 
	#sub_tit .normal_txt{font-size:1em;}
	.scontents .eng { font-size: 2em; }
	.scontents .stitle { font-size:1em;  }

	.q-menu{ display:none;}	
}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	
	


}