@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.jsdelivr.net/font-kopub/1.0/kopubdotum.css);
@import url(http://fonts.googleapis.com/css?family=Montserrat:700);
@import url(/fonts/NotoSansCJKkr.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500&display=swap');
@import url(/fonts/nanumgothic/nanumgothic.css);

*{-webkit-text-size-adjust:none} /* 아이폰 가로모드에서 폰트가 커지는 문제 */

body {font-family: 'Nanum Gothic', serif;}

a:link,a:visited,a:hover{color:#000000;}



.header,.contents,.footer {
	/*min-width:1000px; 150409*/
	min-width:1100px;
}

.header_wrap {
	position: absolute;
	top: 0;
	width: 100%;
}

@media (max-width:639px){
	.header_wrap,
	.header {
		height: 45px !important;
	}
}

.header {
	position:relative;
	overflow:hidden;
	position:absolute;
	height:125px;
	width:100%;

	border-bottom:1px solid #e5e5e5;
	background-color:rgba(255,255,255,.8);
	/*background-image:url("../images/header_shadow.png");*/
	background-image:url("../images/gsub_bg.jpg");
	background-repeat:repeat-x;
	background-position:0 126px;
	z-index:500;
}


.empty_space {display:block;height:125px;}
.inner_header {
	width:100%;
}
.in_h1 {border-bottom:1px solid #e5e5e5;}
.in_h2 {border-bottom:1px solid #cccccc;}

.in_h1 .container {height:79px;}
.in_h2 .container {height:45px;}

.header_logo {
	width:100%;
	border-bottom:1px solid #e5e5e5;
}

.inner_header .container {
	/*width:998px; 150409*/
	width:1100px;
	margin:0 auto;
	/*border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;*/
}
.inner_header.in_h1 .container {position:relative;}
.main_logo {
	width:100%;
	text-align: left;
	padding-top:20px;
	/*padding-left:70px;*/
}
.main_logo > a {
	display:block;
	width:118px;
	height:42px;
	margin:0 0 0 80px;
}
.main_logo > a > img {display:block;width:100%;}

.gnb {
	position:relative;
	/*position:absolute;
	top:0;*/
	width:100%;
	z-index:100;
}
.gnb_list {
	float:left;
}
.gnb_list > a {
	display:block;
	/*width:248px; 150409*/
	width:273px;
	padding:14px 0;
	/*height:43px;*/
	text-align: center;
	color:#000;
	font-family: 'Noto Sans KR', sans-serif;
	/*font-family: "Myriad Pro",'Nanum Gothic', serif;*/
	font-size:18px;
	line-height:18px;
	font-weight:400;
}
.gnb_list > a:hover {color:#ea2659;}
.gnb_list > a.on {color:#ea2659;}
.gnb_sub {
	display:none;
	position:absolute;
	top:46px;
}
.gsub_list {float:left;/*background-color:#f5f5f5;*/}
.gsub_list > a {
	display:block;
	font-size:14px;
	line-height:16px;
	padding:11px 19px 12px 19px;
	/*margin-top:1px;*/
	color:#6f7074;
}
.gsub_list > a:hover,
.gsub_list > a:focus {
	color:#ffffff;
	background-color:#ed174f;
	background-image:url("../images/header_shadow.png");
	background-repeat:repeat-x;
	background-position:0 0;
}
.gsub_list.on > a {
	color:#ffffff;
	background-color:#ed174f;
}

.lnb {
	position:absolute;
	top:33px;
	/*right:70px; 150409*/
	right:5px;
}
.lnb_list {float:left;}
.lnb_list > a {
	display:block;
	font-family: 'Noto Sans KR', sans-serif;
	font-size:14px;
	font-weight: 300;
	margin-left:15px;
}

/*.gnb_bg {
	position:absolute;
	bottom:0;
	width:100%;
	height:43px;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	z-index:10;
}
.gsub_bg {
	position:absolute;
	height:39px;
	width:100%;
	background-color:#fafafa;
}
*/
.gnb_shadow {
	position:absolute;
	top:126px;
	width:100%;
	height:3px;
	background-image:url("../images/header_shadow.png");
	background-repeat:repeat-x;
	background-position:0 0;
	z-index:50;
}










/* --------------------*/
.contents {position:relative;}
.shadow_space {
	position:absolute;
	top:1px;
	height:3px;
	width:100%;
	background-image:url("../images/header_shadow.png");
	background-repeat:repeat-x;
	background-position:0 0;
	z-index:50;
}
.main_visual {
	position:relative;
	position:absolute;
	top:0;
	width:100%;
	/*height:410px;*/
}

#wrapper {
	overflow:hidden;
	position:relative;
	width: 100%;
	/*min-width: 1000px; 150409*/
	min-width:1100px;
	height: 410px;
	/*margin: -250px 0 0 0;
	position: absolute;
	top: 50%;
	left: 0;*/
}
#carousel > div {
	height: 410px;
	float: left;
	border-bottom:1px solid #ccc;
	background-repeat:no-repeat;
	background-position:50% 0;
}

#carousel div.img1 {
	background-image:url('../images/main_visual_img1.jpg');
}

#carousel div.img2 {
	background-image:url('../images/main_visual_img2.jpg');
}

#carousel div.img3 {
	background-image:url('../images/main_visual_img3.jpg');
}

#carousel img {
	min-width: 100%;
	min-height: 100%;
}

#wrapper.new180404 {height:874px;}
.contents .new180404 .main_visual,
.contents .new180404 .main_visual > .container {}
.new180404 #mvisual_slider .container {float:none; padding:0;}
.new180404 #mvisual_slider .slide {height:874px; background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative; box-sizing:border-box;}
.new180404 #mvisual_slider .img1 {background-image:url("/images/new_mainslide01_bg.jpg");}
.new180404 #mvisual_slider .img2 {background-image:url("/images/new_mainslide02_bg.jpg");}
.new180404 #mvisual_slider .img3 {background-image:url("/images/new_mainslide03_bg.jpg");}
.new180404 #mvisual_slider .img4 {background-image:url("/images/new_mainslide04_bg.jpg");}
.new180404 #mvisual_slider .textWrap {position:absolute; letter-spacing:-0.25px; color:#fff; font-weight:bold; padding-top:155px; padding-left:10px;}
.new180404 #mvisual_slider .textWrap .tit {font-size:40px; text-shadow: 1px 1px 3px #000; line-height:48px; margin-bottom:24px;}
.new180404 #mvisual_slider .textWrap .txt {font-size:20px; text-shadow: 1px 1px 3px #000; line-height:30px;}
.new180404 .main_visual a#prevBtn, 
.new180404 .main_visual a#nextBtn {display:none !important; top:225px;}
.new180404 #mvisual_slider .slick-dots {bottom: 10px;}
#mvisual_slider .slick-dots li, #mvisual_slider .slick-dots li button, #mvisual_slider .slick-dots li button:before {width:45px; height:5px; border-radius:0;}
#mvisual_slider .slick-dots li {background-color:#000000; opacity:0.4; box-shadow: 0 0 8px rgba(255,255,255,0.5);}
#mvisual_slider .slick-dots li.slick-active {opacity:1;}
#mvisual_slider .slick-dots li button:before {display:none;}

@media screen and (min-width:1920px) {
	.new180404 #mvisual_slider .slide {background-size:cover;}
}


#pager {
	border-radius: 20px;
	background: #fff;
	text-align: center;
	width: 120px;
	height: 50px;
	padding-top: 2px;
	margin: 235px 0 0 -60px;
	position: absolute;
	top: 50%;
	left: 50%;
}
#pager a.selected span {
	background: #666;
}
#pager a {
	display: inline-block;
	padding: 5px;
}
#pager span {
	border-radius: 10px;
	background: #ccc;
	text-indent: -100px;
	line-height: 0;
	display: inline-block;
	width: 10px;
	height: 10px;
	overflow: hidden;
}



