@charset "utf-8"; 


.content.support .top_area	{background:#fff}
.contact	{position:relative; max-width:1230px; min-height:970px; padding:0 0 0 50px; margin:0 auto 120px auto; border-bottom:1px solid #d9d9d9; border-top:none; background:#fff url('/fg/images/support/support_bg_top.png') no-repeat right top;}
.contact:after	{content:""; display:block; position:absolute; right:362px; bottom:-1px; width:18px; height:12px; background:url('/fg/images/support/bt.png') no-repeat right bottom}

.support_menu	{position:absolute; right:0; padding:54px 0 0 50px; width:330px}
.support_menu li	{position:relative;}
.support_menu li a	{display:block; position:relative; margin:0 50px 0 20px; font-size:15px; line-height:49px; color:#000; border-bottom:1px solid #d6d6d6;}
.support_menu li:first-child a	{border-top:1px solid #d6d6d6;}
.support_menu li.on	{background:#44b59d; padding-bottom:1px; margin-top:-1px}
.support_menu li.on:after	{content:""; display:block; position:absolute; right:-10px; top:0; width:10px; height:61px; background: url('/fg/images/support/list_on.png') no-repeat 0 0;}
.support_menu li.on a	{color:#fff;  line-height:48px; border-top:1px solid #44b59d; border-bottom:1px solid #44b59d; padding-left:22px}
.support_menu li.on a:after	{content:""; display:block; position:absolute; left:0; top:17px; width:9px; height:16px; background: url('/fg/images/common/icon_activity.png') no-repeat -419px top;}

.contact .support_left	{max-width:820px; padding:34px 410px 70px 0;}
.contact .support_left .sup_tit	{font-size:28px;  font-weight:normal; line-height:60px; color:#0a6b5b}
.contact h4.tit	{position:relative; display:inline-block; padding:0 45px 0 0; font-size:24px;  font-weight:normal; line-height:60px; color:#000}
.contact .support_left form	{padding:38px 0 0; margin:47px 0 0 0; border-top:1px solid #d6d6d6}
.contact .form_area	{margin:0 0 33px 0}
.contact .form_area.about	{padding:0 0 30px 0; margin:38px 0 0}
.contact .form_area .tit:after	{content:""; display:block; position:absolute; right:0; top:15px; width:30px; height:27px; background:url('/fg/images/common/icon_activity.png') no-repeat -187px top;}

.contact .need .tit:after	{right:11px}
.contact .need .need_chk	{margin-left:-10px}
.contact .need .need_chk li	{}
.contact .need .need_chk li a	{display:block; border:1px solid #d9d9d9; background:#fafafa; padding:35px 0 22px 0; margin-left:10px; text-align:center; font-size:15px; line-height:40px; color:#333}
.contact .need .need_chk li span	{display:inline-block; position:relative;}
.contact .need .need_chk li span:after	{content:""; display:block; position:absolute; left:50%; top:-10px; width:10px; height:10px; background:url('/fg/images/common/icon_activity.png') no-repeat -452px -20px;}
.contact .need .need_chk li a:hover	{text-decoration:none}
.contact .need .need_chk li.on a	{color:#fff;  border:1px solid #d25f20; background:#d25f20 url('/fg/images/support/need_chk_on.png') no-repeat center center}
.contact .need .need_chk li.on span:after	{background-position: -452px top}

.contact .message .tit:after	{top:21px; width:33px; height:31px; background-position:-251px 0px}
.contact .about .tit:after	{top:14px; width:41px; height:44px; background-position:-325px 0px}
.contact .form_area input[type="text"], .contact .form_area textarea, .contact .form_area select	{border:1px solid #ccc; background:#fcfcfc; height:48px; padding:0 1%; width:98%}
.contact .form_area select	{width:100%}
.contact .form_area textarea	{height:300px; resize:none;}

.contact .name	{padding:7px 0 0;}
.contact .name:after	{content: "."; display: block; height:0px; clear:both; visibility:hidden}
.contact .name dl	{float:left; width:50%;;margin:0}
.contact .name dl.fl_left dt, .form_area .name dl.fl_left dd	{margin:0 20px 0 0}
.contact .about dl	{margin:16px 0 0}
.contact .about .name dl	{margin:0}
.contact .about dt	{position:relative; display:inline}
.contact .about label	{ padding-right:14px; color:#333; font-size:15px; line-height:24px}
.contact .about dt.required:after, .madatory:after, .contact .about dl.selectbox dt.required label:after	{content:""; display:block; position:absolute; right:0; top:-3px; width:12px; height:12px; background:url('/fg/images/common/icon_activity.png') no-repeat -393px top;}
.madatory	{position:relative; padding-left:20px; margin:17px 0 0; color:#999}
.madatory:after	{left:0; top:5px}

.contact .about dl.selectbox	{
	position: relative;
	width: 100%;
	background: #fcfcfc url('/fg/images/support/btn_select.jpg') no-repeat right 25px;
}
.contact .about dl.selectbox dt	{display:block; width:100%; background:#fff}
.contact .about dl.selectbox dt.required:after	{display:none}
.contact .about dl.selectbox dt.required label	{position:relative}
.contact .about dl.selectbox dd	{position:relative; height:48px; border: 1px solid #ccc; overflow:hidden;}
.contact .about dl.selectbox dd label {
	position: absolute !important;
	color: #333;
	top: 13px;
	left: 12px;
	letter-spacing: 1px;
}
.contact .about dl.selectbox select	{
	padding: 0 0 0 10px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.contact .about dl.selectbox select option	{width: 100%; max-width:820px; overflow:hidden;}

.contact .language_support	{position:absolute; right:0; top:200px; width:270px; padding:34px 50px 0 40px; margin:51px 5px 0 0; background: url('/fg/images/support/support_dot2.png') repeat-x left top;}
.contact .language_support h4.tit	{display:block; color:#000; font-size:28px}
.contact .language_support h5	{display:inline-block; position:relative; padding:0 27px 0 0; margin:21px 0 5px 0; font-size:15px;  color:#333}
.contact .language_support h5.korea	{margin:9px 0 5px 0}
.contact .language_support h5:after	{content:""; display:block; position:absolute; right:0; top:10px; width:16px; height:8px; background:url('/fg/images/common/icon_activity.png') no-repeat -71px -30px;}
.contact .language_support h5.china:after	{background-position:-88px -30px}
.contact .language_support h5.singapore:after	{background-position:-105px -30px}
.contact .language_support div p	{font-size:15px; color:#333}
.contact .language_support div p a	{color:#0a6b5b}

.contact .support_btn	{text-align:right}
.contact .support_btn button	{width:120px; height:50px; background:#fff; border:1px solid #0a6b5b; color:#0a6b5b; font-size:15px; font-weight:bold; }
.contact .support_btn button:hover	{background:#0a6b5b; color:#fff; transition:all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transition:all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition:all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition:all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);}



.btn_blue	{display:inline-block; padding:0 10px; min-width:90px; background:#01479f; border:0; color:#fff !important; font-size:15px;  line-height:60px; text-align:center; vertical-align:middle}


.support_left h4.down_tit	{padding:0 0 10px 0; color:#0a6b5b;  font-size:28px; line-height:60px; border-bottom:1px solid #d6d6d6}
.down_list	{margin:50px 0 0 -2px}
.down_list:after	{display: block; content: ""; height:0px; clear:both }
.down_list li	{float:left; width:33.3%; margin: 0 0 2px 0}
.down_list li a	{display:block; margin-left:2px}
.down_list li a:hover	{text-decoration:none}
.down_list a div	{position:relative;padding:57px 20px 0; height:208px; text-align:center}
.down_list div.company	{background-color:#ea8533}
.down_list div.market,
.down_list div.product,
.down_list div.card_production,
.down_list div.platform	{background-color:#f1bb52}
.down_list div.etc			{background-color:#a0a3a7}

.down_list a div p	{position:relative; font-size:20px; line-height:30px; color:#333; word-break:break-word; padding:0 0 13px 0; margin:16px 0 8px 0}
.down_list a div p:after	{content:""; display:block; position:absolute; left:50%; bottom:0; width:25px; height:1px; margin-left:-12px; background-color:#000}
.down_list li span	{position:relative; padding:0 0 0 25px; font-size:15px;  color:#0a6b5b}
.down_list li span:hover	{text-decoration:underline}
.down_list li span:after	{content:""; display:block; position:absolute; left:0; top:2px; width:18px; height:18px; background:url('/fg/images/common/icon_activity.png') no-repeat -482px 0;}



.tab_wrap ul li.on .tab_cont	{z-index:10;position:absolute !important; top:48px; right:0; bottom:0; left:0; width:100%; height:100%}
.tab_wrap ul li.on .tab_cont img	{width:100%}
.tab_wrap .w100	{display:none; width:300%; margin-top:20px; height: 100%;}
.tab_wrap ul li.on .w100	{display:block}
.tab_wrap .tab02 .w100	{margin-left:-100%}
.tab_wrap .tab03 .w100	{margin-left:-200%}


@media screen and (max-width:1180px){
	.down_list a div p	{font-size:15px; line-height:22px}
}



@media screen and (max-width:1008px){
	
	.contact	{background-image:none; border:1px solid #d9d9d9; padding:0}
	.contact:after, .support_menu li.on:after	{display:none}

	.support_menu, .contact .language_support	{width:auto; position:static}
	.support_menu	{padding:50px 50px 0}
	.support_menu ul:after	{display:block; content:""; clear:both; height:0}
	.support_menu li	{float:left;width:33%}
	.support_menu li a	{font-size:14px; line-height:50px; padding-left:20px; margin:0 0 0 20px; border-top:1px solid #d6d6d6}
	.support_menu li a:after	{content:""; display:block; position:absolute; right:27px; top:21px; width:16px; height:9px; background: url('/fg/images/common/icon_activity.png') no-repeat -71px -65px;}
	.support_menu li.on	{background:none; padding:0; margin-top:0}
	.support_menu li.on a	{background:#44b59d; padding-bottom:1px; margin-top:-1px; border-top:none}
	.support_menu li.on a:after	{left:inherit; right:27px; top:21px; width:16px; height:9px; background-position:-71px -50px;}

	.contact .support_left	{position:relative; width:100%; max-width:100%; padding:48px 0 50px 0; margin:44px 0 0; background: url('/fg/images/support/support_bg_right.png') no-repeat right top}
	.contact .support_left:after	{content:""; display:block; position:absolute; left:0; top:0; width:12px; height:14px; background: url('/fg/images/support/support_bg_left.png') no-repeat left top;}
	.contact .support_left .sup_tit, .contact .support_left >p	{margin:0 50px}
	.contact .support_left form	{margin:50px 50px 0}

	.contact .language_support	{position:relative; top:0; width:100%; padding:50px 0 100px 0; margin:0; background: url('/fg/images/support/support_bg_right.png') no-repeat right top}
	.contact .language_support:after	{content:""; display:block; position:absolute; left:0; top:0; width:12px; height:14px; background: url('/fg/images/support/support_bg_left.png') no-repeat left top;}
	.contact .language_support .inner	{text-align:center; padding:0 50px}
	.contact .language_support h4.tit	{ padding:0}
	.contact .language_support .slide_mo:after	{content:""; display:block; clear:both; height:0}
	.contact .language_support .slide_mo div	{float:left; width:33%}
	.contact .language_support h5	{padding:0; margin:7px 0 0; font-size:18px}
	.contact .language_support h5.korea	{margin:7px 0 0 0}
	.contact .language_support h5:after	{top:inherit; left:38%; bottom:-25px}
	.contact .language_support div p	{font-size:14px;}
	.contact .language_support div p.email	{margin:40px 0 0}

	.contact .support_btn	{float:none; text-align:center}

	
	.support_left h4.down_tit	{margin:0 50px}
	.down_list	{padding:0 50px; margin:13px 0 -50px 0}
	.down_list a div p	{font-size:26px; line-height:32px;}


	
	.tab_wrap	{padding:0 50px; margin:0 0 45px 0}

}

@media screen and (max-width:900px){
	.down_list a div p	{font-size:18px; line-height:22px}
}

@media screen and (max-width:752px){
	
	.contact	{margin:0 auto}
	#wrap #container .content.support .bot_area	{display:none}
	.content.support h3:after	{background-size:100%; right:10px; top:-14px; width:100px; height:80px}
	
	.support_menu	{padding:0}
	.support_menu li	{float:none; width:100%}
	.support_menu li:first-child a	{border-top:none}
	.support_menu li a	{margin:0; border-top:none}
	.support_menu li a:after	{right:10px; width:9px; height:16px; top:50%; margin-top:-8px; background: url('/fg/images/common/icon_activity.png') no-repeat -104px -71px }
	.support_menu li.on a:after	{right:10px; width:9px; height:16px; top:50%; margin-top:-8px; background-position:-104px -50px}
	
	.contact h4.tit	{font-size:18px}
	.contact .support_left	{background-image:none; padding:39px 0 0; margin:0;}
	.contact .support_left:after	{display:none}
	.contact .support_left .sup_tit	{font-size:24px; line-height:30px}
	.contact .support_left .sup_tit, .contact .support_left >p	{margin:0 32px}
	.contact .support_left form	{padding:30px 0 0; margin:32px 32px 0}

	.contact .need .need_chk, .contact .need .need_chk li:first-child	{margin:0}
	.contact .need .need_chk li	{float:none; width:100%; margin:10px 0 0; text-align:center}
	.contact .need .need_chk li a	{display:block; width:100%; padding:29px 0; margin:0}
	.contact .need .need_chk li span	{padding:0 0 0 22px}
	.contact .need .need_chk li span:after	{left:0; top:5px}

	.contact .about .name dl	{float:none; width:100%}
	.contact .name dl.fl_left dt, .form_area .name dl.fl_left dd	{margin:0}
	.contact .name dl.fl_right	{margin:16px 0 0}
	
	.contact .language_support	{padding:50px 0 60px 0; margin:60px 0 0}
	.contact .language_support h4.tit	{font-size:24px; line-height:60px}
	.contact .language_support .inner	{position:relative; padding:0 32px}
	.contact .language_support .slide_mo div	{float:none; width:100%}
	.contact .language_support .bx-has-controls-direction	{position:absolute; left:0; top:40%; width:100%}
	.contact .language_support .bx-controls-direction	{height:41px}
	.contact .language_support .bx-has-controls-direction a	{display:inline-block; position:absolute; text-indent:-9999px; color:transparent; width:21px; height:41px; background: url('/fg/images/common/icon_activity.png') no-repeat -129px -50px; }
	.contact .language_support .bx-prev	{left:10px}
	.contact .language_support .bx-next	{right:10px; background-position:-152px -50px !important}
	
	
	.support_left h4.down_tit	{text-align:center; margin:0 32px}
	.down_list	{padding:0 32px; margin:13px 0 -70px 0}
	.down_list li	{width:50%;}
	.down_list a div p	{font-size:18px; line-height:22px}

	
	.tab_wrap	{padding:0 32px; }
	.tab_wrap ul li .tab_cont	{position:absolute !important;}
}


@media screen and (max-width:550px){
	.support_left h4.down_tit	{margin:0 16px; line-height:28px}
	.down_list	{padding:0 16px; margin:13px 0 -50px 0}
	.down_list li	{float:none; width:100%}
	.down_list li:last-child	{margin:0}
	.down_list li a	{margin:0 4px}
	.down_list a div	{max-width:100%}
	.down_list a div p	{font-size:26px; line-height:32px}
	.down_list li span	{font-size:15px; line-height:24px;}
}



@media screen and (max-width:320px){
	
	.contact .support_left .sup_tit, .contact .support_left >p	{margin:0 16px}
	.contact .support_left form	{padding:20px 0 0; margin:16px 16px 0}
	.contact .language_support		{padding:45px 0 60px 0}
	.contact .language_support h5	{font-size:15px}
	.contact .language_support div p	{font-size:12px; line-height:20px}

	
	.support_left h4.down_tit	{text-align:center; margin:0 16px}
	
	
	.tab_wrap 	{padding:0 16px}
	
}