#header {position:fixed; z-index:999; height:122px; width:100%}
#header .header_wp {z-index:1000; position:relative; width:1200px; margin:0 auto;}
#header .logo {position:absolute; left:47px; top:40px; margin:0; padding:0; width:172px; height:39px; background:url(../../img/logo.png) no-repeat; text-indent:-9999px; overflow:hidden;}
#header .logo a {display:block;}
#header .menu-triangle {cursor:pointer; position: fixed; top: 10px; right: 10px; width: 0; height: 0; border-top: 100px solid #34a12c; border-left: 100px solid transparent; z-index: 31; 
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
}
#header .menu-triangle.active {
	-webkit-transform: translate3d(0px, -120px, 0px);
	-moz-transform: translate3d(0px, -120px, 0px);
	-ms-transform:translate3d(0px, -120px, 0px);
	transform: translate3d(0px, -120px, 0px);
}
#header .menu-triangle span {background:url(../../img/menu_bu.png) no-repeat 0 0; position:absolute; left:-37px; top:-79px; width:30px; height:24px;}
#header .menu {margin:0; padding:0; list-style:none; height:122px; padding-left:480px; overflow:hidden;}
#header .menu li {float:left;}
#header .menu li a {display:block; float:left; color:#fff; padding:54px 0; width:168px; }
#header .menu li a span {display:block; text-indent:-9999px; overflow:hidden; text-align:center; }
#header .menu li.m1 a span {background:url(../../img/m1text.png) no-repeat 50% 0; height:13px;}
#header .menu li.m2 a span {background:url(../../img/m2text.png) no-repeat 50% 0; height:13px;}
#header .menu li.m3 a span {background:url(../../img/m3text.png) no-repeat 50% 0; height:13px;}
#header .menu li.m4 a span {background:url(../../img/m4text.png) no-repeat 50% 0; height:13px;}
#header .menu li.over span{background-position:50% -44px !important;;}
#menu {display:none;}

#header .menu_list {position:relative; height:0; overflow:hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
#header .menu_list.active {height:153px;}
#header .menu_list .menu_bg {position:absolute; top:0; width:100%; height:153px; background:#000; opacity:0.4;}
#header .menu_list .menu_list_wp {position:relative; z-index:10; width:1200px; margin:0 auto; overflow:hidden;}
#header .menu_list ul {float:left; width:168px; height:186px; padding:0; margin:0; margin-top:12px; list-style:none;}
#header .menu_list ul:first-child {padding-left:480px;}
#header .menu_list ul li {}
#header .menu_list ul li a {display:block; color:#fff; text-align:center; padding:3px 0 4px; font-size:14px; font-weight:500;}
#header .menu_list ul li a:hover {text-decoration:none; background:#34a12c;  border-radius:4px;}


#header.type2 .menu_list .menu_bg {border-bottom:2px solid #34a12c; box-sizing:border-box; background:#f6f6f6; opacity:0.9}
#header.type2 .menu_list ul li a {color:#000}
#header.type2 .menu_list ul li a:hover {color:#fff}
#header .bg {position:absolute; top:0; height:122px; width:100%; border-bottom:1px solid #bbbbbb; box-sizing:border-box; background:#000; opacity:0;
-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
}
#header.type3 .bg {position:absolute; top:0; height:122px; width:100%; border-bottom:2px solid #bbbbbb; box-sizing:border-box; background:#000; opacity:0.7}



#header.type2 {}
#header.type2 .logo {position:absolute; left:47px; top:40px; margin:0; padding:0; width:172px; height:39px; background:url(../../img/logo.png) no-repeat 0 -45px; text-indent:-9999px; overflow:hidden;}
#header.type2 .menu li.m1 a span {background:url(../../img/m1text.png) no-repeat 50% -22px; height:13px;}
#header.type2 .menu li.m2 a span {background:url(../../img/m2text.png) no-repeat 50% -22px; height:13px;}
#header.type2 .menu li.m3 a span {background:url(../../img/m3text.png) no-repeat 50% -22px; height:13px;}
#header.type2 .menu li.m4 a span {background:url(../../img/m4text.png) no-repeat 50% -22px; height:13px;}
#header.type2 .menu li a:hover span{background-position:50% -44px;}
#header.type2 .bg {position:absolute; top:0; height:122px; width:100%; border-bottom:1px solid #bbbbbb; box-sizing:border-box; background:#fff; opacity:1}


