/*
==========================================
폰트
==========================================
*/

@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: thin; 
  font-weight: 100; 
  src: url(font/NotoSansKR-Thin.woff2) format('woff2'), 
	  url(font/NotoSansKR-Thin.woff) format('woff'), 
	  url(font/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(font/NotoSansKR-Light.woff2) format('woff2'), 
	  url(font/NotoSansKR-Light.woff) format('woff'), 
	  url(font/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-weight: 400; 
  src: url(font/NotoSansKR-Regular.woff2) format('woff2'), 
		url(font/NotoSansKR-Regular.woff) format('woff'), 
		url(font/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: bold; 
  font-weight: 500; 
  src: url(font/NotoSansKR-Medium.woff2) format('woff2'), 
		url(font/NotoSansKR-Medium.woff) format('woff'), 
		url(font/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: extrabold; 
  src: url(font/NotoSansKR-Bold.woff2) format('woff2'), 
		url(font/NotoSansKR-Bold.woff) format('woff'), 
		url(font/NotoSansKR-Bold.otf) format('opentype'); 
 } 

/*@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);*/
html,body {height:100%;}
* {font-family:'Noto Sans KR', 'Sans-serif'; font-weight:300;letter-spacing:-0.04rem;}
body { background:#fff; }
h1, h2, h3, h4, h5, h6, input, button, select {font-family:'Noto Sans KR', 'Sans-serif'}
strong,b {font-weight:500;}
.fnormal {font-weight:300;}
.fmedium {font-weight:400;}
.fbold {font-weight:500;}
.fexbold {font-weight:600;}

@media (max-width:980px) {
	.fnormal {font-weight:normal;}
	strong, b, .fbold, .fexbold {font-weight:bold;}
}

select,.mc-list-skin select { -webkit-appearance: none;  /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background: url('../img/arr-down.png') no-repeat 95% 50%;  /* 화살표 모양의 이미지 */ background-size:12px auto;}
select::-ms-expand, .mc-list-skin select::-ms-expand { display: none; /* IE 10, 11의 네이티브 화살표 숨기기 */ }

/*
==========================================
기본
==========================================
*/
#hd {border-top:0 !important;}
#mtwrap {max-width:1200px; margin:0 auto;}
.pconly {display:block;}
.mobonly {display:none;}
.pconly2 {display:inline-block;}
.mobonly2 {display:none;}
.pconly3 {display:table-cell;}
.mobonly3 {display:none;}

.first {margin-top:40px;}
.guidetbl { margin-top:10px; width:100%;}
.guidetbl td {font-size:.9rem; padding:10px 15px; border:1px solid #ddd;}
.guidetbl .sbj {font-size:1.2rem; font-weight:bold; padding:10px;border:0; }
input[type=submit] {-webkit-appearance:none; border-radius:0;}

.tit_small {font-weight:400; font-size:1rem; letter-spacing:0.1rem; color:#787878; text-transform:uppercase;}
.tit_big {font-weight:500; font-size:2.4rem; text-transform:uppercase;}

.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 5px;
  margin-top:2px;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background: white;
  border:1px solid #ccc;
}
.styled-checkbox:hover + label:before {
  background: transparent;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0;
}
.styled-checkbox:checked + label:before {
  background: #f18f09;
  border:0;
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#captcha #captcha_key {border-radius:0; margin-left:0;}
#captcha #captcha_reload {border-radius:0; margin-right:3px;}
#captcha.m_captcha #captcha_key {width:100px; border:1px solid #ccc; margin-top:3px; margin-left:0; height:40px;}
.sch_word {color:#f18f09;}

.managebtn a{font-size:.9rem; color:#fff;}

/*
==========================================
반응형 헤더
==========================================
*/
#mtnavi{float:left; top: 0px; padding: 0; width: 100%; margin-top:0; color: #fff; background-color:#fff; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; z-index:1000;	border:0px rgba(255,255,255,0.4) solid;  border-left:0;	border-right:0; border-bottom:1px solid #ddd;  font-weight:300;  }
#mtnavi.stick { height: 65px;margin-top:0; text-align: left; padding: 10px 0 !Important; transition: all 0.4s ease-in-out;    -webkit-transition: all 0.4s ease-in-out;
 background: #fff; border-bottom:0; box-shadow:0 0 3px rgba(0,0,0,0.3);}
	.top-container {width:100%; margin:0 auto; max-width:1840px;}
	.wrap-container {}
	.branding {width: 180px;  float: left;  text-align: left; font-size:1.4rem; height:75px; line-height:72px; }
	.branding a {color:#fff; font-weight:500;}
	.branding.stick {height: 30px;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;   }
	.branding.stick a {color:#000;}
	  #mtnavi .search {display:none; float:left; width:25%; height:35px; line-height:35px; padding-top:18px;}
		  #mtnavi .search .popular {font-size:.8rem; font-weight:normal; text-align:center; padding:13px 0 0 0; color:#909090;}
		  #mtnavi .search .popular a {color:#909090;}
		  #mtnavi .search .popular a:hover {text-decoration:underline; color:#1a5bbb;}
		  #mtnavi .search .searchbox {float:left; width:90%; max-width:350px; margin:0 auto; border:1px solid #ccc; padding:5px; }
		  #mtnavi .search .searchbox select {border:0; border-right:1px solid #ddd; height:30px; line-height:30px; padding:0 10px; color:#ababab; font-size:.9rem; background-position:90% 50%; min-width:120px;}
		  #mtnavi .search .searchbox input[type=text] {float:left; width:70%; height:30px; line-height:30px; border:0; padding:0 5px; font-size:.9rem; color:#333; background:transparent;}
		  #mtnavi .search .searchbox input::placeholder {font-size:.9rem; color:#ccc;}
		  #mtnavi .search .searchbox .icobtn {float:left; font-size:1rem; padding:0; color:#ccc; border-right:1px solid #ccc; height:30px; line-height:30px; padding:0 10px; background:none; border:0;}
	  #mtnavi .banner {float:left; width:25%; text-align:right; padding-top:20px;}
		  #mtnavi .search .searchbox .searchbtn {float:right; font-size:.9rem; font-weight:500; padding:0 10px; height:30px; line-height:30px; background:#f18f09; color:#fff; border:0;}
	  #mtnavi .rightmenu {float:right; width:200px; text-align:right; height:75px; line-height:75px;}
		  #mtnavi .rightmenu ul {float:right;}
		  #mtnavi .rightmenu ul li {float:left; list-style:none; margin-left:20px;}
		  #mtnavi .rightmenu ul li a {color:#7b7b7b; font-size:13px; font-weight:300;}
		  #mtnavi .rightmenu ul li a i {display:none;}

	.logo {width:160px; transition:all .5s;}
	.logo-lg {max-width: 150px;}
	.logo-sm {max-width: 150px;height: 100%;display: none;}
	.menu {width: calc(80% - 750px);float: right; border-top:0px solid #ddd; border-bottom:0px solid rgba(255,255,255,0.2); box-shadow:none; z-index:9999;}
	.menu.stick {position:fixed; top:0; border-top:0; border-bottom:0;  background:#fff; z-index:9999;}
	.listMenu { display: none;}

	.menu_new {position:absolute; right:20px; top:-1px; color:#f18f09; font-weight:500; font-size:12px;}

/****미디어쿼리 top container****/
@media (max-width:1600px) {
	.top-container {max-width:1540px;}
	.menu {width:calc(90% - 750px);}
}
@media (max-width:1440px) {
	.top-container {max-width:1360px;}
}
@media (max-width:1400px) {
	.top-container {max-width:1310px;}
	.menu {width:calc(100% - 750px);}
	.styled-checkbox + label {font-size:.8rem;}
}

/*******미디어쿼리 pc헤더*****/
@media (min-width:1100px) {
	h1 {font-size: 2em;}
	.overlay {display: none !important;}
	.mobileMenu {display: none;}
	.wrap-container {max-width:1200px;margin: 0 auto;}
	.mobileMenuButton {display:none;}
	.listMenu { display: block; float:right;}
	.listMenu ul {float:left; width:100%;}
	.listMenu li {float:left; width:90px; text-align:center; padding: 0; position:relative;}
	.listMenu li a {color: #2b2b2b;line-height: inherit;padding: 0; height:75px; line-height:75px; text-align:center; font-weight: 300;font-size: 15px;text-decoration: none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; cursor:pointer;}
	.listMenu li:last-child a {padding-right:0;}
	.listMenu li a:hover {color: #f18f09; text-decoration: none;}
	.listMenu li:hover a {}
	.listMenu li:hover .navbox2 {display:block !important;}
	.listMenu li .navbox2 {display:none; position:absolute; z-index:99; left:0;  right:0; width:90%; padding:10px; margin:0 auto; border:1px rgba(0,0,0,0.1) solid;  border-top:0; margin-top:-1px; border-radius:0; background:#fff;}
	.listMenu li .depth2 {float:left; margin:0 auto; padding:7px 0; width:100%; text-align:left; }
	.listMenu li .depth2:last-child a{}
	.listMenu li .depth2 a {width:100%; height:0px; line-height:0px; padding:0 15px; font-size:0.9rem; font-weight:500; color:#434343; background:none; text-align:left;}
	.listMenu li .depth2 a:hover {border-bottom:0; color:#f18f09;}

	.stick {border:1px solid #ddd; border-left:0; border-right:0;}
	.branding.stick {border:0; height:40px; line-height:40px;}
	.stick .listMenu li a {color:#666; height:53px; line-height:51px;}
	.stick .listMenu li:not(:first-child) a:hover {color: #f18f09 !important;}
	.stick .branding {color:#333;}
	.stick .logo {width:80px; margin-top:-5px; transition:all .5s;}
	.stick .listMenu li .navbox2 {margin-top:0;}
	.stick .listMenu li .depth2 a {height:0px; line-height:0px;font-size:0.85rem; font-weight:500; color:#333; margin-top:10px;}
	.stick .listMenu li .depth2 a:hover {color:#f18f09;}
	.mobileButton {display: none;}

	/*첫번째메뉴 관련 수정*/
	.listMenu li.firstmenu {background:none; border-bottom:0px solid #fff; margin-right:0%; width:110px;}
	.listMenu li.firstmenu a {color:#2b2b2b;}
	.listMenu li.firstmenu a:hover {color:#f18f09;}
	.listMenu li.firstmenu .depth2 {padding:0;}
	.listMenu li.firstmenu .navbox2 {display:block !important; width:100%; background:rgba(0,0,0,0.7);  height:525px; padding:20px 0; margin-top:0; border:0;}	
	.listMenu li.firstmenu .depth2 a {display:inline-block; padding:30px; color:#fff; font-size:1.1rem;}
	.listMenu li.firstmenu .depth2 a:hover{color:#333; background:#fff; font-size:1.1rem; font-weight:bold;}
	.stick .listMenu li.firstmenu a {color:#fff;}
	.stick .listMenu li.firstmenu .navbox2 {display:none !important; height:auto; padding:10px;  border:1px rgba(0,0,0,0.1) solid;  border-top:0; margin-top:-1px; border-radius:0; background:#fff;}
	.stick .listMenu li.firstmenu:hover .navbox2 {display:block !important;}
	.stick .listMenu li.firstmenu .depth2 {padding:7px;}
	.stick .listMenu li.firstmenu .depth2 a {color:#333; font-size:0.9rem; padding:0 15px;}
	.stick .listMenu li.firstmenu .depth2 a:hover {color:#f18f09;}
	/*수정 끝*/

}
/*
==========================================
우측 aside 제거 및 100%화면
==========================================
*/
#container {width:100% !important;}
#aside {display:none !important;}

/*
==========================================
슬라이더
==========================================
*/
#mtslider {float:left; width:100%; }
	#mtslider .bx-wrapper {border:0 !important; box-shadow:none !important; margin-bottom:0;}
		#mtslider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:50px;}
		#mtslider .bx-wrapper .bx-pager.bx-default-pager a {background:#ccc;}
		#mtslider .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#fff !important;}
		#mtslider .bx-controls-direction {display:none;}
	#mtslider .opc {position:absolute; width:100%; margin-top:0; background:rgba(0,0,0,0.4); height:700px;}
	#mtslider .bg1 {background:url('../img/main-1.jpg'); background-size:cover;min-height:700px;}
	#mtslider .bg2 {background:url('../img/main-2.jpg'); background-size:cover;min-height:700px;}
	#mtslider .bg3 {background:url('../img/back-1.jpg'); background-size:cover;min-height:700px;}
	#mtslider .bg4 {background:url('../img/back-1.jpg'); background-size:cover;min-height:700px;}
	#mtslider .bg5 {background:url('../img/back-1.jpg'); background-size:cover;min-height:700px;}
	#mtslider .bg6 background:url('../img/back-1.jpg'); background-size:cover;{min-height:700px;}
	#mtslider .txt {color:#fff; margin-top:350px;}
		#mtslider .txt .small {padding-left:3px; font-size:.9rem; letter-spacing:0.4rem; text-transform:uppercase; margin-bottom:10px;}
		#mtslider .txt .medium {font-size:2rem; margin:10px 0 5px 0;}
		#mtslider .txt .big {font-size:2.6rem;}
#mtwrap2 {width:100%; max-width:1200px;  display:block!important;  margin:0 auto;  margin-top:180px; padding-left:340px;}
.Modern-Slider {}
	.Modern-Slider .item .img-fill{height:530px !important;}
	.Modern-Slider .small {margin-bottom:10px !important; }
	.Modern-Slider .medium {margin:20px 0 !important;}
	.Modern-Slider .big {}
	.Modern-Slider .PrevArrow,  .Modern-Slider .NextArrow {margin-top:0 !important; background:rgba(255,255,255,0.3) !important;}
	/*슬라이드순서별 이미지위치조정*/
	.Modern-Slider .item:nth-child(1) .img-fill img {margin-top:0vh;}
	.Modern-Slider .item:nth-child(2) .img-fill img {margin-top:-10vh;}
	.Modern-Slider .item:nth-child(3) .img-fill img {margin-top:-5vh;}
	.Modern-Slider .item:nth-child(4) .img-fill img {margin-top:-50vh;}
	.Modern-Slider .item:nth-child(5) .img-fill img {margin-top:-50vh;}
	.Modern-Slider .item:nth-child(6) .img-fill img {margin-top:-50vh;}
	.Modern-Slider .item:nth-child(7) .img-fill img {margin-top:-50vh;}
	.Modern-Slider .item:nth-child(8) .img-fill img {margin-top:-50vh;}
	.Modern-Slider .item:nth-child(9) .img-fill img {margin-top:-50vh;}
	.Modern-Slider .item:nth-child(10) .img-fill img {margin-top:-50vh;}
	/*슬라이더투명도조절*/
	.Modern-Slider .item .img-fill .info {background:rgba(0,0,0,.10) !important;}
	.Modern-Slider .opc {background:rgba(0,0,0,0.15) !important; display:none;}
/*
==========================================
서브 상단 화면
==========================================
*/
#mtsubtop {float:left; position:relative; width:100%; height:200px; text-align:center;}
	#mtsubtop .txt {color:#fff; }
		#mtsubtop .txt .small {padding-left:3px; font-size:.84rem; letter-spacing:0rem; text-transform:uppercase; margin-bottom:10px; color:#e2e2e2;}
		#mtsubtop .txt .medium {font-size:2rem; margin:10px 0 5px 0; }
		#mtsubtop .txt .big {font-size:2.6rem; }
	#mtsubtop .opc {position:absolute; width:100%; top:0;  padding:60px 0 0 0;  background:rgba(0,0,0,0.2); height:200px;}
	#mtsubtop.bg1 {background:url('../img/bg.jpg'); background-size:cover;min-height:auto; background-position:0 100%;}
/*

/*
==========================================
현재위치
==========================================
*/
#mtbreadcrumb {float:right; width:100%; margin-top:0; background:#fff; color:#757575; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
	#mtbreadcrumb ul {float:right;}
	#mtbreadcrumb a {color:#868686;}
	#mtbreadcrumb li:before {font-family:'themify'; content:"\e649"; color:#c5c5c5; margin:0 15px; font-size:.78rem;}
	#mtbreadcrumb li:first-child:before {content:''; margin:0 15px 0 0;}
	#mtbreadcrumb li {padding:18px 0px; float:left; border-right:0px solid #ddd; font-size:.88rem; font-weight:400; text-transform:uppercase;}
/*

/*
==========================================
헤더를 배경과 합성 원하면
==========================================
*/
#mtheader {margin-top:35px; background:none !important; position:absolute; z-index:99; border:1px rgba(255,255,255,0.3) solid; border-top:0; border-left:0; border-right:0;}
#tnb {float:left; z-index:99; background:#f4f4f4; border-bottom:1px solid #ccc; width:100%; border:0; margin-top:0px; border-bottom:1px solid #ddd !important;}
	#tnb ul {float:left; width:100%;}
	#tnb li {float:left; border:0;}
	#tnb a {color:#808080; font-size:0.74rem; padding:0;}
	#tnb a i {font-size:.5rem; margin-right:3px;}
	#tnb .col-2 .one {margin:0;}
	#tnb .col-2 .one:nth-child(2) li {float:right;}
	#tnb .col-2 .one:nth-child(2) li a {padding-left:20px;}
	#tnb .tnb_community {background:none; border:0;}
	#tnb .tnb_community a {color:#fff;}
#mtslider {margin-top:-100px;}
#mtheader .mtnav .navbox .depth1 a {color:#fff;}

/*
==========================================
기타
==========================================
*/
.txtblk {color:#333;}
.txtwht {color:#fff;}
#ctt {padding:0;}
	#ctt header {display:none !important; /*헤더충돌방지*/}
#ctt_con {line-height:2em; font-size:1rem; color:#666;}
.mttable {width:100%;}
	.mttable td {padding:5px 10px;}
	.mttable tr:nth-child(2n) td, .mttable tr:nth-child(2n) th {background:#f5f5f5;}
.col-2 {width:100%; float:left;}
	.col-2 .one {float:left; width:49.5%; margin-right:1%; margin-bottom:1%;}
	.col-2 .one:nth-child(2n) {margin-right:0;}
.col-3 {float:left; width:100%;}
	.col-3 .one {float:left; width:32.6%; margin-right:1%; margin-bottom:1%; padding:30px; height:300px; background:#eaeaea; border:1px solid #ddd;line-height:1.8rem;}
	.col-3 .last {margin-right:0;}
	.col-3 .two {float:left; width:66.2%; margin-right:1%; margin-bottom:1%; padding:30px; height:300px; border:1px solid #ddd;}
	.col-3 .tit {font-size:1.3rem; font-weight:500;}
	.col-3 p {margin-top:15px;}
.col-4 {float:left; width:100%;}
	.col-4 .one {float:left; width:25%; padding:10px 15px;}
	.col-4.mainproduct .one {width:24.25%; padding:0;margin-right:1%; border:1px solid #ddd; margin-bottom:15px; }
	.col-4.mainproduct .one:first-child {padding-left:0;}
	.col-4.mainproduct .one:nth-child(4n) {margin-right:0;}
	.col-4.mainproduct .one img {width:100%;}
	.col-4.mainproduct .one .avatar img {width:100%;}
	.col-4.mainproduct .one .tit {font-weight:500; font-size:1.5rem; margin:10px 0 0 0;}
	.col-4.mainproduct .one .info {font-size:.9rem; color:#393939; font-weight:300; margin:10px 0 20px 0;}
	.col-4 .col-2 .one{width:50% !important;}

.mtcircle {float:left; background:#fff; margin:0 auto; width:100%; padding:60px 40px 0 40px; height:270px; border-radius:50%; font-size:1rem;}
	.mtcircle i {font-size:2.6rem; color:#000;}
	.mtcircle .tit {font-size:1.5rem; margin-top:10px; font-weight:500;}
	.mtcircle .txt {margin:10px 0 20px 0; font-weight:400; color:#777;}
	.mtcircle:hover .tit, .mtcircle:hover i{color:#33bee4; transition:all 1s;}
	.mtcircle a.goto {color:#1a5bbb; border:2px solid #1a5bbb; border-radius:20px; padding:5px 20px; font-size:.8rem; font-weight:500;}
	.mtcircle a.goto:hover {background:#1a5bbb; color:#fff; transition:all .5s;}
.pbtn {background:#4c8cb1; color:#fff; padding:2px 5px; font-size:.8rem;}
.pbig {font-size:1.6rem; font-weight:bold;}
.sbtn {background:#a12f42; color:#fff; padding:2px 5px; font-size:.8rem;}
.cbtn {background:#b23448; color:#fff; padding:2px 5px; font-size:.8rem;}
.bbtn {border:2px solid #666; padding:5px 20px; font-size:.9rem;}
	.bbtn:hover {background:#5eb4e7;color:#fff;}
.gotodetail {padding:10px 60px; border-radius:40px; border:2px solid #000; font-size:1rem; margin-top:40px;}
	.gotodetail:hover {background:#000; color:#fff; transition:all 0.6s;}
.gobtn:hover {background:#000; border:2px solid #000 !important; transition:all 0.6s;}
.styletbl {}
	.styletbl th {background:#ccc; color:#fff; }
	.styletbl td {padding:5px 20px;}

.size1 {}
.size2 {margin-top:25px !important;}
.size3 {font-size:1rem !important; margin-top:10px !important;}

#captcha.m_captcha #captcha_key {height:40px;}
#captcha #captcha_mp3 {display:none;}

/*회사소개*/
.aboutimg {width:100%; text-align:center; padding:130px 0 120px 0; color:#fff; background:url('../img/about.jpg') 0 40% no-repeat; background-size:cover; animation:fadeIn 3s both;}
	.aboutimg .subtxt {font-size:1.2rem;animation:fadeInUp 3s both;}
	.aboutimg .tittxt {font-size:2.4rem; font-weight:600; animation:fadeInUp 3s both;}
	.aboutcont {text-align:center; padding:60px 15px;}

.about_images {display:table; width:903px; margin:0 auto; }
	.about_images .mainimg {float:left; width:600px; height:300px; background:url('../img/about_main.jpg') 0 40% no-repeat; background-size:cover;}
	.about_images .subimg1 {float:left; width:300px; height:149px; margin-left:2px; margin-bottom:1px; background:url('../img/about_sub_1.jpg') 0 40% no-repeat; background-size:cover;}
	.about_images .subimg2 {float:left; width:300px; height:149px; margin-left:2px; margin-top:1px; background:url('../img/about_sub_2.jpg') 0 60% no-repeat; background-size:cover;}

/*서브페이지*/
.subpageimg {width:100%; text-align:center; padding:130px 0 120px 0; color:#fff; background:url('../img/shipping.jpg') 0 95% no-repeat; background-size:cover; animation:fadeIn 3s both;}
	.subpageimg .subtxt {font-size:1.2rem;animation:fadeInUp 3s both;}
	.subpageimg .tittxt {font-size:2.4rem; font-weight:600; animation:fadeInUp 3s both;}
	.subpagecont {text-align:center; padding:40px 0 0 0;}

/*
==========================================
메인화면
==========================================
*/
.box_fir {background-color:#f9d7da;background-image:url('../img/cal.png') !important; background-repeat:no-repeat !important; background-position:0 !important;}
.box_sec {background-color:#c83f55 !important; background-image:url('../img/yeyak.png') !important; background-repeat:no-repeat !important; background-position:-140% 5% !important; }
.box_thr {background-image:url('../img/man.png') !important; background-repeat:no-repeat !important; background-position:70% 50% !important; }
.box_four {background-image:url('../img/fee.png') !important; background-repeat:no-repeat !important; background-position:70% 50% !important; }
.box_five {background-image:url('../img/company.png') !important; background-repeat:no-repeat !important; background-position:70% 50% !important; }
.yogeum {padding:30px 0;}
.eventbox {float:left; width:99.8%; background-color:#f9d7da; padding:20px 10px; margin-bottom:1%; text-align:center; font-size:1rem;}
	.eventbox .pcolor {color:#b52734; font-weight:500;}
.bx-wrapper {border:0 !important; -webkit-box-shadow:none !important; box-shadow:none !important;}
	.minislider div {}
	.bx-wrapper .bx-pager {bottom:15px !important;}
#product {float:left; width:100%; padding:100px 0; text-align:center; font-size:1.3rem;}
	#product .tit {float:left; display:inline-block; color:#737373; font-size:1.6rem; font-weight:500; margin: 30px 0;}
	#product .tit i {color:#ccc; font-size:1.3rem;}
#info {float:left; width:100%; padding:80px 0; text-align:center; font-size:1.3rem; background:#1a5bbb;}
	#info h5 {color:#ccc;}
	#info h1 {color:#fff;}
#info2 {float:left; width:100%; padding:50px 0; text-align:center; background:#f5f5f5; text-align:left;}
	#info2 .col-2 {float:left; width:100%; padding:25px 0;}
	#info2 .col-2 .one:nth-child(2) {line-height:2.2rem; text-align:right; padding-right:27px; letter-spacing:-0.3px;}
	#info2 .col-2 .one:nth-child(2) a { color:#b5b5b5; }
	#info2 .col-2 .one:nth-child(2) i {font-size:.7rem;}
	#info2 .left {float:left; width:69%; border:1px solid #ddd; background:#fff; margin-right:1%; height:590px;}
	#info2 .right {float:right; width:29%; border:1px solid #ddd; background:#fff; margin-left:1%; text-align:left; padding:25px 27px; height:590px;}
	#info2 .tit {font-size:1.7rem; padding-left:27px; font-weight:500;}
	#info2 .right .tit {float:left; width:100%; padding-left:0;}
	#info2 p {margin:18px 0; color:#747474; float:left; width:100%;}
	#info2 p.sns a {float:left; width:100%; font-size:.95rem; font-weight:500; color:#444; margin-bottom:10px;}
	#info2 p.sns img {width:23px; height:23px; margin-right:5px;}

#pr {float:left; width:100%; text-align:center; font-size:1.4rem; background:url('../img/info.jpg') no-repeat; background-attachment:fixed; background-size:cover; background-position:0 30%;}
	#pr .txt {padding:140px 0;background-color:rgba(0,0,0,.4); color:#fff;}

#choice {text-align:center;margin:0 0 50px 0;}
	#choice .col-5 {float:left; width:100%; margin-top:0; }
	#choice .col-5 .one{float:left; position:relative; color:#fff; width:19.2%; margin-right:1%; height:220px; overflow:hidden;}
	#choice .col-5 .one:nth-child(5n) {margin-right:0;}
	#choice .col-5 .one:before {content:''; position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.6); z-index:2;}
	#choice .col-5 .one .txt {color:#fff; position:absolute; display:block; width:100%; height:100%; left:0; top:0; text-align:center; z-index:3; line-height:1.6rem; padding:50px 0 0 0; }
	#choice .col-5 .one .apb {display:table; margin:0 auto; font-size:2.8rem; font-weight:500;  text-transform:uppercase; border:1px solid rgba(255,255,255,0.4); padding:10px; width:60px; height:50px;}
	#choice .col-5 .one .tit {font-size:1.1rem; margin:15px 0 5px 0; font-weight:300;}
	#choice .col-5 .one .price {margin:0;}
	#choice.last{margin-bottom:120px;}

.main_tit {float:left; width:100%; text-align:center; padding:20px 0; margin-bottom:10px;}
	.main_tit .tit {font-size:1.4rem; font-weight:500;}
	.main_tit .txt {font-size:1.03rem; font-weight:300; color:gray;}

	 .main_sch_area {position:relative; float:left; width:100%; height:470px; background:url('../img/main_sch.jpg') center 70%; background-size:cover; _#de4010; font-size:42px; text-align:center; color:#fff; font-weight:300;}
		 .main_sch_area .opc {position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.6); z-index:2;}
		 .main_sch_area .txt {position:absolute; width:100%; height:100%; padding:120px 0; z-index:3; font-weight:100;}
		.main_sch_area .txt .point {color:#f38d02;}
		.main_sch_area .searchbox {	display:table;	margin:0 auto;	margin-top:35px;    font-size: 1.1rem;    padding: 12px 20px;		border:1px solid rgba(255,255,255,0.6);    color: #fff;    width: 750px;} 
			.iptsch {float:left; width:calc(100% - 200px); background:transparent; border:0; padding:0 10px; height:40px; line-height:40px; color:#fff; outline:none; font-size:20px; font-weight:100;}
			.searchbox input:focus {outline:none;  box-shadow:none; border:1px solid red;}
			.iptsch::placeholder {color:rgba(255,255,255,0.6); text-align:left; font-size:20px; font-weight:100;}
			.main_sch_area .searchbox .icobtn {float:left; border:0; background:transparent; color:#fff; font-size:18px; padding:0; width:50px; height:35px; line-height:35px; border-right:1px solid rgba(255,255,255,0.4); margin-right:10px; padding-right:10px; margin-top:2.5px;}
			.main_sch_area .searchbtn {float:right; width:100px; height:40px; line-height:40px; font-size:15px; background:rgb(243, 141, 2); color:#fff; text-align:Center; border:0;}
		.main_sch_area .popular a {color:#fff; font-size:.9rem; font-weight:300;}
		.main_sch_area .popular a:hover {text-decoration:underline;}
/*
==========================================
푸터
==========================================
*/
#ft {background:#1b1b1b;}
#ft_catch {margin:0;}
#ft_info {line-height:1.2rem;}
#ft_info span {color:#ababab; margin-right:7px;}
#ft_info span.txt {color:#fff; margin-right: 7px;}
#ft .terms {color:#ababab;}
#ft .bar {color:#585858; font-size:12px; margin:0 7px; vertical-align:text-top;}
#ft_copy {color:#797979;}

/*
==========================================
수정 
==========================================
*/
#bo_sch .sch_input {max-width:150px !important;}
.tbl_wrap table {border-left:0 !important; border-right:0 !important;}
#top_btn {border:1px solid rgba(0,0,0,0.2); color:#656565; background:#fff; border-radius:100%; z-index:100;}

/*
==========================================
모바일
==========================================
*/
@media (max-width: 1024px) {
	/*제거*/
	#mtnavi .banner {display:none;}
	#mtnavi .search .popular {display:none;}
	.searchbox select {display:none;}
	#mtbreadcrumb {display:none;}

	/*기본*/
	#hd, #wrapper, #container, #ft, .wrap-container, #hd_pop, #hd_wrapper, #tnb ul, #gnb .gnb_wrap, #container_wr, #ft_wr, #aside {min-width:100% !important; width:100% !important;}
	#container {padding:0; margin:0; min-height:auto; }
	#aside {padding:15px;}
	#tnb {display:none;}
	.pconly {display:none;}
	.mobonly {display:block;}
	.pconly2 {display:none;}
	.mobonly2 {display:inline-block;}
	.pconly3 {display:none;}
	.mobonly3 {display:table-cell;}
	.managebtn a{color:#000; letter-spacing:-0.04rem; font-size:.84rem;}
	#ctt_con {padding:0 15px;}

	/*공통*/
	.tbl_head01 {margin:0;}
	.spec {border-left:0; border-right:0;}
	.size1 {line-height:1.4rem !important;}
	.size2 {font-size:2rem !important; line-height:2.4rem !important; padding:0 30px !important;}
	.size3 {font-size:.8rem !important; line-height:1rem !important; margin-top:10px !important; padding:0 30px !important;}
	.tit_big {font-size:1.8rem;}

	#captcha.m_captcha audio {display:none;}
	#bo_w .write_div {text-align:center;}
	#captcha.m_captcha #captcha_img {display:inline-block; width:100px; height:40px; margin-bottom:0; margin-top:0;}
	
	/*헤더*/
	#mtnavi {margin-top:0; height:55px; box-shadow:5px 5px 10px rgba(74, 74, 74, 0.1); backgrond:#fff !important;}
		#mtnavi.stick {border-bottom:1px solid #ddd; padding:0 !important; height:55px !important;}
		.menu {height:55px; padding:10px 15px 10px 13px; position:absolute; top:0; right:0; border:0; width:55px; background:none; box-shadow:none; z-index:998;}
		.menu.stick {background:none;}
		.branding {height:55px; line-height:30px; width:100%; text-align:center; padding:10px 0 20px 0; font-weight:bold;}
		.branding img {width:115px !important;}
		.branding.stick {height:55px; line-height:30px;}
		.logo {width:130px !important; margin-top:0 !important;}
		.stick .logo {width:65px !important; margin-top:-5px !important;}
	#mtnavi .search {padding:10px 0;}
		#mtnavi .search .searchbox input[type=text] {width:70%; font-size:12px; height:30px; line-height:30px;}
		#mtnavi .search .searchbox .icobtn {font-size:16px; padding:7px; color:#b5b5b5;}
		#mtnavi .search .searchbox {border-color:#b5b5b5 !important;}
	.homebtn {position:absolute; top:0; left:0; width:55px; height:55px; font-size:20px; padding:15px;}
	.homebtn a {color:rgba(173, 173, 173, 0.9);}

	.main_sch_area {height:150px; }
		.main_sch_area .opc {background:#fff; width:90%; left:5%; height:210px; border-radius:10px; box-shadow:0 5px 10px rgba(0,0,0,0.1); }
		.main_sch_area .txt {padding:30px 0; font-size:1.3rem; color:#333;}
		.main_sch_area .searchbox {font-size:1.1rem; padding:5px;  width:75%;margin-top:20px; border:1px solid rgba(109, 109, 109, 0.3);}
		.main_sch_area .searchbtn {width:70px; height:30px; line-height:30px; font-size:13px;}
		.iptsch {width:calc(100% - 120px); height:30px; line-height:30px; font-size:14px; color:#000; padding:0;}
		.iptsch::placeholder  {font-size:14px; color:gray;}
		.main_sch_area .searchbox .icobtn {width:30px; height:20px; line-height:20px; padding-left:5px; margin-top:5px; color:gray; font-size:14px; border-color:#d8d8d8;}
		.main_sch_area .popular {margin-top:20px; padding:0 35px}
		.main_sch_area .popular a {font-size:.8rem; color:#5d5d5d; font-weight:500; display:inline-block; width:95px; vertical-align:middle; margin-left:2.5px;}
		.main_sch_area .popular a:first-child {margin-left:0px;}
		.main_sch_area .popular a:last-child {display:none;}
		.main_sch_area .point { color:#f77d00;}

	#topquick, #mobsearch, .main_sch_area, .membox {background:#f79400 !important;}
	#mtnavi,#topquick {border-bottom:0 !important;}
	
	/*상단바*/
	#nowtit {display:none; float:left; padding:15px 0; font-size:1rem;  line-height:1rem; width:100%; text-align:center; color:#4e4e4e; border-bottom:1px solid #ddd; background:#fff;}
	#nowtit .left {float:left; width:15%; text-align:left; padding-left:13px; font-size:1.2rem;}
	#nowtit .center {float:left; width:70%;  line-height:1.2rem; font-weight:500;}
	#nowtit .right {float:left; width:15%; text-align:right; padding-right:15px;}
	#nowtit a {color:#8e8e8e;}
	#nowtit.stick {display:block; position:fixed; top:0; left:0; z-index:999;}

	/*메뉴*/
	.mobileMenuButton {display: inline-block;position: relative;width: 30px;height: 30px;border-radius: 4px;transition: all 0.4s ease;-webkit-transition: all 0.4s ease; z-index:110;}
		.mobileMenuButton:hover {border:1px solid #000;background-color: rgba(0, 0, 0, 0.7);border-radius: 4px; border:0; background:0;}
		.mobileMenuButton:active {border:1px solid #000;background-color: rgba(0, 0, 0, 0.7);border-radius: 4px;}
		.mobileMenuButton:hover span  {background: #fff; color:#ccc;}
		.mobileMenuButton:hover span:before  {background: #fff;}
		.mobileMenuButton:hover span:after  {background: #fff;}
		.mobileMenuButton span {margin-top: 50%;}
		.mobileMenuButton span, .mobileMenuButton span:before, .mobileMenuButton span:after {cursor: pointer;border-radius: 5px;height: 2px;width: 21px;position: absolute;left: 0;right: 0;margin-left: auto;margin-right: auto;display: block;content: '';background:rgba(173, 173, 173, 0.9); }
		.mobileMenuButton span:before {top: -6px;}
		.mobileMenuButton span:after {bottom: -6px; }
		.mobileMenu { width: 260px;height: 100vh;position: fixed;top: 0;right: 0;background-color: #152d64;z-index: 1200;text-align: right;padding-top: 0;transition: all .3s ease-in-out; }
		.slideOut { margin-right: -260px;transition: all .3s ease-in-out;}
		.slideIn { margin-right: 0px;}
		.mobileMenu h2 {color: #fff;font-size: 36px;padding-right: 30px;margin-bottom: 30px;}
		.mobileMenu ul {list-style: none; height:100%; overflow:auto; padding-bottom:200px;}
		.mobileMenu li {position:relative; float:left; width:100%; padding:0 15px; border-bottom: 1px solid #e0e0e0;}
		.mobileMenu li a { color: #fff; text-align:left; line-height: inherit;padding: 0;font-weight: 600;padding: 12px 0;font-size: 15px;text-decoration: none;display: block; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
		.mobileMenu li a:hover {color: #660066;text-decoration: none;}
		.mobileMenu li a li a {padding-left:10px;}
		.overlay {background:rgba(0,0,0,0.7);width:100%;height:100%;position:absolute;top:0;left:0;display:none;opacity: 0;position: fixed;transition: all .3s ease-in-out;z-index: 1150; }

		.stick .mobileMenuButton span, .stick .mobileMenuButton span:before, .stick .mobileMenuButton span:after   {background: #000;}
		.branding.stick {color:#000;}

	.membox {width:100%; color:#fff; border:0px dotted #1a5bbb; border-left:0; border-right:0;  line-height:2rem; font-size:1rem; padding:5px; text-align:center;}
		.membox img {width:25px; border-radius:50%; margin:0 3px 3px 0;}
		.membox a {color:#fff; font-weight:500;}
		.membox a.membtn {background:#ad2841; font-size:.8rem; padding:2px 3px;}
		.membotbtn {position:fixed; float:left;width:260px; bottom:0; right:0; text-align:center; background:#f6f6f6; border-top:1px solid #ddd; z-index:99; transition:all .3s ease-in-out;}
			.membotbtn a {float:left; width:50%; padding:10px 0; border-right:1px solid #ddd; font-size:.8rem; color:#808080; font-weight:500;}
			.membotbtn a i {font-size:1.2rem; color:#f79400; border:1px solid #ddd; width:40px; height:40px; line-height:36px; display:inline-block; border-radius:100%; background:#fff;}
			.membotbtn a:last-child {border-right:0;}
		.slideOut .membotbtn {margin-right:-260px; transition:all .3s ease-in-out;}

		.depth1 .two li, .depth1 .five li, .depth1 .four li {width:100%;}
		.mobileMenu .navbox2 {float:left; width:100%; padding:5px 2px 15px 10px; border-bottom:0;}
		.mobileMenu li .depth2 {padding:0; border-bottom:0 !important;}
		.mobileMenu li .depth2  a {font-size:.93rem; padding:5px 0;}

		.mobileMenu .depth1 .navbox3 {background:transparent !important;}
		.mobileMenu .depth1 a {position:relative; float:left; width:80%; font-weight:500; font-size:.95rem; padding: 11px 0;}
		.mobileMenu .menudown {float:left; width:20%; font-size:1.3rem; color:#ccc; padding:15px 0;  padding:5px; background:transparent; border:0; }
		.mobileMenu .menudown2 {float:left; width:20%;  font-size:1.02rem; color:#ccc; padding:12px 0;  padding:3px; background:transparent; border:0; }
		.depth1 .navbox3 .blspace {min-height:0;}
		.lastbox {padding-left:10px;}
		.navbox2, .lastbox {display:none;}
	
	.menu_new {left:60px; top:12px; right:auto;}

	/*상단 퀵메뉴*/
	#topquick {float:left; width:100%; background:#fff; padding:5px 10px 0 10px; border-bottom:1px solid #1b4d96;}
	#topquick li {float:left; width:20%; padding:15px 0; text-align:center;}
	#topquick li a {font-size:.8rem; font-weight:500; border:0; padding:0; color:rgba(255,255,255,0.9);}
	#topquick li a.active {color:#fff;}
	#topquick li a i {font-size:1.3rem;}
	#topquick li svg {fill:rgba(255,255,255,0.9) !important;}
	#topquick li a.active svg {fill:#fff !important;}
	#topquick li p {font-weight:500;}

	/*상단 검색바*/
	#mobsearch {float:left; width:100%; padding:25px 0;}
	#mobsearch p {color:rgba(255,255,255,0.8); font-size:.94rem; letter-spacing:-0.2px; margin:0 0 10px 0; text-align:center;}
	.mobsearchbox {width:230px; background:#749cda; margin:0 auto; border-radius:10px;}
	.mobsearchbox .typesel {display:none;}
	.mobsearchbox input[type=text] {width:190px; font-size:.9rem; padding:8px 10px; color:#fff; background:transparent; border:0;}
	.mobsearchbox input[type=text]::placeholder {color:#fff;}
	.mobsearchbox button {width:30px; padding:5px; color:#fff; background:transparent; border:0;}

	/*슬라이더*/
	#mtslider {}
		#mtslider .bx-wrapper {}
			#mtslider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {}
		#mtslider .opc {height:550px;}
		#mtslider .bg1, #mtslider .bg2, #mtslider .bg3, #mtslider .bg4, #mtslider .bg5, #mtslider .bg6 {min-height:550px; background-position:65% 0;}
		#mtslider .txt {margin:250px 0 0 0; text-align:center;}
			#mtslider .txt .small {font-size:.9rem;}
			#mtslider .txt .medium {font-size:1.32rem; margin:10px 0 5px 0;}
			#mtslider .txt .big {font-size:2rem;}
	#mtwrap2 {padding-left:0; margin-top:12vh;}
	.Modern-Slider {background:#1a5bbb;}
		.Modern-Slider .item {background:#1a5bbb; border-radius:15px 15px 0 0; overflow:hidden;}
		.Modern-Slider .item .img-fill{height:250px !important; }
		.Modern-Slider .item .img-fill img {height:100%;}
		.Modern-Slider .item .img-fill .info{  text-align:center !important; }
		.Modern-Slider .opc {border-radius:21px 21px 0 0; display:block;}
		.Modern-Slider .small {font-size:.6rem !important;}
		.Modern-Slider .medium {font-size:1rem !important; line-height:1rem !important; margin:10px 0 5px 0 !important;}
		.Modern-Slider .big {font-size:1.4rem !important; line-height:2rem !important;}
		.Modern-Slider .PrevArrow, .Modern-Slider .NextArrow {top:auto !important; bottom:0 !important; margin-bottom:5px; background:rgba(0,0,0,0.5) !important;}
		/*슬라이드순서별 이미지위치조정*/
		.Modern-Slider .item:nth-child(1) .img-fill img {margin-top:0 !important; margin-left:-59%;}
		.Modern-Slider .item:nth-child(2) .img-fill img {margin-top:0 !important; margin-left:-50%;}
		.Modern-Slider .item:nth-child(3) .img-fill img {margin-top:0 !important; margin-left:-50%;}
		.Modern-Slider .item:nth-child(4) .img-fill img {margin-top:0 !important; margin-left:-50%;}
		.Modern-Slider .item:nth-child(5) .img-fill img {margin-top:0 !important; margin-left:-50%;}
		.Modern-Slider .item:nth-child(6) .img-fill img {margin-top:0 !important; margin-left:-50%;}
		.Modern-Slider .item:nth-child(7) .img-fill img {margin-top:0 !important; margin-left:-50%;}
		.Modern-Slider .item:nth-child(8) .img-fill img {margin-top:0 !important; margin-left:-50%;}
		.Modern-Slider .item:nth-child(9) .img-fill img {margin-top:0 !important; margin-left:-50%;}
		.Modern-Slider .item:nth-child(10) .img-fill img {margin-top:0 !important; margin-left:-50%;}

	/*서브상단*/
	#mtsubtop {float:left; width:100%; height:330px; text-align:center;}
		#mtsubtop .opc {position:absolute; width:100%; top:0;  padding:120px 0 50px 0;  background:rgba(0,0,0,0.4); height:281px;}
		#mtsubtop.bg1 {background:url('../img/bg.jpg'); background-size:cover;min-height:200px; background-position:70% 10%;}
		#mtsubtop .txt {}
			#mtsubtop .txt .small {font-size:1.1rem;}
			#mtsubtop .txt .medium {font-size:1.3rem;}
			#mtsubtop .txt .big {font-size:2rem;}

	/*현재위치*/
	#mtbreadcrumb {margin-top:-49px;}
	#mtbreadcrumb li {padding:15px 20px; font-size:.8rem;}

	/*푸터*/
	#ft {padding:20px 0; background:#fff; border-top:1px solid #ddd; text-align:center; margin-bottom:30px;}
	#ft .bar {color:#d6d6d6; vertical-align:baseline; margin:0 5px;}
	#ft .terms {color:#909090; font-size:13px;}
	#ft_info {padding:0 20px; color:#5d5d5d; margin-top:10px;}
	#ft_info span.txt {color:#5d5d5d;}
	#ft_info a {color:#5d5d5d;}
	#ft_link {padding:0 0 15px 0;}
	#ft_link a {padding:0 5px 0 0; font-size:12px;}
	#ft_catch {margin:0;}
	#ft_info {font-size:.7rem; line-height:1rem;}
	#ft_copy {margin-top:5px;}

	/*기타*/
	.col-2 {float:left; width:100%;}
		.col-2 .one {float:left; width:100%; text-align:center; padding:0;}
	.col-3 {}
		.col-3 .one {width:100%; margin-right:0%; margin-bottom:15px; padding:20px; min-height:240px;}
		.col-3 .two {width:100%; margin-right:0%; margin-bottom:15px; padding:20px 5px 0 5px; min-height:250px; text-align:center;}
		.col-3 .last {margin-right:0;}
		.col-3 p {font-size:.84rem;}
	.col-4 {float:left; width:100%;}
		.col-4 .one {float:left; width:100%; text-align:center; padding:10px 5px;}
		.col-4.mainproduct .one {width:49%; margin-right:2%;}
		.col-4.mainproduct .one:nth-child(2n) {margin-right:0;}
	.mtcircle {float:none; width:270px; padding-top:60px;}

	/*메인화면*/
	.eventbox {border:2px dotted #bd3f52; margin-bottom:15px;}
	.box_fir {background-position:50% 0 !important;height:auto !important;}
	.box_sec {background-position:-80% -10% !important; height:auto !important;}
	.yogeum {padding:5px 0;}
	.bx-wrapper {margin-bottom:0 !important;}
	#product {padding:50px 20px 30px 20px;}
		#product h1, #info h1 {font-size:1.4rem !important;}
		#product .tit i {font-size:1rem;}
		#product .tit {font-size:1.3rem;}
	.item-latest .model {display:block; font-size:15px !important; margin-top:10px;}
		.item-latest .subtitle .detail {font-size:12px; margin:2px 0;}
		.item-latest .subtitle .titlename {margin:0 !important;}
		.item-latest .subtitle .listprice {font-size:16px !important;}
	#pr {background-size:cover !important; background-attachment:initial !important; }
		#pr .txt {font-size:15px; padding:80px 15px;}

	#info2 {padding:0;}
		#info2 .tit {font-size:1.3rem;}
		#info2 .left {width:100%; height:auto; border-left:0; border-right:0; border-bottom:0;}
		#info2 .right {width:100%; border-right:0; border-left:0; padding:25px 20px;}
	.pic_lt ul {padding:0 10px;}

	#container_wr {height:auto;}
	#choice {margin:20px 0;}
	#choice .col-5 {margin-top:0;}
	#choice .col-5 .one {width:33.33%; height:127px; border:1px solid #fff; border-left:0; border-bottom:0; margin-right:0;}
	#choice .col-5 .one .txt {padding:20px 0;}
	#choice .col-5 .one .apb {font-size:1.5rem; padding:5px; width:40px; height:30px;}
	#choice .col-5 .one .tit {font-size:.84rem; margin:5px 0 0 0;}
	#choice .col-5 .one .price {font-size:.84rem;}
	#choice.last {margin-bottom:60px;}

	.main_tit.first {margin-top:85px;}
	.main_tit .tit {font-size:1rem;}
	.main_tit .txt {font-size:.9rem;}
	/*회사소개*/
	.aboutcont {line-height:1.4rem; font-size:.9rem; padding:40px 20px;}
		.aboutcont h1 {font-size:1.6rem !important; line-height:2rem !important;}
		.aboutcont p {font-size:1rem !important; line-height:1.6rem; word-break:keep-all;}
		.aboutcont p:last-child {margin:20px 0 0 0 !important;}

	.about_images {width:100%;}
		.about_images .mainimg {width:100%; height:150px; margin-bottom:0.5%; background-position:0 100%;}
		.about_images .subimg1 {width:49.5%; height:100px; margin:0; margin-right:0.5%; background-position:0 90%;}
		.about_images .subimg2 {width:49.5%; height:100px; margin:0; margin-left:0.5%; background-position:0 90%;}

	/*서브페이지*/
	.subpageimg {background-position:50% 90%;}
	.subpagecont {line-height:1.4rem; font-size:.9rem; padding:20px;}
		.subpagecont h1 {font-size:1.1rem;}
		.subpagecont p {word-break:keep-all;}
		.subpagecont p:last-child {margin:20px 0 0 0 !important;}

}

/*
==========================================
모션(페이드인)
==========================================
*/
 .slide-up-fade-in{
 animation: slide-up-fade-in ease 1s;
 animation-iteration-count: 1;
 transform-origin: 50% 50%;
 animation-fill-mode:forwards; /*when the spec is finished*/
 -webkit-animation: slide-up-fade-in ease 1s;
 -webkit-animation-iteration-count: 1;
 -webkit-transform-origin: 50% 50%;
 -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
 -moz-animation: slide-up-fade-in ease 1s;
 -moz-animation-iteration-count: 1;
 -moz-transform-origin: 50% 50%;
 -moz-animation-fill-mode:forwards; /*FF 5+*/
 -o-animation: slide-up-fade-in ease 1s;
 -o-animation-iteration-count: 1;
 -o-transform-origin: 50% 50%;
 -o-animation-fill-mode:forwards; /*Not implemented yet*/
 -ms-animation: slide-up-fade-in ease 1s;
 -ms-animation-iteration-count: 1;
 -ms-transform-origin: 50% 50%;
 -ms-animation-fill-mode:forwards; /*IE 10+*/
 opacity:0;
 opacity: 1\9;
}

@keyframes slide-up-fade-in{
 0% {
  opacity:0;
  transform:  translate(0px,40px)  ;
 }
 100% {
  opacity:1;
  transform:  translate(0px,0px)  ;
 }
}

@-moz-keyframes slide-up-fade-in{
 0% {
  opacity:0;
  -moz-transform:  translate(0px,40px)  ;
 }
 100% {
  opacity:1;
  -moz-transform:  translate(0px,0px)  ;
 }
}

@-webkit-keyframes slide-up-fade-in {
 0% {
  opacity:0;
  -webkit-transform:  translate(0px,40px)  ;
 }
 100% {
  opacity:1;
  -webkit-transform:  translate(0px,0px)  ;
 }
}

@-o-keyframes slide-up-fade-in {
 0% {
  opacity:0;
  -o-transform:  translate(0px,40px)  ;
 }
 100% {
  opacity:1;
  -o-transform:  translate(0px,0px)  ;
 }
}

@-ms-keyframes slide-up-fade-in {
 0% {
  opacity:0;
  -ms-transform:  translate(0px,40px)  ;
 }
 100% {
  opacity:1;
  -ms-transform:  translate(0px,0px)  ;
 }
} 

.clearfix {clear: both; zoom: 1;}

/*
==========================================
모션(반짝임)
==========================================
*/
/* for MS계열 브라우저 */
@keyframes blink {
 0% {background-color: #ffabb8;}
 50% {background-color: #fdc0c6;}
}
 
/* for Chrome, Safari */
@-webkit-keyframes blink {
 0% {background-color: #ffabb8;}
 50% {background-color: #fdc0c6;}
 }
 
.blinking {
 animation: blink 1s step-end infinite;
 -webkit-animation: blink 1s step-end infinite;
}