@charset "utf-8";


.s_visual { position:relative;width:100%; height:320px; line-height:1.4; box-sizing:border-box;overflow:hidden; text-align:center; background:no-repeat center center; background-size:cover; }
.s_visual .s_visual_in { position:relative; display:table; width:100%; height:100%;  z-index:2}
.s_visual .sv_tit { display:table-cell; box-sizing:border-box; color:#fff; vertical-align:middle;  }
.s_visual .sv_tit h2 { font-size: 2.5em; font-weight: 500;  font-family: 'DWImpactamin'}
.s_visual .sv_tit p.txt {padding-top: 0.3em; }

@media (max-width:1024px){
  .s_visual { height: 30vw; }
}
@media (max-width: 767px){
  .s_visual { height: 40vw; }
}
@media (max-width: 480px){
  .s_visual { height: 50vw; }
}






#subContent { position: relative; overflow: hidden; padding: 40px 0 7%; }

#s_gnb { float: left; width: 250px; }
#s_gnb .s_depth1 { margin-bottom:0 }
#s_gnb .s_depth1 h2 { font-size: 1.625em; font-family: 'DWImpactamin'; font-weight: normal; color:#FFF; padding: 2.4em 0; text-align: center; background: url("/images/sub/snav_titBG.png") no-repeat center; background-size: cover; }
#s_gnb .s_depth1 .hide { display: none; }
#s_gnb .s_depth2 .deptit { display: none; }
#s_gnb .s_depth .smenu { padding-top: 1px; }
#s_gnb .s_depth .smenu > li { width: 100%; line-height: 55px; border: 1px solid #e1e1e1; border-top: 0; margin-top: -1px; }
#s_gnb .s_depth .smenu > li > a { display: block; padding: 0 2em; background:#f7f7f7; position:relative }
#s_gnb .s_depth .smenu > li > a:after {content:''; width:3px; height:3px; background:#000; position:absolute; left:1.3em; top:50%; }
#s_gnb .s_depth .smenu > li.s_on > a { color:#3663ae;  border-color:#EEE;  background:#EEE url('/images/sub/dotline.png') repeat-X bottom;  }
#s_gnb .s_depth .smenu > li:last-child.s_on > a { background:#EEE url('/images/sub/dotline.png') repeat-X top;  }
#s_gnb .s_depth .smenu > li.s_on > a:after { background:#3663ae; }
#s_gnb .s_depth .smenu > li.s_on > a:before {content:''; width:6px; height:11px; background:url('/images/sub/s_gnb-arrow.png')no-repeat right center; position:absolute; right:1.3em; top:50%; margin-top:-5px}

#s_gnb .s_depth .smenu > li.s_on > a.dep3::before {content: '\e873'; top:5px; right:2em; color:#3663ae; opacity: 1;  background:none;} 
#s_gnb .s_depth .smenu .dep3 {position: relative; }
#s_gnb .s_depth .smenu .dep3::before { content: '\e874'; font-family:'Linearicons-Free'; color:#222; font-weight: 900;
                                                      position: absolute; right:1.5em; font-size: 0.7em; opacity: 0.7; }
#s_gnb .s_depth .smenu > li.s_on .dep3::before { color: #fff; }
#s_gnb .s_depth .smenu .dep3.on::before { content: '\e873'; }
#s_gnb .s_depth .smenu .depth3 { display: none; padding: 10px 0; background: rgba(200,200,200,0.05); border-bottom:1px solid #e9e9e9 }
#s_gnb .s_depth .smenu > li.s_on .depth3 { display: block; }
#s_gnb .s_depth .smenu .depth3 li { line-height: 2em; }
#s_gnb .s_depth .smenu .depth3 li a { padding: 0 1.5em; }


@media all and (max-width:1280px) {
  #s_gnb { width: 20%; }
  #s_gnb .s_depth1 h2 { padding: 2em 0; }
  #s_gnb .s_depth .smenu li  { line-height: 50px; }
}

