@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}

.s_visual { position:relative;width:100%; height:400px; box-sizing:border-box;overflow:hidden;
 background-size:cover; }
.bg01{background:url('/images/sub01.png'); background-size: cover;}
.bg02{background:url('/images/sub02.png'); background-size: cover;}
.bg03{background:url('/images/sub03.png'); background-size: cover;}
.bg04{background:url('/images/sub04.png'); background-size: cover;}
.bg05{background:url('/images/sub05.png'); background-size: cover;}


.s_visual .s_visual_in { position:relative; display:flex;  width:90%; height:100%;  z-index:2; max-width: 1600px; margin: 0 auto; 
  align-items: center; text-align:center; }

.s_visual .sv_tit { width:100%; color:#fff; }
.s_visual .sv_tit h2 { font-size: 5rem; padding-top:3%; font-weight: 700; font-family:'Montserrat'  }
.s_visual .sv_tit .t1 { font-size: 20px; font-weight:500;   margin-top: 1em;  line-height:1.5em}

@media all and (max-width: 1280px){
	.s_visual { height:580px;}
}
@media all and (max-width: 976px){
	.s_visual { height:450px;}
	.s_visual .sv_tit h2 { font-size: 5.0rem;}
	.s_visual .sv_tit .t1 { font-size: 1.6rem;}
}
@media all and (max-width: 480px){
	.s_visual {height:90vw; }
	.s_visual .sv_tit h2 { font-size: 4.8rem; }
	.s_visual .sv_tit .t1 { font-size: 1.6rem; }

.bg01{background:url('/images/sub01.png'); background-size: cover; background-position-x: 28%;}
.bg02{background:url('/images/sub02.png'); background-size: cover; background-position-x: 28%;}
.bg03{background:url('/images/sub03.png'); background-size: cover; background-position-x: 28%;}
.bg04{background:url('/images/sub04.png'); background-size: cover; background-position-x: 28%;}
.bg05{background:url('/images/sub05.png'); background-size: cover; background-position-x: 40%;}
}



/* Sub-Menu */
.sub_menu_wrap { position:relative; width:90%; max-width:1600px;  height:90px; line-height:90px; margin:-90px auto 0;   padding:0;
                          font-weight:400; box-sizing:border-box; z-index:10; background: rgba(255,255,255,1);   border-bottom: 1px solid #e9e9e9;  }
.sub_menu_wrap .m_home{ position:static; display:block; width:90px; height:90px; float:left; background:#273874  url("/images/sub/ico_home.png") no-repeat center; border:0;  }
.sub_menu_wrap .m_dep_box{ position: relative; display:block; width:22%; float:left; text-align:left; cursor:pointer; border-right: 1px solid #e9e9e9; font-size: 1.8rem; }
.sub_menu_wrap .m_dep_tit {line-height: 1; font-size:1.8rem;  display:flex; align-items: center; height:90px; background:url('/images/sub/arrow_down.png') no-repeat 92% center;  color:#222; box-sizing:border-box; padding:0 1.5em; cursor:pointer;}
.sub_menu_wrap .m_dep_box .smenu { position: absolute; display:none; width:calc(100% + 2px); margin-left:-1px; background:#f6f6f6; box-sizing:Border-box; border:1px solid #ddd; border-top:0;}
.sub_menu_wrap .m_dep_box .smenu li {margin:0; width:100%; display:block; box-sizing:border-box;  border-top:1px dotted #ddd; padding:0;}
.sub_menu_wrap .m_dep_box .smenu li:hover{background:#ccc;}
.sub_menu_wrap .m_dep_box .smenu li:hover a { border:0; font-weight:500;}
.sub_menu_wrap .m_dep_box .smenu li a.on{background:#222 ; color:#fff; border:0; }
.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%;  padding:1.2em 1.5em; box-sizing:border-box; line-height:normal; font-size: 1.7rem;}
.sub_menu_wrap .m_dep_box .smenu a br { display: none; }
.sub_menu_wrap .m_2dep_box li:before {display:none;}


@media all and (max-width:976px){
  .sub_menu_wrap { height: 70px; line-height: 70px; width:100%; margin:0 auto; }
  .sub_menu_wrap .m_home { width:70px; height:70px; }
  .sub_menu_wrap .m_dep_box { width: calc(50% - 35px); }
  .sub_menu_wrap .m_dep_tit{height: 70px;}
  .sub_menu_wrap .m_2dep_box { border-right:0; }
}

@media all and (max-width: 640px){
  .sub_menu_wrap { height: 60px; line-height: 60px; }
  .sub_menu_wrap .m_home { width:60px; height:60px; }
  .sub_menu_wrap .m_dep_box { width: calc(50% - 30px); }
  .sub_menu_wrap .m_dep_tit{height: 60px;}
}


@media all and (max-width: 480px){
  .sub_menu_wrap { width: 100%; height: 50px; line-height: 50px; }
  .sub_menu_wrap .m_home { width:50px; height:50px; }
  .sub_menu_wrap .m_dep_box { width: calc(50% - 25px); }
  .sub_menu_wrap .m_dep_tit { padding: 0 0.8em; font-size: 1.7rem; background-size: 12px auto; height: 50px;}
  .sub_menu_wrap .m_dep_box .smenu a { padding: 0.8em 1em; }
}







#pageCont { padding: 6em 0;   overflow:hidden}
#subTitle { text-align: center; color:#333; font-size: 4.0rem; line-height: 1.2em; margin-bottom:1em; 
                font-family: 'Pretendard';font-weight:700; letter-spacing: 0; }

@media all and (max-width:976px) {
   #pageCont { padding: 4em 0; }
}
@media all and (max-width:480px) {
	#pageCont { padding: 2em 0; }
	#subTitle { font-size: 3rem;}
}






.tabmenu { text-align: center; width: 100%; max-width: 1600px; margin: 0 auto 4%; overflow: hidden; font-size:0; padding-top:1px; padding-left: 1px;  }
.tabmenu li { position: relative; display: inline-block; width:calc(100% / 5); max-width: 250px; margin-top: -1px; margin-left: -1px;
                    border: 1px solid #e3e3e3; 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:#222   ; }

.tabmenu.fs-s li a { font-size: 1.5rem; }

.tabmenu.col5 li { width:calc(100% / 5); max-width: 280px; }
.tabmenu.col6 li { width:calc(100% / 6); max-width: 280px; }
.tabmenu.col7 li { width:calc(100% / 7); float: left; }



/* 페이지 인식을 위한 부분 */
.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 { color:#fff; background:#222; font-weight:600; border-color: #222 !important; z-index:98; }



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

@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;  }

  .tabmenu.col3 li { width:calc(100% / 3);  float: inherit; }
  .tabmenu.col5 li { width:calc(100% / 3); }
  .tabmenu.col6 li { width:calc(100% / 3); }

.mobilenone{display:none; }

}

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

}

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



.prifilecon{ width:1200px; margin:0 auto; text-align:center }


@media all and (max-width:1199px) {
  .prifilecon{width:100%; }
}



.explan{ width:1200px; margin:0 auto;   border:0px solid red;}
.explantt{padding:45px 0px; width:100%; text-align:center; border-radius:20px; background:#efefef; line-height:30px; color:#000; font-size:20px;  }

.explantt p{font-weight:600; font-size:26px; line-height:37px !important;}
.explantt1{background:url('/images/dot01.jpg')left no-repeat; padding-left:30px; 
  font-weight:600; font-size:24px; line-height:40px !important; color:#0066cc;  border:0px solid red;}
.explantt2{font-weight:400; font-size:18px; line-height:35px !important;  color:#000;}
.explantt2 span{font-weight:600;}

.explan1{ width:1200px; margin:0 auto;  border:0px solid red; padding-top:55px;}

.explanleft{width:40%; border:0px solid red; float:left; position:relative; }
.imgarea{width:90%; height:330px;  border:0px solid red;  border-radius:20px; text-align:center; }
.imgarea p{font-size:35px; text-shadow:3px 3px 10px rgba(0,0,0);font-weight:700; padding-top:150px; color:#fff;}
.imgbg01{background:url('/images/imgbg01.jpg')center; }
.imgbg02{background:url('/images/imgbg02.jpg')center; }
.imgbg03{background:url('/images/imgbg03.jpg')center; }
.imgbg04{background:url('/images/imgbg04.jpg')center; }
.imgbg05{background:url('/images/imgbg05.jpg')center; }
.imgbg06{background:url('/images/imgbg06.jpg')center; }


.explanright{width:60%; border:0px solid red; float:left; position:relative; }
.steparea{width:100%; display:block; margin-top:3%; }
.steparea div{width:100%; display: inline-block; float:left; text-align:center; padding:35px; font-size:19px; color:#000;}
.steparea div p{font-weight:600; font-size:25px; line-height:40px !important;  color:#000;}

.linestyle{border:1px solid #ccc; border-radius:20px; box-shadow:3px 3px 10px rgba(228,228,228); }



@media all and (max-width:1199px) {
 .explan{ width:100%; }
 .explantt{padding:30px;  line-height:30px;} 
.explantt p{font-size:20px; line-height:30px !important;}

.explan1{ width:100%;}

}


@media all and (max-width:640px) {
  .explan1{ width:100%; padding-top:0px !important;}
.explanleft{width:100%; }
.explanright{width:100%; border:0px solid red; float:left; position:relative; padding:10px; box-sizing:border-box; }
.imgarea{width:100%; height:330px;  border:0px solid red;  border-radius:20px; text-align:center; }
.imgarea p{font-size:30px;}

}



.explanleft1{width:50%; border:0px solid red; float:left; position:relative; }
.explanright1{width:50%; border:0px solid red; float:left; position:relative; }



.about{ width:1200px; margin:0 auto;   border:0px solid red;}
.about_tt{background:url('/images/titlebg.jpg')center no-repeat;


  width:60%; margin:0 auto;  border:0px solid red;text-align:center; font-weight:600; color:#0066cc; font-size:30px; line-height:170px;}
.about ul{width:100%; float:left; position: relative; margin-bottom:5%; }
.about ul li{display: inline-block; float:left;}
.about ul li:first-child{width:20%; float:left; border:0px solid red; }
.about ul li:last-child{width:80%; float:left;}
.about ul li span{font-size:19px; line-height:26px;  color:#000;  font-weight:400;}
.about_tt1{ font-weight:600; color:#000; font-size:30px; line-height:70px;}



@media all and (max-width:1199px) {
 .about{width:100%;}
 .about_tt{line-height:45px; width:100%; padding-top:10%; padding-bottom:10%;}
}


@media all and (max-width:976px) {
   .about_tt{background:none}
.about ul li:first-child{width:35%; float:left; border:0px solid red; }
.about ul li:last-child{width:65%; float:left;}
.mdw100per{width:100%;}

.explanleft1{width:100%; border:0px solid red; float:left; position:relative; padding:15px; box-sizing:border-box; }
.explanright1{width:100%; border:0px solid red; float:left; position:relative; padding:15px; box-sizing:border-box;}


}

@media all and (max-width:480px) {
.about ul li:first-child{width:20%; float:left; border:0px solid red;  }
.about ul li:first-child img{width:130%; margin-top:4%;}
.about ul li:last-child{width:80%; float:left; }
.about ul li span{font-size:17px;}
.about_tt1{ font-weight:600; color:#000; font-size:25px; line-height:70px;}
.mdw20per{width:20%;}
}