.slider_ul > li > a {
	position:relative;
	/*overflow:hidden;*/
	/*width:100%;*/
	display:block;
	height:410px;
	background-color:#dbdbdb;
	text-align: center;
	border-bottom:1px solid #e5e5e5;
	z-index:0;

	/*background-image:url("../images/main_visual_img1.jpg");
	background-repeat:no-repeat;
	background-position:50%;
	background-size:cover;*/
}
#slider ul li > img.s_bg {
	position:absolute;
	top:0;
	left:50%;
	width:100%;
	z-index:-1000;
}
.mv_txt1 {
	position:absolute;
	top:125px;
	left:58%;
}

.main_visual > .container {position:relative;}
.contents .main_visual > .container {padding:0;height:410px;}


.con_wrapper {border-bottom:1px solid #cccccc;padding-bottom:60px;}

.contents .container {
	width:1100px;
	margin:0 auto;
	padding:60px 0 0 0;
}

.our_services > dt,
.portfolio > dt,
.partners > span,
.major_business_list > dt {
	display:block;
	font-size:28px;
	font-weight:900;
	margin-bottom:30px;
	position:relative;
}


.services_list {
	float:left;
	position:relative;
	overflow:hidden;
	width:212px;
	height:301px;
	margin-right:10px;
}
.services_list > a {
	position:relative;
	position:absolute;
	bottom:0;
	display:block;
	width:210px;
	height:299px;
	border:1px solid #e1e1e1;
	/*font-family: "KoPubDotum Bold";*/
	font-family: "KoPub Dotum";
	font-weight:bold;
	margin-right:10px;
	background-repeat:no-repeat;
	background-position:50% 30px;
}
.services_list > a.off {
	background-color:#ffffff;
}
.services_list.margin-right-none > a,
.services_list.margin-right-none,
.portfolio_list.margin-right-none{margin-right:0;}

/*.services_list > a:hover {
	background-color:#ed174f;
	background-image:url("../images/pfc_more_btn.png");
	background-position:50% 85px;
}
.services_list > a:hover > span {color:#ffffff;}*/

span.svc_tit {
	display:block;
	width:100%;
	text-align: center;
	font-size:22px;
	line-height: 24px;
	letter-spacing: -1px;
	color:#ed174f;

	position:absolute;
	top:195px;
}
span.svc_exp {
	display:block;
	width:100%;
	text-align: center;
	font-family: 'Nanum Gothic', serif;
	font-size:13px;
	line-height: 19px;
	letter-spacing: -1px;
	color:#999999;

	position:absolute;
	top:227px;
}


.svc1 > a.off {background-image:url("../images/service_icon-homepage.png"); font-size:14px;}
.svc2 > a.off {background-image:url("../images/service_icon-video.png"); font-size:14px;}
.svc3 > a.off {background-image:url("../images/service_icon-catalog.png"); font-size:14px;}
.svc4 > a.off {background-image:url("../images/service_icon-brand.png"); font-size:14px;}
.svc5 > a.off {background-image:url("../images/service_icon-pkg.png"); font-size:14px;}
.svc6 > a.off {background-image:url("../images/service_icon-brand2.png"); font-size:14px;}
.svc7 > a.off {background-image:url("../images/service_icon-market2.png"); font-size:14px;}
.svc8 > a.off {background-image:url("../images/service_icon-export.png"); font-size:14px;}
.svc9 > a.off {background-image:url("../images/service_icon-market.png"); font-size:14px;}
.svc10 > a.off {background-image:url("../images/service_icon-app.png"); font-size:14px;}
.svc11 > a.off {background-image:url("../images/service_icon-pro_design.png"); font-size:14px;}

.services_list > a.on {
	background-color:#ed174f;
	color:#ffffff;
	height:100%;
	background-image:url("../images/pfc_more_btn.png");
	background-repeat:no-repeat;
	background-position:50% 85px;
}
.services_list > a.on > span.svc_tit {
	color:#ffffff;
}
.services_list > a.on > span.svc_exp {
	color:#ffffff; font-size:14px;
}


/* major business */
.major_business_wrap {background-color:#f2f2f2; padding-bottom:50px;}
.major_business_list {*zoom:1;}
.major_business_list:after {display:block; content:" "; clear:both;}
.major_business_list > dd {float:left; width:48.5%; font-size:18px; line-height:1.2em; padding:20px 10px 20px 55px; background-color:#fff; 
border:1px solid #cbcbcb; box-sizing:border-box; position:relative; letter-spacing:-1px; min-height:60px; margin:10px 0; color:#ed174f; font-weight:600; white-space:nowrap;}

.major_business_list > dd:nth-child(even) {float:left;}
.major_business_list > dd:nth-child(odd) {float:right;}
.major_business_list > dd .sb {color:#525252; font-weight:normal;}
.major_business_list .icon:before {position:absolute; top:50%; margin-top:-20px; left:10px; display:inline-block; content:" "; width:40px; height:50px; background-image:url(/images/major_business_icons.jpg); background-repeat:no-repeat; background-position:0 0; overflow:hidden;}
.major_business_list .icon01:before {background-position:0 0;}
.major_business_list .icon02:before {background-position:-50px 0;}
.major_business_list .icon03:before {background-position:0 -50px;}
.major_business_list .icon04:before {background-position:-50px -50px;}
.major_business_list .icon05:before {background-position:0 -100px;}
.major_business_list .icon06:before {background-position:-50px -100px;}
.major_business_list .icon07:before {background-position:0 -150px;}
.major_business_list .icon08:before {background-position:-50px -150px;}
.major_business_list .icon09:before {background-position:0 -200px;}
.major_business_list .icon10:before {background-position:-50px -200px;}

/* 20210806 추가 */
.mt20 {margin-top:20px !important;}
h2.tit{font-size:28px; font-weight:900; text-align:center;}
.main_business{margin-top:40px;}
.grid-wrap{display:flex; flex-wrap:wrap; width:100%;}
.grid-12 {width:100%; }
.grid-4{width:36.333333%;}
.grid-4 .grid-conts{ background-image:url("../images/bg_main_business_01.jpg"); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.grid-8 > .grid-conts{ background-image:url("../images/bg_main_business_02.jpg"); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.bg01{ background-image:url("../images/bg_main_business_03.jpg") !important; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.bg02{ background-image:url("../images/bg_main_business_04.jpg") !important; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.grid-6{width:50%;}
.grid-8{width:63.6666667%;}
.grid-4 .grid-conts{padding-bottom:58px;}
.grid-conts{margin:0px 10px; border:1px solid #cbcbcb; background:#fff; padding:50px 35px;}
.grid-conts h4{font-size:24px; font-weight:900; color:#eb1c51;}
.main_business_list{margin-top:22px;}
.main_business_list li{padding:8px 0; font-weight:400; color:#555555;}

@media (max-width:767px){
	.grid-4{width:100%;}
	.grid-6{width:100%;}
	.grid-8{width:100%; margin-top:20px;}
}

/* portfolio */
.portfolio_total_wrap {
	display:block;
}
.portfolio_wrap {position:relative;}
.portfolio > dd {
	float:left;
	position:relative;
}

.portfolio_wrap .portfolio_btn {position:absolute; right:0;}

.portfolio_list > a {
	position:relative;
	display:block;
	/*width:233px;
	height:178px; 150409*/
	width:258px;
	height:165px;
	margin-right:20px;
	margin-bottom:19px;
	border:1px solid #e1e1e1;
	/*background-image:url("../images/portfolio_bg_total_error.png");*/
	background-image:url("../images/imgerror.jpg");
	background-repeat:no-repeat;
	background-size:100%;
	overflow:hidden;
}
.portfolio_list.margin-right-none > a {margin-right:0;}

.sub_portfolio.sp_vod .portfolio_list > a {
	width: 258px;
	height: 145.125px;
	overflow:hidden;
}

/*
.pf1 > a {background-position:0 0;}
.pf2 > a {background-position:-255px 0;}
.pf3 > a {background-position:-510px 0;}
.pf4 > a {background-position:-766px 0;}
.pf5 > a {background-position:0 -201px;}
.pf6 > a {background-position:-255px -201px;}
.pf7 > a {background-position:-510px -201px;}
.pf8 > a {background-position:-766px -201px;}
.pf9 > a {background-position:0 -400px;}
.pf10 > a {background-position:-255px -400px;}
.pf11 > a {background-position:-510px -400px;}
.pf12 > a {background-position:-766px -400px;}
*/

.pfImg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.pf_con_wrap {
	position:relative;
	display:none;
	height:0;
	width:0;

	/*position:absolute;
	bottom:0;
	right:0;*/
}
.pf_con {
	/*width:183px;
	height:128px; 150409*/
	width:208px;
	height:147px;
	padding:25px;
	/*background-color:#000000;
	opacity:0.7;
	filter:alpha(opacity=70);*/
	background-image:url("../images/pf_con_bg.png");
}
.pf_con > .pfc_category,
.pf_con > .pfc_tit,
.pf_con > .pfc_con,
.pf_con > .pfc_date {
	display:block;
	width:100%;
	color:#ffffff;
}
.pf_con > .pfc_category{font-size:13px;margin-bottom:11px;}
.pf_con > .pfc_tit{font-size:13px;line-height:15px;}
.pf_con > .pfc_con{font-size:13px;line-height:15px;margin-bottom:24px;}
.pf_con > .pfc_date{font-size:11px;}

.pf_con_wrap > .pfc_more_btn {
	position:absolute;
	right:0;
	bottom:0;
	display:block;
	padding:10px 9px 9px 10px;
	color:#ffffff;
	background-color:#ed174f;
}
.pfc_tit_mobile {font-size:13px;line-height:15px;
	display:none;
}
/*.portfolio_list > a:hover > .pf_con_wrap {display:block;}*/

@media (min-width:640px){
	.pofol_category_wrap {
		position:absolute;
		top:0;
		right:0;
	}
}
@media (max-width:639px){
	.pofol_category_wrap {
		margin-top: 10px;
	}
}

.pofol_category {float:right; margin-right:280px;}
.category_list {float:left;}
.category_list > a {
	display:block;
	padding:8px 10px;
	color:#ffffff;
	font-size:11px;
	font-weight:900;
	line-height:13px;
	letter-spacing: 1px;
	background-color:#dddddd;
	border-right:1px solid #ffffff;
}
.category_list > a:hover {background-color:#ed174f;}
.category_list.on > a {background-color:#ed174f;}

/* partners */
.partners_wrap {position:relative;}
.partners_ul {
	/* height:265px; */
	/*width:1000px; 150409*/
	width:1100px;
	float:left;
}
.partners_list {float:left; width: 20%;}
.partners_list > a {
	display:block;
	/*margin-right:20px;*/
	margin-right:20px;
	margin-bottom:20px;
	border:1px solid #e1e1e1;
}
.partners_list > a > img {display:block; max-width: 100%;}
/*.partners_list > a:hover {border:1px solid #ed174f;}*/
.partners_list.margin-right-none > a {margin-right:0;}

.partners_controller_wrap {
	position:absolute;
	top:0;
	right:0;
}
.partners_controller {float:right;}
.control_list {float:left;}

.control_list > a {
	display:block;
	padding:7px 10px;
	font-size:14px;
	line-height:15px;
	background-color:#e5e5e5;
	color:#9a9a9a;
	border-right:1px solid #ffffff;
}
.control_list > a:hover {
	background-color:#ffffff;
}

/* -------------------*/
.footer {
	width:100%;
	min-height:110px;
	background-color:#3d3d3d;
}
.footer .container {
	position:relative;
	/*max-width:1000px; 150409*/
	max-width:1100px;
	margin:0 auto;
}

.footer_logo {
	float:left;	padding:30px 0 0 0;
	margin:0 50px 0 0;
	height:60px;
}

.footer_logo > img {}

.foot_info {
	float:left;
	width:880px;
	padding:20px 0 0 0;border:0px solid red;
}

.footer .container .namesv {position:absolute; right:0; top:22px; color:#eee; font-size:12px;}
@media screen and (max-width:639px) {
	.footer .container .namesv {position:static; line-height:1.4em; padding-bottom:15px;}
}

@media screen and (max-width:380px) {
.footer .container .namesv {display:none;}
}

.policy {	float:left;	width:100%;	margin-bottom:15px;}
.policy_list {float:left;}
.policy_list > a {
	display:block;
	margin-right:10px;
	font-size:13px;
	line-height:14px;
	color:#d5d5d5;
}
.company {
	float:left;
	width:100%;
	margin-bottom:6px;
}
.company_list {float:left;}
.company_list > span {
	display:block;
	padding:0 6px;
	font-size:13px;
	line-height:16px;
	letter-spacing: -0.3px;
	color:#c8c8c8;
	border-right:0px solid #939393;
}
.company_list.first > span {padding-left:0;}
.company_list.last > span {border-right:0;}
.company_list span.email_adrs {color:#cccccc;}

.foot_info > p.copy {
	width:100%;
	font-size:12px;
	line-height:14px;
	/*letter-spacing: -1px;*/
	color:#939393;
}

.footer .gototop {
	position:absolute;
	display:none;
	top:-32px;
	right:5%;
	background-color:#ed174f;
	color:#ffffff;
	font-size:14px;
	line-height:30px;
	padding:0 15px;
	border:1px solid #ed174f;
}
.footer .gototop:hover {
	background-color:#ffffff;
	color:#ed174f;
}

/***************************/
.mobile_gnb {display:none;}
/*.header {overflow:hidden;}*/
.gnb_wrap {position:static;display:block;}
a.intranet_btn {display:none;}
.in_h2 {position:static;}
.gnb_shadow{display:block;}

.br {display:none;}
.address_br {display:none;}
@media screen and (max-width:380px) {
	.address_br {display:block;}
}
@media screen and (max-width:1300px) {
	#prevBtn {left:0;}
	#nextBtn {right:0;}
}
@media screen and (max-width:1100px) {
	#prevBtn {
		/*left:0;*/
		/*width:50px;*/
		width:25px;
		height:50px;
		/*left:-25px;*/
		left:0px;
		font-size:20px;
		padding:0;
		/*opacity:0.5;
		filter: alpha(opacity=0.5);*/

		/*background-image:url("../images/slider_mobile_left_arrow.png");*/
		background-image:url("../images/slider_mobile_left_btn.png");
		background-repeat:no-repeat;
		/*background-position:30px 50%;*/
	}
	#prevBtn:hover {
		background-image:url("../images/slider_mobile_left_btn_on.png");
	}
	#nextBtn {
		/*right:0;*/
		/*width:50px;*/
		width:25px;
		height:50px;
		/*right:-25px;*/
		right:0px;
		font-size:20px;
		padding:0;
		/*opacity:0.5;
		filter: alpha(opacity=0.5);*/

		/*background-image:url("../images/slider_mobile_right_arrow.png");*/
		background-image:url("../images/slider_mobile_right_btn.png");
		background-repeat:no-repeat;
		/*background-position:10px 50%;*/
	}
	#nextBtn:hover {
		background-image:url("../images/slider_mobile_right_btn_on.png");
	}
	#prevBtn > span {display:none;}
	#nextBtn > span {display:none;}

}
/*
@media screen and (max-width: 639px){
	#wrapper {
		height: 248px !important;
		min-width:100%;
	}
    #wrapper .caroufredsel_wrapper {
        width: 100%;
        height: 248px !important;
    }
    #wrapper #carousel div {
    	height:248px !important;

    	background-image:url("../images/main_visual_img_for_mobile.jpg");
    	background-size:auto 100%;
    	background-position:50% 0;
    }

    .partners .caroufredsel_wrapper {
    	height:245px !important;
    }
    .partners #partners_carousel {
    	height:245px !important;
    }
}
*/
.new180404 #mvisual_slider .slide {position:relative;}
.new180404 #mvisual_slider .slide img {margin-top:65px;}
.new180404 #mvisual_slider .slide.img1 img,
.new180404 #mvisual_slider .slide.img3 img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%;}
.new180404 #mvisual_slider .slide.img2 img {position:absolute; top:50%; right:0; transform:translateY(-50%);}
.new180404 #mvisual_slider .slide.img4 img {position:absolute; top:50%; right:0; transform:translateY(-50%);}

@media (max-width:639px) {
	.new180404 #mvisual_slider .slide {position:relative;}
	.new180404 #mvisual_slider .slide img {max-width:75% !important; margin-top:25px;}
	.new180404 #mvisual_slider .slide.img2 img {max-width:95% !important;}
	.new180404 #mvisual_slider .slide.img4 img {max-width:95% !important;}
}


@media screen and (max-width:639px) {
	.header,.contents,.footer {min-width:0;width:100%;}
	.header {overflow:visible;}
	.main_logo {text-align:center; padding-top:0;}
	.main_logo > a {
		width:90px !important;
		height:auto !important;
		margin:0 auto;
		padding-top: 5px;
	}
	.con_wrapper {padding:0;}

	/*#carousel {	height:248px;}*/

	a.intranet_btn {
		display:block;
		text-align: right;
		/*padding:20px 20px 20px 0;*/
		padding:15px 20px 0px 0;
		/*padding:15px 5% 0px 0;
		width:95%;
		border-bottom:1px solid #a5a5a5;*/

		height:30px;
		background-color:#6d6e72;
		color:#cccccc;
	}
	.in_h2 {position:absolute;top:0;z-index:-1;}
	.gnb_wrap {display:none;}
	.gnb_shadow{display:none;}
	.mobile_gnb {
		display:block;
		position:absolute;
		top:20px;
		left:10px;
		width:30px;
		height:15px;
		z-index:1;
	}
	.mobile_gnb>img{display:block;width:100%;}
	.inner_header .container {
		width:100%;
	}
	.header {/*height:94px;*/height:84px;}
	.empty_space {/*height:94px;*/height:84px;}
/*	.in_h1 {border:0;height:94px;}*/
	.in_h1 {border:0;height:46px;}
	.in_h1 .container {height: 46px;}
	body#main {padding-top: 46px;}
	/*.in_h2{display:none;}*/
	.lnb {display:none;}
	.main_visual {
		/*position:relative;
		overflow:hidden;*/
		/*height:250px;*/
	}
	#carousel div.img1 {
		background-image:url('../images/main_visual_img1_mobile.jpg');
	}

	#carousel div.img2 {
		background-image:url('../images/main_visual_img2_mobile.jpg');
	}

	#carousel div.img3 {
		background-image:url('../images/main_visual_img3_mobile.jpg');
	}
	.con_wrapper {
		border-bottom:0;
	}
	.con_wrapper .container {
		width:90%;
		/*min-width:300px;*/
		padding:30px 5%;
	}
	.portfolio_total_wrap {
		display:none;
	}


	#wrapper.new180404 {}
	.contents .new180404 .main_visual,
	.contents .new180404 .main_visual > .container {}
	.new180404 #mvisual_slider .container {}
	.new180404 #mvisual_slider .slide {height:248px; background-size:cover; background-position: center top;}
	.new180404 #mvisual_slider .slide img {max-width:100%;}
	.new180404 #mvisual_slider .slide.img2 img {max-width:95%; margin-top:10px;}
	.new180404 #mvisual_slider .slide.img4 img {max-width:95%; margin-top:10px;}
	.new180404 #mvisual_slider .textWrap {padding-top:10%; padding-left:8%;}
	.new180404 #mvisual_slider .textWrap .tit {font-size:30px; line-height:1.45em;}
	.new180404 #mvisual_slider .textWrap .txt {font-size:16px; line-height:1.45em;}
	.new180404 .main_visual a.control_prev, 
	.new180404 .main_visual a.control_next {top:50%; margin-top:-25px;}

	@media screen and (max-width: 479px) {
		.new180404 #mvisual_slider .slide {}
		.new180404 #mvisual_slider .textWrap .tit {font-size:24px;}
		.new180404 #mvisual_slider .textWrap .txt {font-size:14px;}
	}


	/*.gnb {*/
	.gnb_wrap {
		/*position:fixed;*/
		position:absolute;
		top:0;
		width:250px;
		/*max-width:485px;*/
		/*left:-485px;*/
		height:100%;
		z-index:5000;
	}
	.gnb {
		/*position:absolute;*/
		width:100%;
		/*min-width:360px;*/
		/*height:500px;*/
		background-color:#6d6e72;
		height:100%;
	}
	.gnb_list {
		/*max-width:485px;*/
		width:100%;
	}
	.gnb_list.first {border-left:0;}
	.gnb_list > a {
		display:block;
		/*padding:38px 0 38px 32px;*/
		background-color:#3c3b40;
		font-family: "Myriad Pro", "Nanum Gothic", serif;
		font-size:18px;
		line-height:18px;
		/*font-weight:;*/
		/*color:#ed174f;*/
		color:#ffffff;
		text-align: left;
		width:95%;
		padding:15px 0 15px 5%;
		border-left:0;
		border-right:0;
		border-bottom:1px solid #6d6e72;
	}
	.gnb_sub {
		display:block;
		position:static;
	}
	.gnb_sub_ul {
		/*list-style-type:disc;
		color:#ffffff;*/
	}
	.gsub_list {
		width:100%;
		background-color:#ed174f;
		border-bottom:1px solid #ed174f;
	}
	.gsub_list > a {
		color:#ffffff;
		font-size:15px;
		line-height:15px;
		background-color:#941e39;
		padding:12px 0 12px 30px;
		background-image:url("../images/list_type_disc.png");
		background-repeat:no-repeat;
		background-position:15px 50%;
		/*filter:alpha(opacity=60);
		opacity:0.6;*/
	}
	.gsub_list > a.on {
		background-color:#ed174f;
	}
	.partners {height:323px;/*height:195px;*/}

	.our_services > dt,
	.portfolio > dt,
	.partners > span,
	.major_business_list > dt {
		margin-bottom:15px;
		font-size:22px;
		line-height:24px;
	}

	.major_business_list .tit>a {
		display: block !important;
		margin:20px 0 10px !important;
	}

	.our_services > dt span {
		display: block;
	}

	.our_services,
	.partners_wrap {
		/*min-width:300px;*/
		min-height:200px;
	}
	.br {display:block;}
	.services_list {
		width:50%;
		height:100px;
		margin-right:0;

	}
	.services_list > a.on {
		background-image:url("../images/pfc_more_btn.png");
		background-repeat:no-repeat;
		background-position:30px 50%;
		background-size:10%;
	}
	.services_list > a {
		height:98px;
		width:98%;
		margin-right:0;
		background-position:10% 50%;
		background-size:30%;
	}
	span.svc_tit {
		top:40px;
		right:15px;
		color:#666666;
		font-size:15px;
		line-height:22px;
		text-align: right;
	}
	/*.svc5 span.svc_tit,
	.svc7 span.svc_tit {top:25px;}*/
	span.svc_exp {display:none;}

	.major_business_list > dd {
		white-space: normal;
	}

	.major_business_list > dd,
	.major_business_list > dd:nth-child(even),
	.major_business_list > dd:nth-child(odd) {float:left; width:100%; font-size:1.2em; overflow:hidden; word-break:keep-all;}
	.major_business_list > dd .sb {display:block;}

	.portfolio_list > a {
		margin-bottom:0px;
	}
	.pfc_tit_mobile {
		display:block;
		font-size:12px;
		line-height:25px;
		margin-bottom:5px;
		/*text-align: center;*/
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	.partners {height:auto;}
	.partners_ul {width:100%; max-width:calc(100% + 10px); width:calc(100% + 10px);}
	.partners_list,
	.partners_list.margin-right-none {width: 33.3333333%;}
	.partners_list > a,
	.partners_list.margin-right-none > a {margin-right:10px; height:44px;}
	/*
	.partners_ul {height:216px;}
	.partners_list {width:33%;}
	.partners_list > a {width:100%;margin-bottom:0;}
	.partners_list > a > img {width:100%;}
	*/


	.footer .container {
		width:95%;
		padding:0 0 15px 5%;
	}
	.footer_logo {height:50px;}
	.foot_info {
		width:100%;
		padding:0;
	}
	.footer .gototop {
		display:block;
	}
	.company_list.first {width:100%;}
	.company_list.first > span {border-right:0;}
	.company_list.tel > span {padding-left:0;}
	.company_list.fax > span {border-right:0;}
	.company_list.email {width:100%;}
	.company_list.email > span {padding:0;}

}


/************************************************/
/* 클리어 픽스 */
.clx {*zoom:1;}
.clx:after {display:block;content:" ";clear:both;}
/* 텍스트 인덴트 -9999 */
.indent9999 {text-indent:-9999px;}
.float-L{float:left;}
.float-R{float:right;}
.clear {clear:both}