@media all and (max-width:976px) {
  #s_gnb { width: 100%; display: none; }
  #s_gnb .s_depth { position: relative; width: 50%; float: left; }
  #s_gnb .s_depth .smenu { display: none; }
  #s_gnb .s_depth1 .hide { display: block; }
  #s_gnb .s_depth2 .deptit { display: block; }

  #s_gnb .s_depth .deptit { position: relative; width: 100%; background: none; color:#585858; font-size: 1.0em;
                                        padding:0; font-family: 'Pretendard'; line-height: 50px; text-align: left;
                                        border: 1px solid #d6e1db; padding: 0 1em; cursor: pointer; }
  #s_gnb .s_depth2 .deptit { border-left-width:0; }

  #s_gnb .s_depth .deptit::after { content: '\e874'; font-family:'Linearicons-Free'; position: absolute; right: 1em; line-height: 50px; }
  #s_gnb .s_depth .smenu { position: absolute; top: 50px; width: 100%; z-index: 999999; }
  #s_gnb .s_depth .smenu li { line-height: 3em; }
}





#pageWrap { float: left; width: calc(100% - 300px); margin-left: 50px; }


#subTitle { position: relative; overflow: hidden;  padding: 1.8em 0;  background:url('/images/sub/subtitle-line.png') repeat-X left bottom;}
#subTitle h3 { font-size: 1.750em; font-weight: 700; color:#212121; }
#subTitle .subLoca { position: absolute; right:0; top: 50%; transform: translateY(-50%); }
#subTitle .subLoca li { float: left;  font-size: 0.875em; margin-top: 0.6em;}
#subTitle .subLoca li::before { content: '\e876'; font-family:'Linearicons-Free';  font-size: 0.8em; margin: 0 10px;  }
#subTitle .subLoca li.home { margin-top: 0.8em}
#subTitle .subLoca li.home::before { display: none; }

#pageCont { position: relative; width: 100%; overflow: hidden; padding: 5% 0 0;}

@media all and (max-width:1280px) {
  #s_gnb { width: 215px; }
  #s_gnb .s_depth1 h2 { padding: 2em 0; }
  #s_gnb .s_depth .smenu li  { line-height: 50px; }
  #pageWrap { float: left; width: calc(100% - 215px - 3%); margin-left: 3%; }
}
@media all and (max-width:1130px) {
	#subTitle .subLoca {position: unset; margin-top:0.3em}
}
@media all and (max-width:976px) {
  #subContent { padding-top:0; }
  #s_gnb { width: 100%; display: none; }
  #s_gnb .s_depth { position: relative; width: 50%; float: left; }
  #s_gnb .s_depth .smenu { display: none; }
  #s_gnb .s_depth1 .hide { display: block; }
  #s_gnb .s_depth2 .deptit { display: block; }


  #s_gnb .s_depth .deptit { position: relative; width: 100%; background: none; color:#585858; font-size: 1.0em;
                                        padding:0; font-family: 'Pretendard'; line-height: 50px; text-align: left;
                                        border: 1px solid #d6e1db; padding: 0 1em; cursor: pointer; }
  #s_gnb .s_depth2 .deptit { border-left-width:0; }

  #s_gnb .s_depth .deptit::after { content: '\e874'; font-family:'Linearicons-Free'; position: absolute; right: 1em; line-height: 50px; }
  #s_gnb .s_depth .smenu { position: absolute; top: 50px; width: 100%; z-index: 999999; }
  #s_gnb .s_depth .smenu li { line-height: 3em; }

  #pageWrap { width: 100%; margin-left: 0; }
  #subTitle h3 { font-size: 1.6em; }
}

@media all and (max-width:767px) {
  #subTitle { padding-bottom: 1.5em; }
}

