@import url("common.css");

#visual{ padding:90px 0 160px;}
	.subtop_about{background:url('/chn/img/subtop_about.jpg') no-repeat center top; background-size:auto 100%;}
	.subtop_product{background:url('/chn/img/subtop_product.jpg') no-repeat center top;}
	.subtop_character{background:url('/chn/img/subtop_character.jpg') no-repeat center top;}
	.subtop_customer{background:url('/chn/img/subtop_customer.jpg') no-repeat center top;}
	.subtop_other{background:url('/chn/img/subtop_other.jpg') no-repeat center top;}

#visual > div{max-width:1280px; padding:0 15px; margin:0 auto; }

#visual p{font-family:"Raleway", "Noto Sans KR", Sans-serif; font-size:18px; letter-spacing:0.3pt; text-indent:0.15pt; line-height:110%; color:#a8a8a9; padding:0 0 10px; text-indent:2px}
#visual h3{font-size:50px; font-weight:700; color:#333333; letter-spacing:0; line-height:120%; }


/***************** Start- Sub Nav *****************/
	/* ¼­ºê ³×ºñ°ÔÀÌ¼Ç ¸ð¹ÙÀÏ */
	.NavMenu {position:relative; top:0; height:85px; width:100%; z-index:50; margin-top:-84px;}
	.mobile_snb {display: block; width:1280px; margin:0 auto; height:85px; border:1px solid rgba(255,255,255,0.35); background:#fff;  position:relative; z-index:50; box-sizing:border-box; border-bottom:none; box-shadow:0 0 20px rgba(0,0,0,0.08);}
	.mobile_snb .box {width:100%; float:left; height: 85px; border-right:1px solid rgba(255,255,255,0.35); box-sizing:Border-box;}   
	.mobile_snb .box.dep1{display:none;}
	.mobile_snb .box .dropLst > .txt.title{display:none;}
	.mobile_snb .box .dropLst .depth2{display:block !important;}
	.mobile_snb .box .dropLst .depth2 ul {text-align:Center;  font-size:0;}
	.mobile_snb .box .dropLst .depth2 ul li{display:inline-block; }
	.mobile_snb .box .dropLst .depth2 ul li a{font-size:19px; letter-spacing:0; color:#777777; font-weight:300; line-height:85px; padding:0 13px; margin:0 10px;display:block; position:relative;}
	.mobile_snb .box .dropLst .depth2 ul li a.on{color:#ed1c24; font-weight:700;  }
	.mobile_snb .box .dropLst .depth2 ul li a.on::after{content:""; display:block; width:100%; height:3px; background:#ed1c24; position:absolute; left:0; bottom:0;}
/***************** End- Sub Nav *****************/


.contentArea{}
.tit_area h3 {color:#333; font-weight:700; font-size:36px; line-height:120%;letter-spacing:0; padding:100px 0 40px 0; text-align:Center;}	


.stit{font-size:19px; letter-spacing:0; font-weight:300; margin:-28px 0 68px;text-align:Center; }
.ls0{letter-spacing:0  !important;}

/*** °øÅëcss ***/
.point_txt{font-weight:bold; color:#333; letter-spacing:0;}

.tpad_10{padding-top:10px}
.tpad_20{padding-top:20px}
.tpad_35{padding-top:35px}
.bpad_5{padding-bottom:5px}
.bpad_10{padding-bottom:10px}
.bpad_20{padding-bottom:20px}
.bpad_25{padding-bottom:25px}
.bpad_30{padding-bottom:30px}
.bpad_40{padding-bottom:40px}
.bpad_50{padding-bottom:50px}


.basic_cont{width:1280px; margin:0 auto 70px; }
.prd_cont{width:1310px; margin:40px auto 70px; }


.mBlock{display:none;}

.tab_style { margin:0 auto 60px; font-size:0; text-align:center; max-width:1280px;}
.tab_style li {display:inline-block; margin:0 1px; width:250px; vertical-align:top}
.tab_style a {vertical-align:top; display:block; font-size:17px; font-weight:300; color:#666666; letter-spacing:0; line-height:130%; height:66px; box-sizing:Border-box; border:1px solid #ddd; display:flex; justify-content:center; align-items:center;}
.tab_style a:hover {text-decoration:none; color:#ed1c24;}
.tab_style a.hover{border:3px solid #ed1c24; color:#ed1c24; font-weight:700; line-height:130%;}


/*** S:: µ¿¾Æ¼Ò°³_ ȸ»ç¼Ò°³ ***/
	.about_cont{}

		.about_cont h3 {color:#333; font-weight:700; font-size:36px; line-height:120%;letter-spacing:0; padding:70px 0 40px 0; text-align:Center;}	
		.about_cont .stit{margin-bottom:45px;}

		.aboutCont_in{width:1280px; margin:0 auto 70px auto; display:table; }
		.aboutCont_in .aboutCont_in_img{position:relative; width:428px; display:Table-cell; background:url('/chn/about/img/about_img01.jpg') no-repeat center; background-size:cover;}
			.aboutCont_in .aboutCont_in_img img{position:absolute; right:-97px; bottom:0;}
		.aboutCont_in .aboutCont_in_txt{display:Table-cell; padding:33px 0 40px 69px; vertical-align:middle;}
			.aboutCont_in .aboutCont_in_txt h5{}
			.aboutCont_in .aboutCont_in_txt h4{font-weight:100; font-size:36px; line-height:120%; letter-spacing:0; margin:12px 0 18px}
			.aboutCont_in .aboutCont_in_txt h4 img{display:block; margin:8px 0 0;}
			.aboutCont_in .aboutCont_in_txt .sTitle{font-size:19px; font-weight:300; letter-spacing:0;}
			.aboutCont_in .aboutCont_in_txt .txt{ letter-spacing:0; margin:13px 0 0;}


		.aboutCont_fam{background:url('/chn/about/img/about_familyBg.gif') no-repeat center, #f7f8f9; margin:70px 0 0; padding:0 0 70px;}
			.aboutCont_fam > div{width:1280px; margin:0 auto; }
			.aboutCont_fam .aboutCont_famList{}
					.aboutCont_famList dl{background:#fff; padding:30px 50px 30px 30px; margin:10px 0 0; overflow:hidden; clear:both; }
					.aboutCont_famList dt{float:left; width:320px; }
					.aboutCont_famList dt img{width:100%}
					.aboutCont_famList dd{float:left; width:calc(100% - 320px); box-sizing:border-box; padding:5px 0 0 48px; line-height:167%; letter-spacing:0; word-break:keep-all;}
					.aboutCont_famList dd h5{font-weight:700; color:#333; letter-spacing:0; font-size:22px; padding:0 0 6px;}
					.aboutCont_famList dd h5 span{font-family:"Raleway", "Noto Sans KR", sans-serif; font-weight:400; font-size:17px; margin-left:11px;}
					.aboutCont_famList dd .info{border-bottom:1px dashed #ddd; padding:0 0 10px; margin:0 0 13px}
					.aboutCont_famList dd .info span{display:block; color:#777777; letter-spacing:0; margin:0 0 3px 0; background:url('/chn/about/img/about_family_adricon.gif') no-repeat left 5px; padding:0 0 0 19px; line-height:170%}
					.aboutCont_famList dd .info span:last-child{background:url('/chn/about/img/about_family_telicon.gif') no-repeat left 6px; padding:0 0 0 21px; margin:0}
					.aboutCont_famList dd ul{margin:0 0 12px}
					.aboutCont_famList dd li{position:Relative; padding:0 0 2px 130px; color:#333}
					.aboutCont_famList dd li h6{position:absolute; left:0; top:0; font-size:15px; font-weight:400; color:#666; letter-spacing:0; }

			.aboutCont_core{width:1280px; margin:0 auto 110px; }
					.aboutCont_core ul{overflow:hidden; clear:both;}
					.aboutCont_core li{float:left; margin:0 30px 30px 0; width:625px; box-sizing:Border-box; border:1px solid #ddd; padding:36px 42px; height:242px; letter-spacing:0; background-repeat:no-repeat; background-size:auto; background-position: right 48px top 29px}
					.aboutCont_core li:nth-child(2n){margin-right:0;}
					.aboutCont_core li h6{font-size:22px; font-weight:700; color:#333; letter-spacing:0; margin:0 0 10px}
					.aboutCont_core li.type01{background-image:url('/chn/about/img/about_core01.gif');}
					.aboutCont_core li.type02{background-image:url('/chn/about/img/about_core02.gif');}
					.aboutCont_core li.type03{background-image:url('/chn/about/img/about_core03.gif');}
					.aboutCont_core li.type04{background-image:url('/chn/about/img/about_core04.gif');}
					.aboutCont_core li.type05{background-image:url('/chn/about/img/about_core05.gif');}
					.aboutCont_core li.type06{background-image:url('/chn/about/img/about_core06.gif');}
			
			.aboutCont_ci{background:#f7f8f9; padding:0 0 70px;}
				.aboutCont_ci > div{width:1280px; margin:0 auto; }
				.aboutCont_ci .ci_bg{border:1px solid #ddd; background:url('/chn/about/img/about_ci_bg.gif') repeat left top; padding:65px 0; text-align:Center;}
				.aboutCont_ci .ci_bg img{ margin:0 auto; max-width:90%; }
				.aboutCont_ci dl{display:table; width:100%; margin:60px 0 0}
					.aboutCont_ci dt{display:table-cell; width:406px; box-sizing:border-box; }
					.aboutCont_ci dd{display:table-cell; width:calc(100% - 406px); padding:0 0 0 57px; box-sizing:border-box; vertical-align:middle; letter-spacing:0;}
					.aboutCont_ci dd h6{font-size:22px; letter-spacing:0; color:#333; font-weight:700; margin:0 0 4px; }
/*** E:: µ¿¾Æ¼Ò°³_ ȸ»ç¼Ò°³ ***/


/*** S:: µ¿¾Æ¼Ò°³_ Áֿ俬Çõ ***/
	.historyCont_top{background:url('/chn/about/img/history_bg.jpg') no-repeat center top; text-align:Center; background-size:cover; padding:95px 0 105px; }
			.historyCont_top h4{font-size:25px; font-weight:300; color:#fff; letter-spacing:0;padding:0 0 12px}
			.historyCont_top p{font-family:'Raleway', 'Noto Sans SC', 'Noto Sans KR', sans-serif;  font-size:20px; font-weight:300; letter-spacing:0.2pt; line-height:110%; color:rgba(255,255,255,0.8);}
/*** E:: µ¿¾Æ¼Ò°³_ Áֿ俬Çõ ***/


/*** S:: µ¿¾Æ¼Ò°³_ CSR ***/
	.csrBoard{}
		.csrBoard .csrSearch{border-top:1px solid #ddd; padding:30px 0 0; text-align:right;}
		.csrBoard .csrSearch h6{display:inline-block; font-weight:700; color:#333; font-family:'Raleway', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-size:16px; letter-spacing:0.2pt; margin-right:15px; vertical-align:middle;}
		.csrBoard .csrSearch select{display:inline-block; width:30%; vertical-align:middle;}

	.csrStyle{word-break:keep-all;}
			.csrStyle strong{font-weight:500; color:#333;}
			.csrStyle h4{text-align:center; font-weight:700; font-size:36px; color:#333; line-height:120%; letter-spacing:0;}
			.csrStyle h4.eng{ font-weight:300; letter-spacing:0.3pt;padding:8px 0 30px; font-size:28px;}
			.csrStyle .cont_txt{letter-spacing:0; margin:0 0 50px}
			.csrStyle .eng{font-family:"Raleway", "Noto Sans KR", Sans-serif; letter-spacing:0.2pt;}
			.csrStyle div.eng{padding:9px 0 0;}
			.csrStyle h5{font-weight:700; color:#333; font-weight:700; font-size:21px; letter-spacing:0; }
			.csrStyle h5.eng{font-size:18px; letter-spacing:0.5pt; margin:20px 0 0;}
			.csrStyle h5 + h5.eng{margin:0;}
			.csrStyle ul{padding:12px 0 0;}
			.csrStyle ul li{padding:0 0 9px; }
			.csrStyle ul li:last-child{padding:0;}
			.csrStyle .grayBox{background:#f7f8fa; padding:18px 25px; font-size:14px; margin:8px 0 3px;}
/*** E:: µ¿¾Æ¼Ò°³_ CSR ***/


/*** S:: µ¿¾Æ¼Ò°³_ ä¿ëÁ¤º¸ ***/
	.recruitment_cont{width:1280px; margin:0 auto 70px; }
		.recruitment_cont img{max-width:100%; text-align:center;  }
		.recruitment_cont img.recruitmentDia_m{display:none;}
		.recruitmentCont_in{margin:70px 0 0;}
/*** E:: µ¿¾Æ¼Ò°³_ ä¿ëÁ¤º¸ ***/

/*** S:: µ¿¾Æ¼Ò°³_ ¿µ¾÷¸Á¼Ò°³ ***/
	.sales_cont{width:1280px; margin:0 auto 70px; }
		.sales_cont .stit{margin-bottom:54px;}

		.sales02Cont_in{background:#edf1f4; text-align:center; padding:64px 15px;}
			.sales02Cont_in img{max-width:100%;}
			.sales02Cont_in .img_m{display:none;}
/*** E:: µ¿¾Æ¼Ò°³_ ¿µ¾÷¸Á¼Ò°³ ***/

/*** S:: µ¿¾Æ¼Ò°³_ ¿À½Ã´Â±æ ***/
	.lcation_cont{width:1280px; margin:0 auto 70px; position:relative}
			#daumRoughmapContainer1598444891279, #daumRoughmapContainer1598447820573, #daumRoughmapContainer1598448160646{width:100%; }
			.lcation_cont iframe {height:550px;}
			.lcation_cont .wrap_controllers {display:none;}

			.lcation_cont .loca_info{text-align:center; margin:0 0 25px}
			.lcation_cont .loca_info li img{display:inline-block; vertical-align:middle; margin:0 10px 2px 0;}
			.lcation_cont .loca_info li{display:inline-block; margin:0 15px 0; }

			.lcation_cont .loca_btn{/*margin:-110px 0 0;*/ position:relative; z-index:100; text-align:center; position:absolute; bottom:50px; width:100%; text-align:center}
			.lcation_cont .loca_btn > a{display:inline-block; width:150px; height:60px; line-height:60px; background:#7f7f7f; color:#fff; letter-spacing:0; text-align:Center; margin:0 2px; box-sizing:Border-box; border:1px solid #7f7f7f; transition:all 0.2s linear;}
					.lcation_cont .loca_btn a.more{background:#ed1c24; border-color:#ed1c24;}
			.lcation_cont .loca_btn a i{display:inline-block; vertical-align:middle; margin:0 19px 3px 0; background-size:100%; background-repeat:no-repeat; transition:all 0.2s linear;}
					.lcation_cont .loca_btn a.print i{ width:25px; height:24px; background-image:url('/chn/about/img/loca_btn_print.png');}
					.lcation_cont .loca_btn a.more i{width:17px; height:24px; background-image:url('/chn/about/img/loca_btn_more.png');}

			.lcation_cont .loca_btn > a:hover{background:#fff; color:#7f7f7f; transition:all 0.2s linear;}
					.lcation_cont .loca_btn a.more:hover{color:#ed1c24; }
			.lcation_cont .loca_btn a:hover i{ transition:all 0.2s linear; margin-right:13px}
					.lcation_cont .loca_btn a.print:hover i{ background-image:url('/chn/about/img/loca_btn_print_hover.png');}
					.lcation_cont .loca_btn a.more:hover i{background-image:url('/chn/about/img/loca_btn_more_hover.png');}

			.loca_trans{margin:50px 0 0;}
				.loca_trans li{border:1px solid #ddd; border-top:none; padding:40px 37px; overflow:hidden; clear:both; }
				.loca_trans li:first-child{border-top:1px solid #ddd;}
				.loca_trans li h6{float:left; width:252px; font-weight:700; color:#333; font-size:22px; letter-spacing:0; line-height:120%; }
				.loca_trans li h6 img{display:inline-block; vertical-align:middle; margin:0 15px 3px 0 ;}
				.loca_trans li dl{float:left; width:calc( 100% - 252px);}
				.loca_trans li dt{display:inline-block; width:270px; padding:0 0 3px; vertical-align:top}
					.loca_trans li dt span{display:inline-block; width:24px; height:24px; background:#999999; border-radius:50%; background:#999999; line-height:24px; text-align:center; color:#fff; font-size:13px;font-weight:700; margin:0 8px 0 0; }
					.loca_trans li .sub9 dt{color:#bd9a31;}
					.loca_trans li .sub9 dt span{background:#bd9a31;}
				.loca_trans li dd{display:inline-block; width:calc(100% - 275px);padding:0 0 3px; vertical-align:top}

				.type02 .loca_trans li dt, .type03 .loca_trans li dt {width:140px}
				.type02 .loca_trans li dd, .type03 .loca_trans li dd {width:calc(100% - 145px)}


/*** E:: µ¿¾Æ¼Ò°³_ ¿À½Ã´Â±æ ***/




/*** S:: Á¦Ç°¼Ò°³ ***/
	.cate_2dep{margin-bottom:0 !important; margin-top:40px;; position:Relative; }
		.cate_2dep > div{height:65px; border:1px solid #eeeeee; box-sizing:Border-box; }
		.cate_2dep dl{clear:both; border-bottom:none; padding:0 15px 3px; position:Relative; box-sizing:border-box; overflow:hidden; }
		.cate_2dep dd{float:left;}
		.cate_2dep dd a{display:block; color:#999; letter-spacing:0; font-size:16px; position:Relative; margin:0 15px; padding:17px 0;}
		.cate_2dep dd a.depth_linktop{color:#ed1c24;font-weight:700;}
		.cate_2dep dd a.depth_linktop::after{position:Absolute; content:""; display:block; width:5px; height:5px; border-radius:50%; background:#ed1c24; bottom:-3px; left:50%; font-size:0; line-height:100%; z-index:100;}
/*** E:: Á¦Ç°¼Ò°³ ***/



/*** S:: »çÀÌÆ®¸Ê ***/
.sitemap_cont{width:1280px; margin:0 auto 70px; overflow:hidden; clear:Both; }
	.sitemap_cont dl{float:left; margin:0 4% 0 0;  width:22%; border-top:1px solid #333;}
	.sitemap_cont dl:last-child{margin-right:0;}
	.sitemap_cont dt{text-align:center; font-weight:500; color:#333; letter-spacing:0; font-weight:700; font-size:18px; border-bottom:1px solid #ccc; padding:13px 0;}
	.sitemap_cont dd{border-bottom:1px solid #ddd;}
	.sitemap_cont dd a{display:block; width:100%; padding:13px 0; text-align:center; letter-spacing:0;  transition:all 0.2s linear;}
	.sitemap_cont dd a:hover{color:#333; background:#f7f8f9; transition:all 0.2s linear; }
/*** E:: »çÀÌÆ®¸Ê ***/


/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.policy_con{position:relative; overflow:hidden; width:1280px; margin:0 auto 70px; letter-spacing:0;}
.policy_con strong{font-weight:500; color:#333;}
.policy_con p.cont_tit {display:block; font-size:19px; padding-bottom:6px; font-weight:700; color:#333 !important; letter-spacing:0}
.policy_con .cont_txt {padding:0px 0px 50px 0; letter-spacing:0;}
.policy_con .cont_txt2 {padding-bottom:35px;}
.policy_con .cont_box {padding:25px 30px; background:#f7f8fa; margin:15px 0px 10px 0px; display:block; letter-spacing:0;}

.privacy_list {width:91%; overflow:hidden; clear:both; *zoom:1; padding:3% 4% 3% 4%; border:1px dashed #ddd; margin-bottom:30px;}
.privacy_list li {width:49%; float:left; padding-bottom:7px;}
.privacy_list li a {font-weight:700; font-weight:500; color:#333; letter-spacing:0;} 
 





/* õ¸íÈ£Ãß°¡(2016-07-20) */
.pay_add_tit {font-size: 11px; color: #555;}
.pay_add_tit2 {font-size: 11px; color: #ee2d7a;}








/*******************************************************************************
	@media ~1310px
*******************************************************************************/
@media all and (max-width:1310px){

.basic_cont{width:100%; padding:0 15px;  box-sizing:Border-box;}
.prd_cont{width:100%; padding:0 15px;  box-sizing:Border-box; }

.tab_style {width:100%; padding:0 15px;  box-sizing:Border-box;}

/***************** Start- Sub Nav *****************/
	/* ¼­ºê ³×ºñ°ÔÀÌ¼Ç ¸ð¹ÙÀÏ */
	.NavMenu {}
	.mobile_snb {width:calc(100% - 30px); }
	.mobile_snb .box .dropLst .depth2 ul li a{font-size:19px; padding:0 10px; margin:0 6px;display:block; position:relative;}
/***************** End- Sub Nav *****************/



/*** S:: µ¿¾Æ¼Ò°³_ ȸ»ç¼Ò°³ ***/
	.about_cont{}
		.about_cont h3 {}	

		.aboutCont_in{width:100%; padding:0 15px;  box-sizing:Border-box; }
			.aboutCont_in .aboutCont_in_txt .txt br.mNone{display:none;}

		.aboutCont_fam{}
			.aboutCont_fam > div{width:100%; padding:0 15px;  box-sizing:Border-box;}
			.aboutCont_fam dd br{display:none;}
			.aboutCont_famList dl{padding:30px}
			.aboutCont_famList dd{padding-left:30px}

			.aboutCont_core{width:100%; padding:0 15px;  box-sizing:Border-box; }
				.aboutCont_core li{width:49%; margin:0 2% 2% 0;  background-size:50px auto;  background-position:right 25px top 22px; height:300px}
				.aboutCont_core li br{display:none; }


			
			.aboutCont_ci{}
				.aboutCont_ci > div{width:100%; padding:0 15px;  box-sizing:Border-box; }
				.aboutCont_ci dd br{display:none;}
/*** E:: µ¿¾Æ¼Ò°³_ ȸ»ç¼Ò°³ ***/


/*** S:: µ¿¾Æ¼Ò°³_ Áֿ俬Çõ ***/
	.historyCont_top{background:url('/chn/about/img/history_bg.jpg') no-repeat center top; text-align:Center; background-size:cover; padding:95px 0 105px; }
			.historyCont_top h4{font-size:25px; font-weight:300; color:#fff; letter-spacing:0;padding:0 0 12px}
			.historyCont_top p{font-family:'Raleway', 'Noto Sans SC', 'Noto Sans KR', sans-serif;  font-size:20px; font-weight:300; letter-spacing:0.2pt; line-height:110%; color:rgba(255,255,255,0.8);}
/*** E:: µ¿¾Æ¼Ò°³_ Áֿ俬Çõ ***/


/*** S:: µ¿¾Æ¼Ò°³_ ä¿ëÁ¤º¸ ***/
	.recruitment_cont{width:100%; padding:0 15px;  box-sizing:Border-box;}

/*** E:: µ¿¾Æ¼Ò°³_ ä¿ëÁ¤º¸ ***/


/*** S:: µ¿¾Æ¼Ò°³_ ¿µ¾÷¸Á¼Ò°³ ***/
	.sales_cont{width:100%; padding:0 15px;  box-sizing:Border-box;}
/*** E:: µ¿¾Æ¼Ò°³_ ¿µ¾÷¸Á¼Ò°³ ***/


/*** S:: µ¿¾Æ¼Ò°³_ ¿À½Ã´Â±æ ***/
	.lcation_cont{width:100%; padding:0 15px;  box-sizing:Border-box;}
/*** E:: µ¿¾Æ¼Ò°³_ ¿À½Ã´Â±æ ***/




/*** S:: »çÀÌÆ®¸Ê ***/
.sitemap_cont{width:100%; padding:0 15px;  box-sizing:Border-box; }
/*** E:: »çÀÌÆ®¸Ê ***/


/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.policy_con{width:100%; padding:0 15px; box-sizing:Border-box;}

 


}





/*******************************************************************************
	@media ~980px			body,html{ font-size:14px;  }
*******************************************************************************/
@media all and (max-width:980px){


#visual{padding:80px 0 110px;}
	.subtop_about{background:url('/chn/img/subtop_about_m.jpg') no-repeat right 40% top; background-size:cover;}
	.subtop_product{background:url('/chn/img/subtop_product_m.jpg') no-repeat right 40% top; background-size:cover;}
	.subtop_character{background:url('/chn/img/subtop_character_m.jpg') no-repeat right 40% top; background-size:cover;}
	.subtop_customer{background:url('/chn/img/subtop_customer_m.jpg') no-repeat right 40% top; background-size:cover;}
	.subtop_other{background:url('/chn/img/subtop_other_m.jpg') no-repeat right 40% top; background-size:cover;}

#visual p{ font-size:16px; padding:0 0 4px}
#visual h3{font-size:40px;}

.tit_area h3 {font-size:30px; padding:70px 0 50px 0; text-align:Center;}	

.tab_style { margin-bottom:40px}
.tab_style li {width:calc( (100% - 0px) / 4 );}
.tab_style a {font-size:16px; font-weight:300; height:58px; }
.tab_style a.hover{}


.stit{font-size:17px;  margin:-30px 0 40px; word-break:keep-all; line-height:170%;}

/***************** Start- Sub Nav *****************/
	/* ¼­ºê ³×ºñ°ÔÀÌ¼Ç ¸ð¹ÙÀÏ */
	.NavMenu {position:relative; top:0; height:60px; width:100%; z-index:50; margin-top:-54px;}
	.mobile_snb {height:60px;}
	.mobile_snb .box {width:50%; float:left; height: 60px; border-right:1px solid rgba(255,255,255,0.35); box-sizing:Border-box;}   
	.mobile_snb .box.dep1{display:block; }
	.mobile_snb .box.dep1::after{content:""; display:block; width:1px; height:40%; position:absolute; right:50%; top:30%; background:#ddd;}

/* dropdownlist */
	.dropLst { display:block; vertical-align:middle; color:#666; }
	.mobile_snb .box .dropLst > .txt.title{ position:relative; display:block; text-align:left; text-decoration:none; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:60px; padding:0 40px 0 20px; box-sizing:border-box;  }
	.dropLst .hidradio { opacity:0; filter:alpha(opacity=0); position:absolute; z-index:-1; top:5px; left:5px; }
	.dropLst .dlst { display:none; position:absolute;z-index:9; width:100%;}
	.dropLst ul { background-color:#fff; padding:0; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; }
	.dropLst ul > li { }
	.dropLst .txt, .dropLst li span, .dropLst li a { line-height:60px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#777; font-weight:300;}
	.box.dep2 .dropLst .txt{ color:#ed1c24; font-weight:700;}

	.mobile_snb .box .dropLst .txt:before {content: ""; position: absolute; top:50%; right:20px; display: block; width: 10px; height: 6px; margin-top:-3px; background: url("/chn/img/news_next.gif") no-repeat center; -webkit-transition:all 0.2s cubic-bezier(0, 0, 0.25, 1); transition:all 0.2s cubic-bezier(0, 0, 0.25, 1); background-size:100%; opacity:0.4;}
	.mobile_snb .box .dropLst .txt.on:before {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
	.mobile_snb .box .dropLst ul {padding:12px 20px; background:#f7f8f9;}
	.mobile_snb .box .dropLst ul,
	.mobile_snb .box .dropLst ul li {margin:0 !important; line-height:40px; vertical-align:top; display:block; }
	.mobile_snb .box .dropLst ul li a{display:block; line-height:40px; font-size:15px; font-weight:400; }
	.mobile_snb .box .dropLst ul li:last-child {border-bottom:0;}
	.mobile_snb .box .dropLst li .on,.mobile_snb .box.dep1 .dropLst li .on:hover {color:#ed1c24 !important;  font-weight:500; }
	.mobile_snb .box.dep2 .dropLst .dlst{left:0;}
/***************** End- Sub Nav *****************/



/*** S:: µ¿¾Æ¼Ò°³_ ȸ»ç¼Ò°³ ***/
	.about_cont{}
	.about_cont h3 {font-size:30px; padding:80px 0 9px; text-align:Center;}	
	.about_cont .stit{margin:0 0 35px}

		.aboutCont_in{}
			.aboutCont_in .aboutCont_in_img{display:none; }
			.aboutCont_in .aboutCont_in_txt{display:block; width:100%; padding:0;}
			.aboutCont_in .aboutCont_in_txt .mBlock{display:block; width:100%; margin:10px 0 0}
			.aboutCont_in .aboutCont_in_txt h5 img{width:100px}
			.aboutCont_in .aboutCont_in_txt h4{font-size:28px; margin:12px 0 13px}
			.aboutCont_in .aboutCont_in_txt h4 br {display:none}
			.aboutCont_in .aboutCont_in_txt h4 img{display:block; margin:8px 0 0; width:330px}
			.aboutCont_in .aboutCont_in_txt .sTitle{font-size:17px; font-weight:300; letter-spacing:0;}
			.aboutCont_in .aboutCont_in_txt .txt{ letter-spacing:0; margin:13px 0 0;}


		.aboutCont_fam{margin:90px 0 0; padding:0 0 90px;}
			.aboutCont_fam > div{}
			.aboutCont_fam dl{padding:25px;}
			.aboutCont_fam dt{float:none; width:100%;}
			.aboutCont_fam dd{float:none; width:100%; padding:15px 0 0;}
					.aboutCont_famList dd h5{font-size:18px; padding:0 0 5px;}
					.aboutCont_famList dd h5 span{font-size:15px; margin-left:8px;}
					.aboutCont_famList dd ul{margin:0 0 12px}
					.aboutCont_famList dd li{position:Relative; padding:0 0 2px 120px; color:#333; }
					.aboutCont_famList dd li h6{font-size:14px; letter-spacing:-0.1pt; }


			.aboutCont_core{}
				.aboutCont_core li{width:100%; float:none;  margin:0 0 2% 0;  background-size:36px auto;  background-position:left 25px top 23px; height:auto; padding:25px 25px 25px 75px}
				.aboutCont_core li h6{font-size:18px; margin:0 0 3px;}

			
			.aboutCont_ci{}
				.aboutCont_ci .mBlock{display:block;}
				.aboutCont_ci .mNone{display:none; }
				.aboutCont_ci dl{margin:5px 0 0;}
				.aboutCont_ci dt{display:block; width:100%; }
				.aboutCont_ci dd {display:block; width:100%; padding:10px 0 0}
				.aboutCont_ci dd h6{font-size:18px; padding:0;}
/*** E:: µ¿¾Æ¼Ò°³_ ȸ»ç¼Ò°³ ***/



/*** S:: µ¿¾Æ¼Ò°³_ Áֿ俬Çõ ***/
	.historyCont_top{ padding:80px 0 80px; }
			.historyCont_top h4{font-size:22px;}
			.historyCont_top p{ font-size:17px; }

/*** E:: µ¿¾Æ¼Ò°³_ Áֿ俬Çõ ***/

/*** S:: µ¿¾Æ¼Ò°³_ CSR ***/
	.csrStyle{}
			.csrStyle h4{font-size:30px; }
			.csrStyle h4.eng{ font-size:25px;}
			.csrStyle .cont_txt{margin:0 0 40px}
			.csrStyle div.eng{padding:9px 0 0;}
			.csrStyle h5{font-size:17px; }
			.csrStyle h5.eng{font-size:16px;}
			.csrStyle ul{padding:8px 0 0;}
			.csrStyle ul li{padding:0 0 6px; }
			.csrStyle .grayBox{padding:15px 22px; font-size:13px; }
/*** E:: µ¿¾Æ¼Ò°³_ CSR ***/


/*** S:: µ¿¾Æ¼Ò°³_ ä¿ëÁ¤º¸ ***/
	.recruitment_cont{ }
		.recruitment_cont img{}
		.recruitmentCont_in{margin:50px 0 0;}
/*** E:: µ¿¾Æ¼Ò°³_ ä¿ëÁ¤º¸ ***/

/*** S:: µ¿¾Æ¼Ò°³_ ¿µ¾÷¸Á¼Ò°³ ***/
	.sales_cont{}
		.sales_cont .stit{margin-bottom:35px;}

		.sales02Cont_in{ padding:45px 15px;}
/*** E:: µ¿¾Æ¼Ò°³_ ¿µ¾÷¸Á¼Ò°³ ***/


/*** S:: µ¿¾Æ¼Ò°³_ ¿À½Ã´Â±æ ***/
	.lcation_cont{}
			.lcation_cont iframe {height:400px;}
			.lcation_cont .wrap_controllers {display:none;}

			.lcation_cont .loca_info{}
			.lcation_cont .loca_info li:first-child{margin:0 0 5px; width:100%;}

			.lcation_cont .loca_btn a.print{display:none;}

			.loca_trans{}
			.print .loca_trans {margin:110px 0 0}
				.loca_trans li{ padding:30px 27px; overflow:hidden; clear:both; }
				.loca_trans li h6{font-size:18px;  width:180px}
				.loca_trans li h6 img{display:inline-block; vertical-align:middle; margin:0 12px 3px 0; width:26px;}
				.loca_trans li dl{float:left; width:calc( 100% - 180px);}
				.loca_trans li dt{display:inline-block; width:100%; padding:0 0 0;}
				.loca_trans li dd{display:inline-block; width:100%;padding:0 0 8px 33px; box-sizing:border-box; }
/*** E:: µ¿¾Æ¼Ò°³_ ¿À½Ã´Â±æ ***/



/*** S:: Á¦Ç°¼Ò°³ ***/
	.cate_2dep{}
		.cate_2dep > div{height:58px;  }
		.cate_2dep dd a{ font-size:15px; margin:0 12px; padding:14px 0;}
/*** E:: Á¦Ç°¼Ò°³ ***/


/*** S:: »çÀÌÆ®¸Ê ***/
.sitemap_cont{ }
	.sitemap_cont dl{float:left; margin:0 4% 6% 0;  width:48%; }
	.sitemap_cont dl:nth-child(2n){margin-right:0;}
	.sitemap_cont dt{font-size:16px;  padding:12px 0;}
	.sitemap_cont dd a{padding:12px 0;}
/*** E:: »çÀÌÆ®¸Ê ***/


/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.policy_con{}

.policy_con p.cont_tit {font-size:17px; }
.policy_con .cont_txt {padding:0px 0px 30px 0;}
.policy_con .cont_txt2 {padding-bottom:30px;}
.policy_con .cont_box {padding:18px 20px; }

.privacy_list {width:100%; box-sizing:Border-box; margin-bottom:30px; padding:3%;}
.privacy_list li {width:100%; float:none; padding-bottom:5px;}

 



}


/*******************************************************************************
	@media 481~768px
*******************************************************************************/
@media all and (max-width:768px){




}

/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


#visual{ padding:55px 0 80px;}

#visual p{ font-size:14px}
#visual h3{font-size:29px;}

.tit_area h3 {font-size:25px; padding:50px 0 30px;;}	

.tab_style { margin-bottom:30px;}
.tab_style li {width:calc( (100% - 6px) / 3 );}
.tab_style a {font-size:14px; height:52px; }
.tab_style a.hover{}

.stit{font-size:15px;  margin:-15px 0 20px; }

.basic_cont{margin:0 auto 90px; }
.prd_cont{margin:40px auto 90px;  }

/***************** Start- Sub Nav *****************/
	/* ¼­ºê ³×ºñ°ÔÀÌ¼Ç ¸ð¹ÙÀÏ */
	.NavMenu { height:50px; margin-top:-34px;}
	.mobile_snb {height:50px;}
	.mobile_snb .box {width:50%; height: 50px; }   
	.mobile_snb .box .dropLst > .txt.title {height:50px; font-size:14px;}

/* dropdownlist */
	.dropLst .txt, .dropLst li span, .dropLst li a { line-height:50px; font-size:1}
	.mobile_snb .box .dropLst ul,
	.mobile_snb .box .dropLst ul li {line-height:36px; }
	.mobile_snb .box .dropLst ul li a{ line-height:36px; font-size:13px;  }
/***************** End- Sub Nav *****************/


/*** S:: µ¿¾Æ¼Ò°³_ ȸ»ç¼Ò°³ ***/
	.about_cont{}
	.about_cont h3 {font-size:25px; padding:50px 0 4px; text-align:Center;}	
	.about_cont .stit{margin:0 0 25px}
	.about_cont .stit .mBlock{display:block;}

		.aboutCont_in{margin:0 auto 50px auto}
			.aboutCont_in .aboutCont_in_txt h5 img{width:100px}
			.aboutCont_in .aboutCont_in_txt h4{font-size:23px;}
			.aboutCont_in .aboutCont_in_txt h4 img{width:280px; margin:5px 0 0;}
			.aboutCont_in .aboutCont_in_txt .sTitle{font-size:15px; font-weight:300; line-height:160%;}
			.aboutCont_in .aboutCont_in_txt .txt{ letter-spacing:0; margin:13px 0 0;}


		.aboutCont_fam{margin:50px 0 0; padding:0 0 50px;}
			.aboutCont_fam > div{}
			.aboutCont_fam dl{padding:0}
			.aboutCont_fam dt{float:none; width:100%;}
			.aboutCont_fam dd{float:none; width:100%; padding:15px 15px 18px;}
					.aboutCont_famList dd h5{font-size:15px; padding:0 0 5px;}
					.aboutCont_famList dd h5 span{display:block; font-size:14px; margin:-2px 0 0;}
					.aboutCont_famList dd ul{margin:0 0 8px}
					.aboutCont_famList dd li{ padding:0 0 5px 110px; color:#333; font-size:13px; line-height:160%;}
					.aboutCont_famList dd li h6{font-size:13px; letter-spacing:-0.1pt; line-height:160%;}


			.aboutCont_core{margin:0 0 50px;}
				.aboutCont_core li{ margin:0 0 2% 0; background:none !important; padding:17px 18px; }
				.aboutCont_core li h6{font-size:15px; margin:0 0 3px;}

			
			.aboutCont_ci{padding:0 0 50px; }
				.aboutCont_ci .ci_bg{padding:30px 15px}
				.aboutCont_ci .ci_bg img{max-width:80%; }
				.aboutCont_ci dd h6{font-size:15px; padding:0;}
/*** E:: µ¿¾Æ¼Ò°³_ ȸ»ç¼Ò°³ ***/




/*** S:: µ¿¾Æ¼Ò°³_ Áֿ俬Çõ ***/
	.historyCont_top{ padding:45px 0; background:url('/chn/about/img/history_bg_m.jpg') no-repeat center; background-size:cover; }
			.historyCont_top h4{font-size:18px; padding:0 0 12px; line-height:150%;}
			.historyCont_top p{ font-size:13px; }
			.historyCont_top .mBlock{display:block;}
/*** E:: µ¿¾Æ¼Ò°³_ Áֿ俬Çõ ***/


/*** S:: µ¿¾Æ¼Ò°³_ ä¿ëÁ¤º¸ ***/
	.recruitment_cont{ }
		.recruitmentCont_in{margin:30px 0 0;}
		.recruitment_cont img.recruitmentDia_m{display:block; margin:0 auto; ;}
		.recruitment_cont img.recruitmentDia_pc{display:none; }
/*** E:: µ¿¾Æ¼Ò°³_ ä¿ëÁ¤º¸ ***/



/*** S:: µ¿¾Æ¼Ò°³_ CSR ***/
	.csrBoard{}
		.csrBoard .csrSearch{ padding:30px 0 0; }
		.csrBoard .csrSearch h6{font-size:13px; margin-right:5px;}
		.csrBoard .csrSearch select{display:inline-block; width:58%; vertical-align:middle;}

	.csrStyle{}
			.csrStyle h4{font-size:26px; }
			.csrStyle h4.eng{ font-size:20px; padding:8px 0 20px}
			.csrStyle .cont_txt{margin:0 0 40px; line-height:170%;}
			.csrStyle div.eng{padding:9px 0 0; line-height:170%;}
			.csrStyle h5{font-size:16px; }
			.csrStyle h5.eng{font-size:14px; line-height:165%;}
			.csrStyle ul{padding:8px 0 0;}
			.csrStyle ul li{padding:0 0 6px; line-height:170%;}
			.csrStyle p{line-height:170%;}
			.csrStyle .grayBox{padding:13px 15px; font-size:12px; }

/*** E:: µ¿¾Æ¼Ò°³_ CSR ***/

/*** S:: µ¿¾Æ¼Ò°³_ ¿µ¾÷¸Á¼Ò°³ ***/
	.sales_cont{margin:0 auto 90px; }
		.sales_cont .stit{margin-bottom:20px;}
		.sales_cont .mBlock{display:block;}

		.sales02Cont_in .img_m{display:block;}
		.sales02Cont_in .img_pc{display:none;}

/*** E:: µ¿¾Æ¼Ò°³_ ¿µ¾÷¸Á¼Ò°³ ***/


/*** S:: µ¿¾Æ¼Ò°³_ ¿À½Ã´Â±æ ***/
	.lcation_cont{margin:0 auto 90px; }
			.lcation_cont iframe {height:300px;}
			.lcation_cont .wrap_controllers {display:none;}

			.lcation_cont .loca_info{}
			.lcation_cont .loca_info li{display:block; text-align:left; margin:0 0 5px; letter-spacing:0}
			.lcation_cont .loca_info li img{width:23px; margin-right:3px;}

			.lcation_cont .loca_btn{margin:-70px 0 0;}
			.lcation_cont .loca_btn > a{ width:90%; height:48px; line-height:48px; margin:0;}
			.lcation_cont .loca_btn a i{ margin:0 10px 0 0; ;}
					.lcation_cont .loca_btn a.more i{width:13px; height:20px; background-image:url('/chn/about/img/loca_btn_more.png');}


			.loca_trans{margin-top:22px}
			.print .loca_trans {margin:70px 0 0 }
				.loca_trans li{padding:20px 18px 10px}
				.loca_trans li h6{font-size:16px;  width:100%; display:block; float:none;}
				.loca_trans li h6 img{ margin:0 8px 3px 0; width:20px;}
				.loca_trans li dl{float:none; width:100%; width:100%; margin:10px 0 0;}
				.loca_trans li dt span{width:19px; height:19px; line-height:18px; font-size:10px;}
				.loca_trans li dd{padding:0 0 10px 28px;   margin-top:-2px}

			.type02 .loca_trans li dt, .type03 .loca_trans li dt {width:100%}
			.type02 .loca_trans li dd, .type03 .loca_trans li dd {width:100%}

/*** E:: µ¿¾Æ¼Ò°³_ ¿À½Ã´Â±æ ***/


/*** S:: Á¦Ç°¼Ò°³ ***/
	.cate_2dep{margin-top:30px !important;}
		.cate_2dep > div{height:48px;  }
		.cate_2dep dd a{ font-size:14px; margin:0 10px; padding:10px 0;}
/*** E:: Á¦Ç°¼Ò°³ ***/


/*** S:: »çÀÌÆ®¸Ê ***/
.sitemap_cont{ margin:0 auto 90px;}
/*** E:: »çÀÌÆ®¸Ê ***/

/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.policy_con{margin:0 auto 90px;}

}




/*******************************************************************************
	@media ~480px				body,html{ font-size:13px;  }
*******************************************************************************/
@media all and (max-width:480px){


.basic_cont{padding:0 3%; margin:0 auto 50px; }
.prd_cont{padding:0 3%; margin:40px auto 50px; }

.tab_style {padding:0 3%}
.tab_style a {font-size:13px}

/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.policy_con{padding:0 3%; margin:0 auto 50px;}

.policy_con p.cont_tit {font-size:16px; padding:0 0 3px}
.policy_con .cont_txt {padding:0px 0px 30px 0; line-height:170%;}
.policy_con .cont_txt2 {padding-bottom:30px; line-height:170%;}
.policy_con .cont_box {padding:15px 15px;margin:12px 0px 10px 0px; line-height:170%;}


/*** S:: µ¿¾Æ¼Ò°³_ ¿µ¾÷¸Á¼Ò°³ ***/
	.sales_cont{margin:0 auto 50px; padding:0 3%;}
		.sales_cont .stit{margin-bottom:20px;}

		.sales02Cont_in{ padding:20px 3%;}
/*** E:: µ¿¾Æ¼Ò°³_ ¿µ¾÷¸Á¼Ò°³ ***/

/*** S:: »çÀÌÆ®¸Ê ***/
.sitemap_cont{ margin:0 auto 50px; padding:0 3%; }
	.sitemap_cont dl{float:left; margin:0 0 6% 0;  width:100%; }
	.sitemap_cont dt{font-size:15px;  padding:10px 0;}
	.sitemap_cont dd a{padding:10px 0;}
/*** E:: »çÀÌÆ®¸Ê ***/


}



/*******************************************************************************
	@media ~360px
*******************************************************************************/
@media all and (max-width:360px){





}