@charset "utf-8";
@import url('jquery.mCustomScrollbar.css');

.pc_data{display:block}
.m_data{display:none}
@media (max-width:760px) {
	.pc_data{display:none}
	.m_data{display:block}
}
.pop_layer{}
@media (max-width:460px) {
.pop_layer{left:0 !important;right:0 !important;}
.pop_layer table{width:320px !important;height: auto !important;margin:0 auto}
.pop_layer table img{max-width:320px}
}
body {min-width:320px;}

/* header */
#header {position:fixed; top:0; left:0; width:150px; height:100%; border-right:1px solid #e5e5e5; background-color:#fff;}
#header .inner {position:relative; height:100%;}
#header .inner .logo {position:absolute; top:70px; left:50%; margin-left:-70px;}
#header .inner .logo a{display:block;text-align:center}
#header .inner .logo a img{width:85%;}
#header .inner .menu {position:absolute; top:50%; left:25px; margin:-107px 0 0 0; text-align:center;}
#header .inner .menu li {margin-bottom:16px;}
#header .inner .menu li:first-child {margin:0;}
#header .inner .menu li.last {margin-bottom:0;}
#header .inner .menu li a {display:block; margin:0 auto;color:#818181;font-size:16px;line-height:22px;letter-spacing:-1px;text-align:left;cursor: pointer;}
#header .inner .menu li.active a{color:#3a3232;font-weight:bold}
#header .inner .menu li a.none {display:none;}
#header .inner .sns_box {position:absolute; bottom:70px; left:45%; margin-left:-50px;}
#header .inner .sns_box ul {overflow:hidden;}
#header .inner .sns_box ul li {float:left; padding:0 5px; background:url('../images/ico/sns_line.gif') no-repeat 0 50%;}
#header .inner .sns_box ul li:first-child {background:none;}
#header .inner .sns_box ul li a {display:block; text-indent:-999em;}
#header .inner .sns_box ul li a.facebook {width:45px; height:15px; background:url('../images/ico/ico_ko.gif') no-repeat 50% 50%;}
#header .inner .sns_box ul li a.blog {width:49px; height:15px; background:url('../images/ico/ico_en.gif') no-repeat 50% 50%;}
#m_header {display:none; position:fixed; top:0; left:0; right:0; width:100%; height:50px; border-bottom:1px solid #d6d6d6; background:#fff; z-index:300;}
#m_header .top {position:relative; height:50px;}
#m_header .top .logo {position:absolute; top:10px; left:15px;}
#m_header .top .logo img {width:91px; height:30px;vertical-align:top}
#m_header .top .btn_menu {position:absolute; top:16px; right:15px; width:23px; height:17px; text-indent:-999em; background:url('../images/ico/btn_menu.png') no-repeat 50% 50%; background-size:23px 17px;}
.m_menu {display:none; position:fixed; right:-100%; top:0; width:90%; height:100%; overflow-y:auto; background-color:#fff; z-index:302;}
.m_menu .top {position:relative; padding:0 15px; height:50px; line-height:50px; background-color:#26252a;}
.m_menu .top h2 {color:#fff; font-size:18px;}
.m_menu .top .btn_close {position:absolute; top:15px; right:15px; width:18px; height:18px; text-indent:-999em; background:url('../images/ico/btn_close.png') no-repeat 50% 50%; background-size:18px 18px;}
.m_menu .nav {position:absolute; width:100%; height:100%; overflow:hidden;}
.m_menu .nav .left {float:left; width:40%; height:100%; background-color:#f0f0f0;}
.m_menu .nav .left ul li a {display:block; padding:15px 15px; color:#010101; font-size:15px;}
.m_menu .nav .left ul li.on a {background-color:#fff;}
.m_menu .nav .right {float:right; width:60%; height:100%; background-color:#fff; overflow-y:auto;}
.m_menu .nav .right ul li a {display:block; padding-left:15px; color:#010101; font-size:14px; background:url('../images/ico/ico_arr01.png') no-repeat 90% 50%; background-size:8px 14px;}
.m_menu .nav .right ul li a span {display:block; padding:16px 0; border-top:1px solid #e7e7e7;}
.m_menu .nav .right ul li:first-child a span {border-top:none;}
.m_menu .nav .right ul li.plus a {background:url('../images/ico/ico_plus01.png') no-repeat 92% 50%; background-size:15px 15px;}
.m_menu .nav .right ul li.plus a.on {background:url('../images/ico/ico_line01.png') no-repeat 92% 50%; background-size:15px 1px;}
.m_menu .nav .right ul li ul.depth3 {background-color:#26252a;}
.m_menu .nav .right ul li ul.depth3 li a {color:#aaaaac; background:url('../images/ico/ico_arr02.png') no-repeat 90% 50%; background-size:8px 14px;}
.m_menu .nav .right ul li ul.depth3 li a span {border-top:1px solid #3f3e43;}
.m_menu .nav .right ul li ul.depth3 li:first-child a span {border-top:none;}
.m_menu .nav .right .brand li:nth-child(1) a span{padding: 8px 0}
.m_menu .nav .right .brand li a i {display: block;font-style: normal;}
.m_menu .m_footer {position:relative; padding:20px 15px; background-color:#f8f8f8;}
.m_menu .m_footer .f_logo img {width:130px;}
.m_menu .m_footer p {margin-top:15px; color:#8f8f8f; font-size:12px; line-height:18px;}
.m_menu .m_footer .select_box {position:absolute; top:20px; right:15px;}
.m_menu .m_footer .select_box .btn_select {height:30px; line-height:30px; padding:0 60px 0 15px;}
.m_menu .m_footer .select_box .select_view {bottom:32px; max-height:250px;}
.mbg {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:.5; z-index:301;}
.global{display:none}

@media (max-width:1023px) {
	#header {width:130px;}
	#header .inner .menu {left:16px;}
}

@media (max-width:760px) {
	#header {display:none;}
	#m_header {display:block;}
	.m_menu {display:block;}
	.global{display: block;position:absolute;right:55px;top:50%;margin-top: -10px;}
	.global a{display:inline-block;padding:2px 3px 0;font-size:12px;line-height:12px;font-weight:bold;color:#77aee6;vertical-align:middle }
	.global a.global_en{padding-left:6px;color:#cc1228;border-left:1px solid #e0e0e0}
}

@media (max-width:360px) {
	.m_menu .m_footer .f_logo img {width:100px;}
	.m_menu .m_footer .select_box .btn_select {padding:0 50px 0 15px;}
}

/* container */
#container {margin-left:150px;}
#container .section {overflow-y:hidden;overflow-x:hidden}
#container .section#recruit_area{overflow-y:auto}
#container .section .inner {padding:5% 15px; max-width:940px; margin:0 auto;}
#container .section .innerAll {max-width: 100%}
#container h2.tit {font-family:'NanumSquare', sans-serif;margin-bottom:65px; color:#403d3c; font-size:44px; font-weight:bold; text-align:center;letter-spacing:-1px}
#container h2.white {color:#fff;}
#container h2.tit.center{text-align:center}
@media (max-height:900px) {
	#container .section .inner {padding-top:5%;padding-bottom:5%}
	#container h2.tit {margin-bottom:50px}
}
@media (max-height:800px) {
	#container .section .inner {padding:3% 15px;}
}

@media (max-height:740px) {
	#container h2.tit {margin-bottom:20px; font-size:42px;}
}

@media (max-width:1280px) {
	#container .section .inner {padding:5% 15px;}
}

@media (max-width:1023px) {
	#container {margin-left:130px;}
	#container h2.tit {font-size:42px;}
}

@media (max-width:760px) {
	#container {margin-left:0;}
	#container .section .inner {padding:45px 15px;}
	#container h2.tit {margin-bottom:10px; font-size:26px;}
	#aboutUs {height:auto!important;}
	#aboutUs .fp-tableCell {height:auto!important;}
	#upright_medience {height:auto!important;}
	#upright_medience .fp-tableCell {height:auto!important;}
	#main_products {height:auto!important;}
	#main_products .fp-tableCell {height:auto!important;}
	#recruit_area {height:auto!important;}
	#recruit_area .fp-tableCell {height:auto!important;}
	#pr_area {height:auto!important;}
	#pr_area .fp-tableCell {height:auto!important;}
}

/* 메인 비주얼 */
#main_visual {position:relative; width:100%; height:100%; overflow:hidden;}
#main_visual .bx-wrapper, #main_visual .bx-viewport {height:100% !important;}
#main_visual .main_slider {height:100%;}
#main_visual .main_slider li {
	height:100%;
	-webkit-transition-timing-function:ease-in; 
	transition-timing-function:ease-in;
}
#main_visual .main_slider li .img {
	width:100%; 
	height:100%; 
	background-repeat:no-repeat; 
	background-position:50% 50%; 
	background-size:cover; 
	-ms-transform:scale(1); 
	-webkit-transform:scale(1); 
	transform:scale(1); 
	-webkit-transition:all 0.5s; 
	-ms-transition:all 0.5s; 
	transition:all 0.5s; 
	-webkit-transition-timing-function:ease; 
	transition-timing-function:ease;
}
#main_visual .main_slider li.active-slide .img {
	-ms-transform:scale(1.2) rotate(0.1deg); 
	-webkit-transform:scale(1.2) rotate(0.1deg); 
	transform:scale(1.2) rotate(0.1deg); 
	-webkit-transition:all 20s; 
	-ms-transition:all 20s; 
	transition:all 20s; 
	-webkit-transition-timing-function:ease; 
	transition-timing-function:ease;
}
#main_visual .main_slider li.slider_list1 .img {background-image:url('../images/main/visual_01.jpg');}
#main_visual .main_slider li.slider_list2 .img {background-image:url('../images/main/visual_02.jpg');}
#main_visual .main_slider li.slider_list3 .img {background-image:url('../images/main/visual_03.jpg');}
#main_visual .main_slider li.slider_list4 .img {background-image:url('../images/main/visual_05.jpg');}

#main_visual .main_slider li .txt{position:absolute;left:-6px;top:10%;background-position:center;background-repeat:no-repeat}
#main_visual .main_slider li.slider_list1 .txt{top:0;right:0;bottom:0;left:0;background-image:url('../images/main/visual_01_txt.png');background-size:cover;}
#main_visual .main_slider li.slider_list2 .txt{background-image:url('../images/main/visual_02_txt.png');width:500px;height:60px;}
#main_visual .main_slider li.slider_list3 .txt{background-image:url('../images/main/visual_03_txt.png');width:500px;height:60px;}
#main_visual .main_slider li.slider_list4 .txt{top:0;right:0;bottom:0;left:0;background-image:url('../images/main/visual_04_txt.png');background-size:cover;}
#main_visual .bx-pager {position:absolute; left:0; bottom:20px; width:100%; text-align:center; z-index:100;}
#main_visual .bx-pager .bx-pager-item {display:inline-block;}
#main_visual .bx-pager .bx-pager-item a {display:inline-block; width:30px; height:1px; margin:0 5px;; text-indent:-999em; cursor:default; background:url('../images/ico/main_pager.gif') no-repeat 0 -1px;}
#main_visual .bx-pager .bx-pager-item a.active {background-position:0 0;}

@media (max-width:1400px) {
	#main_visual .main_slider li.slider_list1 .txt{background-size:130%}
	#main_visual .main_slider li.slider_list2 .txt{width:400px;background-size:400px auto}
	#main_visual .main_slider li.slider_list3 .txt{width:400px;background-size:400px auto}
	#main_visual .main_slider li.slider_list4 .txt{background-size:130%}
}

@media (max-width:760px) {
	#main_visual .main_slider li.slider_list1 .img {background-image:url('../images/main/visual_m_01.jpg');}
	#main_visual .main_slider li.slider_list2 .img {background-image:url('../images/main/visual_m_02.jpg');}
	#main_visual .main_slider li.slider_list3 .img {background-image:url('../images/main/visual_m_03.jpg');}
	#main_visual .main_slider li.slider_list4 .img {background-image:url('../images/main/visual_m_05.jpg');}

	#main_visual .main_slider li.slider_list1 .txt{background-image:url('../images/main/visual_txt_m.png');background-size:100% auto;background-position:center}
	#main_visual .main_slider li.slider_list2 .txt{left:-10px;top:100px;background-image:url('../images/main/visual_02_txt.png');width:310px;background-size:310px auto}
	#main_visual .main_slider li.slider_list3 .txt{left:-10px;top:100px;background-image:url('../images/main/visual_03_txt.png');width:310px;background-size:310px auto}
	#main_visual .main_slider li.slider_list4 .txt{background-image:url('../images/main/visual_txt_m.png');background-size:100% auto;background-position:center}

}



/* 회사 소개 */
.introduce_wrap {margin-top:40px; overflow:hidden;}
.introduce_wrap .txt_box{padding:100px 60px;background:url('../images/about/about_bg_2.jpg') no-repeat;position:relative;}
.introduce_wrap .txt_box .tit {position:absolute;left:60px;top:100px;color:#403d3c;font-size:26px;line-height:1.4em;font-weight:bold;font-family:'NanumSquare',sans-serif}
.introduce_wrap .txt_box .tit  span{display:block;}
.introduce_wrap .txt_box .txt {padding-left:45%;color:#000;font-size:13px;line-height:1.8em;}
.introduce_wrap .txt_box .txt span {display:block}
@media (max-width: 1024px) {
	.introduce_wrap .txt_box{padding:120px 50px 90px}
	.introduce_wrap .txt_box .tit {position:static;font-size:26px;padding-bottom:20px}
	.introduce_wrap .txt_box .txt {padding-left:0;font-weight:normal;font-size:14px}
	.introduce_wrap .txt_box .tit span{display:inline;}
	.introduce_wrap .txt_box .txt span {display:inline}
}
@media (max-width: 760px) {
	.introduce_wrap .data_img img{max-width:100%}
	.introduce_wrap .txt_box .tit {font-size:17px;padding-bottom:5px}
	.introduce_wrap .txt_box .txt {font-size:12px}
	.introduce_wrap .txt_box{background:none;padding:20px 0}
}
.philosophy_wrap {margin-top:60px;}
.philosophy_wrap ul {overflow:hidden;text-align: center;}
.philosophy_wrap ul li {display: inline-block;padding: 0 12px;}
.philosophy_wrap ul li .phil_box {position:relative;display:block;width:260px;height:260px;border-radius:260px;margin:0 auto}
.philosophy_wrap ul li.first .phil_box{background-color:#e72d28}
.philosophy_wrap ul li.middle .phil_box{background-color:#f7c2af}
.philosophy_wrap ul li.last .phil_box{background-color:#a6a9aa}

.philosophy_wrap ul li .phil_box .tit{position:absolute;left:0;right:0;top:50%;margin-top:-15px;display:block;color:#fff;text-align:center;font-size:26px;line-height:30px;}
.philosophy_wrap ul li .phil_box .tit .br{display:block;}
.philosophy_wrap ul li .phil_box .tit.line2{margin-top:-30px;}
.philosophy_wrap ul li.middle .phil_box .tit{color:#e72d28}

.philosophy_wrap ul li .phil_box .more{position:absolute;left:50%;bottom:40px;width:30px;height:30px;margin-left:-15px;}
.philosophy_wrap ul li .phil_box .more span{position:absolute;display:block;background:#fff;}
.philosophy_wrap ul li .phil_box .more .line1{left:49.6%;top:0;bottom:0;width:1px;}
.philosophy_wrap ul li .phil_box .more .line2{left:0;right:0;top:49.6%;bottom:0;height:1px;}
.philosophy_wrap ul li.middle .phil_box .more span{background:#e72d28;}

.philosophy_popup_area.active{display:block;}
.philosophy_popup_area{display:none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;background:url(../images/ico/dot_bg05.png);}
.philosophy_popup_inner{position:fixed;width:900px;left:50%;margin-left:-375px;top:20%;}
.philosophy_popup_inner .btn_close{display:block;text-indent:-9999px;overflow:hidden;position:absolute;right:0px;top:0;width:60px;height:60px;background:url(../images/ico/btn_close04.png) center no-repeat;}
.philosophy_content{display:none}

.philosophy_txt{text-align:center;padding-bottom:40px;font-size:20px;color:#000}
.philosophy_txt > strong{display:block;}
.philosophy_txt > span{display:block;}
@media (max-width: 1100px) {
	.philosophy_wrap ul li{padding:0 5px}
}
@media (max-width: 1024px) {
	.philosophy_wrap ul li .phil_box{width:190px;height:190px}
	.philosophy_wrap ul li .phil_box .tit{font-size:18px;line-height:20px}
	.philosophy_popup_inner{top:33%;width:700px;margin-left:-350px;top:18%}
	.philosophy_popup_inner img{max-width:100%}
	.philosophy_popup_inner .btn_close{overflow:hidden;text-indent:-9999px;right:0px;top:0px;background:url(../images/about/philo_icon_close.png) center no-repeat;background-size:22px auto;}
}
@media (max-width: 780px) {
	.philosophy_wrap{margin-top:0;padding:30px 0}
	.philosophy_txt{padding:20px 0;font-size:15px}
	.philosophy_txt > span{padding-top:5px}

	.philosophy_wrap ul li{display:block;float:none;width:auto;margin-bottom:10px}
	.philosophy_wrap ul li .phil_box{border-radius:10px;width:auto;height:150px}
	.philosophy_wrap ul li .phil_box .tit{top:42%}
	.philosophy_wrap ul li .phil_box .tit .br{display:inline;}
	.philosophy_wrap ul li .phil_box .tit.line2{margin-top:-15px;}

	.philosophy_popup_inner{width:320px;margin-left:-160px;top:18%}
}
@media (max-width: 360px) {
	.philosophy_txt{font-size:14px}
}

.historyTab {display:none;}
.history_wrap {position:relative;}
.history_view #history_pager {position:relative; margin-top:4%;}
.history_view #history_pager ul:after{content:'';display:block;clear:both}
.history_view #history_pager ul {text-align:center;background:#f9f9f9;}
.history_view #history_pager ul li {float:left;width:16.666%;}
.history_view #history_pager ul li a {position:relative;z-index:80;line-height:20px;display:block;padding:15px 0; margin-left:-1px;color:#a6a6a6;font-size:16px;border:1px solid #e8e8e8;border-bottom-color:#ff281d}
.history_view #history_pager ul li a.active {z-index:100;background:#fff;color:#ff281d;border-color:#ff281d;border-bottom-color:#fff;font-size:17px;font-weight:bold}
.history_img{text-align:center}
.history_img img{max-width:100%;}
.history_view .history_inner {margin-top:40px;}
.history_view .history_inner .history_slider img {max-width:100%; width:auto; height:auto; vertical-align:middle;}
.history_wrap .history_img img {max-width:100%; width:auto; height:auto;}
.history_wrap .history_cont {position:absolute; top:0; left:-999em; width:0; height:0; line-height:0; font-size:0; overflow:hidden;}
.history_wrap .btn_more {position:absolute; bottom:0; right:-66px; width:66px; height:28px; text-indent:-999em; background:url('../images/ico/btn_more.png') no-repeat 50% 50%;}
.history_popup_wrap {display:none;}
.history_popup_wrap .history_popup_inner {position:fixed; top:0; left:0; display:table; table-layout: fixed; width:100%; height:100%; padding-left:150px; background:url('../images/ico/dot_bg05.png') repeat; z-index:300; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -msbox-sizing:border-box; box-sizing:border-box;}
.history_popup_wrap .history_popup_inner .history_popup_container {display:table-cell; vertical-align:middle; height:100%; position:relative;}
.history_popup_wrap .history_popup_inner .history_popup_container .history_popup_cont {position:relative; width:50%; height:80%; margin:0 auto; text-align:left; background-color:#fff;}
.history_popup_wrap .btn_close {position:absolute; top:10px; right:-50px; display:block; width:34px; height:33px; text-indent:-999em; background:url('../images/ico/btn_close04.png') no-repeat 50% 50%; z-index:999;}


.historyTab_txt{display:none;}
.history_area {height:100%; overflow:hidden; overflow-y:auto;}
.history_area .list_box {position:relative; overflow:hidden;}
.history_area .list_box.last {padding-bottom:30px;}
.history_area .list_box .left {position:absolute; top:0; left:0; right:0; width:30%; height:100%; background-color:#ff2d2d;}
.history_area .list_box .left h3 {padding:80px 15% 35px 17px; color:#000; font-size:19px; text-align:right; background:url('../images/ico/dot_line01.png') no-repeat 100% 100%;}
.history_area .list_box .left h3 span {display:block; margin-bottom:5px; color:#fff; font-size:16px;}
.history_area .list_box .right {padding:200px 0 0 30%;}
.history_area .list_box .right .box {position:relative; margin-top:50px; padding:0 15px 0 40px;}
.history_area .list_box .right .box:first-child {margin-top:0;}
.history_area .list_box .right .box h4 {position:absolute; top:-10px; left:-17%; color:#fff; font-size:28px;}
.history_area .list_box .right .box dl {margin-top:10px; overflow:hidden;}
.history_area .list_box .right .box dl:first-child {margin-top:0;}
.history_area .list_box .right .box dl dt {float:left; width:30px; margin-right:5px; color:#ff2d2d; font-size:17px; font-weight:700;}
.history_area .list_box .right .box dl dd {float:left; width:80%; color:#000; font-size:17px;}
.history_area .list_box .right .box dl dd ul li {margin-top:6px;}
.history_area .list_box .right .box dl dd ul li:first-child {margin-top:0;}


.ir_box {margin-top:5px;}
.ir_box h4 {margin-bottom:10px; color:#000; font-size:17px; font-weight:700;}
.ir_box .ico_up {display:inline-block; width:40px; padding-left:10px; color:#e23a3a; background:url('../images/ico/dot_up.gif') no-repeat 0 50%; vertical-align:middle;}
.ir_box .ico_up.ico_none {width:auto; padding:0; background:none;}
.ir_box .ico_up.big {padding-left:15px; background:url('../images/ico/dot_up02.gif') no-repeat 0 50%;}
.ir_box .ico_down {display:inline-block; width:40px; padding-left:10px; color:#036eff; background:url('../images/ico/dot_down.gif') no-repeat 0 50%; vertical-align:middle;}
.ir_box .ico_down.ico_none {width:auto; padding:0; background:none;}
.ir_box .ico_down.big {padding-left:15px; background:url('../images/ico/dot_down02.gif') no-repeat 0 50%;}
.ir_box .price {color:#000; font-size:17px; font-family:'Nanum Barun Gothic';}
.ir_box .price .CurJuka {display:inline-block; color:#ff0303; font-size:25px; font-weight:bold; vertical-align:middle;}
.ir_box .price .ico_up {width:auto;}
.ir_box	.top_area {position:relative;}
.ir_box	.top_area .info_data {position:absolute; bottom:0; right:0; color:#7c7c7c; font-size:12px; font-family:'돋움',dotum;}
.ir_box	.top_area .info_data .CurJuka {color:#000; font-weight:bold;}
.ir_box	.top_area .info_data .ico_up {width:auto; font-weight:bold;}
.ir_box	.top_area .info_data .ico_down {width:auto; font-weight:bold;}
.ir_box .graph_box {border-top:2px solid #434343; border-bottom:2px solid #ccc;}
.ir_box.operate_nth2 {display:none;}
.ir_box.finance_nth2 {display:none;}
.ir_box.finance_nth3 {display:none;}
.ir_box.stock_nth2 {display:none;}
.ir_box.stock_nth3 {display:none;}

.business_wrap ul {overflow:hidden;text-align: center;}
.business_wrap ul li {display:inline-block;width:250px;margin:0 6px}
.business_wrap ul li .business_box {position:relative;}

.business_wrap ul li .business_box .business_img img {max-width:100%; width:auto; height:auto;}
.business_wrap ul li .business_box .business_img .m_img {display:none;}
.business_wrap ul li .business_box .over_wrap {display:none; position:absolute; top:0; left:0; right:0; width:100%; height:100%;}
.business_wrap ul li .business_box .over_wrap .over_img {overflow:hidden;}
.business_wrap ul li .business_box .over_wrap .over_img .m_img {display:none;}
.business_wrap ul li .business_box .over_wrap .over_img img {max-width:100%; width:auto; height:auto;}
/* .business_wrap ul li .business_box .over_wrap:hover .over_img img {-webkit-transform:scale(1.5) rotate(0.1deg); -moz-transform:scale(1.5) rotate(0.1deg); -o-transform:scale(1.5) rotate(0.1deg); transform:scale(1.5) rotate(0.1deg); transition:transform 15s; -o-transition:transform 15s; -moz-transition:transform 15s; -webkit-transition:transform 15s;} */
.business_wrap ul li .business_box .over_wrap .txt_wrap {position:absolute; top:0; left:0; right:0; width:100%; height:100%;}
.business_wrap ul li .business_box .over_wrap .txt_wrap .txt_inner {display:table; width:100%; height:100%; text-align:center;}
.business_wrap ul li .business_box .over_wrap .txt_wrap .txt_cont {display:table-cell; vertical-align:middle;padding-bottom: 90px;}
/* .business_wrap ul li .business_box .over_wrap .txt_wrap .txt_cont .tit {position:absolute; top:15%; width:100%; padding-bottom:10px; color:#fff; font-size:25px; font-weight:400; background:url('../images/ico/ico_line03.gif') no-repeat 50% 100%;} */
.business_wrap ul li .business_box .over_wrap .txt_wrap .txt_cont .txt {padding:0 10px; color:#000; font-size:18px; letter-spacing: -0.5px; line-height:30px;font-weight:bold;}
.business_wrap ul li .business_box .over_wrap .txt_wrap .txt_cont .txt .br {display:block;}
.business_wrap ul li .business_box .over_wrap .txt_wrap .txt_cont .logo_box {position:absolute; bottom:0; left:0; right:0; width:100%; padding:0 0; }
.business_wrap ul li .business_box .over_wrap .txt_wrap .txt_cont .logo_box img {max-width:100%; width:auto; height:auto;}
/* .business_wrap ul li .business_box .over_wrap .txt_wrap .txt_cont .logo_box div {} */
.business_txt{text-align:center;padding-bottom:40px;font-size:20px}
.business_txt > strong{display:block;}
.business_txt > span{display:block;}
.business_area{margin-top:60px}
@media (max-width: 1024px) {
	.business_wrap ul li{margin:0}
}
@media (max-width: 780px) {
	.business_area{margin-top:0;padding:30px 0}
	.business_txt{padding:20px 30px;font-size:15px}
	.business_txt > span{padding-top:5px}
}
@media (max-width: 360px) {
	.business_txt{font-size:14px}
}
.business_wrap ul li .business_box .over_wrap .txt_wrap .txt_cont .logo_box .m_img {display:none;}
.overseas_wrap {margin-top:25px; border:1px solid #d0d0d0;}
.overseas_wrap .img_box .img {height:398px !important; overflow:hidden;}
.overseas_wrap .img_box img {width:100%;}
.location_wrap {margin-top:15px; position:relative;}
.location_wrap .location_map {height:357px !important; overflow:hidden; box-sizing:border-box;}
.location_wrap #mainMap, .location_wrap #subMap {border:1px solid #d0d0d0;}
.location_wrap .address_box {padding:14px 10px; color:#757575; font-size:12px; text-align:center; border:1px solid #d0d0d0; border-top:none; background:#fafafa; font-family:'돋움', dotum;}

.loading{position:absolute;left:50%;top:50%;}

@media (max-height:700px) {
	.business_wrap {max-width:800px; margin:25px auto 0 auto;}
	.business_wrap ul li {width:33.32%;}
	.business_wrap ul li.first {margin-right:0;}
	.business_wrap ul li.middle {margin:0;}
	.business_wrap ul li.last {margin-left:0;}
	.business_wrap ul li.first .business_box {margin-right:20px;}
	.business_wrap ul li.middle .business_box {margin:0 10px;}
	.business_wrap ul li.last .business_box {margin-left:20px;}
	.business_wrap ul li .business_box .over_wrap .txt_wrap .txt_cont .txt {font-size:16px; line-height:24px;}
	.history_view #history_pager {margin-top:3%;}
	.history_view #history_pager ul li a {font-size:16px;}
	.history_view .history_inner {max-width:800px; margin:40px auto 0 auto;}
	.ir_box h4 {font-size:14px;}
	.overseas_wrap .img_box .img {height:336px !important;}
	.location_wrap .location_map {height:300px !important;}
}

@media (max-width:1500px) {
	.history_popup_wrap .history_popup_inner .history_popup_container .history_popup_cont {width:70%;}
}

@media (max-width:1280px) {
	.history_wrap .btn_more {right:0;}
	.history_popup_wrap .history_popup_inner .history_popup_container .history_popup_cont {width:75%;}
	.history_area .list_box .left h3 {font-size:18px;}
	.history_area .list_box .right .box h4 {font-size: 20px;top: 0;left: -20%;}
	.history_area .list_box .right .box dl dt {font-size:15px;}
	.history_area .list_box .right .box dl dd {font-size:15px;}
}

@media (max-width:1140px) {
	.business_wrap ul li {width:31%}
	.business_wrap ul li.first {margin-right:0;}
	.business_wrap ul li.middle {margin:0;}
	.business_wrap ul li.last {margin-left:0;}
	.business_wrap ul li.first .business_box {margin-right:0;}
	.business_wrap ul li.middle .business_box {margin:0 0;}
	.business_wrap ul li.last .business_box {margin-left:0;}
}

@media (max-width:1023px) {
	.business_wrap ul li .business_box .over_wrap .txt_wrap .txt_cont .tit {font-size:20px;}
	.business_wrap ul li .business_box .over_wrap .txt_wrap .txt_cont .txt {font-size:14px; line-height:24px;}
	.history_view #history_pager ul li a {font-size:14px;letter-spacing:-1px}
	.ir_box h4 {font-size:14px;}
}

@media (max-width:760px) {
	.historyTab_wrap{/* height:125px; */overflow:hidden;/* padding-top: 30px; */}
	.historyTab {display:block;overflow-x:auto;overflow-y:hidden;}
	.historyTab{position:relative; }
	.historyTab ul:after{content:'';display:block;clear:both}
	.historyTab ul {text-align:center;background:#f9f9f9;width:601px;margin:0 auto}
	.historyTab ul li {float:left;width:100px}
	.historyTab ul li:first-child{border-left:1px solid #e8e8e8}
	.historyTab ul li a {letter-spacing: -1px;position:relative;z-index:80;line-height:20px;display:block;padding:8px 0; margin-left:-1px;color:#a6a6a6;font-size:13px;border:1px solid #e8e8e8;border-bottom-color:#ff281d}
	.historyTab ul li.selected a{z-index:100;background:#fff;color:#ff281d;border-color:#ff281d;border-bottom-color:#fff;font-size:14px;font-weight:bold}
	
	.historyTab_txt{display:block;font-size:14px;text-align:center;padding:20px 0;color:#000}
	.historyTab_txt > strong{display:block;}
	.historyTab_txt > span{display:block;padding-top: 5px;}

	.history_view {display:none;}
	.history_wrap {margin-top:25px;overflow:hidden;}
	.history_wrap .history_cont {position:static; width:auto; height:auto; font-size:13px; line-height:18px;}
	.history_wrap .history_cont h3 {padding-left:12px; color:#000; font-size:16px; font-weight:400; background:url('../images/ico/ico_line05.gif') no-repeat 0 50%; background-size:3px 47px; overflow:hidden;}
	.history_wrap .history_cont h3 span {display:block; margin-top:5px; color:#c1c1c1;}
	.history_wrap .history_cont .box {margin-top:25px;}
	.history_wrap .history_cont .box dl {margin-top:10px; overflow:hidden;}
	.history_wrap .history_cont .box dl:first-child {margin-top:0;}
	.history_wrap .history_cont .box dl dt {float:left; width:15%; margin-right:5%; color:#000; font-size:13px; font-weight:700;}
	.history_wrap .history_cont .box dl dd {float:left; width:80%; color:#000; font-size:13px;}
	.history_wrap .history_cont .box dl dd ul li {margin-top:3px;}
	.history_wrap .history_cont .box dl dd ul li:first-child {margin-top:0;}
	.history_wrap .btn_more{position:static;float:right;margin-top:10px}

	.ir_box {margin-top:20px;}
	.ir_box h4 {font-size:16px;}
	.ir_box .overscroll {-webkit-overflow-scrolling:touch; overflow:auto;}
	.ir_box .overscroll::-webkit-scrollbar {height:6px;}
	.ir_box .overscroll::-webkit-scrollbar-track {background-color:rgba(83,83,83,0.3); border-radius:5px;}
	.ir_box .overscroll::-webkit-scrollbar-thumb {border-radius:10px; background-color:#404040;}
	.ir_box .overscroll .table_box {min-width:540px; padding-bottom:5px;}
	.ir_box	.top_area h4 {margin-bottom:0; padding-bottom:18px;}
	.ir_box	.top_area .info_data {bottom:3px;}
	.ir_box .price {font-size:15px;}
	.ir_box .price .CurJuka {font-size:20px;}
	.ir_box .ico_up.big {padding-left:12px; background-position:0 48%; background-size:13px 11px;}
	.ir_box.operate_nth1 {display:block !important;}
	.ir_box.operate_nth2 {display:block !important;}
	.ir_box.finance_nth1 {display:block !important;}
	.ir_box.finance_nth2 {display:block !important;}
	.ir_box.finance_nth3 {display:block !important;}
	.ir_box.stock_nth1 {display:block !important;}
	.ir_box.stock_nth2 {display:block !important;}
	.ir_box.stock_nth3 {display:block !important;}
	.business_wrap {margin-top:15px;}
	.business_wrap ul {max-width:640px; margin:0 auto;}
	.business_wrap ul li {float:none; width:auto;}
	.business_wrap ul li.first .business_box {margin:0;}
	.business_wrap ul li.middle .business_box {margin:15px 0 0 0;}
	.business_wrap ul li.last .business_box {margin:15px 0 0 0;}
	.business_wrap ul li .business_box:hover .over_wrap .over_img img {transition:none; transform:none;}
	.business_wrap ul li .business_box .over_wrap .txt_wrap .txt_cont .txt {margin-top:15px;}
	.business_wrap ul li .business_box .over_wrap .txt_wrap .txt_cont .txt .br {display:inline;}
	.business_wrap ul li .business_box .over_wrap .txt_wrap .txt_cont .logo_box {padding:10px 0;}
	.overseas_wrap {margin-top:15px;}
	.overseas_wrap .img_box .img {height:350px !important;}
	.location_wrap {margin-top:15px;}
	.location_wrap .location_map {height:350px !important;}
	.location_wrap .address_box {padding:14px 0; text-align:left; border:none; background:#fff;}

	.business_wrap.m_data li{padding-bottom:10px}
	.business_wrap.m_data li img{max-width: 100%;width:100%}
}

@media (max-width: 780px) {
	.history_popup_wrap .btn_close{top: -44px;right: -27px;}
	.history_popup_wrap .history_popup_inner{padding-left:0;}
	.history_area .list_box .left{position:static;width:auto;height:auto;}
	.history_area .list_box .left h3{padding:15px;}
	.history_area .list_box .right{padding: 10px 0;}
	.history_area .list_box .right .box{padding: 20px;margin-top: 10px;}
	.history_area .list_box .right .box dl dd{font-size:13px;padding-top:2px}
	.history_area .list_box .right .box h4{top:0;left:19px;color:#000;font-weight:bold;letter-spacing: -1px;}
}
/* 올곧은 메디앙스 */
#upright_medience {position:relative;}
#upright_medience .inner{position:relative;z-index:100}
#upright_medience .upright_text{position:absolute; width:100%; height:100%; overflow:hidden;z-index:100}
#upright_visual {position:absolute; width:100%; height:100%; overflow:hidden;z-index:50}
#upright_visual .bx-wrapper, 
#upright_visual .bx-viewport {height:100% !important;}
#upright_visual .upright_slider {height:100%;}
#upright_visual .upright_slider li {
	height:100%;
	-webkit-transition-timing-function:ease-in; 
	transition-timing-function:ease-in;
}
#upright_visual .upright_slider li {
	width:100%; 
	height:100%; 
	background-repeat:no-repeat; 
	background-position:50% 50%; 
	background-size:cover; 
}
#upright_visual .upright_slider li.slider_list1{background-image:url('../images/upright/upright_medience_bg_01.jpg');}
#upright_visual .upright_slider li.slider_list2{background-image:url('../images/upright/upright_medience_bg_02.jpg');}
#upright_visual .upright_slider li.slider_list3{background-image:url('../images/upright/upright_medience_bg_03.jpg');}
#upright_visual .upright_slider li.slider_list4{background-image:url('../images/upright/upright_medience_bg_04.jpg');}



/* #upright_medience .upright_tab {position:absolute; top:0; left:50%; margin:14% 0 0 -136px; z-index:1;}
#upright_medience .upright_tab ul {overflow:hidden;}
#upright_medience .upright_tab ul li {float:left;}
#upright_medience .upright_tab ul li a {display:block; width:135px; height:42px; line-height:42px; color:#fff; font-size:17px; text-align:center; border:1px solid #fff;}
#upright_medience .upright_tab ul.product li a {color:#7c7c7c; border:1px solid #b0b0b0;}
#upright_medience .upright_tab ul li a.first {display:none;}
#upright_medience .upright_tab ul li a.last {margin-left:-1px;}
#upright_medience .upright_tab ul li.selected a {color:#000; background:#fff;}
#upright_medience .upright_tab ul li.selected a.middle {color:#fff; background:#000; border:1px solid #000;}

#upright_medience .upright_tab_cont .logo {margin-top:8%; text-align:center;}
#upright_medience .upright_tab_cont .logo img {width:100px;}
#upright_medience .upright_tab_cont.intro .img {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;background:url('../images/upright/upright_medience_bg_01.jpg') no-repeat 50% 50%; background-size:cover; -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); -webkit-transition:all 0s; -ms-transition:all 0s; transition:all 0s; -webkit-transition-timing-function:ease; transition-timing-function:ease; z-index:-1;}
#upright_medience .upright_tab_cont.intro.on .img {-ms-transform:scale(1.2) rotate(0.1deg); -webkit-transform:scale(1.2) rotate(0.1deg); transform:scale(1.2) rotate(0.1deg); -webkit-transition:all 20s; -ms-transition:all 20s; transition:all 20s; -webkit-transition-timing-function:ease; transition-timing-function:ease;}
#upright_medience .upright_tab_cont.product {background:url('../images/upright/upright_medience_bg_02.jpg') no-repeat 50% 50%; background-size:cover;}
#upright_medience .upright_tab_cont.enterprise {background:url('../images/upright/upright_medience_bg_03.jpg') no-repeat 50% 50%; background-size:cover;}
#upright_medience .enterprise_wrap {position:absolute; bottom:-100%; left:0; right:0; max-width:940px; margin:0 auto; padding:0 23.1%;}
#upright_medience .enterprise_wrap ul li .enterprise_list {position:relative; overflow:hidden;}
#upright_medience .enterprise_wrap ul li .enterprise_list .box_warp {position:absolute; width:50%; height:100%; background:url('../images/ico/dot_bg.png') repeat;}
#upright_medience .enterprise_wrap ul li .enterprise_list .box_warp .box_inner {display:table; width:100%; height:100%; text-align:center;}
#upright_medience .enterprise_wrap ul li .enterprise_list .box_warp .box_inner .box_sec {display:table-cell; vertical-align:middle;}
#upright_medience .enterprise_wrap ul li .enterprise_list .box_warp .box_inner .box_sec .tit {position:absolute; top:12%; width:100%; padding-bottom:10px; color:#000; font-size:25px; background:url('../images/ico/ico_line02.gif') no-repeat 50% 100%;}
#upright_medience .enterprise_wrap ul li .enterprise_list .box_warp .box_inner .box_sec .txt {color:#000; font-size:20px; line-height:32px;}
#upright_medience .enterprise_wrap ul li .enterprise_list .img_box {float:right; width:50%; text-align:center;}
#upright_medience .enterprise_wrap ul li.even .enterprise_list .box_warp {right:0;}
#upright_medience .enterprise_wrap ul li.even .enterprise_list .img_box {float:left;}
#upright_medience .enterprise_wrap .bx-wrapper {position:relative;}
#upright_medience .enterprise_wrap .bx-controls-direction a {display:block; position:absolute; top:50%; margin-top:-33px; width:66px; height:66px; text-indent:-999em; background:url('../images/ico/btn_arr02.png') no-repeat;}
#upright_medience .enterprise_wrap .bx-controls-direction a.bx-prev {left:-66px; background-position:0 0;}
#upright_medience .enterprise_wrap .bx-controls-direction a.bx-next {right:-66px; background-position:-66px 0;}

@media (max-height:900px) {
	#upright_medience .enterprise_wrap {padding:0 28%;}
}

@media (max-height:860px) {
	#upright_medience .upright_tab_cont.product .sub_txt {font-size:18px; line-height:28px;}
	#upright_medience .upright_tab_cont.product .logo {margin-top:20px;}
}

@media (max-height:800px) {
	#upright_medience .upright_tab {margin:130px 0 0 -136px;}
}

@media (max-height:720px) {
	#upright_medience .enterprise_wrap {padding:0 32%;}
	#upright_medience .enterprise_wrap ul li .enterprise_list .box_warp .box_inner .box_sec .txt {font-size:18px; line-height:30px;}
	#upright_medience .upright_tab_cont.product .sub_txt {font-size:16px; line-height:24px;}
	#upright_medience .upright_tab_cont .logo img {width:80px;}
}

@media (max-width:1380px) {
#upright_medience .enterprise_wrap {padding:0 23%;}
#upright_medience .enterprise_wrap ul li .enterprise_list .box_warp .box_inner .box_sec .txt {font-size:18px; line-height:30px;}
}

@media (max-width:1100px) {
#upright_medience .enterprise_wrap ul li .enterprise_list .box_warp .box_inner .box_sec .tit {font-size:20px;}
#upright_medience .enterprise_wrap ul li .enterprise_list .box_warp .box_inner .box_sec .txt {font-size:15px; line-height:22px;}
}

@media (max-width:1023px) {
#upright_medience .upright_tab_cont .sub_txt {font-size:15px; line-height:24px;}
#upright_medience .upright_tab_cont .sub_txt .br.mt {margin-top:20px;}
#upright_medience .enterprise_wrap {padding:0 15%;}
#upright_medience .upright_tab {margin:100px 0 0 -136px;}
}

@media (max-width:760px) {
#upright_medience .upright_tab {top:105px; margin:0 0 0 -120px;}
#upright_medience .upright_tab ul li a {width:120px; height:35px; line-height:35px; font-size:15px;}
#upright_medience .upright_tab_cont .sub_txt {margin-top:90px;}
#upright_medience .upright_tab_cont.intro .sub_txt {margin:100px 0 270px 0;}
#upright_medience .upright_tab_cont .sub_txt.black {font-size:14px; line-height:20px; text-align:left;}
#upright_medience .upright_tab_cont .sub_txt .br {display:inline;}
#upright_medience .upright_tab_cont .sub_txt .m_br {display:block;}
#upright_medience .upright_tab_cont.intro {background:url('../images/upright/upright_medience_m_bg_01.jpg') no-repeat 50% 50%; background-size:cover;}
#upright_medience .upright_tab_cont.product {background:url('../images/upright/upright_medience_m_bg_02.jpg') no-repeat 50% 50%; background-size:cover;}
#upright_medience .upright_tab_cont.enterprise {background:url('../images/upright/upright_medience_m_bg_03.jpg') no-repeat 50% 50%; background-size:cover;}
#upright_medience .enterprise_wrap {position:static; max-width:340px; margin:30px auto 0 auto; padding:0 0;}
#upright_medience .enterprise_wrap ul li .enterprise_list .box_warp {position:static; width:auto; height:200px;}
#upright_medience .enterprise_wrap ul li .enterprise_list .box_warp .box_inner .box_sec .tit {top:25px;}
#upright_medience .enterprise_wrap ul li .enterprise_list .box_warp .box_inner .box_sec .txt {margin-top:30px;}
#upright_medience .enterprise_wrap ul li .enterprise_list .img_box {float:none; width:auto;}
#upright_medience .enterprise_wrap ul li.even .enterprise_list .img_box {float:none;}
#upright_medience .enterprise_wrap .bx-controls-direction a {top:180px; width:40px; height:40px; margin-top:0; background-size:80px 40px;}
#upright_medience .enterprise_wrap .bx-controls-direction a.bx-prev {left:0;}
#upright_medience .enterprise_wrap .bx-controls-direction a.bx-next {right:0; background-position:-40px 0;}
} */

#upright_medience .upright_intro{position: absolute;left:0;right:0;top:100%;}
#upright_medience .upright_tab_cont.intro .img {
	position:absolute; 
	top:0; left:0; right:0; bottom:0; 
	width:100%; height:100%;
	background:url('../images/upright/upright_medience_bg_01.jpg') no-repeat 50% 50%; 
	background-size:cover; 
	-ms-transform:scale(1); 
	-webkit-transform:scale(1); 
	transform:scale(1);
	-webkit-transition:all 0s; 
	-ms-transition:all 0s;
	transition:all 0s; 
	-webkit-transition-timing-function:ease;
	transition-timing-function:ease; z-index:-1;
}

#upright_medience .upright_tab_cont {position:relative; height:100%;}
#upright_medience .upright_tab_cont .sub_txt:after{content:'';display:block;width:1px;height:50px;background:#fff;position:absolute;left:50%;top:-54px}
#upright_medience .upright_tab_cont .sub_txt {position:relative;color:#fff; font-size:20px; line-height:1.8em; text-align:center;}
#upright_medience .upright_tab_cont .sub_txt.black {color:#000;}
#upright_medience .br {display:block;}
#upright_medience .m_br {display:block;}
#upright_medience .upright_title strong{display:block;text-align:center}
#upright_medience .upright_title .logo{display:block;text-align:center;padding-bottom:20px}
#upright_medience .upright_title .logo img{width:auto}
#upright_medience h2.tit.center {text-align: center;padding-bottom: 60px;margin-bottom: 0;}
#upright_medience .innerAll .upright_intro {right:auto;width: 50%;padding: 0 2%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#upright_medience .innerAll .upright_intro:last-child {left: auto;right: 0}
#upright_medience .innerAll h2.tit.center {padding-bottom: 50px;font-size: 37px;line-height: 1em}
#upright_medience .innerAll .upright_title strong {display: inline-block;padding: 9px 6px;border-top:3px solid #FFF;border-bottom: 3px solid #FFF}
#upright_medience .innerAll .upright_intro .sub_txt {letter-spacing: -0.05em;}
#upright_medience .innerAll .upright_intro .sub_txt:after {display: none}
#upright_medience .innerAll .upright_intro .qu_last {margin-top: 15px;font-size: 17px;font-weight:600;}
#upright_medience .innerAll .upright_intro .qu_last i {display: inline-block;margin-right: 3px;padding: 7px 20px;text-align: center;font-style: normal;font-weight:500;line-height: 1em;background-color: rgba(0,0,0,0.4);-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
#upright_medience .innerAll .upright_intro .btn-area{margin-top: 15px;}
#upright_medience .innerAll .upright_intro .btn-area button{display: block; width: 250px; height: 60px; border: none; cursor: pointer; font: 22px "NotoSansKR", sans-serif; color: #fff; background-color: #ec433a; margin: auto;}
@media (max-width:1400px) {
	#upright_medience .innerAll .upright_intro:last-child .m_br  {display: inline}
	#upright_medience .innerAll .upright_intro:last-child .qu_last {display: block}
}
@media (max-width:1100px) {
	#upright_medience .upright_tab_cont .sub_txt{font-size:16px}
	#upright_medience .upright_intro{left:5%;right:5%}
	#upright_medience .innerAll .upright_intro {left: 0%}
	#upright_medience .innerAll .upright_intro:last-child {right: 0%}
	#upright_medience .innerAll .upright_intro .qu_last {font-size: 15px}
	#upright_medience .innerAll .upright_intro .btn-area button{font-size: 18px;}
}
@media (max-width:940px) {
	#upright_medience .innerAll .upright_intro .m_br  {display: inline}
	
}
@media (max-width:760px) {
	#upright_medience .upright_text{position:static}
	#upright_medience .upright_tab_cont .sub_txt:after{display:none}
	#upright_medience .m_br{display: inline;}
	#upright_medience h2.tit.center{padding-bottom:20px}
	#upright_medience .upright_intro{position: static;margin-top:0;height:auto}
	#upright_medience .upright_tab_cont .sub_txt{font-size:13px}
	#container .section#upright_medience .inner{padding:50px 5%}
	 #upright_visual .upright_slider li.slider_list1 {background: none}
	#container .section#upright_medience .innerAll {max-width: 940px;padding: 0;}
	#upright_medience .innerAll h2.tit.center {padding-bottom: 30px}
	#upright_medience .innerAll .upright_title .logo {padding-bottom: 14px}
	#upright_medience .innerAll .upright_title .logo img {width: 50px}
	#upright_medience .innerAll .upright_title strong {padding: 5px 3px;border-width: 2px;font-size: 23px;line-height: 1em;}
	#upright_medience .innerAll .upright_intro {width: 100%;padding: 50px 15px 45px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-image: url('../images/upright/upright_medience_bg_m01.jpg') }
	#upright_medience .innerAll .upright_intro:last-child {background-image: url('../images/upright/upright_medience_bg_m02.jpg')}
	#upright_medience .innerAll .upright_intro .qu_last {font-size: 13px}
	#upright_medience .innerAll .upright_intro .btn-area button{width: 200px; height: 50px; font-size: 16px;}
	#upright_medience .innerAll .upright_intro .m_br  ,#upright_medience .innerAll .upright_intro:last-child .m_br{display: block;} 
}
@media (max-width:405px) {
	#upright_medience .innerAll .upright_intro:last-child .m_br {display: inline}
	#upright_medience .innerAll .upright_intro:last-child .qu_last {display: block} 
}	
/* 주요 제품 */
.products_wrap {margin-top:2%; position:relative;}
.products_wrap .brand_img{padding-bottom:20px;text-align: center}
.products_wrap .brand_img img{max-width:100%}
.products_wrap .brand_txt .title{width:200px;height:70px;background:url(/images/product/barnd_title_aboutus.png) center no-repeat;overflow:hidden;text-indent:-9999px;margin:0 auto}
.products_wrap .brand_txt .cont {position:relative;padding-top:20px}
.products_wrap .brand_txt .cont:after{content:'';display:block;width:40px;height:1px;top:0;background:#000;position:absolute;left:50%;margin-left:-20px}
.products_wrap .brand_txt .cont p{color:#3e3e3e;font-size:18px;line-height:1.6em}
@media (max-height:800px) {
	.products_wrap .brand_img img{max-width: 80%;}
	.products_wrap .brand_txt .cont p{font-size:15px}
}
@media (max-width:768px) {
	.products_wrap .brand_img img{max-width: 100%;width:100%}
	.products_wrap .brand_img{margin-top:20px;padding-bottom:5px;padding-top:20px;border-top:1px solid #828282}
	.products_wrap .brand_txt .title{background-size:85px auto;height:40px}
	.products_wrap .brand_txt .cont{padding-top:10px}
	.products_wrap .brand_txt .cont p{font-size:12px}
}

/* 20200922 �߰����� */
	.products_wrap .brand_inner {width:100%; max-width: 900px;margin: auto;background: url('/images/product/2021_bnb_bg.png') }
	.products_wrap .brand_inner:after {content: '';display:block; clear: both;}
	.products_wrap .brand_inner .img_cont {float: left;width: 68%;color: #FFF;font-size: 17px;}
	.products_wrap .brand_inner .img_cont:first-child {width: 32%;padding-top: 15.3%;background: url('/images/product/2021_product_bnb.png') no-repeat center 27.5%;-webkit-background-size: 33%;background-size: 33%;}
	.products_wrap .brand_inner .img_cont span {display: block;font-weight:300;line-height: 1.4em;letter-spacing: -0.04em;}
	.products_wrap .brand_inner .img_cont span.img_btn {padding-top: 4%;}
	.products_wrap .brand_inner .img_cont a {display: block;width: 131px;margin: auto;margin-bottom: 10px;border: 1px solid #FFF;}
	.products_wrap .brand_inner .img_cont a:last-child {margin-bottom: 0;}
	.products_wrap .brand_inner .img_cont img{display: block;width: 100%;}

@media (max-width: 1084px) {
	.products_wrap .brand_inner .img_cont {font-size: 1.5vw;}
	.products_wrap .brand_inner .img_cont a {width: 46%;}
}
@media (max-width: 600px) {
	.products_wrap .brand_inner .img_cont {font-size: 14px;}
	.products_wrap .brand_inner .img_cont {width: 100%}
	.products_wrap .brand_inner .img_cont:first-child {width: 100%;padding-top: 65px;padding-bottom: 15px;-webkit-background-size: 70px;background-size: 70px;background-position: center 15px}
	.products_wrap .brand_inner .img_cont span.img_btn {padding-top: 1.5%}
	.products_wrap .brand_inner .img_cont a {width: 131px;}

}
/* 홍보 */
#pr_area {background:#f4f4f4}
#pr_area .pr_tab {width:275px; margin:0 auto;}
#pr_area .pr_tab ul {overflow:hidden;}
#pr_area .pr_tab ul li {float:left;}
#pr_area .pr_tab ul li:first-child {margin-right:-1px;}
#pr_area .pr_tab ul li a {display:block; width:135px; height:42px; line-height:42px; color:#7c7c7c; font-size:17px; text-align:center; border:1px solid #b0b0b0;}
#pr_area .pr_tab ul li.selected a {color:#fff; background:#000; border:1px solid #000;}
.pr_wrap {position:relative; margin-top:50px; min-height:400px;}
.pr_wrap ul li .pr_box {position:relative;}
.pr_wrap ul li .pr_box .pr_img {overflow:hidden; border:1px solid #b0b0b0;}
.pr_wrap ul li .pr_box .pr_img img {max-width:100%; width:auto; height:auto;}
.pr_wrap ul li .pr_box .over_wrap {display:none; position:absolute; top:0; left:0; right:0; width:100%; height:100%; text-align:center; background:url('../images/ico/dot_bg05.png') repeat;}
.pr_wrap ul li .pr_box .over_wrap .over_inner {display:table; width:100%; height:100%;}
.pr_wrap ul li .pr_box .over_wrap .over_inner .over_cont {display:table-cell; vertical-align:middle;}
.pr_wrap ul li .pr_box .over_wrap .over_inner .over_cont p {color:#fff; font-size:20px; font-weight:300; line-height:32px;}
.pr_wrap ul li .pr_box .over_wrap .over_inner .over_cont p span {display:block;}
.pr_wrap ul li .pr_box .over_wrap .over_inner .over_cont p .date {color:#fff; font-size:16px;}
.pr_wrap ul li .pr_box .over_wrap .over_inner .over_cont .btn_view {position:absolute; bottom:30px; right:30px; width:33px; height:33px; text-indent:-999em; background:url('../images/ico/ico_plus02.png') no-repeat 50% 50%;}
.pr_wrap .bx-controls-direction a {display:block; position:absolute; top:50%; margin-top:-33px; width:66px; height:66px; text-indent:-999em; background:url('../images/ico/btn_arr02.png') no-repeat;}
.pr_wrap .bx-controls-direction a.bx-prev {left:-66px; background-position:0 0;}
.pr_wrap .bx-controls-direction a.bx-next {right:-66px; background-position:-66px 0;}

@media (max-height:740px) {
	#pr_area .pr_tab ul li a {height:40px; line-height:40px; font-size:15px;}
}

@media (max-width:1280px) {
	.pr_wrap .bx-controls-direction a.bx-prev {left:0;}
	.pr_wrap .bx-controls-direction a.bx-next {right:0;}
}

@media (max-width:760px) {
	#pr_area .pr_tab {width:245px;}
	#pr_area .pr_tab ul li a {width:120px; height:35px; line-height:35px; font-size:15px;}
	.pr_wrap {max-width:300px; min-height:auto; margin:40px auto 0 auto; border:1px solid #b0b0b0;}
	.pr_wrap ul li {margin:0 !important;}
	.pr_wrap ul li .pr_box .pr_img {border:none;}
	.pr_wrap ul li .pr_box:hover .pr_img img {transition:none; transform:none;}
	.pr_wrap ul li .pr_box .over_wrap .over_inner .over_cont p {font-size:17px; line-height:28px;}
	.pr_wrap ul li .pr_box .over_wrap .over_inner .over_cont p .date {font-size:14px;}
	.pr_wrap .bx-controls-direction a {width:40px; height:40px; background-size:80px 40px;}
	.pr_wrap .bx-controls-direction a.bx-prev {left:0;}
	.pr_wrap .bx-controls-direction a.bx-next {right:0; background-position:-40px 0;}
}

/* sub_tit */
.sub_tit {margin-top:5%; color:#000; font-size:20px; line-height:24px; text-align:center;}
.sub_tit strong {font-weight:700;}
.sub_tit .in_title{display:block;font-size:20px;color:#000;text-align: center;padding-bottom:10px}
@media (max-height:700px) {
	.sub_tit {margin-top:4%; font-size:16px;}
}
@media (max-width:1023px) {
	.sub_tit {font-size:16px;}
}
@media (max-width:760px) {
	.sub_tit {margin-top:20px; font-size:15px;}
	.sub_tit .m_br {display:block;}
}

/* tab_menu */
.tab_menu ul {overflow:hidden;margin-left:-5px}
.tab_menu ul li {float:left; width:12.5%; text-align:center}
.tab_menu ul li a {display:block; padding:12px 0; color:#403d3c;font-weight:bold; font-size:14px;margin-left:5px;position:relative;}
.tab_menu ul li a:after{position:absolute;left:0;right:0;top:0;height:1px;content:'';display:block;background:#403d3c}

.tab_menu ul li a.mt {margin-top:-1px;}
.tab_menu ul li.selected a:after{height:3px;background:#fa2115;}
.tab_menu ul li.selected a{color:#fa2115}
.tab_inside_menu {position:relative; margin-top:4%;}
.tab_inside_menu > ul {text-align:center;}
.tab_inside_menu > ul > li {position:relative; display:inline-block; zoom:1; *display:inline; padding:0 12px; background:url('../images/ico/ico_line04.gif') no-repeat 0 50%;}
.tab_inside_menu > ul > li:first-child {background:none;}
.tab_inside_menu > ul > li > a {padding:10px 0; color:#000; font-size:19px;}
.tab_inside_menu > ul > li.selected > a {color:#ff7d07;}
.tab_inside_menu > ul > li .depth_box {display:none; position:absolute; top:40px; left:50%; width:130px; margin-left:-65px; background:#ff6d09 url('../images/ico/ico_arr04.png') no-repeat 50% 0; z-index:1;}
.tab_inside_menu > ul > li:hover .depth_box, .tab_inside_menu > ul > li .depth_box:hover {display:block;}
.tab_inside_menu > ul > li .depth_box ul {padding:30px 5px 20px 5px}
.tab_inside_menu > ul > li .depth_box ul li {margin-top:10px;}
.tab_inside_menu > ul > li .depth_box ul li:first-child {margin-top:0;}
.tab_inside_menu > ul > li .depth_box ul li a {display:block; color:#fff; font-size:16px; font-weight:300;}
.tab_inside_menu > ul > li .depth_box ul li.on a {color:#000; text-decoration:line-through;}
.tab_inside_menu > ul > li .depth_box ul li:hover a {color:#000; text-decoration:line-through;}

.tab_menu.about_tab ul li{width:14.285%;}
.tab_menu.recruit_tab ul li{width:25%;}
.tab_menu.recruit_tab.col5 li{width:20%;}
.tab_menu.recruit_tab.col6 li{width:16.66%;}
.tab_menu.recruit_tab.col7 li{width:14.285%;}
.tab_menu.recruit_tab.col8 li{width:12.5%;}

/* 20160923 modify */
.tab_menu {position:relative;}
.brochure {position:absolute; right:0; top:-64px;}
.brochure a:hover {border-bottom:1px solid #999;}

@media (max-height:760px) {
	.tab_inside_menu {margin-top:3%;}
	.tab_inside_menu > ul > li > a {font-size:16px;}
	.tab_inside_menu > ul > li .depth_box {width:120px;}
	.tab_inside_menu > ul > li .depth_box ul li a {font-size:15px;}

	/* 20161005 modify */
	.brochure {position:absolute; right:0; top:-40px;}
}

@media (max-width:1023px) {
	.tab_menu ul li a {font-size:14px;}
	.tab_inside_menu ul li a {font-size:15px;}
	.tab_inside_menu > ul > li .depth_box {width:120px;}
	.tab_inside_menu > ul > li .depth_box ul li a {font-size:15px;}
	.tab_menu.recruit_tab.col8 li{width:25%;}
}
@media (max-width:760px) {
	.brochure{display:none;}
	.tab_menu ul li {width:33.32%;}
	.tab_menu.about_tab ul li{width:33.32%;}
	.tab_menu.line ul li a{padding:10px 5px; }
	.tab_menu.line ul li a {margin-top:-1px;}
	.tab_menu.line ul li:nth-child(1) a, .tab_menu ul li:nth-child(2) a, .tab_menu ul li:nth-child(3) a {margin-top:0;}
	.tab_menu.line ul li:nth-child(3n+1) a {border-left:1px solid #d0d0d0;}
	.tab_menu.line ul li a{margin-left:0;border-right:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0}
	.tab_menu.line ul li a:after{background:#d0d0d0}

	.tab_menu ul li a.line {border-left:none;}
	.tab_inside_menu {overflow:hidden; width:100%; height:40px; margin-top:20px; background-color:#404040; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -msbox-sizing:border-box; box-sizing:border-box;}
	.tab_inside_menu > ul {width:100%; white-space:nowrap; overflow-x:auto; padding:0 5px 30px 5px; -moz-transition:800ms cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition:800ms cubic-bezier(0.25, 0.1, 0.25, 1); -webkit-transition:800ms cubic-bezier(0.25, 0.1, 0.25, 1); transition:800ms cubic-bezier(0.25, 0.1, 0.25, 1); -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0); -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -webkit-perspective:1000; -moz-perspective:1000; -ms-perspective:1000; perspective:1000;}
	.tab_inside_menu > ul > li {margin-top:10px; background:url('../images/ico/dot_list01.png') no-repeat 0 50%; background-size:3px 3px;}
	.tab_inside_menu > ul > li > a {padding:0; color:#fff; font-size:14px;}
	.tab_inside_menu > ul > li .depth_box {display:none;}
	.tab_inside_menu > ul > li:hover .depth_box, .tab_inside_menu > ul > li .depth_box:hover {display:none;}

	.tab_menu ul li a {padding:5px 0; font-size:15px;}
	.tab_menu.recruit_tab ul{text-align:center}
	.tab_menu.recruit_tab ul li{position:relative;float:none;display:inline-block;width:auto;}
	.tab_menu.recruit_tab ul li:after{content:'';position:absolute;left:-1px;top:50%;margin-top:-4px;height:8px;width:1px;background:#b8b8b8}
	.tab_menu.recruit_tab ul li:first-child:after{display:none;}
	.tab_menu.recruit_tab ul li.no_line:after{display:none;}
	.tab_menu.recruit_tab ul li a{margin:0 6px;font-size:14px;}
	.tab_menu.recruit_tab ul li a:after{display:none}
	.tab_menu.recruit_tab ul li.line_block{}

	.tab_menu.line ul li.selected a:after{background:#e72428}
	.tab_menu ul li.selected a{color:#e72428}

	.tab_menu.recruit_tab.col7 li{width:auto;}
	.tab_menu.recruit_tab.col8 li{width:auto;}
	.tab_menu.recruit_tab.col6 li{width:auto}
	#brand_tab.tab_menu.recruit_tab ul li:nth-child(7):after{display:none}
}
@media (max-width: 360px) {
	.tab_menu.recruit_tab ul li a{font-size:12px}
	
}

/* img_box */
.img_box img {max-width:100%; width:auto; height:auto;}
.img_box .m_img {display:none;}

@media (max-width:760px) {
	.img_box .p_img {display:none;}
	.img_box .m_img {display:block;}
}

/* tbl_col */
.tbl_col {width:100%; text-align:center; border-bottom:2px solid #ccc; font-family:'돋움', dotum;}
.tbl_col caption {display:none;}
.tbl_col thead th {height:62px; padding:0 8px; font-weight:bold; border-bottom:1px solid #d9d9d9;}
.tbl_col th {height:52px; padding:0 8px; color:#000; font-size:12px; font-weight:normal; background-color:#fafafa;}
.tbl_col td {height:52px; padding:0 8px; color:#7c7c7c; font-size:12px; border-left:1px solid #d9d9d9;}
.tbl_col.type_01 tr {border-bottom:1px solid #d9d9d9;}
.tbl_col.type_01 td {border-left:none;}
.tbl_col.type_02 th {height:62px;}
.tbl_col.type_02 td {height:62px;}
.tbl_col.type_03 td {height:77px;}
.tbl_col.type_02 tbody tr:first-child th, .tbl_col.type_02 tbody tr:first-child td {height:64px;}
.tbl_col.type_01 tbody tr:first-child td {height:60px;}
.tbl_col.type_03 tbody tr:first-child td {height:77px;}
.tbl_col .link {color:#7c7c7c;}
.tbl_col .link:hover {color:#000;}
.tbl_col .bd_right {border-right:1px solid #d9d9d9;}
.tbl_area {border-top:2px solid #434343;}
.tbl_area.mt {min-height:380px;margin-top:34px;position:relative;}


/* tbl_news */
.new_wrap {margin-top:50px;}
.tbl_news {width:100%; text-align:center; border-top:1px solid #2c2c2c; border-bottom:1px solid #2c2c2c;}
.tbl_news caption {display:none;}
.tbl_news tbody tr:hover {background:url('../images/ico/dot_bg02.png') repeat; cursor:pointer;}
.tbl_news th {padding:14px 10px; color:#000; font-size:17px; font-weight:400; background:url('../images/ico/tbl_th_bg.png') repeat;}
.tbl_news td {padding:26px 10px; color:#000; font-size:17px;}
.tbl_news td .link {
display:inline-block; max-width:450px; color:#000; font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

@media (max-height:748px) {
	.new_wrap {margin-top:30px;}
	.tbl_news th {padding:14px 8px; font-size:15px;}
	.tbl_news td {padding:18px 8px; font-size:15px;}
	.tbl_news td .link {font-size:15px;}
}

@media (max-height:700px) {
	.tbl_col thead th {height:54px;}
	.tbl_col th {height:42px;}
	.tbl_col td {height:42px;}
	.tbl_col.type_02 th {height:52px;}
	.tbl_col.type_02 td {height:52px;}
}

@media (max-width:1023px) {
	.tbl_news th {padding:12px 8px; font-size:14px;}
	.tbl_news td {padding:20px 8px; font-size:14px;}
	.tbl_news td .link {font-size:14px;}
	.tbl_col thead th {height:54px;}
	.tbl_col th {height:42px;}
	.tbl_col td {height:42px;}
	.tbl_col.type_02 th {height:52px;}
	.tbl_col.type_02 td {height:52px;}
}

@media (max-width:860px) {
	.tbl_news td .link {max-width:300px;}
}

@media (max-width:760px) {
	.new_wrap {margin-top:40px;}
	.tbl_news .col_none {display:none;}
	.tbl_news .th_none {display:none;}
	.tbl_news .td_none {display:none;}
	.tbl_news td .link {max-width:400px;}
	.tbl_col thead th {height:40px; padding:5px 6px;}
	.tbl_col tr {border-bottom:1px solid #d9d9d9;}
	.tbl_col th {height:30px; padding:5px 6px;}
	.tbl_col td {height:30px; padding:5px 6px;}
	.tbl_col.type_02 th {height:35px;}
	.tbl_col.type_02 td {height:35px;}
	.tbl_col .col_none {display:none;}
	.tbl_col .th_none {display:none;}
	.tbl_col .td_none {display:none;}
	.tbl_col.type_02 tbody tr:first-child th, .tbl_col.type_02 tbody tr:first-child td {height:35px;}
	.tbl_col.type_01 tbody tr:first-child td {height:35px;}
}

@media (max-width:560px) {
	.tbl_news td .link {max-width:300px;}
}

@media (max-width:460px) {
	.tbl_news td .link {max-width:250px;}
}

@media (max-width:400px) {
	.tbl_news td .link {max-width:190px;}
}

/* txt_color */
.txt_color.black {color:#000;}

/* select_box */
.select_box {position:relative; display:inline-block; font-family:'돋움', dotum;}
.select_box .btn_select {display:inline-block; height:45px; line-height:45px; padding:0 140px 0 25px; color:#8f8f8f; font-size:12px; border:1px solid #b0b0b0; background:url('../images/ico/ico_arr05.png') no-repeat 90% 50%;}
.select_box .btn_select.on {background:url('../images/ico/ico_arr06.png') no-repeat 90% 50%;}
.select_box .select_view {position:absolute; bottom:47px; width:100%; background-color:#222; max-height:350px; overflow-y:auto; z-index:1;}
.select_box .select_view ul {padding-bottom:10px;}
.select_box .select_view ul li {margin-top:10px;}
.select_box .select_view ul li:first-child {margin-top:0;}
.select_box .select_view ul li span {display:block; padding:10px 5px; color:#a9a9a9; font-size:14px; font-weight:bold; text-align:center; background-color:#000;}
.select_box .select_view ul li b {display:block; padding:0 10px; color:#a9a9a9; font-size:12px; font-weight:bold;}
.select_box .select_view ul li a {display:block; padding:0 10px; color:#a9a9a9; font-size:12px;}

/* paging */
.paging {margin-top:28px; line-height:normal; text-align:center;}
.paging select {display:inline-block; zoom:1; *display:inline; vertical-align:top; margin-right:5px;}
.paging span {display:inline-block; zoom:1; *display:inline; vertical-align:middle; font-size:0;}
.paging span.num {margin:0 30px;}
.paging span.num a {display:inline-block; zoom:1; *display:inline; width:25px; height:25px; line-height:27px; color:#000; font-size:15px; vertical-align:middle;}
.paging span.num a:first-child {border-left:0;}
.paging span.num a:hover, .paging span.num a:active, .paging span.num a:focus {font-weight:700;}
.paging span.num strong {display:inline-block; zoom:1; *display:inline; width:25px; height:25px; line-height:27px; color:#000; font-size:15px; font-weight:700; vertical-align:middle;}
.paging span.arr a {display:inline-block; zoom:1; *display:inline; font-size:0; color:#fff; text-indent:-999em; background:url('../images/ico/ico_paging1.png') no-repeat;}
.paging span.arr a.prev1 {width:11px; height:13px; background-position:0 -13px;}
.paging span.arr a.prev2 {width:7px; height:13px; margin-left:15px; background-position:-22px -13px;}
.paging span.arr a.next2 {width:7px; height:13px; margin-right:15px; background-position:0 0;}
.paging span.arr a.next1 {width:11px; height:13px; background-position:-18px 0;}

@media (max-width:720px) {
	.paging span.num a.num_none {display:none;}
	.paging span.num {margin:0 15px;}
	.paging span.arr a.prev2 {margin-left:10px;}
	.paging span.arr a.next2 {margin-right:10px;}
}

/* popup_wrap */
.popup_wrap {display:none;}
.popup_wrap .popup_inner {position:fixed; top:0; left:0; display:table; table-layout: fixed; width:100%; height:100%; padding-left:150px; background:url('../images/ico/dot_bg05.png') repeat; z-index:300; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -msbox-sizing:border-box; box-sizing:border-box;}
.popup_wrap .popup_inner .popup_container {display:table-cell; vertical-align:middle; height:100%; position:relative;}
.popup_wrap .popup_inner .popup_container .popup_cont {position:relative; width:50%; height:80%; margin:0 auto; text-align:left; background-color:#fff;}
.popup_wrap.monthly .popup_inner .popup_container .popup_cont {width:70%}
.popup_wrap .popup_inner .popup_container .popup_cont img {max-width:100%; width:auto; height:auto;}
.popup_wrap .btn_p_close {position:absolute; top:10px; right:-50px; display:block; width:34px; height:33px; text-indent:-999em; background:url('../images/ico/btn_close04.png') no-repeat 50% 50%; z-index:10;}
.popup_wrap .btn_m_close {display:none;}

@media (max-width:1280px) {
	.popup_wrap .popup_inner .popup_container .popup_cont {width:75%;}
	.popup_wrap.monthly .popup_inner .popup_container .popup_cont {width:85%;}
}

@media (max-width:1023px) {
	.popup_wrap.monthly .popup_inner .popup_container .popup_cont {width:80%;}
}

@media (max-width:760px) {
	.popup_wrap .popup_inner .popup_container .popup_cont {width:95%;}
	.popup_wrap.monthly .popup_inner .popup_container .popup_cont {width:95%;}
	.popup_wrap .popup_inner {padding-left:0;}
	.popup_wrap .btn_p_close {display:none;}
	.popup_wrap .btn_m_close {display:block; position:absolute; top:20px; right:15px; width:20px; height:20px; text-indent:-999em; background:url('../images/ico/btn_close02.gif') no-repeat 50% 50%; background-size:20px 20px; z-index:10;}
}

/* news_popup_area */
.news_popup_area {position:relative; height:100%; overflow:hidden; overflow-y:auto; font-family:'돋움', dotum;}
.news_popup_area .news_top {padding:50px 35px 0 35px;}
.news_popup_area .news_top .tit {color:#272727; font-size:16px; font-weight:bold;}
.news_popup_area .news_top .date {margin-top:15px; color:#525252; font-size:12px;}
.news_popup_area .news_cont {margin:45px 0 20px 0; padding:0 35px; color:#838282; font-size:12px; line-height:22px;}
.popup_wrap.monthly .news_popup_area {overflow:auto; overflow-x:auto;}
.popup_wrap.monthly .news_popup_area .news_cont {margin:45px 0 0 0; padding:0;}
.popup_wrap.monthly .news_popup_area .news_cont img {max-width:none;}

@media (max-width:760px) {
	.news_popup_area .news_top {padding:50px 15px 0 15px;}
	.news_popup_area .news_cont {margin:25px 0 15px 0; padding:0 15px;}
	.popup_wrap.monthly .news_popup_area .news_cont {margin:25px 0 0 0; padding:0 15px;}
	.popup_wrap.monthly .news_popup_area .news_cont img {max-width:100%;}
}

/* 사이버신문고 팝업 (221109 추가) */
.popup_wrap.report .btn_p_close{background-image: url('../images/ico/btn_close03.png');}
.popup_wrap.report .popup_inner .popup_container .popup_cont{width: 72%; text-align: center;}
.popup_wrap.report .popup_inner .popup_container .popup_cont .news_popup_area{font-family: 'NotoSansKR', sans-serif; letter-spacing: 0.5px; padding: 0 65px;}
.popup_wrap.report .news_popup_area *{box-sizing: border-box;}
.popup_wrap.report .news_popup_area *:focus{outline: none;}
.popup_wrap.report .title-area{padding: 35px 0 15px;}
.popup_wrap.report .title-area .tit{font-size: 42px; color: #313131; font-weight: bold; line-height: 1; margin-bottom: 20px;}
.popup_wrap.report .title-area p{font-size: 14px; font-weight: 500; color: #888;}
.popup_wrap.report .title-area p span{color: #222;}
.popup_wrap.report .title-area p span.red{color: #ec433a;}
.popup_wrap.report .title-area p + p{margin-top: 5px;}
.popup_wrap.report .step1 .privacy{background-color: #f6f6f6; padding: 40px 45px 5px; font-size: 15px; color: #a1a1a1;}
.popup_wrap.report .step1 .privacy .tit{display: inline-block; line-height: 60px; font-size: 22px; font-weight: bold; color: #222; border-top: 1px solid #222; border-bottom: 1px solid #222; margin-bottom: 30px;}
.popup_wrap.report .step1 .privacy *:not(.tit){text-align: left; font-weight: 500; word-break: keep-all;}
.popup_wrap.report .step1 .privacy > p, .popup_wrap.report .step1 .privacy dl{margin-bottom: 20px;}
.popup_wrap.report .step1 .privacy dt{color: #222;}
.popup_wrap.report .step2 .table{border-top: 1px solid #222;}
.popup_wrap.report .step2 .table table{width: 100%; text-align: left;}
.popup_wrap.report .step2 .table tr{border-bottom: 1px solid #e1e1e1;}
.popup_wrap.report .step2 .table tr th{font-size: 15px; font-weight: 500; color: #4b4b4b; word-break: keep-all; padding: 8px 20px;}
.popup_wrap.report .step2 .table tr.essential th::after{display: inline-block; content: ''; width: 7px; height: 7px; border-radius: 50%; background-color: #ec433a; vertical-align: middle; margin-left: 10px;}
.popup_wrap.report .step2 .table tr td{font-size: 15px; color: #616161; padding: 8px 0;}
.popup_wrap.report .step2 .table tr td input{height: 50px; font: 500 15px 'NotoSansKR', sans-serif; color: #616161; border: 1px solid #e1e1e1; padding: 0 15px;}
.popup_wrap.report .step2 .table tr td input:disabled{background-color: #f5f5f5;}
.popup_wrap.report .step2 .input-text input{width: 60%;}
.popup_wrap.report .step2 .input-tel input{width: 10%;}
.popup_wrap.report .step2 .input-mail input{width: calc(30% - 21px);}
.popup_wrap.report .step2 .input-mail select{width: 25%; height: 50px; font: 500 15px 'NotoSansKR', sans-serif; color: #616161; border: 1px solid #e1e1e1; padding: 0 43px 0 15px; appearance: none; background: url(../images/ico/ico_arr07.png) right 15px center no-repeat;}
.popup_wrap.report .step2 .input-radio input[type=radio]{width: 0; height: 0; overflow: hidden; position: absolute;}
.popup_wrap.report .step2 .input-radio input + label{display: inline-block; height: 50px; line-height: 50px; margin-right: 2.5%;}
.popup_wrap.report .step2 .input-radio input + label::before{display: inline-block; content: ''; width: 20px; height: 20px; box-shadow: 0 0 0 1px #e1e1e1; border-radius: 50%; margin-right: 10px; vertical-align: text-top; box-sizing: border-box;}
.popup_wrap.report .step2 .input-radio input:checked + label::before{background-color: #000; border: 5px solid #fff;}
.popup_wrap.report .step2 .input-radio label > input[type=text]{width: 61%; visibility: hidden;}
.popup_wrap.report .step2 .input-file input[type=file]{width: 0; height: 0; overflow: hidden; border: none; position: absolute;}
.popup_wrap.report .step2 .input-file input.file-name{width: 60%; vertical-align: middle;}
.popup_wrap.report .step2 .input-file label{cursor: pointer; display: inline-block; width: 20%; font-size: 15px; color: #fff; line-height: 50px; background-color: #222; text-align: center; vertical-align: middle;}
.popup_wrap.report .step2 .textarea{padding: 5px 5px 5px 0; border: 1px solid #e1e1e1;}
.popup_wrap.report .step2 .textarea textarea{display: block; width: 100%; height: 150px; font: 500 15px 'NotoSansKR', sans-serif; color: #616161; border: none; resize: none; padding: 10px 15px;}
.popup_wrap.report .step2 .textarea textarea::-webkit-scrollbar {width: 10px; height: 100%;}
.popup_wrap.report .step2 .textarea textarea::-webkit-scrollbar-thumb {background: #232323; border-radius: 5px;}
.popup_wrap.report .step2 .textarea textarea::-webkit-scrollbar-track {background: #d8d8d8; border-radius: 5px;}
.popup_wrap.report .step2 .textarea textarea {scrollbar-face-color: #232323; scrollbar-track-color: #d8d8d8;}
.popup_wrap.report .step2 .table tr td span{margin: 0 5px;}
.popup_wrap.report input::placeholder {color: #a1a1a1;}
.popup_wrap.report input::-webkit-input-placeholder {color: #a1a1a1;}
.popup_wrap.report input:-ms-input-placeholder {color: #a1a1a1;}
.popup_wrap.report textarea::placeholder {color: #a1a1a1;}
.popup_wrap.report textarea::-webkit-input-placeholder {color: #a1a1a1;}
.popup_wrap.report textarea:-ms-input-placeholder {color: #a1a1a1;}
.popup_wrap.report .step3 .confirm{position: relative; width: 100%; height: 620px; background: url('../images/img_report.jpg') center no-repeat;}
.popup_wrap.report .step3 .confirm h3{font-size: 28px; font-weight: bold; color: #fff; word-break: keep-all; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);}
.popup_wrap.report .step3 .confirm h3::before{display: block; content: ''; width: 200px; height: 1px; background-color: #fff; margin: 0 auto 35px;}
.popup_wrap.report .step3 .confirm h3::after{display: block; content: ''; width: 200px; height: 1px; background-color: #fff; margin: 35px auto 0;}
.popup_wrap.report .btn-area{padding: 20px 0;}
.popup_wrap.report .btn-area button{cursor: pointer; width: 250px; height: 60px; background-color: #ec433a; border: none;}
.popup_wrap.report .btn-area button.btn-close{background-color: #222;}
.popup_wrap.report .btn-area button span{font: 500 22px/1 'NotoSansKR', sans-serif; color: #fff;}
.popup_wrap.report .step2, .popup_wrap.report .step3{display: none;}

@media (min-width:1281px) {
	/* .popup_wrap.report .popup_inner .popup_container .popup_cont{height: 92% !important;} */
}

@media (max-width:1280px) {
	.popup_wrap.report .popup_inner .popup_container .popup_cont{width: 85%;}
	.popup_wrap.report .popup_inner .popup_container .popup_cont .news_popup_area{padding: 0 45px;}
	.popup_wrap.report .step1 .privacy{padding: 40px 30px 5px;}
	.popup_wrap.report .step2 .table tr td input{padding: 0 10px;}
	.popup_wrap.report .step2 .textarea textarea{padding: 5px 10px;}
	.popup_wrap.report .step2 .input-mail select{padding: 0 38px 0 10px; background-position: right 10px center;}
	.popup_wrap.report .step2 .input-tel input{width: 20%;}
}

@media (max-width:1023px) {
	.popup_wrap.report .popup_inner .popup_container .popup_cont .news_popup_area{padding: 0 30px;}
	.popup_wrap.report .step1 .privacy{padding: 40px 20px 5px;}
	.popup_wrap.report .step2 .table tr td span{margin: 0;}
	.popup_wrap.report .step2 .input-text input{width: 100%;}
	.popup_wrap.report .step2 .input-radio #type4 + label{display: inline-block; width: 60%;}
	.popup_wrap.report .step2 .input-radio label > input[type=text]{width: calc(100% - 70px);}
	.popup_wrap.report .step2 .input-tel input{width: calc(33.3% - 13px);}
	.popup_wrap.report .step2 .input-mail input{width: 100%;}
	.popup_wrap.report .step2 .input-mail input.select-mail{width: calc(100% - 22px); margin-top: 5px;}
	.popup_wrap.report .step2 .input-mail select{width: 100%; margin-top: 5px;}
}

@media (max-width:760px) {
	.popup_wrap.report .btn_p_close{display: block; width: 20px; height: 20px; right: 0; top: -30px;}
	.popup_wrap.report .popup_inner .popup_container .popup_cont{width: 95%;}
	.popup_wrap.report .popup_inner .popup_container .popup_cont .news_popup_area{padding: 0 15px;}
	.popup_wrap.report .title-area .tit{font-size: 36px;}
	.popup_wrap.report .title-area p{font-size: 12px;}
	.popup_wrap.report .step1 .privacy{font-size: 13px; padding: 30px 15px 5px;}
	.popup_wrap.report .step1 .privacy .tit{font-size: 20px;}
	.popup_wrap.report .step1 .privacy > p, 
	.popup_wrap.report .step1 .privacy dl{margin-bottom: 15px;}
	.popup_wrap.report .step2 .table tr th, 
	.popup_wrap.report .step2 .table tr td, 
	.popup_wrap.report .step2 .table tr td input,
	.popup_wrap.report .step2 .input-mail select{font-size: 13px; height: 40px;}
	.popup_wrap.report .step2 .input-radio input + label{height: 40px; line-height: 40px;}
	.popup_wrap.report .step2 .input-radio input + label::before{width: 18px; height: 18px;}
	.popup_wrap.report .step2 .input-file label{width: 30%; font-size: 13px; height: 40px; line-height: 40px;}
	.popup_wrap.report .step2 .textarea textarea{font-size: 13px; height: 130px;}
	.popup_wrap.report .step2 .input-mail input.select-mail{width: calc(100% - 17px);}
	.popup_wrap.report .step2 .textarea textarea::-webkit-scrollbar {width: 6px;}
	.popup_wrap.report .step3 .confirm{height: 550px;}
	.popup_wrap.report .step3 .confirm h3{font-size: 24px; left: 30px; right: 30px;}
	.popup_wrap.report .btn-area button{height: 50px;}
	.popup_wrap.report .btn-area button span{font-size: 18px;}
}

@media (max-width:480px) {
	.popup_wrap.report .step2 .input-radio #type4 + label{width: 100%;}
	.popup_wrap.report .step3 .confirm{height: 500px;}
}

/* footer */
#footer {position:relative; padding:60px 85px; overflow:visible !important;}
#footer:after {display:block; content:"";clear:both;}
#footer .f_logo {float:left;}
#footer .f_logo img {max-width:100%; width:auto; height:auto;}
#footer .txt_box {float:left; padding:0 0 0 30px; color:#afafaf; font-size:12px; line-height:20px; font-family:'돋움', dotum;}
#footer .select_box {position:absolute; top:60px; right:85px;}
.fp-auto-height {height:auto !important;}
.fp-auto-height .fp-tableCell {height:auto !important;}

@media (max-width:1280px) {
	#footer {padding:40px 30px;}
	#footer .select_box {top:40px; right:30px;}
}

@media (max-width:1023px) {
	#footer .f_logo {float:none;}
	#footer .txt_box {float:none; padding:20px 0 0 0;}
}

@media (max-width:760px) {
	#footer {padding:40px 15px 30px 15px;}
	#footer .f_logo img {width:130px;}
	#footer .txt_box {line-height:18px;}
	#footer .select_box {top:36px; right:15px;}
	#footer .select_box .btn_select {height:30px; line-height:30px; padding:0 60px 0 15px;}
	#footer .select_box .select_view {bottom:32px; max-height:337px;}
}

/* go_top */
a.go_top {width:66px; height:66px; position:fixed; bottom:0; left:auto; right:0; text-indent:-999em; background:url("../images/ico/ico_gotop.png") no-repeat 50% 50%;}
@media (max-width:760px) {
	a.go_top {width:40px; height:40px; background-size:40px 40px;}
}

/* daum map */
.map_wrap {position:relative;overflow:hidden;width:100%;height:350px;}
.radius_border{border:1px solid #919191;border-radius:5px;}     
.custom_typecontrol {position:absolute;top:10px;right:10px;overflow:hidden;width:130px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.custom_typecontrol span {display:block;width:65px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;}
.custom_typecontrol .btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}       
.custom_typecontrol .btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_typecontrol .btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}    
.custom_typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.custom_typecontrol .selected_btn:hover {color:#fff;}   
.custom_zoomcontrol {position:absolute;top:50px;right:10px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;} 
.custom_zoomcontrol span {display:block;width:36px;height:40px;text-align:center;cursor:pointer;}     
.custom_zoomcontrol span img {width:15px;height:15px;padding:12px 0;border:none;}             
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}


/* 경영이념 */
.philosophy_p{display:block;}
.philosophy_m{display:none;}

.philosophy_popup_wrap {display:none;}
.philosophy_popup_wrap .p_img{display:block;}
.philosophy_popup_wrap .m_img{display:none;}
.philosophy_popup_wrap .philosophy_popup_inner {position:fixed; top:0; left:0; display:table; table-layout: fixed; width:100%; height:100%; padding-left:150px; background:url('../images/ico/dot_bg05.png') repeat; z-index:300; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -msbox-sizing:border-box; box-sizing:border-box;}
.philosophy_popup_wrap .philosophy_popup_inner .philosophy_popup_container {display:table-cell; vertical-align:middle; height:100%; position:relative;}
.philosophy_popup_wrap .philosophy_popup_inner .philosophy_popup_container .philosophy_popup_cont {position:relative; width:810px; height:715px; margin:0 auto; text-align:left; background-color:#fff;}
.philosophy_popup_wrap .btn_close {position:absolute; top:16px; right:-50px; display:block; width:34px; height:33px; text-indent:-999em; background:url('../images/ico/btn_close03.png') no-repeat 50% 50%; z-index:999;}

@media (max-width:760px) {
.philosophy_p{display:none;}
.philosophy_m{display:block;}
}

@media (max-height:715px) {
.philosophy_popup_wrap .p_img{display:none;}
.philosophy_popup_wrap .m_img{display:block;}
.philosophy_popup_wrap .philosophy_popup_inner .philosophy_popup_container .philosophy_popup_cont {position:relative; width:614px; height:499px; margin:0 auto; text-align:left; background-color:#fff;}
}


/* 인재채용 */
#recruit_area{position: relative;}
#recruit_area.section .inner{position: absolute;left:0;right:0;bottom:0;top:0;overflow-y: auto;width:873px;padding:0 47px !important;margin:5% auto !important;}
@media (max-width:1160px) {
	#recruit_area.section .inner{width:90%;}
}
@media (max-width:760px) {
	#recruit_area.section .inner{position: static;padding:45px 15px !important;width:auto}
}
.recruit_visual{padding-bottom:30px}
.recruit_visual .img{padding:30px 0 40px}
.recruit_visual .img img{max-width: 100%;}
.recruit_visual .txt h3{position: relative;font-size:25px;line-height: 30px;text-align: center;padding-bottom:30px;font-weight: normal;}
.recruit_visual .txt h3:after{position: absolute;left:50%;height:2px;width:40px;margin-left:-20px;bottom:14px;content:'';background: #90cdb0;}
.recruit_visual .txt p{font-size:18px;line-height:27px;text-align: center;letter-spacing:-1px;}
.recruit_visual .txt .br{display: block;}
@media (max-width:1024px) {
	.recruit_visual .txt p{font-size:16px}
	.recruit_visual .txt .br{display: inline;}
}
@media (max-width:760px) {
	.recruit_visual .img{padding:20px 0 20px}
	.recruit_visual .txt h3{font-size:20px}
	.recruit_visual .txt p{font-size:14px;line-height: 1.5em;letter-spacing: -1px;}
}
@media (max-width:360px) {
	.recruit_visual .txt p{font-size:12px;}
}
.recruit_list_area{padding-top:30px}
.recruit_info{padding:8px 0;border-bottom:2px solid #545454}
.recruit_info .txt{font-size:14px;}
.recruit_info .txt span{font-weight:bold;color:#ff281d}


.recruit_item{position:relative;border-bottom:1px solid #d8d8d8}
.recruit_item .item_info .tit > span{vertical-align:middle}
.recruit_item .item_info .tit > .txt{font-size:19px;color:#525252}
.recruit_item .item_info .tit > .cate{display:inline-block;margin:0 3px;width:60px;text-align:center;line-height:26px;background:#90cdb0;color:#fff;font-size:14px;}
.recruit_item .item_info .date{padding-top:15px;color:#90cdb0;font-size:14px}
.recruit_item .item_info .detail{padding-top:0px;color:#9f9f9f;font-size:14px;}
.recruit_item .item_info{padding:20px 0;padding-right:200px}
.recruit_item .btn_recruit{position:absolute;right:0;top:50%;margin-top:-20px;line-height:40px;text-align:center;font-size:17px;width:120px;background:#525252;color:#fff}
.recruit_item .btn_recruit:hover{background:#000}

@media (max-width:760px) {
	.recruit_list{border-top:2px solid #000}
	.recruit_info .txt{font-size:13px}
	.recruit_item .item_info{padding-right:100px;padding-top:15px;padding-bottom:15px;}
	.recruit_item .item_info .tit > .txt{font-size:14px;line-height:20px;}
	.recruit_item .item_info .tit > .cate{line-height:20px;font-size:11px;width:40px}
	.recruit_item .item_info .detail{font-size:12px;padding-top:0px}
	.recruit_item .btn_recruit{width:80px;font-size:14px;margin-top:-15px;line-height:30px}
}
@media (max-width:360px) {
	.recruit_item .item_info {padding-right: 70px;}
	.recruit_item .item_info .tit > .txt{font-size:13px}
	.recruit_item .btn_recruit{width:65px;font-size:13px;letter-spacing: -1px;}
	.recruit_item .item_info .date{font-size:13px;}
}
.recruit_process_area{padding-top:50px;border-bottom:1px solid #d1d1d1}
.recruit_process_list{margin:0;padding:30px 0;list-style:none;margin-left:-30px;}
.recruit_process_list:after{content:'';display:block;clear:both}
.recruit_process_item{float:left;width:16.6%;}
.recruit_process_list .recruit_process_item:first-child .box{background:none;}
.recruit_process_item .box{padding-left:40px;background:url(/images/recruit/icon_next.png) 12px 35px no-repeat;background-size:12px auto;}
.recruit_process_item .box .img{width:90px;line-height:90px;background:#90cdb0;text-align:center;border-radius:120px;margin:0 auto}
.recruit_process_item .box .img img{width:60%}
.recruit_process_item .box .tit{padding:15px 0 10px;text-align:center;font-size:15px;font-weight: bold;}
.recruit_process_item .box .txt{text-align:center;font-size:13px;color:#525252;letter-spacing:-2px}
.recruit_notice{padding:20px 0;}
.recruit_notice p{font-size:14px;line-height:1.6em}

@media (max-width:1200px) {
	.recruit_process_area{overflow-x:auto;}
	.recruit_process_list{padding:20px 0;min-width:1024px}
}
@media (max-width:760px) {
	.recruit_process_img {padding:20px 0;text-align:center;margin:0 -20px}
	.recruit_process_img img{max-width:100%;width:100%}
	.recruit_notice{padding:10px 0 0;}
	.recruit_notice p{font-size:11px}
}

.recruit_people{padding-top:65px}
.recruit_people ul{overflow: hidden;position: relative;}
.recruit_people ul:after{content:'';display: block;width:1px;background: #ebebeb;position: absolute;left:50%;top:0;bottom:0}
.recruit_people ul li{float:left;width:50%;border-bottom: 1px solid #ebebeb;}
.recruit_people ul li.no_line{border-bottom:0}
.recruit_people .box{padding:30px}
.recruit_people .img{text-align: center;}
.recruit_people .img img{max-width: 100%;}
.recruit_people .txt{box-sizing:border-box;padding-top: 30px;height:170px;font-size:17px;color:#646464;letter-spacing: -1px;text-align: justify;}
@media (max-width:760px) {
	.recruit_people{padding-top:20px}
	.recruit_people .box{padding:15px;}
	.recruit_people .txt{font-size:13px;padding-top:20px}
}
@media (max-width:360px) {
	.recruit_people .txt{padding-top:10px;font-size:12px;}
}

.recruit_welfare{}
.welfare_item .item_title{padding:20px 50px 20px 0;border-bottom: 1px solid #dddddd;position: relative;cursor: pointer;}
.welfare_item .item_title:after{
	content:'';display: block;
	position: absolute;right:0;top:50%;margin-top:-15px;width:50px;height:30px;
	background: url(/images/recruit/welfare_arrow.png) center no-repeat;
	-webkit-transform: rotate(180deg);transform: rotate(180deg);
	-webkit-transition: transform 1s;transition: transform 1s;
}
.welfare_item .item_title h4{font-size: 30px;color:#000;line-height: 40px;letter-spacing: -1px;font-weight: bold;}
.welfare_item .item_title p{font-size: 20px;color: #7c7c7c;letter-spacing: -1px;}
.welfare_item .item_cont{height:0;max-height:0;overflow:hidden;background: #fafafa;padding:0px 50px;-webkit-transition: all .8s;transition: all .8s;}
.welfare_item.active .item_title:after{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.welfare_item.active .item_cont{max-height: 500px;height:auto;}

.welfare_space ul{overflow: hidden;}
.welfare_space ul li{position: relative;padding-left:120px;margin:50px 0}
.welfare_space ul li .icon{position: absolute;left:0;width:90px;top:50%;margin-top:-45px}
.welfare_space ul li .icon img{max-width: 100%;}
.welfare_space ul li .txt{border-left:1px dotted #000;padding-left:30px;font-size:18px;color:#646464;letter-spacing: -1px;}
@media (max-width:760px) {
	.welfare_item .item_title h4{font-size:19px;line-height: 30px;}
	.welfare_item .item_title p{font-size:15px}
	.welfare_item.active .item_cont{padding:0 10px}
	.welfare_space ul li{padding-left:80px;margin: 30px 0;}
	.welfare_space ul li .icon{width:70px;margin-top:-35px}
	.welfare_space ul li .txt{padding-left:12px;font-size:13px}
	.welfare_item .item_title:after{background-size:15px auto}
}
@media (max-width:360px) {
	.welfare_item .item_title h4{font-size:17px;}
	.welfare_item .item_title p{font-size:13px}
}
.recruit_title{position: relative;}
.recruit_title h4{font-size:25px;line-height:30px;font-weight: bold;color:#000;text-align: center;}
.recruit_title p{font-size: 19px;line-height: 24px;color:#a0a0a0;text-align: center;padding-top:10px;letter-spacing: -1px;}
.recruit_position_area{padding:50px 0 40px;border-bottom: 1px dashed #e7e7e7}
.recruit_position_list{padding-top:20px;overflow: hidden;}
.recruit_position_list li{float:left;width:25%;}
.recruit_position_list .box{padding:20px;}
.recruit_position_list .box .img{text-align: center;padding-bottom: 30px;}
.recruit_position_list .box .img img{max-width: 100%;}
.recruit_position_list .box p{position: relative;font-size:18px;color:#646464;letter-spacing: -1px;}
.recruit_position_list .box p:after{content: '';position: absolute;left:-23px;top:0;bottom:0;width:1px;background: #dfdfdf;}
.recruit_position_list li:first-child .box p:after{display: none;}
.recruit_position_table table{width: 100%; font-size: 19px; color: #525252; border-top: 1px solid rgba(0,0,0,0.2); text-align: center;}
.recruit_position_table caption{width: 0; height: 0; position: absolute; left: -9999px;}
.recruit_position_table tr{border-bottom: 1px solid rgba(0,0,0,0.2);}
.recruit_position_table thead th{background-color: #e5e5e5; padding: 4px 10px;}
.recruit_position_table tbody td{padding: 8px 10px;}
.recruit_position_table th + th,
.recruit_position_table td + td,
.recruit_position_table th + td,
.recruit_position_table td + th{border-left: 1px solid rgba(0,0,0,0.2);}
@media (max-width:760px) {
	.recruit_title h4{font-size:20px}
	.recruit_title p{font-size:15px;line-height: 1.5em;}
	.recruit_position_list {padding: 20px 20px 0;}
	.recruit_position_list .box{padding:10px}
	.recruit_position_list .box p{font-size:12px}
	.recruit_position_list .box .img img{max-width: 90%;}
	.recruit_position_list .box p:after{left:-12px}
	.recruit_position_table table{font-size: 17px;}
}
@media (max-width:360px) {
	.recruit_position_list .box p{font-size:11px}
}
/* 20200922 �߰� ���� */
.bnb .news_popup_area {padding: 24px 37px;font-family: 'NotoSansKR', sans-serif;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bnb h3 {padding: 13px 18px ;font-size: 18px;font-weight: 700;line-height: 1em;color: #000;border-top: 2px solid #c7c7c7;border-bottom: 1px solid #c7c7c7;background-color: #f7f7f7;}
.bnb .welfare_item .item_title {padding: 15px 35px 15px 18px;border-bottom: 1px solid #f0f0f0;}
.bnb .welfare_item .item_title h4 {line-height: 1em;font-size: 16px;color: #656565;font-weight: 300}
.bnb .welfare_item.active .item_title {padding: 14px 33px 14px 16px;border: 2px solid #000;}
.bnb .welfare_item.active .item_title h4 {color: #000;}
.bnb .welfare_item .item_title:after {right: 15px;width: 16px;height: 16px;margin-top: -7px;background:url('/images/recruit/welfare_arrow1.png') center no-repeat;-webkit-background-size: 100%;background-size: 100%;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.bnb .welfare_item.active .item_title:after{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.bnb .welfare_item .item_cont {padding: 0 ;line-height: 1.6em;font-size: 11px;}
.bnb .welfare_item .welfare_space {padding: 16px 22px;background-color: #f7f7f7;color: #2f2f2f;}

@media (max-width: 760px) {
	.bnb .news_popup_area {padding: 60px 12px 12px}
	.bnb h3 {padding:10px 10px;font-size: 17px;font-weight: 500;}
	.bnb .welfare_item .item_title {padding: 9px 25px 9px 12px;}
	.bnb .welfare_item.active .item_title {padding: 10px 23px 10px 10px;}
	.bnb .welfare_item .item_title h4 {font-size: 14px;color: #252525;}
	.bnb .welfare_item .welfare_space {padding: 10px 14px;}
	.bnb .welfare_item .item_title:after {right: 12px;width: 10px;height: 10px;margin-top:-5px;}
}

/* 20201223 oem/odm 추가 */
#main_brand {position: relative;overflow-y:auto;color: #000;}
#main_brand.section .inner{position: absolute;left:0;right:0;bottom:0;top:0;overflow-y: auto;width:873px;padding:0 47px !important;margin:5% auto !important;}
#main_brand.section h2.tit {margin-bottom: 45px;}
#main_brand .brand_visual img {display: block;width: 100%;}
#main_brand.section i {font-style: normal}
#main_brand.section li .view_m {display: none;}
#main_brand .brand_title {margin-bottom: 45px;color: #000;letter-spacing: -0.01em;text-align: center;line-height: 1em;}
#main_brand .brand_title h4 {line-height: 1em;font-size: 30px;font-weight: 800;}
#main_brand .brand_title p {margin-top: 18px;font-size: 20px;font-weight: 500;line-height: 1em;font-family: 'NanumSquare', sans-serif}
#main_brand .brand_production,#main_brand .brand_quality , #main_brand .brand_system{padding: 60px 0;border-bottom: 1px dashed #e7e7e7;}
#main_brand .brand_production_list:after,#main_brand .brand_quality_list ul:after,#main_brand .brand_system_list ul:after {content: '';display: block;clear:both;}
#main_brand .brand_production_list li {float:left;width: 16.6666%;text-align: center;}
#main_brand .brand_production_list li img {display: block;margin: auto;max-width: 100%;}
#main_brand .brand_production_list .box {margin-bottom: 25px;}
#main_brand .brand_production_list span {display: block;margin-bottom: 7px;line-height: 1em;letter-spacing: -0.04em;font-size: 17px;font-weight:500;}
#main_brand .brand_production_list span:last-child {margin-bottom: 0;}
#main_brand .brand_quality_list li {float:left;width: 52.1%;font-size: 0;padding-top: 6px;padding-left: 5%;;margin-bottom: 19px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#main_brand .brand_quality_list li:first-child {width: 47.9%;padding-top: 0;padding-left: 0;margin-bottom: 0;}
#main_brand .brand_quality_list li:first-child img {display: block;width: 100%;}
#main_brand .brand_quality_list li:last-child {margin-bottom: 0;}
#main_brand .brand_quality_list li img {display:inline-block;vertical-align: middle;}
#main_brand .brand_quality_list li .txt {display:inline-block;padding-left: 15px;vertical-align: middle;}
#main_brand .brand_quality_list li span {display: block;color: #242424;font-size: 18px;letter-spacing: -0.03em;line-height: 1em;}
#main_brand .brand_quality_list li span.tit {margin-bottom: 8px;font-weight: 700;}
#main_brand .brand_quality_list li span:last-child {margin-top: 6px}


#main_brand .brand_system_list li {float:right;width: 52.1%;font-size: 0;padding-right: 5%;;margin-bottom: 9px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: right;}
#main_brand .brand_system_list li:first-child {width: 47.9%;padding-right: 0;margin-bottom: 0;}
#main_brand .brand_system_list li:first-child img {display: block;width: 100%;}
#main_brand .brand_system_list li:last-child {margin-bottom: 0;}
#main_brand .brand_system_list li img {display:inline-block;vertical-align: middle;}

#main_brand .brand_system_list li .txt {display:inline-block;padding-right: 22px;vertical-align: middle;}
#main_brand .brand_system_list li span {display: block;color: #242424;font-size: 22px;letter-spacing: -0.03em;line-height: 1em;}
 
#main_brand .brand_info {padding: 20px 12px;}
#main_brand .brand_info p {display: block;line-height: 1em;font-size: 15px;letter-spacing: -0.04em;color: #525252;}
@media (max-width:1160px) {
	#main_brand.section .inner{width:90%;}
}
@media (max-width: 1100px) {
	#main_brand .brand_title p span {display: block;}
	#main_brand .brand_title p span:last-child {margin-top: 6px}
	#main_brand .brand_production_list li {width: 33.3333%;padding: 0 5.5%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	#main_brand .brand_production_list li:nth-child(n+4) {margin-top:25px;}
	#main_brand .brand_production_list .box ,#main_brand .brand_production_list p {display: none;}
	#main_brand .brand_quality_list li {width: 100%;padding-right: 5%}
	#main_brand .brand_quality_list li:first-child {width: 100%;padding-right:0;margin-bottom: 20px;}
	#main_brand .brand_quality_list li .txt {max-width: calc(100% - 78px);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	#main_brand .brand_quality_list li span.tit {display: block;line-height: 1em;}
	#main_brand .brand_quality_list li span {display: inline;line-height: 1.4em}
	#main_brand .brand_quality_list li span:last-child {margin-top: 0;}
	#main_brand .brand_system_list li {float: left;width: 25%;padding-left: 5px;padding-right: 15px;text-align: center;}
	#main_brand .brand_system_list li:first-child {width: 100%;padding-left: 0;margin-bottom:25px;}
	#main_brand .brand_system_list li .txt {display: none;}
	#main_brand.section li .view_pc {display: none;}
	#main_brand.section li .view_m {display: inline-block;max-width: 100%;}
}

@media (max-width:760px) {
	#main_brand.section h2.tit {margin-bottom: 16px}
	#main_brand ,#main_brand .fp-tableCell{height:auto !important; }
	#main_brand.section .inner{position: static;padding:0 15px !important;width:auto;margin-top: 0 !important;}
	#main_brand .brand_title {margin-bottom: 20px;}
	#main_brand .brand_title h4 {font-size: 15px}
	#main_brand .brand_title p {margin-top: 10px;font-size: 12px}
	#main_brand .brand_production, #main_brand .brand_quality, #main_brand .brand_system {padding: 30px 0}
	#main_brand .brand_production_list li:nth-child(n+4) {margin-top: 18px}
	#main_brand .brand_quality_list li {padding-top: 0;margin-bottom: 12px;}
	#main_brand .brand_quality_list li .txt {max-width:calc(100% - 41px);padding-left: 10px}
	#main_brand .brand_quality_list li span {font-size: 12px;}
	#main_brand .brand_quality_list li .txt i {display: none;}
	#main_brand .brand_quality_list li span.tit {margin-bottom: 4px;}
	#main_brand .brand_quality_list li img {width: 40px}
	#main_brand .brand_system_list li {position: relative;padding: 0 5px;}
	#main_brand .brand_system_list li:after {content: '';position: absolute;right: 0;top:50%;display: block;width: 1px;height: 85%;background-color:#e7e7e7;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
	#main_brand .brand_system_list li:last-child:after {display: none;}
	#main_brand .brand_system_list .view_m {width: auto;min-height: 85px;max-height: 150px;height: 25vw}
	#main_brand .brand_info {padding: 10px 5px;}
	#main_brand .brand_info p {line-height: 1.4em;font-size: 13px;}
}