#menu {display:none;}

.mobile_logo {display:none;}
.menu-triangle {display:none;}


.main_visual {position:relative; width:100%; height:100%; overflow:hidden; text-align:center;}
.main_visual .visual_wp {left:50%; margin-left:-50%; position:absolute; top:0; width:100%; height:100%; background:#3c3c42;}
@media all and (max-width:1920px) /*768px까지 - 모바일 형식*/
{
	.main_visual .visual_wp {margin-left:-960px;}
}
.main_visual .visual_wp img {position:relative; height:100%; min-height:937px;}

.section0_visual {z-index:2; position:absolute; bottom:0; height:85px; background:#fff; width:100%; text-align:center; transform: translate3d(0px, 0px, 0px);}
.section0_visual .bottom_area {position:relative; width:1200px; margin:0 auto; height:100%;}
.section0_visual #move_img {position:absolute; bottom:80px; left:66px; width:741px; height:765px;}
.section0_visual #move_img .mobile {display:none}
.section0_visual .img_list {position:absolute; left:198px; top:71px; width:308px; height:513px; overflow:hidden;}
.section0_visual .img_list ul {position:absolute; left:0; top:0; width:924px; margin:0; padding:0; list-style:none; overflow:hidden;}
.section0_visual .img_list ul li img {}
.section0_visual .img_list ul li {float:left;}

.section0_visual .deco_list {position:absolute; left:0; top:0; width:100%; height:100%;}
.section0_visual .deco_list ul {margin:0; padding:0; list-style:none;}
.section0_visual .deco_list ul li.m1 {position:absolute; left:53px; top:298px}
.section0_visual .deco_list ul li.m2 {position:absolute; left:53px; top:298px}
.section0_visual .deco_list ul li.m3 {position:absolute; left:53px; top:298px}

.section0_visual img.scroll_img {z-index:4; position:absolute; left:50%; top:-45px;}
.section0_visual .text_area {position:absolute; left:660px; bottom:480px; height:246px; text-align:left;}
.section0_visual .text_area ul {position:relative; margin:0; padding:0; margin-bottom:27px; height:172px; list-style:none;}
.section0_visual .text_area ul li {position:absolute; left:0; top:0;}
.section0_visual .text_area ul li img {display:block; position:static; }
.section0_visual .text_area ul li img.mobile {display:none;}
.section0_visual .text_area a {display:inline-block; margin-top:20px; text-align:center; font-weight:bold; margin-left:10px; border:1px solid #fff; border-radius:2px; width:140px; padding:13px 0 15px; color:#fff; font-size:16px; text-decoration:none;}
.section0_visual .text_area a:hover {background:#fff; color:#585858;}
.section0_visual .bg {z-index:3; width:100%; height:100%; background:#fff; position:absolute; border-top:1px solid #9b9b9b; box-sizing:border-box; }

.section_control {position:absolute; width:100%; height:100%;}
.section_control .control_wp {position:relative; width:1200px; margin:0 auto; height:100%;}
.section_control .control_wp div {width:35px; height:67px; top:50%; overflow:hidden; text-indent:-9999px; margin-top:-33px; position:absolute; top:; cursor:pointer;}
.section_control .control_wp .next_btn {z-index:999; right:0; background:url(../../img/next_btn.png) no-repeat 0 0;}
.section_control .control_wp .prev_btn {z-index:999; left:0; background:url(../../img/prev_btn.png) no-repeat 0 0;}

#section0 .fp-controlArrow {display:none;}
#section1 {z-index:3;}

#fp-nav ul li span {background:#fff !important}
#fp-nav .fp-tooltip {top:-6px !important; background:#fff; font-size:12px !important; padding:5px 10px; border-radius:3px; color:#000 !important}
#fp-nav.type2 ul li span {background:#34a12c !important}
#fp-nav.type2 .fp-tooltip {top:-6px !important; background:#34a12c; font-size:12px; padding:5px 10px; border-radius:3px; color:#fff !important}


.solution_intro {padding-top:150px; padding-bottom:50px;}
.solution_intro .wp {width:1200px; height:747px; margin:0 auto; text-align:center;}
.solution_intro h2 {margin:0 0 12px 0;}
.solution_intro h2 img {vertical-align:top}
.solution_intro p {color:#9a9a9a; margin:0 0 10px 0; font-size:16px; padding:0 20px; letter-spacing:-1px; font-weight:500;}
.solution_intro p span {display:block;}
.solution_intro .tab_btn {margin:0 auto;  width:232px; height:44px; box-sizing:border-box; margin-top:30px; margin-bottom:25px; overflow:hidden;}
.solution_intro .tab_btn a {float:left; height:42px; text-decoration:none; line-height:38px; font-size:16px; color:#c8c8c8; background:#f8f8f8; text-align:center; width:50%; border:1px solid #000000; box-sizing:border-box;}
.solution_intro .tab_btn a:hover {text-decoration:none; background:#fff;}
.solution_intro .tab_btn a:first-child {border-right:none; border-radius:3px 0 0 3px;}
.solution_intro .tab_btn a:last-child {border-radius:0 3px 3px 0;}
.solution_intro .tab_btn a.on {color:#2fad25;  background:#fff; font-weight:bold}
.solution_intro .tab_btn a:last-child.on {color:#09539f;}
.solution_intro .more {text-decoration:underline;  font-size:14px; color:#000;}
.solution_intro .list {width:1200px; margin:60px auto 0; height:496px;} 
.solution_intro .list ul {display:none; margin:0; padding:0; list-style:none;} 
.solution_intro .list ul.show_list {display:block}
.solution_intro .list ul li {cursor:pointer; float:left; position:relative; width:300px; height:248px; overflow:hidden; background-color:#f5f5f5;} 
.solution_intro .list ul li:nth-child(1) {background-color:#ebebeb;}
.solution_intro .list ul li:nth-child(3) {background-color:#ebebeb;}
.solution_intro .list ul li:nth-child(6) {background-color:#ebebeb;}
.solution_intro .list ul li:nth-child(8) {background-color:#ebebeb;}

.solution_intro .list ul li .p_title {position:absolute; bottom:0; left:0; width:100%; height:29px;}
.solution_intro .list ul li .p_title .bg {z-index:5; position:relative; background:#09539f; opacity:0.7; width:100%; height:100%;}
.solution_intro .list ul li .p_title .logo {z-index:10; position:absolute; left:9px; top:0px; height:29px; line-height:26px;}
.solution_intro .list ul li .p_title .logo img {vertical-align:middle;}
.solution_intro .list ul li .p_title .product_name {z-index:10; position:absolute; right:9px; top:3px; color:#fff; font-size:15px; font-weight:500;}
.solution_intro .list ul li:nth-child(1) .p_title .bg {background-color:#33a8a7;}
.solution_intro .list ul li:nth-child(3) .p_title .bg {background-color:#33a8a7;}
.solution_intro .list ul li:nth-child(6) .p_title .bg {background-color:#33a8a7;}
.solution_intro .list ul li:nth-child(8) .p_title .bg {background-color:#33a8a7;}




/*.solution_intro .list ul li.m1 {background:url(../../img/list_m1bg.png) no-repeat 0 0}
.solution_intro .list ul li.m2 {background:url(../../img/list_m2bg.png) no-repeat 0 0}*/

.solution_intro .list ul li .view {display:block; position:absolute; top:-248px; left:0; background:url(../../img/solution_view_bg.png) no-repeat 50% 50%; width:100%; height:100%;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
} 
.solution_intro .list ul li .view.active{
	-webkit-transform: translate3d(0px, 233px, 0px);
	-moz-transform: translate3d(0px, 233px, 0px);
	-ms-transform:translate3d(0px, 233px, 0px);
	transform: translate3d(0px, 233px, 0px);
}
.solution_intro .list ul li .view.active {top:0px\9;}
html[data-useragent*='MSIE 10.0'] .solution_intro .list ul li .view.active{
top:-233px;
}

.solution_intro .list ul li .bg_img {
		-webkit-transition: all 6s ease-in-out;
		-moz-transition: all 6s ease-in-out;
		-o-transition: all 6s ease-in-out;
		transition: all 6s ease-in-out;
} 
.solution_intro .list ul li .bg_img.active{
	-webkit-transform: scale(1.5, 1.5);
	-moz-transform: scale(1.5, 1.5);
	-ms-transform:scale(1.5, 1.5);
	transform: scale(1.5, 1.5);
}

 
 .solution_intro .list ul li.mbox {transform: matrix(0.5, 0, 0, 0.5, 0, 0);}
 


.company_intro {padding-top:122px; padding-bottom:100px;}
.bottom_visual {position:relative; width:100%; height:300px; overflow:hidden; text-align:center;}
.bottom_visual .visual_wp {left:50%; margin-left:-50%; position:absolute; top:0; width:100%; height:100%; background:#3c3c42;}
@media all and (max-width:1920px) /*768px까지 - 모바일 형식*/
{
	.bottom_visual .visual_wp {margin-left:-960px;}
}
.bottom_visual .menu {position:absolute; top:0; left:50%; margin-left:-600px; width:1200px; padding:0; list-style:none;}
.bottom_visual .menu li {float:left;}
.bottom_visual .menu li a {}
.bottom_visual img {position:relative; top:-0px;}

.company_menu {text-align:center; padding-top:70px;}
.company_menu h2 {margin:0 0 12px 0;}
.company_menu h2 img {vertical-align:top;}
.company_menu p {color:#9a9a9a; margin:0 0 70px 0; font-size:16px; letter-spacing:-1px; font-weight:500;}
.company_menu p span {display:block;}
.company_menu .box {width:1200px; height:400px; margin:0 auto; overflow:hidden;}
.company_menu .left {float:left; margin-right:2px;}
.company_menu .left .company_info {width:600px; height:250px;}
.company_menu .left .company_info .img {float:left; width:230px; height:250px; background:url(../../img/company_info_bg1.png) no-repeat 0 0; margin-right:2px;}
.company_menu .left .company_info .btn {float:left; background:#7aafcb url(../../img/company_info_bar1.png) no-repeat 30px 206px; width:368px; height:250px; }
.company_menu .left .company_info .btn h3 {margin:30px 0 0 30px; padding:0; text-align:left;}
.company_menu .left .history {width:600px; height:148px; margin-top:2px;}
.company_menu .left .history .img {float:left; background:url(../../img/company_info_bg2.png) no-repeat 0 0; width:368px; height:148px;}
.company_menu .left .history .btn {float:left; background:#8fa655 url(../../img/company_info_bar2.png) no-repeat 30px 104px; width:230px; height:148px; margin-right:2px;}
.company_menu .left .history .btn h3 {margin:30px 0 0 30px; padding:0;  text-align:left;}
.company_menu .right {float:left;}
.company_menu .right a {display:block; width:598px; height:400px;}


.footer {}
.footer .detail {height:217px; background:#33333c}
.footer .detail .wp {width:1200px; margin:0 auto; padding-top:55px;}
.footer .detail h3 {padding-bottom:15px; margin:0;}
.footer .detail .cont {color:#b5b5c0}
.footer .detail .location_info {float:left; padding-left:20px; width:390px;}
.footer .detail .location_info .cont {}
.footer .detail .brochure {float:left; width:290px;}
.footer .detail .brochure .cont a {color:#b5b5c0;}
.footer .detail .contact_us {float:left; width:490px;}
.footer .detail .contact_us .cont {}
.footer .detail .contact_us .cont .btns {padding-top:20px;}
.footer .detail .contact_us .cont .btns a {float:left; display:block; color:#b5b5c0; font-weight:normal}
.footer .detail .contact_us .cont .btns a:hover {text-decoration:none;}
.footer .detail .contact_us .cont .btns a.m1 {padding-right:23px;}
.footer .detail .contact_us .cont .btns a.m2 {padding-left:23px; padding-right:23px; background:url(../../img/bottom_sep.png) no-repeat 0 0;}
.footer .detail .contact_us .cont .btns a.m3 {padding-left:23px; background:url(../../img/bottom_sep.png) no-repeat 0 0; color:#fff}
.footer .detail .contact_us .cont .btns a span {display:block; padding-left:50px; height:40px; line-height:40px;}
.footer .detail .contact_us .cont .btns a.m1 span{background:url(../../img/bottom_bu1.png) no-repeat 0 0;}
.footer .detail .contact_us .cont .btns a.m2 span{background:url(../../img/bottom_bu2.png) no-repeat 0 0;}
.footer .detail .contact_us .cont .btns a.m3 span{background:url(../../img/bottom_bu3.png) no-repeat 0 0;}

.footer .bottom {height:157px; background:#29292f}
.footer .bottom .wp {width:1200px; position:relative; margin:0 auto; padding-top:45px;}
.footer .bottom .logo {position:absolute; left:20px; top:40px; padding:0; margin:0;}
.footer .bottom .copyright {padding-left:235px;}
.footer .bottom .copyright ul {margin:0; padding:0; list-style:none; overflow:hidden;}
.footer .bottom .copyright ul li {}
.footer .bottom .copyright ul li a {float:left; color:#c7ced5; background:url(../../img/copyright_sep.png) no-repeat 16px 4px; padding-left:30px;}
.footer .bottom .copyright ul li:first-child a {padding:0; background:none;}
.footer .bottom .copyright p {color:#5a6271; margin:0; padding:0; margin-top:13px; line-height:25px;}
.footer .bottom .family_site {position:absolute; right:25px; top:85px; width:176px; height:35px; border:2px solid #565660; box-sizing:border-box;}
.footer .bottom .family_site h4{cursor:pointer; margin:0; padding:0 15px; line-height:31px; color:#9696a0; background:url(../../img/bottom_site_bu.png) no-repeat 95% 50%;}
.footer .bottom .family_site h4:hover {color:#fff}
.footer .bottom .family_site ul {display:none; position:absolute; bottom:33px; left:-2px; width:176px; margin:0; padding:0; list-style:none;}
.footer .bottom .family_site ul li {background:#29292f; border:2px solid #565660; border-bottom:none; box-sizing:border-box;}
.footer .bottom .family_site ul li a {padding:10px 15px; display:block; color:#9696a0}
.footer .bottom .family_site ul li a:hover {background:#43434c; color:#fff;}

		
.popup_layer {position:absolute; top:110px; right:320px; width:513px; height:666px; margin-right:-256px; z-index:9999}
.popup_layer .popup_layer_wp {border:1px solid #000}
.popup_layer .popup_layer_wp .popup_layer_body {overflow: hidden;}
.popup_layer .popup_layer_wp .popup_layer_body img {vertical-align:top}
.popup_layer .popup_layer_wp .popup_layer_foot {overflow:hidden; padding:0 20px; line-height:36px; height:36px; background:#000;}
.popup_layer .popup_layer_wp .popup_layer_foot .left {float:left; color:#fff}
.popup_layer .popup_layer_wp .popup_layer_foot .left a {color:#fff; vertical-align:middle;}
.popup_layer .popup_layer_wp .popup_layer_foot .left input {vertical-align:middle;}
.popup_layer .popup_layer_wp .popup_layer_foot .right {float:right;}
.popup_layer .popup_layer_wp .popup_layer_foot .right a { color:#fff; font-size:14px;}

.popup_layer .popup_layer_wp .popup_layer_foot2 {position:absolute; right:0; bottom:0; width:43px; height:43px; background:url(../../img/popup_round_close.png) no-repeat 0 0;}
.popup_layer .popup_layer_wp .popup_layer_foot2 a {display:block; width:100%; height:100%}

.popup_layer#popup_20200116 {position:absolute; top:473px; right:770px; width:339px; height:339px; margin-right:-169px; z-index:9999}
.popup_layer#popup_20200116 .popup_layer_wp {border:0px none}

.popup_layer#popup_20230221 {position:absolute; top:514px; right:450px; width:449px; height:262px; margin-right: -225px; z-index:9999}


@media all and (max-width:1200px) /*768px까지 - 모바일 형식*/
{
	#header .header_wp {width:900px;}
	#header .menu_list .menu_list_wp {width:900px;}
	#header .menu_list ul:first-child {padding-left:220px;}
	#header .menu {margin:0; padding:0; list-style:none; height:122px; padding-left:220px; overflow:hidden;}
	#header.type2 .logo {position:absolute; left:0; top:40px; margin:0; padding:0; width:172px; height:39px; background:url(../../img/logo.png) no-repeat 0 -45px; text-indent:-9999px; overflow:hidden;}
	
	.section0_visual #move_img {position:absolute; bottom:100px; left:-60px; width:741px; height:765px;}
	.section0_visual .text_area {position:absolute; left:500px; bottom:480px; height:246px; text-align:left;}
	.section0_visual .bottom_area {width:900px;}
	.section_control .control_wp {width:900px;}
	
	.solution_intro .wp {width:900px; height:995px; margin:0 auto; text-align:center;}
	.solution_intro .list {width:900px; margin:0 auto; height:744px;} 
	.solution_intro .list ul li {background-color:#f5f5f5 !important;}
	.solution_intro .list ul li:nth-child(2) {background-color:#ebebeb !important;}
	.solution_intro .list ul li:nth-child(4) {background-color:#ebebeb !important;}
	.solution_intro .list ul li:nth-child(6) {background-color:#ebebeb !important;}
	.solution_intro .list ul li:nth-child(8) {background-color:#ebebeb !important;}
	
	.company_menu .box {width:900px;}
	
	.company_menu .right {float:left; width:298px; overflow:hidden;}
	.company_menu .right img {margin-left:-180px;}
	
	.footer .detail .wp {width:900px;}
	.footer .bottom .wp {width:900px;}
	.footer .detail .location_info {width:290px;}
	.footer .detail .brochure {width:290px;}
	.footer .detail .contact_us {width:290px;}
	
	.company_menu .right a {display:block; width:298px; height:400px;}
	


}

@media all and (max-width:1000px) /*768px까지 - 모바일 형식*/
{
	#header {height:0}
	#header .logo {display:none;}
	#header .header_wp {width:100%; margin:0;}
	#header .menu {display:none; margin:0; padding:0; list-style:none; height:122px; padding-left:220px; overflow:hidden;}
	#header.type2 .logo {position:absolute; left:0; top:40px; margin:0; padding:0; width:172px; height:39px; background:url(../../img/logo.png) no-repeat 0 -45px; text-indent:-9999px; overflow:hidden;}
	#header .bg {display:none !important}
	.mobile_logo {z-index:999; display:block; position:absolute; left:20px; top:25px; margin:0; padding:0; width:172px; height:32px; background:url(../../img/logo.png) no-repeat; background-size:140px 68px; text-indent:-9999px; overflow:hidden;}
	.mobile_logo a {display:block;}
	#menu {display:none; position:fixed; z-index:999;width:100%; height:100%;}
	#menu .wp {width:100%; height:100%; padding:10px; box-sizing:border-box;}
	#menu .wp .wp2 {position:relative; width:100%; height:100%; box-sizing:border-box; background:#34a12c; opacity:1;}
	#menu .wp ul {position:absolute; left:50%; top:50%; list-style:none; padding:0; margin:0; margin-left:-150px; margin-top:-150px; width:300px; height:300px;}
	#menu .wp ul li {text-align:center; height:75px; line-height:75px;}
	#menu .wp ul li a {font-size:18px; color:#fff; font-weight:bold; font-family:sans-serif }
	#menu .wp .close_btn {position:absolute; right:7px; top:12px; padding:10px; width:18px; height:18px; background:url(../../img/menu_close_bu.png) no-repeat 50% 50%; text-indent:-9999px; }
	
	.section0_visual {display:none;}
	.section_control .control_wp {width:100%;}
	.section_control .control_wp .next_btn {right:20px;}
	.section_control .control_wp .prev_btn {left:20px;}
	
	.menu-triangle {display:block;}
	
	.main_visual .cont_wp {position:relative; z-index:3; height:100%; color:#fff; vertical-align:middle;}
	.main_visual .cont_wp span {display:block; position:absolute; left:0; width:100%; bottom:0; text-align:center;}
	.main_visual .cont_wp span img {width:80%; max-width:460px; margin-right:-5%; vertical-align:bottom;}
	
	
	
	/*
	.section0_visual #move_img {position:absolute; bottom:100px; left:-60px; width:741px; height:765px;}
	.section0_visual .text_area {position:absolute; left:500px; bottom:480px; height:246px; text-align:left;}
	.section0_visual .bottom_area {width:600px;}
	.section0_visual img.scroll_img {display:none;}
	.section_control .control_wp {width:100%;}
	*/
	
	.solution_intro .wp {width:600px; height:1243px; margin:0 auto; text-align:center;}
	.solution_intro .list {width:600px; margin:0 auto; height:992px;} 
	.solution_intro #solution_list.list ul li {background-color:#f5f5f5 !important;}
	.solution_intro #solution_list.list ul li:nth-child(2) {background-color:#ebebeb !important;}
	.solution_intro #solution_list.list ul li:nth-child(3) {background-color:#ebebeb !important;}
	.solution_intro #solution_list.list ul li:nth-child(6) {background-color:#ebebeb !important;}
	.solution_intro #solution_list.list ul li:nth-child(7) {background-color:#ebebeb !important;}
	
	.company_menu .box {width:600px; height:602px}
	
	.company_menu .right {float:left; width:600px; overflow:hidden; margin-top:2px;}
	.company_menu .right img {margin:0; width:600px; margin-top:-70px;}
	.company_menu .right a {display:block; width:600px; height:200px;}
	
	.bottom_visual {height:200px}
	.bottom_visual .visual_wp {margin-top:-80px;}
	
	.footer .detail .wp {width:600px;}
	.footer .bottom .wp {width:600px;}
	.footer .detail .location_info {width:190px;}
	.footer .detail .brochure {width:190px;}
	.footer .detail .contact_us {width:190px;}
	.footer .detail .contact_us {width:190px;}
	.footer .detail .contact_us .btns {overflow:hidden;}
	.footer .detail .contact_us .cont .btns {padding-top:10px !important;}
	.footer .detail .contact_us .btns span {background:none !important; padding:0 !important; height:20px !important; color:#fff !important; line-height:20px !important;}
	.footer .detail .contact_us .cont .btns a.m1 {padding-right:10px !important;}
	.footer .detail .contact_us .cont .btns a.m2 {padding-left:10px !important;}
	.footer .bottom .copyright {padding-left:175px; }
	.footer .bottom .family_site {right:15px; top:45px;}

}


@media all and (max-width:600px) /*768px까지 - 모바일 형식*/
{
	/*
	.section0_visual {height:0px;}
	.section0_visual .text_area {position:absolute; left:0; bottom:280px; text-align:center;}
	.section0_visual .text_area ul {height:auto;}
	.section0_visual .text_area li {/*position:static !important;*//* width:100%; text-align:center;}
	.section0_visual .text_area li .more {margin-top:10px;}
	.section0_visual .bottom_area {position:relative; width:100%; margin:0 auto; height:100%;}
	.section0_visual #move_img {position:absolute; bottom:0 !important; left:0; width:100%; height:320px; text-align:center}
	.section0_visual #move_img .img_list {position:absolute; left:50%; top:55px; margin-left:-122px; width:241px; height:265px; overflow:hidden;}
	.section0_visual #move_img .mobile {display:inline;}
	.section0_visual #move_img .pc {display:none;}
	
	.section_control .control_wp {width:100%;}
	.section_control .control_wp .next_btn {right:10px;}
	.section_control .control_wp .prev_btn {left:10px;}
	
	.section0_visual .text_area {width:100%;}
	.section0_visual .text_area ul li img.pc {display:none;}
	.section0_visual .text_area ul li img.mobile {display:inline; width:75%}
	
	.section0_visual .img_list ul li img {width:241px;}
	*/
	.solution_intro {padding-top:80px;}
	
	.solution_intro .wp {width:100%; height:931px; margin:0 auto; text-align:center;}
	.solution_intro .list {width:100%; margin:0 auto; height:680px;} 
	.solution_intro p span {display:inline;}
	.solution_intro h2 img {width:80%; max-width:346px;}
	.solution_intro #solution_list.list ul li {cursor:pointer; float:left; position:relative; width:50%; height:170px; overflow:hidden; background-color:#f5f5f5 !important;} 
	.solution_intro #solution_list.list ul li img {position:absolute; left:50%; margin-left:-50%; min-height:170px; width:100%; text-align:center;}
	.solution_intro #solution_list.list ul li:nth-child(2) {background-color:#ebebeb !important;}
	.solution_intro #solution_list.list ul li:nth-child(3) {background-color:#ebebeb !important;}
	.solution_intro #solution_list.list ul li:nth-child(6) {background-color:#ebebeb !important;}
	.solution_intro #solution_list.list ul li:nth-child(7) {background-color:#ebebeb !important;}
	
	.solution_intro .list ul li .info {position:absolute; top:248px; left:0; background:#34a12c; height:218px; padding:15px 15px 0; text-align:left;}
	.solution_intro .list ul li .info h3 {padding-top:10px; margin:0; margin-bottom:5px; color:#fff; background:url(../../img/solution_info_bg.png) no-repeat 0 0} 
	.solution_intro .list ul li .info .type {color:#d4f3d2} 
	.solution_intro .list ul li .info .exp {padding:0; padding-top:5px; color:#d4f3d2; margin:0;} 


	
	.company_intro {padding-top:0;}
	.company_menu h2 img{width:80%; max-width:275px;}
	.company_menu p {padding:0 20px;}
	.company_menu p span {display:inline;}
	.company_menu .box {width:100%; height:602px}
	.company_menu .left {float:none;}
	.company_menu .left .company_info {width:100%;}
	.company_menu .left .company_info .img {width:40%; margin:0; background-position:50% 0}
	.company_menu .left .company_info .btn h3 {text-align:left;}
	.company_menu .left .company_info .btn h3 img {width:80%; max-width:198px;}
	.company_menu .left .company_info .btn {width:60%}
	.company_menu .left .history {width:100%; margin:0;}
	.company_menu .left .history .img {width:60%; background-position:50% 0}
	.company_menu .left .history .btn h3 {text-align:left;}
	.company_menu .left .history .btn h3 img {width:55%; max-width:84px;}
	.company_menu .left .history .btn {width:40%; margin:0;}
	.company_menu .right {float:none; margin:0;}
	
	.footer .detail .wp  {width:100%; padding-top:20px}
	.footer .detail h3 {padding-bottom:10px;}
	.footer .detail .location_info {width:auto; float:none; padding-bottom:10px;}
	.footer .detail .brochure {width:auto; padding-left:20px; float:none; padding-bottom:10px;}
	.footer .detail .contact_us {width:auto; padding-left:20px; float:none; padding-bottom:10px;}
	
	.footer .bottom .wp {width:100%; padding-top:0px;}
	.footer .bottom .logo {top:20px;}
	.footer .bottom .copyright {padding:60px 0 0 15px;}
	.footer .bottom .family_site {right:20px; top:20px;}
	
	.popup_layer {z-index:9999; position:absolute; top:394px; right:50%; width:80%; height:auto; margin-right:-40%;}
	.popup_layer .popup_layer_wp {border:1px solid #000; }
	.popup_layer .popup_layer_wp .popup_layer_body {overflow: hidden;}
	.popup_layer .popup_layer_wp .popup_layer_body img {vertical-align:top;  width:100%;}
	.popup_layer .popup_layer_wp .popup_layer_foot {overflow:hidden; padding:0 20px; line-height:36px; height:36px; background:#000;}
	.popup_layer .popup_layer_wp .popup_layer_foot .left {float:left; color:#fff}
	.popup_layer .popup_layer_wp .popup_layer_foot .left a {color:#fff; vertical-align:middle;}
	.popup_layer .popup_layer_wp .popup_layer_foot .left input {vertical-align:middle;}
	.popup_layer .popup_layer_wp .popup_layer_foot .right {float:right;}
	.popup_layer .popup_layer_wp .popup_layer_foot .right a { color:#fff}

	
	.popup_layer .popup_layer_wp .popup_layer_foot2 {position:absolute; right:0; bottom:0; width:43px; height:43px; background:url(../../img/popup_round_close.png) no-repeat 0 0;}
	.popup_layer .popup_layer_wp .popup_layer_foot2 a {display:block; width:100%; height:100%}

	.popup_layer#popup_20200116 {position:absolute; top:200px; right:50%; width:80%; height:auto; margin-right:-40%; z-index:9998}
	.popup_layer#popup_20200116 .popup_layer_wp {border:0px none}
	
	.popup_layer#popup_20230221 {position:absolute; top:83px; right:50%; width:80%; height:auto; margin-right:-40%; z-index:9998}

 

}