/********* �ㅽ뵂 �� 蹂�寃� css *************/
/* 硫붿씤 00 */
.progress_wrap{display:none !important}
.footer_sns ul{overflow:hidden }
.footer_sns ul li{float:left; padding:15px 0 0 15px}
/* include 怨듯넻 CSS */
/************************* 怨듯넻 �쒖옉*************************/
.sub_title_navi {display:none; }
.sub_tab {display:block;width: 100%;margin: 0 auto; left: 0; right: 0; background-color: #fff;z-index: 99;}
/* left menu �덉쓣��... */
/*
.sub_left {width:15%; max-width:200px; float:left;}
.sub_right {width:82%; padding-right:1%; float:right; position:relative;}
*/
.sub_left {display:none;overflow:hidden }
.sub_right {width:100%; position:relative; padding:90px 0 150px;}
.sub_t{font-size:32px; font-weight:700; color:#000; margin-bottom:40px; text-align:center;}
.content_title {text-align:center;
display: flex;
justify-content: center;
align-items: center;
flex-flow: column;
height:380px;
}
.content_title h1 {font-size:46px; font-weight:700; color:#fff; margin-top:26px;}
.content_title span {font-size:18px; color:#fff; }
.content_desc {min-height:300px; max-width:1200px; margin:0 auto}
@media(max-width:1200px){
.sub_right {width:100%; padding:60px 0 100px; float:none;}
.content_desc{padding:0 3%}
}
@media(max-width:800px){
.sub_right {padding:40px 0 80px;}
}
/************************* 怨듯넻 �� *************************/
/************************* header_inc �쒖옉*************************/
/**/
.header_t {width:100%; margin:0 auto; padding:0 0 0 4%; height:80px; position:fixed; left:0; top:0px; z-index:9999; background:#fff; display:flex; justify-content:space-between;
align-items:center;
width:100%;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}
.header_logo {}
.header_gnb_bg {justify-content: center;display: flex;}
.header_s_box {display: flex;justify-content:flex-end;align-items: center;}
.header_s_box .header_lang h2{display:flex; align-items:center;}
.header_s_box .header_lang h2 img:first-child{max-width:20px; margin-right:10px; }
.header_lang{position:relative; margin-right:46px }
.header_lang h2{font-size:15px; font-family: 'Montserrat'; font-weight:800;color:#838383; cursor:pointer; }
.header_lang h2 img:last-child{vertical-align: middle; margin-left: 10px; transition:all 0.5s ease;}
.header_lang h2 img:last-child.active{transform:rotate(180deg);}
.header_lang ul{ position: absolute; top: 34px; left: 14px; display:none; z-index:999}
.header_lang ul li a{font-size:13px; font-family: 'Montserrat'; font-weight:800; color:#000000; padding:4px 0; display:block; width:100%; height:100%; border-top:1px solid #e1e1e1; padding: 13px 18px;background-color: #fff; border: 1px solid #e1e1e1;}
.header_lang ul li:first-child a{border-top:none; background-color: #c71a21; color:#fff; border: 1px solid #c71a21;}
.header_search{width:80px; height:80px; background-color:#c71a21;justify-content: center;display: flex; align-items:center;cursor:pointer;transition:all 0.5s ease;}
.header_search img{max-width:24px}
.header_search:hover{background-color:#ae0f15;}
.header_search a{justify-content: center;display: flex; align-items:center; width:100%; height:100%}
.main_scroll{position:absolute; bottom:40px; left:0; right:0; margin:0 auto;text-align: center; cursor:pointer; opacity:0.7; transition:all 0.5s ease;}
.main_scroll:hover{opacity:1;transform: translateY(-20px);}
.main_scroll img{max-width:11px; }
/* 濡쒓퀬 */
.header_logo img {max-width:188px; display:block; height:auto;}
.heightBlank {display:none}
.header_menu{position:fixed; right:0; width:80px; height:100%; top:0;display: flex;justify-content: center;align-items: center; z-index:9;}
/* �꾨쾮 */
.mo_nav {display:block; }
.mo_nav *{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}
.mo_nav .navbar-toggle {z-index:99;position: relative; background-color:transparent; background-image:none; border:0;display: flex;
align-items: center;
justify-content: space-between;
width: 36px;}
.mo_nav .navbar-toggle:focus {outline: 0;}
.mo_nav .navbar-toggle .icon-bar {background:#181818; display:inline-block; width:3px; height:20px; vertical-align:middle}
.mo_nav .navbar-toggle .icon-bar + .icon-bar {height:32px; width:3px; }
.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{width:3px; height:20px; }
.mo_nav:hover .navbar-toggle .icon-bar {height:32px;}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar {height:32px;}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar + .icon-bar {height:32px;}
.m_m_navi{display:none}
@media(max-width:1300px){
.header_logo img{max-width:150px}
.header_lang h2{font-size:12px;}
.header_lang{margin-right:30px}
.pc_m_navi{display:none}
}
@media(max-width:980px){
.header_t{height:65px}
.mo_nav {display:block;}
.header_logo {width:40%; }
.header_gnb_bg {display:none;}
.header_btn {display:none;}
.header_lang{display:none}
.heightBlank {height:60px;}
.header_search{width:65px; height:65px;}
.header_menu{ position:static; width:auto}
.m_m_navi{display:block;}
.sub_tab{display:none}
.sub_title_navi{display:block}
.mo_nav .navbar-toggle{display: flex;flex-flow: column; align-items: center; justify-content: center; width:65px}
.mo_nav .navbar-toggle .icon-bar { width:26px; height:2px;}
.mo_nav .navbar-toggle .icon-bar + .icon-bar {height:2px; width:26px;margin:7px 0;}
.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{width:26px; height:2px; margin:0}
.mo_nav:hover .navbar-toggle .icon-bar {width:26px; height:2px;}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar {width:26px; height:2px;}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar + .icon-bar {width:26px; height:2px;}
}
/**/
.f-nav{}
/*.f-nav .header_btn {transform:translateY(-99px); overflow:hidden; width:0; font-size:0;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}*/
/************************* header_inc ��*************************/
/************************* main_inc �쒖옉*************************/
.main_wrap{max-width:1400px; margin:0 auto; width:100%;}
.main_title_t{font-size:30px; color:#000;font-weight:700;text-align:center; font-family: 'Montserrat';font-weight: 800; }
.main_title_b{font-size:18px; color:#8b8b8b; margin:24px 0 70px;text-align:center;}
#main00{padding:0 80px 0 80px;margin-top:80px}
/*main01*/
#main01{background:url('./img/main01_bg.jpg') no-repeat bottom center; width:100%; height:auto;}
#main01 .swiper-container {
width: 100%;
height: 100%;
max-width:1660px;
margin:0 auto;
height:580px;
}
#main01 .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
opacity:0.5;
padding:1%;
transition:all 0.5s ease;
height:300px;
cursor:pointer
}
#main01 .swiper-slide img{max-width:100%; display:block;-webkit-filter: grayscale(100%);filter: gray;}
#main01 .swiper-slide p{font-size:17px; line-height:30px; color:#8f8f8f; text-align:center; width:100%; opacity:0; position: relative; width: 245%; left: -72%;right: 0; margin: 0 auto;z-index: 9; margin:50px 0;}
#main01 .swiper-slide a{font-size:16px; color:#000; font-weight:600; opacity:0;transition:all 0.5s ease;display: flex; align-items: center; justify-content: center;}
#main01 .swiper-slide a img{margin-left:18px; max-width:13px; transition:all 0.3s ease;}
#main01 .swiper-pagination{display:none}
#main01 .swiper-slide-active{opacity:1; padding:0; }
#main01 .swiper-slide-active img{-webkit-filter: grayscale(0%);filter: none;}
#main01 .swiper-slide-active p{opacity:1}
#main01 .swiper-slide-active a{opacity:1}
#main01 .swiper-slide-active a:hover img{margin-left:30px}
#main01 .swiper-slide div{position:relative}
#main01 .swiper-slide div span{position:absolute; left:0; right:0; top:46%; font-size:24px; color:#fff;font-weight:700; margin:0 auto; text-shadow:0 0 4px rgba(0,0,0,0.8); opacity:0; transition:all 0.8s ease; }
#main01 .swiper-slide div:before{content:''; width:100%; height:100%; background:rgba(0,0,0,0.35); left:0; top:0; position:absolute;}
#main01 .swiper-slide-active span{opacity:1 !important; }
/*main02*/
#main02{padding-right:80px}
#main02 .main_title_t, #main02 .main_title_b{color:#fff}
.main02_bg{background:url('./img/main02_bg.jpg') no-repeat center center; height:100% !important; width:100%; position:relative; background-size:cover; padding-top:140px; overflow:hidden}
#main02 ul{display:flex; justify-content:space-between; text-align:left;}
#main02 ul li{padding:0; width:46.5%;height:430px;background-size:cover; position:relative;}
#main02 ul li a{padding:50px; width:100%; height:100%;display: flex; flex-flow: column;justify-content: flex-end; z-index:9; overflow:hidden;position:relative;transition:all 0.5s ease;}
#main02 ul li:after{content:''; position:absolute; background:url('./img/main02_p_bg.png') no-repeat center center; height:430px; width:100%; right:-15px; bottom:-15px; display:none}
#main02 ul li:first-child{background:url('./img/main02_img1.jpg') no-repeat center center; background-size: cover;}
#main02 ul li:last-child{background:url('./img/main02_img2.jpg') no-repeat center center; background-size: cover;}
#main02 ul li h3{font-size:26px; color:#fff; font-weight:700;text-transform: uppercase;z-index:9; margin-bottom:40px}
#main02 ul li p{font-size:17px; color:#fff; line-height:30px; z-index:9;}
#main02 ul li span{width:110px; height:3px; background-color:#c71a21;position: absolute;left: -24px; bottom:128px;z-index:10; transition:all 0.3s ease;}
.main02_p{position:absolute;right: -12%;top: -170px; animation: rot 40s linear infinite;}
@keyframes rot {
0% {transform: rotate(180deg)}
}
#main02 ul li a:after{content:''; width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; bottom:-430px; left:0; transition:all 0.5s ease;}
#main02 ul li a:hover:after{bottom:0; background:rgba(0,0,0,0.6);}
#main02 ul li:hover span{left:50px; width:60px}
/*main03*/
#main03{position:relative; height:960px; padding:0 80px;}
#main03 .main_title_box{position:absolute; top:120px; left:0; right:0; margin:0 auto}
.main_count, .main_num{height:100%}
.main_num ul{display:flex; align-items:center; height:100%}
.main_num ul li{border-right:1px solid #ebebeb; width:20%; text-align:center; padding-top:350px;height:100%;overflow: hidden;}
.main_num ul li:last-child{border:none}
.main_num ul li h2{font-size:20px; color:#000; margin-top:30px; font-weight:600}
.main_num ul li h1{font-size:60px; font-family: 'Montserrat'; font-weight:800;color:#000; margin:50px 0 30px}
.main_num ul li p{font-size:20px; color:#797979; line-height:30px;}
/*main04*/
#main04{padding:0 80px;}
.main04_inner{ background-color:#f4f4f4;height:100%;}
#main04 .main_wrap{padding-top:90px}
#main04 ul{display:flex; justify-content:space-between}
#main04 ul li{width:19%; text-align:left;height:400px; background-size:cover !important;border:4px solid #f4f4f4; transition:all 0.5s ease;}
#main04 ul li a{display:block; width:100%; height:100%; padding:45px 40px;}
#main04 ul li h2{font-size:24px; color:#000; font-weight:600; margin-bottom:15px;}
#main04 ul li p{font-size:15px; color:#000; line-height:23px; opacity:0.8;}
#main04 ul li:first-child{background:url('./img/main04_bg1.jpg') no-repeat center center; }
#main04 ul li:nth-child(2){background:url('./img/main04_bg2.jpg') no-repeat center center; }
#main04 ul li:nth-child(3){background:url('./img/main04_bg3.jpg') no-repeat center center; }
#main04 ul li:nth-child(4){background:url('./img/main04_bg4.jpg') no-repeat center center; }
#main04 ul li:last-child{background:url('./img/main04_bg5.jpg') no-repeat center center; }
#main04 ul li:hover{border:4px solid #c71a21;}
/*main05*/
#main05{}
#main05 ul.notice_c{display:flex; }
#main05 ul.notice_c > li{width:75%; border:1px solid #e0e0e0; padding:30px 40px; text-align:left; border-right:none}
#main05 ul.notice_c > li:last-child{border:none;background:url('./img/main05_bg.jpg') no-repeat center center; background-size:cover; height:auto; text-align:center; padding:70px 0; width:25%}
#main05 ul.notice_c > li:last-child h2{color:#fff; font-size:30px;font-weight:700;}
#main05 ul.notice_c > li:last-child p{color:#fff; font-size:17px; line-height:30px; margin:20px 0;font-weight: 300;}
#main05 ul.notice_c > li:last-child h1{color:#fff; font-size:24px;font-family: 'Montserrat'; font-weight:800; line-height:34px;}
#main05 ul.notice_c > li:last-child div{width:190px; height:58px; line-height:56px;margin:40px auto 0 }
#main05 ul.notice_c > li:last-child div a{border:1px solid rgba(250,250,250,0.5); color:#fff; font-family: 'Montserrat';font-size:15px; display:block; width:100%;height:100%;text-align:center;font-weight:800; transition:all 0.5s ease;}
#main05 ul.notice_c > li:last-child div a:hover{background-color:#fff; color:#000;}
.m_notice{display:none}
@media(max-width:1780px){
#main01{padding:0 10%}
#main01 .swiper-slide div span{font-size:18px;}
#main01 .swiper-slide p{width: 360%;left: -128%;}
.main02_bg{padding:140px 10% 0}
#main05 .fp-tableCell .main_wrap{padding-left:8% !important; padding-right:8% !important;}
#main04 ul{padding:0 4%}
#main02 ul li{width:48%}
#main02 ul li span{display:none}
#main02 ul li h3{font-size:24px}
#main04 ul li h2{font-size:20px}
.m_siz{font-size:15px !important; line-height:24px !important;}
#main05 ul.notice_c > li:last-child h2{font-size:26px}
}
@media(max-width:1300px){
#main00{padding:0}
.main_title_t{font-size:26px}
.main_title_b{font-size:16px}
#main04{padding:0}
#fp-nav{display:none}
.main02_bg{padding:140px 4% 0}
#main05 .fp-tableCell .main_wrap{padding-left:4% !important; padding-right:4% !important;}
#main01{padding:0 4%}
#main01 .swiper-slide p{width: 220%;left: -60%;}
#main02 ul li h3{font-size:20px; margin-bottom:24px}
#main04 ul li p br{display:none;}
#main05 ul.notice_c > li:last-child h1{font-size:20px; line-height:28px}
#main05 ul.notice_c > li{padding:30px 6%; width:70%}
#main05 ul.notice_c > li:last-child{width:30%}
.p_notice{display:none}
.m_notice{display:block}
#main04 ul li a{padding:30px 10%}
#main02{padding-right:0}
}
@media(max-width:980px){
#main00{margin-top:65px}
.header_logo img{max-width:110px;}
}
@media(max-width:890px){
.main_title_t{font-size:20px;}
.main_title_b{font-size:13px; line-height:20px; padding:0 10%;margin: 12px 0 35px;}
#main01{padding:60px 4% 50px}
#main01 .swiper-slide div span{top:0; font-size:13px; padding:0 10%;display:flex; justify-content:center; align-items:center ; width:100%; height:100%}
#main01 .swiper-slide p{width: 260%; left: -80%;margin:25px 0 15px;}
#main01 .swiper-slide a{font-size:13px;}
#main06 {height:auto !important;}
#main06 .fp-tableCell {height:auto !important;}
#main00 .fp-tableCell {display:none;}
#main05 .fp-tableCell {display:none;}
#main05 .fp-tableCell .main_wrap {padding:50px 0;}
.main02_bg{padding:60px 4%; height:auto}
#main02 ul, #main04 ul, #main05 ul.notice_c{flex-flow:wrap}
#main02 ul li{width:100%; height:220px; margin-bottom:15px;}
#main04 ul li:first-child{background:url('./img/main04_bg1.jpg') no-repeat bottom center; }
#main04 ul li:nth-child(2){background:url('./img/main04_bg2.jpg') no-repeat bottom center; }
#main04 ul li:nth-child(3){background:url('./img/main04_bg3.jpg') no-repeat bottom center; }
#main04 ul li:nth-child(4){background:url('./img/main04_bg4.jpg') no-repeat bottom center; }
#main04 ul li:last-child{background:url('./img/main04_bg5.jpg') no-repeat bottom center; margin-bottom:0}
#main02 ul li a{padding:25px}
#main02 ul li h3{font-size:18px; margin-bottom:10px;}
.m_siz{font-size:13px !important; line-height: 20px !important;}
.main02_p{top:0; right:8%}
.fp-section.fp-table, .fp-slide.fp-table, .fp-tableCell{height:auto !important}
#main04 .main_wrap{padding:60px 0 45px}
#main04 ul li{width:100%; height:290px; margin-bottom:15px}
#main04 ul li h2{font-size:16px; margin-bottom:7px; color:#fff}
#main04 ul li a{background: rgba(0,0,0,0.5);}
#main04 ul li p{ color:#fff;}
#main05 .fp-tableCell .main_wrap{padding:60px 4% !important}
span.notice_title{font-size:16px;}
#main05 ul.notice_c > li{padding:30px 4%; width:100%; border-right:1px solid #e0e0e0;}
#main05 ul.notice_c > li:last-child{width:100%; padding: 35px 0; margin-top:15px}
#main05 ul.notice_c > li:last-child h2{font-size:18px;}
#main05 ul.notice_c > li:last-child p{margin: 10px 0 15px;}
#main05 ul.notice_c > li:last-child h1{font-size:16px;}
#main05 ul.notice_c > li:last-child div a{background-color:#fff; font-size:13px; color:#000}
#main05 ul.notice_c > li:last-child div{width: 170px;height: 52px;line-height: 50px;margin: 20px auto 0;}
#main01 .swiper-slide, #main01 .swiper-container{height:auto}
#main06 .fp-tableCell, #main06{display:none; height:auto !important}
}
/************************* main_inc ��*************************/
/************************* title_navi �쒖옉 *************************/
.navi_all {width:100%; margin:0 auto; background:#fff; height:46px; border-bottom:1px solid #ddd; }
.navi_in {margin:0 auto; padding:0;max-width:1280px; margin:0 auto;}
.navi_in:after {clear:both; content:''; display:block; width:100%;}
.home_btn_all {float:left; width:10%; max-width:46px; border-right:1px solid #efefef; display:none}
.home_btn_all a {display:block; height:49px; line-height:46px; text-align:center;}
.home_btn_all a:hover {background:#f8f8f8; }
.home_btn_all a img {max-width:100%; height:auto; vertical-align:middle;}
.navi_left {float:left; width:90%; max-width:550px;}
.navi_left:after {clear:both; content:''; display:block; width:100%;}
.navi_left div {float:left;}
.navi_main {width:50%; max-width:250px; padding:0 0 0 0; height:46px; position:relative; line-height:46px; cursor:pointer; border-right:1px solid #efefef; padding-left:4%}
.navi_title01 {padding:0 0 0 0; width:100%; position:relative; line-height:34px; }
.navi_title01 h1 {color:#777; font-size:14px !important; width:100%;}
.navi_title01 h1.sub_menu:hover { color:#333; }
.navi_main h1 { color:#777; font-size:14px; margin-left:4%}
.navi_main h1.sub_manu:hover { color:#333; }
.navi_main > .deco_right { float:right; }
.navi_main >a.down_btn1 {position:absolute; right:6%; top:0px;}
.navi_main >a.down_btn2 {position:absolute; right:6%; top:0px;}
.navi_main >a.down_btn3 {position:absolute; right:6%; top:0px;}
.h1_focus {color:#333 !important;;}
.navi_sub {width:50%; max-width:250px; padding:0; height:46px; line-height:46px; position:relative; cursor:pointer; border-right:1px solid #efefef;}
.navi_sub > h2 { color:#333333; font-size:14px; cursor:pointer; padding-left:6%}
.navi_sub>a.down_btn4 {position:absolute; right:6%; top:0px; }
.navi_sub > p {float:right; }
.extend1 {position:relative; top:-1px; width:100%; }
.extend1 > ul {position:absolute;left:-1px; min-height:1px;width:100%; border-top:0;z-index: 999; background:#fff; border:1px solid #efefef; display:none;
padding:16px 0 16px 2% }
.extend1 > ul a { text-decoration:none; }
.extend2 {position:relative; top:-1px; width:100%;}
.extend2 > ul {position: absolute;left:-1px; min-height:1px; width:100%; padding-left:0px; z-index: 999; background:#fff; border:1px solid #efefef; display:none; padding:16px 0 16px 6% }
.extend2 > ul a { text-decoration:none; }
.extend2 h1 { }
/*
position:absolute; left:-20px; min-height:1px; width:256px; padding-left:20px; border-top:1px solid #efefef; z-index:999; background:#ddd;
*/
.extend > ul > li {min-height:20px;}
.down_btn {cursor:pointer; }
@media(max-width:980px){
.navi_main, .navi_sub, .home_btn_all a, .navi_all{height:42px; line-height:42px;}
.navi_left{width:100%}
.navi_main >a.down_btn3, .navi_sub>a.down_btn4{top:0px}
.extend1 > ul, .extend2 > ul{padding:10px 0}
.navi_main{padding-left:0}
.navi_main h1{padding-left:6%; margin-left:0}
.navi_title01{line-height:28px;}
.navi_title01 h1{font-size:13px !important; padding-left:6%}
}
/************************* title_navi �� *************************/
/************************* footer_inc �쒖옉 *************************/
footer{background-color:#111111; padding:35px 0;}
footer .ft_wrap{max-width:1400px; margin:0 auto;display:flex; justify-content:space-between; width:100%;}
footer .ft_wrap p{color:#fff; opacitY:0.5; font-size:15px; line-height:28px; font-weight:300}
footer .ft_wrap p span{width: 1px;height: 10px; background-color: #fff; opacity: 0.5; display: inline-block;margin: 0px 8px;}
footer .ft_wrap div.ft_b{display: flex;flex-flow: column; align-items: flex-end;}
.ft_bot{border-top:1px solid rgba(250,250,250,0.3); padding-top:20px; margin-top:20px}
.ft_bot a{color:#fff; font-size:15px;}
.footer_logo img{max-width:154px; display:block; margin-bottom:15px}
.ft_top div ul.link_con{display:flex; }
.ft_top div ul.link_con a{color:#fff; opacitY:0.5; font-size:15px;margin-left:20px; font-weight:300}
.ft_top .ft_wrap div:last-child:after{content:''; clear:both; visibility:hidden}
.footer_familysite{display:inline-block; margin-right:0 !important; float: right;margin-top: 30px;}
.footer_familysite h2 img:first-child{max-width:20px; }
.footer_familysite{position:relative; margin-right:46px }
.footer_familysite h2{font-size:15px; font-family: 'Montserrat';color:#fff; cursor:pointer; border:1px solid #fff; padding:8px 15px; display: flex;justify-content: space-between; align-items:center}
.footer_familysite h2 img:last-child{vertical-align: middle; margin-left: 20px; transition:all 0.5s ease;}
.footer_familysite h2 img:last-child.active{transform:rotate(180deg);}
.footer_familysite ul{ position: absolute; top: 36px; left:0px; display:none; border:1px solid #fff; width:100%; padding:10px 0;background: rgba(250,250,250,0.2);}
.footer_familysite ul li a{font-size:13px; font-family: 'Montserrat'; color:#fff; display: block;width: 100%; height: 100%;padding: 6px 15px; }
.ft_top .ft_wrap > div:last-child{padding-top:60px}
.top {max-width:60px; height:60px;font-family: 'Montserrat';color:#000; font-weight:800; border:1px solid #d3d3d3; text-align:center; cursor:pointer; width:60px; position:absolute; right:7%;top:-14%;transition:all 0.5s ease;display: flex; flex-flow: column; align-items: center;justify-content: center}
.top img{max-width:12px;margin-bottom: 5px;}
.top:hover{ background-color:#f2f2f2; }
@media(max-width:1780px){
footer{padding:35px 12%}
}
@media(max-width:1300px){
.ft_bot a{display:none}
footer{padding:35px 4%}
}
@media(max-width:890px){
.ft_bot{padding-top: 10px;margin-top: 0px;}
footer{padding:25px 4%; text-align:center;}
.footer_logo img{max-width:124px; margin:0 auto 20px}
.ft_top .ft_wrap{flex-flow: wrap;}
.ft_top .ft_wrap > div:last-child{padding-top:20px;}
.ft_top div ul.link_con a{margin-left:0; margin:0 10px;}
footer .ft_wrap div.ft_t{width:100%;}
footer .ft_wrap div.ft_b{width:100%;align-items: center;}
footer .ft_wrap{justify-content: center;}
footer .ft_wrap p{font-size:12px; text-align:center;line-height:22px;}
.ft_top div ul.link_con a{font-size:12px}
footer .ft_wrap div.ft_t br{display:none}
}
/************************* ui.totop �쒖옉 *************************/
#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:100%;
background:url("./img/ui.totop6.png") no-repeat left top;
}
#toTopHover {
background:url("./img/ui.totop6.png") no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline:none;
}
/************************* ui.totop �� *************************/
.sub_wrap{max-width:1200px; margin:0 auto}
.border_po{width:100%;height: 5px;display: block; background:url('./img/line.png') no-repeat center center;margin-bottom: 40px;}
.tab_new {margin-bottom:100px;text-align: center;}
.tab_new a {font-size:22px; margin:0 20px; color:#b4b4b4;display:inline-block}
.tab_new a:hover, .tab_new a:focus, .tab_new a:active{color:#000;}
.tab_new a.onon_new {color:#000;}
.pr_t_title{color:#c71a21; font-size:18px; text-align:center;font-family: 'Montserrat'; font-weight:800;}
.pr_sub_title{color:#000; font-size:30px; text-align:center; line-height:44px; margin:18px 0 45px; font-weight:500}
.solution_w{text-align:center;}
.solution_info .solution_img{max-width:1200px; margin:0 auto;}
.solution_info .solution_img img{max-width:100%; display:block; margin:0 auto; }
.solution_info .solution_text p{font-size:18px; color:#000; line-height:30px;margin:0px 0 60px;text-align:center;}
.solution_info .solution_text span{ color:#000; margin:0 auto;font-family: 'Montserrat'; font-weight:800; font-size:22px;}
.solution_i{padding:70px 0 140px}
.solution_i ul{display:flex; align-items:flex-start; max-width:1200px; margin:0 auto; flex-flow: wrap;}
.solution_i ul li{width:25%; text-align:center; border-right: 2px dotted #eee;}
.solution_i ul li:last-child{border:none}
.solution_i ul li img{max-width:78px; display:block;margin: 0 auto;}
.solution_i ul li h2{color:#000; margin:10px 0; font-size:22px; margin:25px 0 16px; font-weight:700}
.solution_i ul li p{color:#000;font-size:17px; line-height:28px; padding:0 8%; font-weight: 300;}
.solution_feat{background-color:#f2f2f2; padding:90px 0 60px;}
.solution_feat ul{display:flex; flex-flow:wrap; justify-content:space-between}
.solution_feat ul li{width:48.5%; margin-bottom:30px; background-color:#fff; text-align:left; padding:40px 30px; position:relative}
.solution_feat ul li span{position:absolute; font-family: 'Montserrat'; font-weight:800; font-size:80px; color:#000; opacity:0.05; right:30px; top:10px;}
.solution_feat ul li h2{font-size:22px; color:#000; padding-bottom:12px; margin-bottom:12px; border-bottom:2px solid #000;font-weight: 600; }
.solution_feat ul li p{font-size:17px; color:#545454; }
.solution_feat ul li p:before{content:''; width:5px; height:5px; border-radius:2px; background-color:#000; margin-right:7px;display: inline-block;}
.solution_pdf{padding:0 0 140px; margin: 0 80px;}
.solution_pdf .pdf_list_w{border-top:3px solid #000; background: #fff;}
.solution_pdf .pdf_list_w > li{display:flex; justify-content:space-between; padding:25px 40px; text-align:left;align-items: end;border-bottom: 1px solid #d2d2d2;align-items:flex-start}
.solution_pdf .pdf_list_w > li div{width:100%}
.solution_pdf .pdf_list_w > li div h2{font-size:22px; color:#c71a21; margin-bottom:16px; font-weight:500}
.solution_pdf .pdf_list_w > li div .pdf_list_b{display:flex; flex-flow:wrap;}
.solution_pdf .pdf_list_w > li div .pdf_list_b li{width:50%; font-size:16px; color:#545454; line-height:22px; padding:5px; display:flex; align-items:center}
/*.solution_pdf .pdf_list_w > li div .pdf_list_b li a:before{content:''; width:5px; height:5px; background-color:#ccc; border-radius:5px; margin-right:8px;display:inline-block}*/
.solution_pdf .pdf_list_w > li div .pdf_list_b li:before{content:''; width:5px; height:5px; background-color:#ccc; border-radius:5px; margin-right:8px;display:inline-block}
.solution_pdf .pdf_list_w > li a{display:flex; align-items:center; transition:all 0.3s ease;}
.solution_pdf .pdf_list_w > li a span{display:inline-block;background:url('./img/h_more_icon_h.png') no-repeat center center; width:18px; height:18px; background-size:18px; margin-top: 4px; margin-left:10px; transition:all 0.3s ease;}
.solution_pdf .pdf_list_w > li a:hover span{display:inline-block;background:url('./img/h_more_icon_on.png') no-repeat center center;width:18px; height:18px; background-size:18px;}
.solution_pdf .pdf_list_w > li a:hover{text-decoration: underline;}
.solution_part{padding:0 0 90px}
.solution_part ul{display:flex; justify-content:space-between; flex-flow: wrap;}
.solution_part ul li{width:16%}
.solution_part ul li:first-child {margin-bottom:30px;}
.solution_part ul li img{max-width:100%; display:block}
/*�뚯궗�뚭컻*/
.sub_title_t{font-size:18px; color:#c71a21;font-family: 'Montserrat'; font-weight:800; margin-bottom:25px; text-transform: uppercase; text-align:center;}
.sub_title_b{font-size:30px; color:#000;font-weight: 500;line-height: 44px; margin:20px 0 30px;text-align:center; font-weight:600}
p.sub_title_c{font-size:18px; color:#545454; line-height:32px; text-align:center; margin-bottom:70px; font-weight:300; padding:0 8%; }
p.sub_title_c span{font-weight:500; color:#000}
.sub_wrap{max-width:1200px; margin:0 auto;}
.sub_w img{max-width:100%; display:block}
@media(max-width:1200px){
.sub_t{font-size:28px;}
.sub_title_b{font-size:24px; line-height:34px}
p.sub_title_c{font-size:16px; line-height:26px}
.sub_wrap{padding:0 3%}
.sub_title_t{font-size:16px}
.content_title{height:320px;}
.content_title h1{font-size:38px;margin-top: 16px;}
.content_title span{font-size:16px}
/*�붾（��*/
.solution_info .solution_text p{font-size:16px; line-height:26px; margin-bottom:40px}
.solution_info .solution_img{padding:0 8%}
.solution_i ul li h2{font-size:18px; margin:20px 0 10px}
.solution_i ul li p{font-size:15px; line-height:25px}
.solution_i{padding:50px 0 100px}
.pr_t_title{font-size:16px}
.pr_sub_title{font-size:24px}
.solution_pdf .pdf_list_w > li{padding:20px 0}
.solution_pdf .pdf_list_w > li div h2{font-size:18px}
.solution_pdf .pdf_list_w > li div .pdf_list_b li{font-size:15px; line-height:20px}
.solution_pdf{padding:0 0 100px; margin:0}
}
@media(max-width:800px){
.sub_t{font-size:24px;}
.sub_title_b{font-size: 20px;padding: 0 6%;line-height: 30px;margin: 12px 0 15px;}
.sub_title_b br{display:none}
p.sub_title_c{font-size:14px; line-height:24px; padding:0 4%; margin-bottom:35px}
p.sub_title_c br{display:none}
.sub_wrap{padding:0 3%}
.sub_title_t{font-size:12px; margin:0}
.content_title{height:200px;}
.content_title h1{font-size:26px;margin-top:10px;}
.content_title span{font-size:13px}
/*�붾（��*/
.solution_info .solution_text p{font-size:14px; line-height:25px; margin-bottom:25px; padding:0 4%;}
.solution_info .solution_text p br{display:none}
.solution_info .solution_img{padding:0 3%}
.solution_i ul li{width:50%; margin-bottom:40px}
.solution_i ul li:nth-child(2), .solution_i ul li:last-child{border:none}
.solution_i ul li img{max-width:60px;}
.solution_i ul li h2{font-size:16px; margin:15px 0 7px}
.solution_i ul li p{font-size:14px; line-height:23px}
.solution_i{padding:50px 0 50px}
.pr_t_title{font-size:12px; margin-bottom:0}
.pr_sub_title{font-size: 20px; padding: 0 6%; line-height: 30px; margin: 12px 0 15px;}
.solution_pdf .pdf_list_w > li div h2{font-size:16px; margin-bottom:7px}
.solution_pdf .pdf_list_w > li div .pdf_list_b li{width:100%; font-size:13px; line-height:24px}
.solution_pdf{padding:0 0 50px; margin:0}
.solution_pdf .pdf_list_w > li a span{width: 14px;height: 14px; background-size: 14px}
.solution_pdf .pdf_list_w > li a:hover span{width:14px; height:14px; background-size:14px;}
.solution_part ul li{width:33.3%}
.solution_part ul:first-child{margin-bottom:30px}
.solution_part{padding:0 0 50px}
.footer_sns ul li{float:left; padding:8px}
}