@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.4em; font-family: "Paperlogy", 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 {width:100%; height:60px;  line-height:60px; border:0px solid #1f4592; 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; box-shadow:5px 5px 10px rgba(0,0,0,0.05);}
#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:#222;}
#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:#222; }
#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; background:#222; 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:#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 > a {display:block; width:100%; height:40px; line-height:40px; border-bottom:1px solid #aaa; text-align:left; background:#fff; font-size:1em; color:#000; text-indent:10px; cursor:pointer;}
#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; padding:10px 0;}
#gnba i{color:#fff; font-size:30px;}
#gnba a { color:#fff; text-align:center; font-size:0.85em;  padding:8px 10px; margin:0 2px;  background:#1f4592; border-radius:3px;}
#gnba a:hover { background:#fff; color:#000; }
.jbmFixed{position:fixed !important; top:0; left:0;}



/* 큰기기 PC 상단 */
#header_wrap { width:100%; min-width:1200px; overflow-x:hidden;}
.wrap_box { position:relative; width:100%; max-width:1200px; margin:0 auto; background:none; }
#header { position:absolute; top:0; left:0; width:100%; height:80px; min-height:80px; background:#fff; box-shadow:5px 5px 10px rgba(0,0,0,0.05); 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_wrap .header_on {border-bottom:0;}
#header h1 { position:absolute; display:block;  line-height:80px; left:0; transition: all .3s ease-in-out; background:none;}
#header h1 a img{vertical-align:middle;height:50px;}
#header.header_on{ height:320px; } /* 메뉴 배경의 높이를 입력합니다.*/
#lnb {position:relative; float:right; margin-right:200px; line-height:80px !important; background:none;}
#header.header_on #lnb:hover .lnb_wrap {height:320px;} /*메뉴의 높이를 입력합니다.*/
#lnb .lnb_wrap { position:relative; overflow:hidden; height:80px; min-height:80px; 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 { float:left; }
#lnb .lnb_wrap > ul > li > a { position:relative; display:block; text-align:center; width:100%; padding:0 40px; font-size:1.26em; font-weight:700; color:#000; height:80px; line-height:80px; border-bottom:0px solid rgba(255,255,255,0); }
#lnb .lnb_wrap > ul > li > a > span{position:absolute; left:0; right:0; display:block; background:#fff; width:0px; height:2px; margin:0 auto; 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.current > a, #lnb .lnb_wrap > ul > li.actived > a { color:#1f4592; font-weight:600; border-bottom:0px solid rgba(255,255,255,1);}
#lnb .lnb_wrap > ul > li.current > a > span, #lnb .lnb_wrap > ul > li.actived > a > span{display:block; background:#1f4592; width:100%;}
#lnb .lnb_sub { margin-top:2px; padding-top:20px;text-align:center; height:100vh;}
#lnb .lnb_sub li a { display:block; color:#000; padding:0 20px; margin:5px 0 5px 0; height:35px; line-height:35px; font-size:1.06em; font-weight:500; letter-spacing:-0.5px;}
#lnb .lnb_sub li a:hover { display:block; font-weight:500; background:#f5f5f5; border-radius:3px;}



#gnbb {position:absolute; right:0; }
#gnbb a { color:#fff; text-align:center; font-size:0.85em;  line-height:80px; padding:5px 15px; margin:0; background:#1f4592; border-radius:3px;}
#gnbb a:hover { background:#1f4592; color:#fff; }
#gnbb a.btn2 { color:#fff; text-align:center; font-size:0.85em;  line-height:80px; padding:5px 15px; margin-left:10px; background:#999; border-radius:3px;}
#gnbb a.btn2:hover { background:#000; color:#fff; }
.jbFixed .header_in { position:fixed !important; top:0px; width:100% !important; background:#fff; box-shadow:5px 5px 10px rgba(0,0,0,0.05); }
.jbFixed .header_in #lnb:hover .lnb_wrap{height:320px;} /*메뉴의 높이를 입력합니다.*/
.jbFixed .header_in #lnb .lnb_wrap{height:80px; min-height:80px;}
.jbFixed .header_in #lnb .lnb_wrap > ul > li > a { height:80px; line-height:80px; }
.jbFixed .header_in #lnb .lnb_wrap > ul > li > a:hover {color:#1f4592;}
.jbFixed .header_in #lnb .lnb_sub li a:hover { color:#000;}
.jbFixed .header_in #gnbb a { height:80px; line-height:80px !important;}
.jbFixed .header_in #gnbb a.btn2 { color:#fff; text-align:center; font-size:0.85em;  line-height:80px; padding:5px 15px; border-radius:5px;}
.jbFixed .header_in #gnbb a.btn2:hover { background:#000; color:#fff; }
.jbFixed .header_in h1 {  height:80px; line-height:80px !important;}
.jbFixed .header_in h1 img { width:100%; transition: all .3s ease-in-out;}




/* 인덱스 */
#container {position:relative; width:100%; margin:0; padding:0; z-index:1; background:#fff; margin-top:80px;}


#main_visual{clear:both; position:relative; text-align:center; width:100%; padding:0; margin:0px auto; overflow:hidden; }
#main_visual:after{ content:""; display:block; clear:both;}
#main_visual .swiper-slide{width:100%; height:auto; padding:0; background:#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%; left:0; right:0; max-width:1200px; position:absolute; top:40%; transform: translateY(-50%); margin:0 auto; text-align:center; z-index:2;}
#main_visual .sliderkit-text div.lviewa{opacity:0; font-size:3.2rem; color:#fff; text-align:left; line-height:1.3; font-weight:800; padding-bottom:40px; font-family: 'KIMM_Bold';}
#main_visual .sliderkit-text div.sviewa{opacity:0; font-size:1.5rem; color:#fff; text-align:left; line-height:1.5; }
#main_visual .sliderkit-text div{opacity:0;}
#main_visual .sliderkit-text div span{display:inline-block; padding:5px 15px; margin:10px auto; background:none;}
#main_visual .sliderkit-text div span h2{ font-size:1.3em; color:#fed700;  letter-spacing:0.05em; }
#main_visual .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:60px; 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; -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:60px; 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; -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 .pagination {z-index:10; left:0; right:0; top:0; position:absolute; width:100%; height:100%; max-width:1200px; margin:0 auto;  }
#main_visual .pagination .pagination-in {position:relative; width:100%; height:100%;}
#main_visual .pagination .pagination-in .swiper-pagination {position:absolute; bottom:20%; left:0; right:0; display:inline; }
#main_visual .pagination .pagination-in .swiper-pagination-bullet { display:inline-block; margin:0 6px; width:10px; height:10px; background:transparent; border:1px solid #fff;}
#main_visual .pagination .pagination-in .swiper-pagination-bullet-active {background:#fff; }
#main_visual .link_bnr { display:flex; z-index:10; position:absolute; left:0; right:0; bottom:0; width:100%; height:80px; max-width:1200px; margin:0 auto; border-radius:15px 15px 0 0; overflow:hidden;}
#main_visual .link_bnr h4.link_bnr_tit {width:20%; text-align:left; background:#1f4592; }
#main_visual .link_bnr h4.link_bnr_tit a { display:flex; justify-content: center; align-items: center; height:100%; font-size:1.06em; color:#fff; line-height:1.6; font-weight:500; }
#main_visual .link_bnr h4.link_bnr_tit a i {font-size:1.25em; margin-right:15px;}
#main_visual .link_bnr ul {display:flex; width:80%; margin:0; padding:0; font-size:0; overflow:hidden; background:rgba(0,0,0,.65); backdrop-filter: blur(5px);}
#main_visual .link_bnr ul li {display:flex; justify-content: center; align-items: center; position:relative; float:left; width:25%; height:100%; transition: 0.5s all ease;}
#main_visual .link_bnr ul li:before {content: ''; display: inline-block; position: absolute; left:0; top: 50%; transform: translateY(-50%); width:1px; height:100vh; background:rgba(255,255,255,.1);}
#main_visual .link_bnr ul li:after {opacity:0; content: ''; display: inline-block; position: absolute; right:50%; top: 50%; transform: translateY(-50%); width:25px; height:20px; background:url('../image/btn_link_arr.png')no-repeat right center;  transition: 0.5s all ease;}
#main_visual .link_bnr ul li a { display:flex; justify-content: center; align-items: center; width:100%; height:100%; font-size:1.06em;  font-weight:600; color:#fff; word-break:break-all; transition: 0.5s all ease;}
#main_visual .link_bnr ul li:hover {background:#fff;}
#main_visual .link_bnr ul li:hover a {color:#222; }
#main_visual .link_bnr ul li:hover:after {opacity:1; right:20px; }


#busi_wrap {position:relative; width:100%; min-width:320px; padding:60px 0; }
#busi_wrap .con_title { text-align:center; padding:0 10px; margin-bottom:50px;}
#busi_wrap .con_title h3 { display:block; font-size:2.2em; color:#000; font-weight:700; line-height:1.4; }
#busi_wrap .con_title p { display:block; margin-top:20px; font-size:1.15em; color:#666; line-height:1.6; word-break:keep-all;}
#busi_wrap .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}
#busi_wrap .swiper-container2{width:100%; height:auto; max-width:1200px; margin:0 auto; overflow:hidden;}
#busi_wrap .swiper-container2 .swiper-slide{position:relative; width:auto; padding:0; margin:0; overflow:hidden; box-sizing:border-box; }
#busi_wrap .swiper-container2 .swiper-slide a{width:100%;}
#busi_wrap .swiper-container2 .swiper-slide .imgs {width:100%; border-radius:15px; overflow:hidden;}
#busi_wrap .swiper-container2 .swiper-slide .imgs img {max-width:100%; overflow:hidden; transition: 0.5s all ease;}
#busi_wrap .swiper-container2 .swiper-slide .txtBox{ width:100%; padding:20px 30px; text-align:center; transition: all 0.3s; }
#busi_wrap .swiper-container2 .swiper-slide .txtBox .tit{ display:inline-block; vertical-align:middle; font-size:1.5em; color:#000; line-height:1.4; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal; overflow:hidden;  }
#busi_wrap .swiper-container2 .swiper-slide .txtBox .tit span.new_icon{display:inline-block; vertical-align:middle; width:14px; height:14px; line-height:13px;font-size:9px !important;color:#fff;background:#1f4592;text-align:center;border-radius: 2px; font-weight:normal;}
#busi_wrap .swiper-container2 .swiper-slide .txtBox .txt{ display:block; margin-top:10px; overflow:hidden; font-size:1em; color:#666; line-height:1.6;}
#busi_wrap .swiper-container2 .swiper-slide:hover .imgs img {transition: 0.5s all ease; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); }
#busi_wrap .swiper-container2 .swiper-slide:hover .txtBox .tit {color:#1f4592;}
#busi_wrap .swiper-btn-wrap {position:relative; top:30px; width:100%; max-width:1200px; margin:0 auto; background:none; }
#busi_wrap .swiper-pagination2{text-align:center;}
#busi_wrap .swiper-pagination-bullet{width:10px; height:10px; margin:0 6px; background:transparent; border:1px solid #222;}
#busi_wrap .swiper-pagination-bullet-active{background:#222; }


#m_bnr {position:relative; width:100%; padding:0 0; }
#m_bnr:after{ content:""; display:block; clear:both;}
#m_bnr .con_box { width:100%; max-width:1200px; margin:0 auto;}
#m_bnr .con_box ul { display:flex; justify-content: space-between; width:100%; padding:0; margin:0; font-size:0; text-align:center; }
#m_bnr .con_box ul li {display:inline-block; text-align:center; width:32%; } 
#m_bnr .con_box ul li a { display:block; width:100%; height:100%; margin:0 auto; border-radius:15px; overflow:hidden; position:relative;}
#m_bnr .con_box ul li .imgs {position:relative; display:block; transition: 0.5s all ease; }
#m_bnr .con_box ul li .imgs:before {z-index:1; content: ''; display: block; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:100%; height:100%; transition: 0.5s all ease;}
#m_bnr .con_box ul li .imgs img {max-width:100%;  transition: 0.5s all ease; }
#m_bnr .con_box ul li .txts { z-index:10;position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:100%; box-sizing:border-box; transition: 0.5s all ease; }
#m_bnr .con_box ul li .txts em {display:block; margin-top:20px;  font-size:1em; color:#fff; line-height:1.2; font-style:normal; letter-spacing:2px;}
#m_bnr .con_box ul li .txts strong { display:block;  margin-top:10px; font-size:2em; color:#fff; line-height:1.2;}
#m_bnr .con_box ul li .txts p {display:none; margin-top:20px; font-size:1.15em; line-height:1.6; color:#fff; }
#m_bnr .con_box ul li .txts span {opacity:0; display:inline-block; padding:5px 15px; font-size:0.85em; line-height:1.6; color:#222; background:#fff; border-radius:50px; transition: 0.5s all ease;}
#m_bnr .con_box ul li:hover .imgs {transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transition: 0.5s all ease;  }
#m_bnr .con_box ul li:hover .imgs:before { background:rgba(0,0,0,.75); }
#m_bnr .con_box ul li:hover .txts em,
#m_bnr .con_box ul li:hover .txts strong {display:none; }
#m_bnr .con_box ul li:hover .txts p {display:block; }
#m_bnr .con_box ul li:hover .txts span {opacity:1; margin-top:20px; }


#about_wrap {position:relative; width:100%; padding:60px 0; margin:20px 0 60px; 0 }
#about_wrap:before {z-index:-1; content: ''; display: block; position:absolute; left:0; top:50%; transform: translateY(-50%); width:65%; height:100%; background:#f5f5f5; border-radius:0 400px 400px 0; transition: 0.5s all ease;}
#about_wrap:after{ content:""; display:block; clear:both;}
#about_wrap .inner { width:100%; max-width:1200px; margin:0 auto;}
#about_wrap .con_title {width:100%;}
#about_wrap .con_title h3 {display:block; font-size:1.8em; color:#000; line-height:1.2; font-weight:600; }
#about_wrap .con_title p { display:block; margin-top:20px; font-size:1.25em; color:#555; line-height:1.6; word-break:keep-all;}
#about_wrap .con_left {float:left; width:50%;}
#about_wrap .con_left .counter_box {width:400px; margin-top:50px;}
#about_wrap .con_left .counter_box:after { content:""; display:block; clear:both;}
#about_wrap .con_left .counter_box ul { width:100%;}
#about_wrap .con_left .counter_box ul li {display:flex; justify-content: space-between; align-items: center; width:100%; padding:10px 30px 10px 10px; margin-bottom:15px; background:#fff; border-radius:50px; overflow:hidden;}
#about_wrap .con_left .counter_box ul li:last-child {margin-bottom:0;}
#about_wrap .con_left .counter_box ul li .icon { text-align:center;}
#about_wrap .con_left .counter_box ul li .icon i{ display:block; width:60px; height:60px; line-height:60px; font-size:1.5em; color:#fff; border-radius:100%;}
#about_wrap .con_left .counter_box ul li:nth-child(1) .icon i {background:#1f4592;}
#about_wrap .con_left .counter_box ul li:nth-child(2) .icon i {background:#ff7b01;}
#about_wrap .con_left .counter_box ul li:nth-child(3) .icon i {background:#333;}
#about_wrap .con_left .counter_box ul li span.tit {width:55%; padding-left:20px; text-align:left; color:#000; font-size:1.18em; font-weight:600; line-height:1.12; }
#about_wrap .con_left .counter_box ul li span.count_animate{ width:30%; text-align:right; color:#000; font-size:2.6em; line-height:1; font-family: 'Do Hyeon', sans-serif;}
#about_wrap .con_right {position:relative; top:0; float:right; display:inline-block; width:50%; height:400px; transition: 0.5s all ease;}
#about_wrap .con_right img {filter: grayscale(100%); width:100%; transition: 0.5s all ease; }
#about_wrap .con_right .imgs01 {position:absolute; left:0; top:50%; transform: translateY(-50%); width:49%; border-radius:30px; overflow:hidden; transition: 0.5s all ease; }
#about_wrap .con_right .imgs02 {position:absolute; right:0; top:50%; transform: translateY(-50%); width:49%; border-radius:30px; overflow:hidden; transition: 0.5s all ease; margin-top:50px; } 
#about_wrap:hover:before {width:100%; }
#about_wrap:hover img {filter: grayscale(0);}
#about_wrap:hover .con_right .imgs01 {margin-top:50px; }
#about_wrap:hover .con_right .imgs02 {margin-top:0;}



#pro_wrap {width:100%; }
#pro_wrap:after{ content:""; display:block; clear:both;}
#pro_wrap .pro_back {width:100%; height:340px; background:#000 url('../image/pro_back.jpg')no-repeat 50% 100%; background-size:cover; background-attachment:fixed; }
#pro_wrap .con_title {width:100%; text-align:center; padding-top:80px;}
#pro_wrap .con_title h3 { display:block; font-size:2.2em; color:#fff; font-weight:700; line-height:1.4; }
#pro_wrap .con_title p { display:block; margin-top:20px; font-size:1.25em; color:#fff; line-height:1.6;  word-break:keep-all;}
#pro_area { position:relative; padding:0 1%; width:100%; max-width:1200px; margin:-100px auto 0; background:#fff; border-radius:15px 15px 0 0; overflow:hidden;}
#pro_tab {width:100%;}
#pro_tab:after{ content:""; display:block; clear:both;}
#pro_tab .tab { width:100%; text-align:center; font-size:0;  margin:50px 0;}
#pro_tab .tab:after{ content:""; display:block; clear:both;}
#pro_tab .tab li{display:inline-block; margin:0 5px; line-height:1.4;}
#pro_tab .tab li a{display: block; padding:10px 25px; text-align: center; color:#333; background:#fff; border-radius:50px; overflow:hidden; border:1px solid #eee; box-sizing:border-box; }
#pro_tab .tab li:hover a {background:#eee; }
#pro_tab .tab li.on a{ color:#fff; background:#333; border:1px solid #333;}
#pro_tab li{position: relative;}
#pro_tab li span.date{position: absolute; right:0; text-align:right; font-size:0.9em; color:#ddd; }
#pro_tab div li a{display: inline-block; margin-right:0px; font-size:0.9em; color:#333;}
#pro_tab > div{display: none; padding:0; }
#pro_tab .active{display: block; }
#pro_tab .pro_list{ z-index:0;  width:100%; max-width:1430px; margin:0 auto; text-align:center; background:#fff; overflow:hidden; }
#pro_tab .pro_list:after {content:""; display:block; clear:both;}
#pro_tab .pro_list > ul{ width:100%; font-size:0; list-style:none; overflow:hidden; }
#pro_tab .pro_list > ul > li{ display:inline-block; vertical-align:top; width:23%; margin-left:1%; margin-right:1%; margin-bottom:50px; text-align:center; background:#fff; }
#pro_tab .pro_list > ul > li > a{width:100%;}
#pro_tab .pro_list > ul > li > a > div > img { width:100%;cursor:pointer;}
#pro_tab .pro_list > ul > li > a > p {display:block; text-align:center; margin-top:20px; padding:0 20px; font-size:1.4em; color:#000; line-height:1.4;}
#pro_tab .pro_list > ul > li > a > div.text {display:none; width:90%; margin:0 auto;  height:30px; margin-top:10px; margin-bottom:0px; color:#666; border:0px solid #1f4592; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;overflow:hidden;}
#pro_tab .pro_zoom {position:relative; top:0; width:100%; height:100%; margin:0; overflow:hidden; border-radius:15px; overflow:hidden; border:1px solid #EEE; box-sizing:border-box; transition: 0.5s all ease;  }
#pro_tab .pro_zoom img {width:100%; transition: 0.5s all ease; transition: transform 1s; -webkit-transition: -webkit-transform 1s;}
#pro_tab .pro_list > ul > li > a > p > span.new_icon{display:inline-block; vertical-align:middle; padding:0 5px; font-size:0.6em !important;color:#fff; background:#1f4592;text-align:center;border-radius: 2px; font-weight:normal;}
#pro_tab .pro_list > ul > li > a > p > span.hot_icon{display:none;}


#comm_wrap { width:100%; padding:100px 0; margin-top:100px; background:#f8f8f8 url('../image/comm_back.jpg')no-repeat 50% 50%; background-size:cover; }
#comm_wrap:after{ content:""; display:block; clear:both;}
#comm_wrap .comm_area { width:100%; max-width:1200px;margin:0 auto; }
#comm_wrap .con_title { text-align:center; padding:0 10px; margin-bottom:20px;}
#comm_wrap .con_title h3 { display:block; font-size:1.8em; color:#000; font-weight:700; line-height:1.4; }
#comm_wrap .notice_area { position: relative; width:100%; padding:0; }
#comm_wrap .notice_area a.btn_more{position:absolute; top:0; right:0; width:50px; height:50px; background:#999 url('../image/btn_more_wh.png')no-repeat 50% 50%; border-radius:100%; transition: 0.5s all ease; }
#comm_wrap .notice_area a.btn_more:hover {background:#1f4592 url('../image/btn_more_wh.png')no-repeat 50% 50%; }
#comm_wrap .notice_area .tab { width:100%; text-align:center; }
#comm_wrap .notice_area .tab:after{ content:""; display:block; clear:both;}
#comm_wrap .notice_area .tab li{display:inline-block; color:#666; }
#comm_wrap .notice_area .tab a{display:block; margin:0 10px; padding:5px 0px; font-size:1.25em; color:#666; line-height:1.6; text-align: center; border-bottom: 2px solid #ddd; transition: 0.5s all ease; }
#comm_wrap .notice_area .tab a:hover, #comm_wrap .con_box6 .notice_area .tab a:focus {color:#000; }
#comm_wrap .notice_area .tab li:first-child a{border-right:0;}
#comm_wrap .notice_area .tab li:last-child a{border-left:0;}
#comm_wrap .notice_area .tab li.on a{padding:5px 10px; color:#1f4592; font-weight:500; border-bottom: 2px solid #1f4592; transition: 0.5s all ease; }
#comm_wrap .notice_area .active{display: block; margin-top:50px; padding:0px;}
#comm_wrap .notice_area ul.simple_lat {width:100%; overflow:unset;}
#comm_wrap .notice_area ul.simple_lat:after{ content:""; display:block; clear:both;}
#comm_wrap .notice_area ul.simple_lat li{float:left; width:23.5%; height:300px; padding:40px 25px; margin-right:2%; background:#fff; border:1px solid #eee; box-sizing:border-box; border-radius:15px; transition: 0.5s all ease; }
#comm_wrap .notice_area ul.simple_lat li:last-child {margin-right:0;}
#comm_wrap .notice_area ul.simple_lat li a {width:100%; font-size:1.25em; line-height:1.6;}
#comm_wrap .notice_area ul.simple_lat li a strong {font-size:1em; font-weight:500; }
#comm_wrap .notice_area ul.simple_lat li .hot_icon {margin-left:5px; font-size:11px;}
#comm_wrap .notice_area ul.simple_lat li:hover {box-shadow: 8px 8px 15px rgba(0,0,0,.05); }
#comm_wrap .notice_area ul.simple_lat li:hover a {color:#1f4592; font-weight:500; }
#comm_wrap .notice_area ul.simple_lat li .txt{ display:block; max-height:85px; min-height:85px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; overflow:hidden; font-size:1em; color:#555;  line-height:1.5em; margin-top:20px; }
#comm_wrap .notice_area ul.simple_lat li span.date{position:absolute; left:25px; bottom:25px; display:block; line-height:1.4; font-size:0.9em; color:#666; }
#comm_wrap .notice_area > div{display:none; padding:0; }


#copy_bnr { width:100%;}
#copy_bnr:after{ content:""; display:block; clear:both;}
#copy_bnr ul { display:flex; width:100%; height:240px; overflow:hidden; }
#copy_bnr ul li { display:flex; flex-direction: column; justify-content: center; align-items: center; text-align:center; width:50%; height: inherit; padding: 40px 20px; background:#1f4592; transition: 0.5s all ease; }
#copy_bnr ul li:nth-child(2) {background:#333;}
#copy_bnr ul li em { display:block; color:rgba(255,255,255,.6); font-size:1em; text-align:center; letter-spacing:0.2em; font-style: normal; }
#copy_bnr ul li strong { display:block; color:#fff; font-size:1.5em; line-height:1.4; font-weight:400; padding:10px 15px;}
#copy_bnr ul li .btn_view a {display:inline-block; color:#fff; text-align:center; font-size:1em; padding:8px 30px; line-height:1.4; margin:15px auto 0;  background:transparent; border:1px solid #fff; border-radius:50px; 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;}
#copy_bnr ul li:hover {width:60%;}
#copy_bnr ul li:hover .btn_view a{ color:#000; background:#fff; }
#copy_bnr ul li:hover .service_txt {display:block; margin-top:30px;  }


/* 하단 */
#footer {position:relative;background:#212121; width:100%;}
.footer-top {margin-bottom:20px;padding:20px 0;border-bottom:1px solid #353535; max-width:1200px; margin:0 auto; padding-top:20px;}
.footer-top:after {content:"";display:block;clear:both}
.footer-nav {width:50%;float:left;padding-top:20px;}
.footer-nav a {color:#959595;font-size:15px;margin-right:20px}
.footer-aside {position:relative;width:50%;float:right;margin-top:25px;}
.footer-cont {color:#757575;font-size:13px; max-width:1200px; margin:0 auto; padding-top:20px;}
.footer-cont span {display:inline-block;position:relative;padding-right:15px;margin-right:10px}
.footer-cont span:after {content:"";position:absolute;top:4px;right:0;width:2px;height:12px;background-color:#414141}
.footer-cont .last-span {padding-right:0;margin-right:0}
.footer-cont .last-span:after {display:none}
.footer-cont span a {color:#959595}
.footer-cont span a:hover {text-decoration:underline}
.footer-copyright {color:#757575;font-size:13px;text-align:center;margin-top:30px;padding:10px 0}
.family-site {position:absolute;top:-11px;right:0;margin-bottom:0;width:250px;z-index:1000;}
.family-site dt {position:relative}
.family-site dt a {font-size:13px;line-height:15px;padding:10px;font-weight:200;color:#eee;display:block;background:rgba(255,255,255,.3)}
.family-site dt a:hover {color:#fff}
.family-site dt i {color:#ddd;float:right;display:inline-block;padding-top:5px}
.family-site dd {position:absolute;bottom:32px;margin-bottom:0;width:100%;z-index:2;display:none}
.family-site dd ul {margin-bottom:0;background-color:#fff;border:1px solid #c5c5c5;border-bottom:0}
.family-site ul li {border-top:1px solid #c5c5c5}
.family-site ul li:first-child {border-top:0}
.family-site ul li a {color:#707070;font-size:13px;display:block;padding:7px}
.family-site ul li a:hover {color:#cc2300}
@media (max-width:991px) {
    .footer-nav {width:100%;text-align:center}
    .footer-aside {width:100%;height:40px;margin-top:20px}
	.footer-cont {color:#757575;font-size:13px; max-width:1200px; margin:0 auto; padding:20px;}
    .family-site {top:0;left:50%;right:inherit;transform:translateX(-50%)}
}
@media (max-width:767px) {
	.footer-copyright span {display:none}
}



/* PC용 퀵메뉴 */
#backtotop{ position:fixed; bottom:25%; right:20px; z-index : 1000; display:none;}
.q-menu nav div { width:50px; height:50px; line-height:50px; font-size:1.32em; text-align:center; background:rgba(0,0,0,0.5);  margin:10px 0; border-radius: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; }
.q-menu nav div:hover {background:#1f4592; }
.q-menu nav div i { display:inline-block; vertical-align:top; text-align:center; width:100%; height:30px; line-height:30px; font-size:0.85em; }
.q-menu nav div a { display: inline-block; position: relative; width: 30px; height: 30px; text-align: center; color:#fff; text-decoration:none; }
.q-menu nav div a span {font-size:0.7em; display: inline-block; position: absolute; top: 15%; right: 70px; opacity: 0;/*화살전체위치*/
white-space: nowrap; padding: 5px 8px; border-radius: 3px 3px; background:#1f4592; color: #fff; margin-top:-2px; line-height: 1;
-webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; 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:#1f4592;}/*화살모양*/
.q-menu nav a:after { position: absolute; content: ''; display: inline-block; width: 30px; height: 30px; margin-left: -5px; margin-top: -10px; top: 50%; left: 50%; }
.q-menu nav a:hover { opacity: 1; }
.q-menu nav a:hover span { right: 50px; opacity: 1; }
.q-menu nav a.active { color: #333; opacity: 1; }




/* 서브 */
#sub_visual{width:100%; min-width:320px; height:410px; text-align:center; background:#e8e9eb; transition: 0.5s all ease;}
#sub_visual .backgroundimg{position:relative; width:100%; text-align:center; height:100%; z-index:0; }
#sub_visual .visual_area {width:100%; max-width:1920px; height:100%; margin:0 auto; }


#sub_wrapper{width:100%; min-width:320px; margin:0 auto; }
#sub_wrapper:after{ content:""; display:block; clear:both;}
#sub_menu{ z-index:1; position:relative; display:block; width:100%; height:auto;  margin:-60px auto 0; background:rgba(0,0,0,.25); backdrop-filter: blur(5px); }
#sub_menu .sub_tab{width:100%; max-width:1200px; text-align:left; margin:0 auto; }
.sub_location{ width:100%; max-width:1200px; height:60px; font-size: 0; margin:0 auto; overflow:hidden;}
.sub_location ul{display:flex; justify-content: center; width:100%; }
.sub_location ul li{display:flex; align-items: center; text-align:center; min-width:250px; height:60px; border-right: 1px solid rgba(255,255,255,.2); overflow:hidden;  }
.sub_location ul li:first-child {border-left: 1px solid rgba(255,255,255,.2);}
.sub_location ul li a{display:flex; justify-content: center; align-items: center; font-size:1.1em; width:100%; height:100%; line-height:1.4; padding:0 15px; color: #fff; 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:#1f4592; box-sizing:border-box;}
.sub_location ul li a.on{color: #000; background:#fff;}


#sub_tit { position:absolute; width:100%; min-width:320px; max-width:1200px; margin:0px auto; top:200px; left:50%; margin-left:-700px; border:0px solid #1f4592;}
#sub_tit .path {z-index:2; display:none !important; position:absolute; top:170px; right:0;  }
#sub_tit .path li { float: left; text-align:center; font-size:0.9em; padding: 0 8px 0 12px; margin:0; color: #999; background: url('../image/ico_path.gif') 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.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{ padding-bottom:10px; font-size:2.5em; color:#fff; font-weight:500; text-align:center; text-transform:uppercase; } /*대문자로*/
#sub_tit .normal_txt{display:none; margin:0px 0; font-size:1.2em; color:#fff; text-transform:uppercase; text-align:center; line-height:1.6; word-break: keep-all; font-family:"S-CoreDream-4Regular","Noto Sans KR","Open Sans","Malgun Gothic","Nanum Gothic", NanumGothic, Gulim,"굴림", Dotum,"돋움", Arial;}
#sub_tit .normal_txt .color1{color:#1f4592;}


.scontents{width:100%; max-width:1200px; height:100%;  margin:0px auto; padding:50px 0 100px 0; background:none; }
.scontents:after{ content:""; display:block; clear:both;}
.scontents .bg_vline { display: none !important; width:1px; height:30px; /*background: url('../image/bg_vline.gif') no-repeat center;*/ 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;  font-weight:500;  margin:0px 0;}
.scontents .eng em { color: #1f4592; font-style: normal;}
.scontents .stitle { font-size:1.2em; line-height:1.5; 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:#1f4592;}



.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;}




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

	#lnb {margin-right:170px;}
	#lnb .lnb_wrap > ul > li > a{padding:0 30px}
	
	#busi_wrap { padding:60px 4%; }

	#m_bnr { padding:50px 4%;}
	#about_wrap { padding:60px 4%; }

	

	#pro_wrap {padding:60px 0; padding-top:0;}
	#pro_tab .pro_list{max-width:96%;}

	#comm_wrap { padding:60px 4%; margin-top:0; }

	#footer .inner {padding:40px 4%}
	#footer .copy_left li p {width:65%;}


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

}


/* 반응형 중간기기 1240px 사이즈 이하*/
@media all and (max-width:1240px){
	.scontents{width:96%;}
	.wrap_box{width:98%;}

	#backtotop{display:none !important;}	

}


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

	#mobile_header{display:block; min-width:320px; }
	#header_wrap, #gnb_wrap, #gnb_area {display:none;}

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


	#container {margin-top:0px;}		


	#main_visual .swiper-slide{width:100%; height:auto;}
	#main_visual .swiper-slide div.backgroundimg{height:auto; }
	#main_visual .sliderkit-text div.lviewa{font-size:3em;}
	#main_visual .sliderkit-text div.sviewa{font-size:1.25em;}	
	#main_visual .pagination .pagination-in .swiper-pagination {bottom:10%;}
	#main_visual .link_bnr {flex-direction: column; position:relative; height:auto; border-radius:0;}
	#main_visual .link_bnr h4.link_bnr_tit {width:100%; text-align:center;}
	#main_visual .link_bnr h4.link_bnr_tit a {justify-content: center; padding:20px 15px; }
	#main_visual .link_bnr ul {width:100%; flex-wrap: wrap; background:#fff;}
	#main_visual .link_bnr ul li {width:50%; border-bottom:1px solid #eee;}
	#main_visual .link_bnr ul li:before {background:#eee;}
	#main_visual .link_bnr ul li a {padding:0 15px; height:80px; font-size:1.15em; color:#222; }
	#main_visual .link_bnr ul li:hover {background:#eee;}
	#main_visual .link_bnr ul li:hover:after {display:none;}
	#main_visual .link_bnr ul li:hover {width:50%;}
	
	#busi_wrap .con_title h3 { font-size:2.5em;}


	#about_wrap{padding:80px 4%; margin:0;}
	#about_wrap:before {width:100%; border-radius:0; }
	#about_wrap .con_title h3 { font-size:2.5em;}


	#pro_wrap .con_title h3 { font-size:2.5em;}
	#pro_area {width:100%; padding:0 4%;}
	#pro_tab .pro_list{max-width:100%;}
	#pro_tab .pro_list > ul > li{ float:left; width:49%; margin:0; margin-bottom:50px;}
	#pro_tab .pro_list > ul > li:nth-child(even){ float:right; }	


	#comm_wrap .con_title h3 { font-size:2.5em;}
	#comm_wrap .notice_area ul.simple_lat li{float:left !important; width:49%; height:240px; margin-right:0; margin-bottom:2%;}
	#comm_wrap .notice_area ul.simple_lat li:nth-child(even) {float:right !important; margin-right:0;}
	#comm_wrap .notice_area ul.simple_lat li a { display:inline-block; max-width:90%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
	
	
	#backtotop{right:15px;}	


	#sub_visual{height:300px; margin-top:0px;}


	#sub_tit { left:0; margin-left:0; top:160px}
	#sub_tit .path { display:none; }
	#sub_tit .title{ font-size:2em; }
	#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:"S-CoreDream-4Regular","Noto Sans KR","Open Sans","Malgun Gothic","Nanum Gothic", NanumGothic, Gulim,"굴림", Dotum,"돋움", Arial;}
	#sub_tit .normal_txt .color1{color:#1f4592;}

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


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

	#m_bnr .con_box ul li .txts strong{font-size:1.3em;}

	#about_wrap .con_left {width:100%; text-align:center;}
	#about_wrap .con_left .counter_box {width:100%; margin:40px auto;}
	#about_wrap .con_right {width:100%; height:auto; }
	#about_wrap .con_right img {width:100%;}
	#about_wrap .con_right .imgs01 {position:static; left:unset; top:unset; transform: unset; float:left; }
	#about_wrap .con_right .imgs02 {position:static; right:unset; top:unset; transform: unset; float:right; margin-top:50px; }
	#about_wrap:hover .con_right .imgs01 {margin-top:50px;}
	#about_wrap .con_right img {filter: grayscale(0);}


	#footer .copy_left{width:100%; margin-top:30px;}
	#footer .copy_right{width:100%; text-align:center;}
	#footer .copy_cs { width:100%; }


	#sub_menu{margin-top:0; background:#fff;  }
	.sub_location{height:auto;overflow:hidden;}
	.sub_location ul {flex-wrap: wrap;}
	.sub_location ul li{width:50%; border-right: 1px solid #ddd;}
	.sub_location ul li:first-child {border-left:0;}
	.sub_location ul li a{color: #222; border-bottom:1px solid #ddd; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
	.sub_location ul li a:hover{color: #222; background:#f5f5f5;}
	.sub_location ul li a.on{color: #fff; background:#1f4592;}
	.sub_location ul li:nth-child(4n){border-right:1px;}

	#sub_tit { top:190px}

}


/* 반응형 중간기기 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;}
	#main_visual .sliderkit-text div.lviewa{font-size:2.5em;}
	#main_visual .sliderkit-text div.sviewa{font-size:1.1em;}	
	
	#busi_wrap .con_title h3 {font-size:2.25em;}
	#busi_wrap .con_title p { font-size:1.15em;}

	#m_bnr{overflow:auto;}
	#m_bnr .con_box{min-width:768px;}

	#about_wrap .con_title {text-align:center;}
	#about_wrap .con_title h3 {font-size:2.25em;}
	#about_wrap .con_title p { font-size:1.15em;}
	#about_wrap .con_right .imgs02 {margin-top:20px; }
	#about_wrap:hover .con_right .imgs01 {margin-top:20px;}	

	#pro_wrap .con_title h3 {font-size:2.25em;}
	#pro_wrap .con_title p { font-size:1.15em;}
	#pro_tab .tab {margin:20px 0;}
	#pro_tab .tab li{float:left; width:49%; margin:0; margin-bottom:2%;  }
	#pro_tab .tab li:nth-child(even){float:right; margin-right:0;}	
	#pro_tab .tab li a {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
	#pro_tab .pro_list > ul > li > a > p{height:45px; font-size:1.3em; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
	
	#comm_wrap {background-position:75% 50%;}
	#comm_wrap .con_title h3 {font-size:2.25em;}
	#comm_wrap .notice_area a.btn_more{width:40px; height:40px;}	
	#comm_wrap .notice_area ul.simple_lat li{ width:100%; height:auto; padding:20px 25px; margin-bottom:4%;}
	#comm_wrap .notice_area ul.simple_lat li:last-child {margin-bottom:0;}	
	#comm_wrap .notice_area ul.simple_lat li .txt,
	#comm_wrap .notice_area ul.simple_lat li span.date{display:none;}

	#copy_bnr ul {flex-direction: column; height:auto;}
	#copy_bnr ul li { width:100%; }
	#copy_bnr ul li:hover {width:100%;}


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

	.visual_area {background-position:center top; background-size:cover !important;}

}



/* 반응형 작은기기 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;}


	#about_wrap .con_left .counter_box ul li .icon i{ width:50px; height:50px; line-height:50px; }

	#footer .copyright {letter-spacing:1px;}

	#sub_visual{height:180px; }
	#sub_visual .visual_area { background-position:center top; background-size:cover !important;}

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

	
	.sub_location ul li{width:50%; height:40px;}
	.sub_location ul li:nth-child(3n){border-right:1px solid #ddd;}
	.sub_location ul li:nth-child(2n){border-right:0px solid #ddd;}
	

	.q-menu{ display:none;}	

}


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


	
}