/* common */
h2.tit         { margin-top: 6%; font-size: 3em; font-weight: 800; color: #03287a; text-align: center;}
h3.tit         { margin:50px auto 10px; text-align: center; font-size: 1.8em; font-weight: 500; color: #212121;}
h3.tit span    { position: relative; top:-10px; margin-right: 20px; font-size:0.5em; font-weight: 400; color: #888; }
h3.tit span:after { content: ''; position: absolute; right: 0; bottom: -5px; width: 30px; height: 1px; background: #aaa;}

.dl_style      { margin-top:3%}
.dl_style dl   { margin-bottom: 18px; }
.dl_style dt   { position:relative; float:left; width: 100px; margin-right:20px; font-size:1.2em; font-weight:500; color:#212121; text-align:right;}
.dl_style dt:before { content:''; position: absolute; bottom:-10px; right: 0; width: 100px; height: 1px; background: #dcdcdc;}
.dl_style dl:first-child dt:before { background:#333;}
.dl_style dd   { position:relative; margin-left:120px; font-size:1.1em; font-weight:300; line-height: 1.7;}


/* outline */
.outline .intro::after      { content: ''; display: block; clear: both;}
.outline .intro .img_area   { float: left; width: 609px; margin-right: 50px;}
.outline .intro .text_area  { float: left; width: calc(100% - 659px);}
.outline .busi_area01 p     { margin: 0; font-size: 1.35em; text-align: center;}
.outline .busi_area02        { overflow: hidden;}
.outline .busi_area02 .inner { float: left; width:49%; height: 290px; padding:3% 1% 4%; margin-top:10px; text-align: center; background: #f7f7f9; box-sizing: border-box;}
.outline .busi_area02 .inner:nth-child(2) { margin-right: 2%;}
.outline .busi_area02 h4     { margin: 0 0 15px; font-size: 1.6em;}
.outline .busi_area02 p      { display: inline-block; margin:5px; padding:10px 30px; background: #fff; font-size: 1em; letter-spacing: -.3px; border-radius:30px; box-sizing: border-box; box-shadow:3px 3px 0 #e1e4eb;}
.outline .busi_area02 p.blue { color:#fff;  background:#3d60b1; }
.outline .busi_area03         { text-align: center;}


/* history&Organization */
.his_area                   { overflow: hidden; margin-bottom: 3%;}
.his_area  .img_area        { width: 528px; }
.his_area  .img_area img    { width: 100%;}
.his_area  .text_area       { font-size: 1.1em; margin-top:.5%;}
.his_area.left .img_area    { float: left;  margin-right: 50px; margin-left: 100px;}
.his_area.left .text_area   { float: left; width: calc(100% - 678px); }
.his_area.right .img_area    { float: right;  margin-right: 0; margin-left: 100px;}
.his_area.right .text_area   { float: right; width: calc(100% - 628px); text-align: right}
.his_area.right dt           { float: right; margin-right: 0; margin-left:20px;}
.his_area.right dd           { margin-left: 0; margin-right:125px }
.his_area.left strong        { margin-right: 10px;}
.his_area.right strong       { float: right; margin-left: 10px;}
.organ						{ text-align: center; margin-bottom: 5%}


/* philosopy&*rule */
.philosopy, .rule			{ text-align: center}
.philosopy h2				{ font-size:2em; font-weight: 400;}
.rule						{ overflow: hidden;}
.rule h2					{ margin-top: 8%; font-size:2.2em; color: #03287a;}
.rule dl					{ float: left; width: 25%; padding:2% 0; box-sizing: border-box; border-right: 1px solid #ddd;}
.rule dl dt					{ height:80px;}
.rule dl:last-child			{ border-right:0;}
.rule h3					{ margin:10px auto; color: #3d60b1; font-size: 1.6em; line-height: 1.3;}
.rule h3 span				{ display: block; font-size: 0.8em; font-weight: 300; color: #333}
.rule p						{ font-size:1.1em;}


/* newproduct */
section.new					{ margin-bottom:8%; text-align:center;}
.new h2.tit					{ margin-bottom:0; line-height:1.3; font-weight:400;}
.new h3.tit					{ margin:30px auto 10px;}
.new .tit_sub				{ margin-top:5px; text-align:center; font-size:1.3em;}
.new .app					{ margin-top:-5px; font-size:1.2em;}


/* product */
.pro_info					{ overflow:hidden;}
.pro_info .img_area			{ float:left; width:600px; margin-right:35px; }
.pro_info .img_area img		{ width:100%;}
.pro_info .text_area		{ float:left; }
.pro_list					{ position:relative;}
.pro_list h3				{ margin:5% 0 1%; font-size:2em; font-weight:400; color:#111; letter-spacing:-1px;}
.pro_list h3 span			{ font-weight:600;}
.pro_list .down				{ position:absolute; top:0; right:0; padding-left:45px; color:#005eff; font-weight:600; line-height:1.3;}
.pro_list .down:before		{ content:''; position:absolute; top:0; left:0; width:37px; height:37px; color:#fff; background:url('/img/content/icon_down.svg')no-repeat center 8px #005eff; background-size:18px; border-radius:50%; }
.pro_list table				{ width:100%; text-align:center; border-top:2px solid #082b72;}
.pro_list table	th			{ font-size:1.25em; font-weight:500; line-height:55px; color:#082b72; background:#eaedf2; border-right:1px solid #fff;}
.pro_list table	th:last-child { border-right:0;}
.pro_list table	th span		{ margin-left:10px; color:#8691a7;}
.pro_list table	td			{ line-height:45px; border-bottom:1px solid #eaedf2; border-right:1px solid #eaedf2;}
.pro_list table	td:last-child { border-right:0;}
.pro_list table	td strong	{ display:block; font-size:1.1em; line-height:50px; color:#082b72;}


/* location */
.location					{ position:relative; padding-bottom:3%; }
.location .busi_card		{ text-align:center;  }
.location .busi_card li		{ position:relative; display:inline-block; width:47%; margin:0 1% 3%; padding:5% 3%; border-radius:15px; border:1px solid #ddd; box-sizing:border-box;}
.location .busi_card h2		{ position:absolute; left:7%; top:10%; margin:0; color:#3d60b1}
.location .busi_card .text_area { margin-top:10%; overflow:hidden;}
.location .busi_card h3		{ float:left; width:38%; margin-right:3%; font-size:2em;}
.location .busi_card h3 span { margin-right:0.2em; font-size:0.6em; color:#3d60b1}
.location .busi_card .info	{ float:left; width:50%; padding-left:5%; border-left:1px solid #ddd; text-align:left; }
.location .busi_card dt		{ display:inline-block; font-weight:500; color:#898989;}
.location .busi_card dt span { color:#3d60b1; font-size:1.2em;}
.location .busi_card dd		{ display:inline-block; margin-left:5px; font-size:1.1em;}
.location .busi_card .add	{ margin-top:5%; text-align:left;}







/*해상도 1920px  미만*/
@media all and (max-width : 1920px) {
	section.new .img_area img	{ width:48%;}
}


/*해상도 1700px  미만*/
@media all and (max-width : 1700px) {
	.outline .intro .img_area     { float:none; margin: 0 auto}
	.outline .intro .text_area    { float:none; width: 100%;}
	.his_area  .img_area          { width:45%; }
	.his_area.left .img_area      { margin-left: 0; margin-right:5%}
	.his_area.left .text_area     { width:50%; }
	.his_area.right .img_area     { margin-left: 5%;}
	.his_area.right .text_area    { width:50%;}

	.pro_info .img_area			{ width:50%; margin-right:5%; }
	.pro_info .text_area		{ width:45%; }
}

/*해상도 1366px 이하*/
@media all and (max-width : 1366px) {
  .respon_width { width: 92%; margin-left:auto; margin-right: auto;}

  .location iframe { display:block; width:92% !important; margin:0 auto !important;}
}

/*해상도 1200px 이하*/
@media all and (max-width : 1200px) {
  .outline .busi_area02 .inner { float: none; width: 100%; height: auto;}
  .outline .intro .img_area   { width:100%;}
  .outline .busi_area03 img   { width: 100%;}

  .rule dl { width:50%; padding:4% 2% 5%;}
  .rule dl:nth-child(3)  { border-right: 0;}
  .rule dl:nth-child(4),
  .rule dl:nth-child(5) { border-top:1px solid #ddd;}
}

/*해상도 900px 이하*/
@media all and (max-width : 900px) {
	.his_area  .img_area        { width:700px}
	.his_area  .text_area       { margin-top:2%;}
	.his_area.left .img_area      { float: none; margin: 0 auto;}
	.his_area.left .text_area     { float: none; width:100%;}
	.his_area.right .img_area    { float: none;  margin: 0 auto;}
	.his_area.right .text_area   { float: none; width:100%; text-align: left;}
	.his_area.right dt           { float: left; margin-right: 20px; margin-left:0;}
	.his_area.right dd           { margin-left: 125px; margin-right:0 }
	.his_area.right strong       { float: none; margin-left: 0; margin-right: 10px}
	.organ img                   { width: 100%}

	.new h2.tit span			{ font-size:0.75em;}
	.new .tit_sub				{ font-size:1em;}

	/* location */
	.location .busi_card h3 span { display:block;}
}

/*해상도 800px 이하*/
@media all and (max-width : 800px) {
	.location iframe			{ height:300px !important;}
	.location .info_area		{ position:static; width:92%; margin-bottom:3%; padding:4% 6%; border:0; box-shadow:none; background:#f8f8f8; box-sizing:border-box;}
	.location .info_area p		{ padding-left:25px; background-size:17px !important;}

	.location .member dt		{ width:95px; margin-right:10px; font-size:1.4em; line-height:40px;}
	.location .member dd		{ line-height:40px; font-size:1.3em;}

	.pro_info .img_area,			
	.pro_info .text_area		{ float:none; width:100%;}
	.pro_list table	th			{ padding:1% 0.5%; font-size:1em; font-weight:500; line-height:1.4;}
	.pro_list table	th span		{ display:block;}
	.pro_list table	td			{ padding:1% 0.5%; line-height:1.4; }
	.pro_list table	td strong	{ line-height:2;}

	/* location */
	.location .busi_card li		{ width:90%; margin:0 auto 2%;}
	.location .busi_card h3 span { display:inline-block;}
}

/*해상도 700px 이하*/
@media all and (max-width : 700px) {
	  h2.tit     { margin-top:12%; margin-bottom:3%; font-size:2.5em; }
	  h2.tit.fir { margin-top:5%}
	  h3.tit     { margin:10% auto 2%; font-size: 1.6em;}
	  h3.tit.fir { margin-top:7%}

	.outline .intro .img_area img { width: 100%}
	.outline .busi_area02 h4   { font-size:1.3em; }
	.outline .busi_area02 p     { margin:3px; padding:1% 3%;}

	.his_area  .img_area        { width:100%}

	.philosopy img   { width: 100%;}
	.philosopy h2 { margin-bottom:2%;}
	.rule dl    {  padding:4%; border:none !important;}
	.rule dl:nth-child(2) img { width:50px;}
	.rule dl:nth-child(3) img { width:60px;}
	.rule dl:nth-child(4) img { width:60px;}
	.rule dl:nth-child(5) img { width:48px;}
	.rule dl dt		{ height:auto !important}	
	.rule dl br   { display: none}
}

/*해상도 600px 이하*/
@media all and (max-width : 600px) {
	.dl_style dt   { width: 80px; margin-right:12px; }
	.dl_style dt:before { width: 70px;}
	.dl_style dd   { margin-left: 100px;}
	.his_area.right dd { margin-left: 100px;}
	.his_area .text_area { font-size:1em;}

	.rule h2		{ margin-top:12%;}
	.new h2.tit		{ margin-top:14%;}
	.new h2.tit.fir { margin-top:0;}

	.pro_list .table_area { overflow-x:scroll;}
	.pro_list table		{ width:600px;}
	.pro_list h3		{ margin:6% auto 2%; font-size:1.8em;}
	.pro_list .down		{ padding-left:38px; font-size:0.9em;}
	.pro_list .down:before { width:30px; height:30px; background-size:15px; background-position-y:7px;}

	/* location */
	.location .busi_card img { width:90px;}
	.location .busi_card h3 { margin-right:2%; font-size:1.5em;}
	.location .busi_card .info { width:auto !important; padding-left:4%;}
	.location .busi_card dd { font-size:0.95em;}
	.location .busi_card .add { width:90%; margin:5% auto 2%;}
}


/*해상도 500px 이하*/
@media all and (max-width : 500px) {
	.pro_list table		{ width:530px;}
	.pro_list table td strong { font-size:1em;}
}