/* common */
* {padding:0;margin:0; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust: none}
html,body {width:100%;height:100%}
html,input,button,select,textarea {font-family: 'GmarketSans';font-size:14px}
ul,ol,dl {list-style:none}
/*ul li {display:inline-block;vertical-align:top}*/
a,a:link,a:visited,a:hover  {text-decoration:none !important;}
img {border:0;max-width:100%;width:auto}
table {border-spacing:0;border-collapse:collapse}
b {font-weight:500}
strong,.strong  {font-weight:600}
.clear {clear:both}
.blue {color:#0e5acc}
.red {color:#e00000}
.yellow {color:#fcff00}
.left {float:left}
.right {float:right}
.txt_center {text-align:center}
.space5 {clear:both;height:5px}
.space10 {clear:both;height:10px}
.space20 {clear:both;height:20px}
.space25 {clear:both;height:25px}
.space30 {clear:both;height:30px}
.space40 {clear:both;height:40px}
.space50 {clear:both;height:50px}
.space60 {clear:both;height:60px}
.space70 {clear:both;height:70px}
.space80 {clear:both;height:80px}
.space90 {clear:both;height:90px}
.space100 {clear:both;height:100px}
.pc1500 {display:block}
.mobile1500 {display:none}
.pc1400 {display:block}
.mobile1400 {display:none}
.pc1200 {display:block}
.mobile1200 {display:none}
.pc1000 {display:block}
.mobile1000 {display:none}
.pc840 {display:block}
.mobile840 {display:none}
.pc640 {display:block}
.mobile640 {display:none}
.pc480 {display:block}
.mobile480 {display:none}
.wr1750 {width:100%;max-width:1750px;margin:0 auto}
.wr1400 {width:100%;max-width:1400px;margin:0 auto}
.ft24 {font-size:24px;color:#121212}
.lh16 {line-height:1.6}
.keep_all {word-break:keep-all;}
.tab_content div.ss_menu {display:none}
.tab_content div.ss_menu:nth-of-type(1) {display:block}
div.scroll {width:100%;overflow:auto;}
div.scroll table {white-space:nowrap;border-collapse:collapse}
div.scroll840 {width:100%;overflow:auto;}
div.scroll840 table {min-width:840px}
.location_area  .root_daum_roughmap {width:100%}
input:focus {outline: none;} /* outline 테두리 없애기 */
div.scroll {width:100%;overflow:auto;}
div.scroll table {white-space:nowrap;border-collapse:collapse}
.pd20 {padding:20px 0}
.box_sizing {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}
.bold {font-weight:500}
.bold2 {font-weight:600}
.blank {padding-top:30px}
#map,#map2 {width:100%;height:350px;border:1px solid #ddd}


/* quick */
#quick {position:fixed;right:2%;bottom:2%;z-index:99}
#quick a {display:block;padding:3px 0}


/* total_menu */
#total_menu_wrap {display:none;position:absolute;align-items:center;z-index:999999;top:50%;left:50%;transform:translate(-50%,-50%)}
#total_menu_wrap .total_menu {background:#fff;width:900px;max-width:1100px;max-height:580px;margin:10vh 0;border-radius:10px;padding:0 30px 40px}
#total_menu_wrap .total_menu .title_wrap {position:relative;display:flex;justify-content:center;align-items:center;height:95px;border-bottom:1px solid #ccc}
#total_menu_wrap .total_menu .title_wrap h1 {font-size:40px;font-weight:500;color:#000}
#total_menu_wrap .total_menu .title_wrap .total_close {position:absolute;right:0;top:25px;cursor: pointer;}
#total_menu_wrap .total_menu .menu {display:flex;flex-direction:row;justify-content:space-between;width:100%;margin:40px 0 0}
#total_menu_wrap .total_menu .menu ul {font-size:0;width:100%}
#total_menu_wrap .total_menu .menu li {padding-bottom:5%;width:25%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}
#total_menu_wrap .total_menu .menu li a {display:block}
#total_menu_wrap .total_menu .menu li a.top {font-size:22px;font-weight:700;color:#303030;padding-bottom:7px; text-align:center;}
#total_menu_wrap .total_menu .menu li a.sub {font-family:"ScoreDream";font-size:16px;font-weight:400;color:#666;padding:4px 0; text-align:center;}
#total_menu_wrap .total_menu .menu li a.sub:hover {font-weight:500;color:#d51f26}
#total_menu_wrap .total_menu .menu li {display:inline-flex;justify-content:center}
#total_menu_wrap .total_menu .menu_list {min-width:137px}



/* right_bar */
#right_bar {position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;right:0;height:100vh;display:block;width:100px;border-bottom:1px solid rgba(255,255,255,0.2);border-left:1px solid rgba(255,255,255,0.2);z-index:9}
#right_bar .rquick {position:absolute;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;}
#right_bar .rquick a {display:block;transform:rotate(90deg);-webkit-transform:rotate(90deg);white-space:nowrap;font-weight:500;font-size:14px;color:#d9d9d9;text-align:center;}
#right_bar .rquick img {padding-right:10px;padding-top:0;margin-bottom:-2px}
#right_bar .top_link {position:absolute;bottom:60px;left:-27px}


#wrap {overflow-x:hidden}


/* header */
#header {display:flex;align-items:center;position:fixed;height:100px;display:block;width:100%;z-index:9;color:#f2f2f2;border-bottom:1px solid rgba(0,0,0,0.1);z-index:999;background:rgba(0,0,0,0.4)}
#header > .wr1750 {display:flex;align-items:center;justify-content:space-between}
#header div.logo {display:flex;align-items:center;height:104px;width:250px;z-index:9}
#header div.logo .logo_w {display:none}
#header div.head_txt {position:absolute;right:110px;display:flex;align-items:center;width:160px;height:44px;margin:28px 0;text-align:center;border-left:1px solid rgba(0,0,0,0.1);background:#000;border-radius:5px}
#header div.head_txt a {font-size:18px;font-weight:600;color:#fff;text-align:center;margin:0 auto;}
#header div.navi {max-width:1000px;width:calc(100% - 355px);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;margin:0 auto;text-align:center}
#header div.navi ul {display:flex;justify-content:space-between;align-items:center;margin:0 auto;height:100px}
#header div.navi * {transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;}
#header div.navi ul {display:flex;align-items:center}
#header div.navi ul > li {position:relative;top:0;left:0;flex-grow:1}
#header div.navi ul li a {display:block;font-family:"SCoreDream", sans-serif;font-size:18px;font-weight:500;color:#fff}
#header div.navi ul > li > a.tmenu {display:block;font-size:18px;font-weight:500;color:#fff;line-height:100px}
#header div.navi ul > li > a:hover,
#header div.navi ul > li > a.on {color:#000}
#header div.navi ul > li > a.btn_reserve {background:#0e0a09;padding:5px 20px;font-size:18px;font-weight:500;color:#fff;border-radius:999px;line-height:25px}
#header div.navi ul > li > a.btn_reserve img {padding-right:5px}
#header div.navi ul .sub_menu {display:none;position:absolute;top:98px;left:0;background:#fff;text-align:left;padding:10px 0;border:1px solid #aaa;border-top:0;border-radius:0  0 10px 10px;width:100%;min-width:130px}
#header div.navi ul .sub_menu a {display:block;font-family:"SCoreDream", sans-serif;font-size:15px;padding:10px 10px;color:#121212;white-space:wrap;}
#header div.navi ul .sub_menu a:hover,
#header div.navi ul .sub_menu a.on {background:#10467f;color:#fff}
#header div.navi ul .sub_menu li {display:block;text-align:center;}
#header div.toggle {display:flex;align-items:center;justify-content: right;width:105px;height:104px;text-align:center;border-left:1px solid rgba(0,0,0,0.1)}
#header .sub_total_menu {display:none;background:#fff;padding:30px 0;text-align:center;margin-top:-5px}
#header .sub_total_menu ul {display:flex;justify-content:space-between;flex-wrap:wrap}
#header .sub_total_menu ul > li {width:25%}
#header .sub_total_menu ul > li > p {font-size:18px;font-weight:600;color:#10467f}
#header .sub_total_menu ul > li > ol {display:block;margin-top:15px}
#header .sub_total_menu ul > li > ol > li {display:block;text-align:center;padding:5px 0}
#header .sub_total_menu ul > li > ol > li a {font-size:15px;color:#4f4f4f}
#header .sub_total_menu ul > li > ol > li a:hover {font-weight:500;color:#121212}



/* container */
.section * {transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease}
#section0 {position:relative}
#section0 .main-swiper {position:relative}
#section0 .roll_txt {position:absolute;top:50%;left:15%;transform:translateY(-50%);font-weight:500;color:#10467f;z-index:99;padding-right:5%}
#section0 .roll_txt .stit {font-family:"SCoreDream";font-size:25px;color:#fff;text-shadow:5px 5px 20px #000}
#section0 .roll_txt_content {position:relative;word-break:keep-all;}
#section0 .main-paging {position:absolute;bottom:-80px;left:0;text-align:left;font-size:15px;font-weight:300;color:#636363}
#section0 .swiper-pagination-current  {font-size:18px;font-weight:600;color:#000}
.main-prev {background:url(img_old/mroll_left.png) no-repeat left center}
.main-prev:after, .swiper-container-rtl .main-next:after {content:'' !important}
.main-next:after, .swiper-container-rtl .main-prev:after {content:'' !important}
.main-next, .swiper-container-rtl .main-prev {left:130px !important}
.main-next {background:url(img_old/mroll_right.png) no-repeat right center}
#section0 .main-paging .swiper-pagination-bullet {transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;width:11px;height:11px;opacity:1;background:#1236ba;margin-right:5px}
#section0 .main-paging .swiper-pagination-bullet-active {background:#ed1f24;width:30px;border-radius:999px}
#section0 .main-swiper .swiper-slide-active [data-animate] {opacity: 1;transform: none;}
#section0 .main-swiper .swiper-slide-active .motion1 {transition-delay: 0;}
#section0 .main-swiper .swiper-slide-active .motion2 {transition-delay: 0.3s;}
#section0 .main-swiper .swiper-slide-active .motion3 {transition-delay: 0.6s;}
#section0 .main-swiper .swiper-slide-active .motion4 {transition-delay: 1s;}
[data-animate] {opacity: 0;transition: all 0.8s ease-out;}
[data-animate="bottom"] {transform: translate3d(0, 50px, 0);}
.main-swiper{height: 100%;}
.main-swiper .swiper-wrapper{height: 100%;}
.main-swiper .swiper-slide {height: 100%; background: #fff;}
.main-swiper .swiper-slide .main_slide_bg_img{width: 100%; height: 960px; position: relative; overflow: hidden;}
.main-swiper .swiper-slide .main_slide_bg_img{width: 100%; height: 960px; position: relative; overflow: hidden;}
.main-swiper .swiper-slide .main_slide_bg_img img{transform: translate(-50%, -50%) scale(1.1); transform-origin: 100% 100%; position: absolute; top: 50%; left: 50%; width: auto; height: 960px;max-width:none}
.main-swiper .swiper-slide .main_slide_bg_img img{transform: translate(-50%, -50%) scale(1.1); transform-origin: 100% 100%; position: absolute; top: 50%; left: 50%; width: auto; height: 960px;max-width:none}
.main-swiper .on .main_slide_bg_img img{transform: translate(-50%, -50%) scale(1.00); transition: all 5s ease-in-out 0s;}
.main-swiper .on .main_slide_bg_img img{transform: translate(-50%, -50%) scale(1.00); transition: all 5s ease-in-out 0s;}
#section1 {display:flex;align-items:center;;width:100%;height:100vh;background:#fff;text-align:center;padding-top:70px}
.section .main_title {position:relative;font-size:50px;font-weight:600;color:#232323;letter-spacing:1px;}
.section .main_title span {position:absolute;top:5px;width:13px;height:13px;background:#ed1f24;border-radius:50%;margin-left:5px}
.section .main_title_txt {font-size:19px;color:#232323;margin:20px 0;line-height:1.5; font-family:'ScoreDream'; font-weight:500;}
.main_positioin_dot {position:fixed;top:50%;right:4%;transform:translateY(-50%);width:19px;overflow:hidden;z-index:9}
.main_positioin_dot ol li {display:block;padding:10px 0;}
.main_positioin_dot ol li a {display:block;background:url(https://d6poej5dh8nvp.cloudfront.net/busanweb/imkorea/skin/main_pos_off.png) no-repeat center center;width:19px;height:17px}
.main_positioin_dot ol li a.on {display:block;background:url(https://d6poej5dh8nvp.cloudfront.net/busanweb/imkorea/skin/main_pos_on.png) no-repeat center center;width:19px;height:17px}
#section1 .business_four ul {display:flex;flex-wrap:wrap}
#section1 .business_four ul li {width:23.875%;margin-right:1.5%}
#section1 .business_four ul li .img {position:relative;}
#section1 .business_four ul li img {border-radius:20px}
#section1 .business_four ul li:nth-of-type(2n+1) {padding-top:50px}
/*#section1 .business_four ul li:hover img {padding-top:0;box-shadow:5px 5px 10px #333}*/
#section1 .business_four ul li:nth-of-type(4n) {margin-right:0}
#section1 .business_four ul li p.txt {position:absolute;bottom:10%;width:100%;text-align:center;font-size:25px;font-weight:600;color:#fff;text-shadow:3px 3px 5px #000;}
/*#section1 .business_four ul li:hover p.txt {bottom:15%;transform:translateY(-50%)}*/
#section2 {display:flex;align-items:center;width:100%;height:100vh;background:#f7fbff;text-align:center;background:#1c1e1e url(https://d6poej5dh8nvp.cloudfront.net/busanweb/imkorea/skin/main_bg1.jpg) no-repeat center center;background-size:cover;padding-top:70px}
#section2 .main_title {color:#fff}
#section2 .main_title_txt {color:#fff}
#section2 .content * {transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;}
#section2 .content > dl {display:flex;flex-wrap:wrap}
#section2 .content > dl > dt {position:relative;background:url(https://d6poej5dh8nvp.cloudfront.net/busanweb/imkorea/skin/main5.png) no-repeat center center;width:34%;height:480px;margin-right:1.4%;border-radius:20px}
/*#section2 .content > dl > dt h1 {font-size:30px;font-weight:600;color:#fff;text-align:left;padding:50px 10%;text-shadow:3px 3px 5px #333}*/
#section2 .content > dl > dt h1 {font-size:30px;font-weight:600;color:#fff;text-align:left;text-shadow:3px 3px 5px #333;display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%}
#section2 .content > dl > dt a {display:none;position:absolute;bottom:8%;right:8%;background:#fff;width:170px;height:50px;line-height:50%;line-height:50px;font-size:17px;font-weight:500;color:#313131;border-radius:999px;box-shadow:1px 1px 3px #666}
#section2 .content > dl > dd {width:64.6%}
#section2 .content ul {display:flex;flex-wrap:wrap;justify-content: space-between}
#section2 .content ul li {width:48.89%;margin-right:2.2%;height:230px;border-radius:20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;text-align:left;padding:30px 3%;position:relative;background:#dfdfdf}
#section2 .content ul li:nth-of-type(2n) {margin-right:0}
#section2 .content ul li a {display:block;width:100%;font-size:20px;color:#232323}
#section2 .content ul li a h3 {font-size:25px;font-weight:600;color:#232323}
#section2 .content ul li:hover {background:url(https://d6poej5dh8nvp.cloudfront.net/busanweb/imkorea/skin/main6.jpg) no-repeat center center}
#section2 .content ul li:hover a,
#section2 .content ul li:hover a h3 {color:#fff}
#section2 .content ul li:nth-of-type(n+3) {margin-top:20px}
#section2 .content ul li:nth-of-type(1) a {background:url(https://d6poej5dh8nvp.cloudfront.net/busanweb/imkorea/skin/main7.png) no-repeat right bottom;height:100%;}
#section2 .content ul li:nth-of-type(2) a {background:url(https://d6poej5dh8nvp.cloudfront.net/busanweb/imkorea/skin/main8.png) no-repeat right bottom;height:100%;}
#section2 .content ul li:nth-of-type(3) a {background:url(https://d6poej5dh8nvp.cloudfront.net/busanweb/imkorea/skin/main9.png) no-repeat right bottom;height:100%;}
#section2 .content ul li:nth-of-type(4) a {background:url(https://d6poej5dh8nvp.cloudfront.net/busanweb/imkorea/skin/main10.png) no-repeat right bottom;height:100%;}
#section2 .content ul li:nth-of-type(1):hover a {background:url(https://d6poej5dh8nvp.cloudfront.net/busanweb/imkorea/skin/main7_over.png) no-repeat right bottom;height:100%}
#section2 .content ul li:nth-of-type(2):hover a {background:url(https://d6poej5dh8nvp.cloudfront.net/busanweb/imkorea/skin/main8_over.png) no-repeat right bottom;height:100%}
#section2 .content ul li:nth-of-type(3):hover a {background:url(https://d6poej5dh8nvp.cloudfront.net/busanweb/imkorea/skin/main9_over.png) no-repeat right bottom;height:100%}
#section2 .content ul li:nth-of-type(4):hover a {background:url(https://d6poej5dh8nvp.cloudfront.net/busanweb/imkorea/skin/main10_over.png) no-repeat right bottom;height:100%}
.dot_list dl {display:flex;flex-wrap:wrap}
.dot_list dl dt {width:15px}
.dot_list dl dd {width:calc(100% - 15px);line-height:1.5}
#section3 {display:flex;align-items:center;width:100%;height:100vh;background-size:cover;text-align:center;padding-top:70px}
#section3 .wr1400 {display:block;width:100%}
#section3 .map_address ul {display:flex;flex-wrap:wrap}
#section3 .map_address ul li {width:33.3%;padding:0 2% 0 4%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;border-right:1px solid #eee}
#section3 .map_address ul li:last-child {border-right:none;margin-right:0}
#section3 .map_address ul li dl {display:flex;flex-wrap:wrap;}
#section3 .map_address ul li dt {width:70px;text-align:left;}
#section3 .map_address ul li dd .title {display:flex;align-items:center;font-size:22px;font-weight:600;color:#232323;height:45px}
#section3 .map_address ul li dd .title_txt {font-size:17px;color:#232323;text-align:left;line-height:1.6;}
#section3 .map_address ul li dd .title_txt b {font-weight:600}



/* sub container */
#sub_container *  {font-family: 'SCoreDream';transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease}
#sub_container .sub_bg * {transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;}
#sub_container .sub_bg {position:relative;width:100%;height:400px;background-size:cover;animation:mtop_bg  5s ease-in-out;animation-fill-mode: forwards;-webkit-animation:mtop_bg  5s ease-in-out;-webkit-animation-fill-mode: forwards;-moz-animation:mtop_bg  5s ease-in-out;-moz-animation-fill-mode: forwards;-o-animation:mtop_bg  5s ease-in-out;-o-animation-fill-mode: forwards;}
@keyframes mtop_bg {
    0% {background-size:120% 120%;}
    80% {background-size: 100% 100%}
    100% {background-size: 100% 100%}
}
@-webkit-keyframes mtop_bg {
    0% {background-size:120% 120%;}
    80% {background-size: 100% 100%}
    100% {background-size: 100% 100%}
}
@-moz-keyframes mtop_bg {
    0% {background-size:120% 120%;}
    80% {background-size: 100% 100%}
    100% {background-size: 100% 100%}
}
@-o-keyframes mtop_bg {
    0% {background-size:120% 120%;}
    80% {background-size: 100% 100%}
    100% {background-size: 100% 100%}
}
#sub_container .sub_bg {background:url(https://d6poej5dh8nvp.cloudfront.net/busanweb/imkorea/skin/sub1_top_bg.jpg) no-repeat center center;background-size:cover}
#sub_container .sub1_bg {background:url(https://d6poej5dh8nvp.cloudfront.net/busanweb/imkorea/skin/sub1_top_bg.jpg) no-repeat center center;background-size:cover}
#sub_container .sub2_bg {position:relative;background:url(https://d6poej5dh8nvp.cloudfront.net/busanweb/imkorea/skin/sub2_top_bg.jpg) no-repeat center center;background-size:cover}
#sub_container .sub3_bg {position:relative;background:url(https://d6poej5dh8nvp.cloudfront.net/busanweb/imkorea/skin/sub3_top_bg.jpg) no-repeat center center;background-size:cover}
#sub_container .sub4_bg {position:relative;background:url(https://d6poej5dh8nvp.cloudfront.net/busanweb/imkorea/skin/sub4_top_bg.jpg) no-repeat center center;background-size:cover}
#sub_container .sub5_bg {position:relative;background:url(https://d6poej5dh8nvp.cloudfront.net/busanweb/imkorea/skin/sub5_top_bg.jpg) no-repeat center center;background-size:cover}
#sub_container .sub6_bg {position:relative;background:url(https://d6poej5dh8nvp.cloudfront.net/busanweb/imkorea/skin/sub6_top_bg.jpg) no-repeat center center;background-size:cover}
#sub_container .sub_top_title .wr1400 {position:relative}
#sub_container .sub_top_title {position:absolute;top:calc(100% - 150px);left:calc(50% - 710px);z-index:99;color:#fff;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}
#sub_container .sub_top_title h1 {font-size:65px}
#sub_container .sub_top_title .position {font-family: 'SCoreDream';padding-top:10px}
#sub_container .sub_top_title .position > ul {display:flex;align-items:center;height:18px}
#sub_container .sub_top_title .position > ul > li {display:flex;align-items:center;height:18px;font-size:16px;}
#sub_container .sub_top_title .position > ul > li > a {color:#fff;padding:7px 0}
#sub_container .sub_top_title .position > ul > li::after {content:'';display:inline-flex;background:url(https://d6poej5dh8nvp.cloudfront.net/busanweb/imkorea/skin/icon_pos_arrow.png) no-repeat center center;width:10px;height:11px;padding:0 10px}
#sub_container .sub_top_title .position > ul > li:last-child::after {background:url(none);padding-right:0}
#sub_container .sub_top_title .position > ul > li.step1,
#sub_container .sub_top_title .position > ul > li.step2 {position:relative}

#sub_container .sub_top_title .position > ul > li ol {display:none;position:absolute;width:160px;top:25px;left:-20px;background:#fff;padding:0 8px;z-index:9;border:1px solid #ccc}
#sub_container .sub_top_title .position > ul > li ol li {display:block;border-bottom:1px solid #ddd;}
#sub_container .sub_top_title .position > ul > li ol li a {display:block;line-height:35px;height:35px;color:#303030;padding:0 5%;font-size:15px}
#sub_container .sub_top_title .position > ul > li ol li a:hover {color:#ff8a00}
#sub_container .sub_content {padding:90px 0}
#sub_container .sub_content .sub_title {font-family: 'GmarketSans';font-size:45px;font-weight:600;color:#232323;text-align:center;}
#sub_container .sub_content .sub_title::after {content:'';display:block;width:55px;height:2px;background:#000;margin:30px auto 0}
#sub_container .sub_content .sub_detail_content {padding:60px 0 40px}
/*
#sub_container .sub_content .sub_detail_content * {font-family:'GmarketSans';}
*/
#sub_container .sub11 {display:flex;}
#sub_container .sub11 .sub11_left {width:47%;max-width:496px;margin:0 auto;padding:0 5%}
#sub_container .sub11 .sub11_left b {font-weight:600}
#sub_container .sub11 .sub11_left .img {position:relative;}
#sub_container .sub11 .sub11_left .img img {vertical-align:bottom;padding-left:10px;}
#sub_container .sub11 .sub11_left .txt {position:absolute;bottom:0;width:100%;font-size:18px;color:#333;line-height:1.6;text-align:center;padding-left:10%;}
#sub_container .sub11 .sub11_right {width:53%}
#sub_container .sub11 .sub11_right h1 {font-size:40px;color:#343333;font-weight:400;line-height:1.4;letter-spacing:-1px;}
#sub_container .sub11 .sub11_right .sub11_txt {font-size:18px}


#sub_container .sub12 {text-align:center; color:#313131;}
#sub_container .sub12 .txt_1 {font-size:30px;font-weight:300; margin-top:90px;}
#sub_container .sub12 .txt_1 span:first-child {font-weight:800;}
#sub_container .sub12 .txt_2 {font-size:22px; font-weight:500;margin:45px 0 140px 0;}
#sub_container .sub12 .sub12_bottom ul {display:flex; width:100%; flex-wrap:wrap;justify-content: space-between;}
#sub_container .sub12 .sub12_bottom ul li {display:flex; width:40%; height:120px; justify-content:center; align-items:center; border-bottom: 2px #ed1f24 solid; text-align:right; font-size:18px; margin-bottom:55px; position:relative; color:#4c4c4c; line-height: 1.7; font-weight:500;}
#sub_container .sub12 .sub12_bottom ul li:nth-child(2n) {margin-top:90px; text-align:left;}
#sub_container .sub12 .sub12_bottom ul li:nth-child(2n-1) img {position:absolute; transform:translate(271px, -34px)}
#sub_container .sub12 .sub12_bottom ul li:nth-child(2n) img {position:absolute; transform:translate(-271px, -34px)}

#sub_container .sub_content_detail {text-align:center; font-size:22px; margin-bottom:45px;}
#sub_container .tab_menu {display:flex; justify-content:center}
#sub_container .tab_menu li {border:1px solid #c2c2c2; border-radius:70px; color:#686868; text-align:center; display:flex;justify-content:center; align-items:center; font-size:20px; margin-bottom:45px; box-sizing:border-box; font-weight:500; padding:6px 27px;margin-right:13px;}
#sub_container .tab_menu li:hover {cursor: pointer;}
#sub_container .tab_menu li:last-child {margin-right:0px;}
#sub_container .tab_menu .active {color:#fff; background:#ed1f24; border:none;}
#sub_container .bw_board_tab_0 {display:flex; justify-content:center}
#sub_container .bw_board_tab_0 li {color:#686868; text-align:center; display:flex;justify-content:center; align-items:center; font-size:20px; margin-bottom:45px; box-sizing:border-box; font-weight:500}
#sub_container .bw_board_tab_0 li a {border:1px solid #c2c2c2; color:#686868;padding:6px 27px;border-radius:70px;}
#sub_container .bw_board_tab_0 li:hover {cursor: pointer;}
#sub_container .bw_board_tab_0 li:first-child {margin-right:13px;}
#sub_container .bw_board_tab_0 a.on {color:#fff; background:#ed1f24; border:none;}
#sub_container .tab_contents .content02, #sub_container .tab_contents .content03 {width:100%; display:none;}
#sub_container .sub13 .tab_contents .title {display:flex; font-size:23px; align-items:center; font-weight:600; padding-bottom:19px}
#sub_container .tab_contents .title img {margin-right:15px;}
#sub_container .sub13 .tab_contents .exterior {margin-bottom:80px;}
#sub_container .sub13 .tab_contents .wrap {display:flex; flex-wrap:wrap; justify-content: space-between;}
#sub_container .tab_contents .wrap img {width:49%; box-sizing:border-box; padding-bottom:2%; }
#sub_container .sub15 .tab_menu li {width:191px;}
#sub_container .sub15 .tab_contents {text-align:center;}
#sub_container .sub15 .tab_contents .content01, #sub_container .sub15 .tab_contents .content02, #sub_container .sub15 .tab_contents .content03 {display: flex; flex-wrap:wrap;}
#sub_container .sub15 .tab_contents .box {margin-bottom: 65px; padding:0 0.8%; width:33.33%; box-sizing:border-box;}
#sub_container .sub15 .tab_contents .box img {margin-bottom:25px;}
#sub_container .sub15 .tab_contents .box .title {font-size:20px;color:#313131;margin-bottom:15px; font-weight:500;}
#sub_container .sub15 .tab_contents .box span {font-size:16px; color:#313131; font-weight:400;}

#sub_container .sub16 .box {display:flex;margin-bottom:25px;}
#sub_container .sub16 .box .title {display:flex; align-items:center; font-size:17px;  color:#4c4c4c;}
#sub_container .sub16 .box img {margin-right:15px;}
#sub_container .sub16 .box .title span {font-weight:600; font-size:22px;margin-right:17px; color:#000;}
#sub_container .sub16 .map {height:340px; width:100%; background-color: #e8e8e8; margin-bottom:60px;}
#sub_container .sub20 .sub_content_detail {font-size:30px; }
#sub_container .sub20 .contents {display:flex; padding-bottom:30px; border-bottom: 1px solid #e1e1e1;}
#sub_container .sub20 .contents img{padding-left:30px; }
#sub_container .sub20 .contents .wrap {display:flex; flex-direction:column; font-size:25px; color:#313131; padding-left:70px;font-weight:500; }
#sub_container .sub20 .contents .wrap span {font-size:30px; color:#ed1f24; font-weight:800; margin:42px 0 10px 0;}
#sub_container .sub20 .contents .wrap p {padding-top:45px; font-size:17px; color:#7b7b7b; line-height:1.7;}

#sub_container .sub41 .tab_menu li:nth-child(2) {margin-right:13px;}
#sub_container .sub41 .tab_contents .box {margin-bottom:52px;}
#sub_container .sub41 .tab_contents .box:last-child {margin-bottom:0px;}
#sub_container .sub41 .tab_contents .box .title {font-size:23px; padding-bottom:15px; font-weight:600;}
#sub_container .sub41 .tab_contents .box p {font-size:17px; color:#4c4c4c; padding-left:18px; font-weight:500;}
#sub_container .sub41 .tab_contents .content02 .box:nth-child(4) p {padding-bottom:25px;}

#sub_container .sub42 .tbl_1 {display:table;table-layout:fixed;border-collapse:collapse;width:100%; text-align: center; }
#sub_container .sub42 .tbl_1 caption {border-top: 2px solid #000;}
#sub_container .sub42 .tbl_1 th {background: #f9f9f9; padding:25px 0px; font-size:18px; font-weight:600; color:#121212;border-right:1px solid #e1e1e1;}
#sub_container .sub42 .tbl_1 th:last-child {border-right:none;}
#sub_container .sub42 .tbl_1 td {padding:1.8% 0.5%; font-weight:500; font-size:16px; color:#545454; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
#sub_container .sub42 .tbl_1 td:last-child {border-right:none;}
#sub_container .sub42 .tbl_1 td.bold {font-size:18px; font-weight:600; color:#121212;}


/* footer */
#footer {background:#272727;padding:50px 0}
#footer .wr1400 > ul {display:flex;justify-content:space-between;}
#footer .wr1400 > ul > li:nth-of-type(1) {width:20%;min-width:260px;}
#footer .wr1400 > ul > li:nth-of-type(2) {width:calc(100% - 260px - 22%);font-size:15px;color:#9c9c9c;line-height:1.8;word-break:keep-all;}
#footer .wr1400 > ul > li:nth-of-type(2) span {padding:0 1%}
#footer .wr1400 > ul > li:nth-of-type(2) ul {display:flex;justify-content:space-between;flex-wrap:wrap;}
#footer .wr1400 > ul > li:nth-of-type(2) ul li a {font-size:15px;color:#9c9c9c}
#footer .wr1400 > ul > li:nth-of-type(2) ul li a:hover {font-weight:500;color:#fff;}
#footer .wr1400 > ul > li:nth-of-type(3) {width:210px}
#footer .btn_link {display:flex;align-items:center;width:200px;height:40px;background:#ed1f24;justify-content:center;font-size:15px;font-weight:500;color:#fff;border-radius:999px}
#footer .btn_link img {padding-right:8px}
#footer .btn_link:hover {background:#000}


@media all and (max-width : 1750px){
	.wr1750 {padding-left:2%;padding-right:2%;width:auto}
}


@media all and (max-width : 1500px){
	.pc1500 {display:none}
	.mobile1500 {display:block}
	.ft24 {font-size:21px;}
	#right_bar {display:none}
	.wr1400 {width:96%;padding-left:2%;padding-right:2%}
	#header div.toggle {width:50px}
	#sub_container .sub_menu  .wr1400 {width:100%;padding-left:0;padding-right:0}
}

@media all and (max-width : 1400px){
	.pc1400 {display:none}
	.mobile1400 {display:block}	
	.wr1400 {padding-left:2%;padding-right:2%;width:auto}
	#section0 .roll_txt_content .big img {width:650px}
	.section .main_title {font-size:44px}
	#section2 .content ul li a {font-size:18px;background-size:30% auto !important}
	#section2 .content ul li a h3 {font-size:22px}	
	#section2 .content ul li {padding:30px 1% 10px 30px}
	#section3 .map_address ul li dl {flex-direction:column;}
	#section3 .map_address ul li dd .title {font-size:20px}
	#section3 .map_address ul li dd .title_txt {font-size:16px}
	#sub_container .sub_content .sub_detail_content {padding:55px 0 35px}
	#sub_container .sub_bg {height:28.57vw;min-height:200px}
	#sub_container .sub_top_title {top:calc(100% - 135px);left:3%}
	#sub_container .sub_top_title h1 {font-size:56px}
	#sub_container .sub11 .sub11_right h1 {font-size:34px}
	#sub_container .sub11 .sub11_right img {width:46px}
	#sub_container .sub12 .sub12_bottom ul li img {height:160px;}
	#sub_container .sub12 .sub12_bottom ul li:nth-child(2n-1) img {transform: translate(258px, -18px);}
	#sub_container .sub12 .sub12_bottom ul li:nth-child(2n) img {transform: translate(-258px, -18px);}
	
}

@media all and (max-width : 1300px){
	#sub_container .sub12 .sub12_bottom ul li img {height:147px;}
	#sub_container .sub12 .sub12_bottom ul li:nth-child(2n-1) img {transform: translate(239px, -12px);}
	#sub_container .sub12 .sub12_bottom ul li:nth-child(2n) img {transform: translate(-239px, -12px);}
}

@media all and (max-width : 1200px){
	.pc1200 {display:none}
	.mobile1200 {display:block}
	.space30 {height:15px}
	.space30 {height:20px}
	.space40 {height:30px}
	.space50 {height:40px}
	.space60 {height:50px}
	.space70 {height:60px}
	.space80 {height:60px}
	.space90 {height:40px}
	.space100 {height:90px}
        #quick {display:none}
	#header div.navi ul li a {font-size:18px}
	.section .main_title_txt {font-size:18px;margin:15px 0}
	#section0 .roll_txt .motion1 {font-size:30px;}
	#section0 .roll_txt .stit {font-size:22px}
	#section0 .roll_txt_content .big img {width:540px}
	#section1 .rcontent h1 {font-size:35px}
	#section1 .rcontent h1::after {width:80px;padding-bottom:25px}
	#section1 .rcontent h2 {font-size:23px}
	#section1 .rcontent .btn {width:165px;margin-top:30px}
	#section1 .business_four ul li p.txt {font-size:20px}
	#section2 .wr1400 h1 {font-size:35px}
	#section2 .content > dl > dt h1 {font-size:25px;word-break:keep-all;}
	#section2 .content > dl > dt a {height:40px;line-height:40px;font-size:15px;}
	#section3 .title_wrap h1 {font-size:35px}

	#sub_container .sub_content {padding:80px 0}
	#sub_container .sub_content .sub_title {font-size:35px;}
	#sub_container .sub_content .sub_title::after {width:85px;;margin:35px auto 0}
	#sub_container .sub_content .sub_detail_content {padding:50px 0 30px}
        #sub_container .sub_content_detail {font-size:20px;}
	#sub_container .sub_top_title {top:calc(100% - 120px)}
	#sub_container .sub_top_title h1 {font-size:47px}
	#sub_container .sub11 .sub11_right h1 {font-size:30px}
	#sub_container .sub12 .sub12_bottom ul li img {height:147px;}
	#sub_container .sub12 .sub12_bottom ul li:nth-child(2n-1) img {transform: translate(239px, -11px);}
	#sub_container .sub12 .sub12_bottom ul li:nth-child(2n) img {transform: translate(-239px, -11px);}
	#sub_container .sub20 .contents .wrap {padding-left:35px;}

}

@media all and (max-width : 1100px){
	#sub_container .sub12 .sub12_bottom ul li:nth-child(2n-1) img {transform: translate(229px, -3px);}
	#sub_container .sub12 .sub12_bottom ul li:nth-child(2n) img {transform: translate(-229px, -3px);}
}

@media all and (max-width : 1000px){
	.pc1000 {display:none !important}
	.mobile1000 {display:block}
	.space10 {height:0}
	.space30 {height:10px}
	.space30 {height:15px}
	.space40 {height:25px}
	.space50 {height:35px}
	.space60 {height:40px}
	.space70 {height:50px}
	.space80 {height:60px}
	.space90 {height:50px}
	.space100 {height:80px}
	.ft24 {font-size:18px;}
	#map,#map2 {width:100%;height:250px;border:1px solid #ddd}

	#header {height:60px}
	#header > .wr1400 {height:60px}
	#header div.logo {width:180px;height:60px;justify-content:left;}
	#header div.logo img {width:154px}
	#header div.toggle {height:60px}
	#header div.navi ul li a {font-size:18px}
	.section .main_title {font-size:38px}
	.section .main_title_txt {font-size:16px;margin:12px 0}
	#section0 .swiper-slide .main_slide_bg_img,
	#section0 .swiper-slide .main_slide_bg_img img {height:700px}
	#section0 .roll_txt_content .big img {width:420px}
	.main-swiper .swiper-slide .main_slide_bg_img,
	.main-swiper .swiper-slide .main_slide_bg_img img {height:700px}
	.main-prev, .main-next {display:none !important}
	#section0 .main-paging {display:none}
	#section0 .roll_txt .motion1 {font-size:25px;}
	#section0 .roll_txt .stit {font-size:20px}
	#section1, #section2, #section3 {padding-top:0;height:auto;margin:40px auto}
	#section1 .business_four {max-width:640px;margin:0 auto}
	#section1 .business_four ul li {width:48.5%;margin-right:3%;margin-bottom:10px}
	#section1 .business_four ul li:nth-of-type(4n) {margin-right:2%}
	#section1 .business_four ul li:nth-of-type(2n) {margin-right:0}
	#section1 .business_four ul li:nth-of-type(2n+1) {padding-top:0}
	#section1 .business_four ul li p.txt {font-weight:500;font-size:18px}
	#section1 .business_four ul li:hover p.txt {bottom:10%;}
	#section1 .rcontent {position:relative;left:auto;width:100%;max-width:100%;margin:50px 0}
	#section1 .rcontent h1 {font-size:26px}
	#section1 .rcontent h1::after {width:70px;padding-bottom:25px}
	#section1 .rcontent h2 {font-size:20px}
	#section1 .rcontent .btn {width:130px;margin-top:30px;font-size:15px}
        #section1 .business_four ul li img {height:250px;width:100%;object-fit:cover}

	.roll-pagination .swiper-pagination-bullet {margin-top:30px}
	.roll-pagination .swiper-pagination-bullet {width:26px;height:26px;line-height:26px;font-size:12px}
	.roll-pagination .swiper-pagination-bullet-active {font-size:12px}
	#section2 {height:auto;}
	#section2 .wr1400 {margin:50px auto}
	#section2 .wr1400 h1 {font-size:26px;text-align:left}
	#section2 .main_txt {text-align:left;}
	#section2 .wr1400 .service_list .service_txt {font-size:16px;padding-top:20px}
	#section2 .content {max-width:640px;margin:0 auto}
	#section2 .content > dl > dt {display:none}
	#section2 .content > dl > dd {width:100%}
	#section2 .content ul li {width:48.5%;margin-right:3%}
	#section3 {padding:50px auto;height:auto}
	#section3 .title_wrap h1 {font-size:26px}
	#section3 .community_list ul {flex-wrap:wrap}
	#section3 .community_list li {width:49%;margin-right:2%;margin-bottom:20px}
	#section3 .community_list li:nth-of-type(2n) {margin-right:0}
	#section3 .community_list li a {height:300px;padding:30px 7%}
	#section3 .community_list li .item_title {font-size:18px}
	#section3 .title_wrap .more {font-size:15px}
	#section3 .careers_contact a {padding:20px 5% 30px}
	#section3 .careers_contact .careers .cleft,
	#section3 .careers_contact .contact .cleft {padding-right:0;width:100%}
	#section3 .careers_contact .careers .cright,
	#section3 .careers_contact .contact .cright {display:none}
	#section3 .careers_contact .title {font-size:20px}

	#sub_container .sub_top_title {padding-top:0}
	#sub_container .sub_bg {animation:none;-webkit-animation:none;-moz-animation:none;-o-animation:none;}
	#sub_container .sub_top_title .sub_top_txt {font-size:16px}
	#sub_container .sub_top_title h1 {font-size:34px}
	#sub_container .sub_content {padding:60px 0}
	#sub_container .sub_content .sub_title {font-size:28px;}
	#sub_container .sub_content .sub_title::after {width:70px;height:2px;margin:30px auto 0}
	#sub_container .sub_con_txt {font-size:15px;line-height:1.6}
	#sub_container .sub_content .sub_detail_content {padding:50px 0 20px}
	#sub_container .sub_content_detail {font-size:18px; line-height:1.5; margin-bottom:30px;}	
	#sub_container .sub_top_title h1 {font-size:42px}
	#sub_container .tab_menu li {font-size:18px; }
        #sub_container .bw_board_tab_0 li a {font-size:18px;}
	#sub_container .sub11 .sub11_right h1 {font-size:28px}
	#sub_container .sub11 .sub11_right img {width:38px}
	#sub_container .sub11 {flex-wrap:wrap}
	#sub_container .sub11 .sub11_left {width:100%;padding:0 10% 0 0}
	#sub_container .sub11 .sub11_left .txt {font-size:16px}
	#sub_container .sub11 .sub11_right {width:100%;padding-top:30px}
	#sub_container .sub11 .sub11_right .sub11_txt {font-size:16px; line-height:1.5;}
        #sub_container .sub12 .txt_1 {font-size:23px; line-height:1.2;}
        #sub_container .sub12 .txt_2 {font-size:20px; margin-bottom:90px;}
	#sub_container .sub12 .sub12_bottom ul {flex-direction:column;align-items:center; }
	#sub_container .sub12 .sub12_bottom ul li {width:65%; text-align:center; margin-left:60px;}
	#sub_container .sub12 .sub12_bottom ul li:nth-child(2n) {margin-top:0;}
	#sub_container .sub12 .sub12_bottom ul li:nth-child(2n-1) img {transform: translate(-290px, -11px);}
	#sub_container .sub12 .sub12_bottom ul li:nth-child(2n) img {transform: translate(-290px, -11px);}
	#sub_container .tab_contents .wrap {flex-direction:column; align-content:center;}
	#sub_container .tab_contents .wrap img {width:auto;}
        #sub_container .sub13 .tab_contents .title {font-size:19px; padding-bottom:10px;}
        #sub_container .sub13 .tab_contents .exterior {margin-bottom:25px;}
	#sub_container .sub20 .contents {flex-direction:column;}
	#sub_container .sub20 .contents img {padding:0 5%;}
	#sub_container .sub20 .contents .wrap	{padding: 0 10px; font-size:19px;}
	#sub_container .sub20 .contents .wrap span {margin:20px 0 10px 0; font-size:19px;}
	#sub_container .sub20 .contents .wrap p {padding-top:10px;}
        #sub_container .sub20 .sub_content_detail {font-size:24px;}
        #sub_container .sub41 .tab_contents .box {margin-bottom:40px;}
        #sub_container .sub41 .tab_contents .box .title {font-size:18px;}
        #sub_container .sub42 .tbl_1 th,#sub_container .sub42 .tbl_1 td.bold {font-size:16px;}
        #sub_container .sub42 .tbl_1 th {padding:17px 0;}
        #sub_container .sub42 .tbl_1 td {font-size:15px; padding:0.5% 0.5%;}

	
	#footer {padding:30px 0}
	#footer .wr1400 > ul > li:nth-of-type(2) {padding-top:20px}
	#footer .wr1400 > ul {flex-direction: column;}
	#footer .wr1400 > ul > li {text-align:center;width:100% !important}
	#footer .wr1400 > ul > li:nth-of-type(1) {display:block}
	#footer .wr1400 > ul > li:nth-of-type(1) img {width:160px}
	#footer .wr1400 > ul > li:nth-of-type(2) {width:100%;max-width:100%;font-size:14px;line-height:1.5;word-break:keep-all;}
	#footer .wr1400 > ul > li:nth-of-type(2) ul li a {font-size:14px}
	#footer .wr1400 > ul > li:nth-of-type(2) .right {float:none;display:block;width:100%;max-width:350px}
	#footer .wr1400 > ul > li:nth-of-type(2) .left {float:none;display:block;width:100%;margin-top:10px}

}

@media all and (max-width : 840px){
	.pc840 {display:none}
	.mobile840 {display:block}
	.space10 {height:0}
	.space30 {height:10px}
	.space40 {height:20px}
	.space50 {height:30px}
	.space60 {height:35px}
	.space70 {height:40px}
	.space80 {height:50px}
	.space90 {height:55px}
	.space100 {height:60px}
	#section1 .txt_area h1 {font-size:30px}
	.slider .swiper-pagination {display:none}
	.main_txt {font-size:15px}
	.section .main_title {font-size:34px}
	.section .main_title_txt {font-size:15px;margin:8px 0}
	#section0 .swiper-slide .main_slide_bg_img, #section0 .swiper-slide .main_slide_bg_img img {height:530px;}
	#section0 .roll_txt_content .big img {width:300px}
	#section0 .roll_txt .stit {font-size:18px}
	#section1 .rcontent {margin:40px 0}
	#section1 .rcontent h1 {font-size:22px}
	#section1 .rcontent h1::after {width:60px;padding-bottom:20px}
	#section1 .rcontent h2 {font-size:18px}
	#section1 .rcontent .btn {width:100px;margin-top:30px;font-size:14px;height:30px;line-height:30px}
	#section2 .wr1400 {margin:40px 0}
	#section2 .wr1400 h1 {font-size:22px}
	#section2 .wr1400 .service_list .service_txt {font-size:15px;padding-top:15px}
	#section3 .title_wrap h1 {font-size:22px}
	#section3 .map_address {max-width:640px;margin:0 auto}
	#section3 .map_address ul li {width:100%;padding:0;border-right:none;padding:10px 0;border-bottom:1px solid #eee}
	#section3 .map_address ul li dl {flex-direction:row;}
	#section3 .map_address ul li dt {width:50px}
	#section3 .map_address ul li dt img {width:40px}
	#section3 .map_address ul li dd .title {font-size:18px;height:30px}
	#section3 .map_address ul li dd .title_txt {font-size:15px}
	#sub_container .sub_content .sub_detail_content {padding:40px 0 20px}
	#sub_container .sub_bg {height:240px;}
	#sub_container .sub_top_title {top:calc(100% - 110px)}
	#sub_container .sub_top_title h1 {font-size:38px}
	#sub_container .sub11 .sub11_right img {width:34px}
        #sub_container .sub12 .txt_1 {font-size:20px; margin-top:50px; line-height:1.4;}
        #sub_container .sub12 .txt_2 {font-size:17px; margin-bottom:72px;}
	#sub_container .sub12 .sub12_bottom ul li {width:70%; font-size:17px;}
	#sub_container .sub12 .sub12_bottom ul li:nth-child(2n-1) img {transform: translate(-270px, -11px);}
	#sub_container .sub12 .sub12_bottom ul li:nth-child(2n) img {transform: translate(-270px, -11px);}
	#sub_container .sub15 .tab_contents .content01, #sub_container .sub15 .tab_contents .content02 {flex-direction:column;}
	#sub_container .sub15 .tab_contents .box {margin:0 0 40px 0; width:auto;}
	#sub_container .sub15 .tab_contents .box img {margin: 0 0 15px 0;}
        #sub_container .sub41 .tab_contents .box .title {padding-bottom:6px;}

	#footer {padding:20px 0}
}

@media all and (max-width : 800px){
	#sub_container .sub12 .sub12_bottom ul li img {height:120px;}
	#sub_container .sub12 .sub12_bottom ul li:nth-child(2n-1) img {transform: translate(-247px, 0px);}
	#sub_container .sub12 .sub12_bottom ul li:nth-child(2n) img {transform: translate(-247px, 0px);}
	#sub_container .sub16_content1 ul {height:auto;}
	#sub_container .sub16_content1 ul li {width:100%;border-radius:15px;padding:30px 20px;margin-bottom:20px}
	#sub_container .sub16_content1 ul li:last-child {margin-bottom:0}
	#sub_container .sub16_content1 .title {font-size:18px;padding-top:26px}
	#sub_container .sub16_content1 .txt {font-size:15px;padding-top:13px}
}


@media all and (max-width : 640px){
	.pc640 {display:none}
	.mobile640 {display:block}
	.space20 {height:5px}
	.space30 {height:10px}
	.space40 {height:15px}
	.space50 {height:20px}
	.space60 {height:20px}
	.space70 {height:25px}
	.space80 {height:30px}
	.space90 {height:35px}
	.space100 {height:40px}
	.ft24 {font-size:16px;}
	.section .main_title {letter-spacing:0;}
	#section0 .roll_txt .motion1 {font-size:20px;}
	#section0 .roll_txt .stit {font-size:16px;}
	#section1 .rcontent {margin:30px 0}
	#section1 .business_four ul li p.txt {font-size:16px}
	#section2 .content ul li {width:100%;margin-right:0;padding:20px;margin-bottom:15px;height:auto}
	#section2 .content ul li:nth-of-type(n+3) {margin-top:0}
	#section2 .content ul li a {font-size:16px;background-size:80px !important;height:auto !important}
	#section2 .content ul li a h3 {font-size:20px}
	#section3 .community_list li {width:100%;margin-right:0;margin-bottom:10px}
	#section3 .community_list li:nth-of-type(2n) {margin-right:0}
	#section3 .community_list li a {height:auto;padding:20px}
	#section3 .community_list li .item_title {padding-top:10px;font-size:16px}
	#section3 .community_list li .item_txt,
	#section3 .community_list li .item_date {display:none}
	#section3 .careers_contact .careers,
	#section3 .careers_contact .contact {width:100%;margin-top:10px}
	#section3 .title_wrap .more {display:none}

	#sub_container .sub_top_title .sub_top_txt {font-size:14px}
	#sub_container .sub_top_title h1 {font-size:26px;padding-top:10px}
	#sub_container .sub_content {padding:35px 0}
	#sub_container .sub_content .sub_title {font-size:22px;}
	#sub_container .sub_content .sub_title::after {width:50px;margin:20px auto 0;}
	#sub_container .sub_content .sub_detail_content {padding:30px 0 15px}
        #sub_container .sub_content_detail {font-size:17px;}
	#sub_container .sub_top_title h1 {font-size:30px}
        #sub_container .tab_menu {flex-wrap:wrap;}
        #sub_container .tab_menu li {margin-bottom:12px; font-size:16px; }
        #sub_container .bw_board_tab_0 li a {margin-bottom:10px; font-size:16px;min-width:auto}
	#sub_container .sub11 .sub11_right h1 {font-size:23px}
	#sub_container .sub11 .sub11_right img {width:30px;}
	#sub_container .sub12 .txt_2 {margin: 30px 0 162px 0;}
	#sub_container .sub12 .sub12_bottom ul li {margin-left:0; margin-bottom:164px; width:90%;}
	#sub_container .sub12 .sub12_bottom ul li:nth-child(2n-1) img {transform: translate(-3px, -105px);}
	#sub_container .sub12 .sub12_bottom ul li:nth-child(2n) img {transform: translate(-3px, -105px);}
	#sub_container .sub12 .sub12_bottom ul li:last-child {margin-bottom:40px;}
        #sub_container .sub12	.txt_2 {line-height:1.5;}
        #sub_container .sub15 .tab_menu li {width:165px;}
	#sub_container .sub16 .box {margin-bottom: 15px;}
	#sub_container .sub16 .box img {margin-right: 10px;}
	#sub_container .sub16 .box .title {flex-direction:column; align-items:flex-start}
        #sub_container .sub20 .contents .wrap {font-size:18px;}
        #sub_container .sub20 .contents .wrap p {font-size:16px;}
        #sub_container .sub20 .sub_content_detail {font-size:20px;}
        #sub_container .sub41 .tab_contents .box {margin-bottom:30px;}
        #sub_container .sub11 .sub11_left .img .txt {}
        #sub_container .sub11 .sub11_left .img .txt img {width:65px;verfial-align:middle}

	#footer {padding:30px 2%}

}


@media all and (max-width : 480px){
	.pc480 {display:none}
	.mobile480 {display:block}
	.slider {padding-top:20px}
	.space30 {height:5px}
	.space40 {height:10px}
	.space50 {height:15px}
	.space60 {height:20px}
	.space70 {height:25px}
	.space80 {height:30px}
	.space90 {height:30px}
	.space100 {height:35px}
	.section .main_title {font-size:30px}
	.section .main_title_txt {font-size:14px}
	#section0 .roll_txt .motion1 {font-size:17px}
	#section0 .roll_txt {left:8%}
	#section0 .roll_txt .stit {font-size:14px;;word-break:keep-all;}
	#section0 .swiper-slide .main_slide_bg_img, #section0 .swiper-slide .main_slide_bg_img img {height:360px;}
	/*#section0 .roll_txt {top:20%}*/
	#section0 .roll_txt_content .big img {width:260px}
	#section1 .rcontent .btn {margin-top:20px;}
	#section1 .rcontent h1 {font-size:20px}
	#section2 .wr1400 h1 {font-size:20px}
	#section2 .wr1400 .service_list  .swiper-button-prev, 
	#section2 .wr1400 .service_list .swiper-button-next {color:#c0c1c2;text-shadow:none}
	#section2 .wr1400 .service_list .swiper-button-prev,
	#section2 .wr1400 .service_list .swiper-button-next {top:45%}
	#section2 .wr1400 .service_list .swiper-button-prev,
	#section2 .wr1400 .service_list .swiper-container-rtl .swiper-button-next {left:0}
	#section2 .wr1400 .service_list .swiper-button-next,
	#section2 .wr1400 .service_list .swiper-container-rtl .swiper-button-prev {right:0}
	#section2 .wr1400 .service_list .swiper-button-prev:after,
	#section2 .wr1400 .service_list .swiper-button-next:after {font-size:35px}
	#section3 .title_wrap h1 {font-size:20px}
	#section3 .community_list li .item_title {padding-top:5px;font-size:14px}
	#section3 .community_list li a {padding:15px}
	#section3 .careers_contact .title {font-size:18px}
	#section3 .careers_contact .txt {font-size:14px;padding-top:5px}
	#section3 .careers_contact a {padding:15px 5% 20px}
	#sub_container .sub_content .sub_detail_content {padding:25px 0 10px}
	#sub_container .sub11_title {font-size:16px;margin-top:10px}
	#sub_container .sub_tab_menu ul li a {height:45px}
	#sub_container .sub11 .sub11_right h1 {font-size:20px}
	#sub_container .sub11 .sub11_right img {width:26px}
	#sub_container .sub12 .sub12_bottom ul li {height:90px;}
	#sub_container .sub41 .tab_menu li {font-size:16px;}

	

}

@media all and (max-width : 360px){

}


.panel {
	/*font-family:'notokr','Nanum';*/
	  transition: all 0.2s ease-in-out;
	  -webkit-transition: all 0.2s ease-in-out;
	  -moz-transition: all 0.2s ease-in-out;
	  -o-transition: all 0.2s ease-in-out;
	  -ms-transition: all 0.2s ease-in-out;
	  position: fixed;
	  z-index: 9999;
	  top: 0;
	  height: 100%;
	  width: 320px;
	  background-color: #000;
	}
	.panel .moff {display:none}
	.panel .ninja-btn {
	  transition: all 0.2s ease-in-out;
	  -webkit-transition: all 0.2s ease-in-out;
	  -moz-transition: all 0.2s ease-in-out;
	  -o-transition: all 0.2s ease-in-out;
	  -ms-transition: all 0.2s ease-in-out;
	  display: inline-block;
	  float: left;
	  cursor: pointer;
	  padding: 20px 0;
	  position: absolute;
	  z-index: 2;
	  top: -25px;
	  width: 25px;
	  height: auto;
	}
	.panel .ninja-btn span,
	.panel .ninja-btn span:before,
	.panel .ninja-btn span:after {
	  transition: all 0.3s ease-in-out;
	  -webkit-transition: all 0.3s ease-in-out;
	  -moz-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  -ms-transition: all 0.3s ease-in-out;
	  width: 0px;
	  height: 2px;
	  background-color: #fff;
	}
	.panel .ninja-btn span {
	  position: relative;
	  display: inline-block;
	  float:left;
	  margin-top: 9.09090909px;
	}
	.panel .ninja-btn span:before,
	.panel .ninja-btn span:after {
	  content: "";
	  position: absolute;
	  left: 0;
	}
	.panel .ninja-btn span:before {
	  top: -9.09090909px;
	}
	.panel .ninja-btn span:after {
	  top: 9.09090909px;
	}
	
	/*메뉴 클릭후, 메뉴 버튼을 활성화 시켰을때 속성*/
	.panel .ninja-btn.active span {
	  background-color: transparent;
	}
	.panel .ninja-btn.active span:before,
	.panel .ninja-btn.active span:after {
	  top: 0;
	}
	.panel .ninja-btn.active span:before {
	  transform: rotate(-135deg);
	  -webkit-transform: rotate(-135deg);
	  -moz-transform: rotate(-135deg);
	  -o-transform: rotate(-135deg);
	  -ms-transform: rotate(-135deg);
	}
	.panel .ninja-btn.active span:after {
	  -webkit-transition-delay: 0.09s;
	  -moz-transition-delay: 0.09s;
	  -o-transition-delay: 0.09s;
	  -msa-transition-delay: 0.09s;
	  transition-delay: 0.09s;
	  transform: rotate(135deg);
	  -webkit-transform: rotate(135deg);
	  -moz-transform: rotate(135deg);
	  -o-transform: rotate(135deg);
	  -ms-transform: rotate(135deg);
	}
	/* 안보이는 패널위치고정 */
	.panel-overlay,.panel-overlay2,.panel-overlay3 {
	  position: fixed;
	  top: 0;
	  z-index: 99998;
	  width: 100%;
	  height: 100%;
	  display: none;
	  background-color: rgba(0, 0, 0, 0.6);
	  cursor: pointer;
	}
	.panel.left {
	  left: -800px;
	}
	/*패널 버튼 부분 위치*/
	.panel.left .ninja-btn {
	  left: 770px;top:0;
	}
	/* 패널이 활성화 되었을때 */
	.panel.left.active {
	  left: 0;
	  overflow: scroll;
	  overflow-x:hidden;
	  overflow-y:auto;
	  z-index:9999999;
	}
	.panel.left.active .ninja-btn {
	  left: 100%;
	  margin-left: -50px;
	}
	.panel ul li.sub-menu{
	}
	
	.mmenu .toggle_logo {padding-top:20px}
	.mmenu ul {
	  width:100%;
	  margin:0;
	  list-style:none;
	}
	.mmenu ul > li{
	  display:block;
	  border-bottom:1px solid #3f3f3f;
	}
	.mmenu  ul > li > a.tmenu, .mmenu  ul > li > a.tmenu2 {
	  height:45px;
	  line-height:45px;
	  display:block;
	  text-decoration:none;
	  color:#fff;
		background:#333;
		font-size:15px;
		font-weight:500;
		padding-left:35px;
		letter-spacing:-1px;
	}
	.mmenu  ul > li > a.tmenu.btn_reserve_m{
		background:#f42200;
	}

	.mmenu .login_area {height:140px;background:#000;font-size:15px;padding-left:30px;border-bottom:1px solid #3f3f3f}
	.mmenu .login_area .btn_login {display:inline-block;margin:30px auto 0;width:100px;height:40px;line-height:38px;background:#000;color:#fff;}
	.mmenu .login_area .btn_new {display:inline-block;width:35%;height:38px;border:1px solid #616161;text-align:center;line-height:38px;margin-top:10px;color:#fff}
	.mmenu .sub_list {background:#000;padding:10px 0}
	.mmenu .sub_list a {display:block;line-height:30px;height:30px;padding-left:40px;font-size:97%;color:#fff}
        
        #bw_board_write #bw_board_write_form .txc {margin-top:15px;}