@charset "UTF-8";

/* Page Title */

body { width:100%; height:100%; padding:0px; margin:0px;    }
html     {width:100%; padding:0px; margin:0px; overflow-x:hidden;  }

/*메인비주얼*/
.main_vi_wrap {width:100%; float:left;  height:600px;background-size:cover; box-sizing:border-box;   }
.main_vi_txt { /*background:rgba(255,255,255,0.3); */ box-sizing:border-box; position:absolute;
top:45%; left:50%; transform: translate(-50%, -50%);color:#fff; z-index:99999; text-align:center;}


.color_c00 {color:#c00 !important; }
.color_f00 {color:#f00 !important; }
.big_20 {font-size:20px; line-height:1.5em;}


.bold_f {font-weight:600;}
.bold_f2 {font-weight:800;}
.bold_f3 {font-weight:700;}

.text_bor {border:1px solid #ddd; width:100%; float:left; padding:20PX; box-sizing:border-box;}
.greet_text_box {width:35%; float:left; font-size:18px; line-height:1.4em; margin-top:20px; text-align:left;}
.org_color {color:#f7941d}


#wrap    {position:relative; width:100%; float:left; min-width:1200px;background:#f7f7f7 }
#main 	{height:100%; width:100%; position:relative;}
#main .main_wrap {width:1200px; margin:0 auto;}

/*공통*/
h2.section_tit {display:block; color:#333; text-align:center; font-size:32px; border-bottom:1px solid #ddd; margin-bottom:30px; padding-bottom:15px;}

#notice_section {width:1200px; margin:0 auto; display:block; }

/*뉴스티커 notice*/
.tickerBody{
  border:1.5px solid #d0b987;
  float:left;
  width:100%; float:left;
  position:relative;
  overflow:hidden;
  box-sizing:border-box;
  height:60px;
}
.tickerBody span{
      width: 0;
    position: absolute;
    right: -10px;
    top: 10px;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent lightblue;
}

.tickerHeading{
  background:#d0b987;
  padding:15px 35px;
  position:absolute;
  top:0;
  margin:0px;
  font-weight:400;
  font-size:18px;
  color:white;
}

.newsticker {
  margin:0px;
  width:65%;
  font-size:15px;
  display:inline-block;
  background-color:white;
	line-height:20px;
}

ul.newsticker{
list-style-type: none;
  margin-left:160px;
  margin-top:18px;
}
.tickerbtn {
  float:right;
  box-sizing:border-box;
  margin-right:20px; margin-top:22px;
 /*transform: rotate(90deg);*/
}
.tickerBody a{
  text-decoration:none;
  color:black;
  font-size:16px;
}


/* new css */
div.date{
  display:inline;
  color:lightgrey;
  margin-left:10px;
}

@media (max-width:466px){
  .tickerBody{
    overflow:hidden;
  }


  ul.newsticker{
    width:70%;
    margin-left:5px;

  }
  ul.newsticker li{

   overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
  }
  .tickerHeading{
    width:0px;
    height:100%;
font-size:0px;
    overflow:hidden;
  }

  .tickerbtn{
    margin:10px 0;
    margin-right:5px;
  }
  ul.newsticker{
list-style-type: none;
  margin-left:-5px;
}
}

/*영상 css*/
.video_wrap  {width:100%; float:left; position:relative; margin-top:15px; margin-bottom:50px; }
.video_wrap a {
  display: inline-block;
  color: white;
  width:33%;
  float:left;
  text-decoration: none;
}
#modal {
  position: fixed;
  left: 0; top: 0;
  width: 100%;
  background: rgba(0,0,0,.7);
  height: 100%;
  display: none;
}
#modal span {
  color: white;
  position: absolute;
  right: 3%;
  top: 20px;
  font-size: 3.5em;
  cursor: pointer;
}
#vidSizer {
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 120vh;
  max-width: 95%;
}
#vidHolder {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
#mainVid {
  position: absolute;
  left: 0; top: 0;
  width: 100%;
  height: 100%;
}

#main .visual-notice_wrap{position:relative; width:1200px;transform: translate(-50%, 0%); background:#d0b987 }
#main .visual-notice{width:1200px; margin:0 auto; border:0px solid #fff; }

#main .visual-notice:after{content:'';  height:100%; right:0; position:absolute; top:0;}
#main .visual-notice h3{color:#fff; float:left; font-size:20px;padding:22px 0; max-width:140px; margin:0;box-sizing:border-box;	}
#main .visual-notice ul li a{white-space: nowrap; margin-right:30px; line-height:2em; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; display:block; color:#fff; font-weight:300;}

#main .bbs-slider{ float:left; width:80%;padding:20px 0; }
#main .bbs-slider li{ float:50%; float:left; }

#main .bbs_arr_wrap {float:right; display:inline-block; margin-right:35px; margin-top:30px; }
#main .bbs_arr_wrap a{float:right; display:block;}

#main .bbs-slider .slick-arrow{width:9px; height:8px; top:20px; right:0; margin-left:0; left:auto; transform:none; opacity:0.5;}
#main .bbs-slider .slick-arrow:hover{opacity:1;}
#main .bbs-slider .slick-next{background:url('/img/arr-down.png') no-repeat center center; bottom:20px; top:auto;}
#main .bbs-slider .slick-prev{background:url('/img/arr-up.png') no-repeat center center; top:20px; }
#main .slick-prev:before, #main .slick-next:before{display:none;}

.nav  li  {  font-size:22px; font-weight:600; display:inline-block;  float:left;  line-height:70px; margin:0px 0; text-align:center;   padding:0;}
.nav  li   a {color:#555 !important;}




/*
CSS
*/
/* OPTIONAL RESET */
*{padding: 0; margin: 0; box-sizing: border-box;}

#section0 {width:100%; float:left; position:relative; }

/* Make sure these ids and classes match your HTML */
#section0 #vidLinks {
  display: -webkit-box;
  box-sizing:border-box;
  /*display: flex;
  justify-content: space-around;
  margin: 10px;
  flex-wrap: wrap;*/
}
#section0 #vidLinks a {
  -webkit-transition: .4s;
  transition: .4s;

}
#section0 #vidLinks a:hover {
  -webkit-transform: scale(.95);
          transform: scale(.95);
}
#section0 #modal {
  position: fixed;
  left: 0; top: 0;
  width: 100%;
  z-index: 10;
  height: 100%;
  background: rgba(0,0,0,.8);
  display: none;
}
/* This effects the "X" close symbol */
#section0 #modal span {
  color: white;
  position: absolute;
  z-index: 20;
  right: 285px; top: 60px;
  font-size: 3em;
  cursor: pointer;
}

