#wrapper {width: 640px;margin: auto;overflow: hidden;position:relative;}
.wrapper_inner {width:600px;overflow: hidden;margin:auto}

#top_gnb {clear:both;overflow:hidden;margin:20px 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:15px}
#top_gnb .right_top .st1 {color:#165cab;font-size:30px;font-weight:600;margin-right:15px;}
/*사이드*/
.aside .top_logo {
	padding:30px 20px 30px;
	overflow:hidden;
	clear:both;
    position:absolute;right:0;top:0;
	box-sizing:border-box;
}
.aside .left_login {
    padding:45px 30px 30px;
    overflow:hidden;
    clear:both;
    position:absolute;left:0;top:0;
    box-sizing:border-box;
}
.aside {
  width: 480px;
overflow:hidden;
  position: absolute;
  top: 0;
  right: -1000px;
  padding:130px 30px 30px 30px;
	background-color:#165cab;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  z-index: 2000;
  width: 0px;
  min-width: 0px;

  transition: 0.35s width ease, 0.35s min-width ease;
}

.aside.in {
 right:0;
  min-width:560px;
}

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

.right_menu>div {margin-bottom:30px;padding-left:30px;width:50%;float:left;}
.aside {padding-left:0;}
.right_menu p {background:url('/m/image/main/bg1.png') repeat-x;font-size:24px;padding:12px 0 16px;}
.right_menu li a {font-size:21px;display:block;color:#fff;font-weight:300;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.3);}

.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}

.mt120 {margin-top:120px}



.q_banner2 {z-index:99; position: absolute;left:10px; bottom:98px;   } /*배너*/






#main_visual2 {position: relative;}

