@charset "utf-8";
@import url("/common/css/contents.css");


/* 건너뛰기 */
ul#skipToContent {position:absolute; z-index:10000; height:0;}
ul#skipToContent li {position:absolute; z-index:10000; top:0; left:0; width:100%;}
ul#skipToContent li a {display:block; position:absolute; z-index:10000; top:-10000px; left:0; color:#fff; font-size:0; text-align:center;}
ul#skipToContent li a:focus,ul#skipToContent li a:active {top:3px; width:150px; padding:5px 0; font-size:1em; background-color:#355da0}
.skipToContent a {display:block; width:1px; height:1px; margin-bottom:-1px; overflow:hidden; color:#000; font-size:12px; text-align:center; white-space:nowrap;}
.skipToContent a:focus,.skipToContent a:active {width:auto; height:auto; margin-bottom:10px; padding:5px;}




	

/*-----------------------------------------------------------------------------------------------------------
공통css
-----------------------------------------------------------------------------------------------------------*/
 

.star.pulse { animation: starlite 2s infinite;}
@-webkit-keyframes starlite {
    0% { background: powderblue;
        height: 4px;
        width: 4px;
        box-shadow: 0px 0px 10px white;
    }
    10% {background: #b0e5de;}
    20% {background: #b0e5cc;}
    30% {background: #cce5b0;}
    40% {background: #dae5b0;}
    50% {background: #e5ddb0;
    width: 6px;
    height: 6px;
    box-shadow: 0px 0px 10px #d3bd3d;
    }
    100% {width: 4px;
    height: 4px;
    background: powderblue;
    box-shadow: 0px 0px 10px white;
    }
}
@keyframes starlite {
    from { background: powderblue;
        height: 4px;
        width: 4px;
        box-shadow: 0px 0px 10px white;}
    10% {background: #b0e5de;    }
    20% {background: #b0e5cc;}
    30% {background: #cce5b0;}
    40% {background: #dae5b0;}
    50% {background: #e5ddb0;
    width: 6px;
    height: 6px;
    box-shadow: 0px 0px 10px #d3bd3d;
    }
    100% {width: 4px;
    height: 4px;
    background: powderblue;
    box-shadow: 0px 0px 10px white;
    }
}

.lite.pulse { animation: lite 2s infinite;}
@-webkit-keyframes lite {
    0% { background: #45c1eb;
        height: 4px;
        width: 4px;
        box-shadow: 0px 0px 10px white;
    }
    10% {background: #28a2df;}
    20% {background: #2a96cb;}
    30% {background: #1f69af;}
    40% {background: #2a96cb;}
    50% {background: #28a2df;
    width: 6px;
    height: 6px;
    box-shadow: 0px 0px 10px #0f5ca0;
    }
    100% {width: 4px;
    height: 4px;
    background: #45c1eb;
    box-shadow: 0px 0px 10px white;
    }
}
@keyframes lite {
    from { background: #45c1eb;
        height: 4px;
        width: 4px;
        box-shadow: 0px 0px 10px white;}
    10% {background: #28a2df;    }
    20% {background: #2a96cb;}
    30% {background: #1f69af;}
    40% {background: #2a96cb;}
    50% {background: #28a2df;
    width: 6px;
    height: 6px;
    box-shadow: 0px 0px 10px #0f5ca0;
    }
    100% {width: 4px;
    height: 4px; 
    background: #45c1eb;
    box-shadow: 0px 0px 10px white;
    }
}

.night {position: relative;width: 100%;height: 100%;-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);}
@-webkit-keyframes particleAnimation{
    from {-webkit-transform: translateX(0);opactiy:1;}
    to {-webkit-transform: translateX(100vw);opactiy:0;}
}
@keyframes particleAnimation{
    from {transform: translateX(0);opactiy:1;}
    to {transform: translateX(100vw);opactiy:0;}
}
.shooting_star{
  position:relative;
  left:0;
  top:5rem;
  width:0.1rem;
  height:0.2rem;
  background-color:white;
  transform: translateX(0);
}
.shooting_star.rain{animation:particleAnimation 3s infinite ease-in-out;}
.shooting_star::before{
  position:absolute;
  display:block;
  content:"";
  width:10rem;
  right:0.1rem;
  top:0;
  height:0.2rem;
  background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(255,255,255,0.4) 100%); 
}
.star_2{
  top:65%;
}
.star_3{
  top:100%;
}

.business_circle {position: absolute;bottom:14%;right:4%;width: 18rem;height: 18rem;z-index:1;}
.circle01 {transform-origin: center center;position:relative; width: 18rem; height: 18rem;background-size: cover;}
.circle01 img {width:100%;height:100%;animation: spinRight 10s infinite linear;-webkit-animation: spinRight 10s infinite linear;-moz-animation: spinRight 10s infinite linear;}
.circle02 {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15rem;height:15rem;}
.circle02 img {width:100%;height:100%;}
@keyframes spinRight {
    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);transform-origin: center;}
    100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);transform-origin: center;}
}
@keyframes spinLeft {
    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);transform-origin: center;}
    100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg);transform-origin: center;}
}
@keyframes twinkle {
    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);transform-origin: center;}
    100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);transform-origin: center;}
}
@keyframes twinkle {
    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);transform-origin: center;}
    100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg);transform-origin: center;}
}
 
