@charset "utf-8";

/*해더*/
#header{
    background:#ffffff;
    position:relative;
    position:absolute;
    z-index:7;
    width:100%;
    height:135px;
    _border-bottom:1px solid #666666;
	font-weight: 300;
}
#header h1{
    font-size:18px;
    font-weight:bold;
    padding-top:23px;
    float:left;
    z-index:99;
	margin-right: 150px;
    
}
#header h1 img{}
#header h1 a{color:#eeeeee;}
#header .nav_wrap p{display:inline-block;padding-top:48px;}
#header h1>a {
    width:160px;
    height:48px;
    display: block;
    background: url(../images/logo.png)no-repeat center;background-size:100%;}

#header .menu_warp{
    font-size:17px;
    color:#eeeeee;
    _padding-left: 415px;
    _line-height:95px;
    float:left;
}

#header .menu_warp>li{
    float:left;
    padding:0 12px;
    font-weight:bold;
    color:#fff;
    position:relative;
}

#header .gnb{z-index:0;}

#header .gnb_btn{padding-top:42px;display: inline-block;padding-left:27px;cursor:pointer;}



#header .menu_warp li a{
    color: #373737;
    _line-height:162px;
}


#header .menu_warp ul{
    position: absolute;
    margin:0;
    padding:0;
    top:96px;
    left:0;
    z-index:999;
}

.kor_eng_wrap{padding-left:60px;display:inline-block;}
.kor_eng_wrap li{float:left;font-size:17px;
    font-weight:bold;
    color:#eeeeee;
    line-height:95px;
    font-size:14px;
}

