@charset "UTF-8"; 

html{overflow-x:hidden;}
body{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:'s-core_dream', 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; 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:#fff; z-index:9999999;}
#sideMenu .side_title{height:60px; line-height:60px; text-align:center; font-size:1.3em; color:#fff; background:#000; 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:auto;} 
#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 #ddd; text-align:left; background:#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:#fff;}
#sideMenu .navi_set ul li a:hover{color:#fff; background:#aaa;}
#gnba{background:#666; text-align:center;}
#gnba a{position:relative; display:block; float:left; width:50%; height:60px; text-align:center; font-size:0.85em; color:#fff; line-height:16px; padding:0; margin:0; background:#666;}
#gnba a:nth-child(1):after{content:""; position:absolute; top:20%; left:100%; width:1px; height:30px; background:rgba(255,255,255,0.4); z-index:99;}
#gnba a i{font-size:1.5em; color:#fff; display:block; margin-top:10px; margin-bottom:5px;}
#gnba a:hover{background:#fff; color:#000;}
#gnba a:hover i{color:#000;} 
.jbmFixed{position:fixed !important; top:0; left:0;}
.jbmFixed .inner{border-bottom:1px solid #ddd !important;}



/* 큰기기 PC 상단 */
#header_wrap{width:100%; overflow-x:hidden;}
#header{position:absolute; top:0; left:0; width:100%; min-height:100px; background:#fff; overflow:hidden; z-index:500 !important; transition:0.5s all ease;}
.wrap_box{width:100%; max-width:1400px; margin:0 auto;}
.wrap_box:after{content:""; display:block; clear:both;}
 h1.logo_a{float:left; width:20%; height:100px; line-height:100px; background:none;}
 h1.logo_a a img{display:inline; vertical-align:middle;}
#lnb{float:left; width:65%;}
#lnb .lnb_wrap{position:relative; float:left; overflow:hidden; width:100%; height:100px; min-height:100px; transition:0.5s all ease;}
#lnb .lnb_wrap > ul{width:100%; height:100px; padding:0; margin:0;} 
#lnb .lnb_wrap > ul > li{float:left; width:20%; height:100px; text-align:center; padding:0;} /*1차메뉴 추가시 width값을 조정합니다. ex)5개 20%, 6개 16.6666% */
#lnb .lnb_wrap > ul > li > a{display:table; width:100%; height:100%;} 
#lnb .lnb_wrap > ul > li > a > p{position:relative; width:100%; display:table-cell; vertical-align:middle; padding:0 20px; font-size:1.3em; color:#000; line-height:1.2em; font-weight:500; transition:0.5s all ease;}
#lnb .lnb_wrap > ul > li > a > p:after{display:block; content:""; width:0; height:2px; margin-top:0px; background:#2c64e5; position:absolute; bottom:0; left:0; transform:translateX(0%); transition:0.5s all ease;}
#lnb .lnb_wrap > ul > li:hover > a > p:after , #lnb .lnb_wrap > ul > li.actived > a > p:after{width:100%;} 
#lnb .lnb_wrap > ul > li:hover{background:#fff; transition:0.2s all ease;} /* 메뉴의 배경색상을 변경하세요. */
#lnb .lnb_wrap > ul > li:hover > a > p{color:#2c64e5; font-weight:400;}
#lnb .lnb_sub{position:relative; z-index:1; text-align:center; width:100%; height:100vh; padding:25px 0;}
#lnb .lnb_sub li a{display:block; padding:0 20px; margin-bottom:16px; font-size:1.05em; color:#222; line-height:1.5em; letter-spacing:-0.5px; word-break:break-all; transition:0.3s all ease;}
#lnb .lnb_wrap > ul > li:hover .lnb_sub{background:#F7F8FB;} /* 메뉴의 배경색상을 변경하세요. */
#lnb .lnb_wrap > ul > li:hover .lnb_sub li a{color:#000;}
#lnb .lnb_wrap > ul > li:hover .lnb_sub li a:hover{color:#2c64e5;}
#gnbb{float:right; width:14%; text-align:center;}
#gnbb > ul > li{float:left; margin:0; width:50%; border-left:1px solid #eee; box-sizing:border-box;}
#gnbb > ul > li:last-child{border-right:1px solid #eee;}
#gnbb > ul > li > a{display:table; width:100%; height:100px; margin:0; padding:0 10px; transition:0.3s all ease;}
#gnbb > ul > li > a > p{display:table-cell; vertical-align:middle; height:100%; color:#000; font-size:0.9em;}
#gnbb > ul > li > a > p i{display:block; margin-bottom:8px; color:#000; font-size:1em;}
#gnbb > ul > li > a:hover > p, #gnbb > ul > li > a:hover i{color:#fff;} 
#gnbb > ul > li > a:hover.gnb_bg1{background:#2c64e5;}
#gnbb > ul > li > a:hover.gnb_bg2{background:#2f4aa1;}
#header.header_on:hover{border-bottom:1px solid #eee;}
#header.header_on:hover .header_line{width:100%; height:100px; border-bottom:1px solid #eee;}
#header.header_on #lnb:hover .lnb_wrap{height:400px;} /*메뉴의 높이를 입력합니다.*/
#header.header_on #gnbb > ul > li > a{color:#000; text-shadow:0px 0px 0px rgba(0,0,0,.5);}
.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{width:100%; height:100px; border-bottom:1px solid #eee;}
.jbFixed .header_in #lnb{top:0;}
.jbFixed .header_in #lnb:hover .lnb_wrap{height:400px;} /*메뉴의 높이를 입력합니다.*/
.jbFixed .header_in h1.logo_a img{max-width:80%; 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{width:100%; text-align:center; font-size:2em; line-height:1.4em; color:#000; font-weight:700;}
#container_wrap p.desc{text-align:center; font-size:1.05em; line-height:1.6em; color:#555; margin:10px 0 40px 0;}


#main_visual{position:relative; width:100%; min-width:320px; padding:0; margin:100px auto 0;}
#main_visual .swiper-slide{width:100%; height:auto; padding:0; background-color:#000; overflow:hidden;}
#main_visual .swiper-slide div.backgroundimg{width:100%; height: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%; max-width:1400px; padding:0; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:left; z-index:2;}
#main_visual .sliderkit-text div.lviewa{opacity:0; font-size:3em; color:#fff; line-height:1.3em; font-weight:700; text-shadow:0px 0px 2px #000; padding-bottom:20px; transition:0.5s all ease;}
#main_visual .sliderkit-text div.sviewa{opacity:0; font-size:1.2em; color:#fff; line-height:1.5em; font-weight:600; text-shadow:0px 0px 2px #000; padding-bottom:10px; transition:0.5s all ease;}
#main_visual .btn_view{display:inline-block; margin-top:20px; text-align:center; color:#fff; padding:8px 25px; 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, #main_visual .swiper-container-rtl .swiper-button-next{left:2%; top:50%; margin-top:-25px; display:block; background:url("../image/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;}
#main_visual .swiper-button-next, #main_visual .swiper-container-rtl .swiper-button-prev{right:2%; top:50%; margin-top:-25px; display:block; background:url("../image/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;}
#main_visual .swiper-button-prev:hover, #main_visual .swiper-container-rtl .swiper-button-next:hover{opacity:1;}
#main_visual .swiper-button-next:hover, #main_visual .swiper-container-rtl .swiper-button-prev:hover{opacity:1;}
#main_visual .swiper-pagination{margin:0 auto; max-width:1400px; left:0; right:0; bottom:10%; text-align:left; transition:0.5s all ease;}
#main_visual .swiper-pagination-bullet{margin-right:8px; border-radius:0; transition:0.5s all ease;}
#main_visual .swiper-pagination-bullet-active{background:#007aff;}


#m_bnr{position:relative; width:100%; padding:80px 0;}
#m_bnr:after{content:""; display:block; clear:both;}
#m_bnr .con_area{width:100%; max-width:1400px; margin:0 auto;}
#m_bnr .con_area:after{content:""; display:block; clear:both;}
#m_bnr .con_box{width:100%;}
#m_bnr .con_box:after{content:""; display:block; clear:both;}
#m_bnr .con_box ul{width:100%; margin:0; padding:0;}
#m_bnr .con_box ul li{float:left; width:23.5%; margin-right:2%; background:#F7F8FB; border-radius:0; overflow:hidden;}
#m_bnr .con_box ul li:last-child{margin-right:0;}
#m_bnr .con_box ul li a{display:block; width:100%; height:100%;}
#m_bnr .con_box ul li .imgs{width:100%; background:#000;}
#m_bnr .con_box ul li .imgs img{max-width:100%;}
#m_bnr .con_box ul li .txts{position:relative; width:100%; padding:25px 25px;}
#m_bnr .con_box ul li .txts:after{content:""; display:block; clear:both;}
#m_bnr .con_box ul li .txts p.t1{display:inline-block; text-align:center; font-size:0.85em; font-weight:400; color:rgba(0,0,0,.5); letter-spacing:0.1em;}
#m_bnr .con_box ul li .txts p.t1:after{display:block; content:""; margin-top:5px; width:0px; height:1px; background:#fff; transition:0.5s all ease;}
#m_bnr .con_box ul li .txts p.t2{margin:10px 0 15px 0; font-size:1.5em; color:#222; line-height:1.5em;}
#m_bnr .con_box ul li .txts p.t3{min-height:40px; font-size:1em; color:#777; line-height:1.5em; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#m_bnr .con_box ul li .icons{position:absolute; top:25px; right:25px; color:#fff; transition:0.5s all ease;}
#m_bnr .con_box ul li .icons i{font-size:2.5em; color:#777; transition:0.5s all ease;}
#m_bnr .con_box ul li:hover{transform:translateY(-15px); background:#2c64e5; transition:0.5s all ease;}
#m_bnr .con_box ul li:hover .txts p.t1{color:#fff;}
#m_bnr .con_box ul li:hover .txts p.t1:after{width:100%; transition:0.5s all ease;}
#m_bnr .con_box ul li:hover .txts p.t2{color:#fff;}
#m_bnr .con_box ul li:hover .txts p.t3{color:#fff;}
#m_bnr .con_box ul li:hover .icons i{color:#fff; transform:rotateY(360deg); transition:0.5s all ease;}


#comm_wrap{width:100%;}
#comm_wrap:after{content:""; display:block; clear:both;}
#comm_wrap .comm_area{width:100%; max-width:1400px; margin:0 auto;}
#comm_wrap .comm_area:after{content:""; display:block; clear:both;}
#comm_wrap .comm_area .dleft{float:left; width:49%; background:#fff;}
#comm_wrap .comm_area .dright{float:right; width:49%; background:#fff;}
#comm_wrap .notice_area{position:relative; width:100%; padding:20px 40px; margin:0 auto; border:1px solid #eee; box-sizing:border-box; border-radius:0;}
#comm_wrap .notice_area .more{position:absolute; top:30px; right:40px; transition:0.5s all ease;}
#comm_wrap .notice_area .more:hover{transform:rotate(90deg);}
#comm_wrap .notice_area .tab{height:40px; line-height:1.4em;}
#comm_wrap .notice_area .tab li{float:left; width:30%; color:#777;}
#comm_wrap .notice_area .tab li a{display:block; max-width:auto; font-size:1.5em; font-weight:400; height:50px; line-height:50px; text-align:left; color:#000; box-sizing:border-box;}
#comm_wrap .notice_area .active{display:block; margin-top:20px; padding:0px;}
#comm_wrap .notice_area li{position:relative; top:0; line-height:1.6em; text-align:left;}
#comm_wrap .notice_area li span.date{position:absolute; right:0; text-align:right; line-height:1.6em; 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{display:none; padding:0;}
#comm_wrap .comm_box{float:left; width:100%; margin-top:2%;}
#comm_wrap .comm_box:after{content:""; display:block; clear:both;}
#comm_wrap .comm_box .youtube_box{position:relative; float:left; width:49%; height:240px; margin-right:2%; padding-bottom:27.5625%; background:#000; border-radius:0; overflow:hidden;}
#comm_wrap .comm_box .youtube_box iframe{position:absolute; top:0; left:0; width:100%;}
#comm_wrap .comm_box .cs_bnr{float:right; width:49%; height:150px;}
#comm_wrap .comm_box .cs_bnr:after{content:""; display:block; clear:both;}
#comm_wrap .comm_box .cs_bnr ul{width:100%; margin:0; padding:0;}
#comm_wrap .comm_box .cs_bnr ul li{float:left; width:25%; text-align:center; border-left:1px dashed #eee;}
#comm_wrap .comm_box .cs_bnr ul li:first-child{border-left:0;}
#comm_wrap .comm_box .cs_bnr ul li a{display:block; padding:25px 10px;}
#comm_wrap .comm_box .cs_bnr ul li div{display:block; margin:0 auto; padding:0;}
#comm_wrap .comm_box .cs_bnr ul li div i{display:inline-block; vertical-align:middle; font-size:2.5em; color:#333849; transition:0.5s all ease;}
#comm_wrap .comm_box .cs_bnr ul li p{margin-top:15px; font-size:1em; color:#000;}
#comm_wrap .comm_box .cs_bnr ul li:hover div i{color:#2c64e5; transform:rotateY(360deg); transition:0.5s all ease;}
#comm_wrap .comm_box .cs_box{float:right; margin-top:20px; width:49%; padding:40px 30px; background:#F7F8FB; border:1px solid #eee; box-sizing:border-box;}
#comm_wrap .comm_box .cs_box .cs_left{width:60%; display:inline-block; vertical-align:middle; padding-right:10px;}
#comm_wrap .comm_box .cs_box .cs_left p.cs_t1{font-size:1.25em; color:#000;}
#comm_wrap .comm_box .cs_box .cs_left p.cs_t2{margin-top:7px; font-size:2em; color:#000; font-weight:700;}
#comm_wrap .comm_box .cs_box .cs_left p.cs_t3{margin-top:5px; font-size:1em; color:#777; line-height:1.6em;}
#comm_wrap .comm_box .cs_box .cs_right{width:39%; display:inline-block; vertical-align:middle; padding:0; margin:0;}
#comm_wrap .comm_box .cs_box .cs_right a{float:left; width:46%; margin-left:4%; padding:15px 10px; text-align:center; color:#fff; font-size:1em; border-radius:5px;}
#comm_wrap .comm_box .cs_box .cs_right a:first-child{margin-left:0;}
#comm_wrap .comm_box .cs_box .cs_right a i{transform:rotateY(0deg); display:block; vertical-align:middle; margin-bottom:10px; font-size:2em;}
#comm_wrap .comm_box .cs_box .cs_right a.btn_call{display:none; background:#536994;}
#comm_wrap .comm_box .cs_box .cs_right a.btn_location{background:#536994;}
#comm_wrap .comm_box .cs_box .cs_right a.btn_online{background:#2c64e5;}
#comm_wrap .comm_box .cs_box .cs_right a:hover{background:#152233;}


#rolling_wrap{width:100%; padding:80px 0; text-align:center; margin:0 auto; overflow:hidden;}
#rolling_wrap:after{content:""; display:block; clear:both;}
#rolling_box{width:100%; max-width:1400px; margin:0 auto;}
#rolling_box:after{content:""; display:block; clear:both;}
#rolling_box .swiper-wrapper2{position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform,-webkit-transform; -webkit-box-sizing:content-box; box-sizing:content-box}
#rolling_box .swiper-container2{width:100%; max-width:1400px; height:auto; overflow:hidden;}
#rolling_box .swiper-container2 .swiper-slide{position:relative; width:33.333333%; padding:0; margin:0; overflow:hidden; box-sizing:border-box;}
#rolling_box .swiper-container2 .swiper-slide a{width:100%; display:block;}
#rolling_box .swiper-container2 .swiper-slide img{width:100% !important;}
#rolling_box .swiper-container2 .swiper-slide .txtBox{width:100%; background:#fff;}
#rolling_box .swiper-container2 .swiper-slide .txtBox .tit{display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; font-size:1em; font-weight:500; color:#000; line-height:30px; margin-top:10px;}
#rolling_box .swiper-container2 .swiper-slide .txtBox .tit span.new_icon{position:absolute; top:0px; right:0; display:inline-block; width:50px; height:25px; line-height:23px; font-size:0.6em !important; color:#fff; background:rgba(0,0,0,0.5); text-align:center; border-radius:2px; font-weight:normal;}
#rolling_box .swiper-container2 .swiper-slide .txtBox .txt{display:block; max-height:35px; min-height:35px; overflow:hidden; font-size:0.85em; color:#555; line-height:1.5em; margin-top:5px;}
#rolling_box .swiper-container2 .swiper-slide .txtBox .date{position:absolute; bottom:0px; left:0px; display:block; font-size:0.85em; color:#777;}
#rolling_box .swiper-btn-wrap{position:relative; top:10px; width:100%;}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap1{display:none; position:absolute; top:300px; width:100%; height:10px; margin:0 auto; z-index:0;}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap1 .swiper-scrollbar2{width:20%; height:3px; right:0; bottom:0; margin:0 auto; background:rgba(0,0,0,.3)}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap1 .swiper-scrollbar-drag{height:100%; width:100px; position:relative; background:rgba(0,0,0,1);}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap2{position:absolute; top:-100px; width:100%; height:40px; text-align:center; z-index:20; background:none;}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-prev2{background:url("../image/list_prev_on2.png"); left:0; cursor:pointer;}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-next2{background:url("../image/list_next_on2.png"); right:0; cursor:pointer;}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-next2, #rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-prev2{position:absolute; top:auto; bottom:0px; width:44px; height:44px; background-size:100% !important}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-next2.swiper-button-disabled{opacity:0.5; background:url("../image/list_next_on2.png");}
#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-prev2.swiper-button-disabled{opacity:0.5; background:url("../image/list_prev_on2.png");}
#rolling_box .swiper-pagination2{display:none}



/* 하단 */
#footer{clear:both; width:100%; padding:40px 0; border-top:1px solid #eee; background:#152233;}
#footer:after{content:""; display:block; clear:both;}
#footer .copy_bar{width:100%; max-width:1400px; margin:0 auto;}
#footer .copy_bar:after{content:""; display:block; clear:both;}
#footer .copy_bar div.family_site{float:right; width:200px; text-align:right; color:#fff;}
#footer .copy_bar div.family_site select{width:100%; height:40px; padding-left:10px; border:1px solid rgba(255,255,255,.2); color:#fff; font-size:1em; background-color:transparent !important;}
#footer .copy_bar div.family_site select option{color:#000;}
#footer .copy_bar div.copy_menu{float:left; width:80%;}
#footer .copy_bar div.copy_menu a{display:inline-block; padding-right:15px; font-size:1em; font-weight:500; color:#fff;}
#footer .copy_bar div.copy_menu a.active{color:#fff;}
#footer .copyright{width:100%; max-width:1400px; margin:20px auto 0;}
#footer .copyright:after{content:""; display:block; clear:both;}
#footer .copyright p{width:100%; font-size:0.9em;}
#footer .copyright p span{display:inline-block; color:rgba(255,255,255,.4); margin-right:15px;}




/* PC용 퀵메뉴 */
#backtotop{position:fixed; bottom:70px; right:20px; z-index:1000; display:none;}
.q-menu nav div{width:50px; height:50px; font-size:1.5em; text-align:center; background:#fff; margin:5px 0; border:1px solid #ddd; box-sizing:border-box; transition:0.5s all ease;}
.q-menu nav div a{display:block; position:relative; width:100%; height:100%; text-align:center; color:#000; line-height:47px;}
.q-menu nav div a i{font-size:0.75em;}
.q-menu nav div a span{z-index:-1; font-size:0.6em; display:inline-block; position:absolute; top:15px; right:0px; opacity:0; white-space:nowrap; padding:8px 8px 5px 8px; border-radius:3px 3px; background:#333; color:#fff; margin-top:-2px; line-height:1em; transition:all 300ms;}
.q-menu nav a span:before{content:''; display:block; position:absolute; right:-10px; top:50%; margin-top:-5px; border:5px solid transparent; border-left-color:#333;}
.q-menu nav a:after{position:absolute; content:''; display:inline-block; width:25px; height:25px; margin-left:-5px; margin-top:-10px; top:50%; left:50%;}
.q-menu nav div:hover{background:#333; border:1px solid #333;}
.q-menu nav div:hover a{opacity:1; color:#fff;}
.q-menu nav a:hover span{right:55px; opacity:1;}



/* 서브 */
#sub_visual{width:100%; height:300px; text-align:center; background:#e8e9eb; margin-top:100px;}
#sub_visual .backgroundimg{position:relative; width:100%; text-align:center; margin:0 auto; height:100%; z-index:0;}
#sub_visual .visual_area{width:100%; height:100%; margin:0 auto; background-size:cover !important;}


#sub_wrapper{width:100%; max-width:1400px; margin:0 auto;}
#sub_wrapper:after{content:""; display:block; clear:both;}
#sub_menu{display:block; width:100%; margin:0 auto; background:#fff;}
.sub_location{width:100%; max-width:1400px; background:#fff; margin:0 auto; margin-top:30px; overflow:hidden;}
.sub_location ul{width:100%; max-width:1400px; padding:0; margin:0; font-size:0; text-align:center;}
.sub_location ul li{display:inline-block; min-width:8%; margin:2px; text-align:center; border:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
.sub_location ul li a{display:block; width:100%; padding:10px 15px; line-height:1.4; font-size:1.1em; color:#000; 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:1400px; margin:0 auto; top:210px; left:50%; margin-left:-700px;}
#sub_tit .path{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; text-align:center; margin-top:50px;}
#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('../image/ico_path.png') no-repeat left center;}
#sub_tit .path li a span.ic-home{padding:0; cursor:pointer;}
#sub_tit .path li a span.ic-home i{background:url('../image/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 .title{position:relative; text-align:center; padding-bottom:10px; font-size:2.4em; color:#fff; text-transform:uppercase;} 
#sub_tit .title:after{display:none; content:""; width:50px; height:1px; 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;}
#sub_tit .normal_txt .color1{color:#fd7701;}


.scontents{width:100%; max-width:1400px; height:100%; margin:0 auto; padding:50px 0 100px 0; transform:unset !important;}
.scontents:after{content:""; display:block; clear:both;}
.scontents .bg_vline{display:none; width:1px; height:30px; margin:0 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; font-weight:500; margin:0;}
.scontents .eng em{color:#c53528; font-style:normal;}
.scontents .stitle{font-size:1.2em; line-height:1.5em; text-align:center; color:#333; margin:10px 0 50px 0;}


.tbl{width:100%; border-top:1px solid #333; border-collapse:collapse;}
.tbl th{width:30%; background:#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:#fff;}
.tba th{width:35%; background:#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;}



/* 반응형 중간기기 1520px 사이즈 이하*/
@media all and (max-width:1520px){	
	
	#main_visual .sliderkit-text{padding:0 6%;}
	#main_visual .swiper-pagination{padding:0 6%;}

}


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

	.wrap_box h1.logo_a{padding-left:15px;}
	#sub_tit{left:0; margin-left:0;}
	.scontents{width:96%;}


	h1.logo_a a img{margin-left:15px;}


	#m_bnr{padding:80px 2%;}
	
	#comm_wrap{padding:0 2%;}
	#comm_wrap .comm_box .cs_bnr{height:130px;}
	#comm_wrap .comm_box .cs_box{padding:25px;}


	#rolling_wrap{padding:80px 2%;}
	
	#footer{padding:50px 2%;}

}


/* 반응형 중간기기 1300px 사이즈 이하*/
@media all and (max-width:1300px){
	
	#lnb{float:right; width:70%;}
	#gnbb{display:none;}
	
}

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

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


	#main_visual{margin-top:0;}
	#main_visual .swiper-slide div.backgroundimg{height:auto;}
	#main_visual .sliderkit-text div.lviewa{font-size:2.5em;}
	#main_visual .sliderkit-text div.sviewa{font-size:1em;}

	
	#m_bnr{padding:50px 2%;}
	#m_bnr .con_box ul li{width:49%; margin-right:2%; margin-bottom:2%; margin-top:0;}
	#m_bnr .con_box ul li:nth-child(even){float:right; margin-right:0;}

	#comm_wrap .comm_box .youtube_box{width:100%; height:auto; padding-bottom:56.25%; margin-top:10px;}
	#comm_wrap .comm_box .cs_bnr{width:100%; margin:20px 0;}
	#comm_wrap .comm_box .cs_box{width:100%; margin-top:0;}
	
	#footer .copy_bar div.family_site{width:30%;}
	#footer .copy_bar div.copy_menu{width:70%;}
	
	
	#backtotop{display:none !important;}


	
	#sub_visual{height:300px; margin-top:0;}
	
	#sub_menu{border-bottom:1px solid #ddd;}
	.sub_location{position:relative; width:98%; overflow-x:auto; white-space:nowrap;  margin:0 auto; padding:8px 0;} 
	.sub_location ul li{border:0; min-width:auto; margin:0;}
	.sub_location ul li a{position:relative; padding:13px 18px;}
	.sub_location ul li a:before{content:''; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); bottom:0; width:1px; height:20px; background:#ddd;}
	.sub_location ul li:last-child a:before{display:none;}
	.sub_location ul li:hover a{color:#000; background:none; color:#000}
	.sub_location ul li a.on{color:#000; background:none; font-weight:600;}

	#sub_tit{top:165px;}
	#sub_tit .path{margin-top:40px;}

}


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

	#comm_wrap{padding:0;}
	#comm_wrap .comm_area .dleft{width:100%; padding:0 2%;}
	#comm_wrap .comm_area .dright{width:100%; padding:0 2%; margin-top:20px;}
	#comm_wrap .comm_box{padding:0 2%;}
	
}


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

	.mview{display:block;}

	#container_wrap h2.m_tit{font-size:2em !important;}


	#main_visual .swiper-slide .backgroundimg .mobile_only{display:block;}
	#main_visual .swiper-slide .backgroundimg .pc_only{display:none;}
	#main_visual .swiper-button-next, #main_visual .swiper-button-prev{display:none !important;}
	#main_visual .sliderkit-text{padding:0 4%; text-align:center;}
	#main_visual .sliderkit-text div.lviewa{font-size:1.85em;}
	#main_visual .swiper-pagination{bottom:5%; text-align:center;}


	#m_bnr .con_box ul li:hover{transform:translateY(0);}

	
	#footer .copy_bar div.family_site{float:left; width:100%;}
	#footer .copy_bar div.copy_menu{width:100%; margin-top:20px;}
	
	#rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-next2, #rolling_box .swiper-btn-wrap .swiper-scrollbar-wrap2 .swiper-button-prev2{width:30px; height:30px;}
	

	#sub_visual{height:230px;}

	#sub_tit{top:140px;}
	#sub_tit .title{font-size:2em;} 
	#sub_tit .normal_txt{font-size:1em;}

	.scontents{padding:30px 0px 50px 0px;}
	.scontents .eng{font-size:2em;}
	.scontents .stitle{font-size:1em; margin-bottom:30px;}	
}


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

	#comm_wrap .notice_area{padding:20px;}
	#comm_wrap .notice_area .more{right:20px;}
	#comm_wrap .notice_area div li a{max-width:60%;}	
	#comm_wrap .comm_box .cs_bnr{height:auto;}
	#comm_wrap .comm_box .cs_bnr ul li div i{font-size:2em;}
	#comm_wrap .comm_box .cs_bnr ul li p{font-size:0.9em;}
	#comm_wrap .comm_box .cs_box{padding:30px 4%;}
	#comm_wrap .comm_box .cs_box .cs_left{float:left; width:100%; padding:0;}
	#comm_wrap .comm_box .cs_box .cs_right{float:left; width:100%; margin-top:20px;}
	#comm_wrap .comm_box .cs_box .cs_right a{float:left; width:49%; margin-left:0;}
	#comm_wrap .comm_box .cs_box .cs_right a:last-child{float:right;}
	#comm_wrap .comm_box .cs_box .cs_right a.btn_call{display:inline-block;}
	#comm_wrap .comm_box .cs_box .cs_right a.btn_location{display:none;}

}


/* 반응형 작은기기 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;}	
	
	#m_bnr .con_box ul li{width:100%; margin-bottom:20px;}

	.q-menu{display:none;}	

}