.img_sky {position:absolute;bottom:0;left:-6%;animation:sky 20s linear forwards;-webkit-animation:sky 20s linear forwards;z-index:1;}
.img_sky img {width:100%;}
@-webkit-keyframes sky{
	0% {transform:translate(0,55%);opacity:0.6;}
	50% {transform:translate(-12%,40%);}  
	100% {transform:translate(-25%,31%);opacity:0.8;} 
} 
@keyframes sky{ 
    0% {transform:translate(0%,55%);opacity:0.6;} 
	50% {transform:translate(-12%,40%);}
	100% {transform:translate(-25%,31%);opacity:0.8;} 
}

@keyframes mainZoom1 { 
	0% { transform: scale(1.1,1.1);}
  100% { transform: scale(1.3,1.3);}
}
@-webkit-keyframes mainZoom1 {
	0% { -webkit-transform: scale(1.1,1.1);}
  100% { -webkit-transform: scale(1.3,1.3);} 
}
/* pc*/

 
@media only screen and (min-width:1200px) {
    html{font-size: 10px; overflow-x:hidden;}
    body {font-size:1.6rem;}
    input [type="text"],
    input.text {height:2.6rem;padding:0 0 0 0.5rem;}
    input [type="check"],
    input [type="radio"] {margin:0 03rem 0.1rem 0;padding:0;width:1.3rem;height:1.3rem;vertical-align:middle;}
    select {height:2.6rem;}
    .block {display: block;}

    #skipnavi {position:relative;width:100%;z-index:2;*height:0px;}
    #skipnavi a {display:block;overflow:hidden;height:0px;width:0px;margin:-1px -1px -1px 0; margin:-5px -1px -1px 0;font-size:0;line-height:0;text-align:center;}
    #skipnavi:focus {overflow:hidden;height:100px;background:#0d2f51;font-size:12px;font-weight:500;line-height:1.4;}
    #skipnavi a:focus, #skipnavi a:hover, #skipnavi a:active {width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#0d2f51;font-size:12px;font-weight:500;line-height:1.4;color:#fff;}

    /***** layout *****/  
    #wrapper {display:block;position:relative;height:100%;/*min-width:140rem;*/width:100%;margin:0 auto;}
	.header_area {position:fixed;top:0;left:0;width: 100%;z-index:1000;}   
    #header {position:relative;width:100%;z-index:1000;height:9.3rem; /*background:rgba(0,0,0,0.7);*/background:#fff; transition: all .3s ease;}
    .header_area #header {position:fixed;top:0;left:0;  }
    .header_area.pop #header {top:12.4rem;}
    #header .header_box {position:relative;width:100%;padding: 0 6%;box-sizing: border-box; min-width:140rem;margin:0 auto;/*border-bottom:0.1rem solid rgba(0,0,0,0.1);*//*border-bottom:0.1rem solid rgba(0,0,0,0.1); */}
    #header .header_box:after{content:'';height:0;font-size:0;visibility:hidden;display:block;clear:both;}
    #header .logo {display: inline-block;float: left;width:36rem;height:10.3rem;padding-top:2rem;text-indent: -9999em;z-index:12;}
    #header .logo a {display: block;width:100%;height:100%;background:url(/img/common/logo.png) no-repeat; }
    .btn_menu {position:absolute;right: 6%;top: 4rem;z-index: 1;}
    .btn_menu a {display:block;position:relative;width:31px; height:20px;}
    .btn_menu a:before,
    .btn_menu a:after {content: '';display: block;position: absolute;left: 0;width: 100%;border-bottom: 0.2rem solid #000;}
    .btn_menu a:before {top:0;}
    .btn_menu a:after {bottom:0;}
    .btn_menu .bar {display:block;position:absolute;left:0;top:50%; transform: translateY(-50%); width:100%;height:0.2rem;background:#000;text-indent:-9999em;transition: all .4s ease;}
  /*  .fp-viewing-business .header_area.pop #header,*/
    .fp-viewing-community .header_area.pop #header,
    /*.fp-viewing-place .header_area.pop #header,*/
    .fp-viewing-mFooter .header_area.pop #header {top:0;} 
	
	 
/* 	.on #header > #gnb2  {border-bottom:1px solid #ddd}    */
	/*nav*/
    .anchor_wrap {position: absolute;left: 5rem;bottom:0;width: 1rem;height: 100%;z-index:  3;}
    .anchor_wrap.pop {height:calc(100% - 10rem);} 
    .anchor_wrap::after {position: absolute;content: '';left:50%;width: 0.1rem;height: 100%;background: rgba(255,255,255,0.2);z-index: -1;}
    .anchor_wrap.white::after {background: #e8ebed;}
    #anchor_menu {position: absolute;top: 27%;transform: translateY(-50%);}
    #anchor_menu li {position: relative;padding: 1rem 0;text-align: center;}
    #anchor_menu li a {display: block;position: relative;padding: 0.5rem;width: 0.9rem;height: 0.9rem;}
    #anchor_menu li a:before  {content: '';position: absolute;width: 1.2rem;height: 1.2rem;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;border: 1px solid #000;border-radius: 50%;}
    #anchor_menu li span {position:absolute;top: 50%;right: 3.5rem;width: 6rem;text-align:right;color: rgba(255,255,255,0.3);font-size: 1.4rem;transform: translateY(-50%);margin-right: 1rem;}
    #anchor_menu li.active span {color: #fff; font-weight: 600;}
    #anchor_menu li.active a:before {/*width: 3rem;height: 3rem;*/background: #000;border: 1px solid #000}
 
    .anchor_wrap.white #anchor_menu li span {color: #c1c1c1;}
    .anchor_wrap.white #anchor_menu li.active span {color: #9a9a9a;} 
 


 .on #header   {border-bottom:1px solid #ddd } 
 

	/*-----------------------------------------------------------------------------------------------------------
PC메뉴
-----------------------------------------------------------------------------------------------------------*/
	/*gnb*/
  /*  #gnb_area {position:absolute;top:4rem;left:37.5rem;right:0rem;padding-right:8rem;}*/
 
	
	
/*	
		.con_wrap				{max-width:1460px; width:100%; margin:0 auto; position:relative; }*/
	
	
	/* gnb */
	#gnb2 {  width:65%;margin-top:2.5rem;/* position: relative;*/ display: inline-block;/*margin-top:60px;*/}
	/*#gnb2 a:hover {text-decoration:none;}*/
	#gnb2 > ul 	 { clear:both;/*width:60%;*/ width:100%; float: left;transition: all 0.2s;/*margin-top: 70px;*/ /*margin:0 auto;*/ /*padding-left:450px;*/ /*margin-top: 45px;*/ box-sizing:border-box; }
 
	#gnb2 > ul:after {display:block; clear:both; content:'';}
	#gnb2 > ul > li 	{float:left; width:20%; transition: all 0.2s;text-align: center; /*padding-left:7%*/}
	/*#gnb > ul > li:nth-child(7) 	{  width:10%; text-align: right}*/
	 
	#gnb2 > ul > li > a {display:block; /*position:relative;*/ height:58px;  display: inline-block; margin-top: 10px; /* padding-top:70px;*/ color:#000; font-size:20px;font-weight: 400;text-align: center; }
  	#gnb2 > ul > li:hover > a  {color:#006ccb;}
	/*#gnb > ul > li > a:after {display:block; position:absolute; left:50%; bottom:2px; width:0; height:3px; background:#259c9e; content:''; transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out;}*/
	/*#gnb > ul > li.hover > a:after {width:80%; margin-left:-40%;}*/
	#gnb2 > ul > li .depth3 {/*visibility:hidden;*/ position:absolute; top:83px;  width:100%; left:0; height: 54px;padding-top: 20px;  box-sizing: border-box;  /*transition: all 0.6s;*//*background:url('/img/common/menu_bg.jpg')no-repeat right bottom #de6b04;*/opacity: 0;     /*border-top:1px solid #ddd; */   }
	/*#gnb2 > ul > li .depth3 {  width:100%; left:0;  background:  #e9e9e9; border-top: 1px solid #ddd; height: 54px;  }*/
	#gnb2.open > ul > li:hover .depth3 {visibility:visible;   display: inline-block;  /*background:#de6b04;*/opacity: 1; }
	 
	 
	#gnb2 > ul > li .depth3 > .inner2 	{/*overflow:hidden;*/  position:absolute; top:0px;  width:100%; left:0; background:  #e9e9e9; border-top: 1px solid #ddd; }
	#gnb2 > ul > li .depth3 > .inner2 > ul {position:relative;   display:  block; /* width:140px; */width:100%;/*display: inline-block;*/box-sizing: border-box;/*padding:30px 0 20px 0;*/z-index:2000; /*text-align: right*/}
	#gnb2 > ul > li .depth3 > .inner2 > ul > li {float:left;  /*display: inline-block;*/ /*width:15%;*//*padding-top: 15px; */text-align: center;   /*width: 16.6%*/}
	#gnb2 > ul > li .depth3 > .inner2 > ul.dep1{padding-left:28.2%; }
	#gnb2 > ul > li .depth3 > .inner2 > ul.dep2{padding-left:36.8%;     }
	#gnb2 > ul > li .depth3 > .inner2 > ul.dep3{padding-left:48.5%; }
	#gnb2 > ul > li .depth3 > .inner2 > ul.dep4{padding-left:60.1%;  } 
	#gnb2 > ul > li .depth3 > .inner2 > ul.dep5{padding-left:71%;  } 
/*	#gnb2 > ul > li .depth3 > .inner2 > ul.dep1 li{ width: 12%  }
	#gnb2 > ul > li .depth3 > .inner2 > ul.dep2 li{ width: 12% ;}
	#gnb2 > ul > li .depth3 > .inner2 > ul.dep3 li{ width: 12% }
	#gnb2 > ul > li .depth3 > .inner2 > ul.dep4 li{ width: 12% ;} */
 

 
	#gnb2 > ul > li .depth3 > .inner2 > ul > li > a {display:block; height:54px; /*margin:0px 20px ;*/ padding: 0px 20px ;  font-size:18px;  color: #646464;font-weight:400; line-height:54px;display: inline-block;letter-spacing:-1px}
	#gnb2 > ul > li .depth3 > .inner2 > ul > li > a:hover, #gnb2 > ul > li .depth3 > .inner2 > ul > li > a.hover { color:#006ccb; transition:all 0.6s ease-out;-webkit-transition:all 0.6s ease-out; -o-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out;text-decoration-line: underline; text-underline-offset : 5px; vertical-align: middle}
 

	/*#gnb > ul > li > a:hover     {  background:url('/img/menu/on.png')no-repeat 85% 100%;  color:#c52e50!important;  }*/
/*	#gnb > ul > li > a:focus     {  background:url('/img/menu/on.png')no-repeat 85% 100%;  color:#c52e50!important;  }*/
	/*#gnb > ul > li > a:active  {  background:url('/img/menu/on.png')no-repeat 85% 100%;  color:#c52e50!important;  }
	#gnb > ul > li:last-child > a:hover     {  background-image: none;  color:#c52e50!important;  }*/
	/*#gnb > ul > li > a:focus .depth2 > .inner > ul > li > a    {  background:url('/img/menu/on.png')no-repeat 85% 100%;  color:#c52e50!important;  } */
/*	
	 #gnb.open > ul { padding-left:0%!important;  }*/
/*#gnb.on > ul { padding-left:0%!important;  }*/
/*#header.on #gnb 	 { margin-top:  30px;  }
#header.on #gnb > ul  	 {  }
#header.on #gnb > ul > li > a {   }
#header.on #gnb > ul > li .depth2 	 {  }*/
 
/*	#gnb > ul > li .depth2 ul.depth3 {margin-bottom:20px;margin-top:-10px;padding:0 10px;}
	#gnb > ul > li .depth2 ul.depth3 > li {background:url('/img/common/g_arr_3dep.png') 12px 50% no-repeat; line-height:23px;}
	#gnb > ul > li .depth2 ul.depth3 > li a {display:inline-block; padding:0 0 0 20px; color:#555; font-size:14px;}
	#gnb > ul > li .depth2 ul.depth3 > li a:hover {text-decoration:underline;}
	
	#gnb > ul > li .depth2 .gnb_txt {float:left; width:30%;  padding:30px 0 0 50px; box-sizing:border-box}
	#gnb > ul > li .depth2 .gnb_txt .txt_wrap {width:230px; height:288px; background:url('/img/common/menu_ov_img.gif')  no-repeat 0 50px; text-align:center;}
	#gnb > ul > li .depth2 .gnb_txt .txt_wrap h2 {font-size:26px; color:#000; font-weight:bold; letter-spacing:-1px; font-family:'KHNPHD' ; padding-bottom:5px }
	#gnb > ul > li .depth2 .gnb_txt .txt_wrap > p {color:#833283; font-size:14px; letter-spacing:-1px}
	
	#gnb > ul > li.m1 .depth2 .gnb_txt .txt_wrap {background:url('/img/common/menu_ov_img.gif') no-repeat 0 0px;}
	#gnb > ul > li.m2 .depth2 .gnb_txt .txt_wrap {background:url('/img/common/menu_ov_img.gif') no-repeat 0 0px;}
	#gnb > ul > li.m3 .depth2 .gnb_txt .txt_wrap {background:url('/img/common/menu_ov_img.gif') no-repeat 0 0px;}
	#gnb > ul > li.m4 .depth2 .gnb_txt .txt_wrap {background:url('/img/common/menu_ov_img.gif') no-repeat 0 0px;}
	#gnb > ul > li.m5 .depth2 .gnb_txt .txt_wrap {background:url('/img/common/menu_ov_img.gif') no-repeat 0 0px;}
	#gnb > ul > li.m6 .depth2 .gnb_txt .txt_wrap {background:url('/img/common/menu_ov_img.gif') no-repeat 0 0px;}
	#gnb > ul > li.m7 .depth2 .gnb_txt .txt_wrap {background:url('/img/common/menu_ov_img.gif') no-repeat 0 0px;}*/
	
/*	.m_btn_area,.hidePc {display:none;}*/

 
	
	
	
    .menu_area {display:block;width: 100%;position: fixed;left:100%;top: 0;bottom:0; z-index: 1500; /*background:#f6f6f6;*/ background:url(/img/etc/sitemap_bg.png) no-repeat;letter-spacing:-0.04em;}
    .all_menu_bg {float: left;display: block;width: 30%;height: 100%; }
    .menu_box {float: right;position: relative;padding: 20rem 10rem;width: 70%;height: 100%;background:#f6f6f6;}
    .menu > li {display: inline-block;width: 18%;vertical-align: top;margin-bottom: 9rem;padding:0 0 2rem 2rem; border-left: 1px solid #dadada}
    .menu > li > a {display: block;margin-bottom: 3.5rem;color: #333;}
	.menu > li > a  span {font-size: 3.0rem;font-weight:600;}
    .menu .depth2 {min-height: 30.5rem;/*display:block !important;*/}
    .menu .depth2 li {margin-bottom: 2rem;}
    .menu .depth2 li:last-child {margin-bottom: 0;}
    .menu .depth2 a {font-size: 1.6rem;color: #666666;}
    .menu_box .go_box {position: absolute;right: 0;left: 10rem;bottom:  0rem;padding-bottom: 10rem;background:#f6f6f6;}
    .menu_box .go_login {position: relative;padding-left: 0%;padding-top: 5%;font-size: 14px}
    .menu_box .go_login::before {content: '';position: absolute;left: 0;top: 50%;width: 100%;height: 0.1rem;;background: #dadada;}
    .menu_box .go_login a {position: relative;/*display:block;*/padding: 3rem 0 3rem 3rem;color: #333;font-size: 1.4rem;font-weight:300;/*background: #333333;*/cursor:text;}
    .menu_box .i_lock {margin-right:2rem;vertical-align: middle;}
    .menu_close {position: absolute;right: 2rem;top: 2rem;width: 6.5rem;height: 6.5rem;text-align: center;background: #cdcdcd;border-radius: 3.25rem;}
    .menu_close span {display:inline-block;position:relative;margin-top: 28%;width: 3.2rem; height: 3.2rem;   color:#cdcdcd;}
    .menu_close span::before,
    .menu_close span::after {content: '';display: block;position: absolute;left: 0;width: 100%;border-bottom: 0.1rem solid #fff;}
    .menu_close span::before {top:50%;transform: rotate(-45deg);}
    .menu_close span::after {bottom:50%;transform: rotate(45deg);}

	  
    #header:hover {background:rgba(255,255,255,1);  }
    #header:hover .logo a {background:url(/img/common/logo.png) no-repeat; }
    #header:hover #gnb .depth2 > li > a  {color:#2c2b2b;} 
    #header:hover .btn_menu a:before,
    #header:hover .btn_menu a:after {border-color: #2c2b2b;}
    #header:hover .btn_menu .bar {background: #2c2b2b;}
	
	
    /*footer*/
    .footer_area {/*background: #202128;*/  }
    #footer {position: relative;width: 100%;margin:0 auto;border-top: 1px solid #eee;padding: 4rem 6% 4rem ;box-sizing: border-box;}
    .foot_logo {position: absolute;left:12%;top: 4rem;}
    .foot_logo img {display:block;}
    .foot_left {float: left;font-size: 1.4rem;margin-top: 20px;/*padding-right: 20px;*/ color: #000;margin-left: 30%;}   
    .foot_link {margin-bottom: 2rem;margin-left: 30%;}
	.foot_link li.c_line {border-right: 1px solid #ddd;padding-right: 2rem;}
    .foot_link li {display: inline-block;float: left;margin-right: 2rem;font-size: 1.4rem;color: #000;font-weight: 300;}
/*	.foot_link li span { color: #ffe13d; }*/
	.site_copy{  font-size: 14px;font-weight:100;vertical-align: middle; line-height: 21px}
    .site_copy > span.tt { /*margin-left: 1.5rem;*/ color: #0086c4 }
   
    .site_copy .copy {margin-top: 0.5rem;}
    .block2 {display:none;}
 
   
	#footer .btn-top {width:41px;height:41px;overflow:hidden;background:url(/img/common/top.png)no-repeat 50% 50%; display:block;position:fixed;bottom:180px;right:-80px;background-color:rgba(0,0,0,0.4);border-radius:10%;transition:right .3s ease;z-index:100000;border:0;}
	#footer .btn-top.on {right:10px;}	
	 /***** sub *****/
    #container {position: relative;  /*margin-top:-10.3rem;*/  }	
    .sub_visual {position: relative;  /*padding-top: 10.3rem; */ /*height: 42rem;*/height: 343px;color: rgba(255,255,255,0.67);background-color:#fdfdfd;font-weight:100;letter-spacing:-0.03rem;overflow:hidden;}
    /*.sub_visual .v_zoom {position:absolute;left:0;top:0;bottom:0;width:100%; transform:scale(1.2); background-size:120% 120%; background-repeat: no-repeat;background-position: 50% 0;transition:2s;}
    .sub_visual .v_zoom.on {transform:scale(1);}*/
	.sub_visual .v_zoom {position:absolute;left:0;top:0;bottom:0;width:100%;/*background-size:120% 120%;*/background-repeat: no-repeat;/*background-position: 50% 93px;*//*transition: background 0.8s ease;*/}
   /* .sub_visual .v_zoom.on {background-size:100% 100%;}*/
    .sub_visual .subimg1 {background:url(/img/sub/sub_visual01.png)no-repeat center 93px ; }
	.sub_visual .subimg1_2 {background:url(/img/sub/sub_visual01_2.png)no-repeat center 93px; }
	.sub_visual .subimg1_3 {background:url(/img/sub/sub_visual01_3.png)no-repeat center 93px; }
	.sub_visual .subimg1_4 {background:url(/img/sub/sub_visual01_4.png)no-repeat center 93px; }
    .sub_visual .subimg2 {background:url(/img/sub/sub_visual02.png)no-repeat center 93px  ; }
	.sub_visual .subimg2_2 {background:url(/img/sub/sub_visual02_2.png)no-repeat center 93px  ; }
    .sub_visual .subimg3 {background:url(/img/sub/sub_visual03.png)no-repeat center 93px;}
    .sub_visual .subimg4 {background:url(/img/sub/sub_visual04.png)no-repeat center 93px;}  
	.sub_visual .subimg5 {background:url(/img/sub/sub_visual05.png)no-repeat center 93px;}  
	
	.sub_visual .subimg6 {background:url(/img/sub/sub_visual06.png)no-repeat center 93px;} 
	.sub_visual .subimg7 {background:url(/img/sub/sub_visual07.png)no-repeat center 93px;} 
	.sub_visual .subimg8 {background:url(/img/sub/sub_visual08.png)no-repeat center 93px;} 	
	.sub_visual .subimg9 {background:url(/img/sub/sub_visual09.png)no-repeat center 93px;} 	
	.sub_visual .subimg10 {background:url(/img/sub/sub_visual10.png)no-repeat center 93px;} 	
	.sub_visual .subimg11 {background:url(/img/sub/sub_visual11.png)no-repeat center 93px;} 
	.sub_visual .subimg12 {background:url(/img/sub/sub_visual12.png)no-repeat center 93px;} 
	.sub_visual .subimg13 {background:url(/img/sub/sub_visual13.png)no-repeat center 93px;} 	
	
    .sub_visual .sub_visual_box {position: absolute;left:50%;top:62%;font-size: 2.8rem; text-align: center; -ms-transform: translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
    .sub_visual strong {display: block; margin-bottom:1rem; color:#fff;font-size: 4.8rem; letter-spacing:-0.02em;line-height: 1.2;vertical-align: middle;font-family: 'Godo'; font-weight: 400;}
    .top_area {position:relative; width:100%; border-bottom: 0.1rem solid #606a74;border-top: 0.1rem solid #606a74;background:url(/img/common/location_bg.png); /*background:#172b3f; opacity: 0.6; */margin-top:-6.3rem;  }

    /*location */ 
    .location_area {position:relative; width:120rem;margin: 0 auto;z-index:5;    }
    .location_area .i_home {display:block;float: left;width: 5.8rem;height: 6.2rem;line-height: 6.2rem;text-align: center;color: #3d3d3d;font-size: 1.8rem;background:url(/img/common/i_home.png) no-repeat 50% 50%;border-left: 0.1rem solid #606a74;border-right: 0.1rem solid #606a74;}
     .location_area .fake_select {display:block;float: left; position:relative;width: 195px;/*background:#fff;*/ vertical-align:middle;/* *zoom:1;*/}
  /*  .location_area .fake_select * {margin:0; padding:0; font-size:16px; cursor:pointer;}*/
    .location_area .fake_select .my_value {width:100%; height:6.2rem; padding:0 2rem; overflow:visible; position:relative; top:0; left:0; z-index:2; border:0;border-right: 0.1rem solid #606a74;/*background:transparent;*/ color:#fff; text-align:left;font-size: 1.6rem; line-height:6.2rem; background:url(/img/common/bg_arrow2.png) no-repeat 90% 50%;}
    .location_area .fake_select .my_value.selected {font-weight:400;}
    .location_area .fake_select div.my_value {height:6.2rem; text-indent:0.8rem;}
    .location_area .fake_select ul {overflow:hidden; position:absolute; top:6.2rem; left:0; width:100%; border-top:0.1rem solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
    .location_area .fake_select ul.a_list {display:none}
    .location_area .fake_select.open ul.a_list {display:block}
    .location_area .fake_select li {overflow:hidden; position:relative; height:5.2rem; border-left:0.1rem solid #dcdcdc; border-right:0.1rem solid #dcdcdc; white-space:nowrap;}
    .location_area .fake_select li input.option {position:absolute; width:100%; height:6.2rem; line-height:6.2rem;}
    .location_area .fake_select li label {position:absolute; top:0; left:0; width:100%; height:1.8rem; background:#fff; color:#3d3d3d; line-height:6.2rem; text-indent:0.8rem;;}
    .location_area .fake_select li a {display:block; height:6.2rem; background:#fff; color:#3d3d3d; line-height:6.2rem; text-indent:20px;}
    .location_area .fake_select li.hover * {background:#dcdcdc; color:#3d3d3d}
 
    #content {position:relative;width:126rem;margin:0 auto;padding:8rem 0 10rem;}
    #content::after {content: '';display: table;clear: both;}
	#content.content_people {padding:7rem 0 0 6rem;}
	#content.content_people::before {content:'';display:block;position: absolute;left:-90%;bottom: 0;width: 100%;height: 29rem;background-color: #f4f4f4;}
	#content.content_people::after {content:'';display:block;position: absolute;right:-100%;bottom: 0;width: 100%;height: 29rem;background-color: #f4f4f4; z-index:-1;}
   } 
/* pc 작은사이즈 */ 
@media only screen and (min-width:1200px) and (max-width:1399px) {	
    #header .header_box {width:120rem;}
    .gnb_thum  {width:120rem;margin-left:-60rem;}
    #footer {width: 120rem;}

 
	
}
@media all and (max-width:980px) {
	#gnb2{display:none!important;opacity: 0;}

	}
	
/* @media screen and (-webkit-min-device-pixel-ratio:0) {
  	
 }*/