.kor_eng_wrap li:after{
    content: "";
    display: inline-block;
    width: 1px;
    height: 11px;
    background: #b5b5b5;
    margin: 0 10px;
}
.kor_eng_wrap li:last-child::after{display:none;}
.kor_eng_wrap li:last-child a{_color:#2A57B5;}


.ko_en{display:inline-block;padding-left: 40px;}
.ko_en li{float:left;margin:0 10px;line-height: 70px;font-weight:400;}
.ko_en li::after{    content: "";
    display: inline-block;
    width: 1px;
    height: 11px;
    background: #b5b5b5;
    margin-left:20px;

}
.ko_en li:nth-child(2)::after{display:none;}
.ko_en li:nth-child(3)::after{display:none;}
.ko_en li:nth-child(3){}
.ko_en li a{color:#373737;text-align:center;}
.ko_en li.on a{_color:#f8424a;}


.gnb_wrap2{position:relative;}
.service_btn{position:absolute;top:10px;right:0;background:#ffffff;border-radius:50px;padding:10px;line-height: 16px !important;box-shadow:1px 3px 14px -2px rgb(0 0 0 / 30%);}
.service_btn a{display:block;width:100%;height:100%;}
.service_btn p{padding-left:46px;background:url(../images/service_icon.png)no-repeat 10px center;color:#666666;font-size:14px;text-align: center;padding-right: 10px;}


#header .gnb .gnb-bg{
    display: none;
    position: absolute;
    top: 51px;
    _background:#ffffff;
    background-color: rgba(245, 245, 245, 0.9);
    width: 100%;
    height: 310px;
}

.menu_warp>li::after{
    content:"";
    display:block;
    width:100%;
    height:3px;
    background:#3052B6;
    position:absolute;
    left:0;
    top: 87px;
    transform:scale(0,1);
    transition:transform 0.5s;
}
.menu_warp>li:hover::after{
    transform:scale(1);
    
}

#header.fix{z-index: 2222;}
#header .gnb_wrap{transition: all 0.3s;z-index: 7;}
#header.fix .gnp_wrapper{}
#header.fix .gnb_wrap{transition: all 0.3s; width:1760px;margin:0 auto;position: fixed;width: 100% !important;background-color: #fff;top: 0;left: 0;}
#header.fix h1{_z-index:99999;text-align: center;margin-right:150px;}
#header .gnb_wrap .home{position:absolute;top:0;left:50%;margin-left:-600px;z-index:10;background-color:#5580ce;opacity:0;transition:opacity 0.2s;}
#header .gnb_wrap .gnb{position:relative;}
#header .gnb_wrap .gnb>ul{}
#header .gnb_wrap .gnb .menu{position: relative;float: left; font-size: 17px;text-align: center;line-height: 90px;margin-right:50px;}
#header .gnb_wrap .gnb .menu>a{color: #F3F3F3;display: block;height: 73px;}
#header .gnb_wrap .gnb .menu>a:hover{_color:#3052B6;}
#header .gnb_wrap .gnb .depth2:hover{color:#3052B6;}
#header .gnb_wrap .gnb-bg{display: none;position: absolute;left:0;top: 89px; background-color:#000000; width: 100%;height:230px;z-index:-1;}
#header .gnb_wrap .gnb-bg img{_width:80%;_height:100%;}
#header .gnb_wrap .depth2{width:100%;height:200px;display:none;font-size:16px;font-weight:normal;line-height:35px;}
#header .gnb_wrap .depth2 li a{color:#c1c1c1;font-size:15px; letter-spacing:-0.5px;padding:0 5px;transition:0.1s;}
#header .gnb_wrap .depth2 li:hover a{color:#ffffff;_background:url(../images/gnb_bg.png)no-repeat center left;}
#header .gnb_wrap .depth2 li a:hover{color:#ffffff;border-bottom:1px solid #6d0013;transition:0.1s;}
#header .gnb_wrap .depth2:hover{background:;}
#header .gnb_wrap .gnb .menu:hover .depth2{_background:#fafafa;}






/*gnb2*/

#header .gnb{
    text-align:center;
    font-size:16px;
    font-weight:bold;
    line-height:135px;
    z-index: 0;

}
#header .gnb>li{
    float:left;
    _width:9%;
	margin:0 28px;
	_font-family:'Play', sans-serif !important;
	font-weight:normal;
	font-size:22px;
}

#header .gnb .menu14{_width:220px;}

#header .gnb .menu13{font-family:'Noto Sans KR', sans-serif !important;}

#header .gnb li a{
    color: #373737;
	z-index:1;

}
#header .gnb .gnb-bg{
    display: none;
    position: absolute;
    top: 51px;
    _background:#ffffff;
    background-color: rgba(0,0,0,.5);
    width: 100%;
    left: 0;
    height: auto;
}



#header .gnb_wrap{z-index: 1000;border-bottom:1px solid rgba(255, 255, 255, .3);transition: all 0.3s;}
#header.fix .gnb_wrap{position: fixed;width: 100% !important;background-color: #fff;top: 0;left: 0;transition: all 0.3s;border-bottom: 1px solid #dddddd;}
#header.fix h1{_z-index:99999;}
#header .gnb_wrap .home{position:absolute;top:0;left:50%;margin-left:-600px;z-index:10;background-color:#5580ce;opacity:0;transition:opacity 0.2s;}
#header .gnb_wrap .gnb{position:relative;_font-family: 'SCoreDream', sans-serif;}
#header .gnb_wrap .gnb>ul{}
#header .gnb_wrap .gnb .menu{width:170px;position: relative;float: left; font-size: 17px;text-align: center;line-height: 80px;}
#header .gnb_wrap .gnb .menu>a{color: #F3F3F3;display: block;z-index: 11;}
#header .gnb_wrap .gnb .menu>a:hover{color:#3052B6;border-bottom:1px solid #3052B6}
#header .gnb_wrap .gnb .menu:hover .menu>a{color:#3052B6;border-bottom:1px solid #3052B6}
#header .gnb_wrap .gnb .depth2:hover{color:#3052B6;border-top:1px solid #3052B6}
#header .gnb_wrap .gnb .depth3:hover .depth2{background:#888888;}
#header .gnb_wrap .gnb-bg{display: none;position: absolute; background-color:#ffffff; width: 100%;height:410px;z-index:-1;left: 0;
background:url(../images/h_logo.png)no-repeat #ffffff right 110px;border-bottom:1px solid #e2e2e2;}
#header .gnb_wrap .gnb-bg img{_width:80%;_height:100%;}
#header .menu_warp .s_bg{display: none;
    position: absolute;
    width: 1920px;
    height:500px;
    left:50%;
    transform:translateX(-50%,-50%);
    background:#ffffff;
    opacity: 0;
    transition: opacity 1s;}
