/* sub visual */
.sub_visual_wrap { width: 100%; }
.sub_visual { position: relative; height: 500px; background-image: url("../img/sub_visual_01.jpg") ; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub0101_bg { background-image: url("../img/sub_visual_01.jpg"); }
.sub0201_bg { background-image: url("../img/sub_visual_02_01.jpg"); }
.sub0202_bg { background-image: url("../img/sub_visual_02_02.jpg"); }
.sub0203_bg { background-image: url("../img/sub_visual_02_03.jpg"); }
.sub0204_bg { background-image: url("../img/sub_visual_02_04.jpg"); }
.sub0501_bg { background-image: url("../img/sub_visual_05.jpg"); }
.sub_visual .visual_txt { width: 95%; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); color: #fff; font-weight: bold; text-align: center; font-family: 'Montserrat'; }
.sub_visual .visual_txt h1 { font-size: 1em; margin-bottom: 1em; }
.sub_visual .visual_txt p { font-size: 3.5em; line-height: 1.5em; }

/* lnb 메뉴 */
.lab_wrap { width: 100%; height: 3.75em; border-bottom: 1px solid #eeeeee; }
.lab_wrap .home { font-size: 1.25em; color: #95569e; padding: 1em; float: left; cursor: pointer; border-left:1px solid #eee; text-align: center; box-sizing: border-box; }
.lab_wrap .lnb { float: left; line-height: 3.75em; border-left:1px solid #eee; }
.lab_wrap .lnb > li { position: relative; float: left; width: 240px; text-indent: 20px; border-right:1px solid #eee; box-sizing: border-box; }
.lab_wrap .lnb > li:before { content:'\e942'; font-family: 'xeicon'; position: absolute; top: 50%; transform: translateY(-50%); right: 10%; color: #c9c9c9; cursor: pointer; }
.lab_wrap .lnb > li a { display: block; width: 100%; font-family: 'Montserrat'; }
.lab_wrap .lnb > li > ul { display: none; position: absolute; width: 100%; left: -1px; top: 3.75em; z-index: 1; background-color: #fff; border:1px solid #eee; }
.lab_wrap .lnb > li > ul > li:not(:last-child) { border-bottom:1px solid #eee; }
.lab_wrap .lnb > li > ul > li:hover { color: #95569e; }
.lnb > li.select > a { color: #95569e; }
.lnb > li.select:before { content:'\e945'; }

/* sub 공통 */
.sub_cont_Wrap { padding: 5em 0 10em; }
.img { margin-bottom: 4.7em; }
.content .box { float: left; width: 31%; border-top:3px solid #95569e; }
.content .box:not(:last-child) { margin-right: 3%; }
.content .sub_tit { color: #95569e; font-size: 1em; font-weight: bold; padding: 1.5em 0; }
.content .tit { color: #333; font-size: 1.37em; line-height: 1.6em; font-weight: bold; margin-bottom: 1.2em; }
.content .txt { color: #666; font-size: 1em; line-height: 1.62em; font-weight: 300; }
.content .txt span { font-weight: bold; }
.sub_cont_Wrap .img { position: relative; background-size: cover; }
.sub_cont_Wrap .img .img_cont { position: absolute; left: 5%; top: 50%; transform:translateY(-50%); }
.sub_cont_Wrap .img .img_cont > h2 { color: #fff; font-size: 2em; font-weight: bold; margin-bottom: 1em; }
.sub_cont_Wrap .img .img_cont > span { font-size: 0.87em; line-height: 1.5em; color: rgba(255,255,255,0.5); font-family: 'Montserrat'; font-weight: 300; }
.img_cont > p { font-size: 1.12em; line-height: 1.6em; color: #fff; margin-bottom: 0.8em; word-break: keep-all; }
.img_cont > p > span { font-weight: bold; }
.sub_cont_Wrap .logo { width: 140px; height: 60px; background: url("../img/logo/logo.png")no-repeat; position: absolute; left: 2.5em; top: 2em; background-size: cover; }

/* sub0101 */
.sub0101_wrap .img { height: 300px; background: url("../img/sub0101_img.jpg")no-repeat center; background-size: cover; }
.sub0101_wrap .img_cont > p { font-size: 2em; line-height: 1.75em; color: #fff; }
.sub0101_wrap .img .img_cont { right: 10%; left: auto; }
.sub0101_wrap .txt br { display: none; }

/* sub0201 */
.sub0201_wrap .img { height: 300px; background: url("../img/sub0201_img.jpg")no-repeat right; }

/* sub0202 */
.sub0202_wrap .img { height: 300px; background: url("../img/sub0202_img.jpg")no-repeat center; }
.sub0202_wrap .img img { display: none; }
.sub0202_wrap .img_cont > .mob { display: none; }

/* sub0203 */
.sub0203_wrap .img { height: 300px; background: url("../img/sub0203_img.jpg")no-repeat right; }
.sub0203_wrap .img_cont > .mob { display: none; }

/* sub0202 , sub0204 */
.sub0204_wrap .img { height: 300px; background: url("../img/sub0204_img.jpg")no-repeat right; }
.sub0202_wrap .img .img_cont, .sub0204_wrap .img .img_cont { left: 5%; top:20%; transform:none; }

/* sub05 : CONTACT */
.contact { height: 375px; overflow: hidden; color: #fff; }
.contact .left { float: left; width: 45%; height: 100%; background-color: #95569e; padding: 3em; }
.contact .left .top { border-bottom: 1px solid #fff; }
.contact .left .top > h2 { font-size: 2em; font-weight: bold; margin-bottom: 1em; font-family: 'Montserrat'; }
.contact .left .top > p { font-size: 1em; font-weight: bold; margin-bottom: 1em; line-height: 1.5em; }
.contact .left .top > span { display: block; font-size: 0.9em; line-height: 1.5em; font-weight: 300; margin-bottom: 2em; font-family: 'Montserrat'; }
.contact .left .bottom { padding-top: 2em; font-size: 1.1em; }
.contact .left .bottom .bold { width: 30%; float: left; font-weight: bold; font-family: 'Montserrat'; }
.contact .left .bottom .number { width: 70%; float: left; font-weight: 300; font-family: 'Montserrat'; }
.contact .left .bottom > div { margin-bottom: 0.7em; }
.contact .right { float: left; width: 55%; background-color: #f7f7f7; padding: 3.5% 3% 3em 3.5%; }

@media screen and (max-width:1300px){
  .sub0202_wrap .content .txt br { display: none; }
}

@media screen and (max-width:1080px){
  .content .box { width: 100%; padding-left: 1em; }
  .content .box:not(:last-child) { margin-right: 0; margin-bottom: 4em; }

  /* sub0101 */
  .sub0101_wrap .txt br { display: block; }
  
  /* sub0202 */
  .sub0202_wrap .content .txt br { display: block; }

  /* sub05 : CONTACT */
  .contact { height: auto; }
  .contact .left { float:none; width: 85%; margin: 0 auto; text-align: center; margin-bottom: 3em; }
  .contact .left .bottom .bold { text-align: center; }
  .contact .right { width: 85%; margin: 0 auto; float:none; }
}

@media screen and (max-width:767px){
  /* sub 공통 */
  .lab_wrap .guide02 { width: 100%; }
  .lab_wrap .home { width: calc(10% - 1px); padding: 0; line-height: 3em; }
  .lab_wrap .lnb { width: calc(90% - 1px); }
  .lab_wrap .lnb > li { width: 50%; }
  .lab_wrap .lnb li > ul > li { width: 100%; }
  .lab_wrap .lnb li > ul > li > a { display: block; }
  .sub_cont_Wrap { padding:2em 0 6em; }
  .sub_cont_Wrap .logo { background-size: 120px; }
  .sub_cont_Wrap .img .img_cont > h2 { font-size: 1.8em; }
  .img_cont > p { line-height: 1.8em; font-size: 1.1em; }
  .sub_cont_Wrap .img .img_cont > span { display: block; width: 70%; line-height: 1.8em; font-size: 0.7em; }
  .sub_cont_Wrap .img .img_cont > span br { display: none; }
  .content .box { padding: 0 0.5em; }
  .sub0201_wrap .img .img_cont, .sub0202_wrap .img .img_cont, .sub0203_wrap .img .img_cont, .sub0204_wrap .img .img_cont { position: relative; width: 85%; margin: 0 auto; top:10%; left: 0; transform:none; }

  /* sub0101 */
  .sub0101_wrap .img { height: 400px; background: url("../img/m_sub0101_img.jpg")no-repeat center; background-size: cover; }
  .sub0101_wrap .img .img_cont { width: 85%; left: 8%; right: auto; top:55%; }
  .sub0101_wrap .img_cont > p { line-height: 1.5em; }
  /* sub0201 , sub0202 */
  .sub0201_wrap .img { height: 500px; background: url("../img/m_sub0201_img.jpg")no-repeat center; background-size: cover; }
  .sub0201_wrap .img .img_cont > span { width: 100%; }
  .sub0202_wrap .img .img_cont > p { width: 70%; }
  .sub_cont_Wrap .img .sb2_img_cont { width: 85%; top: 10%; left: 50%; transform:translateX(-50%);}
  .sub0202_wrap .img { height: 500px; background: url("../img/m_sub0202_img.jpg")no-repeat center; background-size: cover; }
  .sub0202_wrap .img_cont > .mob { display: block; }
  .sub0202_wrap .img_cont > .pc { display: none; }
  /* sub0203 */
  .sub0203_wrap .img { height: 400px; background: url("../img/m_sub0203_img.jpg")no-repeat center; background-size: cover; }
  .sub0203_wrap .img .img_cont .pc { display: none; }
  .sub0203_wrap .img .img_cont .mob { display: block; }  
  /* sub0204 */
  .sub0204_wrap .img { height: 400px; background: url("../img/m_sub0204_img.jpg")no-repeat center; background-size: cover; }
  /* sub05 : CONTACT */
  .contact .left { width: 95%; padding: 4em; }
  .contact .right { width: 95%; }
}
@media screen and (max-width:600px){
  .sub0201_wrap .img_cont > p br { display: none; }
}
@media screen and (max-width:500px){
  .sub_visual .visual_txt p { font-size: 2.5em; }
  .lab_wrap .lnb > li:before { right: 5%; }
  .content .txt br { display: none; }
  .contact .left { padding: 2em; text-align: left; }
  .contact .left .bottom .bold { text-align: left; }
  .contact .left .bottom .number { text-align: left; }
  .sub0101_wrap .img_cont > p { font-size: 1.8em; }
  .sub0201_wrap .img, .sub0202_wrap .img, .sub0203_wrap .img, .sub0204_wrap .img { height: 350px; }
  .sub0202_wrap .img .img_cont > p { width: 100%; }
}
@media screen and (max-width:400px){
  .sub_cont_Wrap .img .img_cont > h2 { font-size: 1.6em; }
  .img_cont > p { font-size: 0.95em; }
}
@media screen and (max-width:380px){
  .lab_wrap .lnb > li:first-child { width: 45%; }
  .lab_wrap .lnb > li:last-child { width: 55%; }
}
@media screen and (max-width:340px){
  .lab_wrap .lnb > li a { font-size: 0.85em; }
}