/* This limits the size of the modal video */
#section0 #vidSizer {
  position: relative;
  left: 50%; top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 128vh;
  max-width: 95%;
}
#section0 #vidHolder {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
#section0 #mainVid {
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
}


/*안전수칙*/
.safe {width:1200px; margin:0 auto; text-align:center;  padding-top:5%; }
.safe_wrap ul {width:100%; float:left; margin-top:4%;}
.safe_wrap li.col-2 {float:left; width:50%; text-align:center; position:relative;height:300px; background:#fff; padding:80px 0px }

.safe_wrap li.bg_vi1{background:url('/common/img/main/safe_img1.png') no-repeat center; background-size:cover;  }
.safe_wrap li.bg_vi2{background:url('/common/img/main/safe_img2.png') no-repeat center;  background-size:cover;  }
.safe_wrap li.bg_vi3{background:url('/common/img/main/safe_img3.png') no-repeat center;  background-size:cover;  }
.safe_wrap li.bg_vi4{background:url('/common/img/main/safe_img4.png') no-repeat center;  background-size:cover;  }
.safe_wrap li.bg_bk {background:#333; color:#fff;}

.safe_wrap li.col-2 img {width:100%; height:300px;}
.safe_wrap h5 {font-size:85px; font-weight:600; text-align:center; margin-top:5px; color:#fff; text-shadow:1px 1px 1px 2px #333;}
.safe_wrap h6 {font-size:35px; font-weight:500; text-align:center;  color:#fff; margin-bottom:10px;}
.safe_wrap span {font-size:30px; font-weight:600; color:#fff; line-height:1.2em;}

.safe_wrap li.col-2 .bar_div {width:30px; background:#fff; height:2px; display:block; margin:0 auto; z-index:999999; position:relative;}

.safe_wrap .label {position:absolute; z-index:99999999; top:0; left:0; background-color:#f47321; color:#fff; font-size:18px; width:75px; padding:10px 0; line-height:1.1em;  display:inline-block;}
a.main_btn {font-size:19px; background-color:#615555; color:#fff !important; width:250px; display:inline-block; text-align:center; line-height:60px; }

span.main_btn2 {position:absolute; top:150px; left:0; font-size:19px; background-color:#615555; color:#fff !important; width:250px; display:inline-block; text-align:center; line-height:60px; }

.safe_wrap .txt_box {font-size:17px; color:#fff; line-height:1.35em; margin-top:20px; opacity:0.8;}
.safe_wrap .txt_box2 {font-size:17px; color:#555; line-height:1.35em; margin-top:20px; opacity:0.8;}


#section1  {position:relative; width:100%; float:left; margin-bottom:60px;}
#section1 .customer_bg  {width:100%; float:left; background:url('/htm/ystt/img/customer_bg.png') no-repeat center 0; height:450px; padding:60px 0;}
#section1 .section2_wrap  {width:1200px; margin:0 auto;}
#section1 .customer_box {width:100%; float:left; border:5px solid #fae5cc; padding:35px 50px; box-sizing:border-box;}
#section1 .customer_box h2 {color:#ff8a00; font-size:30px;font-weight:800; line-height:1.4em;}
#section1 .customer_box p {color:#2d57a3; font-size:22px;font-weight:400; line-height:1.6em; margin-top:5px;}

/* 공지사항 */
#section1 .notice_ul {width:100%; float:left; padding-bottom:30px; }
#section1 .notice_ul>li {width:48.5%;float:left; height:220px;  margin-right:2%; list-style:none; }
#section1 .notice_ul>li:first-child {padding:30px 20px; box-sizing:border-box;  border:1px solid #ddd; }
#section1 .notice_ul>li:last-child {float:right; margin-right:0; border:1px solid #ddd; box-sizing:border-box;}

#section1 .notice_ul>li .notice_txt_left {width:28%; height:100%;float:left; background:#fff;  box-sizing:border-box; border-right:0px solid #ddd;}
#section1 .notice_ul>li .notice_txt_left h3 {font-size:30px; color:#333; }

#section1 .notice_ul>li .notice_txt_right { width:72%; float:right; padding:10px 30px; box-sizing:border-box;}
#section1 .notice_ul>li .notice_txt_right ul li {font-size:18px; color:#666; line-height:1em; list-style:disc; margin-left:15px; margin-bottom:12px;}
#section1 .notice_ul>li .notice_txt_right ul li:last-child {margin-bottom:0;}



#section2 {width:100%; float:left; padding:60px 0;  background:url('/common/img/main/why_bg.png') no-repeat 0 0;  background-size:cover;}
#section2 .why {width:1200px; margin:0 auto;}
#section2 .why .contact_txt_box {width:100%; float:left; padding:35px; box-sizing:border-box; background:#fff; border:1px solid #ddd;}

#section2 .why h4 {font-size:35px; font-weight:600; color:#fff; margin-bottom:30px;}
#section2 .why h5 {font-size:20px; font-weight:500; color:#fff; background:#dcc25a; display:inline-block; padding:0px 12px ; text-shadow:1px 2px  rgba(0,0,0,0.2); margin-bottom:3px; border-radius:5px; line-height:1.65em;}
#section2 .why p {font-size:17px; font-weight:400; color:#ddd;}

#section2 .why ul li {width:100%; float:left;font-size:18px; font-weight:400; color:#555; line-height:1.8em;}
#section2 .why i {font-size:18px; vertical-align:-3px; color:#333;}


/* 플로우 배너 */
section.flow_bn {position:Relative; width:100%; float:left;  padding:30px 0;  background:#000; }
section.flow_bn .swiper-slide img {width:330px; height:85px; float:left; border:1px solid #ddd; }


.text_box {font-size:17px; color:#555; line-height:1.3em;}
.text_box2 {font-size:18px; line-height:1.45em;}

.h_menu-container {
  width: 100%;
  float:left;
  background: #fff ;

}

.h_menu-mobile {
  display: none;
  padding: 20px;
}

.h_menu-mobile:after {
  content: "\f394";
  font-family: "Ionicons";
  font-size: 2.5rem;
  padding: 0;
  float: right;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  transform: translateY(-25%);

}

.h_menu-dropdown-icon:before {
  content: "\f489";
  font-family: "Ionicons";
  display: none;
  cursor: pointer;
  float: right;
  padding: 1.2em 2em;
  background: #fff;
  color: #333;
}

.h_menu > ul {
  margin: 0 auto;
  width: 100%;
  list-style: none;
  padding: 0;
  /*position: relative;*/
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  box-sizing: border-box;
}

.h_menu > ul:before, .menu > ul:after {
  content: "";
  display: table;
}

.h_menu > ul:after { clear: both; }

.h_menu > ul > li {
  float: left;
  background: #fff;
  padding: 0;
  margin: 0;
}

.h_menu > ul > li a {
  text-decoration: none;
  padding: 22px 37.5px;
  display: block;
  color:#555;
  font-size:17px;
}

.h_menu > ul > li:hover { background: #fff !important; }

.h_menu > ul > li:hover > a { color: #333; }

.h_menu > ul > li > ul {
  display: none;
  width: 100%;
  background: #fff;
  border:1px solid #ddd;
  padding: 20px;
  position: absolute;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
  z-index:9999999;
}

.h_menu > ul > li > ul:before, .menu > ul > li > ul:after {
  content: "";
  display: table;
   z-index:9999999;
}

.h_menu > ul > li > ul:after { clear: both;  z-index:9999999;}

.h_menu > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 25%;
  background: none;
  float: left;
  z-index:9999999;
}

.h_menu > ul > li > ul > li a {
  color: #777;
  padding: .2em 0;
  width: 95%;
  display: block;
  border-bottom: 1px solid #ddd;
}

.h_menu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
  box-sizing: border-box;
}

.h_menu > ul > li > ul > li > ul:before, .menu > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}

.h_menu > ul > li > ul > li > ul:after { clear: both; }

.h_menu > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 3px 0;
  margin: 0;
}

.h_menu > ul > li > ul > li > ul > li a { border: 0;  font-size: 15px;  font-weight:300; color:#666;}
.h_menu > ul > li > ul > li > ul > li a:hover { color:#333; text-decoration:underline;}


.h_menu > ul > li > ul.normal-sub {
  width: 250px;
  left: auto;
  padding: 0px 0px;
}

.h_menu > ul > li > ul.normal-sub > li { width: 100%; }

.h_menu > ul > li > ul.normal-sub > li:hover { width: 100%; background:#f7f7f7;}


.h_menu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 15px;
}



/*nav*/
.nav { width:100%;  position:fixed;  z-index:9999999999999999; left:0px; top:0px; display:none; }
.menu  {width:100%; float:left;  padding-bottom:0px; /*background-color:#fff; */}

.scroll_menu  {width:100%;  float:left;  padding-bottom:0px; background-color:#fff;  padding:10px 0;
                 margin-top:0px;  background-color:#fff; border-bottom:1px solid #ddd; }

ul#topmenu 		 	{width:1200px; margin:0 auto;}
ul#topmenu  li 		{margin-top:3px; float:left;  text-align:Center; font-size:20px; letter-spacing:0px; font-weight:600; }
ul#topmenu  li a   {width:100%; display:block; line-height:50px;}


ul#topmenu  li a:link		{text-decoration:none; color:#555; font-weight:400;}
ul#topmenu  li a:visited	{text-decoration:none; color:#555; font-weight:400;}
ul#topmenu  li a:hover		{text-decoration:none; color:#111; font-weight:400;}
ul#topmenu  li a:active		{text-decoration:none; color:#111; font-weight:400;}


/* 메뉴오비시 하단 메뉴 */
#submenu			{width:100%;  float:left; z-index:999999999999999999;}

#submenu  .submenu_bg  {position:absolute; width:100%; float:left; height:50px; display:none; background-color:rgba(0,0,1,.5);  margin-top:15px; }


#submenu   ul   {width:1200px; margin:0 auto; }
#submenu   li   {float:left;   font-size:16px; font-weight:400; line-height:50px; padding-left:20px;}

#submenu   a:link			{text-decoration:none; color:#fff; }
#submenu   a:hover			{text-decoration:none; color:#fff;  font-weight:600;}
#submenu   a:active	     	{text-decoration:none; color:#fff;  font-weight:600;}
#submenu   a:visited	    {text-decoration:none; color:#fff; }


#submenu2			{width:100%;  float:left; z-index:999999999999999999; margin-top:0; }

#submenu2  .submenu_bg  {position:absolute; width:100%; float:left; height:50px; display:none; background-color:rgba(0,0,1,.5); }


#submenu2   ul   {width:1200px; margin:0 auto; }
#submenu2   li   {float:left;   font-size:16px; font-weight:400; line-height:50px; padding-left:20px;}

#submenu2   a:link			{text-decoration:none; color:#fff; }
#submenu2   a:hover			{text-decoration:none; color:#fff;  font-weight:600;}
#submenu2   a:active	     	{text-decoration:none; color:#fff;  font-weight:600;}
#submenu2   a:visited	    {text-decoration:none; color:#fff; }


/* 하단서브메뉴 위치 설정값  탑메뉴*/

#submenu .submenu1 li:nth-child(1)				{ margin-left:330px;}
#submenu .submenu2 li:nth-child(1)				{ margin-left:660px;}

#submenu .submenu3 li:nth-child(1)				{ margin-left:680px;}
#submenu .submenu4 li:nth-child(1)				{ margin-left:900px;}


/* 하단서브메뉴 위치 설정값  스크롤메뉴*/

#submenu2 .submenu1 li:nth-child(1)				{ margin-left:300px;}
#submenu2 .submenu2 li:nth-child(1)				{ margin-left:620px;}

#submenu2 .submenu3 li:nth-child(1)				{ margin-left:650px;}
#submenu2 .submenu4 li:nth-child(1)				{ margin-left:700px;}



.top_logo  {margin:0 auto; display:block; padding:30px 0 60px 0;}

.menu ul#topmenu 		 	{width:600px; float:right;  height:5px;}
.menu ul#topmenu li 		{margin-top:-100px; float:left;  text-align:Center; }
.menu ul#topmenu li a  		{width:100%; line-height:138px; letter-spacing:-1px; font-size:22px; font-weight:400; box-sizing:border-box;}


.menu ul#topmenu li a:link			{text-decoration:none; color:#333;}
.menu ul#topmenu li a:visited		{text-decoration:none; color:#333;}
.menu ul#topmenu li a:hover			{text-decoration:none; color:#2ca454;}
.menu ul#topmenu li a:active		{text-decoration:none; color:#2ca454;}




h2,h3,h4,h5   { margin:0px;  color:#333; }
h2  		{font-weight:700;  font-size:1.8em; line-height:1.2em;   }
h3  		{font-weight:400;  font-size:1.4em; line-height:1.3em; }
h4  		{font-weight:400;  font-size:1.3em; line-height:1.3em; }
h5  		{font-weight:400;  font-size:1.2em; line-height:1.3em; padding-bottom:0px;}



/* 안전수칙 */
.safe_box_100 {width:100%; float:left;}
.safe_box_100 ul li.col-4 {width:25%; float:left; border:1px solid #ddd; box-sizing:border-box; height:250px;}
.safe_box_100 ul li.col-4:nth-child(4), .box_100 ul li.col-4:nth-child(8)
{float:right; margin-right:0%;}

.box_100 ul li.col-5 {width:20%; float:left; border:1px solid #ddd; box-sizing:border-box;}
.box_100 ul li.col-5:last-child {float:right; margin-right:5px;}

.box_60 {width:60%; float:left;}


/* QUICK */

#quick  {width:105px; position:fixed; z-index:9; bottom:16%; right:3.5%; border:1px solid #ddd; border-radius:15px; background:#fff;}
#quick p   {width:100%; float:left; text-align:Center; border-top:none;}

#quick	.title{ width:100%; float:left; font-size:13px;  padding:10px 0px; color:#666; font-weight:600;  border-bottom:1px solid #ddd;
                 background-color:#f7f7f7; border-radius:15px 15px 0 0;}

#quick .quick-menu   { background-color:#fff; float:left;}
#quick .quick-menu img {  margin-bottom:5px}


#quick .quick-menu a {
	display:inline-block;
    text-decoration:none;
	width:100%;
	padding:8px 0;
	font-size:13px;
	font-weight:300;
	line-height:1.1em;
	 }


#quick .quick-menu a:link		{ text-decoration:none; color:#777;  background-color:#fff;}
#quick .quick-menu a:visited	{ text-decoration:none; color:#777;  background-color:#fff;}
#quick .quick-menu a:hover		{ text-decoration:none; color:#333; font-weight:400;}
#quick .quick-menu a:active		{ text-decoration:none; color:#333;  background-color:#f9f9f9;}



#quick .q_top  { border-top:1px solid #ddd; background:#fff; border-radius:0 0 15px 15px;}
#quick .q_top a {
	 display:inline-block;
     text-decoration:none;
	 width:100%;
	 padding:10px 0;
	 font-size:13px; font-weight:600;  line-height:20px;
	 border-top:none;
	 }

#quick .q_top a:link		{text-decoration:none; color:#666;  }
#quick .q_top a:visited		{text-decoration:none; color:#666;  }
#quick .q_top a:hover		{text-decoration:none; color:#666;  }
#quick .q_top a:active		{text-decoration:none; color:#666;  }


@media all and (max-width:1300px)  {
#quick  {display:none;}

}



.box_100 .about_ul li h5 {font-size:25px; font-weight:600; text-align:center; margin-top:20px;}
.box_100 .about_ul li p {font-size:18px; font-weight:400; text-align:center; margin-top:10px; color:#999;}

.box_bg {width:100%; float:left; background:#f7f7f7; padding:20px; box-sizing:border-box;}
.f_bold {font-weight:800;}
.f_bold2 {font-weight:600;}

.txt_big { font-size:25px; color:#333; line-height:1.5em;}
.txt_nor { font-size:20px; color:#333; line-height:1.35em;}
.txt_small { font-size:18px; color:#333; line-height:1.2em;}





.main_vi_wrap .svg-wrapper {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  width: 520px;
  text-align: center;
}
.main_vi_wrap .shape {
  stroke-dasharray: 0 580;
  stroke-dashoffset: 580;
  stroke-width: 4px;
  fill: transparent;
  stroke: #fefefe;
  border-bottom: 5px solid black;
  transition: stroke-width 2.7s, stroke-dashoffset 2.7s, stroke-dasharray 1.3s;
  transition-delay: 0s;
  fill: rgb(20,20,20);
}
.main_vi_wrap .text {
  font-family: 'David Libre';
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 8px;
  color: #fff;
  top: -48px;
  position: relative;
  text-align: center;
  height: 60px;
  width: 520px;
  font-variant: small-caps;
}
.main_vi_wrap .shape-border {
  stroke-width: 4px;
  stroke-dashoffset: 0;
  stroke-dasharray: 480 100;
}

.item{
  opacity:0.4;
  transition:.4s ease all;
  margin:0 20px;
  transform:scale(.8);
}
@media(max-width:1000px){
  .item{margin:0; transform:scale(.9)}
}
.active .item{
  opacity:1;
  transform:scale(1);
}

.owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.inner{position:absolute; bottom:30px; left:0; right:0; text-align:center;}
.inner a{color:#fff; text-decoration:none; border-bottom:2px solid rgba(255,255,255,0.5); transition:.3s ease border-color}
.inner a:hover{border-color:#fff;}
.black .inner a{color:#000; border-color:rgba(0,0,0,0.4)}
.black .inner a:hover{border-color:#000;}

.owl-carousel:after{content:""; display:block; position:absolute; width:8%; top:0; bottom:0; left:50%; margin-left:-4%; pointer-events: none; background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/43033/aett_logo_slider.png) no-repeat center 50%; background-size:100% auto;
}

.owl-controls{position:absolute; margin-top:300px;}




/*푸터*/
.in {width:1240px; margin:0 auto;}

.notice {width:33.33333333%;  height:160px;  float:left; margin-top:40px; border:1px solid #ddd; box-sizing:border-box; padding:25px;}
.notice h3 {font-size:21px; font-weight:600; width:100%; float:left ; padding-bottom:10px; color:#333;}
.notice li{width:100%; float:left; color:#666; font-size:15px;  padding-bottom:3px;}
.notice h3 a {font-size:13px; float:right; font-weight:300; color:#999 !important; font-family:"iropke-batang"}
.notice li span {font-size:13px; float:right; font-weight:300; color:#999 !important}

.in .about_bn {width:100%; float:left; margin:0 0 40px 0; background:url('/sian/img/bn_bg.png') center top ; height:300px; background-size:cover; text-align:left; }
.in .about_bn div  {background-color:rgba(0,0,0,0); width:100%; box-sizing:border-box; padding:70px 30px;  height:300px; color:#333; font-size:19px;  font-weight:400; line-height:1.5em; }

.guide_text {font-size:17px; line-height:1.8em; color:#666;  width:100%; text-align:center; float:left; margin:20px 0;  }

.results .label {position:absolute; z-index:99999999; top:0; left:0; background-color:#f47321; color:#fff; font-size:18px; width:75px; padding:10px 0; line-height:1.1em;  display:inline-block;}
a.main_btn {font-size:19px; background-color:#615555; color:#fff !important; width:250px; display:inline-block; text-align:center; line-height:60px; }

.txt_bg {background:#f7f7f7; padding:12px 15px; box-sizing:border-box;}
.txt_bg ul li {font-size:18px; color:#555; list-style:disc; margin-left:20px;line-height:1.35em;}

h4.tt {font-size:36px; font-weight:600; width:100%; float:left; line-height:1.4em; color:#333; margin-bottom:30px;}
h3.tt {font-size:30px;  font-weight:400; width:100%; float:left;  line-height:1.3em; color:#333;}
p.tt {font-size:25px; font-weight:400; width:100%; float:left;   line-height:1.3em; color:#999;}

.in {width:1200px; margin:0 auto;}
.in .guide {width:100%; text-align:left; float:left; font-size:32px; font-weight:700; color:#333;  margin-top:50px; margin-bottom:30px; }

.sub_menu {width:1200px; margin:0 auto;}
.sub_menu li {background-color:#f9f9f9;  text-align:center; border-right:none; font-size:18px; float:left; line-height:50px; box-sizing:border-box; color:#666; border-right:3px solid #fff;}
.sub_menu li:last-child {border-right:none}

.s_line{border:0px solid gray; display:block;width:28px;height:20px; position:relative; margin:0 auto;}

.s_line:after{
  content:""; position:absolute; border-top:4px solid #d4b666; width:40px;
  transform: rotate(25deg);

}

.fixed_top {width:60px; font-size:13.5px;  border-radius:5px;line-height:60px; background-color:#f1f1f1; color:#333;  text-align:center; flaot:right; position:fixed; bottom:5%; right:3%; letter-spacing:0.5px;}



/* 20190322 (마우스오버시 펼쳐지는 서브메뉴) */
#primary_nav_wrap {width:100%; float:left; height:65px; background:#fff;  margin-top:-35px;
 box-shadow:2px 2px 3px 0px #ddd;}

#primary_nav_wrap ul
{
	max-width:1200px;
	height:65px;
	margin:0 auto;
	list-style:none;
	position:relative;
	padding:0;
}

#primary_nav_wrap ul .primary_nav_title>a
{
	color:#333;
	text-decoration:none;
	font-weight:400;
	font-size:17px;
	line-height:65px;
	padding:0 20px;
	/*font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif*/
}

#primary_nav_wrap ul .primary_nav_title
{
	position:relative;
	float:left;
    width:27%;
	text-align:left;
	border-right:1px solid #ddd;
}

#primary_nav_wrap ul li.home_bt
{width:65px; height:65px; float:left; text-align:Center;
box-sizing:border-box; border-right:1px solid #ddd; border-left:1px solid #ddd;}

#primary_nav_wrap ul li.home_bt a {display:block;  line-height:60px;}
#primary_nav_wrap ul li.home_bt i {line-height:60px;}

/*#primary_nav_wrap ul li:hover
{background:#f6f6f6} */

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0;
	z-index:9999999999;
	border-top:1px solid #ddd;
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:325px;
	border-bottom:1px solid #ddd;
}

#primary_nav_wrap ul ul li a:hover {transform:ease-in-out 3s;}


.primary_nav_title ul li a
{ display: block;
  color: #777;
  font-size:17px;
  font-weight:400;
  background: #f9f9f9;
  }

.primary_nav_title .fa { font-size:18px; float:right; padding:25px 20px 0 0; color:#333;}

.primary_nav_title ul li a:hover{background:#f0f0f0;}

#primary_nav_wrap ul ul a
{ line-height:77%; padding:18px 20px; font-size:17px; }

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block;

}



/* 퀵메뉴 */
div.topBtn { position:fixed; right:30px; bottom:30px; z-index:999;}
div.topBtn #scroll {display:block; background:url('/img/quick.png') center no-repeat; width:60px; height:60px; border-radius:100px; box-shadow:0 0px 5px #eee;}