#header .menu_warp .menu:hover .s_bg{display: block;opacity: 1; transition: opacity 1s;}
#header .menu_warp .menu .s_bg li a{display: block;line-height: 60px;padding: 0 20px; color: #555;font-size: 18px;}
#header .menu_warp .menu .s_bg li:hover a{color: #006ab6;}
#header .gnb_wrap .depth2{width:170px;display:none;font-size:16px;font-weight:normal;line-height:35px;}
#header .gnb_wrap .depth2 li a{font-size:15px; letter-spacing:-0.5px;padding:0 5px;border-radius:5px;transition:0.1s;}
#header .gnb_wrap .depth2 li:hover a{_background:url(../images/gnb_bg.png)no-repeat center left;}
#header .gnb_wrap .depth2 li:hover{color:#2656B6;background:#ffffff;transition:0.1s;}
#header .gnb_wrap .depth2 li a:hover{color:#2656B6;}
#header .gnb_wrap .depth2 .title_img{position:absolute;left:-230px;top:10px;color:#373737;text-align:left;}
#header .gnb_wrap .depth2 .title_img p{padding-bottom:10px;}
#header .gnb_wrap .depth2 .title_img h4{font-size:20px;font-weight:400;}
#header .gnb_wrap .depth2 .title_img p{font-size:14px;}
.kor_eng_wrap li.on a{color:#2656B6;}
#header .gnb_wrap .depth3 li:hover a{color:#2656B6;background:#f1f1f1;border-radius: 0; transition:0.1s;}



#header.sc{border-bottom: 1px solid #e2e2e2;box-shadow: rgb(0 0 0 / 15%) 2px 0px 5px;}
#header.ms{border-bottom: 1px solid #e2e2e2;}
#header.sc .gnb_wrap{border-bottom: 1px solid #e2e2e2;box-shadow: rgb(0 0 0 / 15%) 2px 0px 5px;}
#header.ms .gnb_wrap{border-bottom: 1px solid #e2e2e2;}
#header.sc .gnb .menu .m{position: relative;color: #222;}
#header.ms .gnb .menu .m{position: relative;color: #222;}
#header.ms h1 a{background-image: url(../images/logo2.png);}
#header.sc h1 a{background-image: url(../images/logo2.png);}




.menu_warp { margin: 0; padding: 0; }
.menu_warp li {
  float: left;
  list-style:none;
}
.menu_warp li:hover {}
.menu_warp li:hover>a { color: hotpink; }
.menu_warp a {
  color: white;
  display: block;
  text-decoration: none;
}
.menu_warp ul {
  background: #F4F4F4;
  border: 1px solid #EAEAEA;
  display: none;
  padding: 0;
  position: absolute;
  top: 80px;
  left: 0;
}
.menu_warp ul li { float: none; border-bottom:1px solid #EAEAEA;}
.menu_warp ul li:last-child{border-bottom:0;}
.menu_warp ul li:hover{}
.menu_warp ul li:hover a { color: black; }
.menu_warp ul a { color: black; }
.menu_warp ul ul{
    left: 169px;
    padding:5px;
    padding-top:0;
    padding-bottom:0;
    top:0;
    background: #ffffff;
    

}
.menu_warp ul ul li{width:180px;border-bottom: 1px solid #EAEAEA;}


.menu_warp .w_bg{position: relative;
    width: 1280px;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
    opacity: 0;
    z-index: 1;
    transition: all 0.4s ease-out;
    padding: 40px 0;
    box-sizing: border-box;}

#menu ul > li:hover .twoDep_in{}

.menu .arrow1{position:relative;}
.menu .arrow1::after {
    content: '';
    width: 6px; /* 사이즈 */
    height: 6px; /* 사이즈 */
    border-top: 1px solid #121212; /* 선 두께 */
    border-right: 1px solid #121212; /* 선 두께 */
    display: inline-block;
    transform: rotate(45deg); /* 각도 */
    position: absolute;
    top: 15px; /* 기본 0px 값으로 해주세요 */
    right: 5px; /* 기본 0px 값으로 해주세요 */
}
.menu .arrow2{position:relative;}
.menu .arrow2::after {
    content: '';
    width: 6px; /* 사이즈 */
    height: 6px; /* 사이즈 */
    border-top: 1px solid #121212; /* 선 두께 */
    border-right: 1px solid #121212; /* 선 두께 */
    display: inline-block;
    transform: rotate(45deg); /* 각도 */
    position: absolute;
    top: 15px; /* 기본 0px 값으로 해주세요 */
    right: 5px; /* 기본 0px 값으로 해주세요 */
}
.menu .arrow3{position:relative;}
.menu .arrow3::after {
    content: '';
    width: 6px; /* 사이즈 */
    height: 6px; /* 사이즈 */
    border-top: 1px solid #121212; /* 선 두께 */
    border-right: 1px solid #121212; /* 선 두께 */
    display: inline-block;
    transform: rotate(45deg); /* 각도 */
    position: absolute;
    top: 15px; /* 기본 0px 값으로 해주세요 */
    right: 5px; /* 기본 0px 값으로 해주세요 */
}


#menuToggle
{z-index: 9999999;
  display: block;
  position: absolute;
  top: 20px;
  right: -40px;
  float:right;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: #717171;
  
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: #FB9098;
}


#menuToggle .line3
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  background: none;
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 999; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 24px;
  height: 2px;
  margin-bottom: 4px;
  position: relative;
  
  background: #666666;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

#header.sc #menuToggle span{background:#5b5b5b;}


/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #5b5b5b;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{height: 1000px;
    top: 0px;
    right: -192px;
  position: absolute;
  width: 460px;
  margin: -100px 0 0 -50px;
  _padding: 50px;
  padding-top: 215px;
  _padding-left:64px;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    background:#0894C9;
    font-weight:300;
}

#menu>li
{
  font-size: 22px;

}

#menu>li:hover{background:url(../images/nav_on.png)no-repeat left;
}



/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}