/*메인비주얼*/
#main_visual {height:600px;position: relative;}
.main_slider .slick-dots { 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 {margin-top:-40px;position: relative;z-index: 9}
.main_con2 {background-color:#dae8f5;padding:5px 0;box-shadow:1px 1px 10px 1px rgba(0,0,0,0.2)}
.main_con2 ul {border-top:3px solid #fff;border-bottom:3px solid #fff;padding:15px 0;}
.main_con2 ul li a {color:#000;border-right:1px solid #fff;font-size:28px;display:block;}
.main_con2 ul li {float:left;width:25%;}

.main_con3 {padding:0 40px;margin-top:100px;}
.main_con3 li a {font-weight:300;font-size:26px;color:#000;}
.main_con3 li a span {vertical-align:top; padding-right:5px;display:inline-block;}
.main_con3 li  {margin-bottom:10px}
.main_con3 li img {margin-left:5px}

.con3_txt {border-bottom:1px solid #ddd;font-size:35px;padding-bottom:10px;margin-bottom:20px;}
.con3_txt2 {font-size:35px;margin:0 40px;padding-top:80px;padding-bottom:10px;margin-bottom:20px;}

.con4_bx1 {box-shadow:1px 1px 10px 1px rgba(0,0,0,.2);padding:5px;background-color:#faf1e8;}
.con4_bx1>p {font-size:30px;padding:10px 40px;}
.con4_bx1>div {font-size:28px;padding:15px 40px 15px 60px;background-color:#fff;}
.con4_bx1 .st1 span{font-size:28px;padding:5px 20px;background-color:#faf1e8}
.con4_bx1>div a {color:#000}

.con4_bx2 {box-shadow:1px 1px 10px 1px rgba(0,0,0,.2);padding:5px;background-color:#e5bfbc;}
.con4_bx2>p {font-size:30px;padding:10px 40px;}
.con4_bx2>div {font-size:28px;padding:15px 40px 15px 60px;background-color:#fff;}
.con4_bx2 .st1 span{font-size:28px;padding:5px 20px;background-color:#e5bfbc}
button{color:#000;}

.con4_bx3 {box-shadow:1px 1px 10px 1px rgba(0,0,0,.2);padding:5px;background-color:#eaeaea;}
.con4_bx3>p {font-size:30px;padding:10px 40px;}
.con4_bx3>div {font-size:28px;padding:15px 40px 15px 60px;background-color:#fff;}
.con4_bx3 .st1 span{font-size:28px;padding:5px 20px;background-color:#eaeaea}
.main_con5>div{padding:50px 50px 10px;background-color:#165cab;}

.banner_mo {position: relative;cursor:pointer}
.banner_mo:before {content:"";width:54px;height:54px;background:url('/m/image/main/play.png') ;position: absolute;left:50%;top:50%;margin-left:-27px;margin-top:-27px;}
.banner_mo p {font-size:28px;margin-top:20px}
.banner_mo a {color:#000}


.main_con5 {margin-top:120px;}
.main_con5 li a {width:100%;height:100%;display:block;position: relative;}
.main_con5 li a p {font-size:28px;color:rgba(255,255,255,.7);font-weight:500;left:20px;top:10px;right:20px;position: absolute;z-index: 99}
.main_con5 li a p span {float:right;}
.main_con5 li a .st1 {position: relative;}
.main_con5 li a .st1 div {display:none;width:100%;top:0;left:0;position: absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.main_con5 li a .st1 div>span{  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;vertical-align: middle}
.main_con5 li a .st1 div>span img {display:inline}
.main_con5 li a:hover div {display:block;height:100%;bottom:0;}
.main_con5 li a:hover .st1 {box-shadow:1px 1px 10px 1px rgba(0,0,0,0.4)}
.main_con5 li a span.st2 {font-weight:300;margin-top:20px;display:block;font-size:28px;color:#fff;}

.main_con5 li  {margin-bottom:70px;}
.main_con5 {position:relative;box-sizing:border-box}

.bottom_bar {z-index:99; bottom:0;width:100% !important;left:0;right:0;position:fixed; color:#fff;padding:30px 0 !important;background-color:#e36d10}
.bottom_bar  a {font-size:30px;color:#fff;}
.bottom_bar  a  span {font-weight:normal}
.bottom_bar  a img {display:inline-block;margin-right:15px;vertical-align: middle}

.bottom_bar.position {position: absolute !important;top:0;bottom:inherit;left:0;width:100%;}





/*footer*/
 .foot_wrap {position: relative;padding-top:100px;}
.foot_wrap>div{padding:0 15px;margin:auto}
.foot_wrap .top {font-size:28px;padding:30px 0;border-bottom:1px solid #ddd;}
.foot_wrap .top a {color:#000;font-size:28px;}
.foot_wrap .top li {display:inline-block;line-height:47px;}
.foot_wrap .top li span {padding:0 15px;display:inline-block;}
.foot_wrap .bottom {color:#454545;font-size:22px;padding:40px 35px 100px;}
.foot_wrap .bottom>div {position:relative; padding-right:35px;margin-right:25px;float:left;}
.foot_wrap .bottom .st1 {margin-bottom:20px;color:#165cab;font-size:15px;font-weight:600;}
.foot_wrap .bottom>div:before {content:"";width:1px;background-color:#ddd;height:140px;position: absolute;right:0;top:5px;}
.foot_wrap .bottom>div:last-child{padding-right:0;margin-right:0;}
.foot_wrap .bottom>div:last-child:before {display:none}
.foot_wrap .st2 {margin-top:25px;color:#454545;font-size:15px}
.foot_wrap .st3 {font-size:20px;font-weight:500;}
.foot_wrap .st4 {line-height:26px;font-size:16px;;}
.foot_wrap .st5 {font-size:17px;font-weight:500;}
.foot_wrap .st6 {font-size:17px;margin-top:10px;;}




.fixed_right {position: fixed;right:0;bottom:120px;z-index: 99}
.fixed_right li {margin-bottom:5px;}
.fixed_right > span.f_of{display:table;width:100px;height:100px;text-align:center;font-size:18px;color:#fff;font-weight:400;background:#165cab;border-radius:100px;}
.fixed_right > span.f_of > span{display:table-cell;vertical-align:middle;}
.fixed_right li{display:table;width:100px;height:100px;text-align:center;border:2px solid #165cab;border-radius:100px;}
.fixed_right li > a{display:table-cell;vertical-align:middle;color:#165cab;font-size:18px;font-weight:400;}