@charset "utf-8";

/* s_visual */
.s_visual{width: 100%; height: 640px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.s_visual .inner{height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 110px;}
.s_visual .inner .sv_tit{}
.s_visual .inner .sv_tit h2{margin-bottom: 10px; margin-bottom: 40px;}
.s_visual .inner .sv_tit h2 span{font-size: 48px; font-weight: 800; color: #fff;}
.s_visual .inner .sv_tit p{font-size: 20px; font-weight: 500; color: #fff; line-height: 1.8em;}
.s_visual .inner .index{display: flex; align-items: center; gap:5px;}
.s_visual .inner .index span{font-size: 16px; font-weight: 500; color: #fff;}
.s_visual .inner .index b{font-size: 16px; font-weight: 500; color: #fff;}

@media all and (max-width:1280px){
	.s_visual{height: 480px}
	.s_visual .inner{padding-bottom: 80px;}
	.s_visual .inner .sv_tit h2{margin-bottom: 30px;}
	.s_visual .inner .sv_tit h2 span{font-size: 42px;}
	.s_visual .inner .sv_tit p{font-size: 19px; line-height: 1.7em;}
}
@media all and (max-width:1024px){
	.s_visual{height: 420px; overflow: hidden;}
	.s_visual .inner{padding-bottom: 60px;}
	.s_visual .inner .sv_tit h2 span{font-size: 36px;}
	.s_visual .inner .sv_tit p{font-size: 18px; line-height: 1.6em;}
}
@media all and (max-width:768px){
	.s_visual{height: 360px}
	.s_visual .inner{padding-bottom: 50px;}
	.s_visual .inner .sv_tit h2{margin-bottom: 25px;}
	.s_visual .inner .sv_tit h2 span{font-size: 32px;}
	.s_visual .inner .index span,
	.s_visual .inner .index b{font-size: 15px;}
	.s_visual .inner .sv_tit p{font-size: 17px; line-height: 1.5em;}
}
@media all and (max-width:500px){
	.s_visual{height: 300px}
	.s_visual .inner{padding-bottom: 40px;}
	.s_visual .inner .sv_tit h2 span{font-size: 28px;}
	.s_visual .inner .sv_tit p{font-size: 16px;}
}


#pageCont{padding: 120px 0 160px;}

@media all and (max-width:1280px){
	#pageCont{padding: 100px 0 140px;}
}
@media all and (max-width:1024px){
	#pageCont{padding: 90px 0 120px;}
}
@media all and (max-width:768px){
	#pageCont{padding: 80px 0 100px;}
}
@media all and (max-width:500px){
	#pageCont{padding: 70px 0 80px;}
}

/* Sub-Menu */
.sub_menu_wrap { position:relative; width: 100%; font-size: 0; z-index: 2; background-color: #fafafa;  margin: 0px auto; border-bottom: 1px solid #eeeeee;}
.sub_menu_wrap .m_2dep_box {text-align:center; width: 100%; }
.sub_menu_wrap .m_2dep_box .smenu{display:flex; justify-content: center;}
.sub_menu_wrap .m_2dep_box li { position:relative; display:inline-block; font-size: 1.6rem; font-weight: 400; margin: 30px 0;}
.sub_menu_wrap .m_2dep_box li a { color:#666666; display: block; border-left-width:0; transition: .2s ease; margin: 0 30px; font-size: 16px; font-weight: 400; position: relative;}
.sub_menu_wrap .m_2dep_box li + li{border-left: 1px solid #dddddd;}
.sub_menu_wrap .m_2dep_box li:last-child a{border-right: 0;}
.sub_menu_wrap .m_2dep_box li:hover a {opacity:1; font-weight: 700; color: #000;}
.sub_menu_wrap .m_2dep_box li a.on{ opacity:1; font-weight: 700; color: #cb181d;}
.sub_menu_wrap .m_2dep_box li a.on::after{content: ''; height: 3px; width: 100%; position: absolute; bottom: -30px; left: 0; background-color: #cb181d;}
.sub_menu_wrap .m_2dep_box li:first-child a { border-left-width: 1px; }

.sub_menu_wrap .list2{display: none;}
.sub_menu_wrap .m_3dep_box {display:none;}

@media all and (max-width:1280px){
	.sub_menu_wrap .m_2dep_box li a{padding: 0 20px;}
}
@media all and (max-width:1024px) {
	.sub_menu_wrap{ width:100%;  height:60px;  line-height:60px; margin:0px auto 0; padding:0; }
	.sub_menu_wrap::before  { display: none;}
	.sub_menu_wrap .inner{width:100%;}
	.sub_menu_wrap .m_dep_box{display:block; width:220px; float:left; border-right: 1px solid rgba(0,0,0,0.12); text-align:left; cursor:pointer;height:60px; line-height:60px; font-size: 1.8rem;  }
	.sub_menu_wrap .m_dep_tit {display:block; background:url('/images/sub/arrow_down.png') no-repeat 95% center; height:60px; line-height:60px; box-sizing:border-box; padding:0 15px; cursor:pointer; }
	.sub_menu_wrap .m_dep_box .smenu{ display:none; width:calc(100% + 2px); margin-left:-1px; background:#f9f9f9; box-sizing:Border-box; border:1px solid #ddd; border-top:0; position: relative; transform: skew(0.1deg);}
	.sub_menu_wrap .m_dep_box .smenu li {margin:0; width:100% !important; max-width: 100%; display:block; box-sizing:border-box;  border:0; border-top:1px dotted #ddd; padding:0; font-weight: 400;}
	.sub_menu_wrap .m_dep_box .smenu li:hover{background:#ccc;}
	.sub_menu_wrap .m_dep_box .smenu li:hover a{padding:10px 15px; border:0;}
	.sub_menu_wrap .m_dep_box .smenu li a{margin: 0;}
	.sub_menu_wrap .m_dep_box .smenu li a.on{background:#cb181d; color:#FFF; border:0; padding:10px 15px;}
	.sub_menu_wrap .m_2dep_box li a.on::after{content: ''; display: none;}
	.sub_menu_wrap .m_dep_box .smenu li:first-child{border-top:0;}
	.sub_menu_wrap .m_dep_box .smenu a{ color:#333; display:block; width:100%; border:0; padding:10px 15px; box-sizing:border-box; line-height:normal; font-size: 1.6rem;font-weight: 400;}
	.sub_menu_wrap .m_2dep_box li:before{display:none;}
	.sub_menu_wrap .m_3dep_box {display:none;}
}
@media all and (max-width:768px) {
	.sub_menu_wrap{ height:50px;  line-height:50px; }
	.sub_menu_wrap .m_home{width:50px;  height:50px;}
	.sub_menu_wrap .m_dep_tit{height:50px; line-height:50px;}
	.sub_menu_wrap .m_dep_box{width:calc(50% - 0px); transform: skew(0.1deg); height:50px; line-height:50px;}
	.sub_menu_wrap .m_2dep_box{border-right:0;}
}

#subTitle{text-align: center; margin-bottom: 100px;}
#subTitle span{font-size: 42px; color: #000; font-weight: 700;}

@media all and (max-width:1280px){
	#subTitle{margin-bottom: 80px;}
	#subTitle span{font-size: 38px;}
}
@media all and (max-width:1024px){
	#subTitle{margin-bottom: 70px;}
	#subTitle span{font-size: 35px;}
}
@media all and (max-width:768px){
	#subTitle{margin-bottom: 60px;}
	#subTitle span{font-size: 32px;}
}
@media all and (max-width:500px){
	#subTitle{margin-bottom: 55px;}
	#subTitle span{font-size: 28px;}
}

#ctt_con{font-size: 15px;}
.privacy_policy01 {margin:20px 0 40px 0; }
.privacy_policy01 h4 {font-size:20px;margin-bottom:30px;}
.privacy_policy01 .privacy_box {border:1px solid #ddd; padding:20px;}
.privacy_policy01 .privacy_box p {line-height:2; color:#666; }
.privacy_policy02 {background:#f8f8f8; padding:2% 0; overflow:hidden; margin-bottom:40px; color:#666;}
.privacy_policy02 p {padding-left:50px; font-weight:400;}
.privacy_policy02 ul.privacy_txt01 {float:left; margin:10px 50px;}
.privacy_policy02 ul li {font-weight:300; line-height:1.8;}
.privacy_policy03 {margin-bottom:50px; color:#666;}
.privacy_policy03 h4 {font-size:20px; margin-bottom:25px; padding-bottom:6px; border-bottom:1px solid #e8e8e8; color: #000;}
.privacy_policy03 p {line-height:1.8; margin-bottom:25px;}
.privacy_policy03 p.bottom00 {margin-bottom:0;}
.privacy_policy03 ul.bottom26 {margin-bottom:26px;}
.privacy_policy03 ul li {line-height:1.8;}
.privacy_txt02 {text-indent:10px;}


@media all and (max-width:1200px) {
	.privacy_policy01 {margin:20px 0 20px 0; }
	.privacy_policy01 h4 {font-size:18px; margin-bottom:20px;}
	.privacy_policy01 .privacy_box {font-size:0.85em; padding:10px;}
	.privacy_policy02 {padding:10px; margin-bottom:20px;}
	.privacy_policy02 p {font-size:0.85em; padding-left:20px;}
	.privacy_policy02 ul.privacy_txt01 {margin:10px 20px;}
	.privacy_policy02 ul li {font-size:0.85em;}
	.privacy_policy03 {margin-bottom:25px;}
	.privacy_policy03 h4 {font-size:18px; margin-bottom:13px; padding-bottom:3px;}
	.privacy_policy03 p {font-size:0.85em; margin-bottom:13px;}
	.privacy_policy03 ul.bottom26 {margin-bottom:13px;}
	.privacy_policy03 ul li {font-size:0.85em;}
}

@media all and (max-width:820px) {
   .privacy_policy01 {margin:10px 0 20px 0; }
	.privacy_policy01 h4 {font-size:1.1em;}
	.privacy_policy01 .privacy_box {font-size:1em;}
	.privacy_policy02 p {font-size:1.1em; padding-left:10px;}
	.privacy_policy02 ul li {font-size:1em;}
	.privacy_policy03 p {font-size:1em;}
	.privacy_policy03 ul li {font-size:1em;}
   .privacy_policy03 h4 { font-size: 1.3em; line-height: 1.3em; }
}

#privacy { padding: 5% 4%; background:#f8f8f8; overflow: hidden;  font-size: 1.6rem;}
#privacy h3 { margin: 5% 0 1.5%; font-size: 1.33em; color:#000; font-weight: 500;  }
#privacy h4 { margin: 5% 0 1.5%; font-size: 1.33em; color:#000; font-weight: 500;  }
#privacy h3:first-child { margin-top: 0; }
#privacy h4:first-child { margin-top: 0; }
#privacy p{line-height: 1.6em;}
#privacy dl{line-height: 1.6em;}



.tabmenu { text-align: center; width: 100%; max-width: 1600px; margin: -2% auto 4%; overflow: hidden; padding-top:1px; padding-left: 2px; display: flex; justify-content: center;  }
.tabmenu li { position: relative; width:calc(100% / 4); max-width: 250px; margin-top: -1px; margin-left: -1px;
                    border: 1px solid #dee6e9; text-align: center; }
.tabmenu li a { text-decoration: none; width:100%; height:60px; line-height: 60px; display: block; background:#fff;
                      color:#525252; font-size:1.7rem;  font-weight: 600;
                      box-sizing: border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.tabmenu li a:hover { color:#cb181d ; }

.tabmenu.col8 { flex-wrap: wrap; justify-content: flex-start; }
.tabmenu.col8 li { width: calc(100% / 8); }

/* 페이지 인식을 위한 부분 */
.tab01 .tabmenu  a.menu1,
.tab02 .tabmenu  a.menu2,
.tab03 .tabmenu  a.menu3,
.tab04 .tabmenu  a.menu4,
.tab05 .tabmenu  a.menu5,
.tab06 .tabmenu  a.menu6,
.tab07 .tabmenu  a.menu7,
.tab08 .tabmenu  a.menu8,
.tab09 .tabmenu  a.menu9,
.tab10 .tabmenu  a.menu10,
.tab11 .tabmenu  a.menu11,
.tab12 .tabmenu  a.menu12,
.tab13 .tabmenu  a.menu13,
.tab14 .tabmenu  a.menu14,
.tab15 .tabmenu  a.menu15 { color:#fff; background:#cb181d; font-weight:600; border-color: #cb181d !important; z-index:98; }


@media all and (max-width:1080px) {
  .tabmenu { margin-top: 0; margin-bottom: 5%; }
  .tabmenu li a { height:55px; line-height: 55px; }
}


@media all and (max-width:976px) {
  .tabmenu li { width:calc(100% / 5); }
  .tabmenu li a { font-size: 1.6rem;  }
}

@media all and (max-width:767px) {
  .tabmenu li { width:calc(100% / 4); }

}

@media all and (max-width:640px) {
  .tabmenu li a { height:50px; line-height: 50px;  }
}

@media all and (max-width:568px) {
  .tabmenu li { width:calc(100% / 2); }
  .tabmenu li a { height:40px; line-height: 40px;  }
}

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

}