#menuToggle .menu_in li{padding:0px;margin-bottom:10px; }
#menuToggle .menu_in li a{display: block;padding-left: 16px;font-size: 16px;opacity: 0.8}
.mo_logo{width:30px;height:30px; background:url(../images/logo_mo2.png)no-repeat !important;background-size:cover !important;}
.mo-gnb{position: absolute; width: 100%;top: 70px;border-top: 1px solid rgba(255, 255, 255, 0.1);}
#menu .d1{}
#menu .d1 .m{display: block;padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1);font-size: 18px;padding-left:35px;background:#ffffff;border-bottom:1px solid #e6e6e6;}
#menu .d1 .m2{display: block;padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1);font-size: 18px;padding-left:35px;background:#ffffff;border-bottom:1px solid #e6e6e6;}
#menu .d1{}
#menu .d1 .m.active{/*background-color: #059b04;color:#fff; border-bottom: 1px solid #059b04;배경초록색*/color: #373737;}
#menu .d1 .sub{display:none;background-color: #eee;}
#menu .d1 .sub li{border-bottom:1px solid #ddd;}
#menu .d1 .sub li:last-child{border-bottom:0;}
#menu .d1 .sub li a{display: block;font-size: 16px;color: #555;padding: 10px 0;/*font-family: 'GmarketSansMedium';*/font-weight:500;padding-left:35px;}
#menu .d1 .m{transition:all 0.2s;}
#menu .d1 .m i{transition:all 0.2s;float:right;}
#menu .d1 .m i.rightico{transform:rotate(180deg);transition:all 0.2s;}

