@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      :web_layout.css    
 * Desc      :page layout 
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
body.fixe {overflow:hidden;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.m_br {display:none;}
.search_btn {display:none; position:absolute; right:65px; top:26px;}
img {max-width:100%}
.pc_view {display:block}
.mb_view {display:none}
#navigation {display:none;}
.mont {font-family:'Montserrat', sans-serif; }
#navigation, #menu {display: none;}

/* down */
/*
.down .w_gnb .gnb > ul > li > a > span {color:#141414}
.down .w_gnb .gnb > ul > li:after {background:#141414}
.down .w_gnb .gnb > ul > li:hover > a > span, .down .w_gnb .gnb > ul > li.on > a > span {color:#141414;}
.down .menu_btn a span {background:#000000}
.down .menu_btn span, .down .menu_btn span:before, .down .menu_btn span:after {background:#000000}
.down .menu_btn a:after {background:#000000}
.down .menu_btn a:before {color:#000}





#header.down {background:#fff;}
#header.down:after {opacity:1;}
#header.down h1 a {background:none;} 
#header.down h1 img {-webkit-filter:brightness(1) invert(1); filter:brightness(1) invert(1);}
*/
/* header */
#header.down, .sub_wrap #header.down {box-shadow: 0px 0px 13px rgba(0, 0, 0, 20%);}
#header {padding-left:50px; padding-right:50px; width:100%; position:fixed; left:0px; top:0px; z-index:9999; box-sizing:border-box; transition:all 0.2s 0s ease-in-out; background: #fff;}
#header:after {display:block; content:""; width:100%; height:1px; opacity:0; background:#eee; position:absolute; left:0px; bottom:0px;}

.in_header {max-width:1720px; margin:0 auto; width:100%; height:95px; box-sizing:border-box; margin:0 auto; position:relative; z-index:9; color:#000;}
#header h1 {position:absolute; left:0px; transform:translateY(-50%); top:50%; overflow:hidden; z-index:10}

.top_menu_wrap {position: absolute; right: 50px; top: 50%; transform: translateY(-50%);}
.top_menu_wrap .top_menu {display: flex; align-items: center; font-size: 14px; font-weight:800;}

.top_menu_wrap .top_menu > li {padding: 0px 5px; position: relative; line-height: 1.2em;}
.top_menu_wrap .top_menu > li.lang:last-child:after {display: block; content: ""; width: 1px; height: 10px; background: #ccc; position: absolute; left: 0px; top: 50%; transform: translateY(-50%)}
.top_menu_wrap .top_menu > li.lang a {color: #999999;}
.top_menu_wrap .top_menu > li.lang a.on {color:#05295d;}




.m_gnb_on {display:none;  position:absolute; right:10px; top:50%; box-sizing:border-box; transform:translateY(-50%);}
.m_gnb_on .menu_btn {margin:0 auto;}
.menu_btn {position:absolute; right:0px; top:50%; font-family:'Montserrat', sans-serif; transform:translateY(-50%); -webkit-transform:translateY(-50%); box-sizing:border-box; }


/*
.menu_btn a:before {display:block; content:"Menu"; position:absolute; right:100%; top:0px; line-height:20px; color:#fff; font-size:16px; padding-right:10px; font-weight:600;}

*/


/* wrap */
#wrap {width:100%; overflow:hidden; margin:0 auto;  transition:all 0.3s 0s ease-in-out;}
#inner_wrap {max-width:100%; margin:0 auto; position:relative; padding-left:50px; padding-right:50px; padding-bottom:100px;}

#inner_wrap.no_visual {padding-top:70px;}
#inner_wrap.bg_on {background:#f8f9fa}

.inner {max-width:1400px; margin:0 auto;}
.bg_wrap {background:#f2f2f2}





.w_gnb {padding:0px 260px;}
.w_gnb .gnb {padding:0px 0px 0px 0px;}
.w_gnb .gnb > ul { margin:0 auto; justify-content:space-around; display:flex; flex-wrap:wrap;}
.w_gnb .gnb > ul > li {text-align:center; position:relative; padding:0px 3%}
.w_gnb .gnb > ul > li > a {display:block;}
.w_gnb .gnb > ul > li > a > span {display:inline-block; font-size:20px; line-height:95px; color:#000; font-weight:600; text-transform:uppercase;  transition:all 0.2s 0s ease-in-out; position:relative;}
.w_gnb .gnb > ul > li > a > span:after {display:none; content:""; width:0%; height:6px; background:transparent; position:absolute; left:50%; bottom:0px; transform:translateX(-50%); transition:all 0.2s 0s ease-in-out; }
.w_gnb .gnb > ul > li:hover > a > span, .w_gnb .gnb > ul > li.on > a > span {color:#000;}
/*.w_gnb .gnb > ul > li:hover > a > span:after, .w_gnb .gnb > ul > li.on > a > span:after {width:100%; background:#00a77b;}*/

.w_gnb .sub_menu  {position:absolute; left:50%; width:110%; transform:translateX(-50%);padding-top:20px; box-sizing:border-box; overflow:hidden; top:100%; display:none}
.w_gnb .sub_menu > li {padding:5px 0px 5px 0; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li > a {display:block; font-size:15px; text-align:center; word-break:keep-all; color:#cccccc; font-weight:400; padding:3px 0px;  line-height:18px;}
.w_gnb .sub_menu > li > a:hover {color:#fff; text-decoration:underline;}
.w_gnb .three_depth { display:none;}
.w_gnb .three_depth { display:none;}

.gnb08 {display:none;}
.gnb09 {display:none;}

#gnb_bar {position:absolute; display:none; left:0%; top:100%; width:100%; padding-bottom: 20px; box-sizing: inherit; background:rgba(0, 0, 0, 70%);}

.m_gnbW {display:block;}
.slide_menu_wrap .top_menu_wrap {display: none;}
.slide_menu_wrap {width:310px; box-sizing:border-box; height:100%;  z-index:998; position:fixed; right:-400px; top:0px; bottom:0px; box-shadow:-1px 0px 5px rgb(0, 0, 0, 0.25); }
.slide_menu_wrap:after {display:block; content:""; width:0%; height:100%; background:#000; position:fixed; left:0%; top:0px; opacity:0.5;  transition:all 0.3s 0s ease-in-out;}
.slide_menu_wrap.on:after {width:100%}
.slide_menu_inner {height:100%; background:#fff; box-sizing:border-box; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; z-index:2; position:relative;}

.slide_menu_wrap .m_gnb_on {display:none !important}
.slide_menu_wrap .top_menu_wrap {text-align:center; position:relative; right:auto; top:auto; display:block; transform:none;}
.slide_menu_wrap .top_menu_wrap > .top_menu > li svg .white {fill:#333}
.slide_menu_wrap .top_menu {padding:0px; background:#333; border-radius:0px; }

.slide_menu_wrap .top_menu > li:nth-child(1) {min-width:40%;}
.slide_menu_wrap .top_menu > li:nth-child(2) {flex: initial; width:50px;}
.slide_menu_wrap .top_menu > li {flex: 1;}

.slide_menu_wrap .top_menu {padding:5px 0px; transform:none; margin-bottom:5px; right:auto; top:auto; position:relative; display:flex;}
.slide_menu_wrap .top_menu > li {width:50%; box-sizing:border-box; float:none; padding:0px; text-align:center; margin:0px;}
.slide_menu_wrap .top_menu > li > a {background:none !important; color:#fff; display:flex; height:40px;justify-content:center; align-items:center; font-size:13px; font-weight:400; padding:0px;}
.slide_menu_wrap .top_menu > li > a img {opacity:1 !important}
.slide_menu_wrap .top_menu > li > a img.pa {display:none;}
.slide_menu_wrap .in_header {background:url(../img/common/logo.png) no-repeat 40% center; height:95px; padding:0px; background-size:47% auto;}

.slide_menu_wrap .gnb > ul {overflow:hidden;}
.slide_menu_wrap .gnb > ul > li {border-bottom:1px solid #e2e2e2; transform:translateX(30%); -webkit-transform:translateX(30%); transition:all 0.8s 0s ease-in-out; -webkit-transition:all 0.8s 0s ease-in-out;}
.slide_menu_wrap .gnb > ul > li > a {display:block; line-height:60px; font-size:16px; font-weight:600; color:#333; padding-left:40px; background:#fff; position:relative; } 
.slide_menu_wrap .gnb > ul > li > a:after {display:block; content:"＋"; position:absolute; right:20px; top:50%; transform:translateY(-50%); font-size:14px; font-weight:500;}
.slide_menu_wrap .gnb > ul > li > a.on:after {content:"－"}
.slide_menu_wrap .gnb > ul > li:hover > a {background:linear-gradient(45deg, #000, #666 ); color:#fff;}
.slide_menu_wrap .gnb > ul > li > a.on {background:#000; color:#fff; } 
.slide_menu_wrap .gnb .sub_menu {background:#fff; display:none; padding:10px 0px;}
.slide_menu_wrap .gnb .sub_menu > li {border-top:1px solid #eee;} 
.slide_menu_wrap .gnb .sub_menu > li:first-child {border-top:none;} 
.slide_menu_wrap .gnb .sub_menu > li > a {display:block; line-height:23px; padding:10px 0px 10px 50px; font-size:15px; color:#141414; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out; font-weight:500;} 
.slide_menu_wrap .gnb .sub_menu > li > a:hover {padding-left:55px; } 

.slide_menu_wrap .gnb .three_depth > li {padding:0px 0px 0px 55px; } 
.slide_menu_wrap .gnb .three_depth > li > a {display:block; line-height:130%; padding:5px 0px 5px 10px; font-size:14px; color:#0d437b; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out; position:relative;} 
.slide_menu_wrap .gnb .three_depth > li > a:before {display:block; content:""; width:5px; height:1px; background:#0d437b; position:absolute; left:0px; top:50%;} 
.slide_menu_wrap .gnb .three_depth > li > a:hover {margin-left:5px;} 

.slide_menu_wrap.on .gnb > ul > li {transform:translateX(0%); -webkit-transform:translateX(0%); transition:all 0.8s 0s ease-in-out; -webkit-transition:all 0.8s 0s ease-in-out;}
.slide_menu_wrap .top_menu > li > a {color:#fff !important }
.slide_menu_wrap .top_menu > li a.on:after {display:none !important}


.main_quick { transition:all 0.3s 0s ease-in-out;  position:fixed; right:30px; top:50%; transform:translateY(-50%); z-index:99}
.main_quick > ul > li {margin-top:6px;}
.main_quick > ul > li:first-child {margin-top:0px;}
.main_quick > ul > li > a {display:flex; width:68px; height:68px; background:#fff; overflow:hidden; border-radius:100%; justify-content:center; align-items:center; transition:all 0.2s 0s ease-in-out;}
.main_quick > ul > li > a:hover {background:rgba(255, 255, 255, 50%) }


/* section */
.section {font-size:16px; line-height:140%; word-break:keep-all; color:#141414; font-weight:400;}
.section .inner {padding-left:50px; padding-right:50px; padding-top:130px; padding-bottom:70px;}
.section .more {position:absolute; right:0px; top:10px; z-index:9}
.section .more > a {display:flex; flex-wrap:wrap; align-items:center; font-size:15px; font-weight:500;}
.section .more > a .plus {display:flex; width:34px; height:34px; border:1px solid #141414; color:#141414; background:#fff; box-sizing:border-box; margin-left:10px; justify-content:center; align-items:center; font-size:22px; font-weight:700;}
.section .more.white > a {color: #fff;}
.section .more.white > a .plus {border-color:#fff; color: #fff; background: #000}



/* visual */
#section1 { padding:0px;}

.main_visual {height:100%;max-width:2000px; margin:0 auto; min-height:100vh; position:relative;}
.main_visual .bx-wrapper, .main_visual .bx-viewport {height:100%; position:relative;}
.main_visual .bxslider {height:100%;}
.main_visual .bxslider > li {height:100%;  background-size:110% !important; transition: background-size 3s ease-in-out; -moz-transition: background-size 3s ease-in-out; -web-kit-transition: background-size 3s ease-in-out;}
.main_visual .bxslider > li.active {background-size: 100% !important;}
.main_visual .bxslider > li .big_img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) scale(1.05); width:100%; height:100%; transform-origin:50% 50%; transition:all 3s 0s ease-in-out;}
.main_visual .bxslider > li.active .big_img { transform:translate(-50%, -50%) scale(1);}
.main_visual .bxslider > li.active .visual_txt {opacity:1;}
.main_visual .bxslider > li .visual_txt {position: absolute; opacity:0; color:#fff; transition:all 0.9s 0s ease-in-out; color: #fff; padding:20px}
.main_visual .bxslider > li .visual_txt strong {font-weight: 700; color: #fff;}
.main_visual .bxslider > li .visual_txt .txt_a {font-size:43px; line-height:1.3em; font-weight:700;}
.main_visual .bxslider > li .visual_txt .txt_a .small {font-size: 0.744em;}
.main_visual .bxslider > li .visual_txt .txt_b {font-size:23px; line-height:1.4em; padding-top:5px;}
/* .main_visual .bxslider > li#visual0 .visual_txt { right: 0px; bottom: 185px; padding-right: 90px; padding-left: 30px;} */
.main_visual .bxslider > li#visual0 .visual_txt { left: 13%; top:280px; padding-right: 30px; padding-left: 30px;}
.main_visual .bxslider > li#visual1 .visual_txt { left: 13%; top:280px; padding-right:30px; padding-left:30px;}
.main_visual .bxslider > li#visual2 .visual_txt { left: 13%; top:280px; padding-right:30px; padding-left:30px;}
/* .main_visual .bxslider > li#visual3 .visual_txt { left: 0px; bottom: 185px; padding-right:30px; padding-left:90px;}
.main_visual .bxslider > li#visual4 .visual_txt { left: 0px; bottom: 185px; padding-right:30px; padding-left:90px;} */
.main_visual .bxslider > li#visual3 .visual_txt { left: 0px; top: 500px; padding-right:30px; padding-left:90px;}
.main_visual .bxslider > li#visual4 .visual_txt { left: 0px; top: 500px; padding-right:30px; padding-left:90px;}





.main_visual {width:100%; overflow:hidden; position:relative;}


.main_visual .v_frame {width:100%; height: 100%; position: relative;}
.main_visual .v_bt {display:inline-block; vertical-align:top; line-height:24px; width:24px; height:24px; box-sizing:border-box; z-index:99;}
.main_visual .v_bt > a {display:block; color:#000; font-weight:100; text-align:center; padding:5px; line-height:14px; box-sizing:border-box; position:relative; font-size:1px; text-indent:-999999em;}
.main_visual .v_bt > a:after {position:absolute; content:''; width:8px; height:8px; border-top:3px solid #fff; border-right:3px solid #fff; display:inline-block; transform:rotate(45deg); left:50%; top:50%;}
.main_visual .stop {margin-left:10px;}
.main_visual .stop a {display:block; color:#000; line-height:100%; font-size:0px; text-align:center; width:24px; height:24px;}
.main_visual .stop .bx-stop {background:url(../img/main/stop.png) no-repeat center center; display:none;}
.main_visual .stop .bx-start {background:url(../img/main/play.png) no-repeat center center; display:none;}

.main_visual #board_l1 {margin-right:15px; display: none}
.main_visual #board_r1 {margin-left:15px; display: none;}
.main_visual #board_l1 a:after {margin:-6px 0px 0px -6px; transform:rotate(225deg);}
.main_visual #board_r1 a:after {margin:-6px 0px 0px -6px}


.visual_counter_wrap {position:absolute; left:13%; top:400px; z-index:98; padding:30px;}

.visual_counter_wrap .visual_counter {display:flex; position:relative; padding:0px 0px; box-sizing:border-box; margin-top:0px;}
.main_visual #visual_counter {z-index:98;  min-width:45px; display:inline-block; text-align:center; vertical-align:top; line-height:24px; color:#fff; font-size:18px; font-weight:700; letter-spacing:5px; padding-left:10px; display: none;}



.main_visual .bx-controls {text-align:center; position:absolute; left:50%; transform:translateX(-50%); top:910px; width:100%; max-width:1500px; box-sizing:border-box; z-index:99;}
.main_visual .bx-wrapper .bx-pager {position:relative; width:auto !important; left:auto; bottom:auto; display:inline-block; vertical-align:top; padding:7px 10px 0px 0px; z-index:99;}

.main_visual .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {vertical-align:top;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a {width:14px; height:14px; margin:0 4px; background:#fff; border:none; -moz-border-radius:100%;  -webkit-border-radius:100%; border-radius:100%; box-sizing:border-box; position:relative; opacity:0.5;}

.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {opacity:0.5; background:#fff;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {opacity:1;  background:#fff;}
.main_visual .bx-wrapper .bx-controls-auto .active {display:none;}

.visual-pager {display:flex;align-items: center; vertical-align:middle;}
.visual-pager > li {padding:3px;}
.visual-pager > li:not(:first-child) {}
.visual-pager > li > a {display:block; width:15px; height:15px; font-size:0px; border-radius:10px;  background:#fff; opacity:0.5; ;}
.visual-pager > li > a.active {background:#fff; opacity:1;}

.main_visual .scroll_ico {display:none; position:absolute; width:100px; transform:translateX(-50%); -webkit-transform:translateX(-50%); left:50%; bottom:10%; z-index:97}
.main_visual .scroll_ico > a {cursor:default; display:block; width:100%; text-align:center; font-size:15px; color:#fff; font-weight:600; padding:50px 0px 35px 0px; background:url(../img/main/ico_scroll.png) no-repeat center top; position:relative;}
.main_visual .scroll_ico .arrow {display:block; width:14px; height:14px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(136deg) translateX(-50%); opacity:0.8; position:absolute; left:50%; bottom:0px; -webkit-transform:rotate(136deg) translateX(-50%); transform-origin:0px}
.main_visual .scroll_ico .arrow2 {bottom:0px;}
.main_visual .scroll_ico .arrow1 {animation:mv1 0.7s ease-in-out 0.7s infinite;}


 @keyframes mv1 {
     0%{opacity:1; bottom:0px;} 
    40%{opacity:1; bottom:-8px;} 
     100%{opacity:1; bottom:0px;} 
}



.m_tit {font-size:52px; line-height:1.3em; font-weight:800; padding-bottom:30px; color:#222222; position:relative; z-index:2}
.m_tit .small {font-size:0.73em; font-weight: 500; line-height: 1.3em;}


a.main_bt .txt {flex:1; color:#fff; text-align:center; z-index:2;  transition:all 0.3s 0s ease-in-out;}
a.main_bt .plus {width:50px; border-left:1px solid #4da8db; display:flex; justify-content:center; align-items:center; font-size:20px; color:#80c1e5; font-weight:800; z-index:2}

a.over {position:relative; z-index:2;}
a.over .txt {transition:all 0.3s 0s ease-in-out; }
a.over:after {display:block; content:""; position:absolute; top:0; left:-20px; z-index:-1; width:120%; height:100%; border-radius:6px; background:#309b82; transform:scaleX(0); transform-origin:right; transition:transform .6s cubic-bezier(.785,.135,.15,.86);}
a.over:hover:after {transform:scaleX(1); transform-origin:left;}
a.over:hover .txt {opacity:0.7; color:#fff;}

a.line_bt {display:inline-flex; min-width:185px; color:#fff; height:60px; border:1px solid #fff; padding:15px 40px; box-sizing:border-box; border-radius:30px; justify-content:center; align-items:center; font-size:18px; font-weight:400; position:relative; overflow:hidden; transition:all 0.3s 0s ease-in-out;}
a.line_bt > span {display:flex; justify-content:center; align-items:center; position:relative;}
a.line_bt > span img {margin-left:20px; transition:all 0.2s 0s ease-in-out; -webkit-filter:brightness(0) invert(1); filter:brightness(0) invert(1);}

a.line_bt:hover {border-color:rgba(255, 255, 255, 50%)}

a.line_bt.over:after {top:0; left:-20px; z-index:-1; border-radius:6px; background:#b1e14b; transform:scaleX(0); transform-origin:right; transition:transform .6s cubic-bezier(.785,.135,.15,.86); opacity:0.7;}
a.over:hover:after {transform:scaleX(1); transform-origin:left;}

#section2 {background: url(../img/main/bg_section2.jpg) no-repeat center top/cover;}

.our_business > ul {display: flex; flex-wrap: wrap; padding-top:50px; margin: -15px;}
.our_business > ul > li {width: 33.33333%; padding: 15px;}
.our_business .box {position: relative; display: flex; min-height:404px; color: #fff; align-items: center; padding: 5% 8%; border-radius:20px; overflow: hidden; transition:all 0.3s 0s ease-in-out;}
.our_business .box .biz_tit{ min-width: 300px;display:block; color:#fff; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); font-size:1.6875em; font-weight:700; text-align: center;}
.our_business .box:after {display: block; content: ""; width: 100%; height: 100%; background: rgba(255, 102, 0, 70%); position: absolute; left: 0px; top: 0px; opacity: 0; transition:all 0.3s 0s ease-in-out;}
.our_business .box:hover {transform: translateY(-30px)}
.our_business .box:hover .biz_tit{display:none; transition:all 0.3s 0s ease-in-out;}
.our_business .box:hover:after { opacity: 1;}
.our_business .box:hover dl { opacity: 1; display:block;}
.our_business .box > dl {z-index:2; opacity: 0; transition:all 0.3s 0s ease-in-out; display:none;}
.our_business .box > dl > dt {font-size:1.6875em; font-weight:700; line-height: 1.3em; text-align: center}
.our_business .box > dl > dt:after {display: block; content: ""; width:50px; height: 1px; background: #fff; margin:25px auto;}
.our_business .box > dl > dd.arrow {display: block; margin:0 auto; background: url(../img/main/ban_arrow.png) no-repeat center center/cover; width:56px; height: 56px; margin-top: 10px;}
.our_business .box > dl > dd {line-height: 1.5em; letter-spacing: -0.4px; }
.our_business > ul > li:nth-child(1) .box {background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url(../img/main/ban02.jpg) no-repeat left top/cover;}
.our_business > ul > li:nth-child(2) .box {background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url(../img/main/ban03.jpg) no-repeat left top/cover;}
/**.our_business > ul > li:nth-child(3) .box {background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url(../img/main/ban03.jpg) no-repeat left top/cover;}*/
.our_business > ul > li:nth-child(3) .box {background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url(../img/main/ban04.jpg) no-repeat left top/cover;}

#section4 {background: url(../img/main/bg_section4.jpg) no-repeat right top/cover;}

.track_record {display: flex; flex-wrap: wrap; margin: 0px -10px;}
.track_record > li {width: 33.333%; opacity: 10px; text-align: center;}
.track_record .ico {padding-bottom: 20px;}
.track_record dl dt {font-size:1.625em; line-height: 1.4em;}
.track_record dl dt:after {display: block; content: ""; width:3px; height:70px; background: #666; margin: 20px auto;}
.track_record dl dt > strong {font-weight:800; font-size:1.46em; line-height:1.3em;}
.track_record dl dd {color: #666666; font-size:1.4em; line-height: 1.4em; display: flex; justify-content: center; align-items:center}
.track_record dl dd .num {color: #002965; font-size:2.3em; line-height: 1.2em; font-weight: 800; padding-right: 10px;}


.sitemapContent .gnb {padding:5%; font-size: 16px; line-height: 1.4em;}
.sitemapContent .gnb > ul > li {padding: 20px 0px; align-items: center; border-top:1px solid #ccc; display: flex;}
.sitemapContent .gnb > ul > li > a {min-width: 140px; color: #002965; align-self: flex-start; font-size: 1.2em; line-height: 1.3em; font-weight: 700;}
.sitemapContent .gnb > ul > li .sub_menu {display: flex; flex-wrap: wrap; flex: 1;}
.sitemapContent .gnb > ul > li .sub_menu > li {padding:2px 12px;}




.video_wrap {position:relative; padding-bottom:56.19%;}
.video_wrap iframe {width:100% !important; height:100% !important; position:absolute; left:0px; top:0px;}

.youtube_wrap_max {max-width:960px; margin:0 auto;}
.youtube_wrap {position:relative; padding-bottom:56.19%;}
.youtube_wrap iframe {width:100% !important; height:100% !important; position:absolute; left:0px; top:0px;}




@media (hover:none) {
    .hover:hover .ico_circle {background:#007dc6;}
  
    
}




/* footer */
#footerW{padding-left:50px; padding-right:50px;} 
#footerW {clear:both; background:#333333; border-top:1px solid #000; position:relative;}
#footerW.z_over {z-index:101; position:relative;}

#footer_navi {position: relative;}
#footer_navi:after {display: block; content: ""; width: 110vw; height: 1px; background: #fff; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); opacity: 0.5;}
#footer_navi > ul {margin:0 auto; max-width:1400px; padding:30px 200px 30px 0px; height:90px; display: flex; flex-wrap: wrap; align-items: center;}
#footer_navi > ul li {position:relative; padding-left:16px; margin-left:15px;}
#footer_navi > ul li:first-child {padding-left:0px; margin-left:0px;}
#footer_navi > ul li:after {display:block; content:""; width:1px; height:14px; background:#6f737f; position:absolute; left:0px; top:50%; margin-top:-7px;}
#footer_navi > ul li:first-child:after {display:none;}
#footer_navi > ul li:last-child {margin-left: auto;}
#footer_navi > ul li:last-child:after {display: none;}
#footer_navi > ul li a {display:block; font-size:16px; color:#ffffff; font-weight:400; opacity:0.8; line-height:1.2em; }
#footer_navi > ul li a img {vertical-align: middle;}


#footer { position:relative; max-width:1400px; margin:0 auto; }
#footer .go_top {position:absolute; right:0px; top:40px}
#footer .go_top > a {display: block; padding:14px; background: #dad4d4}

#footer .addressW { padding:35px 70px 35px 0px; box-sizing:border-box; position:relative; font-size:16px; color:#fff; line-height:24px; font-weight:100; min-height:170px;}
#footer .addressW .copy {padding-top:10px; opacity:0.8}
#footer .addressW a {color:#fff}
#footer .addressW address {margin-left:-10px; line-height:150%;}
#footer .addressW address span {display:inline-block; vertical-align:middle; padding:2px 10px; opacity: 0.8;}
#footer .addressW address .line {width:1px; height:16px; background:#6f737f; padding:0px;}

#footerW .familySite {position:absolute; right:5px; top:-68px; z-index:9}
#footerW .familySite ul.show {display:block;}
#footerW .familySite ul {position:absolute; right:0px; bottom:100%; display:none; background:#363636; width:100%; border-top:1px solid #6c6f78;}
#footerW .familySite ul li {min-height:43px; border:1px solid #6c6f78; border-top:none; line-height:43px; font-size:13px; }
#footerW .familySite ul li:last-child {border-bottom:1px solid #6c6f78; }
#footerW .familySite ul li a {display:block; color:#c0c2c5; padding-left:17px; font-weight:400;}
#footerW .familySite ul li a:hover {color:#c0c2c5; background:#272727}
#footerW .familySite p.on {width:164px; text-align:left; border:1px solid #999999; color:#fff; cursor:pointer; font-size:16px; line-height:34px; background:url(../img/common/familySite_bg.png) no-repeat right center #333a41; padding:3px 32px 3px 17px; font-weight:400;}


#content {width:100%; max-width:1280px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}





#content {width:100%; max-width:1500px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}



.sub_visual {width:100%; padding:0px 50px; box-sizing:border-box; overflow:hidden; position:relative; background-size:cover !important; overflow:hidden;}

.sub_visual .sub_txt {position:relative; max-width:1200px; margin:0 auto; height:400px; display:flex; flex-direction:column; justify-content: center; align-items: center; text-align: center; color:#fff; box-sizing:border-box; padding:10px 0px;}
.sub_visual .sub_txt > h2 {width:100%; font-size: 53px; line-height: 1.3em; font-weight: 700; padding-top:0px; padding-bottom: 30px;} 
.sub_visual .sub_txt .txt1 {font-size:17px; line-height:1.4em; min-height:135px; font-weight:400; padding:20px 0px;}
.sub_visual .sub_txt .date {font-size:32px; line-height:37px; font-weight:400; padding-bottom:5px;}
.sub_visual .sub_txt .txt_s {max-width:1500px; margin:0 auto; font-size:24px; line-height:140%; font-weight:300; font-family:'locus_sangsang';}






.sub_wrap {opacity:0; padding-top:95px;}
.sub_wrap #header.down {top:0px; transition:all 0.5s;}
.sub_wrap.up #header {top:0px; transition:all 0.5s;}
.sub_wrap .main_quick {display:none;}





#sub_tit {font-size:50px; color:#fff; line-height:1.2em; font-weight:800;}
#sub_tit .txt_s {font-size:36px; display:inline-block;}


#m_lnb {display:none;}
#lnb_wrap {position:absolute; z-index:99; word-break:keep-all; box-shadow:none; box-sizing:border-box; max-width:1720px; margin:0 auto; left:50%; top:-80px; transform:translateX(-50%); width:100%;}

#lnb_wrap .lnbs1 {}

#lnb_wrap .lnb {display:flex; margin:0 auto; box-sizing:border-box; position:relative; z-index:9; left:50%; transform:translateX(-50%); transition:all 0.5s; border-left:none; border-top:none; justify-content: flex-end; /*box-shadow:0 6px 10px rgb(0 0 0 / 9%);*/}
#lnb_wrap .lnb .lnbs { width:50%; max-width:240px; box-sizing:border-box; border-right:1px solid #e2e2e2; position:relative;}
#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:0px; top:calc(100% + 0px); top:-webkit-calc(100% + 0px); width:100%; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2;  border-top:1px solid #e2e2e2; display:none; background:#fff;}
#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}

#lnb_wrap .ico_home {margin-left:-1px;}
#lnb_wrap .ico_home a {display:block; width:85px; height:100%; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.png) no-repeat center center #ff6600 ;}
.lnb ul li {color:#666666; display:block; padding:0px; margin-top:0px;}
.lnb .three_depth {padding:10px;}
.lnb ul li a {color:#666; font-size:15px; display:block; line-height:130%; min-height:30px; height:auto; padding:15px 0px 15px 25px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align:left; border-top:none; font-weight:400;}
.lnb ul li a:hover {color:#000;}
.lnb .three_depth {border:none;}
.lnb ul li .three_depth a {padding:6px 15px; border:none; font-size:13px;}

.lnbs2 ul li.on a {border-radius:0px; }

#lnb_wrap .lnbs1, #lnb_wrap .lnbs2 {display: none;}
#lnb_wrap .lnbs3 {min-width:calc(50% - 80px); width:auto; background: #fff; position: relative;}
#lnb_wrap .lnbs3:after {display: block; content:""; width:100vw; height: 100%; background: #fff; position: absolute; left:0px; top: 0px; z-index: -1;}

#lnb_wrap .lnbs3 > ul {display:flex; flex-wrap:wrap;}
#lnb_wrap .lnbs3 > ul > li {position:relative; height:80px; padding:0px 30px; display:flex; justify-content:center; align-items:center;}
#lnb_wrap .lnbs3 > ul > li:not(:first-child):after {display: block; content: "/"; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); font-size: 1.4em;}
#lnb_wrap .lnbs3 > ul > li > a {display:flex; justify-content:center; align-items:center; text-align:center; height:30px; box-sizing:border-box; color:#999999; font-weight:600; width:100%; padding: 0px; font-size:18px; border:none; position:relative; background:#fff;}
#lnb_wrap .lnbs3 > ul > li.on > a {font-weight:600; color:#ff6600; border-bottom: 2px solid #ff6600;}

/*

#lnb_wrap.fixed {transform:none;}
#lnb_wrap.fixed .lnb {position:fixed; top:0px; width:100%; max-width:1200px; left:50%; transform:translateX(-50%); background:#fff;}


.up #lnb_wrap.fixed .lnb {top:70px;}
*/

.drop.on .four_depth {display:block;}
.four_depth {background:#ececec; border-bottom:1px solid #e2e2e2 ; display:none;}
.lnb .four_depth li a {color:#333 !important; font-size:12px; line-height:18px; min-height:18px; height:auto; padding:10px 0px 10px 30px; background:#f4f4f4 !important; border:none !important; position:relative;}
.lnb .four_depth li a:before {display:block; content:""; width:5px; height:1px; background:#333; position:absolute; left:20px; top:50%;}
.lnb .four_depth li.on a {color:#55b664  !important;}
.lnb .four_depth li.on a:before {background:#55b664;}
.lnbs3 ul li.drop > a {position:relative;}
.drop > a:before {display:block; content:""; width:11px; height:1px; background:#999; position:absolute; right:0%; top:50%; margin:0px 10px 0px 0px;}
.drop > a:after {display:block; content:""; width:1px; height:11px; background:#999; position:absolute; right:0%; top:50%; margin:-5px 15px 0px 0px;}
.drop.on > a:before {background:#fff;}
.drop.on > a:after {background:#fff;}

.drop > a.on:after {display:none;}




.lnb_tit, a.lnb_tit {font-size:16px; display:block; box-sizing:border-box; padding-left:20px; color:#141414; line-height:55px; height:55px; cursor:pointer; padding-right:20px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.lnb_tit:after {display:block; content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:0; height:0;border-top:7px solid #333; border-left:5px solid transparent; border-right:5px solid transparent; transition:all 0.2s 0s ease-in-out;}
.lnb_tit.on:after {transform:rotate(-180deg); margin-top:-5px}


#lnb_menu .three_depth {display:none;}




.title_bar {max-width:1500px; margin:0px auto; margin-bottom:70px; padding-top:120px; position:relative; text-align:center}
.title_bar h2 {font-size:46px; font-weight:800; color:#333333; line-height:120%; transition:all 0.2s 0s ease-in-out;}

.title_bar .s_txt {font-size:18px; text-align:center; color:#999999; line-height:140%; font-weight:400;}
.title_bar .marcellus {font-size:24px; text-align:center; color:#fa6f8c; padding-bottom:15px; line-height:140%; font-weight:400; }
.big_tit {font-size:46px; color:#000000; line-height:100%; transition:all 0.2s 0s ease-in-out; font-weight:700; padding:40px 0px 30px 0px;}


.location_wrap {width:100%; padding-top:10px;}
.location {position:relative; line-height:33px; height:33px; font-size:16px; color:#fff;}
.location > span {display:inline-block; zoom:1; *display:inline; padding-left:15px; margin-left:7px; position:relative; font-weight:400;}
.location > span:before {display:block; content:""; width:5px; height:5px; border-top:1px solid #fff; border-right:1px solid #fff; position:absolute; transform:rotate(45deg); left:0px; top:50%; margin-top:-2px;}

.location > span.home {}
.location > span.home:before {display:none;}
.location span:first-child {padding-left:0px; margin-left:0px;}
.location #location_2 {font-weight:500; display: none;}
.location #location_3 {font-weight:500;}
.location img {vertical-align:middle; margin-top:0px;}

.sub_con_wrap {padding:60px 10px; margin:60px -10px; background:#eeeff4}
.sub_con {padding-top: 80px; max-width:1400px; margin:0 auto; font-size:17px; font-weight:600; line-height:160%; color:#333333; word-break:keep-all;}

.sub_con > .s_tit:first-child {margin-top:0px;}
.sub_con img {max-width:100%;}


.s_tit {font-size:30px; position:relative; color:#000; line-height:120%; padding:0px 0px 20px 0px; margin-top:60px; font-weight:800; display:flex; align-items:center;}
.s_tit:before {display:inline-block; vertical-align:top; align-self:flex-start; content:""; width:26px; height:27px; background: url(../img/common/bul.png) no-repeat center; margin-right: 10px; margin:0.2em 10px 0px 0px; background-size:cover; }
.s_tit+.ss_tit {margin-top: 0px;}

.s_tit_txt {font-size:22px; color:#353736; line-height:140%; padding:0px 0px 20px 0px; font-weight:400;}
.ss_tit {font-size:26px; color:#ff6600; line-height:140%; margin-bottom:15px; position:relative; margin-top:50px; font-weight:800; display:flex; align-items:center;}
/*.ss_tit:before {display:inline-block; margin-right:5px; content:""; width:6px; height:22px; background:linear-gradient( to top, #004a87 50%, #94d60a 50% );}*/

.ss_tit.br_no {margin-bottom:0px;}
.ss_tit.pl0:before {display:none;}

.ss_tit.tc {text-align:center; background:none !important; padding-left:0px;}
.ss_tit.tc:after {display:none;}
.ss_tit.tc:before {display:none;}

.fnt_sm{font-weight:600; font-size:1em;}
/*.ss_tit:before {display:block; content:""; width:7px; height:24px; background:#0f7bc6; position:absolute; left:0px; top:4px;}
.ss_tit > span{font-weight:300;}*/
.s_titW {max-width:1500px; margin:0 auto; padding:50px 0px 5px 0px;}

.sss_tit {font-size:21px; color:#15a0ff; padding:0px 0px 0px 0px; margin:40px 0px 10px 0px; line-height:140%; position:relative;}
.sss_tit .box {display:inline-flex; min-height:28px; font-size:14px; color:#cc1427; justify-content:center; align-items:center; min-width:140px; box-sizing:border-box; padding:0px 20px; background:#f4dcc4; font-weight:600;}

.b_txt {font-size:22px; color:#333333; font-weight:400; padding:40px 0px 10px 0px; line-height:150%;}
.s_txt_r {text-align:right; margin-top:-35px; height:20px; padding-bottom:15px;}
.s_txt_r2 {height:40px; margin-top:-55px;}
.imgW img {max-width:100%;}
.txt_in {padding-left:20px;}

.div_line {border-top:1px solid #aab7cc; margin-top:50px; padding:50px 0px; display:block}

.box_txt {border:1px solid #d0d0d0; text-align:center; background:#f4f6f7; font-size:22px; line-height:140%; color:#004497; padding:30px 0px;}
.first_txt {font-size:36px !important; line-height:140%; color:#000; font-weight:300; line-height:1.3em;}




#add_date {position:relative; padding-right:115px; }
#add_date .bt {position:absolute; right:0px; top:0px;}

.tooltip {color:#ff751a; border:1px solid #ff751a; border-radius:6px; text-align:center; line-height:38px; width:38px; height:40px; box-sizing:border-box; font-size:1.5em; vertical-align:middle;}
.br_box {border:1px solid #dce1eb; padding:20px 20px 20px 20px;}
.t_box {background:#757a85; color:#fff; padding:5px 5%; display:inline-block;}
td .br_box {padding:5px;}
td .gray_box {padding:5px;}


.radio_group_row > li {padding-top:8px;}
.radio_group_row > li:first-child {padding-top:0px;}
.radio_group_row > li.disabled {opacity:0.4;}

.radio_group {padding:0px; margin:-7px 0px 0px -15px;}
.radio_group > li {display:inline-block; padding:7px 0px 0px 15px;}
.radio_group > li.etc_li {width:100%; max-width:560px; box-sizing:border-box}
.radio_group > li.etc_li .input {width:calc(100% - 70px) !important; width:-webkit-calc(100% - 70px) !important;}

.radio_group .input {width:auto !important;}

.input_group {padding:5px 0px 0px 0px; margin:-5px 0px 0px -15px;}
.input_group > li {display:inline-block; padding:5px 0px 0px 15px;}
.input_group .input {width:auto !important;}


.input_etc {position:relative; padding-left:62px; box-sizing:border-box;}
.input_etc .pa {position:absolute; left:0px; top:0px; font-size:14px; line-height:40px;}

.btn-tc {text-align:center; padding:50px 0px; border-top:4px solid #000; margin-top:40px;}
.btn-tc > a {margin:0px 5px;}
.btn-tl {text-align:left; padding:50px 0px; border-top:4px solid #000; margin-top:40px; overflow:hidden}
.btn-tl > a {margin:0px 5px;}
.btn-tr {text-align:right; padding:50px 0px; border-top:4px solid #000; margin-top:40px; overflow:hidden}
.btn-tr > a {margin:0px 5px;}


.bt_close {width:18px; height:18px; display:inline-block; vertical-align:middle; background:url(../img/common/close_bt.gif) no-repeat center center; background-size:cover; text-indent:-9999px; background-size:10px auto;}

/*atab*/
.atab_wrap {padding-top:90px;}
.atab {margin:0 auto; margin-bottom:40px; margin-left:-8px; margin-right:-8px; padding-top:10px; display:flex; flex-wrap:wrap;}
.atab:after {clear:both; display:block; content:"";}
.atab li {flex:1;}
.atab li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; height:70px; background:#fff; line-height:130%; padding:0px 0px; text-align:center; color:#cccccc; border:2px solid #cfcfcf; border-left:none; border-bottom:2px solid #333333; font-size:18px; font-weight:400;}
.atab li.on a {font-weight:600; border:2px solid #333333 !important; border-bottom-color:#fff !important; color:#333;}
.atab li:first-child a {border-left:2px solid #cfcfcf;}

.btab {display:flex; flex-wrap:wrap; margin:5px auto; justify-content:center}
.btab > li {padding:5px 10px; flex:1;}
.btab > li > a {display:flex; justify-content:center; align-items:center; height:60px; border-radius:60px; color:#666666; font-size:1.05em; line-height:140%; position:relative; background:#f5f5f5; border:1px solid #f5f5f5; font-weight:300;}
.btab > li.on > a {color:#15a0ff; background:#fff; border-color:#15a0ff; font-weight:400;}



.of_hi {overflow:hidden}
.of_hi .fl50 {float:left; width:49%;}
.of_hi .fr50 {float:right; width:49%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display:none;}

/* 레이어팝 */
.layerPop {-webkit-overflow-scrolling:touch; overflow-y:auto; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; z-index:99999; background:rgba(0, 0, 0, 50%); zoom:1;}
.layerPop_inner {width:100%; min-height:100%; padding:15px; display:flex; justify-content:center; align-items:center;}
.layerPop_inner .popContent {width:100%; margin:0 auto; background:#fff; position:relative;}
.layerPop .x_btn {margin-left:auto; position:relative; display:block; cursor:pointer; background:none; width:40px; height:40px; font-size:0px; z-index:2}
.layerPop .x_btn:after {display:block; content:""; width:20px; height:3px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.layerPop .x_btn:before {display:block; content:""; width:20px; height:3px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.layerPop .x_btn.black:after {background:#000;}
.layerPop .x_btn.black:before {background:#000}
.layerPop .pop_head {position:relative;}
.layerPop .pop_head .x_btn {position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.layerPop .pop_head .title {font-size:24px; line-height:150%; margin-bottom:10px; color:#000; padding:16px; text-align:center; font-weight:600;}
.pop_wrap {width:100%;}
.pop_wrap_in {width:100%; margin: 0 auto;}




/* 팝업 */

.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align:center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size:14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:Noto Sans; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:38px;}

/* 팝업 */

.main_layer_pop {position:absolute; left:5%;  top:100px; z-index:9999}
.main_pop_bottom {background:#fff; font-weight:300; color:#000; padding:10px; position:relative; font-size:14px; box-sizing:border-box; border:1px solid #ccc;}
.main_pop_bottom .close {position:absolute; right:10px; top:10px; padding-right:30px; background:url(../popup/images/pop_close.gif) no-repeat right center; }
.main_layer_pop_inner {width:100%; height:100%; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.main_layer_pop_inner .cell {display:table-cell; vertical-align:middle; position:relative;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top:-22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background:url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background:url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin:0 auto;}
.main_layer_pop .pop_wrap_in{max-height:500px; overflow-y:auto;}
.main_pop_content > img{max-width:100%;}
.pop_bottom_bt {display:flex; flex-wrap:wrap; width:100%; background:#333; border-top:2px solid #fff; }
.pop_bottom_bt > a {display:block; width:50%; box-sizing:border-box; color:#fff; text-align:center; height:50px; line-height:48px; font-size:16px; font-weight:400; border-left:1px solid #fff;}
.pop_bottom_bt > a:first-child {border:none;}


.date_picker {position:relative; display:flex; align-items:center;}
.date_picker .input {flex:1;}
.date_picker > img {height:30px; margin-left:5px;}

.bt_include {position:relative; display:flex; flex-wrap:wrap; box-sizing:border-box;}
.bt_include > div {flex:1}
.bt_include .add_bt {width:100px; margin-left:5px;}

.bt_include select {width:100%; max-width:100%; flex:1}
.bt_include .input {flex:1}
.bt_include2 {padding-right:65px; margin:0 auto;}


.check_boxW {background:#fff; border:1px solid #dadada; padding:15px 5px;}

.page_title { font-weight: 700;}
.page_title > h2 {font-size:2.11em; line-height: 1.3em; display: flex; align-items: center; font-weight:800; color: #ff6600; margin-bottom: 10px;}
.page_title > h2:before {display: block; content: ""; min-width:5px; width: 5px; height:1em; background: #ff6600; margin-right: 10px; align-self: flex-start; margin-top: 0.1em;}
.n_size, .n_txt {font-size:1.176em; line-height: 1.6em; font-weight: 700;}
.section_line {display:block; background: #ccc; height: 1px; line-height: 1px; margin: 60px 0px;}

.introduce {display:flex; flex-wrap:wrap; justify-content:space-between}
.introduce .img {width:50%; padding-right:20px;}
.introduce .txt {width:50%; padding-left:20px; max-width:840px;}
.introduce .txt dl dt {color:#000; padding-bottom:10px; font-size:1.333333em; line-height:1.3em; font-weight:800;}
.introduce .txt1 {font-size:2em; font-weight:800; line-height:1.3em;}
.introduce .txt2 {}

.num_box {border: 1px solid #ccc; padding:3%; background: #f5f5f5}
.num_txt > li:not(:first-child) {margin-top: 7px;}
.num_txt > li {padding-left: 20px; text-indent:-20px; font-weight: 700;}
.box_st1{padding:0px 10px 10px 0px; position: relative;}
.box_st1:after {display: block; content: ""; width:90px; height: 90px; border-bottom: 10px solid #ff6600; border-right:10px solid #ff6600; box-sizing: border-box; position: absolute; right: 0px;bottom: 0px; z-index: -1}
.num_box2 {background: #fff; display: flex; flex-wrap: wrap; position: relative;}
.num_box2 > ul {width: 50%; padding:0px 20px;}
.num_box2 > ul:not(:first-child) {border-left:1px solid #ccc;}




.img_slide_wrap {display: flex; justify-content: space-between; align-items: flex-start}
.img_slide_wrap .info {margin-top: 40px; width: 50%; padding:30px 20px 40px 40px;align-self: flex-end; position: relative;}
.img_slide_wrap .info:before {display: block; content: ""; width: 100vw; height: 100%; position: absolute; left:0%; top: 0px; transform: translateX(-50%); background:#f5f5f5}
.img_slide_wrap .info > dl:not(:first-child) {margin-top: 30px;}
.img_slide_wrap .info > dl dt {display: flex; align-items: center; position: relative; font-size:1.35em; line-height:1.3em; font-weight: 800; color: #ff6600;}
.img_slide_wrap .info > dl dt img {align-self: flex-start; min-width:45px; margin-right: 10px;}
.img_slide_wrap .info > dl dd {padding-left: 56px;}


.img_slide_wrap .img_slide { position: relative; width: 50%; max-width: 670px; z-index: 2}
.img_slide_wrap .slick-arrow {position: absolute; display: flex; width:50px; height:50px; padding: 0px; right:100px; bottom:0px; outline: none; border: none; background: none; justify-content: center; align-items: center; font-size: 0px; z-index: 9; cursor: pointer; background: #333333; border-right:1px solid #fff; }
.img_slide_wrap .slick-arrow:after {display: block; content: ""; width:8px; height:8px; border-top:3px solid #fff; border-right:3px solid #fff; display:inline-block; transform:rotate(45deg); left:50%; top:50%;}
.img_slide_wrap .slick-next {right:50px;}
.img_slide_wrap .slick-prev:after {transform:rotate(225deg);}
.img_slide_wrap .control {position: absolute; right: 0px; bottom: 0px;}
.img_slide_wrap.reverse .img_slide {order:2}
.img_slide_wrap.reverse .info {order:1; padding-left:0px;}
.img_slide_wrap.reverse .info:before {left: 100%;}

.play_con {display: flex; justify-content:center; align-items: center; background:#333333}
.play_con > li {display:block; line-height: 0px;}
.play_con > li.off {display: none}
.play_con > li.play_c > button {width:50px; height:50px; box-sizing:border-box; font-size:0px; cursor: pointer; outline:none; border: none; } 
.play_con > li.play_c > button.b_play {background:url(../img/common/bt_play.png) no-repeat center center;} 
.play_con > li.play_c > button.b_pause {background:url(../img/common/bt_stop.png) no-repeat center center;} 
.play_con > li.play_c > button.b_play.on {border:1px solid #ccc; border-radius:100%; background:url(../img/common/bt_play_on.png) no-repeat center center;} 
.play_con > li.play_c > button.b_pause.on {border:1px solid #ccc; border-radius:100%; background:url(../img/common/bt_stop_on.png) no-repeat center center;} 

.gtt {display: flex;flex-wrap: wrap; justify-content: space-between; margin:-15px -5px;}
.gtt > li {padding:15px 5px; text-align: center; max-width: fit-content; width: 20%;}
.gtt > li > p {padding-top: 10px; font-weight:800; font-size: 1.17em; line-height: 1.4em;}


.lngc {display: flex; justify-content: center; max-width: 1130px; margin: 0 auto;}
.lngc > li {width: 33.333%; padding: 0px 15px;}
.lngc dl dt {text-align: center; position: relative; padding:20px;}
.lngc > li:not(:first-child) dl dt:before {display: block; content: ""; width:100%; height: 2px; background: #ff6600; top: 50%; margin-top: -1em; right:50%; position: absolute;}
.lngc .yiu_lian {max-width:fit-content; margin:0 auto; padding-right:20px; line-height:1.2em;}
.lngc .yiu_lian > span {display:block; font-size:0.7em; line-height:1.1em;}

.lngc dl dt img {padding:0px 20px; background: #fff; position: relative; z-index: 9;}
.lngc dl dt p {font-size: 1.17em; font-weight:800; line-height: 1.3em; padding-top: 10px;}

.img_block {display: flex;flex-wrap: wrap; justify-content: space-between; margin:-13px -6px;}
.img_block > li {padding:13px 6px; text-align: center; max-width: fit-content; width:33.3333%;}
.img_block > li > p {padding-top: 10px; font-weight:800; font-size: 1.17em; line-height: 1.4em;}

.ndt {max-width:fit-content; border: 1px solid #ccc; border-radius:10px; padding:10px 5% }

.invar_seam > li:not(:first-child) {margin-top: 30px; display: flex;}
.invar_seam > li {display: flex; font-size: 1.17em;}
.invar_seam > li:nth-child(1) .left {background: #298beb}
.invar_seam > li:nth-child(2) .left {background: #ff6600}
.invar_seam > li:nth-child(3) .left {background: #274767}
.invar_seam > li:nth-child(1) .con {border:2px solid #298beb}
.invar_seam > li:nth-child(2) .con {border:2px solid #ff6600}
.invar_seam > li:nth-child(3) .con {border:2px solid #274767}
.invar_seam > li .left {padding: 5px 15px 5px 5px; min-width: 30%; display: flex; min-height: 92px; align-items: center; border-radius:60px; color: #fff;}
.invar_seam > li .left .ico {min-width:81px; margin-right:15px;}

.invar_seam > li .arrow {flex: 1; min-width:15%; display: flex; align-items: center}
.invar_seam > li .arrow:after {display: block; content: ""; width: 80%; margin: 0 auto; background: url(../img/development/arrow.png) no-repeat right center; height: 7px;}

.invar_seam > li .con {min-width:55%; display: flex; align-items: center; min-height: 92px; border-radius:60px; padding: 10px 5% }

.img_half_section {display:flex; flex-wrap:wrap; margin-bottom:50px;}
.img_half_section .ss_tit {margin-top: 0px;}
.img_half_section .img {width:50%;}
.img_half_section .info {flex:1; padding-right:30px;}
.img_half_section .info > h5 {font-size:1.125em !important; line-height:1.3em; font-weight:700; color:#333; margin-bottom:15px !important; }
.img_half_section .info > dl {font-size:0.95em; padding-left:10px; position:relative; color:#666666;}
.img_half_section .info > dl:before {display:block; content:""; width:3px; height:3px; background:#333; border-radius:100%; position:absolute; left:0px; top:8px;}
.img_half_section .info > dl:not(:nth-of-type(1)) {margin-top:20px;}
.img_half_section .info > dl dt {font-weight:700; color:#333;}

.img_half_section.reverse .info {order:2; padding-left:30px; padding-right:0px;}
.img_half_section .flex {display:flex; flex-direction:column; align-items:flex-start}
.img_half_section .flex .mt-atuo {margin-top:auto;}

.invar_seam_step {display: flex;}
.invar_seam_step > li {width: 25%; padding:20px; position: relative;}
.invar_seam_step > li:not(:first-child) {border-left: 1px solid #ccc;}
.invar_seam_step > li:not(:first-child):before {display: block; content: ""; width:51px; height:52px; background: url(../img/development/arrow2.png) no-repeat left top/contain; position: absolute; left:-25px; top: 50%; transform: translateY(-50%);}
.invar_seam_step .box dt {text-align: center; font-size:1.35em; line-height: 1.4em; font-weight: 800; color: #ff6600;}
.invar_seam_step .box dt > div {padding-top: 10px;}
.invar_seam_step .box dd {padding-top: 20px;}


.half_section {display:flex; flex-wrap:wrap; margin: -20px;}
.half_section > div {width: 50%; padding:20px;}
.half_section .s_tit {margin-top: 0px;}

.step_number {display: flex; flex-wrap: wrap; margin: 0px -12px;}
.step_number > li {width: 33.333%; padding:40px 12px;}
.step_number .box {position: relative; background: #f2f2f2; border-radius:10px; height: 100%; min-height:210px; font-size: 1.05em; line-height: 1.6em; padding:55px 5% 30px 5%; text-align: center}
.step_number .box .num {display: flex; width: 66px; height: 66px; color: #fff; justify-content: center; align-items: center; text-align: center; border-radius:100%; position: absolute; left: 50%; top: 0px; transform: translate(-50%, -33px); background: #ff6600}


.quality_management {display: flex;flex-wrap: wrap; justify-content: space-between; margin:-25px -10px;}
.quality_management > li {padding:25px 10px; text-align: center; max-width:fit-content; width:33.3333%;}
.quality_management dl {margin-top:-15%}
.quality_management dl dt {color: #ff6600; font-size: 1.35em; line-height: 1.4em; font-weight:800;}
.quality_management dl dt .ico {display:block; max-width:14vw; width:fit-content; margin: 0 auto; border-radius:100%; box-shadow: 0px 10px 15px rgba(0, 0, 0, 10%); margin-bottom:40px;}
.quality_management dl dd {padding:20px 5% 0px 5%}

.video_frame {display: flex; flex-wrap: wrap; justify-content: space-between}
.video_frame .frame_wrap {flex: 1; margin-right:30px; overflow: hidden; border-radius: 10px; max-width: 1050px; }
.video_frame .info {display: flex; flex-direction: column; position: relative;min-width: 300px; width: 300px;}
.video_frame .info .pa {display: flex; flex-direction: column; position: absolute; width: 300px; height: 100%; right: 0px; top: 0px;}
.video_frame .info .date {color: #999999; font-size:0.95em;}
.video_frame .info .tit {font-size:1.64em; color: #ff6600; font-weight:800; line-height: 1.3em; max-height:2.6em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 10px 0px;}
.video_frame .info .ico_t {margin-top: auto; display: flex; height: 60px; border:1px solid #ccc; border-left:none; border-right:none; align-items: center; font-size: 1.05em;}
.video_frame .info .ico_t img {margin-right: 10px;}
.video_frame .info .text {border-bottom: 1px solid #ccc; overflow-y: auto; padding: 10px 0px; font-size:0.95em; line-height: 1.3em; max-height:calc(100% - 190px); height: 100%;}

.brochure {position: relative; display: flex; justify-content: space-between; padding-bottom: 60px; align-items: flex-end}
.brochure:after {display: block; content: ""; width: 100%; height: 50%; background: url(../img/promotion/03_bg.jpg) no-repeat left bottom/cover #ff6600; position: absolute; left: 0px; bottom: 0px; z-index: -1}
.brochure:before {display: block; content: ""; width: 100vw; height: 50%; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); background: #ff6600; z-index: -1}
.brochure .img {min-width:450px;  width:450px;}
.brochure .img img { box-shadow:10px 10px 10px rgba(0, 0, 0, 20%)}
.brochure .info {flex: 1; max-width: 60%;  padding-left:20px;}
.brochure .info .txt_a {color: #ff6600; font-size:2.529em; line-height: 1.3em; font-weight:500; padding-bottom:15%}
.brochure .info .txt_a strong {font-weight: 800;}
.brochure .info .txt_a em {font-style: italic;}
.brochure .info .txt_b {color:#fff; font-size:1.176em; line-height: 1.4em; font-weight: 300;}
.brochure .info .down_bt {padding:40px 0px;}
.brochure .info .down_bt > a {display:inline-flex; align-items: center; height: 56px; color: #fff; font-weight: 400; border:1px solid #fff; padding: 0px 40px; background: #ff6600}
.brochure .info .down_bt > a img {margin-left: 10px;}

.img_frame_list {display: flex; flex-wrap: wrap; margin:0px -10px; justify-content: space-between}
.img_frame_list > li {width: 25%; padding: 10px;}
.img_frame_list > li:nth-child(1) dl {background: url(../img/community/01_img01.jpg) no-repeat center center/cover}
.img_frame_list > li:nth-child(2) dl {background: url(../img/community/01_img02.jpg) no-repeat center center/cover}
.img_frame_list > li:nth-child(3) dl {background: url(../img/community/01_img03.jpg) no-repeat center center/cover}
.img_frame_list > li:nth-child(4) dl {background: url(../img/community/01_img04.jpg) no-repeat center center/cover}
.img_frame_list dl {max-width: 330px; width: 100%; position: relative; border-radius:20px; overflow: hidden; min-height: 380px; padding:9%; color: #fff;}
.img_frame_list dl dt {font-size:1.529em; font-weight: 800; line-height: 1.3em; padding-bottom:20px;}
.img_frame_list dl dt:after {display: block; content: ""; width: 40px; height: 2px; background: #fff; margin: 20px 0px 0px 0px;}

.img_frame_list dl dd {font-weight: 300;}
.img_frame_list .bul01 > li:after {background: #fff;}

.img_biz_list {display: flex; flex-wrap: wrap; margin:0px -10px; justify-content: space-between}
.img_biz_list > li {width: 33.33333%; padding: 10px;}
.img_biz_list > li:nth-child(1) dl {background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url(../img/main/ban01.jpg) no-repeat center center/cover}
.img_biz_list > li:nth-child(2) dl {background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url(../img/main/ban02.jpg) no-repeat center center/cover}
.img_biz_list > li:nth-child(3) dl {background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url(../img/main/ban04.jpg) no-repeat center center/cover}
.img_biz_list dl {max-width: 600px; min-height: 325px; width: 100%; position: relative; border-radius:20px; overflow: hidden; padding:10%; color: #fff;}
.img_biz_list dl dt {font-size:1.529em; font-weight: 800; line-height: 1.3em; padding-bottom:20px;}
.img_biz_list dl dt:after {display: block; content: ""; width: 40px; height: 2px; background: #fff; margin: 20px 0px 0px 0px;}

.img_biz_list dl dd {font-weight: 500;}
.img_biz_list .bul01 > li:after {background: #fff;}


.application_step {display: flex; margin: -10px;}
.application_step > li {width: 25%; padding:10px; position: relative;}
.application_step > li:not(:first-child):before {display: block; content: ""; width:60px; height:60px; background: url(../img/community/02_arrow.png) no-repeat left top/contain; position: absolute; left:-30px; top: 50%; transform: translateY(-50%);}
.application_step > li dl {border-radius:10px; background: #f2f2f2; height: 100%; padding:9% 20px;}
.application_step dt {text-align: center; font-size:1.17em; line-height: 1.4em; font-weight: 800;}
.application_step dt .ico {display: block; padding-bottom: 10px;}
.application_step dt:after {display: block; content: ""; width: 30px; height: 2px; background: #ff6600; margin: 20px auto;}
.application_step dd {text-align: center}


.welfare {display: flex; flex-wrap: wrap; margin: 0px -10px;}
.welfare > li {width: 50%; padding: 10px;}
.welfare .box {border-radius:20px; background: #f2f2f2; display: flex; align-items: flex-start; padding:30px 20px; min-height: 100%;}
.welfare .box .ico {min-width: 90px;}
.welfare .box dl dt {font-size:1.17em; line-height: 1.4em; font-weight: 800;}
.welfare .box dl dt:after {display: block; content: ""; width: 30px; height: 2px; background: #ff6600; margin: 20px 0px;}
/**.welfare > li:last-child {width: auto; flex: 1;}*/

/**
.history_box {position: relative; }
.history_box:After {display: block; content: ""; width: 1px; height: 100%; background: #ccc; position: absolute; left: 50%; top: 0%;}


.history_box > ul {justify-content: center;}
.history_box > ul > li {position: relative; display: flex; flex-wrap: wrap; padding-bottom:60px;}
.history_box > ul > li:last-child {background: #fff; z-index: 2;}
.history_box > ul > li:nth-of-type(even) .year {order:2; text-align: left}
.history_box > ul > li:after {display: block; content: ""; width:10px; height:10px; position: absolute; left: 50%; margin-left: -5px; top:0px; background: #999999; border-radius:100%; z-index: 9}
.history_box > ul > li:first-child{padding-top: 0px;}
.history_box > ul > li:first-child:after {width:16px; height:16px; margin-left: -8px; top: 0px; background: #ff6600;}
.history_box > ul > li .year {font-size: 32px;  text-align: right; width: 50%; font-weight: 800; position: relative; box-sizing: border-box; padding: 0px 40px; margin-top: -13px; line-height:130%; color:#ff6600;}
.history_box > ul > li .history_txt {width: 50%; box-sizing: border-box; padding: 0px 30px; margin-top: -5px;}
.history_box .history_txt .bul01 > li {display: flex; flex-wrap: wrap; margin-top:13px;}
.history_box .history_txt .bul01 > li:first-child {margin-top: 0px;}
.history_box .history_txt .bul01 > li .month {font-size: 1.2em;  width: 110px; font-weight: 800;}
.history_box .history_txt .bul01 > li .con {flex: 1;}
.history_box .history_txt .img {margin-top:25px;}
**/

.history_box {position: relative; }
.history_box:After {display: block; content: ""; width: 1px; height: 100%; background: #ccc; position: absolute; left: 50%; top: 0%;}


.history_box > ul {justify-content: center;}
.history_box > ul > li {position: relative; display: flex; flex-wrap: wrap; padding-bottom:60px;}
.history_box > ul > li:last-child {background: #fff; z-index: 2;}
.history_box > ul > li:nth-of-type(even) .year {order:2; text-align: left}
.history_box > ul > li:after {display: block; content: ""; width:10px; height:10px; position: absolute; left: 50%; margin-left: -5px; top:0px; background: #999999; border-radius:100%; z-index: 9}
.history_box > ul > li:first-child:after {width:16px; height:16px; margin-left: -8px; top: 0px; background: #ff6600;}
.history_box > ul > li .year {font-size: 32px; font-weight: 800; position: relative; box-sizing: border-box;  margin-top: -13px; margin-bottom:20px; line-height:130%; color:#ff6600;}
.history_box > ul > li .history_txt {width: 50%; box-sizing: border-box; padding: 0px 30px; margin-top: -5px;}
.history_box .history_txt .bul01 > li {display: flex; flex-wrap: wrap; margin-top:13px;}
.history_box .history_txt .bul01 > li:first-child {margin-top: 0px;}
.history_box .history_txt .bul01 > li .month {font-size: 1.2em;  width: 110px; font-weight: 800;}
.history_box .history_txt .bul01 > li .con {flex: 1;}
.history_box .img {width: 50%; padding-left:40px;}

.map_W{display:flex; align-items: center;}
.map_wrap {width:50%; border-bottom:1px solid #ccc; height:550px; overflow:hidden; box-sizing:border-box;}
.map_wrap > div {height:100% !important; width:100% !important;}
.map_wrap > div .wrap_map {height:100% !important; width:100% !important;}

/* 오시는 길 */
.cs_box{width:50%; padding-left:60px;}
.cs_box .cs_ul > li{display:flex; border-bottom: 1px solid rgba(0, 0, 0, 0.15); padding: 35px 16px; }
.cs_box .cs_ul > li > span{width:30%; display:block; font-weight: 700; color: #888;}


/**
.map_wrap {border-bottom:1px solid #ccc; height:550px; overflow:hidden; box-sizing:border-box;}
.map_wrap > div {height:100% !important; width:100% !important;}
.map_wrap > div .wrap_map {height:100% !important; width:100% !important;}

.cs_box{margin-top:30px;}
.cs_box .cs_tablew {width:100%;  margin-top: 38px; border-top: 2px solid #ff6600;}
.cs_box .cs_tablew th { text-align: center; font-size: 1.2em; font-weight: 800; }
.cs_box .cs_tablew th, .cs_box .cs_tablew td { padding: 35px 16px;  line-height: 32px; }
.cs_box .cs_tablew td { border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.cs_box .cs_tablew .td_ttl { font-weight: 700; color: #888; }

@media (min-width: 768px) {
	.cs_box .cs_tablew tr:last-child td { border-bottom: 0; }
}

@media (max-width: 767px) {
	.cs_box .cs_tablew, .cs_box .cs_tablew tbody, .cs_box .cs_tablew tr { width: 100%; display: flex; flex-wrap: wrap; }
	.cs_box .cs_tablew th, .cs_box .cs_tablew td { padding: 10px 0px !important; }
	.cs_box .cs_tablew th { width: 100%; padding-bottom: 0; text-align:left;}
	.cs_box .cs_tablew td { width: 80%; }
	.cs_box .cs_tablew tr:first-child td:nth-last-child(-n+2){display: none; border-bottom: 0;}
	.cs_box .cs_tablew tr:last-child th { display: none; }
	.cs_box .cs_tablew tr:last-child td:nth-last-child(-n+2) {
		border-bottom: 0;
	}
	.cs_box .cs_tablew .td_ttl { width: 20%; }
}
*/

.vision_ul {display: flex; flex-wrap: wrap; flex-direction: column; border-top:2px solid #ff6600; margin-top:40px;}
.vision_ul > li {display: flex; align-items: flex-start;  padding:30px 20px; border-bottom:1px solid #ccc; font-size:1.17em;}
.vision_ul > li  .ico {min-width: 120px;}
.vision_ul > li  dl dt {font-size:1.17em; line-height: 1.4em; font-weight: 800;}
.vision_ul > li  dl dt:after {display: block; content: ""; width: 30px; height: 2px; background: #ff6600; margin: 20px 0px;}

.ci_info{text-align: center;padding: 70px 10px;border: 1px solid #e8e8e8;background: url(../img/introduce/ci-info_bg.png) repeat;}
.ci_info .imgs img{margin: 10px 40px; max-width: calc(100% - 40px);}
.ci_info .text{color: #333; font-size: 1.1em; line-height: 160%; margin-top: 35px;}
.ci_info .btns{margin-top: 30px;}
.ci_info .btns a{margin: 7px;border: 1px solid #333;background: #fff;text-align: center;display: inline-block;width: 238px;height: 46px;line-height: 46px;}
.ci_info .btns a span{color: #333;font-size: 15px;padding-left: 20px;background: url(../img/common/downicon.png) no-repeat left center;}

.colorW{display:flex; justify-content: space-between; align-items: center;}
.color_txt{display:block; width:46%; font-size:1.3em; line-height:160%;}

.clor_pantone{display:flex; margin:0px -10px; width:100%;}
.clor_pantone > li{width:33.33333%; padding:0px 10px;}
.clor_pantone > li .box{display:flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; min-height:298px; background-color:#f4f4f4; padding:30px;}
.clor_pantone > li .box .color_bg{ width:90px; height:90px; border-radius:45px; text-indent:-999999px}
.clor_pantone > li:nth-child(1) .box .color_bg{background-color:#f37321;}
.clor_pantone > li:nth-child(2) .box .color_bg{background-color:#f89b5c;}
.clor_pantone > li:nth-child(3) .box .color_bg{background-color:#fbb584;}
.clor_pantone > li .box .txtw{width:100%;  text-align:center; padding-top:30px}
.clor_pantone > li .box .txtw .tit{display:block; font-size:1.2em; font-weight:800; padding:70px 0px 10px 0px;}












/* ------------------------------------------------------------
 * Name      :mobile_layout.css    
 * Desc      :page layout 
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnb {position:absolute; left:0px; top:81px; width:100%;}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
/*.m_gnb .gnb > ul > li:hover > a {background:#000;}*/

.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:none;}
.m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > li > a:hover { background:#009091;}
.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position:relative;}

.down_file {display:inline-block; vertical-align:middle; color:#0c91dd; margin-left:10px;}
.down_file > span {display:block; padding-left:23px; background:url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}





/* 1280px 이상 */
@media screen and (min-width:1280px) {
	.m_gnb {display:none !important;}
     
}




/* 1400px 이하 */
@media screen and (max-width:1400px) {
	#header {padding-left:10px; padding-right:10px;}

	.section .inner {padding-left:10px; padding-right:10px;}
	#footerW{padding-left:10px; padding-right:10px;} 
	#inner_wrap {padding:0px 10px 80px 10px;}
	
	.sub_visual {padding-left:10px; padding-right:10px;}
	 .quick_wrap {transform:translate(200px, -50%);}
    .main_quick {right:-300px;}

	#header h1 {margin-top:0px;}
	
	
	.menu_btn  {margin-top:0px;}

	
	.m_gnbW {display:block;}
	
	
	.menu_btn {display:block;}
    .m_gnb_on {display:block; margin:0px;}
    .w_gnb {display:none;}
	

    .w_gnb {display:none;}
	#gnb_bar {display:none !important;}
	
	
	.w_gnb .gnb > ul > li > a > span {font-size:16px;}
	.w_gnb .sub_menu > li > a {font-size:13px;}
	.w_gnb .sub_menu {width:130px;}

	.main_visual #visual_l1 {left:10px;}
	.main_visual #visual_r1 {right:10px;}

/*

	
	#lnb_wrap {margin:0px;}

	#lnb_wrap {padding:0px; margin:0px; left:0px; top:0px; transform:none; height:auto; display:block !important;}

	#lnb_wrap.fixed .lnb {}
	
*/

	
	.map_info .s_tit {width:100%}

    

    
}
/* 1029px 이하 */
@media screen and (max-width:1028px) {
	
		
	 .section {height: auto !important; min-height: inherit !important}
	 .section .fp-tableCell {height: auto !important}
	
	
	
	.main_visual .bxslider > li {height:700px;}
	.main_visual .bxslider > li .big_img {background-size:cover !important}
	.main_visual .bxslider > li#visual3 .visual_txt {top:auto; bottom:100px;}
	.main_visual .bxslider > li#visual4 .visual_txt {top:auto; bottom:100px;}
	.main_visual .bxslider > li#visual0 .visual_txt {top:auto; bottom:100px;}


	.visual_counter_wrap {top:560px;}

	.visual_counter_wrap .visual_counter {justify-content: center;}
	.main_visual .scroll_ico {display: none;}
	.main_visual .bx-controls {bottom:20px;}


	.main_visual .bxslider > li .visual_txt {padding: 20px !important}
	.main_visual .bxslider > li .visual_txt .txt_a {font-size:4.5vw;}
	.main_visual .bxslider > li .visual_txt .txt_b {font-size:2.5vw;}
	
	
	
	.section {font-size:15px;}
	.section .inner {padding-top:80px; padding-bottom:80px;}

	
    .inner {padding:0px 10px;}
	
	#footer {flex-direction:column; align-items:center; text-align:center;}
	#footer .f_n {display:flex; justify-content:center; padding:10px 0px;}
	#footer .f_n > li {padding:2px 10px;}

	
	.t_br {display:none;}
	#lnb_wrap .lnbs3 > ul > li {height:75px;}
	.sub_con {font-size:16px;}
 	
	.sub_visual {border-radius:0px; }
	.sub_visual .sub_txt {height:285px;}
	.sub_visual .sub_txt > h2 {font-size:5vw;}
	#sub_tit {font-size:4.8vw;}
	.sub_visual .sub_txt .txt1 {font-size:2vw; padding-right:30px;}
	
	.lnb_position {margin: 0px -10px;}
	#lnb_wrap {background: #fff; top: 0px; position: relative; border-bottom: 1px solid #e2e2e2; }
	#lnb_wrap .lnb {width: 100%; justify-content:flex-start}
	#lnb_wrap .lnb .lnbs {max-width: inherit}
	#lnb_wrap .lnbs1, #lnb_wrap .lnbs2 {display: block}
	#lnb_wrap .lnbs3 {display: none;}
	#lnb_wrap .ico_home a {width: 55px;}

    .title_bar:before {display:none;}
	
	.introduce .txt {width:100%; max-width:100%; padding:0px 0px 0px;}
	.introduce .img {width:100%; padding:0px 0px 20px 0px; text-align:center}
	.introduce .txt1 br {display:none;}
	
	.video_frame .frame_wrap {width: 100%; flex: initial; margin: 0px 0px 20px 0px;}
	.video_frame .info {width: 100%;}
	.video_frame .info .pa {position: relative; left: auto; top: auto; width: 100%;}
	.video_frame .info .text {max-height:250px; height: auto;}
	
	.brochure {flex-wrap: wrap;}
	.brochure .img {margin: 0 auto; width:100%; min-width: inherit; max-width: 450px;}
	.brochure .info {flex: none; max-width:100%; text-align: center; width: 100%; padding:20px 0px 0px 0px;}
	.brochure .info .txt_a {color: #fff; padding-bottom: 20px;}
	.brochure:before {height: 70%}

	/**
	.history_box > ul > li {padding-left:40px;}
	.history_box > ul > li .year {width: 100%; padding: 0px; text-align: left; line-height: 140%; padding-bottom:20px; order: 1}
	.history_box > ul > li .history_txt {width: 100%; padding: 0px; order: 2}
	.history_box > ul > li:nth-of-type(even) .year {order: 1}	   
	.history_box:After {left: 0px;}
	.history_box > ul > li:after {left: 0px;}
	*/

	.history_box > ul > li {padding-left:40px; flex-direction: column-reverse;}
	.history_box > ul > li .year {width: 100%;text-align: left; line-height: 140%; margin-bottom: 10px;}
	.history_box > ul > li .history_txt {width: 100%; padding: 0px; order: 2; margin-bottom: 20px;}
	.history_box > ul > li:nth-of-type(even) .year {order: 1}	   
	.history_box:After {left: 0px;}
	.history_box > ul > li:after {left: 0px;}
	.history_box .img{width:inherit; padding-left:0px;}
}

/* 980 이하 */
@media screen and (max-width:978px) {

	.colorW{flex-wrap: wrap;}
	.color_txt{width:100%; margin-bottom:30px;}

	.visual_counter_wrap {top:auto; bottom:10px; left:0px; width:100%;}
	.main_visual .v_bt {display:none;}
	.main_visual .bxslider > li#visual0 .visual_txt { left: 50%; top:55%; text-align:center; transform:translate(-50%, -50%)}
	.main_visual .bxslider > li#visual1 .visual_txt { left: 50%; top:55%; text-align:center; transform:translate(-50%, -50%)}
	.main_visual .bxslider > li#visual2 .visual_txt { left: 50%; top:55%; text-align:center; transform:translate(-50%, -50%)}

}
/* 768 이하 */
@media screen and (max-width:767px) {
/*	#wrap {padding-top:70px;}*/
	/* #header h1 img {height:42px} */
	.pc_view {display:none}
	.mb_view {display:block}
	.up #lnb_wrap.fixed .lnb {top:70px;}
	.sub_wrap {padding-top: 70px;}
	.in_header {height:70px;}
	#header h1 img {height:48px;}
	.slide_menu_inner .in_header {height:75px}
	
	.fp-section.fp-table, .fp-slide.fp-table, .fp-tableCell {height:auto !important }
	
	.main_visual .bxslider > li {height:550px;}
	.visual_counter_wrap {top:430px}

	
	.m_tit {font-size:37px;}
	
	.our_business > ul > li {width: 100%;}	
	.track_record {margin: -20px -10px;}
	.track_record > li {width: 100%; padding: 20px 10px;}
	
	
	
	.sub_visual .sub_txt .txt1 {font-size:2.2vw; min-height:115px}

	.sub_visual .sub_txt {height:200px;}

	#sub_tit {font-size:46px;}
	
	
	.section {font-size:14px;}
	.section .inner {padding-top:50px; padding-bottom:50px;}
	.more > a {font-size:15px; background-size:auto 20px;}
	.tab_top {margin-top:0px;}
	
	.web_dis {display:none;}
    #footerW {padding-top:0px; padding-bottom:0px;}
    #footer .addressW {padding:10px; padding-top:0px; text-align:center}
    #footerW .familySite {display: none; position: relative; right:auto; top: auto; width: 164px; margin: 0 auto; margin-top: 20px;}
    #footer .addressW .copy {padding-top:10px;}
    #footer .go_top > a {padding:7px;}
    #footer_navi {padding-bottom:0px;}
    #footer_navi > ul {justify-content: center; height: auto; text-align:center; padding:15px 0px;}
	#footer_navi > ul li:last-child {margin-left: initial; display: none;}
    #footer_navi > ul li {padding:0px 13px;}
    #footer_navi > ul li a {font-size:13px;}
	.f_n > ul {justify-content:center; height:60px;}
    #footer .addressW {font-size:13px;padding:15px 10px; background:none !important;}

	
	#footerW .copy > p {font-size:12px;}

   
   	.lnb_position {margin-top:0px; height:60px;}
	 #lnb_wrap {padding:0px; margin:0px; height:auto; }

	#lnb_wrap .lnb .lnbs {max-width:none;}
	#lnb_wrap .lnbs1 {display:block;}
	#lnb_wrap .lnb .lnbs2 {display:block;}
	#lnb_wrap .lnbs3 {display:none;}
	#lnb_wrap .ico_home {display:block;}

	#lnb_wrap .ico_home a {width:60px;}
	.lnb_tit {font-size:15px; line-height:50px; height:50px;}

    .lnb ul li a {font-size:14px;}
	.lnb_tit, a.lnb_tit {font-size:16px; padding-left:20px; line-height:60px; height:60px;}
	.lnb_tit:after {display:block; content:""; position:absolute; right:10px; top:50%; transform:translateY(-50%); width:0; height:0;border-top:7px solid #333; border-left:5px solid transparent; border-right:5px solid transparent; transition:all 0.2s 0s ease-in-out;}
	.lnb_tit.on:after {transform:rotate(-180deg); margin-top:-5px}
	
	
	
	.sub_con {font-size:15px;}
	
	
    .title_bar {padding-top:70px;}

	.title_bar h2 {font-size:38px; }
	.title_bar .s_txt {font-size:17px;}
	.title_bar .marcellus {font-size:20px;}
    
	.b_txt {font-size:20px; padding:30px 0px 15px 0px}
	.sub_title {font-size:14px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}
    
	.page_title > h2 {font-size: 2em;}
	.s_tit {font-size:26px; margin-top:40px;}
	.s_tit:before {width: 21px; height: 21px;}
	.s_tit_txt {font-size:18px;}
	
	.ss_tit {font-size:25px;}
	
	.big_tit {font-size:40px;}


	
   	.first_txt {font-size:29px !important;}
    

    /*atab*/
	.atab_wrap {padding-top:50px;}
	.atab {margin-left:-4px; margin-right:-4px;}

    .atab li a {height:54px; font-size:15px}
    .atab li.on {margin-top:0px;}
    .atab li.on a:after {width:16px; height:16px; bottom:-18px;}


	

	.m_th_b {width:135px !important;}
	.m_th {width:115px !important;}
    .m_th_s {width:95px !important;}
    .m_th_ss {width:75px !important;}

	
   
	.main_layer_pop {-webkit-overflow-scrolling:touch; position:fixed; overflow-y:auto; width:100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left:0 !important; right:0 !important; top:0 !important; bottom:0; z-index:99999; background:url(../img/common/png_70.png) repeat left top; zoom:1;}
    .main_pop_bottom {padding:10px; font-size:14px;}
    .main_pop_bottom .close {right:10px; top:10px;}
	.main_layer_pop .pop_wrap_in {float:none !important;}

    .sub_section {padding:50px 10px; margin:50px -10px;}
	
	.over_layerW {position:relative;}
    .over_layer {overflow:auto; position: relative}
    .over_layerW:after {display:block; content:""; width:10px; height:100%; position:absolute; right:0px; top:0px; background:linear-gradient(to right, rgba(255, 255, 255, 0%), rgba(0, 0, 0, 15%));}
    .over_layer > div {min-width:768px;}

	.t_br {display:none;}
	
	
		
	.map_W{flex-wrap: wrap;}
	.map_wrap {width:100%; height:500px; margin-bottom:30px;}
	.cs_box{width:100%; padding-left: 0px;}
	.cs_box > p > img{height:45px;}
	.cs_box .cs_ul > li{padding:23px 13px;}
	.cs_box .cs_ul > li > span{width:20%}
	
	.img_slide_wrap {flex-wrap: wrap}
	.img_slide_wrap .img_slide {width: 100%; max-width: inherit}
	.img_slide_wrap .info {width: 100%; padding-left: 0px; margin-top: 0px;}
	.img_slide_wrap .info:before {left: 50%}
	.img_slide_wrap.reverse .img_slide {order: 1}
	.img_slide_wrap.reverse .info {order: 2}
	.img_slide_wrap.reverse .info:before {left: 50%}
	
	.img_half_section {flex-wrap: wrap;}
	.img_half_section .info {width: 100%; padding: 0px 0px 0px 0px !important; }
	.img_half_section .img {width: 100%; order:2; padding-top:20px; text-align: center}
	.img_half_section.reverse .info {order: 1}
	
	.invar_seam > li {flex-direction: column;}
	.invar_seam > li .arrow {display: none;}

	.half_section > div {width: 100%;}
	.half_section > div .ss_tit {margin-top: 0px;}
	
	
	.invar_seam_step {flex-wrap: wrap}
	.invar_seam_step > li {width: 100%}
	.invar_seam_step > li:not(:first-child) {border-left:none; border-top: 1px solid #ccc;}
	.invar_seam_step > li:not(:first-child):before {width: 40px; height: 40px; left: 50%; top:0%; transform: rotate(90deg) translateX(-50%);}
	
	.num_box2 > ul {width: 100%; padding: 0px;}
	.num_box2 > ul:not(:first-child) {margin-top: 8px; border: none;}
	
	.step_number > li {width: 50%;}
	
	.img_frame_list > li {width: 50%}
	
	.application_step {flex-wrap: wrap}
	.application_step > li {width: 100%;}
	.application_step > li:not(:first-child):before {width: 40px; height: 40px; left: 50%; top:-20px; transform: translateX(-50%) rotate(90deg);}
	.application_step > li dl {padding: 20px;}
	.application_step dt .ico img {width:40px;}
	
	.welfare > li {width:100%}

	.img_biz_list > li {width: 100%;}
	.img_biz_list dl{max-width: inherit; min-height:inherit;
	
	}

	
	
}
/* 600 이하 */
@media screen and (max-width:599px) {
    .main_visual {min-height:auto; height:auto;}
   

     #footer_navi > ul li {font-size:13px;}
    #footer .addressW {text-align:center; font-size:11px;}
    
    
    
    .pop_wrap .pop_head .title {font-size:20px; padding:20px 55px 18px 15px !important;}
    .pop_wrap .pop_body {padding:10px;}
   
    
   
	#w_lnb {display:none;}
	#m_lnb {display:block;}
    
   
	
	.bt_include .add_bt {width:70px;}
	.bt_include .add_bt > a > span {font-size:12px;}
	
   
	
    #add_date {padding-right:0px; padding-bottom:45px;}
    #add_date .bt {left:0px; bottom:0px; top:auto; padding-right:40px;}
    #add_date .bt a {display:block; }
    #add_date .bt .tooltip {right:0px; top:0px; position:absolute;}
    #empty a {display:block;}
    .br_box {padding:15px;}
    

    
    .m_box {padding:20px;}
    .more {right:0px; top:0px;}
	.more a {font-size:0px;}
   
    
	
 
    #footer_navi > ul {text-align:center;}
    #footerW .familySite {display:none;}
	#footer .addressW address .line {height:10px;}
	
	.color_txt{margin-bottom: 20px;}
	.clor_pantone{flex-wrap: wrap;}
	.clor_pantone > li{width:100%; padding: 10px 10px; }
	.clor_pantone > li .box{min-height: inherit;}

	
}



/* 480px 이하 */
@media screen and (max-width:479px) {
	
	.sub_visual {padding-left:10px; padding-right:10px;}

/*	#wrap {padding-top:60px;}*/
	.up #lnb_wrap.fixed .lnb {top:60px;}

	#header h1 img {max-width:100%; height:40px;}
	.in_header {height:60px;}
	.sub_wrap {padding-top: 60px;}
	.menu_btn a:before {display:none;}
	
	.top_menu_wrap {display: none;}
	.slide_menu_inner .in_header {height:65px; background-size:auto 60% }
	.slide_menu_wrap .gnb > ul > li > a {padding-left:30px; line-height:50px;}
	.slide_menu_wrap .gnb .sub_menu > li > a {padding-left:30px;}
	
	.main_visual .bxslider > li {height:400px;}
	.visual_counter_wrap {top:330px}
	.visual_counter_wrap .visual_counter {margin-top:0px;}
	.visual_counter_wrap .txt_a {font-size:3.3vw}
	.track_record dl dt:after {width: 2px; height: 40px;}
	.track_record dl dt {font-size: 1.3em;}
	
	
	.our_business > ul {padding-top:0px;}
	.our_business .box:hover {transform: translateY(-10px);}
	.our_business .box {min-height: 314px;}	
	.our_business .box:after {opacity: 1;}
	.our_business .box .biz_tit{display:none;}
	.our_business .box > dl {opacity: 1; display: block;}
	
	.track_record dl dd {font-size: 1.2em;}
	.track_record dl dd .num {font-size: 1.8em;}
	.track_record .ico img {max-width: 20vw}
	
	.section .inner {padding-top:50px; padding-bottom:50px;}
	
	
	
	.radio_group.m_host {margin-left:-5px;}

	
	.section {font-size:12px;}
	.section .more > a .plus {width:26px; height:26px; border-radius:4px; font-size:16px;}
 
	.m_tit {font-size:24px; padding-bottom:15px;}
	.m_tit_wrap {padding-bottom:25px;}
	.m_tit_wrap > h3 {font-size:26px;}
	.m_tit_wrap .txt {font-size:14px;}
  
	.activity .area .txt_t {width:41px; height:20px; font-size:13px; line-height:20px; border-radius:3px; margin-right:10px;}
	
	
	a.main_bt {min-width:165px; height:46px; font-size:14px;}
	a.line_bt {min-width:165px; height:46px; font-size:14px;}

	.our_business .box > dl > dd.arrow {width: 36px; height: 36px;}

	
	
	#footer {padding:20px 0px;}
	#footer .addressW {min-height: inherit}
    #footer .addressW address {margin:0px;}
    #footer .addressW address strong {display:block;}
    #footer .addressW address span {padding:2px 5px;}
	#footer_navi > ul {padding:10px 0px;}
    #footer_navi > ul li a {font-size:12px;}
    #footer_navi > ul li {margin-left:0px; padding:0px 5px}
	#footer .go_sns > li > a img {height:20px;}
	#footer .go_sns > li.top a {font-size:14px; height:34px; width:80px;}
	#footer .copy {font-size:11px;}
	#footer .f_logo img {max-width:100%;}
	#footer .go_top > a img {width:20px;}
	.f_logo img {height:32px;}
	
	.f_n li a {font-size:13px;}
	

	#footer .go_sns img {height:25px;}
	
	.sitemapContent .gnb {font-size: 14px;}
	.sitemapContent .gnb > ul > li {flex-wrap: wrap;}
	.sitemapContent .gnb > ul > li .sub_menu {flex: inherit; margin: 0px -12px;}
  
    .pop_wrap .pop_head .title {text-align:left !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display:none;}
    .pop_wrap .x_btn {right:0px; }
    
	.pop_body .btn-tc {padding:20px 0px;}
    
	.mb_dis {display:block;}
    #add_date .bt .tooltip {height:36px; line-height:34px;}

	.sub_visual .sub_txt {height:150px;}
	.sub_visual .sub_txt:before {bottom:25px;}
	.sub_visual .sub_txt > h2 {padding-bottom: 0px;}
	.sub_visual .sub_txt .txt1 {min-height:inherit}
	.location_wrap {display:none;}	
	
	#sub_tit {font-size:30px;}
	#sub_tit:After {margin:5px 0px 0px 5px; width:16px; height:16px;}
	
    
    #lnb_wrap .lnb {padding-left:0px;}
	#lnb_wrap .ico_home {display:none;}
	.lnb_tit {padding-left:15px; font-size:13px;}
	.lnb ul li a {padding:10px 0px 10px 15px; font-size:13px; }
	.lnb_tit, a.lnb_tit {font-size:14px; padding-left:15px; line-height:50px; height:50px;}
	#lnb_wrap .lnb .lnbs1 {border-left:1px solid #e2e2e2}

	
    
	.btn-tc > a {margin:5px;}
	.btn-tl > a {margin:5px;}
	.subject {padding-left:10px;}
	.bbs_search {margin-bottom:10px;}
	.bbs_search_in {padding:0px;}
	.bbs_search_in .select { position:relative; margin-bottom:5px; width:100%;}
	.bbs_search_in .btn_search { position:relative; display:block; margin:5px 0px 0px 0px; width:100%;}

    .block_m {display:block;}
    .block_m.fl {float:none;}
    .list_btn .block_m {margin:2px 0px;}
	.board-view td.view_td {padding:20px 10px;}
    .list_btnW a {display:block;}


	
    .sub_con > .s_tit:first-child {margin-top:0px}
	.ss_tit {font-size:18px; margin-top:25px; margin-bottom:10px;}
    .ss_tit:before {width:4px; height:15px; top:3px;}

	
    .s_tit {padding:0px 0px 10px 0px; font-size:20px}
	.s_tit:before {width: 16px; height: 16px; margin-right: 5px;}
	.s_tit:after {width:5px; height:5px;}
	.s_tit_txt {font-size:15px; margin-top:0px; padding-bottom:10px;}
	
	.big_tit {font-size:34px; padding-bottom:20px;}

    .b_txt {font-size:17px;}
    .txt_in {padding-left:10px;}
	


    .sub_visual .sub_txt .cell .sub_tit_s {font-size:20px; padding-bottom:20px;}
    .sub_con {font-size:13px; }

    .title_bar {padding:40px 0px 0px 0px; margin-bottom:30px; background-size:auto 60px; }
	.title_bar h2 {font-size:26px; }
	.title_bar h2:before {width:12px; height:12px; margin-bottom:5px;}
    .title_bar .s_txt {font-size:14px;}
    .title_bar .s_txt br {display:none;}
    .title_bar .s_txt2 {font-size:1.25em; padding-top:0px; margin-bottom:15px;}
	.title_bar .marcellus {font-size:16px; padding-bottom:8px;}

    .m_th_b {width:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:65px !important;}
    .m_th_ss {width:45px !important;}
    

    
    .w_name {width:70px;}
    .w_date {width:80px;}
    .m_block {display:block !important; margin-bottom:3px !important; float:none !important;}
    .scrollbox {height:120px; }
    .atab {margin-bottom:20px;}
 
    
    .radio_group > li {font-size:13px;}
  
	
    .input_etc .pa {font-size:13px; line-height:36px;}
	
    .textarea {padding:5px 5px; font-size:13px;}
    .b_table .btnNormalB span {padding:0px 18px; height:36px; line-height:34px; font-size:13px;}
    .security_code .code .num {height:34px; line-height:32px; font-size:14px;}

	
    .print_bt {display:none !important}
    .gray_box {padding:5px;}
  

    .down_file > span {background-size:11px auto; padding-left:16px; }
    .br_box {padding:10px;}
    
    .tit_ico {height:19px; line-height:18px;}
   
    .btn-tc {padding:20px 0px; margin-top:20px;}
	.btn-tl {padding:20px 0px; margin-top:20px;}
	.btn-tr {padding:20px 0px; margin-top:20px;}

    .point_box {padding:10px;}
	
    .bul_list {padding-left:57px !important}
    .bul_list .txt_t {line-height:20px; font-size:13px; padding:0px 5px; min-width:50px;}
    
    .b_check_box {padding:10px;}
    #inner_wrap .b_check_box .board-write th {font-size:1.05em !important;}
	

	.result {float:none; width:100%;}
	
	.line_bg {background-size:auto 10px; padding-bottom:20px;}

    .gray_wrap {padding-top:30px; padding-bottom:30px;}


    .ico_txt {background-size:auto 12px; background-position:0px 4px;  padding-left:17px; }

	.ico_note:before {min-width:17px; width:17px; height:17px;}
	

    .list_more > a > span {font-size:16px; padding:15px 20px 15px 0px;}

    .atab.rnd_tab li a {font-size:13px;}
	.atab_wrap {padding-top:10px;}
	.atab {margin-left:-1px; margin-right:-1px;}

	.atab li a {font-size:13px; height:50px;}

	.map_wrap {height:300px;}
	.list_more {padding-top:30px;}

	
	.top_txt {font-size:1.6em;}
	
	.map_info > li {padding:30px 0px;}
	.map_info .s_tit img {height:28px;}
	.map_info .con {display:block}
	.map_info .con > dl dd:before {width:3px; height:3px; top:8px;}
	
	.lngc dl dt {padding: 0px 0px 10px 0px;}
	.sub_con {padding-top: 30px;}
	.page_title > h2 {font-size: 1.8em;}
	.section_line {margin: 40px 0px;}
	
	.img_slide_wrap .slick-arrow {width: 40px; height: 40px;}
	.play_con > li.play_c > button {width: 40px; height: 40px;}
	
	
	.img_slide_wrap .slick-arrow {right:80px}
	.img_slide_wrap .slick-next {right: 40px;}
	
	.lngc dl dt img {padding: 0px 10px;}
	.lngc > li:not(:first-child) dl dt:before {margin-top: -1.5em;}
	
	.gtt {justify-content: center;}
	.gtt > li {width: 33.333%;}

	.lngc {margin: 0px -10px;}
	.lngc > li {padding: 0px 10px;}
	.box_st1 {padding: 0px 5px 5px 0px;}
	.box_st1:after {width: 50px; height: 50px; border-width: 5px;}
	.n_size, .n_txt {font-size: 1.1em}
	.gtt > li > p {font-size: 1.1em}
	.img_block > li > p {font-size: 1.1em}
	.img_slide_wrap .info > dl dt img {width:30px; height: 30px; min-width: 30px;}
	.img_slide_wrap .info > dl dd {padding-left: 40px;}
	
	.img_slide_wrap .info > dl:not(:first-child) {margin-top:20px;}
	
	.invar_seam > li .left .ico {min-width:40px;}
	.invar_seam > li .left .ico img {width: 40px; height: 40px;}
	.invar_seam > li .left {min-height:42px;}
	.invar_seam > li .con {min-height:42px;}
	.invar_seam_step > li:not(:first-child):before {width: 30px; height: 30px;}
	
	.img_block { justify-content: center}
	.img_block > li {width: 50%;}
	.step_number .box .num {width: 46px; height: 46px;}
	.step_number .box {padding: 35px 5%;  min-height: inherit; height: auto;}
	.step_number > li {width: 100%; padding:20px 5px;}
	.step_number .box .num {transform: translate(-50%, -20px);}
	
	.quality_management > li {width: 100%;}
	.quality_management dl dt .ico {max-width: 22vw; margin-bottom: 20px;}
	
	.brochure .img {width: 60%}
	.brochure .info .txt_a {font-size: 1.7em;}
	.brochure .info .txt_b {font-size: 1.1em;}
	
	.img_frame_list dl {min-height: 250px;}
	.application_step dt:after {margin: 10px auto;}
	
	.welfare .box .ico {min-width: 50px;}
	.welfare .box .ico img {width: 40px;}
	.welfare .box dl dt:after {margin: 10px 0px;}
	.welfare .box {padding: 15px;}

	.history_box > ul > li {padding-left: 20px;}
	.history_box > ul > li .year {font-size:22px; padding-bottom: 10px; margin-top: -7px;}
	.history_box .history_txt .bul01 > li .month {width: 100%;}
	
	
	
}




.red {
	color:red !important;
}