/* * { -webkit-text-size-adjust:none; max-width:100%; } */
img { border:0; margin:0; padding:0; }
table { border-collapse:collapse; border:0;}
table, th, td, div, ul, dl, ol, li, dt, dd, p, h1, h2 { margin:0; padding:0; }
h1, h2, h3, h4, h5, dt, dd, th, td, p, li, div, textarea, select, input { font-size:12px; letter-spacing:-1px; color:#111; }
html { height:100%; }
body { margin:0; padding:0; overflow-y: scroll; height:100%; min-height:100%; }
ul, li { list-style: none; }

a:link { text-decoration:none!important; }
a:visited { text-decoration:none!important; }
a:hover { text-decoration:none!important; }
a:active { text-decoration:none!important; }


#ContainerWrap { width:100%; max-width:100%; margin:0 auto; }
	#HeaderWrap { position:relative; width:100%; margin:0 auto; height:50px; }
		.btn_call { position:absolute; top:8px; right:-22px; }
		.btn_call img { width:50%; }
		.top_logo { text-align:center; padding-top:8px; position:absolute; top:0; left:50%; margin-left:-60px; }
		.top_logo img { width:120px; }

		/* Nav */
		.wrapper { max-width: 100%; margin: 0 auto; }
		.wrapper-small { max-width: 100%; }
		.wrapper-flush { widt1h: 100%; }

		.nav { position: fixed; top: 0; height:50px; width: 100%; margin:0 auto; z-index: 10000; background-color: #fff;
		}

		.nav-container { position: fixed; top: 50px; left: 0; z-index: 9999; overflow-y: auto; visibility: hidden; width: 100%; height: 100%; min-height: 100%; margin: 0; padding: 0;
		  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
		  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
		  -webkit-transform: translateX(-100%);
		  -ms-transform: translateX(-100%);
		  transform: translateX(-100%); /* 2 */
		  background-color: #ddd;
		  -webkit-overflow-scrolling: touch; /* 3 */
		}

		.nav-container.is-visible {
		  visibility: visible; /* 1 */
		  -webkit-transform: translateX(0);
		  -ms-transform: translateX(0);
		  transform: translateX(0); /* 1 */
		}

		.nav-toggle { line-height: 1; display: inline-block; padding: 15px 10px; border: 0; background-color: #fff; }

		.nav-toggle .icon-menu { position: relative; display: inline-block; width: 25px; height: 18px; vertical-align: middle; fill: none; }


		.icon-menu .line {
		  position: absolute;
		  left: 0;
		  display: block;
		  width: 100%;
		  height: 3px;
		  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
		  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
		  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
		  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
		  background-color: #202857;
		}

		.icon-menu .line-1 { top: 0; }

		.is-active .icon-menu .line-1 {
		  -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
		  -ms-transform: translateY(10px) translateX(0) rotate(45deg);
		  transform: translateY(10px) translateX(0) rotate(45deg);
		}

		.icon-menu .line-2 { top: 50%; margin-top: -2px; }
		.is-active .icon-menu .line-2 { opacity: 0; }
		.icon-menu .line-3 { bottom: 0; }

		.is-active .icon-menu .line-3 {
		  -webkit-transform: translateY(-5px) translateX(0) rotate(-45deg);
		  -ms-transform: translateY(-5px) translateX(0) rotate(-45deg);
		  transform: translateY(-5px) translateX(0) rotate(-45deg);
		}

		.menu { list-style: none; margin: 0; padding: 0; }
		.nav-menu {
		  background-color: #55586b; /* 1 */
		  -webkit-user-select: none;
		  -moz-user-select: none;
		  -ms-user-select: none;
		  user-select: none;         /* 2 */
		  margin:0 0 50px 0;
		}

		.nav-menu .menu-item { border-top: 1px solid #34374a; }
		.nav-menu > .menu-item:last-child { border-bottom: 1px solid #bbb; }
		.nav-menu > .menu-item:hover,
		.nav-menu > .menu-item.is-active { background-color: #34374a; }
		.nav-menu .menu-link { display: block; text-decoration: none; color: #fff; padding: 0.75rem 1rem; font-size:15px; }
		.has-dropdown { position: relative; cursor: pointer; }
		.has-dropdown > .menu-link { display: inline-block; }
		.has-dropdown:after { font-size: 32px; position: absolute; top: 0; right: 1rem; bottom: 0; content: "+"; color: #fff; }
		.has-dropdown.is-active:after { content: "\2013"; }
		.nav-dropdown { display: none; background-color: #70748d; }
		.has-dropdown.is-active > .nav-dropdown { display: block; }
		.nav-dropdown .nav-dropdown { background-color: #aaa; }
		.nav-dropdown .menu-item { border-color: #34374a; }
		.nav-dropdown .nav-dropdown .menu-item { background-color: #b0b0b0; border-color: #909090; }

		.content { margin-top: 60px; }
		.content .wrapper { padding: 1rem 0; }

	#ContentsWrap {  }
		.title_img {  }
		.title_img dt { background-color:#282c42; padding-left:16px; height:45px; line-height:45px; color:#fff; font-size:16px; }
		.title_img dd {  }
		.title_img dd img { width:100%; }

		.sub_img { wi1dth:600px; margin:45px auto 0 auto; text-align:center; }
		.sub_img img { width:97%; }





		.m_title_001{font-size:18px; text-align:center; margin:0 0 10px 0;}
.m_title_001 a{color:#202857;}
		.main_m_con1{margin:40px 0 0 0;}
		.main_m_con1 ul li{float:left; width:50%; margin:-2px 0 0 0;}
		.main_m_con1 ul li img{width:100%;}
		.main_m_con2{margin:20px 0 0 0;}
		.main_m_con2_1{margin:0 auto; width:250px;}
		.main_m_con3{margin:20px 0 0 0;}
		.main_m_con4{margin:20px 0 0 0;}
		.main_m_con4_1{float:left; width:50%;}
		.main_m_con4_2{float:left; width:50%;}
		.main_m_con5{margin:20px 0 0 0;}
		.main_m_con6{margin:20px 0 0 0; background:url(../img/main_con6_bg.jpg) no-repeat 100%; padding:20px 0;}
		.main_m_con7{margin:20px 0 0 0;}
		.main_m_con7_1{margin:0 auto; width:320px;}
.main_m_con8{margin:20px 0 0 0;}
.main_m_con8_1{border:1px solid #ddd; border-left:none; border-right:none;}
.main_m_con9{margin:20px 0 0 0;}
.main_m_con9_1{border:1px solid #ddd; border-left:none; border-right:none;}
.main_m_con10{margin:20px 0 0 0; border-bottom:1px solid #ddd;}
.main_m_con11{margin:20px 0 0 0; border-bottom:1px solid #ddd;}

ul.tabs2 { margin: 15px 0 10px; width:96%; padding: 0 2%; float: left; list-style: none; height: 32px; border-bottom: 1px solid #ddd; font-size:12px; } 
ul.tabs2 li { float: left; text-align:center; cursor: pointer; width:72px; height: 31px; line-height: 31px; border: 1px solid #ddd; margin:0 0 0 -1px; font-weight: bold; background: #fafafa; overflow: hidden; position: relative; } 
ul.tabs2 li.active { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; color:#0769b2;} 
.tab_container {clear: both; width: 96%; margin:0 2%; background: #FFFFFF; } 
.tab_content2 { font-size: 12px; display: none; } 		

	#FooterWrap {  margin-top:30px; padding:30px 0; }

		.footer_detail { text-align:center; border-top:1px solid #000; }
		.footer_detail img { width:97%; }
			.detail_award { margin-top:30px; }
			.detail_video { margin-top:30px; }
			.detail_press { margin-top:30px; }

			.footer_db { width:100%; margin:55px auto 0 auto; background-color:#202857; }
				.db_img {  }
				.db_img img { width:100%; }
				.db_form { padding:0 4% 20px 4%; }
				.db_form h3 { font-size:20px; color:#fff; text-align:center; font-weight:300; margin-bottom:10px; }
				.db_form table { width:100%; }
				.db_form table tr {  }
				.db_form table tr th { color:#fff; width:25%; text-align:left; font-weight:300; font-size:14px; }
				.db_form table tr th.a_right { text-align:right; padding-right:10px; }
				.db_form table tr th.v_top { vertical-align:top; padding-top:10px; }
				.db_form table tr td { color:#fff; padd1ing:5px 0; width:75%; }
				.db_form table tr td input { font-size:15px; }
				.db_form table tr td input.name { height:32px; border:0; width:100%; }
				.db_form table tr td input.tel { height:32px; border:0; width:30%; }
				.db_form table tr td select { height:28px; border:0; width:69px; font-size:15px; position:relative; top:-2px; }
				.db_form table tr td textarea { border:0; width:98.5%; height:80px; font-size:15px; }
				.db_form table tr td .db_check { float:left; font-weight:normal; font-size:13px; margin-top:10px; color:#fff; }
				.db_form table tr td .db_check a { color:#fff; opacity:0.7; }
				.db_form table tr td .db_btn { width:100%; height:40px; line-height:40px; background-color:#0668b3; text-align:center; font-size:16px; margin-top:20px; }
				.db_form table tr td .db_btn a { display:block; color:#fff; }

					@media screen and (max-width : 360px) { 
															.db_form table tr td input.name { height:20px; width:90%; } 
															.db_form table tr td input.tel { height:20px; width:22%; }
															.db_form table tr td textarea { width:97.5%; height:70px; font-size:13px; }
															}



		.footer_community { background-color:#f2f2f2; margin-top:50px; padding:30px 0; width:100%; }
			.footer_community_lay { margin:0 auto;  }
			.footer_community_lay dl {  width:92%; margin:38px 0 0 4%; }
			.footer_community_lay dl dt { color:#434d83; background:url(../img/common/footer_bullet01.gif) left 50% no-repeat; font-size:22px; font-weight:bold; padding-left:3%; margin-bottom:24px; }
			.footer_community_lay dl dd { text-align:center; width:100%; }
			.footer_community_lay dl dd img { width:100%; }
				.top_tabs { border:1px solid #ddd; background-color:#fff; }
				.tabs__items { margin:0; padding:0; -webkit-user-select:none;user-select:none; padding:0 3.5%;}
				.tabs__item:nth-child(1) { margin-left:0; }
				.tabs__item { color:#9e9e9e; display:inline-block; padding:12px 0 9px 0; cursor:pointer; font-weight:500; font-size:15px; width:31%; text-align:center; }
				.tabs__item.tabs_active { border-bottom:2px solid #000; color:#000; pointer-events:none; }
				.tabs__content-wrapper { margin-top:-1px; border-top:1px solid #ddd; }
				.tabs__content { display:none; top:0; left:0; padding:20px 22px; }
				.tabs__content.tabs_active { display:block; }
				.tabs__content ul {  }
				.tabs__content ul li { font-size:12px; line-height:25px; font-weight:500; letter-spacing:-1.5px; text-align:left; }
				.tabs__content ul li a { color:#636363; }
				.tabs__content ul li a span { float:right; color:#999; }


		.footer_copy { padding:20px 2%; border-top:1px solid #ddd; margin-top:30px; }
			.footer_logo { margin-bottom:5px; }
			.footer_logo img { width:140px; }
			.copy_txt { float:left; color:#999; font-size:12px; font-weight:500; line-height:16px; }
			.copy_txt span { color:#c6c6c6; font-size:11px; top:8px; font-weight:bold; position:relative;  }