.box_m{padding-top: 90px;background:#0081BE;padding-bottom: 14px;}
#menuToggle .box_m a{color:#ffffff !important;}
#menuToggle .box_m li{float:left;}




@import url(http://fonts.googleapis.com/css?family=Raleway:400,200);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu {
  width: 288px;
  font-family: Raleway, sans-serif;
  color: #ffffff;
}
#cssmenu ul ul {
  display: none;
}
#cssmenu > ul > li.active > ul {
  display: block;
}
.align-right {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 16px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  text-decoration: none;
  color: #ffffff;
  background: #0894C9;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  border-bottom:1px solid rgba(255,255,255,0.2)	;
}
#cssmenu > ul > li > a:hover {
  color: #d8f3f0;
}
#cssmenu ul > li.has-sub > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub.open > a:after,
#cssmenu ul > li.has-sub.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cssmenu ul ul li a {
  padding: 14px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  text-decoration: none;
  color: #dddddd;
  background: #49505a;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul ul li a {
  padding-left: 32px;
}
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul > li.has-sub > a:after {
  top: 16px;
  right: 26px;
  background: #dddddd;
}
#cssmenu ul ul > li.has-sub > a:before {
  top: 20px;
  background: #dddddd;
}



.tel_btn{text-align: center;float:right;width:320px;height:65px;margin-top:34px;}
.tel_btn a{display:block;background:url(../images/gra.png)no-repeat;padding:10px 20px;border-radius:50px;color:#ffffff;font-size:30px;font-weight:bold;}
.tel_btn a img{width:36px;height:36px;margin-right:10px;}



/*푸터*/
#footer{background:#232323;color:#d1d1d1;padding:100px 0;margin-bottom:0;position:relative;font-size:14px;margin-top: 60px;}
#footer a{color:#d1d1d1;}
#footer .f_logo_img{float:left;display: inline-block;margin-right:190px;}
#footer .f_info{padding-bottom:20px;border-bottom:1px solid #535353;}
#footer p{padding:7px 0;}
#footer .sub13_info{font-size:22px;}
#footer .sub13_info{font-size:22px;}
#footer .sub13_info .f_line{float:left;}
#footer .sub13_info .f_line::after{content: "";
    display: inline-block;
    width: 1px;
    height: 18px;
    background: #b5b5b5;
    margin: 0 14px;}
#footer .f_g1 .btn{padding:0;}
#footer .f_g1 .btn2::after{
    content: "";
    display: inline-block;
    width: 1px;
    height: 18px;
    background: #b5b5b5;
    margin: 0 14px;
}

#footer .sub13_info span{font-weight: bold;color:#898585;}
#footer .f_g1>li{cursor: pointer;line-height: inherit;height: auto;text-align: left;font-size:22px;font-weight: normal;float:left;padding-left:0;}
#footer img{width:100%;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 3333; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 8% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 50%; /* Could be more or less, depending on screen size */
}
/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
#footer .sub13_info .f_g2 li{cursor: auto;}



#footer .modal-content{padding:0;padding-top:12%;}
#footer .close{top:20px;right:20px;}




/*이너 1320px 버전*/
#header h1{margin-right:30px;}
#header.fix h1{margin-right:30px;}
#header .gnb>li{margin:0 25px;}
#header.fix .gnb>li{margin:0 25px;}
.tel_btn{width:220px;margin-top: 38px;}
.tel_btn a{font-size:26px;padding: 10px 20px;}
.tel_btn a img{width:28px;height: 28px;}



