@charset "utf-8";

@import url("/sites/guide/style/css/guide.css");
@import url("/sites/templet_17/style/css/layout.css");
@import url("main.css");
@import url("main_widjet.css");

/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다. **********/
/* 레이아웃은 같은 타입의 템플릿은 공통으로  적용되어 있습니다.**********/
/* 레이아웃 변경시에는 같은 템플릿은 같이 변경되오니 유의하여 주시고 변경하실 CSS는 각 템플릿의 샘플 템플릿의 layout.css를 수정하시면 됩니다.**********/
/* 개별적인 변경을 하실 경우에는 새로운 템플릿으로 추가해서 작업하시거나 style.css에서 !important처리로 작업하시기 바랍니다.**********/

.eQ01 #sub_visual {background: url(../../images/sub_visual_1.jpg) no-repeat center;}
.eQ02 #sub_visual {background: url(../../images/sub_visual_2.jpg) no-repeat center;}
.eQ03 #sub_visual {background: url(../../images/sub_visual_3.jpg) no-repeat center;}
.eQ04 #sub_visual {background: url(../../images/sub_visual_4.jpg) no-repeat center;}
.eQ05 #sub_visual {background: url(../../images/sub_visual_5.jpg) no-repeat center;}
.eQ06 #sub_visual {background: url(../../images/sub_visual_6.jpg) no-repeat center;}
.eQ07 #sub_visual {background: url(/sites/guide/images/sub_visual_100.jpg) no-repeat center;}

@media only screen and (min-width: 1025px){
  #mainNav .a_1 {
	word-break: keep-all;
  }
}

/* general info */
/*상징*/
.symbol_wrap_1{padding-top:200px;background:url(../../images/good_pic_7.jpg) center top no-repeat;margin-bottom:80px;overflow:hidden;}
.symbol_wrap_1 div.con_1{width:65%;background:#FFF;float:right;overflow:hidden;}
.symbol_wrap_1 div.con_1 dl{width:40%;padding:70px 5% 0 5%;float:left;}
.symbol_wrap_1 div.con_1 dl dt{font-weight:bold;}
.symbol_wrap_1 div.con_1 dl dt img{display:block;max-width:100%;margin-bottom:20px;}
.symbol_wrap_1 div.con_1 dl dd{padding-top:10px;font-size:16px;}
@media only screen and (max-width:730px){
  .symbol_wrap_1 div.con_1{width:90%;margin:0 auto;text-align:center;float:none;}
  .symbol_wrap_1 div.con_1 dl{width:90%;float:none;padding-top:30px;}
  .symbol_wrap_1 div.con_1 dl dt img{margin: 0 auto 20px auto;}
}
.symbol_wrap_2{margin-bottom:80px;}
.symbol_wrap_2 ul{overflow:hidden;}
.symbol_wrap_2 ul li{width:32.66%;float:left;position:relative;padding-bottom:50px;}
.symbol_wrap_2 ul li:nth-child(2){margin:0 1%;}
.symbol_wrap_2 ul li img{max-width:100%;}
.symbol_wrap_2 ul li span{display:block;box-sizing:border-box;width:100px;height:100px;padding-top:15px;background:#f4f4f4;text-align:center;font-weight:bold;border-radius:100%;position:absolute;left:calc(50% - 50px);bottom:0;}
.symbol_wrap_2 ul li span i{display:block;font-size:16px;font-weight:normal;}
.symbol_wrap_2 ul li span i:after{content:"";display:block;width:20px;height:1px;background:#000;margin: 5px auto;}
@media only screen and (max-width:480px){
  .symbol_wrap_2 ul li{width:100%;float:none;text-align:center;margin-bottom:20px;}
  .symbol_wrap_2 ul li:nth-child(2){margin:1% 0;margin-bottom:20px;}
}