@charset "utf-8";
/**애니메이션 콘트롤**/
header {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.company_inner li,
.production_wrap:after,
.production_wrap.ani_layer.action .production_content {
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
}
.webtong_gallery02 .card_wrap a,
.webtong_gallery02 .card_wrap a span img,
.webtong_gallery02 .card_wrap,
.sub_nav,
.banner_wrap .banner_inner p a img {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

/************ gnb *********************/
.skipnav {position: fixed;width: 100%;background: #000;color: #fff;text-align: center;z-index: 3}
.skipnav a {display: block;color: #fff;font-weight: bold;width: 0;height: 0;line-height: 0;font-size: 0}
.skipnav a:focus, .skip a:active {display: block;padding: 5px 0;width: auto;height: auto;line-height: 1.5;font-size: 14px}
#seoul-common-gnb {height:48px;background-color: #0c82e9}

header {position: fixed;border-bottom: 1px solid rgba(255, 255, 255, 0.19);width: 100%;z-index: 4;top:0}
header.bron {background-color: #002644}
header.action {background: #002644;border-bottom:0}
header:after {content: '';clear: both;display: block}
nav {z-index: 2}
nav:after {content: '';clear: both;display: block}
nav.search-tab:after {content:none}
nav > ul {display: table;margin: 0 206px 0 auto;position: relative;text-align: center}
nav > ul:after {content:'';display:block;clear: both}
nav > ul > li {float: left;position: relative}
nav > ul > li > a {display: block;line-height: 22px;text-align: center;position: relative;font-weight: 600;font-size: 18px;padding: 37px 27px 39px;color: #fff}
nav > ul > li > a:hover, nav > ul > li > a:focus, nav > ul > li > a:active {color:#78f8ff}
nav > ul > li > ul {position: absolute;width: 100%;display: none;padding: 10px 0;z-index: 3;top: 93px}
nav > ul > li > ul > li > ul > li > a {color: rgba(255, 255, 255, 0.64);font-size: 14px;background-color: #404040;display: block;padding: 9px}
nav > ul > li > ul > li > a {color: #fff;display: block;padding: 10px 10px;font-size: 14px}
nav > ul > li > ul > li a:hover, nav > ul > li > ul > li a:focus {color: #78f8ff}
nav > ul > .slider {width: 20%;height: 2px;position: absolute;left: 0;bottom: 0;background-color: #6dc4ff;transition: all .5s;opacity:0}
nav > ul > li > ul > li > ul {display:none}
nav > ul > li > a.on {color: #78f8ff}
.navi {margin: 0 auto;position: relative}
.navi > h1 {position: absolute;left: 21px;top: 29px;}
.navi > h1 > a {display: block;width: 130px;height: 40px;margin-left: 15px;color: #fff;text-transform: uppercase}
.navi > .m_menu {position: absolute;right: 0;top: 0;background: #00589d url(../images/common/pc_menu.png) no-repeat center;text-indent: -999em;width: 39px;height: 39px;padding: 49px 103px;display: block;z-index: 4;}
.navi .utility {position: absolute;right: 15px;top: 0;display: table;z-index: 4}
.navi .utility li {display: table-cell;}
.navi .utility li a {width: 16px;height: 18px;display: inline-block;text-indent: -999em;background: url(../images/common/utility.png);margin: 21px 9px}
.menu_close {position: absolute;right: 0;top: 0;background: #00589d url(../images/common/family_close.png) no-repeat center;text-indent: -999em;width: 39px;height: 39px;padding: 49px 103px;display: none;z-index: 4}

/** 언어 **/
.language {width:138px;position:absolute;top: 130px;right: 30px;z-index: 2;}
.language > a {display:block;padding-top:30px;position:relative;text-align:center}
.language > a:before {content:'';width:29px;height:29px;background: url(../images/main/icon_language.png) no-repeat;position:absolute;top:0;left:50%;margin-left:-14px}
.language > a span {background: url(../images/main/bl_language.png) no-repeat right 11px;padding-right: 15px;}
.language a {color:#fff}
.language ul {display:none;margin-top:10px;}
.language ul li a {display:block;margin-top:-1px;border-top: 1px solid rgba(255,255,255,0.1);background: #00589d;padding:5px 30px 5px 30px;position:relative}
.language ul li a:before {content:'';width:20px;height:13px;position:absolute;left:6px;top:10px;}
.language ul li.korea a:before {background: url(../images/main/flag_korea.png) no-repeat;}
.language ul li.english a:before {background: url(../images/main/flag_english.png) no-repeat;}
.language ul li.japanese a:before {background: url(../images/main/flag_japanese.png) no-repeat;}
.language ul li.vietnamese a:before {background: url(../images/main/flag_vietnamese.png) no-repeat;}
.language ul li.chinese a:before {background: url(../images/main/flag_chinese.png) no-repeat;}

/**main visual**/
.webtong_visual {position: relative;background: url(../images/main/visual1.png) no-repeat;z-index: 1;padding-bottom: 30%;background-size: cover}
.webtong_visual ul .mobile {display:none}
.webtong_visual ul li a {display: block;text-align: center;width: 100%;height: 100%;border: 1px solid red}
.webtong_visual ul li.active a .visual_text {opacity: 1;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%)}
.webtong_visual ul li a .visual_text {opacity: 0;position:absolute;left:50%;top:50%;transform: translate(-50%, -70%);-webkit-transform: translate(-50%, -70%);-moz-transform: translate(-50%, -70%);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;font-size:18px;text-align:center;width:100%;padding:0 2%}
.webtong_visual ul li a .visual_text h2 {font-size: 3em;letter-spacing:-3.5px;line-height: 50px;margin-bottom:10px}
.webtong_visual ul li a .visual_text h2 em {font-weight:300}
.webtong_visual ul li a .visual_text p {font-weight:300;letter-spacing:-1.2px}
.webtong_visual .bx-controls-direction {position: absolute;top:50%;margin-top: -20px;width: 100%;z-index: 2}
.webtong_visual .bx-controls-direction a {position: absolute;background: rgba(0,0,0,0.2) url(../images/main/next_btn.png) no-repeat 0 0;display: inline-block;line-height: 0;width: 40px;height: 40px;text-indent: -999em;border-radius: 100%}
.webtong_visual .bx-controls-direction .bx-prev {left: 10px;background-position: 12px 11px;z-index: 2}
.webtong_visual .bx-controls-direction .bx-next {right: 10px;background-position: -32px 11px;z-index: 2}
.webtong_visual .bx-controls-auto {position: absolute;left: 50%;bottom: 10%;transform: translate(44%, 0);-webkit-transform: translate(44%, 0);-moz-transform: translate(44%, 0);z-index: 2}
.webtong_visual .bx-pager {position: absolute;left: 50%;bottom: 10%;transform: translate(-80%, 0);-webkit-transform: translate(-80%, 0);-moz-transform: translate(-80%, 0);z-index: 2}
.webtong_visual .bx-pager-item {display: inline-block}
.webtong_visual .bx-pager-item a {background-color: #d6d6d6;display: inline-block;width: 20px;height: 20px;text-indent: -999em;margin: 0 3px;border-radius: 100%;border: 5px solid #d6d6d6;line-height: 0}
.webtong_visual .bx-pager-item a.active {background-color: transparent;border: 5px solid #076ca5}
.webtong_visual .bx-controls-auto-item {display: inline-block}
.webtong_visual .bx-controls-auto-item a {background: #d6d6d6 url(../images/main/play_btn.png) no-repeat;width: 20px;height: 20px;line-height: 0;text-indent: -999em;display: inline-block;border-radius: 100%;margin: 0 3px}
.webtong_visual .bx-controls-auto-item .bx-start {background-position: center -20px}
.webtong_visual .bx-controls-auto-item .bx-stop {background-position: center 8px}
.swiper-container {z-index: 1;padding-top: 43%;overflow: hidden;position: relative;height: auto}
.swiper-wrapper {position: absolute;top: 0;left: 0}
.swiper-slide {background: url(../images/main/visual1.png) no-repeat center / cover;color:#fff}
.line_in{position: absolute; top: 100px; right: 0; bottom: 0; left: 0; width: 100%; max-width:1602px; box-sizing:border-box; margin: 0 auto; font-size:0;z-index:1}
.line_in span{display:inline-block; width: 25%; height: 100%; border-right:1px solid #fff; opacity: 0.15; box-sizing:border-box;}
.line_in span:first-of-type{border-left: 1px solid #fff;}
.m_tit {font-family:Montserrat;width: 37%;font-size: 2.2vw}
.m_tit strong {display:block;font-weight: 600;}
.m_tit span {font-family: Montserrat;;font-weight: 300}
.m_tit p {margin-top: 3%;opacity: 0.7;line-height: 24px;font-size: 17px;}
.v_btn {position: absolute;top: 100px;right: 0;bottom: 0;left: 0;width: 100%;max-width: 1132px;margin: 0 auto;color: #fff}
.v_btn a {font-family: Montserrat;font-size:18px}
.v_btn a.swiper-button-next:before {content:'';background-color: #fff;width: 33px;height: 1px;position: absolute;top: 50%;left: -42px;}
.v_btn a.swiper-button-prev:before {content:'';background-color: #fff;width: 33px;height: 1px;position: absolute;top: 50%;right: -42px}

/**main content**/
.main_wrap:before {content:none}
.main_text {margin: -6% auto 0;width: 100%;max-width: 1460px;position: relative;z-index: 1;color: #fff;padding: 2.4% 4%;background: rgb(0,87,157);background: linear-gradient(105deg, rgba(0,87,157,1) 20%, rgb(0 176 240) 80%);box-shadow: 0px 19px 20px 0px rgb(0 166 255 / 29%);text-align: center;}
.main_text .text_inner {display: inline-block}
.main_text .text_inner strong {position: relative;padding-left: 36px;display: inline-block;text-align: left;float: left;font-size: 30px;font-family:Montserrat;line-height: 29px;}
.main_text .text_inner strong:before {content:'';background:url(../images/main/quotes.png) no-repeat;position: absolute;width: 51px;height: 37px;left: 2px;top: -20px;}
.main_text p {text-align: left;float: left;font-size: 19px;margin-left: 43px;}
.production_wrap {position:relative;margin-bottom: 4%}
.production_wrap:after {content: '';position: absolute;background-color: #eceff3;left: 0;width: 0%;height: 67%;top: 0;z-index: -1;}
.production_wrap.ani_layer.action:after {width: 60%}
.production_inner {background: url(../images/main/production_bg.png) no-repeat left top;max-width: 1460px;margin: 90px auto 0;width: 100%;padding: 133px 0 0 17%}
.production_inner .production_content {padding: 75px 0 0 75px;transform: translateY(100px);opacity: 0;background: #fff url(../images/main/dot_bg.png) no-repeat 17px 20px}
.production_inner .production_content > h2 {font-family: Montserrat;text-transform: uppercase;font-size: 40px}
.production_inner .production_content > h2 em {font-weight: 300;}
.production_inner .production_content > p {font-size: 18px;line-height: 24px;margin-top: 10px}
.production_inner .production_content .system_box {background-color: #00adef;color: #fff;padding: 4% 4% 3% 4%;margin-top: 27px;position: relative;}
.production_inner .production_content .system_box.bgcol02 {background-color: #017dc5}
.production_inner .production_content .system_box.bgcol03 {background-color: #313033}
.production_inner .production_content .system_box .v_p {width:19px;height:19px;background: url(../images/main/v_p.png) no-repeat;text-indent: -999em;display: inline-block;position: absolute;right: 15px;top: 15px;}
.production_inner .production_content .system_box h3 {font-size: 19px}
.production_inner .production_content .system_box > p {}
.production_inner .production_content .system_box > ul {display: flex;flex-wrap: wrap;margin: 19px -6px 0;}
.production_inner .production_content .system_box > ul li {text-align: center;flex-basis: 200px;flex-grow: 1}
.production_inner .production_content .system_box > ul li a {display: block;background-color: #fff;color: #000;padding: 8px;border-radius: 22px;margin: 6px;}
.production_inner .production_content .system_box > ul li a:hover {background-color: #ffd650;text-decoration: none}
.production_wrap.ani_layer.action .production_content {transform: translateY(0);opacity: 1}

/**메인 갤러리 전체**/
.bgfff_wrap {position: relative;padding-bottom: 10px;background-color: #eff2f7}
.min_bbs_wrap {max-width: 1460px;margin: 0 auto;padding: 50px 0;position: relative;z-index: 1}
.min_bbs_wrap h3 {font-family: Montserrat;text-transform: uppercase;font-size: 40px;letter-spacing:0}
.min_bbs_wrap > P {font-size: 18px;line-height: 24px;margin: 10px 0 15px}

/**메인 사업영역**/
.webtong_gallery02 {margin: 0 -20px;position:relative}
.webtong_gallery02 .card_wrap {float:left;width:25%;transform: translateY(100px);opacity: 0}
.webtong_gallery02 .card_wrap.ani_layer.action {transform: translateY(0);opacity: 1}
.webtong_gallery02 .card_wrap p {height: 64px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color: #767676;}
.webtong_gallery02 .card_wrap a {display:block;padding: 20px;position: relative}
.webtong_gallery02 .card_wrap a:hover {box-shadow:0 0 20px 4px rgba(0, 0, 0, 0.1)}
.webtong_gallery02 .card_wrap a > span {position: relative;padding-top: 58%;display: block;overflow: hidden;}
.webtong_gallery02 .card_wrap a > span > em {position: absolute;top: 50%;left: 50%;margin-top: -29px;margin-left: -29px}
.webtong_gallery02 .card_wrap a > span > em > img {width: auto}
.webtong_gallery02 .card_wrap a span > img {position: absolute;top: 0;left: 0}
.webtong_gallery02 .card_wrap a:hover span img, .webtong_gallery02 .card_wrap a:focus span img {transform: scale(1.2)}
.webtong_gallery02 .card_wrap a .text {font-size: 15px;padding: 20px;}
.webtong_gallery02 .card_wrap a .text strong {font-size: 1.1em;margin: 10px 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.webtong_gallery02 .card_wrap a > em {font-family: Montserrat;letter-spacing: 0;font-weight: 400;display: block;padding: 0 20px;color: #767676;}
.webtong_gallery02 .notice_more {position: absolute;top: -50px;right: 22px;text-indent: -999em;width: 22px;height: 22px;background: url(../images/main/more.png) no-repeat}

/**메인 하단 소개 및 자료 다운로드**/
.company_wrap {}
.company_inner li {float:left;width:50%}
.company_inner:hover li {width:45%}
.company_inner li:hover {width:55%}
.company_inner li > div {height: 264px;background-size: 100%}
.company_inner li > div .company_inner {max-width: 730px;margin: 33px 0 0 auto;text-align: center;}
.company_inner li > .download .company_inner {margin: 33px auto 0 0;}
.company_inner li > div .company_inner strong {text-transform: uppercase;font-size: 25px;font-family: Montserrat;letter-spacing: 0;margin-bottom: 11px;display: block;}
.company_inner li > div .company_inner a {background: url(../images/main/more02.png) no-repeat right 14px;padding: 0 15px 0 8px;font-size: 18px;}
.company_inner li > div .company_inner a.none {background:none}
.company_inner li > div .company_inner a:hover, .company_inner li div a:focus {color: #ffd81a}
.company_inner li .company {background: #132440 url(../images/main/sub_bg02.png) no-repeat;padding: 55px 55px 55px 10px;transition: all 1s cubic-bezier(0, 0, 0, 1.01) 0s;color: #fff;text-align: right;position: relative;background-size: cover;}
.company_inner li .company img {width: auto;position: absolute;right: 0;top: 50%;margin-top: -60px}
.company_inner li .download {background: #bd2263 url(../images/main/sub_bg03.png) no-repeat;padding: 55px 32px;transition: all 1s cubic-bezier(0, 0, 0, 1.01) 0s;color: #fff;text-align: left;position: relative;background-size: cover;}

/**sub**/
.sub_nav {width:100%;position:absolute;bottom: -40px;z-index: 1}
.sub_nav:before {content:'';width: 50%;background: #113d5f;height: 100%;position: absolute;z-index: 0;}
.sub_nav h3 {display:none}
.sub_nav .sub_nav_wrap {width:1200px;margin:0 auto;position: relative;}
.sub_nav .sub_nav_wrap ul {display:table;table-layout:fixed;width: 100%;padding-right: 183px;}
.sub_nav .sub_nav_wrap ul li {display:table-cell;vertical-align: middle;text-align: left;background: #113d5f;position:relative;height: 100px;}
.sub_nav .sub_nav_wrap ul li a {color: #8cb7d8;font-size: 18px;text-align: center;text-decoration:none;line-height: 22px;padding: 28px 0;vertical-align: middle;display: block;}
.sub_nav .sub_nav_wrap ul li a:before {content:'';width: 1px;height:30px;position:absolute;top: 50%;left: 0;background: #1e5076;margin-top: -15px;}
.sub_nav .sub_nav_wrap ul li:first-child a:before {content:none}
.sub_nav .sub_nav_wrap ul li a.on, .sub_nav .sub_nav_wrap ul li a:hover {color:#fff;}
.sub_nav .sub_nav_wrap ul li a.on:after, .sub_nav .sub_nav_wrap ul li a:hover:after {content:'';width: 100%;height: 5px;background: #11d0ff;position:absolute;left: 0;bottom: 0;margin-left:-2px;}

.contents {padding: 100px 0 100px; font-size:16px}
.contents.wall {max-width:100%}
.contents_wrap {margin-right: 60px} 
.contents h2 {font-size: 2em;font-family: "NanumSquare";font-weight: 700;color: #333;clear: both;padding: 50px 0px 30px;letter-spacing: -0.7px}
.contents h3 {font-size: 1.5em;font-weight: 800;color: #00295d;padding: 30px 0 20px 0;position:relative}
.contents h4 {font-size: 1.2em;letter-spacing: -0.7px;color: #333;padding: 40px 0 15px;}
.contents h4.first {padding: 0 0 20px}
.contents h3+h4 {padding: 0 0 15px;}
.contents h3.first {padding-top: 0}

/**sub greeting**/
.sub_contents_wrap {margin: 0 auto;position: relative;font-weight: 200;max-width:1200px;z-index: 0;}
.sub_title {max-width: 1200px;margin: 0 auto;padding: 152px 0;color: #fff;text-align: center}
.sub_title h2 {font-size: 40px}
.sub_title p {font-size: 18px}
.img_box {margin-top:50px}

/** 솔루션 & 소프트웨어 **/
.box_list {margin: 0 -5px;}
.box_list .box_list_inner {float:left;width:25%;padding: 5px;}
.box_list .box_list_inner p {max-height: 69px;border: 1px solid #dddddd;padding: 20px}
.box_list.b_radius .box_list_inner p {border-radius:30px;display:block;text-align: center;padding: 30px 19px;background: #f7f8fa;min-height: 205px;letter-spacing: -1px;}
.box_list.h_type .box_list_inner p {min-height:258px}
.box_list.b_radius .box_list_inner p img {display:block;height: 80px;margin: 0 auto 15px auto;}
.box_list.b_radius .box_list_inner strong {display:block;margin-bottom:5px}
.box_list.w_type .box_list_inner {width:20%;}
.box_list.w_type .box_list_inner p {justify-content: center;font-weight: 600;}
.box_list.img_c .box_list_inner p {text-align:center;height: 160px;max-height:none}
.box_list.img_c .box_list_inner p em img {width: auto;height: auto;display: table;margin: 0 auto 13px}

.img-list-wrap {border-top:1px solid #00295d;}
.img-list-wrap > li {min-height:254px;border-bottom:1px solid #d8d9de;position:relative;margin-top: 30px;}
.img-list-wrap > li img {width:auto;max-width:100%;position:absolute;top:0;left:0;}
.img-list-wrap > li .text-box {padding:10px 0 0 388px;}
.img-list-wrap > li .text-box strong { font-size: 19px;display: block;margin-bottom: 10px;}
.gallery_inner {position:relative}
.gallery_inner .swiper-container {padding:0;margin: 0 auto;width: 100%;max-width: 1200px;position: relative;padding-bottom: 20px;height: auto;}
.gallery_inner .swiper-wrapper {position:relative;height: auto;}
.gallery_inner .swiper-slide {display: block;background:none;}
.gallery_inner .swiper-slide strong {display:block;margin-top:15px;color:#333;font-size:15px;}
.gallery_inner .v_btn {color: #df0808;top: -44px;bottom: auto;width: auto;max-width:none;right: 0;z-index: 5;left: auto;}
.gallery_inner .swiper-button-prev {width:29px;height:29px;background:url('../images/sub/btn_prev.png') no-repeat 0 0;}
.gallery_inner .swiper-button-next {width:29px;height:29px;background:url('../images/sub/btn_next.png') no-repeat 0 0;}
.gallery_inner .swiper-button-next, .gallery_inner .swiper-button-prev {position:relative;top:auto;left:auto;text-indent:-9999px;display: inline-block;right: auto;}
.gallery_inner .v_btn .swiper-button-prev:before {content:none}
.gallery_inner .v_btn .swiper-button-next:before {content:none}
.img_wrap {margin-top:30px;text-align:center}
.img_wrap img {max-width:100%;width: auto}
.img_wrap .mobile {display:none;}
.img_wrap.line {border: 1px solid #ddd;padding: 50px}
.homepage_wrap {background:url('../images/sub/img_notebook.png') no-repeat right 43px;background-size: 500px 315px;padding-bottom: 135px;}

/** news_gallery **/
.news_gallery {margin: 0 -10px;}
.news_gallery li {float: left;width: 25%;padding: 10px;}
.news_gallery li a {display: block;border: 2px solid #e7e9ed;}
.news_gallery li a img {width: 100%;position: relative;top:0;left:0}
.news_gallery li a p {padding:15px 15px 30px;}
.news_gallery li a strong {display: block;margin: 0 0 10px 0;;width: 100%;overflow: hidden;white-space: normal;height: 49px;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_gallery li a .date {font-size: 15px;font-family: Montserrat;font-weight: 400;color: #a0a0a0;display: block;margin-top: 20px;}
.news_gallery li a span {display: block;width: 100%;overflow: hidden;white-space: normal;height: 49px;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_gallery li a .btn_view {font-size: 15px;line-height: 18px;text-align: right;display: block;margin-top: 15px;background: url('../images/sub/bl_view.png') no-repeat right 7px;padding-right: 10px;color: #00589d;}
.news_gallery li a:hover {border: 2px solid #00589d;background: #00589d;color:#fff}
.news_gallery li a:hover em {color:#fff}
.news_gallery li a:hover .btn_view {background: url('../images/sub/bl_view_on.png') no-repeat right 7px;}
.text-bbsbox dl {padding: 10px 15px;overflow: hidden;border-bottom: 1px solid #dedede;font-size: 15px}
.text-bbsbox dt {float: left;padding-right: 10px;font-weight: 600;line-height:17px}
.text-bbsbox dd {float: left;padding-right: 20px;font-weight: 300;line-height:17px}
.text-bbsbox dd a img {width: auto;vertical-align: middle;margin-left: 5px}
.text-bbsbox .bbstitle {display: block;border-top: 2px solid;padding: 10px 10px 10px 16px;background-color: #f7f7f8;border-bottom: 1px solid #dedede}
.textview {border-bottom: 1px solid #dedede;;padding:30px 20px}
.textview img {max-width:100%;width: auto}

/** text_list **/
.text_list li {text-indent:-10px;padding-left:10px}
.text_list.db_type li {margin-top:15px;text-indent:0;padding-left:0;}
.text_list.db_type li:first-child {margin-top:0;}
.text_list.db_type li strong {display:block;color:#203378}

/** table_wrap **/
.table_wrap {border-top:2px solid #5a6379;overflow-x:auto}
.table_wrap table {width:100%;min-width: 800px;}
.table_wrap table th {border-bottom:1px solid #dddddd;}
.table_wrap table th:first-child {border-left:0}
.table_wrap.th_left table tbody th:first-child {text-align:left}
.table_wrap table thead th {background: #e7ecf6;color:#00295d;padding: 10px 0;border-left: 1px solid #dddddd}
.table_wrap table tbody th {background: #f9f9f9;color:#333;padding:5px 12px}
.table_wrap table td {border-bottom: 1px solid #dddddd;border-left: 1px solid #dddddd;text-align: center;padding: 5px 12px;height: 37px}
.table_wrap table .table_tit {background: #e7ecf6;color:#00295d;padding: 10px;border-left: 1px solid #dddddd}
.table_wrap table td.point {background-color: #fdf2e6}

/** tab-menu **/
.tab_wrap {margin-bottom:20px}
.tab_wrap > a {display:none}
.tab-menu {display: table;width: 100%;table-layout: fixed;z-index:1}
.tab-menu li {display:table-cell;border: 1px solid #fff}
.tab-menu li a {display:block;padding: 12px 0;background: #e0e0e0;text-align: center;}
.tab-menu li.on a, .tab-menu li.on a:hover {color:#fff;background:#00295d}

.tab_wrap_btn {}
.tab_wrap_btn ul {display: flex;gap: 5px}
.tab_wrap_btn ul li {}
.tab_wrap_btn ul li a {font-size: 14px;display: inline-block;border: 1px solid #bfbfbf;padding: 4px 14px;border-radius: 4px}
.tab_wrap_btn ul li.on a,.tab_wrap_btn ul li:hover a {background-color: #eaf3f5;text-decoration: none}

.gallery_box {display: flex;flex-wrap: wrap;margin: 20px -15px;}
.gallery_box_inner {width: 33.333333%;padding: 15px 15px;}
.gallery_box_con:hover {text-decoration: none;color: inherit;border-color: #00a72}
.gallery_box_con {border: 1px solid #cfcfcf;border-radius: 10px;overflow: hidden;display: flex;flex-direction: column;padding: 18px;}
.gallery_box_con .gallery_tit {display: flex;margin-bottom: 10px;align-items: flex-start;gap: 23px;}
.gallery_box_con .gallery_tit img {width: 40px}
.gallery_box_con .gallery_tit strong {display: inline-block}
.gallery_box_con .gallery_number {display: flex;justify-content: space-between;margin-bottom: 10px;align-items: center}
.gallery_box_con .gallery_number .gallery_number_inner span {font-size: 14px;}
.gallery_box_con .gallery_number .gallery_number_inner strong {display: block;font-size: 29px;font-weight: 800;color: #00a725}
.gallery_box_con .gallery_number .gallery_number_inner > p {color: #00a725;font-size: 14px}
.gallery_box_con .gallery_number .gallery_number_inner > p em {color: #7b7b7b;margin-right: 6px}
.gallery_box_con .gallery_result {display: flex}
.gallery_box_con .gallery_result li {flex-grow: 1;font-size: 13px}
.gallery_box_con .gallery_result li strong {font-weight: 200;color: #767676}
.gallery_box_con .gallery_result li p {color: #1b1b1b;font-weight: 700}

/*paging*/
.webtong-paging {text-align: center;margin: 30px 0;line-height: 32px}
.webtong-paging.text_left {text-align: left}
.webtong-paging.text_right {text-align: right}
.webtong-paging a {display: inline-block;width: 35px;height: 35px;text-indent: -999em;border: 1px solid #e6e6e6;margin: 0 -3px;}
.webtong-paging > a:hover {background-color:#efefef}
.webtong-paging .first {background: #fff url(../images/sub/first_page.png) no-repeat center}
.webtong-paging .previous {background: #fff url(../images/sub/previous_page.png) no-repeat center}
.webtong-paging .next {background: #fff url(../images/sub/next_page.png) no-repeat center}
.webtong-paging .last {background: #fff url(../images/sub/last_page.png) no-repeat center}
.webtong-paging span em {display: inline-block;width: 35px;height: 35px;margin: 0 -2px;color: #ff1212}
.webtong-paging span a {text-indent: 0;border: 0}
.webtong-paging span a.end {display:none}

/** btn_type **/
.btn_basic {margin-top:15px;}
.btn_basic a {display:inline-block;background:#223b5b;color:#fff;padding: 10px 40px;}
.btn_basic a span {display:inline-block;background: url(../images/sub/btn_back.png) no-repeat 0 10px;padding-left: 15px;}


/**etc**/
.icon_wrap li {float: left;width: 16.66666%;text-align: center;padding: 16px;margin-left: -1px}
.icon_wrap li p {border: 1px solid #dedede;padding: 30px 0;display:block}
.icon_wrap.bgcolor li p {background-color: #434444;border-color: #434444}
.icon_wrap li img {width:auto;max-width: none}
.color_red {color: red}
.sub_visual {background-position: center top;background-repeat: no-repeat;position: relative;background-size: cover;}
.menu_bg {width: 100%;height: 0;position: absolute;top: 98px;display: none;left: 0;z-index: 3;background-color: #002644;border-top: 1px solid #183852;}
.visual img {max-width: 100%;margin: 0 auto;width: 100%}
.v_m {display:none}
.text_c {text-align:center}
#sub01, #sub02, #sub03, #sub04, #sub05 {display:none}

/**추가부분**/
.accent_txt {border: 1px solid #dddddd;padding: 19px;border-radius: 12px;font-weight: 400;font-size: 18px;}
.accent_txt li {position:relative;padding-left: 8px;}
.accent_txt li:before {content:'';background-color: #001c32;height: 4px;display: inline-block;width: 4px;border-radius: 50%;position: absolute;top: 10px;left: 0;}
.accent_txt li strong {color: #ff2929}

.r2g_wrap {display: flex;margin-top: 70px;border-bottom: 1px solid #cdcdcd;padding-bottom: 70px;gap: 67px}
.r2g_wrap.last {border-bottom:0}
.r2g_wrap.logo_in {}
.r2g_wrap.logo_in .r2g_text {width:20%;text-align: center;}
.r2g_wrap.logo_in .r2g_text em {display: inline-flex;background-color: #3c3c3c;width: 160px;height: 160px;align-items: center;justify-content: center;border-radius: 50%}
.r2g_wrap.logo_in .r2g_text em img {width: auto}
.r2g_wrap.logo_in .r2g_img {width:80%}
.r2g_wrap .r2g_text {width: 34%}
.r2g_wrap .r2g_text strong {font-size: 35px;font-weight: 800;display: block;margin-bottom: 12px;}
.r2g_wrap .r2g_text p {margin-bottom: 36px;font-size: 16px;border-radius: 19px;padding: 6px 28px;background-color: #efefef;text-align: center;font-weight: 500}
.r2g_wrap .r2g_text p.link {padding: 0;background: none;margin-top: 18px;font-size: 14px;color: #afafaf}
.r2g_wrap .r2g_text ul {font-size: 15px}
.r2g_wrap .r2g_text ul li {position:relative;padding-left: 8px;margin-bottom: 10px;}
.r2g_wrap .r2g_text ul li:before {content:'';background-color: #7f7f7f;height: 3px;display: inline-block;width: 3px;border-radius: 50%;position: absolute;top: 9px;left: 0}
.r2g_wrap .r2g_img {background-color: #f5f5f5;padding: 37px;width: 66%}
.r2g_wrap .r2g_img img {width: auto}

.view_wrap {display: flex;gap: 22px;}
.view_wrap .view_left {width: 32%;height: 100%;}
.view_wrap .view_left .view_left_inner {padding: 20px;height: 100%;border: 1px solid #cfcfcf;border-radius: 10px;}
.view_wrap .view_left .view_left_inner .name {display: flex;width: 100%}
.view_wrap .view_left .view_left_inner .name .profile {flex-grow: 1}
.view_wrap .view_left .view_left_inner .name .profile > p {font-size: 18px;font-weight: 600}
.view_wrap .view_left .view_left_inner .name .profile > strong {margin-top: 20px;display: block}
.view_wrap .view_left .view_left_inner .name img {width: auto;flex-grow: 0;}
.view_wrap .view_left .view_left_inner .profile_list {font-size: 15px;margin-top: 31px;border-top: 1px solid #cfcfcf;padding-top: 12px}
.view_wrap .view_left .view_left_inner .profile_list li {position:relative;padding-left: 8px}
.view_wrap .view_left .view_left_inner .profile_list li:before {content:'';background-color: #001c32;height: 4px;display: inline-block;width: 4px;border-radius: 50%;position: absolute;top: 10px;left: 0;}
.view_wrap .view_right {width: 68%;height: 100%;display: flex;flex-wrap: wrap;gap: 12px;}
.view_wrap .view_right .view_right_inner {gap: 20px;display: flex;flex-direction: column;}
.view_wrap .view_right .view_right_inner .view_right_inner_top {border: 1px solid #cfcfcf;border-radius: 10px;padding: 20px}
.view_wrap .view_right .view_right_inner .view_right_inner_bottom {border: 1px solid #cfcfcf;border-radius: 10px;padding: 20px;}
.view_wrap .view_right .view_right_inner .view_right_inner_bottom strong {display: block;font-size: 19px;margin-bottom: 10px}
.view_wrap .view_right .view_right_inner .view_right_inner_bottom .risk_wrap {font-size: 15px}
.view_wrap .view_right .view_right_inner .view_right_inner_bottom .risk_wrap ul {}
.view_wrap .view_right .view_right_inner .view_right_inner_bottom .risk_wrap ul li {display: flex;margin-bottom: 7px}
.view_wrap .view_right .view_right_inner .view_right_inner_bottom .risk_wrap ul li em {font-weight: 500;min-width: 118px;}
.setting_wrap {text-align: center;margin-top: 25px;border: 1px solid #c5dbe9;border-radius: 17px;padding: 5px;background-color: #eaf7ff;font-weight: 600}
.setting_wrap em {color: #1b17bd}
.view_right_04 {width: 49%;border: 1px solid #cfcfcf;border-radius: 10px;padding: 20px}
.trading_wrap {display: flex;flex-wrap: wrap;margin-top: 23px;border-top: 1px dotted #cfcfcf;}
.trading_wrap li {width: 50%;text-align: center;border-bottom: 1px dotted #cfcfcf;border-right: 1px dotted #cfcfcf}
.trading_wrap li p {padding: 13px;font-weight: 800;}
.trading_wrap li p em {display: block;font-size: 14px;font-weight: 400;}
.trading_wrap li:nth-child(even) {border-right: 0;}

.form_box_con {max-width: 1200px;margin: 0 auto}
.form_box_con.login_wrap {max-width: 500px}
.form_box_wrap {margin-bottom:10px;}
.form_box_wrap dl {display:table; width:100%; margin-bottom: 10px; border:1px solid #ddd; background-color:#F7F7F7;border-radius: 6px}
.form_box_wrap dt {display:table-cell;position:relative;width: 210px;vertical-align: top;height:48px;padding-left: 15px;font-size:15px;line-height: 48px;letter-spacing: -0.5px;color:#555555;}
.form_box_wrap dt::after {content:""; position:absolute; height:12px; width:2px; background-color:#ddd; right:0; top:20px;}
.form_box_wrap dd {display:table-cell;vertical-align: top;padding: 0 1%;}
.form_box_wrap dd input,
.form_box_wrap dd select,
.form_box_wrap dd textarea{height:48px; border:0; width:100%; font-size:15px; letter-spacing: -0.5px; color:#555; font-weight: 300; background-color:#F7F7F7}
.form_box_wrap dd input[type="file"] {line-height: 52px}
.form_box_wrap dd textarea {width:100%; height:120px; padding: 15px 0px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; resize:none}
.form_box_wrap .file dd {vertical-align: middle;}
.form_box_wrap .file dd input {height:30px; }
.form_box_wrap p {height:48px; line-height: 48px; font-size:15px; letter-spacing: -0.5px; color:#555;}
.form_box_wrap dl.on {border:1px solid #A0CB49; background-color:#fff;}
.form_box_wrap dl.on input , .form_box_wrap dl.on textarea, .form_box_wrap dl.on select {background-color:#fff}
.form_box_wrap .address-fieldset .write-input{margin-top:6px;}
.form_box_wrap .address-fieldset .write-input:first-child{margin-top:0;}
.form_box_wrap .address-fieldset .write-input:nth-of-type(2){border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.form_box_wrap .address-btn{display:inline-block; min-width:114px; padding:0 10px; height:38px; border:1px solid #464646; vertical-align:middle; text-align:center; color:#464646; font-size:14px; font-weight:400; margin-left:10px;}
.form_box_wrap .address-btn:hover{background-color:#464646; color:#fff;}
.input_wrap {display: table;width: 100%;border: 1px solid #ddd;background-color: #F7F7F7;border-radius: 6px;padding: 0 1%;}
.input_wrap input[type="text"] {background-color: #F7F7F7;}

.faq_wrap {}
.faq_wrap ul {}
.faq_wrap ul li {}
.faq_wrap .faq_inner {margin-bottom: 20px;padding: 19px;border-radius: 10px;border: 1px solid #ddd}
.faq_wrap .faq_inner dt {font-weight: 600;margin-bottom: 10px;display: flex}
.faq_wrap .faq_inner dt em {display: inline-block;border: 0;text-align: center;width: 26px;border-radius: 50%;height: 26px;margin-right: 5px;min-width: 26px;font-size: 14px;background-color: #0139a5;color: #fff;line-height: 23px}
.faq_wrap .faq_inner dd {padding-left: 11px;display: flex}
.faq_wrap .faq_inner dd em {display: inline-block;border: 0;text-align: center;width: 26px;border-radius: 50%;height: 26px;margin-right: 5px;min-width: 26px;font-size: 14px;background-color: #01a59f;color: #fff;line-height: 25px;font-weight: 600}

.board_wrap {max-width: 1200px;margin: 0 auto}
.board_list_tab {display: table;width: 100%;table-layout: fixed}
.board-head {display: table-header-group}
.board-head span {display: table-cell;text-align: center;background: #fff;color: #222;font-weight: 500;font-size: 15px;letter-spacing: -0.5px;padding: 14px 0;border-top: 1px solid #113d5f;border-bottom: 1px solid #ddd;background-color: #f5f5f5}
.bbs-list-row {display: table-row;width: 100%}
.bbs-list-row .column {display: table-cell;vertical-align: middle;padding: 12px 0;color: #444;font-size: 15px;letter-spacing: -0.5px;text-align: center;border-bottom: 1px solid #ddd}
.bbs-list-row:hover {background-color: #f6f6f6}
.bbs-list-row .bbs-title {text-align: left}
.bbs-list-row .bbs-title a {display: block;position: relative;padding: 0 60px 0 0;color: #444}
.bbs-list-row .bbs-title a:hover {color: #000}
.bbs-subject-con {display: inline-block;position: relative;max-width: 100%}
.bbs-subject-con .bbs-subject-txt {display: inline-block;padding-right: 5px;overflow: hidden;width: 100%;text-overflow: ellipsis;white-space: nowrap;font-weight: 400;line-height: 18px;vertical-align: middle}
.bbs-subject-con .bbs-subject-txt .category {font-weight: 600;color: #000;margin-right: 5px}
.bbs-subject-con .bbs-icons {display: inline-block;color: #999;vertical-align: middle}
.bbs-subject-con .bbs-icons i {font-size: 17px;margin-left: 1px}
.bbs-subject-con .material-icons {vertical-align: middle;height: 18px;font-size: 17px}
.bbs-subject-con .comment-num {display: inline-block;height: 14px;margin: 2px 0 0 2px;color: #aaa;line-height: 16px;font-size: 12px;font-weight: 400;letter-spacing: -0.5px;vertical-align: middle}
.bbs-subject-con .comment-num i {height: 16px;font-size: 14px;color: #aaa}
.bbs-list-row .reply-state span {display: inline-block;padding: 0 10px;height: 24px;line-height: 24px;background-color: #888;border-radius: 5px;font-size: 11px;color: #fff;text-align: center}
.bbs-list-row .reply-state.reply-state-finish span {background-color: #5997bb}
.bbs-list-row .bbs-comment-data {display: none}

.board-view {max-width: 1200px;margin: 0 auto}
.view-top{padding:20px;border-top: 1px solid #113d5f;border-bottom:1px solid #eee}
.view-top .event-wrap{overflow:hidden; color:#888; padding-bottom:10px}
.view-top .event-wrap dt,.view-top .event-wrap dd{display:inline-block; letter-spacing:-0.5px}
.view-top .event-wrap dt{margin-right:10px; color:#333}
.view-top .event-wrap dt i{font-size:16px; margin:-1px 3px 0 0; vertical-align:middle}
.view-top .reply-state{float:none; text-align:left; margin-bottom:10px}
.view-top .reply-state span{display:inline-block; padding:0 10px; height:24px; line-height:24px; background-color:#888; border-radius:5px; font-size:11px; color:#fff; text-align:center}
.view-top .reply-state.reply-state-finish span{background-color:#5997bb}
.view-top .bbs-category{display:block; font-size:13px; margin-bottom:10px}
.view-top .bbs-tit{color:#282828; font-size:22px; letter-spacing:-0.6px; font-weight:500; line-height:32px; word-break:keep-all}
.view-top .bbs-write-info{margin-top:20px}
.view-top .bbs-write-info dt,.view-top .bbs-write-info dd{display:inline-block; color:#777; font-size:14px; vertical-align:middle; font-weight:500}
.view-top .bbs-write-info dd{margin:0 20px 0 5px; color:#888; font-weight:400}
.view-con{padding:30px 20px; border-bottom:1px solid #eee}
.view-prev-next{margin-top:30px}
.view-prev-next li{border-bottom:1px solid #eee}
.view-prev-next li:first-child{border-top:1px solid #eee}
.prev-next{width:100%; table-layout:fixed}
.prev-next th,
.prev-next td{height:58px; color:#333; font-size:16px; letter-spacing:-0.5px; line-height:1.2}
.prev-next th{text-align:left}
.prev-next .prev-next-tit{position:relative; display:block; padding-left:25px; font-weight:400;font-family: 'Play'}
.prev-next .prev-next-tit:after{position:absolute; top:0px; bottom:0px; width:1px; right:0px; background-color:#eee; content:""}
.prev-next .prev-next-tit i{position:absolute; right:15px; font-size:20px}
.prev-next td{padding-left:20px}
.prev-next td a{display:block; color:inherit}
.prev-next td a .bbs-tit{white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.prev-next td a:hover .bbs-tit{text-decoration:underline}

.btn-style {text-align: center;padding-top: 30px}
.btn-style .btn-style01{background-color:#333}
.btn-style .btn-style02{background-color:#8c8c8c}
.btn-style .btn-style03{box-sizing:border-box; background:#fff; border:1px solid #888; color:#222}
.btn-style button, .btn-style a {display: inline-block;width: 150px;height: 42px;border: 0;color: #fff;font-size: 17px;cursor: pointer;text-align: center;font-weight: 400;padding: 7px 0}
.btn-style button, .btn-style a:hover {text-decoration:none;background-color: #a0171a}

.titl_wrap {display: flex;justify-content: space-between;align-items: center}
.select_wrap {display: flex;line-height: 43px}
.select_wrap form select {background: #fff url(../images/sub/select.png) no-repeat center right;height: 34px;padding: 0 10px;border-radius: 3px;border: 1px solid #cbcbcb;width: auto}
.select_wrap .btn_select {border: 1px solid #113d5f;height: 34px;display: inline-block;padding: 0 14px;line-height: 29px;border-radius: 3px;background-color: #113d5f;color: #fff}

.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-name: fadeInUp;animation-name: fadeInUp}
@keyframes left_right {
	0% {-webkit-transform: translateY(70px);-ms-transform: translateY(70px);transform:translateX(70px); opacity:0;}
	100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform:translateX(0); opacity:1}
}
@keyframes bottom_top {
	0% {-webkit-transform: translatey(70px);-ms-transform: translatey(70px);transform:translatey(70px); opacity:0;}
	100% {-webkit-transform: translatey(0);-ms-transform: translatey(0);transform:translatey(0); opacity:1}
}
@keyframes fadeInUp {
  0% {opacity: 0;-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px)}
  100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}
}

#footer {background: #313033;}
.footer-head {width: 100%; display: inline-block;}
.footer-head h3 {font-family: Montserrat;text-transform: uppercase;font-size: 40px;color:#fff;letter-spacing: 0;}
.footer-head .numbering {font-family: 'PT Mono', monospace;}
.footer-head .numbering, .footer-head .section-title {font-size: 18px; color: #ff7200;}
.footer-head .section-title:before { width: 78px; height: 1px;display: inline-block; content:''; background: #ff7200; vertical-align: middle; margin: 0px 10px;}
.footer-head .text {margin-top: 12px}
.footer-head .text p {color: #ffffff;font-size: 18px;letter-spacing: -0.5px;word-break: keep-all;}
#footer.contact {padding-top: 70px;padding-bottom: 50px;}
#footer .inner {max-width: 1460px;width: 100%;margin: 0 auto}
#footer .content-wrap  {margin-top: 50px;}
#footer .address {width: 40%; color: #8f8f8f; float: left}
#footer .address li {margin-bottom: 20px; color: #8f8f8f;}
#footer .address li span {padding-left: 103px;font-size: 14px;font-family: Montserrat;font-weight: 400;text-transform: uppercase;display: inline-block;}
#footer .address strong {width: 100px; display: inline-block;line-height: 27px}
#footer .address address {display: inline-block; vertical-align: top;line-height: 27px;}
#footer .address address a {color:#8f8f8f}
#footer .address .privacy-list {position: absolute; bottom: 0;}
#footer .address .privacy-list .top {margin-bottom: 20px;}
#footer .address .privacy-list .bold {font-weight: 500;}
#footer .address .privacy-list a {padding-right: 15px; color: #6f6f6f; letter-spacing: -1px;}
#footer .address .privacy-list a:nth-child(1):before {width: 60px; height: 1px; content:''; display: inline-block; background: #6f6f6f; vertical-align: middle; margin-right: 20px;}
#footer .content-wrap .inquire-cont {width: 51%;float: right}
#footer .content-wrap .inquire-cont ul {position: relative}
#footer .content-wrap .inquire-cont .float_left{float: left; width: 100%; position: relative;}
#footer .content-wrap .inquire-cont input[type="text"],
#footer .content-wrap .inquire-cont input[type="email"],
#footer .content-wrap .inquire-cont input[type="tel"],
#footer .content-wrap .inquire-cont textarea {color: #fff; background: transparent; width: 100%; box-sizing: border-box; outline: none;}
#footer .content-wrap .inquire-cont textarea {min-height:150px;overflow-y: auto;}
#footer .effect {border: 0; padding: 7px 0; border-bottom: 1px solid #525252}
#footer .effect ~ .focus-line{position: absolute; bottom: 0; left: 0; width: 0; height: 1px; border-bottom: solid 1px #00e7ff; transition: 0.4s;}
#footer textarea.effect ~ .focus-line{position: absolute; bottom: 0; left: 0; width: 0; height: 1px;border-bottom: solid 1px #00e7ff; transition: 0.4s;}
#footer .effect:focus ~ .focus-line {width: 100%; transition: 0.4s;}
#footer .content-wrap .inquire-cont li {width: 46%; margin-bottom: 14px; float: left;}
#footer .content-wrap .inquire-cont li.f_none {width: 100%;}
#footer .content-wrap .inquire-cont li:nth-child(1), #footer .content-wrap .inquire-cont li:nth-child(3) {padding-right:60px;width: 54%}
#footer .content-wrap .inquire-cont li:nth-child(6) {margin-bottom: 24px;width: 75%;}
#footer .content-wrap .inquire-cont li:nth-child(7) {float:right;}
#footer .content-wrap .inquire-cont li .messager_wrap span {position: absolute;}
#footer .content-wrap .inquire-cont li .messager_wrap span select {background: transparent url(../images/main/select_bg.png) no-repeat right;border: 0;color: #999;padding: 7px 28px 5px 0;width: 100px;}
#footer .content-wrap .inquire-cont li .messager_wrap .effect {padding-left: 117px;}

/*foter checkbox*/
#footer .content-wrap .inquire-cont .check {}
#footer input[type="checkbox"] {width: auto;opacity: 0.00000001;position: absolute;left: 0;margin-left: -20px;vertical-align: middle;}
#footer label { position: relative;vertical-align: middle; letter-spacing: -1px;}
#footer label:before {content: '';position: absolute;left: 0;top: 0px;margin: 4px;width: 22px;height: 22px;transition: transform 0.28s ease;border-radius: 3px;border: 2px solid #cccccc;vertical-align: middle;}
#footer label:after {content: '';display: block;width: 10px;height: 5px;border-bottom: 2px solid #00e7ff;border-left: 2px solid #00e7ff;-webkit-transform: rotate(-45deg) scale(0);transform: rotate(-45deg) scale(0);transition: transform ease 0.25s;will-change: transform;position: absolute;top: 12px;left: 10px;vertical-align: middle;}
#footer input[type="checkbox"]:checked ~ label::before {color: #00e7ff;border: 2px solid #00e7ff;}
#footer input[type="checkbox"]:checked ~ label::after {-webkit-transform: rotate(-45deg) scale(1);transform: rotate(-45deg) scale(1);}
#footer label {min-height: 34px;display: block;padding: 3px 0px 0px 34px;margin-bottom: 0;font-weight: normal;cursor: pointer;}
#footer input[type="checkbox"]:focus + label::before {outline: none}
#footer input[type="checkbox"] + label {font-weight: normal;text-decoration: underline;color: #999999;}
.footer-head .numbering, .footer-head .section-title {font-size: 18px;color: #ff7200}

/*contact button*/
.btn-wrap2 {position: relative;}
.btn-wrap2 .btn-orange {position:absolute;right:0;bottom: 24px;display: inline-block; color: #00e7ff; background: transparent; font-size: 18px; border-bottom: solid 1px #00e7ff; padding-bottom: 8px;}
.btn-wrap2 .btn-orange:before {width: 20px;height: 20px;content: '';display: inline-block;background: url('../images/main/contact.svg') no-repeat center / 100%;margin-right: 11px;vertical-align: middle;}
.ico_yes {display: inline-block;background: url(../images/common/yes.svg);width: 15px;height: 15px;text-indent: -999em}
.ico_no {display: inline-block;background: url(../images/common/no.svg);width: 15px;height: 15px;text-indent: -999em;}

@media screen and (max-width: 1517px) {
	header > .navi > .m_menu, .menu_close {padding: 38px 38px 39px}
	
	.navi > h1 {top: 16px}
	nav > ul {margin: 0 82px 0 auto;}
	nav > ul > li > a {font-size: 16px;padding: 27px 20px 28px}
	nav > ul > li > ul {top: 75px}
	.menu_bg {top: 77px;}
	.line_in {top:78px}
	.webtong_visual {margin-top: 60px}
	.contents {padding:100px 1.5%}
	.sub_title {padding:130px 1.5%}
	.notice_plan_wrap {padding: 30px 2%}
	.visual_text_wrap {left: auto;margin-left: 0}
	.visual_text_wrap .visual_text {font-size: 40px;}
	.sub_nav ul li a {font-size: 13px}
	.min_bbs_wrap {padding: 20px 2%}
	#footer .inner {padding:0 1.5%}
	
}
@media screen and (max-width: 1200px) {
	.utility {right:1.5%}
	header > .navi > h1 {position: relative;padding: 18px 0;z-index: 4;top:0;left:0;display: inline-block;}
	header > h1 {background-color: #01385d;padding: 6px 3% 7px;position: relative;width: 100%;z-index: 4}
	header > .navi > .m_menu.off {background:#00589d url('../images/common/close.png') no-repeat center;right: 0px}
	header.action {position:fixed;background: #001c32}
	header.action > .navi > h1 > a {}
	header > .navi > .m_menu {padding: 38px 44px}
	nav {display: none;background-color: #191919;top: 76px;margin-left: 0;position: absolute;width: 100%}
	nav.search-tab {display:table;position: relative;background: none;top: auto}
	nav.menu-fixed {top: 68px;background-color: #093654}
	nav > ul {margin: 0 0 0 auto;float: none}
	nav > ul > li > a.new:after  {left: 110px}
	nav > ul {display:block}
	nav > ul > li {float:none;width:100%}
	nav > ul > .slider {display:none}
	nav > ul > li > a {line-height: 40px;display:block;padding-left: 28px;text-align:left;color: #fff}
	nav > ul > li > a:hover {color:#78f8ff}
	nav > ul > li.active > a {background-color: #333}
	nav > ul > li.depth_add > a {display:block;border-bottom: 1px solid rgba(255, 255, 255, 0.1);background: url('../images/common/up_down.png') no-repeat right 13px;font-weight: 300;font-size: 14px}
	nav > ul > li.depth_add.active > a {background-color: #333;background-position: right -23px}
	nav.menu-fixed > ul > li > ul {top:0}
	nav.menu-fixed > ul > li > a {line-height: 22px}
	nav > ul > li > ul {position:relative;border:0;padding:0;top: 0px}
	nav > ul > li:last-child > ul {position:relative;top:0;border:0}
	nav > ul > li > ul > li > a {padding-left: 40px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);text-align: left}
	nav > ul > li > ul > li > ul > li > a {padding: 9px 0 9px 55px;text-align: left}
	nav > ul > li > ul > li.depth_add > a {display: block;background: url('../images/common/up_down.png') no-repeat right 13px}
	nav > ul > li > ul > li.depth_add.active > a {background-color: #333;background-position: right -23px}
	nav > ul > li > ul > li > ul {display:block}
	nav > ul > li > a {height:auto;padding:10px;line-height: 22px}
	nav > ul > li > a.on{color: #fff}
	nav > ul > li > a.new:after {left:68px;top:10px}
	.language {top: 90px;right:10px}
	.language > a {text-align:right}
	.language > a:before {left:auto;right:19px;}
	.language > a span {background:none;padding-right:0}
	.line_in {top: 77px;}
	.main_text .text_inner strong {margin-right: 40px;font-size: 20px;line-height:22px}
	.main_text .text_inner strong:before {top:-10px}
	.main_text p {display: table-cell;float:none;font-size: 15px;}
	.m_tit {width:90%;padding-top:50px}
	.m_tit strong {font-size:20px}
	.m_tit span {font-size:20px}
	.m_tit p {font-size: 15px;}
	.v_btn {display:none}
	.production_wrap.ani_layer.action:after {content:none}
	.production_inner {margin-top:0px;background-size: contain;padding: 100px 0 0;}
	.production_inner .production_content {padding: 30px 20px 0;}
	.production_inner .production_content > h2 {font-size: 25px;}
	.production_inner .production_content > p {font-size:15px}
	.production_inner .production_content .system_box h3 {font-size:18px}
	.min_bbs_wrap h3 {font-size: 25px;}
	.min_bbs_wrap > P {margin:5px 0;font-size:15px}
	.company_inner li > div .company_inner strong {font-size:20px}
	.company_inner li > div .company_inner a {font-size:15px;background-position:right 11px;}
	
	.btn-wrap2 .btn-orange {font-size:14px}
	.btn-wrap2 .btn-orange:before {width:17px;height:17px;margin-right:5px;}
	
	.navi .utility {right: 54px}
	.navi .utility li a {background: url(../images/common/utility_m.png)}
	.swiper-container {height: 400px;padding: 0;}
	.sub_visual {background-size: cover}
    #footer .content-wrap .inquire-cont li textarea {min-height: 200px;}
    #footer .address .privacy-list, #footer .content-wrap .inquire-cont .check {position: static;display: inline-block;}
	.footer-head h3 {font-size:20px}
	.footer-head .text p {font-size:15px}
    #footer .content-wrap .inquire-cont ul, #footer .address {clear: both;}
    #footer.contact {height: auto}
    #footer .content-wrap .inquire-cont,
    #footer .address {width: 100%;}
    #footer .content-wrap .inquire-cont {margin-bottom: 40px;}
	#footer .content-wrap .inquire-cont li:nth-child(1), #footer .content-wrap .inquire-cont li:nth-child(3) {padding-right: 30px;}
	#footer .content-wrap .inquire-cont {clear:both}
	#footer .address li {margin-bottom:5px}
}
@media screen and (max-width: 1024px) {
	.company_inner li > div .company_inner, .company_inner li > .download .company_inner {max-width: 100%;margin: 0 auto;}
	.company_inner li > div {height:auto}
	.sub_title h2 {font-size: 20px}
	.sub_title p {font-size: 15px}
	.main_wrap {padding: 0 0 30px}
	.notice_plan_wrap {padding: 0 2%}
	.notice_plan_wrap h3 {top: -56px}
	.webtong_gallery02 {margin:0 -10px}
	.webtong_gallery02 .card_wrap {width:50%;margin-top:10px}
	.webtong_gallery02 .card_wrap a .text strong {display:block;height:50px}
	.company_inner:hover li {width:100%}
	.company_inner li:hover {width:100%}
	.company_inner li {width:100%}
	.brnone {display:none}
	.main_text .text_inner strong {float:none;display:block;margin-bottom:10px}
	.main_text p {display:block}
	.webtong_gallery02 .card_wrap a {padding:10px}
	.box_list .box_list_inner {width:33.3333%}
	
	/* 서브 메뉴 */
	.sub_nav {bottom:0}
	.sub_nav:before {content:none}
	.sub_nav h3 {display:block;}
	.sub_nav h3 a {display:block;padding:15px;background:#113d5f;color:#fff;}
	.sub_nav h3 a span {position:relative}
	.sub_nav h3 a span:after {content:'';width:7px;height:4px;background: url(../images/main/bl_language.png) no-repeat;position:absolute;right: -20px;top: 50%;}
	.sub_nav .sub_nav_wrap {display:none;width:100%;position:absolute;top: 56px;left:0;z-index:5;border-top: 1px solid #1a486c;}
	.sub_nav .sub_nav_wrap ul {display:block;padding:0}
	.sub_nav .sub_nav_wrap ul li {display:block;height:auto;}
	.sub_nav .sub_nav_wrap ul li .brnone02 {display:none}
	.sub_nav .sub_nav_wrap ul li a {padding:15px;text-align:left;font-size:15px;border-bottom: 1px solid #1a486c;}
	.sub_nav .sub_nav_wrap ul li a:before, .sub_nav .sub_nav_wrap ul li a.on:after, .sub_nav .sub_nav_wrap ul li a:hover:after {content:none}
	.contents {padding: 30px 1.5%;}
	
	/** news_gallery **/
	.news_gallery li {width:33.3333%}
	
	.homepage_wrap {background-size: 58%;background-position: center top;padding-top: 33%}
}
@media screen and (max-width: 920px) {
	.r2g_wrap .r2g_text strong {font-size: 25px;}
	.r2g_wrap {flex-wrap: wrap;gap: 20px;}
	.r2g_wrap .r2g_text, 
	.r2g_wrap .r2g_img,
	.r2g_wrap.logo_in .r2g_text, 
	.r2g_wrap.logo_in .r2g_img {width:100%}
	.gallery_box_inner {width:50%}
}

@media screen and (max-width: 800px) {
	.visual_text_wrap .visual_text {width: 100%;text-align: center;font-size:35px}
	.visual_text_wrap .visual_text a {padding: 9px 25px;font-size: 0.4em}
	.v_m {display:block}
	.v_pc {display:none}
	.tab_menu ul {background-color: #f9f9f9;border: 1px solid #c7c7c7;position: absolute;display: none;z-index: 1;}
	.tab_menu li {display:block}
	.tab_menu li.on a, .tab_menu li:hover a, .tab_menu li a:focus {border-top: 0;background-color: #deecec;font-weight: 300}
	.tab_menu li a {border-bottom: 0;height: auto;line-height: 44px;text-align: left;padding: 0 22px}
	.tab_menu li.on a:before {content:none}
	.tab_menu li.on a:after {content:none}
	.tab_menu li a:after {content:none}
	.webtong_visual ul li a .visual_text {font-size:14px}
	.webtong_visual ul li a .visual_text h2 em {display:block}

	.board_list_tab {border-top:1px solid #d7d7d7}
	.board_list_tab,.bbs-list-row,.bbs-list-row .column {display: block}
	.board-head {display: none;position: absolute;top: -1000em;left: -1000em}
	.bbs-list-row {position: relative;width: auto;padding: 15px 0;border-bottom: 1px solid #eee;overflow: hidden}
	.bbs-list-row .column {clear: both;border-bottom: 0;text-align: left;padding: 3px 0;font-size: 12px}
	.bbs-relative-row {padding-top: 40px}
	.bbs-list-row .column.bbs-no-data {border: 1px solid #dfdfdf;display: inline-block;padding: 1px 14px;border-radius: 11px;background-color: #f5f3f3;max-width: 60px;width: 100%;text-align: center}
	.bbs-list-row .column.bbs-block {clear: both;width: 100%}
	.bbs-list-row .column.board-inline {display: inline-block;width: auto;margin-right: 4%}
	.bbs-list-row .column.bbs-absolute {position: absolute;top: 10px;left: 2%}
	.bbs-list-row .column:not(.bbs-title):not(.bbs-no-data):before {padding-right: 5px;color: #aaa;content: attr(data-label)}
	.bbs-list-row .column[data-label="no"]:before {padding-right: 0;display: none}
	.bbs-list-row .bbs-title a {padding-top: 10px}
	.bbs-subject-con .bbs-subject-txt {font-size: 15px;font-weight: 500;color: #222}
	.bbs-list-row .reply-state {height: 24px;line-height: 24px;font-size: 12px;text-align: center}
	.bbs-subject-con .comment-num {display: none}
	.bbs-list-row .bbs-comment-data {display: inline-block}
	.view-top {padding:15px}
	.view-top .bbs-tit{font-size:18px; line-height:26px}
	.view-top .bbs-view-info{float:none; overflow:hidden}
	.view-top .bbs-write-info{margin-top:10px}
	.view-top .bbs-write-info dt,
	.view-top .bbs-write-info dd{font-size:12px}
	.view-top .bbs-write-info dd{margin:0 7px 0 0}
	.view-con{padding:15px}
	
	.form_box_wrap dt {width:80px; height:40px; line-height: 40px; font-size:13px}
	.form_box_wrap dt::after {top:16px;}
	.form_box_wrap dd input,
	.form_box_wrap dd select,
	.form_box_wrap dd textarea {height:40px;  font-size:13px; font-size:13px;}
	.form_box_wrap dd textarea{height:100px; padding:12px 0;}
	.form_box_wrap .file dd input {margin:5px 0;}
	.form_box_wrap .address-btn{min-width:60px; height:28px; font-size:12px;}
}

@media all and (max-width: 786px) {
	/** 탭메뉴 **/
	.tab_wrap {position:relative;}
	.tab_wrap > a {display:block;background:#f5f6f8;border: 1px solid #e9eaeb;padding: 10px 20px;color: #00589d;font-weight: bold;position:relative}
	.tab_wrap > a:after {content:'';width:13px;height:7px;margin-top:-3px;background:url(../images/common/icon_tab.png) no-repeat 0 0;position:absolute;top:50%;right:20px}
	.tab-menu {display:none;width:100%;position:absolute;top:46px;left:0}
	.tab-menu li {margin-top: -1px;display: block;border:0}
	.tab-menu li a {padding: 10px 20px;border: 1px solid #e9eaeb;background:#f5f6f8;}
	.tab-menu li.on a, .tab-menu li.on a:hover {background:#f5f6f8;color:#333}
    .box_list .box_list_inner {width:50%}
	.box_list .box_list_inner p {font-size:14px}
	.box_list.h_type .box_list_inner p {min-height: 233px;}
	.img-list-wrap li img {width:100%;position:relative}
	.img-list-wrap > li .text-box {padding:10px 0} 
	.img_wrap .pc {display:none;}
	.img_wrap .mobile {display:block;margin: 0 auto;}
	#footer .address .privacy-list a:nth-child(1):before {display: none;}
    #footer.contact {padding: 20px 0 30px 0}
	#footer .content-wrap {margin-top:20px}
	
	/** news_gallery **/
	.news_gallery li {width:50%}
}

@media screen and (max-width: 640px) {
	.br_block {display:block}
	.pc_map {display:none}
	.view_more {bottom: -39px;right: -12px;padding: 16px 30px}
	.main_more {font-size: 14px}
	.sub_nav_wrap .home {display:none}
	.sub_nav_wrap > div > ul > li > a {width: 100%}
	.sub_nav ul {width:50%}
	.contents h2 {font-size: 1.7em}
	.contents h3 {font-size: 1.1em}
	.contents h3:before {top: 6px}
	.webtong_visual .bx-controls-direction {display:none}
	.webtong_visual ul .pc {display:none}
	.webtong_visual ul .mobile {display:block}
	.icon_wrap li {width:33.33333%;padding: 10px}
	.webtong_visual ul li a .visual_text h2 {line-height: 37px;font-size: 2.3em}
	.company_inner li div {height:auto}
	.company_inner li div strong {font-size:30px}
	.company_inner li .company, .company_inner li .download {padding: 30px}
	.company_inner li .company img {display: none}
	.text_basic {font-size:15px}
	.box_list.img_c .box_list_inner {width:50%}
	.box_list.img_c .box_list_inner p {font-size:14px;padding:10px}
	.box_list .box_list_inner {width:100%}
	#footer .content-wrap .inquire-cont li:nth-child(6) {float:none;width:100%}
	#footer .content-wrap .inquire-cont li, #footer .content-wrap .inquire-cont li:nth-child(1), #footer .content-wrap .inquire-cont li:nth-child(3) {float:none;width:100%;padding-right:0}
	#footer .content-wrap .inquire-cont .float_left {float:none}
	.btn-wrap2 .btn-orange {bottom:-35px;}
	.box_list.b_radius .box_list_inner p {min-height:225px}
	.box_list.w_type .box_list_inner {width:100%}
	.box_list.w_type .box_list_inner p {padding:10px}
	.accent_txt {font-size: 16px;}
	.gallery_box_inner {width:100%}

}
@media screen and (max-width: 480px) {
	.webtong_gallery02 .card_wrap {width:100%}
	.webtong_gallery02 .card_wrap:nth-child(even) a > .text {position: relative;padding-right: 0}
	.webtong_gallery02 .card_wrap:nth-child(even) a > span {margin-top:0}
	.webtong_gallery02 .card_wrap p {height:auto}
	.webtong_gallery02 .card_wrap a {padding: 10px}
	#footer .address li span {padding-left:0}
	.news_gallery li {width:100%;}
}
@media screen and (max-width: 360px {

}