@charset "utf-8";


#contents {_padding-top:180px;}
.wrap {_min-width:1280px; height:auto; position:relative; min-height:100%; padding:0px; margin:0px;}
.top_btn_fiexd {}

header {position:fixed; overflow:hidden; top:0; width:100%; border-bottom:1px solid rgba(255, 255, 255, 0.2); z-index:10;}
.header_in {width:100%;}
.header_in_wrap {display:flex; margin:0 auto; height:100px; align-items:center; padding:0 0 0 20px;}
.header_in_wrap a.logo {width:209px; height:50px; background:url('../../images/logo_w_new.png') no-repeat; float:left; display:block; background-size:209px 50px;}
.header_in_wrap > .gnb {text-align:right; width:calc(100% - 270px);}
.header_in_wrap > .gnb > ul:after {display:block; clear:both; content:'';}
.header_in_wrap > .gnb > ul {display:inline-block; margin:10px 20px 0 0;}
.header_in_wrap > .gnb > ul > li {float:left; position:relative; padding:0 20px;}
.header_in_wrap > .gnb > ul > li > a {font-family:'GmarketSansMedium'; line-height:100px; color:rgba(255, 255, 255, 0.8); font-size:17px; letter-spacing:0; _position:relative;}
.header_in_wrap > .gnb > ul > li > a:hover, .header_in_wrap > .gnb > ul > li.on > a {color:#fff;} 
/*.header_in_wrap > .gnb > ul > li.on a:after {content:''; display:inline-blockclass; width:40px; height:2px; background:#ddd; position:absolute; bottom:-10px; left:50%;}*/
.header_in_wrap > .menu-right {width:80px; height:100px;}
.header_in_wrap > .menu-right a {display:inline-block; background:url(../../images/gnb_menu.png) center center no-repeat; width:80px; height:100px;}
.header_in_wrap > .menu-right a:hover {background-color:rgba(0, 0, 0, 0.1); transition:background .5s; }
.header_in_wrap > .gnb > ul > li:hover > ul {display:block;}

/* hover 시 보여지는 원 */
.header_in_wrap > .gnb > ul > li > a:after {content:''; display:block; width:7px; height:7px; border-radius:50%; background:#fff; opacity:0; transition:all ease .3s; position:absolute; top:50px; left:10px;}
.header_in_wrap > .gnb > ul > li:hover > a:after{opacity:1; top:30px;}

/* 2depth */
.header_in_wrap .gnb > ul > li > ul {display:none; text-align:center; position:absolute; width:150px; top:80px; left:50%; transform:translateX(-50%); padding:20px 0; background:#fff; box-shadow:1px 2px 4px rgba(0, 0, 0, 0.2);}
.header_in_wrap .gnb > ul > li > ul > li {line-height:26px;}
.header_in_wrap .gnb > ul > li > ul > li > a {color:#999; display:block; font-size:15px;}
.header_in_wrap .gnb > ul > li > ul > li > a:hover {color:#184682;}
/*.header_in_wrap .gnb > ul > li > ul > li > a:hover:before {content:''; display:inline-block; width:6px; height:3px; background:#184682; margin:0 5px 3px 0;}*/

/* header에 언어변경버튼 */
.lang-btn {display:inline-block; width:60px; height:30px; background-color:rgba(255, 255, 255, 0.6); text-align:center; line-height:34px; border-radius:4px;}
.change-btn {font-family:'GmarketSansMedium'; font-size: 15px; letter-spacing: 0; color: #191d2b;}

/* header에 언어변경버튼 hover */
.lang-btn:hover {background-color:rgba(255, 255, 255, 0.8);}

/* 스크롤시 header 변경 */
.header {position:fixed; width:100%; z-index:99; transition:background .8s;}
header > .active {background-color:rgba(255, 255, 255, 0.8); transition:background .8s; backdrop-filter:blur(10px); -webkit-backdrop-filter: blur(10px);}
header > .active a.logo {background:url('../../images/logo.png') no-repeat; background-size:209px 50px;}
header > .active .gnb > ul > li > a, .active .gnb > ul > li.on > a {line-height:100px; color:rgba(0, 0, 0, 0.8);}
header > .active .gnb > ul > li:hover > a, .active .gnb > ul > li.on:hover > a {color:#24548b;}
header > .active .menu-right a {background:url(../../images/gnb_menu_b.png) center center no-repeat; width:80px; height:100px;}
header > .active .gnb > ul > li > a:after {background:#184682;}

/* sitemap */
#allMenu {width:100%; position:fixed; display:none; height:100%; top:0; bottom:0; right:0; background:rgba(19, 21, 25, 1); overflow-x:hidden; z-index:30; transition:background .5s;}
#allMenu .btn-close {display:block; position:absolute; top:20px; right:20px; width:50px; height:50px; background:rgba(0, 0, 0, 0.1) url('../../images/lnb_close.png') center no-repeat; background-size:40%; z-index:10;}
.menu-wrap {overflow-y:auto; height:100%; position:relative;}
.menu-wrap .menu_con {width:1100px; margin:0 auto; color:#fff; display:flex; justify-content: space-between; align-items: center;}
.sitemap {width:1100px; margin-top:20%; display:flex; flex-wrap:wrap;}
.sitemap:after {content:''; display:block; clear:both;}
.sitemap > li {flex:1; font-size:48px; font-family:'gmarketsansBold'; letter-spacing:0;}
.sitemap > li:first-child {flex:0.5;}
.sitemap .sitemap_2depth {margin-top:40px; font-family:'gmarketsansMedium';}
.sitemap .sitemap_2depth > li {font-size:28px; line-height:36px; margin-bottom:15px; width:calc(100% - 14px);}
.sitemap .sitemap_2depth > li a {color:#fff; display:inline-block;}
.sitemap .sitemap_2depth > li a:hover {color:#999;}
.sitemap .sitemap_2depth > li:before {content:''; display:inline-block; width:4px; height:8px; background:#fff; margin:0 10px 7px 0;}
.sitemap .sitemap_3depth {margin:10px 0 0 15px;}
.sitemap .sitemap_3depth li {font-size:24px; color:rgba(255, 252, 255, 0.6); line-height:36px; margin-left:10px;}


/* 탑버튼 */
.topBtn {display:none; position:fixed; bottom:100px; right:100px; z-index:2; width:60px; height:60px;}
.topBtn .topClr{width:60px; height:60px; border-radius:50%; background:rgba(0, 0, 0, 0.8); position:relative; display:inline-block; vertical-align:top; box-shadow: 0px 30px 60px 0px rgba(2, 31, 147, 0.25); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);transition:0.25s;}
.topBtn .topClr .topArr{display: block; width: 2px; height: 35px; background:#fff; position: absolute; left: 50%;  bottom: 0; transform:translateX(-50%); transition:0.25s;}
.topBtn .topClr .topArr:before {content:""; display:block; width: 15px; height: 2px; transform:rotate(-45deg); position: absolute; right: calc(100% - 1px); top: 0px; background:#fff; transition: 0.25s; transform-origin: 100%; }
.topBtn .topClr .topArr:after {content:""; display:block; width: 15px; height: 2px; transform:rotate(45deg); position: absolute; left: calc(100% - 1px); top: 0; background:#fff;transition: 0.25s; transform-origin: 0; }

/* 메인 스크롤 애니메이션 */
.main_scroll_icon {position:absolute; bottom:20px; left:50%; transform:translateX(-50%); z-index:10; animation: upDown 1.5s ease-in-out infinite;}
@keyframes upDown {
	0% {
		opacity: 0.5;
		transform:  translate(-50%,-5px);
	}
	50% {
		opacity: 1;
		transform: translate(-50%,5px);
	}
	100% {
		opacity: 0.5;
		transform:  translate(-50%,-5px);
	}
}

/* 메인 > 배너 */
.slide_wrapper {height:900px; overflow:hidden; position:relative;}
.slide {left:0; top:0; width:calc(100% * 3); display:flex; position:absolute;}
.slide.animated{transition: 0.5s ease-out;}
.slide > li {width:calc(100% / 3); height:900px; text-align:center; background-size: cover;}
.slide.animated li {background-size: cover;}
.slide_wrapper input{display:none;}
.slide_wrapper .bullet {position:absolute;bottom:20px;left:0;right:0;text-align:center; z-index:10;}
.slide_wrapper .bullet label{display:inline-block; width:60px; height:4px; border-radius:10px; background:rgba(255 ,255, 255, 0.7); font-size:0; cursor:pointer;}
.slide_wrapper > button {position:absolute; top:360px; _background-color:rgba(255, 255, 255, 0); width:60px; height:140px; cursor:pointer; z-index:10;}
.slide_wrapper > button:hover {background-color:rgba(255, 255, 255, 0.1); transition:background-color .5s;}
.m_slide_pre {left:1%; background:url('../../images/btn_pre.png') center no-repeat; border-radius:0px 20px 20px 0px;}
.m_slide_next {right:1%; background:url('../../images/btn_next.png') center no-repeat; border-radius:20px 0 0px 20px;}

.slide_page {width:85%; margin:0 auto; position:relative; background:#ddd; z-index:2;}
.slide_page ul {position:absolute; top:400px; right:0; width:20px;}
.slide_page ul li {margin-bottom:8px;}
.slide_page ul li a {background:rgba(255, 255, 255, 0.1); width:12px; height:12px; display:inline-block; border-radius:30px;}
.slide_page ul li.active a, .slide_page ul li a:hover {background:rgba(255, 255, 255, 1); transition:background .2s;}

.mb_more {color:#fff; display:inline-block; padding:15px 30px; border:1px solid #fff; border-radius:30px; font-size:12px; letter-spacing:0; margin-top:40px;}
.mb_more:hover {background:#fff; color:#222; transition:background .5s, color .5s;}

.slide .m_bn01 {width:100%; background:url('../../images/m_bn01.png') center no-repeat;}
.slide .m_bn02 {width:100%; background:url('../../images/m_bn02.png') center no-repeat;}
.slide .m_bn03 {width:100%; background:url('../../images/m_bn03.png') center no-repeat;}

.main_wrap {position:relative; width:100%;}
.m_bn_txt {width:100%; top:0; left:0;}
.m_bn_txt .m_icon {text-align:center; padding-top:230px;}
.m_bn_txt .m_bn_txt_in {width:1280px; text-align:center; color:#fff; margin:0 auto; padding-top:30px; }
.m_bn_txt .m_bn_txt_in li {color:#fff; letter-spacing:-1px;}
.m_bn_txt .m_bn_txt_in li.headcopy {font-size:65px; line-height:73px; font-family:'GmarketSansBold'; letter-spacing:-2.5px;}
.m_bn_txt .m_bn_txt_in li.subcopy {font-size:35px; line-height:40px; margin-top:10px;}
.m_bn_txt .m_bn_txt_in li.copy {font-size:24px; margin-top:20px; font-family:'GmarketSansLight';}
.m_t30 {margin-top:0px;}

/* 메인 > 컨텐츠 */
.m_con_box_mobile {display:none;}
.m_con_wrap {width:100%; position:relative;}
.m_con_in {width:1280px; margin:0 auto; padding:140px 0 0px; }
.m_con_in .m_tit {position:relative;}
.m_con_in .m_tit p {font-size:20px; margin-bottom:20px; font-family:'GmarketSansMedium'; color:#999;}
.m_con_in .m_tit h2 {font-size:44px; letter-spacing:-2px; line-height:40px; font-family:'GmarketSansBold'; color:#222; text-align:center;}
.m_con_bg {background:rgba(28, 122, 30, 0.5); width:calc(50% - 640px); height:286px; position:absolute; bottom:-40px; right:0;}

.m_con_box {margin-top:80px; position:relative;}
.m_con_box:after {content:''; display:block; clear:both;}
.m_con_box .video_wrap {float:left; width:880px; height:530px; overflow:hidden;}
.m_con_box .video_wrap video {width:100%;}
.m_con_box .m_con_txt {float:left; margin:40px 0 0 50px;}

.m_con_box .m_con_txt > ul, .m_con_box .m_con_txt2 > ul {font-size:16px; }
.m_con_box .m_con_txt > ul a, .m_con_box .m_con_txt2 > ul a  {color:#999;}
.m_con_box .m_con_txt > ul a:hover, .m_con_box .m_con_txt2 > ul a:hover {color:#222;}
.m_con_box .m_con_txt > ul a:after, .m_con_box .m_con_txt2 > ul a:after {content:'>';font-size:12px; display:inline-block; margin-left:10px; color:#ddd;}
.m_con_box .m_con_txt > ul a:hover:after, .m_con_box .m_con_txt2 > ul a:hover:after {color:#222;}

.m_con_box .m_con_txt2 > ul {margin-left:40px;}

.m_con_box .m_con_txt h3 {font-size:36px; margin-top:20px; color:#222; font-family:'GmarketSansBold';}
.m_con_box .m_con_txt h3 span, .m_con_box .m_con_txt2 h3 span {font-family:'GmarketSansMedium'; padding-left:5px; font-size:18px; letter-spacing:0;}
.m_con_box .m_con_sub_slide_wrap {width:60%; height:226px; padding:30px; overflow:hidden; position:absolute; bottom:-40px; right:0; background:rgba(28, 122, 30, 0.5); z-index:1;}
.m_con_box .m_con_sub_slide_wrap .m_slide_btn {position:relative;}
.m_con_box .m_con_sub_slide_wrap .m_slide_btn .prev {position:absolute; left:-30px; display:inline-block; width:30px; height:227px; cursor:pointer; background:rgba(44, 144, 45, 0.0) url(../../images/arr_pre.png) center no-repeat; background-size:10px;}
.m_con_box .m_con_sub_slide_wrap .m_slide_btn .prev:hover {background-color:rgba(44, 144, 45, 0.6); transition:background .3s;}
.m_con_box .m_con_sub_slide_wrap .m_slide_btn .next:hover {background-color:#53a154; transition:background .3s;}
.m_con_box .m_con_sub_slide_wrap .m_slide_btn .next {position:absolute; right:-30px; display:inline-block; width:30px; height:227px; cursor:pointer; background:#8dbc8e url(../../images/arr_next.png) center no-repeat; background-size:10px;;}
.m_con_box .m_con_sub_slide_wrap ul {white-space:nowrap; overflow-x: auto;}
.m_con_box .m_con_sub_slide_wrap ul li {display:inline-block;}

/* 스크롤바 스타일 */
.m_con_sub_slide_wrap ul::-webkit-scrollbar {
   height:10px;
  }
.m_con_sub_slide_wrap ul::-webkit-scrollbar-thumb {
    background-color: #145c15;
    border-radius: 10px;
    background-clip: padding-box;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
  }
.m_con_sub_slide_wrap ul::-webkit-scrollbar-track {
    background-color: rgba(44, 144, 45, 0.0);
    _box-shadow: inset 0px 0px 5px white;
  }


.m_con_box .m_con_txt2 {float:left; margin:40px 0 0 50px;}
.m_con_box .m_con_txt2 p {float:left; height:150px;}
.m_con_box .m_con_txt2 h3 {float:left; margin-top:30px; font-size:36px; color:#222; font-family:'GmarketSansBold';}
.m_con_box .m_con_txt2 > ul {margin-top:20px;}

.m_con_box .m_con_txt3 {}
.m_con_box .m_con_txt3 p {float:left; display:inline-block; margin-bottom:10px;}
.m_con_box .m_con_txt3 h3 {float:left; font-size:36px; color:#222; font-family:'GmarketSansBold'; padding-top:12px;}

.m_system_img {float:right; position:relative;}
.box_yellow {position:absolute; top:180px; left:-65px; background:rgba(230, 205, 34, 0.7); width:240px; height:160px; z-index:2; animation: yellow 2s ease-in-out infinite;}
@keyframes yellow {
	0% {
		opacity: 0.5;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0.5;
	}
}

/* 서브배너 */
.s_bn_wrap {position:relative; width:100%;}
.s_bn_wrap .bn_tit {position:absolute; top:210px; left:0; width:100%; margin:0 auto; text-align:center; color:#fff; font-family:'GmarketSansBold'; font-size:36px; z-index:10;}
.s_bn_wrap .bn_tit .location {font-size:13px; letter-spacing:0; font-family:'GmarketSansMedium'; color:rgba(255, 255, 255, 0.6);}
.s_bn_wrap .bn_tit .location span:before {content:''; background:url('../../images/i_location.png') center no-repeat; width:8px; height:8px; opacity:0.5; display:inline-block; margin:0 10px;}
.s_bn_wrap .bn_tit .location span:last-child {font-family:'gmarketsansBold'; color:#ddd;}
.s_bn_wrap .s_bn_img {overflow:hidden; height:460px;}
.s_bn_wrap .s_bn_img .s_bn01 {background:url(../../images/bn_about.png) center no-repeat; padding-top:100px; height:360px; background-size: cover;}
.s_bn_wrap .s_bn_img .s_bn02 {background:url(../../images/new_bg01.png) center no-repeat; padding-top:100px; height:360px; background-size: cover;}
.s_bn_wrap .s_bn_img .s_bn03 {background:url(../../images/new_bg02.png) center no-repeat; padding-top:100px; height:360px; background-size: cover;}
.s_bn_wrap .s_bn_img .s_bn04 {background:url(../../images/new_bg03.png) center no-repeat; padding-top:100px; height:360px; background-size: cover;}


.content {width:1280px; margin:0 auto; padding:30px 0;}
.content h3 {position:relative; font-size:36px; color:#222; font-family:'GmarketsansBold'; margin-top:80px; letter-spacing:-2px;}
.content h3:before {content:''; display:block; width:20px; height:2px; background:#2f3c5f; margin-bottom:20px;}
.content_in {border-top:1px solid #ddd; margin-top:30px; padding:30px 0px;}
.h3_txt {margin-top:5px; font-size:17px; line-height:24px; color:#555; font-family:'GmarketsansLight'; font-weight:bold; }


.sub_top_box {margin-top:30px; background:#f2f5fd; line-height:18px; _border:1px solid #d5d8df; padding:50px 50px 50px 230px; color:#555; border-radius:20px; letter-spacing:-0.3px;}
.sub_top_box.s01 {background:#f2f5fd url(../../images/s_icon01.png) 60px center no-repeat;}
.sub_top_box.s02 {background:#f2f5fd url(../../images/s_icon02.png) 60px center no-repeat;}
.sub_top_box.s03 {background:#f2f5fd url(../../images/s_icon03.png) 60px center no-repeat;}
.sub_top_box.s04 {background:#f2f5fd url(../../images/s_icon04.png) 60px center no-repeat;}
/* 05, 06은 앞에 로고 추가건으로 인해 클래스명 변경 및 css 추가 */
.sub_top_box.s05 {background:#f2f5fd url(../../images/korail_logo.png) 35px center no-repeat; background-size: 170px;}
.sub_top_box.s06 {background:#f2f5fd url(../../images/gas_logo.png) 35px center no-repeat; background-size: 170px;}
.sub_top_box > .tit {font-size:20px; color:#2f3c5f; letter-spacing:-1px; margin-bottom:10px;}
.sub_top_box > .tit em {font-family:'GmarketsansBold'; }
.sub_top_box > ul {margin:10px 0 0 7px;}
.sub_top_box > ul > li {text-indent:-7px; padding-left:7px; margin-bottom:5px; font-size:15px;}
.sub_top_box > ul > li:last-child {margin-bottom:0;}
.sub_top_box > ul > li:before {content:'-'; display:inline-block; margin-right:5px;}
.sub_top_box > span {display:inline-block; margin-top:20px; background:#848a90; padding:5px 8px; color:#fff;}

.m_erp_list {display:flex; flex-wrap:wrap; margin-top:10px;}
.m_erp_list > li {flex:1;  position:relative;}
.m_erp_list > li a {display:block;  color:#fff; padding:100px 70px; position:relative;}
.m_erp_list > li a:after {
content:'>'; color:rgba(255, 255, 255, 0.5); text-align:center; line-height:100px; font-family:'GmarketSansbold';
display:none; width:50px; height:100px; position:absolute; top:40%; right:2px; background:rgba(0, 0, 0, 0.5);
}
.m_erp_list > li a:hover:after {display:block;  transition: background-color .5s;}
.m_erp_list > li:nth-child(1) {margin-right:10px; background:url(../../images/m_img03.png) no-repeat; background-size:cover;}
.m_erp_list > li:nth-child(2) {background:url(../../images/m_img04.png) no-repeat; background-size:cover;}
.m_erp_list > li:before {display:inline-block; font-family:'GmarketSansbold'; color:rgba(255, 255, 255, 0.1); font-size:100px; position:absolute; top:-15px; right:-20px;}
.m_erp_list > li:nth-child(1):before {content:'ERP';}
.m_erp_list > li:nth-child(2):before {content:'MES';}

.m_erp_list > li > a > ul {display:flex; flex-wrap:wrap;}
.m_erp_list > li > a > ul > li {flex:1 40%; font-size:24px; line-height:50px;}
.m_erp_list > li > a > ul > li:before {content:'-'; display:inline-block; margin-right:5px;}


/* 회사소개 */
.m_about_wrap {width:100%; height:800px; background:url(../../images/m_about.png) no-repeat; background-size:cover; position:relative;}
.m_about_in {max-width:1280px; margin:0 auto; color:#fff; position:relative; }
.m_about_in .m_about_tit {width:100%; padding:80px 0 0 0; font-size:30px; font-family:'GmarketSansbold';}
.m_about_in .m_about_box {background:rgba(20, 21, 26, 0.9); width:calc(100% - 140px); padding:70px; height:400px; position:absolute; top:170px; right:0; font-size:22px; line-height:26px;}
.m_about_in .m_about_box .m_about_tit_s {font-size:30px; line-height:40px; position:relative; margin-top:30px;}
.m_about_in .m_about_box .m_about_tit_s:before {content:''; display:inline-block; width:50px; height:2px; background:#fff; position:absolute; top:-30px; left:0;}
.m_about_in .m_about_box .m_about_tit_s span {color:#397dda;}
.about_list {margin-top:60px; display:flex; flex-wrap:wrap; justify-content:between-content;}
.about_list li {flex:1; text-align:center; position:relative;}
.about_list li:after {content:''; display:inline-block; width:1px; height:100%; background:rgba(255, 255, 255, 0.1); position:absolute; top:0; right:0;}
.about_list li:last-child:after {display:none;}

.about_list li:hover {background-color:rgba(57, 125, 218, 0.1) !important; transition: background .5s;}
.about_list li:hover a {color:#397dda; transition:color .3s;}

.about_list li a {display:block; padding:120px 20px 40px; color:#fff;}
.about_list li a p {color:rgba(255, 255, 255, 0.5); font-size:18px; margin-top:10px;}
.about_list li.a1 {background:url(../../images/icon_a1.png) center 30px no-repeat;}
.about_list li.a2 {background:url(../../images/icon_a2.png) center 30px no-repeat;}
.about_list li.a3 {background:url(../../images/icon_a3.png) center 30px no-repeat;}
.about_list li.a4 {background:url(../../images/icon_a4.png) center 30px no-repeat;}
.m_about_bg {background:rgba(20, 21, 26, 0.9); width:calc(50% - 640px); height:540px; position:absolute; top:170px; right:0;}

.tab_wrap {width:100%; background:#232f4e; z-index:10;}
.tab {text-align:center; width:1280px; margin:0 auto; display:flex; justify-content:space-between;}
.tab li {flex:1; font-size:20px; line-height:65px; margin-left:1px;}
.tab li:first-child {margin-left:0;}
.tab li a {display:block; color:rgba(255, 255, 255, 0.2); position:relative;}
.tab li.on a:before {content:''; display:block; width:100%; height:6px; background:#fff; position:absolute; bottom:0; border-radius:4px 4px 0 0;}
.tab li.on a, .tab02 li a:hover {color:rgba(255, 255, 255, 1); transition:background 0.5s;} 

.tab02 {text-align:center; width:1280px; display:flex; justify-content:space-between;}
.tab02 li {flex:1; font-size:20px; line-height:65px; margin-left:1px;}
.tab02 li:first-child {margin-left:0;}
.tab02 li a {display:block; color:#d1d1d1; background:#e8e8e8; height: 65px;}
.tab02 li.on a, .tab02 li a:hover {color:#fff; background:#191d2b; transition:background 0.5s;} 
.tab02 li.on, .tab02 li:hover {box-shadow:2px 2px 10px rgb(0 0 0 / 50%); z-index:2;}

/* 특허 및 인증 */
.patent_list {width:100%; display:flex; flex-wrap: wrap; }
.patent_list li {flex:20%; text-align:center; margin-right:10px; margin-bottom:30px;}
/* .patent_list li:last-child, .patent_list li:nth-child(4) {margin-right:0;} */
.patent_list li p {line-height:20px;}
.patent_list li p span {display:block; color:#999; margin-bottom:5px;}
.patent_list li img {width:100%; border:2px solid #ddd; margin-bottom:5px; margin-bottom:20px; cursor: pointer;}

/* 연혁 */
.history_wrap {border-top:1px solid #ddd; margin-top:30px; padding-top:30px;}
.history_wrap .history_list {}
.history_wrap .history_list li {display:flex;}
.history_wrap .history_list li .history_text {flex:1; width:calc(50% - 150px); padding:70px 0 70px 70px; margin-left:80px; font-size:20px; border-left:1px solid #ddd;}
.history_wrap .history_list li .history_photo {flex:1; width:50%; margin-top:50px;}
.history_wrap .history_list li .history_photo img {width:100%; margin-bottom:5px;}
.history_wrap .history_list li .history_photo img:nth-child(2) {width:80%;}

.history_wrap .history_list li:last-child {margin-bottom:0px;}
.history_wrap .history_list li .year {font-size:40px; font-family:'GmarketsansBold'; color:#222; position:relative;}
.history_wrap .history_list li .year:before {content:''; display:inline-block; width:15px; height:15px; background:#ddd; border-radius:30px; position:absolute; top:15px; left:-77px;}
.history_wrap .history_list li .month_list {margin-top:40px; font-size:17px;}
.history_wrap .history_list li .month_list li {margin-bottom:10px; display:flex; line-height:24px; color:#222;}
.history_wrap .history_list li .month_list li em {display:inline-block; /* width:50px; */}
.history_wrap .history_list li .month_list li p {font-family:'GmarketsansLight'; font-weight:bold;}
.history_wrap .history_list li .month_list li p span {display:block; color:#999; letter-spacing:0; font-size:14px;}

/* 오시는길 */
.location_wrap {position:relative; width:100%; max-height:700px; margin-top:20px;}
.location_wrap .map {max-height:700px; overflow:hidden; text-align:center; background:#f2f2f2;}
.location_wrap .map img {width:auto; height:700px;}
.location_wrap .map iframe {width:100%; height:700px;}
.address_wrap {width:100%; position:absolute; top:0; left:0;}
.address_wrap .address_in {width:1280px; margin:140px auto;}
.address_box {width:270px; height:270px; text-align:center; float:right; background:rgba(29, 29, 25, 0.9); color:#fff; font-size:20px; line-height:24px; padding:65px; box-shadow:2px 10px 10px rgba(0, 0, 0, 0.5);}
.address_box .l_logo:after {content:''; display:block; width:20px; margin:40px auto 40px; height:2px; background:#fff;}

.sub_top {margin-top:30px;}
.sub_top p {font-size:18px; line-height:26px; margin:0px 0 15px; color:#444; position:relative;}

.s_tit {font-size:18px; color:#222; letter-spacing:-1.5px; position:relative;}
.s_txt, .s_list {margin:10px 0 0 0px; color:#777; font-size:15px; line-height:20px; font-family:'gmarketsansLight'; font-weight:bold;}
.s_list li:before {content:'-'; display:inline-block; margin-right:10px;}
.s_list li {margin-bottom:5px;}
.s_tit:before {content:''; display:inline-block; width:7px; height:7px; border-radius:60px; background:#2b66b1; position:absolute; top:-2px; left:-10px; }
.s_img {margin-top:15px;}
.s_img img {width:100%;}

.about_wrap {width:1010px; margin:30px auto; position:relative;}
.about_wrap:after {content:''; display:inline-block; width:133px; height:85px; position:absolute; top:-18px; right:-40px; background:url(../../images/about_img1.png) no-repeat; }
.about_wrap .about_tit {background:url(../../images/about_img.png) no-repeat; width:calc(100% - 80px); margin:0 auto; padding: 60px 0 0 80px; height:260px; color:#fff; font-size:30px; line-height:40px; box-shadow:3px 6px 20px rgba(0, 0, 0, 0.5);}
.about_tit:before {content:''; display:inline-block; width:40px; height:3px; background:#fff; margin-bottom:30px;}
.about_wrap .about_tit span {font-family:'gmarketsansBold'; color:#96f4ff;}
.about_wrap .about_txt {font-family:'gmarketsansLight'; font-weight:bold; margin-top:50px; font-size:18px; line-height:26px; color:#222;}
.about_wrap .about_txt em {font-family:'gmarketsansMedium'; color:#12265d;}

/* 작물생육 자동측정 신단 시스템 이미지 */
.solution02_img {border-bottom:1px solid #978d5e; text-align:center; margin-top:20px;}
.solution02_img img {width:100%;}

.kiosk_wrap {background:url(../../images/kiosk_bg.png) repeat-x; margin:18px 0 80px; height:442px;}
.kiosk_in {width:1030px; margin:0 auto; padding-left:250px; background:url(../../images/kiosk_01.png) no-repeat; height:500px;}

/* solution */
.smart_list {overflow:hidden; margin-top:15px;}
.smart_list li {float:left; width:calc(25% - 5px); margin:0 2.5px; padding-bottom:10px;}
.smart_list li p {text-align:center; margin-top:10px;}
.smart_list li img {width:100%;}

.erp_list {display:flex; flex-wrap:wrap; margin-top:15px;}
.erp_list > li {flex:1 1 40%; padding-bottom:10px; border:1px solid #ddd; margin:0 5px 5px 0;}
.erp_list > li:nth-child(even) {margin-right:0px;}
.erp_list > li p {font-size:16px; background:#f2f2f2; padding:12px 0 12px; text-align:center; color:#222;}
.erp_list > li > ul {margin-top:15px; font-size:14px; display:flex; flex-wrap:wrap; padding:0 20px; justify-content:space-between;}
.erp_list > li > ul > li {margin:0 0 5px 0; flex:1 1 30%;}

.erp_list > li {background:url(../../images/erp_ico01.png) no-repeat;}

.erp_wrap {background:#ddd url(../../images/erp_bg.png) 90% no-repeat; width:100%; padding:60px 0; _height:350px; margin-bottom:40px;}
.erp_in {max-width:1280px; margin:0 auto; padding:10px 0 10px;}
.erp_in > .s_tit:before {content:''; display:inline-block; width:7px; height:7px; border-radius:60px; background:#fff; position:absolute; top:-4px; left:-10px; }

.erp_list2 {margin-top:15px; display:flex; flex-wrap:wrap;}
.erp_list2 > li {flex:1 40%; margin-right:5px; margin-bottom:10px; background:rgba(255, 255, 255, 0.1); padding:20px; border-radius:5px;}
.erp_list2 > li:nth-child(even) {margin-left:5px; margin-right:0;}
.erp_list2 > li p {font-size:26px; padding:15px 0 10px; text-align:center; color:#fff;}

.erp_list03 {width:100%; display:flex; flex-wrap: wrap; margin-top:10px;}
.erp_list03 li {display:flex; flex:1 1 30%; margin:0 5px 5px 0; position:relative; _height:245px; border:1px solid #ddd;}
.erp_list03 li:nth-child(3), .erp_list03 li:nth-child(6) {margin-right:0;}
.erp_list03 li img {width:100%; _height:245px;}
.erp_list03 li p {position:absolute; bottom:0; left:0; font-size:13px; color:#fff; background:rgba(0, 0, 0, 0.3); padding:5px 10px; width:calc(100% - 20px);}

.erp_list03_1 {width:100%; display:flex; flex-wrap: wrap; margin-top:10px;}
.erp_list03_1 li {display:flex; flex:1 1 30%; margin:0 5px 5px 0; position:relative; border:1px solid #ddd;}
.erp_list03_1 li:nth-child(3), .erp_list03 li:nth-child(6) {margin-right:0;}
.erp_list03_1 li img {width:100%;}
.erp_list03_1 li > span {display:block; color:#fff; font-size:18px; text-align:center; width:90px; height:90px; line-height:95px; position:absolute; top:-4px; left:-4px; border:4px solid #fff;}
.erp_list03_1 li:nth-child(1) > span {background:rgba(40, 121, 12, 0.8);}
.erp_list03_1 li:nth-child(2) > span {background:rgba(8, 86, 86, 0.8);}
.erp_list03_1 li:nth-child(3) > span {background:rgba(13, 53, 87, 0.8);}

.erp_list04 {width:100%; display:flex; flex-wrap: wrap; margin-top:10px;}
.erp_list04 li {display:flex; flex:1 1 20%; margin-right:5px; position:relative; border:1px solid #ddd;}
.erp_list04 li:nth-child(4n) {margin-right:0;}
.erp_list04 li img {width:100%;}

.list_01 {display:flex; flex-wrap:wrap;}
.list_01 div:first-child {margin-right:20px;}
.list_01 div {flex:1 30%;}

.mes_list {margin-top:10px; overflow:hidden; display:flex; flex-wrap: wrap;}
.mes_list > li {flex:1 1 20%; _padding:10px 0 0; margin:0 5px 5px 0; border:1px solid #ddd;}
.mes_list > li:nth-child(4n) {margin-right:0;}
.mes_list .tit {background:#ddd; color:#222; font-family:'gmarketsansBold'; font-size:16px; padding:20px 15px 15px;}
.mes_list > li > ul {}
.mes_list > li > ul > li {margin-bottom:5px;}
.mes_list > li > ul > li > p {background:#f6f6f6; padding:10px;}
.mes_list > li > ul > li > p:before {content:'-'; display:inlie-block; padding-right:5px;}
.mes_list > li > ul > li > ul {padding:10px 20px;}
.mes_list > li > ul > li > ul > li {margin-bottom:5px; font-family:'gmarketsansLight'; font-weight:bold;}
.mes_list > li > ul > li > ul > li:before {content:'·'; display:inlie-block; padding-right:5px;}

/* .mes_list .mes_list_2depth {margin:-17px 0 0 0px; padding:25px 10px 10px; border:1px solid #ddd; background:#fff; border-radius:0 10px 10px; min-height:210px;}
.mes_list .mes_list_2depth > li {padding:10px; _margin-bottom:10px; }
.mes_list .mes_list_2depth > li > p {font-weight:bold; color:#222;}
.mes_list .mes_list_3depth {margin-top:5px; overflow:hidden;}
.mes_list .mes_list_3depth > li {float:left; margin-right:20px;}
.mes_list .mes_list_3depth > li:before {content:'-'; display:inline-block; margin-right:5px;} */

/*  kiosk */
.kiosk_list {margin-top:15px; display:flex; }
.kiosk_list li {flex:1; color:#222; border:1px solid #ddd; margin-right:5px; padding:160px 20px 30px 20px; text-align:center; font-size:18px; line-height:22px;}
.kiosk_list li:last-child {margin-right:0;}
.kiosk_list li p {font-family:'gmarketsansLight'; font-weight:bold; font-size:16px; color:#666;}
.kiosk_list li.kiosk_ico01 {background:url(../../images/kiosk_ico01.png) center 30px no-repeat;}
.kiosk_list li.kiosk_ico02 {background:url(../../images/kiosk_ico02.png) center 30px no-repeat;}
.kiosk_list li.kiosk_ico03 {background:url(../../images/kiosk_ico03.png) center 30px no-repeat;}

.tabs {padding-top:17px;}
.tabs > ul {width:300px; overflow:hidden;}
.tabs > ul > li {float:left; width:calc(33.33% - 1px); margin-right:1px; text-align:center; height:40px; line-height:40px; cursor:pointer; background:#eaeaea; }
.tabs > ul > li.on, .tabs > ul > li:hover {background:#b41a1e; color:#fff; transition:background .5s, color .5;}

.kiosk_list02 {width:100%; margin-top:18px;}
.kiosk_list02 > li {position:relative; float:left; width:calc(20% - 5px); margin-right:5px; _height:348px; overflow:hidden;}
.kiosk_list02 > li img {width:100%;}
.kiosk_list02 > li p {font-size:11px; letter-spacing:0; text-align:right; position:absolute; background:rgba(0, 0, 0, 0.7); color:#fff; padding:5px 10px; bottom:0; right:0;}

.kiosk_list03 {width:100%; margin-top:18px;}
.kiosk_list03 > li {position:relative; _height:170px; float:left; width:calc(33.3% - 5px); margin:0 5px 8px 0;}
.kiosk_list03 > li img {width:100%;}
.kiosk_list03 > li p {font-size:11px; letter-spacing:0; text-align:right; position:absolute; background:rgba(0, 0, 0, 0.7); color:#fff; padding:5px 10px; bottom:0; right:0;}

.conbox {display:none; margin-top:15px;}
.conbox.on {display: block;}

/* button */
.btn_gray_b {background:#999; color:#fff; border:1px solid #999; padding:14px 34px; font-size:18px;}
.btn_black_b {background:#191919; color:#fff; border:1px solid #191919; padding:14px 34px; font-size:18px;}
.btn_black_line_b {background:#fff; color:#191919; border:1px solid #191919; padding:14px 34px; font-size:18px;}

.btn_black {background:#191919; color:#fff; border:1px solid #191919; padding:10px 25px; font-size:16px;}
.btn_black_line {background:#fff; color:#191919; border:1px solid #191919; padding:10px 25px; font-size:16px;}
.btn_gray {background:#999; color:#fff; border:1px solid #999; padding:10px 25px; font-size:16px;}

.btn_black_s {background:#191919; color:#fff; border:1px solid #191919; padding:10px 15px; font-size:13px;}

.btn_black_ss {background:#191919; color:#fff; border:1px solid #191919; padding:3px 10px; font-size:13px;}
.btn_black_line_ss {background:#fff; color:#191919; border:1px solid #191919; padding:3px 10px; font-size:13px;}

.btn_black_b:hover, 
.btn_black_line_ss:hover, 
.btn_black_s:hover, 
.btn_brown_line_b:hover, 
.btn_gray_b:hover, 
.btn_black_line_b:hover, 
.btn_black:hover, 
.btn_black_line:hover, 
.btn_gray:hover, 
.tb_total button:hover, 
.btn_black_ss:hover {box-shadow:2px 3px 5px rgba(0, 0, 0, 0.3); transition:box-shadow .3s;}

/*footer*/
footer {width:100%; display:block; background:#191919;}
footer .footer {max-width:1280px; margin:0px auto; padding:50px 0; overflow:hidden;}
footer .footer > a {display:inline-block; width:250px; float:left;}
footer .footer .footer_text {margin-top:15px; width:calc(100% - 250px); float:left; color:#fff; font-size:16px; line-height:20px; }
footer .footer .footer_text p {font-size:13px; color:rgba(255, 255, 255, 0.7); letter-spacing:0;}
footer .footer .footer_text p span {display:inline-block; margin-left:20px;}
footer .footer .footer_text p:nth-child(4) {margin-top:10px; font-size:10px;}
footer .footer .footer_text p.chrome_link {font-siez:14px; color:#668fa3; letter-spacing:-1px; margin-top:20px;}


/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1280px)*/
@media all and (min-width:768px) and (max-width:1280px) { 

.wrap {min-width:100%;}

/* sitemap */
.menu-wrap .menu_con {width:calc(100% - 60px); padding:0 30px; justify-content:center;}
.sitemap {width:auto; margin-top:140px; flex-direction:column;}
.sitemap > li {flex:1; font-size:40px; margin-bottom:25px;}
.sitemap .sitemap_2depth {margin-top:20px;}
.sitemap .sitemap_2depth > li {font-size:22px; line-height:26px; margin-bottom:5px;}
.sitemap .sitemap_2depth > li:before {content:''; display:inline-block; width:4px; height:8px; background:#fff; margin:0 10px 5px 0;}
.sitemap .sitemap_3depth {margin:5px 0 15px 15px;}
.sitemap .sitemap_3depth li {font-size:22px; color:rgba(255, 252, 255, 0.6); line-height:26px; margin:0 0 5px 7px;}

header {width:100%; display:none;}
.header_in {width:100%;}
.header_in_wrap {height:70px; width:calc(100% - 15px);}
.header_in_wrap a.logo {width:190px; background-size:90%; float:left; display:block;}
.header_in_wrap > .menu_right {width:70px; height:70px;}
.header_in_wrap > .menu_right a {width:70px; height:70px;}

/* 메인 > 배너 */
.slide_wrapper {height:900px; overflow:hidden; position:relative;}
.slide {left:0; top:0; width:calc(100% * 3); display:flex; position:absolute;}
.m_slide_pre {left:0%;}
.m_slide_next {right:0%;}

.mb_more {color:#fff; display:inline-block; padding:15px 30px; border:1px solid #fff; border-radius:30px; font-size:12px; letter-spacing:0; margin-top:40px;}
.mb_more:hover {background:#fff; color:#222; transition:background .5s, color .5s;}

.main_wrap {position:relative; width:100%;}
.m_bn_txt {width:100%; top:0; left:0;}
.m_bn_txt .m_bn_txt_in {width:100%; padding-top:30px; }
.m_bn_txt .m_bn_txt_in li {color:#fff; letter-spacing:-1px;}
.m_bn_txt .m_bn_txt_in li.headcopy {font-size:55px; line-height:55px;}
.m_bn_txt .m_bn_txt_in li.subcopy {font-size:30px; line-height:34px; margin-top:10px;}
.m_bn_txt .m_bn_txt_in li.copy {font-size:24px; margin-top:20px;}
.m_t30 {margin-top:0px;}

.slide_page ul {top:400px;}


/* 메인 > 컨텐츠 */
.m_con_bg {display:none;}
.m_con_box.m_none {display:none;}
.m_con_box {margin-top:60px;}
.m_con_box_mobile {display:block; position:relative;}
.m_con_box_mobile .m_con_txt h3 {font-size:36px; margin-top:10px; color:#222; font-family:'GmarketSansBold';}
.m_con_box_mobile .m_con_txt h3 span {font-family:'GmarketSansMedium'; padding-left:5px; font-size:18px; letter-spacing:0;}

.m_con_box_mobile {margin-top:50px;}
.m_con_box_mobile video {width:100%;}
.m_con_sub_slide_wrap {width:calc(100% - 40px); height:200px; padding:20px; overflow:hidden; position:absolute; bottom:-214px; right:0; background:rgba(28, 122, 30, 0.5); z-index:1;}
.m_con_sub_slide_wrap .m_slide_btn {position:relative;}
.m_con_sub_slide_wrap .m_slide_btn .prev {position:absolute; left:-20px; display:inline-block; width:20px; height:200px; cursor:pointer; background:rgba(44, 144, 45, 0.0) url(../../images/arr_pre.png) center no-repeat; background-size:10px;}
.m_con_sub_slide_wrap .m_slide_btn .prev:hover {background-color:rgba(44, 144, 45, 0.6); transition:background .3s;}
.m_con_sub_slide_wrap .m_slide_btn .next:hover {background-color:#53a154; transition:background .3s;}
.m_con_sub_slide_wrap .m_slide_btn .next {position:absolute; right:-20px; display:inline-block; width:20px; height:200px; cursor:pointer; background:#8dbc8e url(../../images/arr_next.png) center no-repeat; background-size:10px;;}
.m_con_sub_slide_wrap ul {display:flex;}
.m_con_sub_slide_wrap ul li {margin-right:5px;}
.m_con_sub_slide_wrap ul li img {height:200px;}

.m_con_box_mobile .m_con_txt ul {margin:10px 0 20px;}
.m_con_box_mobile .m_con_txt a {color:#666; font-size:18px;}
.m_con_box_mobile .m_con_txt > ul a:after {content:'>';font-size:12px; display:inline-block; margin-left:10px; color:#999;}
.m_con_box_mobile .m_system_img {float:none;}
.m_con_box_mobile .m_system_img img {width:100%;}

.m_con_wrap {width:calc(100% - 60px);  margin:0 30px; position:relative;}
.m_con_wrap > .m_con_in {width:100%;  margin:0; padding:80px 0 0px; }
.m_con_in {width:calc(100% - 60px);  margin:0 30px; margin:0 auto; padding:40px 0 0px; }
.m_con_in .m_tit {position:relative;}
.m_con_in .m_tit p {font-size:20px; margin-bottom:15px; font-family:'GmarketSansMedium';}
.m_con_in .m_tit h2 {font-size:35px; letter-spacing:-1px; line-height:35px; font-family:'GmarketSansBold'; color:#222; text-align:center;}
.m_con_bg {display:none;}

.m_con_box {margin-top:80px; position:relative;}
.m_con_box:after {content:''; display:block; clear:both;}
.m_con_box .video_wrap {float:left; width:700px; height:530px; overflow:hidden;}
.m_con_box .video_wrap video {width:100%;}
.m_con_box .m_con_txt {float:left; margin:40px 0 0 50px;}

.m_con_box .m_con_txt > ul, .m_con_box .m_con_txt2 > ul {font-size:16px; }
.m_con_box .m_con_txt > ul a, .m_con_box .m_con_txt2 > ul a  {color:#999;}
.m_con_box .m_con_txt > ul a:hover, .m_con_box .m_con_txt2 > ul a:hover {color:#222;}
.m_con_box .m_con_txt > ul a:after, .m_con_box .m_con_txt2 > ul a:after {content:'>';font-size:12px; display:inline-block; margin-left:10px; color:#ddd;}
.m_con_box .m_con_txt > ul a:hover:after, .m_con_box .m_con_txt2 > ul a:hover:after {color:#222;}

.m_con_box .m_con_txt h3 {font-size:36px; margin-top:20px; color:#222; font-family:'GmarketSansBold';}
.m_con_box .m_con_txt h3 span, .m_con_box .m_con_txt2 h3 span {font-family:'GmarketSansMedium'; padding-left:5px; font-size:18px; letter-spacing:0;}
.m_con_box .m_con_sub_slide_wrap {width:60%; height:226px; padding:30px; overflow:hidden; position:absolute; bottom:-40px; right:0; background:rgba(28, 122, 30, 0.5); z-index:1;}
.m_con_box .m_con_sub_slide_wrap .m_slide_btn {position:relative;}
.m_con_box .m_con_sub_slide_wrap .m_slide_btn .prev {position:absolute; left:-30px; display:inline-block; width:30px; height:227px; cursor:pointer; background:rgba(44, 144, 45, 0.0) url(../../images/arr_pre.png) center no-repeat; background-size:10px;}
.m_con_box .m_con_sub_slide_wrap .m_slide_btn .prev:hover {background-color:rgba(44, 144, 45, 0.6); transition:background .3s;}
.m_con_box .m_con_sub_slide_wrap .m_slide_btn .next:hover {background-color:#53a154; transition:background .3s;}
.m_con_box .m_con_sub_slide_wrap .m_slide_btn .next {position:absolute; right:-30px; display:inline-block; width:30px; height:227px; cursor:pointer; background:#8dbc8e url(../../images/arr_next.png) center no-repeat; background-size:10px;;}
.m_con_sub_slide_wrap ul {white-space:nowrap; overflow-x: auto;}
.m_con_sub_slide_wrap ul li {display:inline-block;}
.m_con_sub_slide_wrap ul li img {height:200px;}


.m_erp_list {display:flex; flex-direction:column; margin-top:10px;}
.m_erp_list > li:nth-child(1) {margin:0 0 10px 0px; background:url(../../images/m_img03.png) no-repeat; background-size:cover;}
.m_erp_list > li:nth-child(2) {background:url(../../images/m_img04.png) no-repeat; background-size:cover;}
.m_erp_list > li > a > ul > li {flex:1 40%;}


/* 회사소개 */
.m_about_wrap {width:100%; height:auto; background:url(../../images/m_about.png) no-repeat; background-size:cover; position:relative;}
.m_about_in {width:100%; margin:0 auto; color:#fff; position:relative; padding-bottom:30px;}
.m_about_in .m_about_tit {width:calc(100% - 30px); padding:80px 0 0 30px; font-size:26px; font-family:'GmarketSansbold';}
.m_about_in .m_about_box {background:rgba(20, 21, 26, 0.9); width:calc(100% - 200px); padding:70px; margin:20px auto 0; height:auto; position:initial; font-size:22px; line-height:26px;}
.m_about_in .m_about_box .m_about_tit_s {font-size:30px; line-height:40px; position:relative; margin-top:30px;}
.m_about_in .m_about_box .m_about_tit_s:before {content:''; display:inline-block; width:50px; height:2px; background:#fff; position:absolute; top:-30px; left:0;}
.m_about_in .m_about_box .m_about_tit_s span {color:#397dda;}
.about_list {margin-top:60px; display:flex; flex-wrap:wrap; justify-content:between-content;}
.about_list li {flex:1; text-align:center; position:relative;}
.about_list li:after {content:''; display:inline-block; width:1px; height:100%; background:rgba(255, 255, 255, 0.1); position:absolute; top:0; right:0;}
.about_list li:last-child:after {display:none;}

.about_list li:hover {background-color:rgba(57, 125, 218, 0.1) !important; transition: background .5s;}
.about_list li:hover a {color:#397dda; transition:color .3s;}

.about_list li a {display:block; padding:120px 20px 40px; color:#fff;}
.about_list li a p {color:rgba(255, 255, 255, 0.5); font-size:18px; margin-top:10px;}
.about_list li.a1 {background:url(../../images/icon_a1.png) center 30px no-repeat;}
.about_list li.a2 {background:url(../../images/icon_a2.png) center 30px no-repeat;}
.about_list li.a3 {background:url(../../images/icon_a3.png) center 30px no-repeat;}
.about_list li.a4 {background:url(../../images/icon_a4.png) center 30px no-repeat;}
.m_about_bg {background:rgba(20, 21, 26, 0.9); width:calc(50% - 640px); height:540px; position:absolute; top:170px; right:0;}


.tab {width:100%;}
.tab li {flex:1; font-size:16px; line-height:55px; margin-left:1px;}
.tab li:first-child {margin-left:0;}

.tab02 {text-align:center; width:100%; display:flex; justify-content:space-between;}
.tab02 li {flex:1; font-size:15px; margin-left:1px; vertical-align:center;}
.tab02 li:first-child {margin-left:0;}
.tab02 li a {display:block; color:#d1d1d1; background:#e8e8e8; padding:10px 0; position:relative;}
.tab02 li a p {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%;}
.tab02 li.on a, .tab02 li a:hover {color:#fff; background:#191d2b; transition:background 0.5s;} 
.tab02 li.on, .tab02 li:hover {box-shadow:2px 2px 10px rgb(0 0 0 / 50%); z-index:2;}


.content {width:calc(100% - 60px); margin:0 auto; _padding:80px 30px;}
.content h3 {font-size:26px; color:#222; font-family:'GmarketsansBold'; margin-top:50px;}

/* 인사말 */
.about_wrap {width:85%; margin:15px auto; position:relative;}
.about_wrap .about_tit {background-size:cover; width:calc(100% - 80px); height:auto; padding:50px 30px 50px 50px; font-size:28px; line-height:36px;}
.about_tit:before {content:''; display:inline-block; width:40px; height:3px; background:#fff; margin-bottom:30px;}
.about_wrap .about_tit span {font-family:'gmarketsansBold'; color:#96f4ff;}
.about_wrap .about_txt {margin-top:40px; font-size:18px; line-height:24px; color:#222;}

/* 연혁 */
.history_wrap .history_list li .history_text {width:calc(70% - 70px); padding:50px 0 70px 50px; margin-left:50px;}
.history_wrap .history_list li .history_photo {width:30%;}
.history_wrap .history_list li .year:before {content:''; display:inline-block; width:15px; height:15px; background:#ddd; border-radius:30px; position:absolute; top:15px; left:-57px;}

.erp_wrap {padding:30px 0; margin-bottom:20px;}
.erp_in {max-width:100%; margin:0 auto; padding:10px 0 10px;}
.erp_in > .s_tit {margin:0 30px;}
.erp_in > .s_tit:before {content:''; display:inline-block; width:7px; height:7px; border-radius:60px; background:#fff; position:absolute; top:-4px; left:-10px; }

.erp_list2 {margin-top:15px; display:flex; flex-wrap:wrap; padding:0 30px;}
.erp_list2 > li {flex:1 40%; margin-right:5px; margin-bottom:10px; background:rgba(255, 255, 255, 0.1); padding:10px; border-radius:5px;}
.erp_list2 > li:nth-child(even) {margin-left:5px; margin-right:0;}
.erp_list2 > li p {font-size:20px; padding:5px 0; text-align:center; color:#fff;}

.erp_list03 {display:flex; flex-wrap: wrap;}
.erp_list03 li {flex:1 1 40%; margin:0 5px 5px 0;}
.erp_list03 li:nth-child(even) {margin-right:0;}
.erp_list03 li:nth-child(3){margin:0 5px 5px 0;}

/*  kiosk */
.kiosk_wrap {background:#eee; margin:0; height:100%; padding:0 30px 30px; overflow:hidden;}
.kiosk_in {width:100%; margin:0 auto; padding-left:0px; background:none; height:auto;}


/* 오시는길 */
.location_wrap {position:relative; width:100%; height:500px; margin-top:20px;}
.location_wrap .map {height:500px; overflow:hidden;}
.location_wrap .map img {width:auto; height:500px;}
.location_wrap .map > iframe {width:100%; height:500px;}
.address_wrap {width:100%; position:absolute; top:0; left:0;}
.address_wrap .address_in {width:100%; margin:70px auto;}
.address_box {width:200px; height:200px; font-size:18px; line-height:24px; padding:40px 65px 70px; margin-right:40px;}
.address_box .l_logo:after {content:''; display:block; width:20px; margin:20px auto 20px; height:2px; background:#fff;}

/*footer*/
footer .footer {width:100%; padding:30px 0;}
footer .footer > a {margin-left:20px;}
footer .footer .footer_text {width:calc(100% - 270px);}

.sub_top_box.s05 {background:#f2f5fd url(../../images/korail_logo.png) no-repeat; background-size: 150px; background-position: 24px 50px;}
.sub_top_box.s06 {background:#f2f5fd url(../../images/gas_logo.png) no-repeat; background-size: 160px; background-position: 24px 50px;}

}



/* 모바일 가로, 모바일 세로 (해상도 360px ~ 787px)*/
@media all and (max-width:787px) {
	.wrap {min-width:100%;}
	
	.popup img {
		width: 300px;
	}
	
	header {width:100%;}
	.header_in {width:100%;}
	.header_in_wrap {height:60px;}
	.header_in_wrap a.logo {width:190px; margin-top:10px; background-size:75%; float:left; display:block;}
	.header_in_wrap > .gnb {visibility:hidden;}
	.header_in_wrap > .menu-right {text-align:right; flex:1; height:60px;}
	.header_in_wrap > .menu-right a {width:60px; height:60px;}
	
	/* 스크롤시 header 변경 */
	header > .active a.logo {background-size:75%;}
	header > .active .menu-right a {width:60px; height:60px;}
	
	/* sitemap */
	#allMenu .btn-close {top:0px; right:0px; width:60px; height:60px;}
	.menu-wrap {display:flex; justify-content:center;}
	.menu-wrap .menu_con {width:calc(100% - 60px); padding:0 30px; justify-content:center;}
	.sitemap {width:auto; margin-top:80px; display:flex; flex-direction:column;}
	.sitemap:after {content:''; display:block; clear:both;}
	.sitemap > li {flex:1; font-size:22px; margin-bottom:20px;}
	.sitemap > li:first-child {flex:0.5;}
	.sitemap .sitemap_2depth {margin-top:10px;}
	.sitemap .sitemap_2depth > li {font-size:16px; line-height:22px; margin-bottom:5px;}
	.sitemap .sitemap_2depth > li:before {margin:0 10px 2px 0;}
	.sitemap .sitemap_3depth {margin:5px 0 10px 15px;}
	.sitemap .sitemap_3depth li {font-size:16px; line-height:22px; margin:0 0 0px 7px;}
	
	/* 메인 > 배너 */
	.slide_wrapper {height:600px;}
	.slide {height:600px;}
	.slide > li {width:calc(100% / 3); height:600px;}
	
	.slide_wrapper input{display:none;}
	.slide_wrapper .bullet {position:absolute;bottom:20px;left:0;right:0;text-align:center; z-index:10;}
	.slide_wrapper .bullet label{display:inline-block; width:60px; height:4px; border-radius:10px; background:rgba(255 ,255, 255, 0.7); font-size:0; cursor:pointer;}
	.slide_wrapper > button {position:absolute; top:220px; _background-color:rgba(255, 255, 255, 0); width:30px; height:140px; cursor:pointer; z-index:10;}
	.slide_wrapper > button:hover {background-color:rgba(255, 255, 255, 0.1); transition:background-color .5s;}
	.m_slide_pre {left:0; background:url('../../images/btn_pre.png') center no-repeat; border-radius:0px 20px 20px 0px; background-size:50%;}
	.m_slide_next {right:0; background:url('../../images/btn_next.png') center no-repeat; border-radius:20px 0 0px 20px;  background-size:50%;}
	
	.slide_page {display:none;}
	.mb_more {color:#fff; display:inline-block; padding:15px 30px; border:1px solid #fff; border-radius:30px; font-size:12px; letter-spacing:0; margin-top:40px;}
	.mb_more:hover {background:#fff; color:#222; transition:background .5s, color .5s;}
	
	.m_bn_txt .m_icon {padding-top:80px;}
	.m_bn_txt .m_icon img {width:36%;}
	.m_bn_txt .m_bn_txt_in {clear:both; text-align:center; color:#fff; width:80%; margin:0 auto; padding-top:20px; }
	.m_bn_txt .m_bn_txt_in li {color:#fff; letter-spacing:-1px;}
	.m_bn_txt .m_bn_txt_in li.headcopy {font-size:38px; line-height:38px; font-family:'GmarketSansBold';}
	.m_bn_txt .m_bn_txt_in li.headcopy span, .m_bn_txt .m_bn_txt_in li.subcopy span, .m_bn_txt .m_bn_txt_in li.copy span {display:block;}
	.m_bn_txt .m_bn_txt_in li.subcopy {font-size:20px; line-height:26px; margin-top:20px;}
	.m_bn_txt .m_bn_txt_in li.copy {font-size:16px; margin-top:10px; font-family:'GmarketSansLight';}
	.mb_more {margin-top:25px; padding:10px 15px; font-size:11px;}
	
	.slide .m_bn01 {width:100%; background:url('../../images/m_bn01_m.png') center no-repeat;}
	.slide .m_bn02 {width:100%; background:url('../../images/m_bn02_m.png') center no-repeat;}
	.slide .m_bn03 {width:100%; background:url('../../images/m_bn03_m.png') center no-repeat;}
	
	.m_t30 {margin-top:30px;}
	
	/* 메인 > 컨텐츠 */
	.m_con_wrap {width:100%; position:relative;}
	.m_con_in {width:calc(100% - 40px);  margin:0 20px; margin:0 auto; padding:40px 0 0px; }
	.m_con_in .m_system_img > img {width:100%;}
	.m_con_in .m_tit {position:relative; margin-top:40px;}
	.m_con_in .m_tit h2 {font-size:38px; letter-spacing:-2px; line-height:42px; font-family:'GmarketSansBold'; color:#222; text-align:center;}
	.m_con_in .m_tit h2 span {display:block;}
	.m_con_bg {display:none;}
	.m_con_box.m_none {display:none;}
	
	.m_con_box {margin-top:60px;}
	.m_con_box_mobile {display:block; position:relative;}
	.m_con_box_mobile .m_con_txt h3 {font-size:36px; margin-top:10px; color:#222; font-family:'GmarketSansBold';}
	.m_con_box_mobile .m_con_txt h3 span {font-family:'GmarketSansMedium'; padding-left:5px; font-size:18px; letter-spacing:0;}
	
	.m_con_box_mobile {margin-top:50px;}
	.m_con_box_mobile video {width:100%;}
	.m_con_sub_slide_wrap {width:calc(100% - 40px); height:200px; padding:20px; overflow:hidden; position:absolute; bottom:-214px; right:0; background:rgba(28, 122, 30, 0.5); z-index:1;}
	.m_con_sub_slide_wrap .m_slide_btn {position:relative;}
	.m_con_sub_slide_wrap .m_slide_btn .prev {position:absolute; left:-20px; display:inline-block; width:20px; height:200px; cursor:pointer; background:rgba(44, 144, 45, 0.0) url(../../images/arr_pre.png) center no-repeat; background-size:10px;}
	.m_con_sub_slide_wrap .m_slide_btn .prev:hover {background-color:rgba(44, 144, 45, 0.6); transition:background .3s;}
	.m_con_sub_slide_wrap .m_slide_btn .next:hover {background-color:#53a154; transition:background .3s;}
	.m_con_sub_slide_wrap .m_slide_btn .next {position:absolute; right:-20px; display:inline-block; width:20px; height:200px; cursor:pointer; background:#8dbc8e url(../../images/arr_next.png) center no-repeat; background-size:10px;;}
	
	.m_con_sub_slide_wrap ul {white-space:nowrap; overflow-x: auto;}
	.m_con_sub_slide_wrap ul li {display:inline-block;}
	.m_con_sub_slide_wrap ul li img {height:200px;}
	
	.m_con_box_mobile .m_con_txt ul {margin:10px 0 20px;}
	.m_con_box_mobile .m_con_txt a {color:#666; font-size:18px;}
	.m_con_box_mobile .m_con_txt > ul a:after {content:'>';font-size:12px; display:inline-block; margin-left:10px; color:#999;}
	.m_con_box_mobile .m_system_img {float:none;}
	.box_yellow {display:none;}
	
	
	.m_erp_list {display:flex; flex-direction:column; margin:10px 0 0;}
	.m_erp_list > li {flex:1; position:relative; margin-top:5px;}
	.m_erp_list > li a {padding:40px 30px;}
	.m_erp_list > li:nth-child(1) {margin:0px;}
	.m_erp_list > li > a > ul > li {flex:1 40%; font-size:18px; line-height:50px;}
	.m_erp_list > li a:after {top:35%;}
	
	/* 회사소개 */
	.m_about_wrap {width:100%; height:auto; background:url(../../images/m_about.png) no-repeat; background-size:cover; position:relative;}
	.m_about_in {width:100%; margin:0 auto; color:#fff; position:relative; padding-bottom:20px;}
	.m_about_in .m_about_tit {width:calc(100% - 30px); padding:60px 15px 0 15px; font-size:20px; font-family:'GmarketSansbold';}
	.m_about_in .m_about_box {background:rgba(20, 21, 26, 0.9); width:calc(100% - 120px); padding:40px; height:auto; position:initial; margin:20px auto 0;}
	.m_about_in .m_about_box .m_about_tit_s {font-size:20px; line-height:24px; position:relative; margin-top:30px;}
	.m_about_in .m_about_box .m_about_tit_s:before {content:''; display:inline-block; width:50px; height:2px; background:#fff; position:absolute; top:-30px; left:0;}
	.m_about_in .m_about_box .m_about_tit_s span {color:#397dda;}
	.about_list {margin:20px 20px 0 0;}
	.about_list li {flex:1 40%;}
	.about_list li:after {content:''; display:none;}
	.about_list li:last-child:after {display:none;}
	
	.about_list li:hover {background-color:rgba(57, 125, 218, 0.1) !important; transition: background .5s;}
	.about_list li:hover a {color:#397dda; transition:color .3s;}
	
	.about_list li a {display:block; padding:100px 20px 20px; color:#fff;}
	.about_list li a p {color:rgba(255, 255, 255, 0.5); font-size:14px; margin-top:10px;}
	.about_list li.a1 {background:url(../../images/icon_a1.png) center 20px no-repeat;}
	.about_list li.a2 {background:url(../../images/icon_a2.png) center 20px no-repeat;}
	.about_list li.a3 {background:url(../../images/icon_a3.png) center 20px no-repeat;}
	.about_list li.a4 {background:url(../../images/icon_a4.png) center 20px no-repeat;}
	.m_about_bg {display:none;}
	
	/* 서브배너 */
	.s_bn_wrap .bn_tit {top:130px; font-size:26px;}
	.s_bn_wrap .bn_tit .location {display:none;}
	.s_bn_wrap .s_bn_img {overflow:hidden; height:260px;}
	
	.tab {width:100%;}
	.tab li {flex:1; font-size:16px; line-height:55px; margin-left:1px;}
	.tab li:first-child {margin-left:0;}
	
	.tab02 {text-align:center; width:100%; display:flex; justify-content:space-between;}
	.tab02 li {flex:1; font-size:13px; letter-spacing:-1px; line-height:18px; margin-left:1px; vertical-align:center;}
	.tab02 li:first-child {margin-left:0;}
	.tab02 li a {display:block; color:#d1d1d1; background:#e8e8e8; padding:10px 0; position:relative;}
	.tab02 li a p {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:90%;}
	.tab02 li a span {display:block;}
	.tab02 li.on a, .tab02 li a:hover {color:#fff; background:#191d2b; transition:background 0.5s;} 
	.tab02 li.on, .tab02 li:hover {box-shadow:2px 2px 10px rgb(0 0 0 / 50%); z-index:2;}
	
	
	.history_img_list {display:none;}
	
	.content {width:calc(100% - 60px); margin:0 auto; }
	.content h3 {font-size:26px; color:#222; font-family:'GmarketsansBold'; margin-top:50px;}
	
	/* 인사말 */
	.about_wrap {width:100%; margin:15px auto; position:relative;}
	.about_wrap:after {content:''; display:inline-block; width:133px; height:85px; position:absolute; top:-18px; right:-20px; background:url(../../images/about_img1.png) no-repeat; }
	.about_wrap .about_tit {background:url(../../images/about_img.png) no-repeat; width:calc(100% - 60px); margin:0 auto; height:auto; color:#fff; padding:50px 30px 30px 30px; font-size:18px; line-height:28px; box-shadow:3px 6px 20px rgba(0, 0, 0, 0.5);}
	.about_tit:before {content:''; display:inline-block; width:40px; height:3px; background:#fff; margin-bottom:30px;}
	.about_wrap .about_tit span {font-family:'gmarketsansBold'; color:#96f4ff;}
	.about_wrap .about_txt {margin-top:30px; font-size:16px; line-height:24px; color:#222;}
	
	/* 연혁 */
	.history_wrap {border-top:1px solid #ddd; margin-top:30px; padding-top:30px;}
	.history_wrap .history_list > ul > li {display:flex; flex-direction:column;}
	.history_wrap .history_list li .history_text {flex:1; width:calc(100% - 0px); padding:40px 0 100px 0px; margin-left:0px; font-size:20px; border-left:0;}
	.history_wrap .history_list li .history_photo {flex:1; width:calc(100% - 0px); margin:0 0 0 0px; padding-left:0px; border-left:0;}
	.history_wrap .history_list li .year:before {display:none;}
	.history_wrap .history_list li .month_list {margin-top:10px;}
	
	
	/* 특허 및 인증 */
	.patent_list {width:100%; display:flex; flex-wrap: wrap;}
	.patent_list li {flex:1 1 40%; text-align:center; margin-right:10px; margin-bottom:20px;}
	.patent_list li:nth-child(even) {margin-right:0;}
	.patent_list li p {line-height:20px;}
	.patent_list li p span {display:block; color:#999; margin-bottom:5px;}
	.patent_list li img {width:100%; border:2px solid #ddd; margin-bottom:5px; margin-bottom:20px;}
	
	
	.sub_top_box {margin-top:30px; background:#f2f5fd; font-size:16px; line-height:22px; line-height:18px; padding:120px 20px 20px 20px; color:#555; border-radius:20px; letter-spacing:-0.3px;}
	.sub_top_box.s01 {background:#f2f5fd url(../../images/s_icon01.png) center 0px no-repeat;}
	.sub_top_box.s02 {background:#f2f5fd url(../../images/s_icon02.png) center 0px no-repeat;}
	.sub_top_box.s03 {background:#f2f5fd url(../../images/s_icon03.png) center 0px no-repeat;}
	.sub_top_box.s04 {background:#f2f5fd url(../../images/s_icon04.png) center 0px no-repeat;}
	.sub_top_box > .tit {font-size:20px; color:#2f3c5f; letter-spacing:-1px; margin:10px 0;}
	
	
	/* 오시는길 */
	.location_wrap {position:relative; width:100%; height:500px; margin-top:20px;}
	.location_wrap .map {height:500px; overflow:hidden;}
	.location_wrap .map img {width:auto; height:500px;}
	.location_wrap .map > iframe {width:100%; height:500px;}
	.address_wrap {width:100%; position:absolute; top:0; left:0;}
	.address_wrap .address_in {width:100%; margin-top:30px;}
	.address_box {height:auto; text-align:center; float:right; background:rgba(29, 29, 25, 0.9); color:#fff; font-size:14px; line-height:18px; padding:30px 30px 30px; box-shadow:2px 10px 10px rgba(0, 0, 0, 0.5);}
	.address_box .l_logo {display:none;}
	
	
	/*  kiosk */
	.kiosk_wrap {background:#eee; margin:0; height:100%; padding:0 30px 30px;}
	.kiosk_in {width:100%; margin:0 auto; padding-left:0px; background:none; height:auto;}
	
	.tabs {padding-top:17px;}
	.tabs > ul {width:300px; overflow:hidden;}
	.tabs > ul > li {float:left; width:calc(33.33% - 1px); margin-right:1px; text-align:center; height:40px; line-height:40px; cursor:pointer; background:#eaeaea; }
	.tabs > ul > li.on, .tabs > ul > li:hover {background:#b41a1e; color:#fff; transition:background .5s, color .5;}
	
	.kiosk_list02 {width:100%; margin-top:18px; overflow:hidden;}
	.kiosk_list02 > li {position:relative; float:left; width:calc(50% - 5px); margin:0 5px 5px 0; height:auto; overflow:hidden;}
	.kiosk_list02 > li:nth-child(even) {margin-right:0;}
	.kiosk_list02 > li img {width:100%;}
	.kiosk_list02 > li p {font-size:11px; letter-spacing:0; text-align:right; position:absolute; background:rgba(0, 0, 0, 0.7); color:#fff; padding:5px 10px; bottom:0; right:0;}
	
	.kiosk_list03 {width:100%; margin-top:18px; overflow:hidden;}
	.kiosk_list03 > li {position:relative; height:auto; float:left; width:calc(50% - 5px); margin:0 0px 8px 0;}
	.kiosk_list03 > li img {width:100%;}
	.kiosk_list03 > li p {font-size:11px; letter-spacing:0; text-align:right; position:absolute; background:rgba(0, 0, 0, 0.7); color:#fff; padding:5px 10px; bottom:0; right:0;}
	
	
	.kiosk_list {margin-top:15px; display:flex; flex-direction:column; }
	.kiosk_list li {margin:0 0 8px 0; padding:160px 20px 30px 20px; text-align:center; font-size:18px; line-height:22px;}
	.kiosk_list li:last-child {margin-right:0;}
	.kiosk_list li p {font-family:'gmarketsansLight'; font-weight:bold; font-size:16px; color:#666;}
	.kiosk_list li.kiosk_ico01 {background:url(../../images/kiosk_ico01.png) center 30px no-repeat;}
	.kiosk_list li.kiosk_ico02 {background:url(../../images/kiosk_ico02.png) center 30px no-repeat;}
	.kiosk_list li.kiosk_ico03 {background:url(../../images/kiosk_ico03.png) center 30px no-repeat;}
	
	
	/* erp */
	.erp_wrap {padding:30px 0; margin-bottom:20px;}
	.erp_in {max-width:100%; margin:0 auto; padding:10px 0 10px;}
	.erp_in > .s_tit {margin:0 30px;}
	.erp_in > .s_tit:before {content:''; display:inline-block; width:7px; height:7px; border-radius:60px; background:#fff; position:absolute; top:-4px; left:-10px; }
	
	.erp_list {display:flex; flex-wrap:wrap; margin-top:15px;}
	.erp_list > li {flex:1 40%;}
	.erp_list > li > ul > li {margin:0 0 5px 0; flex:60%;}
	.erp_list > li {background:url(../../images/erp_ico01.png) no-repeat;}
	
	.erp_list2 {margin-top:15px; display:flex; flex-wrap:wrap; padding:0 30px;}
	.erp_list2 > li {flex:1 60%; margin-right:0px; margin-bottom:10px; padding:10px;}
	.erp_list2 > li:nth-child(even) {margin-left:0px; margin-right:0;}
	.erp_list2 > li p {font-size:22px; text-align:center; color:#fff;}
	
	.erp_list03 {width:100%; display:block; flex-wrap: wrap;}
	.erp_list03 li {flex:1; margin:0 0 5px 0;}
	
	.erp_list03_1 {width:100%; display:block; flex-wrap: wrap;}
	.erp_list03_1 li {flex:1; margin:0 0 5px 0;}
	
	.erp_list04 {display:flex; flex-wrap: wrap;}
	.erp_list04 li {flex:1 40%; margin:0 5px 5px 0;}
	.erp_list04 li:nth-child(even) {margin-right:0;}
	
	.list_01 {width:100%; display:block; flex-wrap: wrap;}
	.list_01 div {flex:1; margin:0 0 20px 0;}
	
	
	.mes_list {margin-top:10px; overflow:hidden; display:flex; flex-wrap: wrap; flex-direction: column;}
	.mes_list > li {flex:1 40%; margin:0 5px 5px 0; border:1px solid #ddd;}
	.mes_list > li:nth-child(2) {padding-bottom:110px;}
	.mes_list > li:nth-child(4n) {margin-right:5px;}
	.mes_list .tit {background:#ddd; color:#222; font-family:'gmarketsansBold'; font-size:16px; padding:20px 15px 15px;}
	.mes_list > li > ul {}
	.mes_list > li > ul > li {margin-bottom:5px;}
	.mes_list > li > ul > li > p {background:#f6f6f6; padding:10px;}
	.mes_list > li > ul > li > p:before {content:'-'; display:inlie-block; padding-right:5px;}
	.mes_list > li > ul > li > ul {padding:10px 20px;}
	.mes_list > li > ul > li > ul > li {margin-bottom:5px; font-family:'gmarketsansLight'; font-weight:bold;}
	.mes_list > li > ul > li > ul > li:before {content:'·'; display:inlie-block; padding-right:5px;}
	
	/*footer*/
	footer .footer {width:100%; padding:30px 0; text-align:center;}
	footer .footer > a {width:190px; margin:0 auto; float:none;}
	footer .footer .footer_text {width:100%;}
	footer .footer .footer_text p span {display:block;}
	footer .footer .footer_text p:first-child {margin-top:10px; /* font-size:10px; */}
	footer .footer .footer_text p.chrome_link {font-size:14px; color:#668fa3; font-weight:bold; letter-spacing:-1px;}
	footer .footer .footer_text p.chrome_link a.chrome {display:inline-block; background:#668fa3; color:#fff; font-size:12px; border-radius:2px; margin-left:10px; padding:0 10px;}
	footer .footer .footer_text p.chrome_link a.chrome:hover {background:#4b7487;}
	
	.m_con_wrap {_display:none;}
	
	.sub_top_box.s05 {background:#f2f5fd url(../../images/korail_logo.png) no-repeat; background-size: 150px; background-position: 24px 30px;}
	.sub_top_box.s06 {background:#f2f5fd url(../../images/gas_logo.png) no-repeat; background-size: 160px; background-position: 24px 30px;}
	
	/* 탑버튼 */
	.topBtn {bottom:100px; right:10px;}
}