@charset "utf-8";
@import "reset.css";

/* basic */
.sub_inner { max-width:1280px; margin:0 auto; }
.sub_content { margin:80px auto 100px; }
.ser_title { font-size: 30px; font-weight: 500; color: #222; text-align: center; margin-bottom: 30px; } 
.ser_box { height: 500px; overflow-y: auto; border: 1px solid #ddd; color:#666; padding: 25px; font-size: 14px; }
:root {
    --blue: #22aade;
}
a:hover { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.only_m { display:none; }
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='136.833px' height='77px' viewBox='27.5 63.5 136.833 77' enable-background='new 27.5 63.5 136.833 77' xml:space='preserve'%3E%3Crect fill='none' width='192' height='192'/%3E%3Cpolyline fill='none' stroke='%23000000' stroke-width='16' stroke-linecap='round' stroke-linejoin='round' points='156,72 96,132 36,72 '/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 5px bottom 45%;
    padding: 0 20px 0 7px;
    box-sizing: border-box;
    background-size: 7px;
    background-color: #fff;
}
input[type="text"] { border-radius:0; }




.menu_pan { width: 100%; opacity:0; background: #f8f8f8; position: absolute; left: 0; top:-100%; z-index:2; font-size: 15px; visibility: hidden; -webkit-transition: 0.25s ease-out; -o-transition: 0.25s ease-out; transition: 0.25s ease-out; }
.menu_pan.active { visibility:visible; top:70px; opacity:1; }

/* header */
#header { position:absolute; width:100%; top:0; left:0; z-index:2; height:80px; text-align:center; background-color:#fff; transition: height .1s ease, background-color .1s ease, top .1s ease; }
#header.active { height:420px;}
#header.active:before { content:''; display:block; width:100%; height:1px; background-color:#eee; position:absolute; top:80px; }
.bg_color { background:linear-gradient( to right, #22a9de, #014b94); }
#header .top_wrap { display:inline-block; height:100%; text-align:center; line-height:80px; }
#header .nav { display:inline-block; vertical-align:middle; }
#header .nav > li { position:relative; display:inline-block; padding:0 50px; }
#header .nav > li:last-child { margin-right:0; }
#header .nav > li > a { position:relative; color:#222; font-size:19px; font-weight:500; }
#header .nav > li:hover > a { color:#22aade; }
#header .nav > li > a.select { color:#22aade; }
/*#header .nav > li > a.select:after { content:''; width:100%; height:4px; background-color:#22aade; position:absolute; bottom:-26px; left:50%; transform: translate(-50%, 0); }
#header .nav > li > a:after { content: ''; display: block; background:#22aade;  width: 0; height: 3px; position: absolute; bottom: -26px; left: 50%; transition: 0.3s; transform: translateX(-50%) ; }
#header .nav > li:hover > a:after { width:100%; }*/
#header .myList { position:relative; display:inline-block; background-color:#22aade; }
#header .myBtn { display:inline-block; cursor:pointer; vertical-align:middle; width:80px; height:80px; background-image:url('../images/my_icon.png'); background-size:30px; background-repeat:no-repeat;  background-position:center; }
#header .mBtn { display:inline-block; cursor:pointer; vertical-align:middle; width:80px; height:80px; background-color:#014a93; background-repeat:no-repeat; background-image:url('../images/allcate.png'); background-size:30px; background-position:center; }
#header .h_logo { position:absolute; left:100px; top:15px; }
#header .h_logo a { display:inline-block; width:273px; height:50px; background-image:url('../images/bl_logo.png'); background-repeat:no-repeat; background-position:center; background-size:100% 100%; }
#header .div-close { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='200' y1='56' x2='56' y2='200' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='12'%3E%3C/line%3E%3Cline x1='200' y1='200' x2='56' y2='56' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='12'%3E%3C/line%3E%3C/svg%3E"); 
background-size:37px; }
.all_cate { display:none; background-color:#fff; position:absolute; width:100%; height:auto; top:80px; padding:60px 0 80px; box-shadow:4px 25px 30px -15px rgb(0 0 0 / 9%); }
.all_cate:before { content:''; display:block; width:100%; height:1px; background-color:#eee; position:absolute; top:0px; }
.all_cate .ac_list { font-size:0; border-bottom:1px solid #ddd; padding:30px 0; text-align:left; }
.all_cate .ac_list:first-child { padding-top:0; }
.all_cate .ac_list li { display:inline-block; vertical-align:middle; margin-right:30px; }
.all_cate .ac_list li a { font-size:18px; color:#222; }
.all_cate .ac_list li.ac_tit { width:25%; margin-right:0; font-size:25px; font-weight:500; color:#222; }
.ml_wrap { position:absolute; right:0; top:0; font-size:0; }

.nav_sub { display:none; position:absolute; top:80px; left:50%; transform: translate(-50%, 0); width:102%; height:310px; padding-top:15px; }
.nav_sub ul li { line-height:initial; margin:12px 0; }
.nav_sub ul li a { color:#888; font-size:16px; }
.nav_sub ul li a:hover { color:#000; }

/* 카테고리 hover */
.t_view { position:absolute; display:none; padding:5px 0; border-radius:10px; box-sizing:border-box; 
border:1px solid #ddd; background:#fff; box-shadow:0 3px 7px rgb(0 0 0 / 5%); top:65px; left:50%; transform: translate(-50%, 0); width:150px;  z-index:999; }
.t_view li { /*padding:0 25px;*/ text-align:left !important;  }
.t_view li:hover { background:#f9f9f9; border-radius:5px; }
.t_view li a { padding:0; line-height:2; transition:.3s all; font-weight:400 !important; opacity:1; }
.t_view li a:hover { opacity:0.7; }

/* m nav */
#mheader .logo { display: block; font-size: 2rem; color: #333; font-weight: 700; text-transform: uppercase; }
#mheader .logo img { width:200px; }
#header .cate_section .contents .mBtn { display:none; }
#header .cate_section .contents .mBtn a { display: block; text-indent: -9999px; width: 24px; height: 24px; margin-top: 20px; }
#header .cate_section .contents .mBtn i { line-height:90px; font-size:25px; color:#000; }
#mheader .mNav { z-index: 99; position: fixed; background-color: #fff; top: 0; right: -100%; width: 25%; height: 100%; transition: all 0.3s ease; }
#mheader .mNav.on { right: 0; }
#mheader .mNav .mNav_logo { position:relative; background:#fff; padding:19px 20px; align-items:center; justify-content:space-between; display:flex; z-index:10; }
#mheader .mNav .mNav_logo img  { width:70px; }
#mheader .mNav .mNav_logo .closeBtn i { font-size:25px; color:#222; cursor:pointer; }
#mheader .mNav .r_menu .cerc { position:relative; }
#mheader .mNav .r_menu .cerc:last-child:after { display:none; }
#mheader .mNav .r_menu .cerc:after { content:''; width:4px; height:4px; background:#ddd; border-radius:100%; position:absolute; right:4px; top:10px; }
#mheader .mNav .r_menu .cerc a { color:#777; font-size:16px; letter-spacing: -0.35px; margin-right:8px; padding-right:8px; }
#mheader .mNav .r_menu .nav a { color:#222; font-weight:500; }
#mheader .mNav .r_menu .nav img { width:15px; margin-right:5px; }
#mheader .sub { position: relative;}
#mheader .sub li a { display: block; font-size: 14px; color: #555; font-weight:400; }
#mheader .sub .log { padding:15px 0; box-sizing:border-box; border-bottom:1px solid #e8e8e8; }
#mheader .sub .log li { float:left; width:50%; text-align:center; color:#222; }
#mheader .sub .log li:first-child { border-right:1px solid #e8e8e8; }
#maccordian { display:none; }
#maccordian li{ list-style:none; }
#maccordian li >h1{ position:relative; cursor:pointer; font-size:16px; letter-spacing:-0.55px; font-weight:500; padding:15px 20px; box-sizing:border-box; color:#222; }
#maccordian li >h1 .acc_tit { color:#f36f23; display:inline-block; text-align:center; width:5%; box-sizing:border-box; }
#maccordian li >h1 .ico_ar { position: absolute; right: 20px; width: 25px; height: 25px; background-position: center; background-repeat: no-repeat; background-size: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23000000' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='40' y1='128' x2='216' y2='128' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='30'%3E%3C/line%3E%3Cline x1='128' y1='40' x2='128' y2='216' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='30'%3E%3C/line%3E%3C/svg%3E"); }
#maccordian li >h1 .ico_ar.active { position: absolute; right: 20px; width: 25px; height: 25px; background-position: center; background-repeat: no-repeat;  background-size: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23000000' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='40' y1='128' x2='216' y2='128' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='30'%3E%3C/line%3E%3C/svg%3E"); }
#maccordian li > ul{ display:none; background:#f8f8f8; padding:15px 20px; }
#maccordian li > ul >li{ color:#555; margin-bottom:10px; font-weight:300; }
#maccordian li > ul >li a { color:#555; }
#maccordian li > ul >li:last-child { margin-bottom:0; }
.bg-shadow { position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 50; background: rgba(0, 0, 0, 0.5); display: none; cursor: pointer; }





/* sub visual */
.sub_visual { position:relative; width:100%; display:flex; align-items:center; justify-content:center; animation: zoom 0.8s both; width: 100%; height: 500px; background-size: cover; background-position:center; background-repeat:no-repeat; }
.sub_visual.sub1bg { background-image: url(../images/visual1.jpg); }
.sub_visual.sub2bg { background-image: url(../images/visual2.jpg); }
.sub_visual.sub3bg { background-image: url(../images/visual3.jpg); }
.sub_visual.sub4bg { background-image: url(../images/visual4.jpg); }
.sub_visual.sub5bg { background-image: url(../images/visual5.jpg); }
.sub_visual.sub6bg { background-image: url(../images/visual6.jpg); }
.sub_visual.sub7bg { background-image: url(../images/visual7.jpg); }
.sub_visual .sub_title { text-align:center; margin-bottom:0; }
.sub_visual .sub_title .su_tit { font-size:50px; color:#fff; margin-bottom:10px; }
.sub_visual .sub_title .su_con { font-size:18px; color:#fff; font-weight:300; }
.brand_tab { width: 100%; position:absolute; left:0; bottom:0; }
.brand_tab .b_tab_inner { max-width: 1280px; margin: 0 auto; font-size: 0; background:rgba(255,255,255,0.9); }
.brand_tab .home_btn a { width: 63px; height: 63px; background:linear-gradient( to right, #22a9de, #014b94); float: left; display: flex; justify-content: center; align-items: center; }
.brand_tab .home_btn a img { width: 24px; }
.brand_tab .sub_cate > li { position: relative; cursor:pointer; width: 20%; display: inline-block; text-align: left; box-sizing: border-box; padding: 19px 15px; border-right: 1px solid #ddd; }
.brand_tab .wide_cate > li { width:21%; }
.brand_tab .sub_cate li a { color: #222; font-size: 17px; }
.brand_tab .sub_cate li i { font-size: 17px; color: #222; float: right; line-height: 25px; }
.brand_tab ul li.t_menu2 .t_view2 {  position: absolute; display: none; top: 63px; left: 0; width: 100%; height: auto; z-index: 99999; background: rgba(249,249,249,0.8);
 transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s;  -ms-transition: all 400ms ease-in-out 0s; }
.brand_tab ul li.t_menu2 .t_view2 .position { display: inline-block; max-width: 1200px; float: left; width: 100%; padding: 15px 0; box-sizing: border-box; }
.brand_tab ul li.t_menu2 .t_view2 .position li { width: 100%; position: relative; display: block; float: none; text-align: left; padding:0 20px; }
.brand_tab ul li.t_menu2 .t_view2 .position li:hover { padding-left:22px; transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease; }
.brand_tab ul li.t_menu2 .t_view2 .position li a { color: #727272; font-size: 16px; line-height: 35px; font-weight: 400; }
.brand_tab ul li.wide { width:28%; }
@keyframes zoom {
  0% { background-size: 120% auto; }
  100% { background-size: 101% auto; }
}

.sub_menu2 { position:relative; width:100%; color:#fff; background-color:var(--blue); padding:15px 20px; margin-bottom:30px; }
.sub_menu2 a { color:#fff; font-size:15px; }
.sub_menu2 i { float:right; line-height:23px; }
.sub_view2 { width:100%; display:none; position:absolute; background-color:#f9f9f9; top:52px; left:0; z-index:1; padding:10px 0; }
.sub_view2 li { padding:5px 20px; }
.sub_view2 li a { color:#333; font-size:14px; }
.subti_txt { font-size:20px; color:#666; font-weight:300; }

/* main */
.mslider_wrap { position:relative; margin-bottom:90px; }
.main_slider { position:relative; }
.main_slider .swiper-pagination { bottom:30px !important; }
.main_slider .swiper-slide { background-size: cover; background-repeat: no-repeat; background-position:center; width: 100%; height: 830px; display:flex; align-items:center; }
.main_slider .swiper-pagination-bullet { background:#a39fa3; opacity:1; width:10px; height:10px; margin:0 7px !important; }
.main_slider .swiper-pagination-bullet-active { background:#fff !important; }
.mslider_wrap .slide_txt { position:absolute; top:50%; left:20%; transform: translate(0,-50%);  z-index:1; margin:0 auto; }
.mslider_wrap .slide_txt h2 { position:relative; color:#fff; margin-bottom:45px; padding-left:25px; font-size:66px; font-weight:500; letter-spacing:-2.5px; line-height:0.9em; }
.mslider_wrap .slide_txt h2:before { content:''; display:inline-block; width:6px; height:109%; background-color:#fff; position:absolute; left:0; top:0; }
.mslider_wrap .slide_txt h2 .small { display:inline-block; font-size:55px; font-weight:300; margin-bottom:20px; margin-left:5px; }
.mslider_wrap .slide_txt p { color:#fff; font-size:20px; margin-bottom:40px; font-weight:300; line-height:1.7em; }
.mslider_wrap .slide_txt .slide_btn { display:inline-block; background-color:var(--blue); color:#fff; font-size:22px; padding:13px 28px; font-weight:400; box-sizing:border-box; border-radius:10px; }
.mslider_wrap .slide_txt .slide_btn:hover { background-color:#fff; color:var(--blue); transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease; }

.mslider_wrap  .nav-pos { left:20%; bottom:25%; top:auto; }
.ms_quick { position:relative; text-align:right; z-index:1; }
.ms_quick ul { font-size:0; }
.ms_quick ul li { position:relative; display:inline-block; width:300px; text-align:center; border-radius:0 0 10px 10px; margin-left:8px; box-shadow:4px 0px 30px 7px rgb(0 0 0 / 9%); }
.ms_quick ul li a { display:block; padding:20px 29px; }
.ms_quick ul li .tit { color:#fff; font-size:19px; font-weight:500; font-weight:400; }
.ms_quick ul li .link { display:inline-block; padding-right:22px; font-size:17px; color:rgba(255,255,255,0.8); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='96 48 176 128 96 208' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='12'%3E%3C/polyline%3E%3C/svg%3E");
background-size:15px; background-repeat:no-repeat; background-position:top 6px right; }
.ms_quick ul li .tit.bl { color:#222; font-weight:500; }
.ms_quick ul li .link.bl { color:rgba(0,0,0,0.6); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23878787' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='96 48 176 128 96 208' fill='none' stroke='%23878787' stroke-linecap='round' stroke-linejoin='round' stroke-width='12'%3E%3C/polyline%3E%3C/svg%3E"); }
.ms_quick ul li:nth-child(1) { background-color:#22aade; }
.ms_quick ul li:nth-child(1) .tit { color:#fff; }
.ms_quick ul li:nth-child(2) { background-color:#137dbb; }
.ms_quick ul li:nth-child(3) { background-color:#014a93; }
.ms_quick ul li img { position:absolute; top:42px; right:29px; }

.ms_quick ul li:hover img { transform: rotateY(360deg); transition-duration: .6s; }

.swiper-pagination { z-index:1 !important; }
.ms_nav:after { content:''; display:block; clear:both; }
.ms_nav li { position:relative; display:inline-block; cursor:pointer; vertical-align:top; width:40px; height:40px;  border:1px solid #fff; border-radius:100%; }
.mslider_wrap .ms-prev { margin-right:10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='160 208 80 128 160 48' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='12'%3E%3C/polyline%3E%3C/svg%3E");
background-size:22px; background-position:center; background-repeat:no-repeat; }
.mslider_wrap .ms-pause { margin-right:10px; background-image: url('../images/pause.png'); background-size:8px; background-position:center; background-repeat:no-repeat; }
.mslider_wrap .ms-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='96 48 176 128 96 208' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='12'%3E%3C/polyline%3E%3C/svg%3E");
background-size:22px; background-position:center; background-repeat:no-repeat; }
.slide1 .swiper-slide { height:290px; background-size:cover; background-position:center; background-repeat:no-repeat; }

/*  개사판 불러오기 */
.mboard_wrap { margin-bottom:70px; font-size:0; }
.board_tab { position:relative; display:inline-block; width:60%; margin-right:4%; }
.tabBox { margin:0 0 20px; font-size:0; border-bottom:2px solid #222; padding-bottom:25px; }
.tabBox:after { content:''; display:block; clear:both; }
.tab-link { display: inline-block; margin-right:3%; box-sizing:border-box; text-align: center; color:#777; cursor: pointer; font-size:18px; border-radius:30px; padding:5px 10px; }
/* .tab-link:last-child { border-right:1px solid #ddd; } */
.tab-link:hover { color:var(--blue); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.tab-link.current { background-color:var(--blue); color:#fff; }
.tab-content { display: none; }
.tab-content.current{ display: block; width: 100%; }
.main_board { text-align:left; }
.main_board li { width:32%; min-height:268px; display:inline-block; vertical-align:top; border:1px solid #ddd; margin-right:1.5%; padding:34px 20px; font-size:16px; }
.main_board li:last-child { margin-right:0; }
.main_board li .subj { color:var(--blue); font-size:16px; margin-bottom:15px; font-weight:500; }
.main_board li .tit { font-size:18px; color:#222; font-weight:400; margin-bottom:15px; word-break:keep-all; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden; }
.main_board li .date { font-size:15px; color:#222; font-weight:400; }
.main_board li .con { font-size:15px !important; color:#777 !important; font-weight:400 !important; margin-bottom:20px;  display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden; font-family:'Noto Sans KR', sans-serif !important; text-align:left !important; }
.main_board li .con p { font-size:15px !important; color:#777 !important; font-weight:400 !important; font-family:'Noto Sans KR', sans-serif !important; text-align:left !important; }
.main_board li .con b { font-size:15px !important; color:#777 !important; font-weight:400 !important; font-family:'Noto Sans KR', sans-serif !important; text-align:left !important; }
.main_board li .con span { font-size:15px !important; color:#777 !important; font-weight:400 !important; font-family:'Noto Sans KR', sans-serif !important; text-align:left !important; }
.main_board li .con img { display:none !important; }
.bt_tit { display:inline-block; vertical-align:middle; font-size:30px; font-weight:500; color:#222; margin-right:30px; }
.tab_wrap { display:inline; vertical-align:middle; }
.moreBtn { position:absolute; top:9px; right:0; }
.moreBtn i { font-size:25px; color:#222; }

.gal_tab { display:inline-block; vertical-align:top; width:36%; font-size:16px; }
.gt_tit { position:relative; padding-bottom:25px; }
.gt_tit h2 { font-size:30px; color:#222; font-weight:500; }
.gt_cont { width:100%; height:288px; overflow:hidden; }
.slide1 .swiper-slide img { width:100%; }
.gt_tit .num_pag { position:relative; vertical-align:middle; display:inline-block; width:auto !important; bottom:0 !important; margin-right:15px; font-weight:600; color:#222; }
.swiper-pagination-current { color:var(--blue); }
.pagination_container { position:absolute; right:0; top:10px; left:auto !important; }

.mpop_nav { display:inline-block; vertical-align:middle; }
.mpop_nav li { display:inline-block; vertical-align:middle; width:20px; height:20px; margin-right:0; cursor:pointer; }
.mpop_nav .mpop-prev { background-image: url("../images/mpop_prev.png"); background-size:20px; background-position:center; background-repeat:no-repeat; }
.mpop_nav .mpop-pause { background-image: url('../images/mpop_pau.png'); background-size:20px; background-position:center; background-repeat:no-repeat; }
.mpop_nav .mpop-next { background-image: url("../images/mpop_next.png"); background-size:20px; background-position:center; background-repeat:no-repeat; }

.gl_wrap { font-size:0; }
.gl_wrap .gallary-list { display:inline-block; width:23.875%; box-sizing:border-box; margin-right:1.5%; border:1px solid #eee; background-color:#fff; border-radius:10px; }
.gl_wrap .gallary-list:last-child { margin-right:0; }
.gl_wrap .gallary-list .gallary-thumb{ box-sizing:border-box; }
.gl_wrap .gallary-list .gallary-thumb a{display:block;}
.gl_wrap .gallary-list .gallary-thumb .img_wrap { width:100%; height:200px; background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:10px 10px 0 0; }
.gl_wrap .gallary-list .gallary-txt { padding:15px 15px; }
.gl_wrap .gallary-list .tit{ color:#222;font-size:18px;font-weight:500;text-align:left;margin:0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.gl_wrap .gallary-list .con{color:#999;font-size:16px;text-align:left;display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;white-space: normal; line-height: 1.4; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;margin:0 auto;height:40px;}
.gl_wrap .gallary-list .con p{ color:#999; font-size:15px; text-align:center; padding-bottom:20px;}
.gl_wrap .gallary-list .con span{ color:#999; font-size:15px !important; text-align:center;padding-bottom:20px; font-family: 'Noto Sans KR' !important; }
.gl_wrap .gallary-list .date{ color:#999; font-size:15px; font-weight:400; text-align:left; }
.gl_wrap .gallary-list .name{ color:#999; font-size:15px; font-weight:400; text-align:left; float:left; }
.gl_wrap .gallary-list .thu_img { width:100%; height:165px; }


.fac_equ .fac_equ_tit { position:relative; margin-bottom:40px; }
.fac_equ .fac_equ_tit h2 { font-size:30px; color:#222; font-weight:500; display:inline-block; vertical-align:middle; margin-right:20px; }
.fac_equ .fac_equ_tit p { color:#999; font-size:16px; display:inline-block; vertical-align:middle; }
.fac_equ .fac_equ_con ul { font-size:0; }
.fac_equ .fac_equ_con ul li { width:23.44444%; margin-right:2%; display:inline-block; vertical-align:top; font-size:16px; text-align:center; border:1px solid #ddd; border-radius:15px; background-color:#fff; }
.fac_equ .fac_equ_con ul li:last-child { margin-right:0; }
.fe_img { height:200px; border-bottom:1px solid #ddd; background-image:url('../images/main_pro01.jpg'); background-repeat:no-repeat; background-size:50%; background-position:center; }
.fe_txt { padding:20px 0 32px; width:80%; margin:0 auto; }
.fe_txt .bor_txt { display:inline-block; border:1px solid var(--blue); border-radius:30px; padding:1px 15px; color:var(--blue); font-weight:500; margin-bottom:13px; font-size:15px; }
.fe_txt .ptit { font-size:18px; color:#222; font-weight:500; }





.part_space { font-size:0; margin-top:-147px; background-image:url('../images/space_bg.jpg'); background-repeat:no-repeat; background-size:cover; background-position:top left; padding:210px 0 100px; }
.part_space h2 { color:#fff; font-size:30px; font-weight:500; margin-bottom:30px; }
.part_space h2 span { display:inline-block; vertical-align:middle; margin:-8px 0 0 10px; }
.part_space .part_box { width:57%; margin-right:4%; display:inline-block; font-size:16px; }
.part_space .part_box .pb_list { font-size:0; }
.part_space .part_box .pb_list li { display:inline-block; width:48.444%; margin-right:3%; margin-bottom:3%; border:2px solid rgba(255,255,255,0.2); font-size:16px; }
.part_space .part_box .pb_list li a { display:block; padding:30px 30px; }
.part_space .part_box .pb_list li:hover { border-color:#fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.part_space .part_box .pb_list li:nth-child(2n+0) { margin-right:0; }
.part_space .part_box .pb_list li:nth-child(3), .part_space .part_box .pb_list li:nth-child(4) { margin-bottom:0; }
.part_space .part_box .pb_list li h3 { font-size:22px; color:#fff; font-weight:500; margin-bottom:20px; padding-top:50px; }
.part_space .part_box .pb_list li:first-child h3  { background-image:url('../images/space_icon01.png'); background-repeat:no-repeat; background-position:top left; background-size:27px; }
.part_space .part_box .pb_list li:nth-child(2) h3  { background-image:url('../images/space_icon02.png'); background-repeat:no-repeat; background-position:top left; background-size:35px; }
.part_space .part_box .pb_list li:nth-child(3) h3  { background-image:url('../images/space_icon03.png'); background-repeat:no-repeat; background-position:top left; background-size:48px; }
.part_space .part_box .pb_list li:nth-child(4) h3  { background-image:url('../images/space_icon04.png'); background-repeat:no-repeat; background-position:top left; background-size:34px; }
.part_space .part_box .pb_list li p { color:#fff; font-size:16px; font-weight:300; word-break:keep-all; letter-spacing:-0.35px; }
.part_space .part_cam { width:39%; display:inline-block; vertical-align:top; font-size:16px; }
.part_space .part_cam .cam_list li { display:flex; align-items:center; justify-content:space-between; border-bottom:2px solid rgba(255,255,255,0.2); }
.part_space .part_cam .cam_list li a { display:block; padding:40.3px 0; }
.part_space .part_cam .cam_list li:hover { border-color:#fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.part_space .part_cam .cam_list li:hover .more { border-color:#fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.part_space .part_cam .cam_list li:hover .more i { color:#fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.part_space .part_cam .cam_list li:first-child { padding-top:0; }
.part_space .part_cam .cam_list li .cam_inner { display:flex; align-items:center; }
.part_space .part_cam .cam_list li h3 { font-size:22px; color:#fff; font-weight:500; margin-top:-3px; }
.part_space .part_cam .cam_list li .more { border:2px solid rgba(255,255,255,0.3); border-radius:100%; padding:5px; }
.part_space .part_cam .cam_list li .cam_img { margin-right:30px; }
.part_space .part_cam .cam_list li .more i { color:rgba(255,255,255,0.3); font-size:26px; }




/* 문의하기 폼 */
.contact_form { display:inline-block; vertical-align:top; border-radius:15px; width:50%; }
.contact_form ul { margin-bottom:50px; }
.contact_form ul li { margin-bottom:20px; font-size:14px; }
.contact_form ul .agree_line { text-align:right; }
.contact_form ul li .f_box { display:flex; align-items:center; }
.contact_form ul li a { color:#222; }
.contact_form ul li small { font-size:14px; letter-spacing:-0.55px; }
.contact_form ul li:last-child { margin-bottom:0; }
.contact_form ul li > label { display:inline-block; color:#222; margin-bottom:7px; font-weight:500; font-size:15px; }
.contact_form input[type="text"] { background-color:transparent; width:100%; padding:15px 10px; font-size:14px; border-radius:0; color:#222; border:1px solid #ddd; }
.contact_form input[type="text"]::selection { background-color:transparent; }
.contact_form ul li .agree_input { background-color:#fff; border:1px solid #ddd; padding:5px; width:25%; height:35px; margin-left:5px; font-size:14px; border-radius:0; }
.contact_form ul li .agree_input::placeholder { color:#aaa; }
.contact_form input[type="text"]::placeholder { color:#aaa; }
.contact_form textarea { background-color:transparent; width:100%; height:130px; padding:15px 10px; font-size:14px; color:#222; border:transparent; resize:none; border-radius:0; border:1px solid #ddd; }
.contact_form textarea::placeholder { color:#aaa; }
.contact_form button { cursor:pointer; background-color:#fff; color:#222; border:none; font-size:20px; padding:15px 80px; border:2px solid #222; }
.contact_form .btn_area { text-align:left; }
.contact_form .agree { color:#222; font-weight:400; display:inline-block; }
.contact_form .agree a { display:inline-block; margin-left:5px; color:#222; border-bottom:1px solid #222; }
.contact_form .captcha_txt { margin-top:5px; color:#222; font-weight:300; font-size:13px; }

.bs_wrap { margin:30px auto; }
.banner_slide { overflow:hidden;}
.banner_slide .swiper-slide { height:40px; background-repeat:no-repeat; background-size:100%; background-position:center; }
.banner_slide .swiper-slide a { display:block; width:100%; height:100%; }
.bs_txt { width:12%; display:inline-block; vertical-align:middle; }
.bs_txt p { display:inline-block; color:#222; font-size:16px; font-weight:500; vertical-align:middle; margin-right:10px; }
.bs_area { width:87%; display:inline-block; vertical-align:top; }
.bs_nav { display:inline-block; vertical-align:middle; }
.bs_nav li { display:inline-block; vertical-align:middle; width:20px; height:20px; margin-right:0; cursor:pointer; }
.bs_nav .bs-prev { background-image: url("../images/mpop_prev.png"); background-size:20px; background-position:center; background-repeat:no-repeat; }
.bs_nav .bs-pause { background-image: url('../images/mpop_pau.png'); background-size:20px; background-position:center; background-repeat:no-repeat; }
.bs_nav .bs-next { background-image: url("../images/mpop_next.png"); background-size:20px; background-position:center; background-repeat:no-repeat; }


/* popup */
#popup01{ display: none; }
#popup01{ width: 500px; height: auto; padding:40px 30px; animation: appear .8s cubic-bezier(.77,0,.175,1) forwards; box-sizing:border-box; position: fixed; top: 50%; left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); background-color: #fff; z-index: 2;  box-shadow: 0 25px 40px -20px #aaa; }
#popup01 h2 { font-size:19px; color:#222; font-weight:400; margin-bottom:20px; }
#popup01 p { font-size:14px; font-weight:300; color:#777; height:400px; overflow-y:auto; }
.backon{ content: ""; width: 100%; height: 100%; background-color:rgba(0,0,0,0.1); position: fixed; top: 0; left: 0; z-index: 1; }
.close{ position:absolute; top:32px; right: 25px; cursor:pointer; width:25px; height:25px; opacity:0.3; text-indent:-999px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23000000' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='200' y1='56' x2='56' y2='200' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3Cline x1='200' y1='200' x2='56' y2='56' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3C/svg%3E");
background-size:100%; background-position:center; background-repeat:no-repeat; }
@keyframes appear {
  from {
    opacity: 0;
    transform: translate(-50%,-50%);
  }
  to {
    opacity: 1;
    transform: translate(-50%,-55%);
  }
}

@keyframes dissappear {
  from {
    opacity: 1;
    transform: translate(-50%,-55%);
  }
  to {
    opacity: 0;
    transform: translate(-50%,-50%);
  }
}






/*sub*/
.sub_title { margin-bottom:40px; }
.mar_l { margin-bottom:60px; }
.sub_title h2 { font-size:40px; color:#222; font-weight:400; text-align:center; }
/*.sub_content .full_img { width: 100%; }*/


/* 인사말 */
.gr_box { position: relative; margin-bottom: 50px; height:427px; background-image:url('../images/greet.png'); background-size:100%; background-repeat:no-repeat; background-position:center; }
.gr_box .gr_tbox { position: absolute; top: 70px; left: 50px; }
.gr_box .gr_tbox h2 { font-size: 38px; line-height:1.3em; font-weight: 500; color: #00335c; margin-bottom: 20px; }
.gr_box .gr_tbox p { font-size: 25px; color: #222; margin-bottom: 30px; }
.gr_box .gr_tbox .sign { font-size: 17px; margin-bottom: 0; }
.gr_box .gr_tbox .sign img { vertical-align: middle; margin: -2px 0 0 15px; }
.gr_txt { font-size:17px; font-weight:300; line-height:1.7em; color:#222; letter-spacing:-0.45px; word-break:keep-all; }
.gr_txt li { width:100% !important; }




/* 사업소개 */
.line_tit { position: relative; color: #222; font-size: 25px; font-weight: 500; margin-bottom: 30px; padding-left: 30px; background-image:url('../images/tit_line.png'); background-repeat:no-repeat; 
background-position:left top 6px; }
.line_stit { position:relative; color:#222; font-weight:400; font-size:20px; margin-bottom:15px; padding-top:13px; }
.line_stit span {position:absolute; right:0; bottom:0; font-size:14px;}
.line_stit.green:before { background-color:#009878; }
.line_stit.marb { margin-bottom:60px; }
.line_stit:before { content:''; display:inline-block; width:30px; height:3px; background-color:var(--blue); position:absolute; top:0; left:0; }
.buss_inner .tdesk { color:#222; font-size:17px; font-weight:300; margin-bottom:40px; }
.buss_inner .box_txt { background-image:url('../images/buss_bg.png'); background-size:100% 100%; background-color:#f8f8f8; background-repeat:no-repeat; background-position:center; padding:40px 10px; text-align:center; margin-bottom:30px; }
.buss_inner .box_txt .tit { font-size:20px; margin-bottom:20px; color:#222; font-weight:500; }
.buss_inner .box_txt .desk { color:#222; font-size:18px; line-height:1.5em; font-weight:300; }
.buss_01 .dot_list { margin-bottom:70px; }
.buss_01 { margin:80px 0; }
.dot_list li { position:relative; font-size:17px; color:#222; font-weight:300; margin-bottom:5px; padding-left:15px; }
.dot_list li:before { content:''; width:4px; height:4px; background-color:#ddd; border-radius:100%; position:absolute; left:0; top:11px; }
.dot_list li span { font-weight:400; }
.buss_tb { width:100%; border-top:2px solid #222; margin-top:80px; }
.buss_tb thead th { color:#222; font-weight:500; font-size:18px; padding:20px 15px; border-bottom:1px solid #ddd; }
.buss_tb thead th.gc { background-color:#f8f8f8; }
.buss_tb thead th.bc { background-color:#e7f4f9; }
.buss_tb tbody td { color:#777; font-size:16px; text-align:center; padding:15px 15px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; word-break:keep-all; }
.buss_tb tbody td a { color:#777; }
.buss_tb tbody th { color:#222; font-size:16px; font-weight:500; text-align:left; padding:15px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; word-break:keep-all; }
.buss_tb tbody th.gc { background-color:#f8f8f8; }
.buss_tb tbody th.bc { background-color:#e7f4f9; }
.buss_tb tbody td:nth-child(3) { text-align:left; }
.buss_tb tbody td.bor_n { border-right:0; }
.buss_tb tbody td.align_l { text-align:left; }
.buss_tb tbody td .dot_list li { color:#777; font-size:16px; font-weight:400;}
.buss_tb tbody td.gc { background-color:#f8f8f8; }
.buss_tb tbody td.bc { background-color:#e7f4f9; }
.buss_tb .buss_tb_bold td {background-color:#f5fcff;font-weight:500;color:#333 !important;}
.buss_02 { margin-bottom:50px; }
.bul_list { font-size:0; }
.bul_list li { width:23.444%; margin-right:2%; display:inline-block; }
.bul_list li img { width:100%; }
.bul_list li:last-child { margin-right:0; }
.bul_tb { margin-top:40px; }





/* 주요연혁 */
.history_con { text-align: center; color: #888; font-weight: 300; font-size: 15px; margin-top: 70px; }
.history_con .history { position: relative; }
.history_con .history:before { top: 35px; content: ""; height: 100%; position: absolute; left: 50%; width: 1px; background-color: #ddd; display: inline-block; }
.history_wrap { margin-bottom: 80px; }
.history_con .time { width: 50%; display: block; position: relative; line-height: 24px; box-sizing: border-box; }
.history_con .time .year { display: inline-block; margin: 0 0 20px 0; background-size: 100%; background-position: center bottom; background-repeat: no-repeat; font-size: 32px; color: #fff; 
font-weight: 500; display:flex; align-items: center; justify-content: center; flex-flow: column; }
.history_con .time .year span { display:block; margin-top:8px; font-size:16px; color:#222; }
.history_con .time .month { color: #555; font-size: 15px; line-height: 1.8em; margin-bottom: 10px; position: relative; word-break: keep-all; }
.history_con .time.right { text-align: left; margin-left: auto; }
.history_con .time.right .year { background-color:#fff; width: 150px; height: 150px; margin-left: -75px; border-radius: 100%; text-align: center; color: var(--blue); border:5px solid var(--blue); }
.history_con .time.right .month { padding-left: 150px; }
.history_con .time.right .month::before { left: -6px; }
.history_con .time .month::before { position: absolute; display: inline-block; content: ""; width: 12px; height: 12px; box-sizing: border-box; top: 8px; border: 2px solid #ccc; background-color: #fff; border-radius: 100%;
 background-repeat: no-repeat; background-position: center; background-size: 80%; }
.history_con .time.right .month span { position: absolute; font-size: 18px; font-weight: 400; left: 30px; top: 0; letter-spacing: -0.85px; }
.history_con .time.left { text-align: right; margin-right: auto; }
.history_con .time { width: 50%; display: block; position: relative; line-height: 24px; box-sizing: border-box; }
.history_con .time.left .year { background-color: #fff; border:5px solid #014a93;  color: #014a93; width: 150px; height: 150px; margin-left:auto; margin-right: -75px; border-radius: 100%; text-align: center; }
.history_con .time.left .month { padding-right: 150px; }
.history_con .time.left .month::before { right: -6px; }
.history_con .time.left .month span {
    position: absolute;
    font-size: 16px;
    font-weight: 400;
    right: 30px;
    top: 0;
}





/* 조직도 */
.org_tb { margin-top:20px; margin-bottom:70px; }
.org_tb tbody td:nth-child(3) { text-align:center; }
.org_area { margin-bottom:50px; position:relative; }
.org_area .org_box { position: relative; z-index:1; display: flex; justify-content: center; align-items: center; width: 250px; height: 60px; margin: 0 auto; line-height: 29px; font-size: 22px; color: #fff; background: #014a93; text-align: center; border-radius:50px; }
.org_area .ceo { margin-bottom:90px; z-index:1;  width:140px; height:150px; border-radius:100%; margin:0 auto; background-color:#fff; text-align:center; line-height:145px; 
font-size:28px; color:#222; font-weight:500; background-image:url('../images/org_bg.png'); background-size:100% 100%; background-repeat:no-repeat; background-position:center; }
.org_area .org_box.small { height: 60px; line-height: 55px; font-size: 17px; }
.org_area .blue { background:var(--blue); color:#fff; }
.org_area .bl { background:#333; }
.org_area .lgray { background:#e5e5e5; color:#222; }
.org_area .right { margin-left:auto; margin-right:0; }
.org_area .org_float3 li{ float: left; width: 25%; position: relative; margin-bottom:0; }
.org_area ul li { position: relative; margin-bottom: 10px; }
.org_area ul li.last { margin-bottom:100px; }
.org_area ul li.grid2 { display:flex; }
.org_area .org_text { display: flex; align-items: center; justify-content: center; width: 210px; height: 150px; margin: 8px auto 0; border:1px solid #dce2ec; box-sizing: border-box; font-size: 16px; border-radius: 5px; color: #666666; text-align: center; }
.org_area .org_list { width:210px; margin:8px auto 0; }
.org_area .org_list > li { display:block; width:100%; background-color:#fff; margin-bottom:10px !important; text-align:center; border:1px solid #41a2ff; padding:10px 0; color:#222; font-weight:300; box-shadow:0px 9px 16px -10px rgb(0 0 0 / 9%); }
.org_area .unv { visibility: hidden; }
.org_area .org_box.gray { background-color:#fff; border:3px solid #ddd; border-radius:30px; color:#222;}
.org_area .line { position:relative; z-index:1; }
.org_area .line:before { content:''; width:93%; height:1px; background-color:#ddd; position:absolute; left:-92%; z-index:1; }
.org_area ul li .s_line { position:absolute; width:1px; height:90px; border:#ddd; background:#ddd; left: 50%; top:-40px; transform: translate(-50%, 0); }
.org_area ul li .l_line { position:absolute; width:75%; height:1px; border:#ddd; background:#ddd; top:-40px; left: 50%; transform: translate(-50%, 0); }
.org_area ul li .b_line { width:180px; height:1px; border:#ddd; background:#ddd; position:absolute; top:50%; transform: translate(0, -50%); left:49.9%; }
.org_area ul .m_line { width:1px; height:700px; border:#ddd; background:#ddd; position:absolute; left: 50%; top:0; transform: translate(-50%, 0); }
hr.long_line { position:relative; z-index:1;  width:50%; height:1px; position:absolute; top:50%; border:#ddd; background:#ddd; left:50%; transform: translate(-50%, -50%); }
hr.short_line { position:relative; z-index:1;  width:18%; height:1px; position:absolute; top:50%; border:#ddd; background:#ddd; left:50%; transform: translate(0, -50%); }
hr.short_line.right { right:50%; }

/* CI 소개 */
.ci_img { margin-bottom:30px; }
.ci_txt { font-size:17px; color:#222; font-weight:300; line-height:1.8em; }





/* 참여기관 */
.parti_img { margin-bottom:80px; }
.parti_tb { margin-top:20px; }





/* 오시는 길 */
.map_info { width: 100%; background: linear-gradient( to right, #22a9de, #014b94); padding: 30px 0; box-shadow: 0 3px 20px rgb(0 0 0 / 10%); z-index:1; }
.map_info p:nth-child(1) { position: relative; font-size:30px; font-weight: 400; padding-left: 30px; width:30%; vertical-align: top; box-sizing: border-box; }
.map_info p { vertical-align: middle; color: #fff; font-size: 18px; line-height: 30px; font-weight: 300; width: 70%; display: inline-block; text-align: left; }
.map_info p span { font-weight:400; margin-right:5px; }
.map_how { margin: 130px 0 50px; font-size: 0; }
.map_how li { width: 32.3%; min-height: 290px; float: left; padding: 40px 30px; box-sizing: border-box; text-align: left; margin-right: 1%; background-image:url('../images/map_bg.png'); background-size:100% 100%;  background-repeat:no-repeat; background-position:center; }
.map_how .map_tit { font-size: 20px; text-align: center; font-weight: 500; font-size:25px; color:#222;  margin-bottom: 20px; }
.map_how .map_tit span { font-weight:400; }
.map_how .map_desk { font-size: 16px; color:#666; font-weight:300; padding-left: 12px; box-sizing: border-box; word-break: break-all; position:relative; }
.map_how .map_desk:before { content:''; width:4px; height:4px; background-color:#ddd; border-radius:100%; position:absolute; left:0; top:11px; }
.root_daum_roughmap .wrap_controllers { display:none; }
.map_icon { text-align:center; margin-bottom:20px; }
.mt130 {margin-top:130px;}




/* 사업 */
.sub_tab ul { width:100%; font-size:0; margin-bottom:50px; }
.sub_tab ul li { font-size:20px; width:33.333%; display:inline-block; vertical-align:top; text-align:center; }
.sub_tab ul li:first-child a { border-left:1px solid #ddd; }
.sub_tab ul li a { display:block; padding:15px 0; color:#555555; border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.sub_tab ul li.select a { background-color:var(--blue); border-color:var(--blue); color:#fff; }
.img_wrap { width:100%; text-align:center; position:relative; } 
.img_wrap h3.circle_tit { font-size:40px; color:#222; font-weight:600; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.img_wrap h3.bs_ct { font-size:35px; }
.img_wrap h3.bs_ct span.stit { font-size:20px; font-weight:400; display:block; }
.img_wrap h3.bs_ct span.btit { font-size:25px; }

.tab2 ul li {width:50% !important;}



.step_box { position:relative; font-size:16px; display:inline-block; vertical-align:top; width:100%; margin-bottom:18px; background-color:#e7f4f9; color:#222; text-align:center; 
padding:15px 0; border-radius:10px;  }
.buss_step { font-size:0; position:relative; }
.buss_step > li { font-size:16px; display:inline-block; vertical-align:top; width:16%; margin-right:5%; }
.b1s_step > li:first-child { padding-top:72px; }
.b1s_step > li:nth-child(2) { padding-top:72px; }
.b1s_step > li:first-child:before { content:'(사)강원산학융합원'; position:absolute; left:0; top:0; width:37%; display:block; background-color:#e7f4f9; text-align:center; color:#222; padding:15px 0; border-radius:10px; }
.buss_step > li:last-child { margin-right:0; }
.buss_step > li .bs_box { position:relative; border:1px solid #ddd; border-radius:10px; text-align:center; padding:20px 0; margin-bottom:15px;  }
.buss_step > li .bs_box:after { content:''; width:40px; height:40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2322aade' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:40px; background-position:center; position:absolute; right:-52px; top:50%; transform: translate(0, -50%); }
.buss_step > li:last-child .bs_box:after { display:none; }
.buss_step > li .bs_box.active {  background: linear-gradient( to right, #22a9de, #014b94); }
.buss_step > li .bs_box.active .num:before { background:#fff; }
.buss_step > li .bs_box.active .num { color:#fff; }
.buss_step > li .bs_box.active .tit { color:#fff; }
.buss_step > li .bs_box.step01 { background-color:#22aade; border-color:#22aade; }
.buss_step > li .bs_box.step01 .tit { color:#fff; }
.buss_step > li .bs_box.step02 { background-color:#137dbb; border-color:#137dbb; }
.buss_step > li .bs_box.step02 .tit { color:#fff; }
.buss_step > li .bs_box.step03 { background-color:#014a93; border-color:#014a93; }
.buss_step > li .bs_box.step03 .tit { color:#fff; }
.buss_step > li .bs_box .num { position:relative; font-size:22px; font-weight:600; color:#222; margin-bottom:5px; display:block; }
.buss_step > li .bs_box .num:before { content:''; width:20px; height:3px; background:var(--blue); display:block; margin:0 auto 3px; }
.buss_step > li .bs_box .tit { font-size:18px; color:#222; }
.buss_step > li .dot_list { margin-bottom:0; }
.buss_step > li .dot_list li { font-size:15px; font-weight:400; color:#666; letter-spacing:-0.35px; padding-left:10px; }

.iarnd_wrap { max-width:1060px; margin:0 auto; background-image:url('../images/iarnd_img.png'); background-repeat:no-repeat; background-position:center top; padding-top:280px; }
.iarnd_list { font-size:0; }
.iarnd_list > li { width:30%; min-height:292px; margin-right:5%; display:inline-block; vertical-align:top; padding:30px 0; font-size:16px; }
.iarnd_list > li:first-child { border-top:6px solid #22aade; border-bottom:6px solid #22aade; }
.iarnd_list > li:nth-child(2) { border-top:6px solid #137dbb; border-bottom:6px solid #137dbb; }
.iarnd_list > li:nth-child(3) { border-top:6px solid #014a93; border-bottom:6px solid #014a93; }
.iarnd_list > li:last-child { margin-right:0; }
.iarnd_list > li img { display:block; margin:0 auto 20px; }
.iarnd_list > li .dot_list { width:78%; margin:0 auto; }
.iarnd_list > li .dot_list li { font-size:16px; }
.iarnd_list li h3 { font-size:20px; color:#222; font-weight:400; text-align:center; margin-bottom:10px; }

.bnsolu{width:100%; border:1px solid #ddd; border-radius:30px;}
.bnsolu > h2{width:100%; line-height:80px; text-align:center; font-weight:400; font-size:22px; color:#fff; background-color:#005ebc;border-radius:30px 30px 0 0;}
.bns_list {background-color:#edf5f8; padding:20px 30px; margin:30px; display: flex; flex-wrap: wrap;}
.bns_list > li {width:22%; margin-right:4%;}
.bns_list > li:last-child { margin-right:0; }
.bns_list > li > h3{line-height:50px;font-size:18px;font-weight:500;text-align:center;color:#005ebc;background-color:#fff;border:1px solid #005ebc; border-radius:30px; margin-bottom:20px;}
.bns_txt > li{position:relative; padding-left:12px;color:#222;margin-bottom:8px;}
.bns_txt > li:before{content:'';position:absolute;top:11px;left:0;background-color:#005ebc;width:4px;height:4px;}
.bns_txt > li:last-child{margin-bottom:0px;}

.em_tb { margin-top:20px; }
.em_tb tbody td:nth-child(3) { text-align:center; }
.em_list { font-size:0; }
.em_list > li { position:relative; width:26.666%; display:inline-block; vertical-align:top; margin-right:10%; font-size:16px; }
.em_list > li .sbox_list > li.down_arrow { position:relative; margin-bottom:60px; text-align:center; }
.em_list > li .sbox_list > li.down_arrow:after { content:''; display:inline-block; width:50px; height:60px;  background-image:url('../images/down_arrow.png'); background-repeat:no-repeat; background-position:center; position:absolute; bottom:-62px; left:50%; transform: translate(-50%, 0); }
.em_list > li .sbox_list > li.up_arrow:after { content:''; display:inline-block; width:50px; height:60px;  background-image:url('../images/up_arrow.png'); background-repeat:no-repeat; background-position:center; position:absolute; top:-63px; left:50%; transform: translate(-50%, 0); }
.em_list > li .sbox_list > li.up_arrow { position:relative; margin-top:60px; }
.em_list > li:after { content:''; width:128px; height:87px; background-image: url("../images/end_arrow.png");
background-repeat:no-repeat; background-position:center; position:absolute; right:-128px; top:400px; }
.em_list > li:first-child:after { background-image:url('../images/arrow_net.png'); width:165px; height:100%; top:38px; background-size:100%; right:-129px; }
.em_list > li:last-child { margin-right:0; }
.em_list > li:last-child:after { display:none; }
.em_list > li h3 { min-height:93px; display:flex; align-items:center; justify-content:center; text-align:center; background-color:var(--blue); color:#fff; border-radius:5px; padding:20px 0; font-weight:400; font-size:18px; margin-bottom:15px; box-shadow:2px 4px 18px -5px rgb(0 0 0 / 9%); }
.em_list > li:nth-child(2) h3 { background-color:#137dbb; }
.em_list > li:nth-child(3) h3 { background-color:#014a93; }
.em_list > li .sbox_list > li { position:relative; z-index:2; background-color:#fff; border:4px solid #bbb; font-size:16px; color:#222; padding:22px 25px; border-radius:5px; margin-bottom:36px; }
.em_list > li .sbox_list > li .dot_list li { font-size:16px; font-weight:400; color:#222; margin-bottom:10px; }
.em_list > li .sbox_list > li .ep_list li { margin-bottom:20px; }
.dot_line { border-color:#ddd; border-style:dashed; margin:20px 0;}
.bs_tb tbody th { text-align:center;  }
.bs_tb tbody th.bor_n { border-right:0; }
.bs_tb tbody td.lef { text-align:left; }

.main_notice {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
	text-align:center;
}
.noti_icon {
    margin: 0 auto;
    width: 100px;
    height: 100px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2322aade' viewBox='0 0 256 256'%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm-8,56a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm8,104a12,12,0,1,1,12-12A12,12,0,0,1,128,184Z'%3E%3C/path%3E%3C/svg%3E");
}
.main_notice h2 {
    font-size: 45px;
    line-height: 1em;
    font-weight: 500;
	color:#000;
    margin: 35px 0 30px;
}
.main_notice p {
    font-size: 18px;
    color: #888;
}

.use_search { border:1px solid #ddd; margin-bottom:30px; padding:40px 0; }
.use_search ul { max-width:570px; margin:0 auto; font-size:0;}
.use_search ul li { display:inline-block; vertical-align:top; }
.use_search ul li select { width:100%; height:45px; border:1px solid #ddd; padding:0 8px; font-size:16px; color:#222; }
.use_search ul li input[type="text"] { width:100%; height:45px; border:1px solid #ddd; padding:0 8px; font-size:16px; color:#222; width:80%; margin-right:1%; border-radius:0; }
.use_search ul li button { width:19%; background-color:#222; color:#fff; font-size:16px; height:45px; border:1px solid #222; }
.use_search ul li:nth-child(1) { width:19%; margin-right:1%; }
.use_search ul li:nth-child(2) { width:80%; }
.equ_area .equ_list { margin: 18px 0; font-size: 0; }
.equ_area .equ_list li { display: inline-block; vertical-align: top; width: 31.3333%; margin-right: 3%; margin-bottom: 3%; text-align: center; border: 1px solid #ddd; box-sizing: border-box; font-size:16px; }
.equ_area .equ_list li:nth-child(3n+0) { margin-right:0; }
.equ_area .equ_list li .equimg { width:100%; height:200px; background-image:url('../images/equ_img.png'); background-repeat:no-repeat; background-size:cover; background-position:center; }
.equ_area .equ_list li .equtxt { padding: 30px 25px; box-sizing: border-box; text-align: left; }
.equ_area .equ_list li .equtxt h3 { font-size: 22px; font-weight: 500; color: #222; margin-bottom: 15px; }
.equ_area .equ_list li .equtxt p { color: #888; font-size: 15px; margin-bottom: 10px; }
.equ_area .equ_list li .equtxt p .op_border { border: 1px solid #ddd; border-radius: 3px; width: 70px; padding: 1px 0; box-sizing: border-box; margin-right: 5px; text-align: center; color: #333; display: inline-block; }
.sub_content .equ_area .equ_list li .enf_btn { display: block; margin-top: 20px; background: var(--blue); color: #fff; text-align: center; height: 45px; line-height: 45px; font-size: 17px; }

/* 캘린더 상단의 예약가능,불가 여부 범례표기용 */
.gu_area { margin:15px 0 65px; }
.gu_area .pos_info { position:absolute; right:0; top:20px; }
.gu_area .pos_info li { float:left; margin-right:15px; font-size:14px; }
.gu_area .pos_info li .gue_pos {display:inline-block; background:#5eb917; padding:0 5px; border-radius:2px; color:#fff; margin-bottom:2px; }
.gu_area .pos_info li .gue_impos {display:inline-block; background:#ff6666; padding:0 5px; border-radius:2px; color:#fff; margin-bottom:2px; }

.equ_cate li { display:inline-block; margin-right:10px; }
.equ_cate li:last-child { margin-right:0; }
.equ_cate li a { color:#222; }
.equ_cate li a:hover { color:var(--blue); }
.equ_cate li.active { color:var(--blue); }


.cal_area { margin:50px auto 30px; }
.uv_tb tbody th { border-right:0; }
.uv_tb tbody td { text-align:left; border-right:0; }
.uv_tb tbody td.total_price { color:var(--blue); font-weight:500; }
.uv_tb tbody td input[type="text"] { text-align:left !important; padding:0 7px; }
.normal_sel { border:1px solid #ddd; height:35px; padding:0 35px 0 6px; }
.uv_agree_box { position: relative; margin: 30px 0; }
.uv_agree_box h2 { font-size: 16px; color: #222; font-weight: 500; position: absolute; left: 0; top: 0; margin-bottom: 15px; }
.uv_agree_box>p label { font-size: 15px; }
.uv_agree_box label { font-weight: 400; font-size: 0.8rem; color: #666; margin-left: 5px; margin-bottom: 12px; display: block; text-align: right; }
.uv_agree_box>div { padding: 15px 20px; height: 160px; overflow-y: auto;  border: 1px solid #ddd; color: #6f7575; font-size: 14px; font-weight:300; line-height: 20px; background: #fff; }
.btn_area { text-align:center; }
.btn_area .bl { display:inline-block;  background-color:#333; color:#fff; font-size:20px; padding:18px 55px; }
#span_term select { height:35px !important; border:1px solid #ddd; }


.result_mess { text-align:center; margin-bottom:40px; }
.result_mess img { margin-bottom:25px; }
.result_mess h3 { font-size:25px; font-weight:500; margin-bottom:12px; color:#222; }
.result_mess p { font-size:18px; color:#555; }
.ur_tb { margin-top:0px; }
.ur_line_tit { margin-bottom:15px; }


.bu_con { margin-bottom: 40px; }
.bu_imgarea { height: 400px; background-position: center; background-size: cover; background-repeat: no-repeat; }
.bu_con .bucon_txt { position: relative; max-width:1080px; padding: 40px 30px; letter-spacing: -0.35px; word-break: keep-all; background: #fff; font-size: 18px; line-height: 33px; color: #222; margin: -150px auto 0; }
.bu_con .bucon_txt h3 { font-size:30px; color:#222; font-weight:400; text-align:center; line-height:1.6em; margin-bottom:30px; }
.bu_con .bucon_txt h3 span { color:var(--blue); display:block; font-size:40px; font-weight:500; }
.bu_con .bucon_txt p { font-size:17px; color:#333; font-weight:300; text-align: justify; word-break:break-all; }

.prof_tb { margin-top:10px; }
.prof_tb tbody th { text-align:center !important; }
.prof_tb tbody td { text-align:center !important; }
.prof_tb tbody td:last-child { border-right:0; }





.mypage_list { font-size:0; }
.mypage_list li { width:31.3%; display:inline-block; vertical-align:top; font-size:16px; border:1px solid #ddd; margin-right:3%; text-align:center; }
.mypage_list li:last-child { margin-right:0; }
.mypage_list li a { display:block; padding:40px 0; }
.mypage_list li h3 { position:relative; font-size:22px; color:#222; font-weight:500; margin-bottom:20px; }
.mypage_list li h3:after { content:''; display:block; width:35px; height:3px; background-color:var(--blue); margin:15px auto 20px; }
.mypage_list li p { font-size:16px; color:#333; font-weight:300; }

.appl_tb { margin-top:30px; }
.appl_tb tbody td { border-right:0; text-align:center !important; }
.appl_tb tbody td .can_btn { background-color:var(--blue); color:#fff; padding:2px 10px 3px; border-radius:15px; font-size:13px; margin:-4px 0 0 2px; display:inline-block; vertical-align:middle; border:0; }


.floor_tab { display:flex; }
.floor_tab li { flex:1 1; }
.floor_tab li a { display:block; color:#000; border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 20px; }
.floor_tab li:first-child a { border-left:1px solid #ddd; }
.floor_tab li a.current { background-color:#22aade; color:#fff; border-color:#22aade; }
.ftab-content { display: none; }
.ftab-content img { width:100%; }
.ftab-content.current{ display: block; width: 100%; }

/* footer */
#footer { position:relative; background-color:#363636; padding:50px 0; font-size:0; }
#footer .flogo_wrap { display:inline-block; vertical-align:top; margin:3px 40px 0 0; }
#footer .f_wrap { display:inline-block; vertical-align:top; }
#footer .f_service { margin-bottom:15px;  }
#footer .f_service li { position:relative; display:inline-block; margin-right:30px; }
#footer .f_service li:after { content:''; display:inline-block; width:1px; height:13px; background-color:#555; position:absolute; right:-15px; top:50%; transform: translate(0, -50%); }
#footer .f_service li:last-child { margin-right:0; }
#footer .f_service li:last-child:after { display:none; }
#footer .f_service li a { color:#fff; font-size:16px; font-weight:300; }
#footer .company_info li { display:inline-block; color:#999; font-size:14px; line-height:1.8em; margin-right:15px; }
#footer .copyright { color:#999; font-size:13px; }
.flogo_wrap .f_logo { display:inline-block; width:245px; height:45px; background-image:url('../images/f_logo.png'); background-repeat:no-repeat; background-position:center; background-size:100% 100%; }

.back-top { cursor:pointer; width:70px; height:70px; position:fixed; bottom:30px; right:30px; background:rgba(255,255,255,0.5); display:flex; align-items:center; justify-content:center; border:1px solid #ddd; box-sizing:border-box;  }









.calendar { width:180px; background:url('../images/ico_cal.png') no-repeat right 5px center; padding-right:25px !important; font-size:15px; border:1px solid #ddd; padding:5px 10px; }


/* 날짜 입력 달력 */
.Zebra_DatePicker *                          { margin: 0; padding: 0; color: #666;z-index:9999;}
.Zebra_DatePicker                            { position: absolute; background: #373737; border: 3px solid #373737; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: none; z-index: 100; font-family: 'dotum'; font-size: 14px }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { width: 30px; border: 1px solid #BBB; background: #DEDEDE url('../images/default-date.png') repeat-x top; color: #666 }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #E0E0E0; background: #373737 }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #222; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #888; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_week_number,
.Zebra_DatePicker .dp_daypicker th          { background: #F1F1F1; font-size: 11px; padding-top: 7px }

.Zebra_DatePicker td.dp_weekend_disabled,
.Zebra_DatePicker td.dp_not_in_month        { background: #ECECEC url('../images/disabled-date.png'); color: #E0E0E0; cursor: default }

.Zebra_DatePicker td.dp_weekend             { background: #DEDEDE url('../images/default-date.png') repeat-x top; color: #666 }

.Zebra_DatePicker td.dp_selected            { background: #E26262; color: #E0E0E0 !important }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td        { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td         { width: 33% }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PRESIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #E26261 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_hover               { background: #67AABB url('../images/selected-date.png') repeat-x top; color: #E0E0E0 }
.Zebra_DatePicker td.dp_disabled            { background: #ECECEC url('../images/disabled-date.png') repeat-x top; color: #DDD; cursor: default }


/* 251104 */
.root_daum_roughmap .cont { display: none; }