#header nav{display:none;}
.gnb-bg, #open-menu, .open-menu, #side-menu{_display:none;}
.mo_logo{display:none;}
#header h1>a{background: none;width:auto;height:auto;}
.swiper.mySwiper10{display:none;}



@media screen and (min-width: 769px) and (max-width: 1200px){
    #header h1{margin-right:20px;padding-top:35px;}
    #header h1 img {width:250px;height: auto;}
    #header .gnb>li{font-size:20px;margin:0 15px;}
    .tel_btn{width:200px;height:20px;}
    .tel_btn a{font-size:20px;padding:10px 20px;background-size:cover;}
    .tel_btn a img{width:25px;height: 25px;}
    #header.fix h1{margin-right:20px;}
    #header.fix h1 img {width:250px;height: auto;}
    #header.fix .gnb>li{font-size:20px;margin:0 15px;}
    #footer .f_logo_img{float:none;}
    #footer .inner2{padding:0 20px;}
    
}



@media screen and (min-width: 769px) and (max-width: 1029px){    .tel_btn{display:none;}
    #header .gnb>li{margin:0 10px;}
    #header.fix .gnb>li{margin:0 10px;}
}
    

/* --- 768px --- */
@media screen and (max-width: 768px) {
    
    /*해더*/
    .inner3{width:auto;}
    #header{height: 60px;}
    #header h1{padding-top: 14px;}
    #header h1>a {
    width:160px;
    height:48px;
    display: block;
    background: url(../images/logo.png)no-repeat center;background-size:100%;}
	#header h1 a{width:140px;background-size:100%;height: 36px;margin-left: 20px;}
    .pc_logo img{display:none;}
    #header.fix .gnb_wrap{height: 60px;}
    #header nav{display:block;}
	#header .login{font-size:14px;right:43px;top:7px;width:123px;}
    #header .login li{float:none;margin-bottom:3px;font-size:14px;}
	#header .login li a{color:#D09A13;}
	#header .login li .fa-user-cog{margin-right:4px;}
	#header .gnb{display:none;}
	#header .gnb_wrap{border:none;}
    .swiper.mySwiper10{display:block;}
	#menuToggle{display:block;position: fixed;right: 20px;
    top: 20px;}
	#menu{padding-top:132px;}
	#menu #cssmenu>ul{border-top:1px solid rgba(255,255,255,0.2);}
    .mo-gnb{display:none;}
    .tel_btn{display:none;}
    #cssmenu .tel_btn{display:block;float:none;width: 220px;
    height: 65px;
    margin-bottom: 10px;
    margin-left: 20px;}
    #cssmenu .tel_btn a{padding: 10px 20px;
    border-radius: 50px;
    background-size:cover;
    color: #ffffff;
    font-size: 22px;}
    #cssmenu .tel_btn a img{width:25px;height: 25px;}
    
    
    /*푸터*/
    #footer{padding:30px 20px 20px 40px;height: auto;margin-top:0;}
    #footer a{font-size:15px;}
    #footer .fAd{font-size:14px;margin:30px 0;}
    #footer .fLogo{position:static;text-align:center;padding-top:30px;padding-right: 30px;}
    #footer .fLogo img{width:40%;}
    #footer .fInfo{padding-top:40px;}
    #footer .fInfo a{font-size:15px;}
    #footer .fInfo li{font-size:16px;margin-right:15px;}
    #footer .fInfo li:last-child{margin-right:0;}
    #footer p{padding:5px 0;font-size:16px;}
    #footer .f_logo_img{float:none;margin-right:0;width:80%;}
    #footer .f_g1>li{font-size:16px;}
    #footer .sub13_info .f_line{float:none;}
    #footer .sub13_info{font-size:16px;padding:30px 0;}
    #footer .sub13_info .f_line::after{display:none;}
	#footer .close{top:10px;right:10px;}
    #footer .f_g1 .btn2::after{height: 11px;}
    #footer .f_g1 li:last-child{padding:5px 0;}
    

}