@media all and (max-width:568px) {
  #subTitle { text-align: center; }
  #subTitle .subLoca { display: none; }
  #pageCont { padding-top: 6%; }
}



#left_bn {margin-top:10px; }
#left_bn ul li a {display:block; width:100%; height:100%;}
#left_bn ul li a img {width:100%}





#left_cs {margin-top:10px; border:1px solid #e1e1e1}
#left_cs .box {padding:1em 1.2em}
#left_cs .box h3 {padding-bottom:0.3em; font-size:0.875em; color:#858585; font-family:'Poppins'; font-weight:500; opacity:.6 }
#left_cs .box .tel {background:url('/images/sub/left_cs_tel_icon.png') no-repeat left center; padding-left:35px; font-size:1.750em; color:#0b7e97; font-family:'Jost'; letter-spacing:-0.05em;}
.line {width:100%; height:1px; background:url('/images/sub/dotline.png') repeat-X; }
#left_cs .box dl {font-size:0.85em; letter-spacing:0 }
#left_cs .box dl dt {display:inline-block; }
#left_cs .box dl dd {padding-left:1em; display:inline-block;}
#left_cs .box .st1 {padding-top:0.5em; font-size: 0.813em; opacity:.7;}

@media all and (max-width:1280px) {
	#left_cs .box .tel {background-size:25px auto; padding-left:30px; font-size:1.6em; }
}









/* 페이지 인식을 위한 부분 */
.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 { color:#365e90; font-weight:500; z-index:100; font-size:1.2em }

.tabmenu {display:flex; justify-content:center; flex-wrap:wrap; border:8px solid #f2f8fc; padding:1em; margin-bottom:2em }
.tabmenu li {width:12.5%; text-align:center}
.tabmenu li a {display:block; width:100%; height:100%;}
.tabmenu li a .img img {width:60%; max-width:81px;}
.tabmenu li a p {font-size:0.85em; line-height:1.2em; padding-top:1em}


@media all and (max-width:680px) {	
  .tabmenu { padding:0 1em}
  .tabmenu li { width:25%; margin:1em 0}
  .tabmenu li a .img img { max-width:60px;}
}


#s_Title > ul{display: flex; align-items: center; justify-content: end; gap: 50px; font-size: 16px; font-family: 'Pretendard'; padding-right: 10px;}
#s_Title > ul li{position: relative; color: #000;}
#s_Title > ul li::after{position: absolute; content: '>'; font-family: 'suit'; right: -30px;}
#s_Title > ul li .vis_dep02{font-weight: bold;}
#s_Title h3{font-family: 'GongGothicBold'; color: #000; text-align: center; font-size: 40px;margin-top: 100px;font-weight: normal;}

#s_Title .tab{display: flex; justify-content: center; gap:0 30px; margin-top: 50px; font-family: 'GongGothicBold';}
#s_Title .tab li a{font-size: 23px; font-weight:400; color: #666;}
#s_Title .tab li.on a{color: #3663ae; border-bottom: 2px solid #3663ae;}


@media all and (max-width:1280px){
    #s_Title > ul{font-size: 15px;}
    #s_Title > ul .home{width: 18px;}
    #s_Title > ul .home img{width: 100%;}
    #s_Title h3{font-size: 35px; margin-top: 70px;}
}
@media all and (max-width:976px){
    #s_Title{margin-top: 40px;}
    #s_Title h3{font-size: 30px; margin-top: 50px;}
    #s_Title .tab li a{font-size: 20px;}
}
@media all and (max-width:680px){
    #s_Title > ul{display: none;}
    #s_Title h3{margin-top: 80px;}
    #s_Title .tab{margin-top: 30px;gap: 20px;text-align: center; align-items: center;}
    #s_Title .tab li a{font-size: 17px; display: inline-block;}
}
@media all and (max-width:480px){
    #s_Title h3{font-size: 25px; margin-top: 50px;}
    #s_Title .tab li a{font-size: 14px;}
}