
#wrapper {width: 640px;margin: auto;overflow: hidden;position:relative;}
.wrapper_inner {width:600px;overflow: hidden;margin:auto}

#top_gnb {clear:both;overflow:hidden;padding:30px 0px;position: relative}
#top_gnb img {vertical-align: middle;}
/*.close_side {display:none;}*/
#top_gnb .left_top {position: absolute;left:0;top:10px}
#top_gnb .left_top img {margin-right:5px}
#top_gnb .right_top {position: absolute;right:0;top:25px}
#top_gnb .right_top .st1 {color:#165cab;font-size:30px;font-weight:600;margin-right:15px;}
/*사이드*/
.aside .top_logo {
	padding:30px 20px;
   ;margin:auto;
	overflow:hidden;
	clear:both;
border-bottom:1px solid #ddd;
	box-sizing:border-box;
}
.aside {

overflow:hidden;
  position: absolute;
  top: -10000x;
  right: 0px;
	background-color:#fff;
  z-index: 2000;
  width: 0px;width:100%;
height:0;
  transition: 0.35s width ease, 0.35s min-width ease;
}

.aside.in {
 right:0;
    top:0;
    height:100%;
 width:100%;
}

.aside-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  transition: 0.2s opacity ease;
  opacity:0.6;
  display:none;
  background-color:#000;
}

.aside-backdrop.in {
  display: block;
  opacity: 0.7;
}
#wrapper.in2 {height:2600px}
#wrapper {height:auto}
.right_menu>div {margin-bottom:30px}
.right_menu {padding:0 30px;margin-top:60px}
.right_menu p {margin-bottom:40px;text-align:left;border-bottom:1px solid #ddd;margin-top:40px;background:url('/m/image/main/bg1.png') 98% 25% no-repeat;font-size:30px;padding:12px 0 16px;}


.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}
.mt60 {margin-top:60px}
.mt70 {margin-top:70px}
.mt80 {margin-top:80px}

.right_bx>ul {margin-left:-30px;}

.right_bx>ul li {float:left;width:50%;padding-left:30px;}
.right_bx>ul li a {background:url('/m/image/main/arrow1.png') 100% 50% no-repeat; text-align:left;color:#000;padding-bottom:20px;margin-bottom:30px;font-size:20px;font-weight:300;display:block;border-bottom:1px solid #ddd;}




/*메인비주얼*/
#main_visual {height:1000px;width:100%;position: relative;}
.main_slider .slick-dots {display:none !important;height:500px; width:100%;text-align:center;position:absolute;margin:auto;left:0;max-width:1280px;bottom:4rem;;}
.main_slider .slick-dots:after {content:""; display:block; clear:both;}
.main_slider .slick-dots > li {display:inline-block;margin:0px 7px}
.main_slider .slick-dots > li button{border:1px solid #165cab;;vertical-align:middle;width:17px; height:17px; overflow:hidden; text-indent: -9999px; position:relative;background-color:rgba(255,255,255,0);border-radius:50%;}
.main_slider .slick-dots > li.slick-active button{background-color:#165cab;}



/*메인비주얼 끝*/


.main_con1 {position:relative;top:-120px;position: relative;z-index: 9}

.main_bg1 {padding:110px 20px;background:url('/m/image/main/main_bg1.png') 50% 50% no-repeat;background-size:cover;}


.section01_sear_box {
	width:100%;
	height:78px;
	background: url(../image/main/sec01_search_bg.png)no-repeat 0 0;
	position: relative;
}
.section01_sear_box .t1 {
	position: absolute;
	top:22px;font-size:18px;
	left:156px;
}
.section01_sear_box .t1 input {
	vertical-align: middle;
}
.section01_sear_box .t2 {
	position: absolute;
	top:24px;
	left:320px;
}
.section01_sear_box .t2 input {
	width: 210px;
    height:30px;
    font-size:18px;
    padding-left:10px;
	border:0 none;
	outline: none;
}
.section01_sear_box .t3 {
	position: absolute;
	top:20px;
	right:20px;
}
.main_bx2 {margin-left:-20px}
.main_bx2>li {width:50%;float:left;padding-left:20px;}
.main_bx3 {padding:70px 20px}

.tab_bx {padding:35px 30px 60px;background-color:#f7f7f7}
.tab button{cursor:pointer; border:0;background:none;color:#a4a4a4;font-size:23px;font-weight:600;}
.tab button.active{color:#000;}
.tab span {font-size:21px;;margin:0 3px;font-weight:100;color:#ddd;display:inline-block;padding:0 5px;}
.tabcontent {position: relative}
.tabcontent .more {position: absolute;right:0;top:-60px;}

.tab_li2 {margin-left:-50px;}
.tab_li2 li {width:50%;float:left;padding-left: 50px}
.tab_li2 li p {color:#000;font-size:20px;font-weight:500;}
.tab_li2 li div {color:#737373;font-size:17px;font-weight:300;margin-top:20px;}

.section02_s_box2 {
	padding:50px 30px 30px;
	background-color: #424242;
}
.section02_s_box2>div>p {font-size:23px;color:#fff;margin-bottom:30px;}
.section02_s_box2 .section02_s_box2_tittle {

}
.section02_s_box2 ul.section02_s_box2_list {
	
	
}
.section02_s_box2 ul.section02_s_box2_list li a {
	color:#dfdfdf;
    font-size:20px;
	letter-spacing: -1px;
}
.section02_s_box2 ul.section02_s_box2_list li {
	padding-bottom:13px;
	font-size:23px;
	
}
.section02_s_box2 ul.section02_s_box2_list li span {
	display: block;
    font-size:20px;
	color:#979797;
	padding-top:6px;
}

.main_bx4 {background-color:#f7f7f7;padding:70px 20px}
.main_li {margin-left:-15px}
.main_li>li {width:33.3333%;float:left;padding-left:15px;margin-bottom:15px;}

/*footer*/
 .foot_wp {padding:40px 20px;border-top:1px solid #ddd;}
 .foot_txt2 {;color:#565656;font-size:18px;;font-weight:300}
 .foot_txt1 a{display:inline-block;margin-right:10px;color:#565656;font-size:18px;font-weight:300;}
.familysite {
	margin-top: 0;
	position: relative;
	width: 100%;

	padding:20px 30px;
	font-size:18px;
	margin-top:50px;
	border: 1px solid #ddd;
	
}
.familysite > a {
	display: block;

	width: 100%;
	-webkit-box-sizing: border-ox;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #66666f;
	background: #fff url("/m/image/main/family_arr_down.png") no-repeat 98% center;
}
.familysite > a.open {
	background: #fff url("/m/image/main/family_arr_up.png") no-repeat 98% center;
}
.familysite ul {
	display: none;
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	border: 1px solid #eaeaea;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.familysite ul li {
	border-top: 1px solid #eaeaea
}
.familysite ul li:first-child {
	border-top: 0px;
}
 .familysite ul li a {
	background: #ffffff;
	display: block;
	line-height: 50px;
	color:#66666f;
		font-size:18px;
	padding-left: 30px;
	text-decoration: none;
}
.familysite ul li a:hover, .familysite ul li a:focus {
	background: #353947;
	color: #ffffff;
}

