@charset "utf-8";


* {margin:0; padding:0;}
body, html {background:#fff; height:100%;}
html {overflow-y:scroll;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, th, select ,textarea
{margin:0; padding:0; color:#555; font-size:10pt; line-height:1.3em; letter-spacing:-0.03em; font-family:"맑은 고딕", "Malgun Gothic", "Arial", "돋움", "Dotum", "AppleGothic";}

table, tr, td {margin:0; padding:0; border-collapse:collapse; font-size:10pt; line-height:1.7em; color:#555; font-family:Malgun Gothic, AppleGothic, Dotum;}

ul, ol, li {list-style:none;}
img {border:0; vertical-align:top;}

a:link {color:#555; text-decoration:none;}
a:visited {color:#555; text-decoration:none;}
a:hover {color:#fff; text-decoration:none;}
a:active {color:#555; text-decoration:none;}
a {selector-dummy: expression(this.hideFocus=true);}

legend, caption {display:none;}


#top {clear:both; margin:0 auto; width:100%; height:90px; background-color:#112038;}

#header {clear:both; margin:0 auto; width:1060px; height:90px; background-color:#112038;}

#logo_top {clear:both; float:left; margin-top:27px; margin-left:4px;}

#header_menu {float:right; margin-top:37px; margin-right:4px;}
#header_menu li {display:inline; padding-left:35px;}
#header_menu a {color:#9d9fa5; font-size:10.5pt; font-weight:bold;}
#header_menu a:hover {color:#fff; font-size:10.5pt; font-weight:bold;}

#top_img_about {clear:both; margin:0 auto; max-width:2000px; height:272px; background:url(../images/company/bg_top_about.png) no-repeat;}

#top_about {clear:both; margin:0 auto; width:1060px; height:272px;}

.top_title {margin:0 auto; text-align:center; color:#fff; font-size:25pt; font-weight:bold; padding-top:92px;}
.top_sub {margin:0 auto; text-align:center; color:#fff; font-size:13pt;}

#about {clear:both; margin:0 auto; max-width:2000px; height:580px; background:url(../images/company/bg_about.png) no-repeat;}

#about_01 {clear:both; margin:0 auto; width:1060px;}

.content_title {margin:0 auto; text-align:center; color:#1d365c; font-size:22pt; font-weight:bold; padding-top:60px;}
.content_title_02 {margin:0 auto; text-align:center; color:#1d365c; font-size:13pt; font-weight:bold; padding-top:35px;}
.content_sub {margin:0 auto; text-align:center; line-height:1.7em; padding-top:15px;}

#about_02 {float:left; width:530px; margin-top:40px;}
#about_03 {float:left; width:480px; padding-left:50px; margin-top:50px; line-height:1.7em;}

#organization {clear:both; margin:0 auto; max-width:2000px; height:630px; background:#f6f6f6;}

#organization_01 {clear:both; margin:0 auto; width:1060px;}

#together {clear:both; margin:0 auto; max-width:2000px;}

#together_01 {clear:both; margin:0 auto; width:1060px;}

#together_02 {clear:both; margin:0 auto; width:1060px;}

.rolemodel {float:left; width:190px; text-align:center; margin:30px 11px 70px 11px;}

#together_03 {clear:both; margin:0 auto; width:1060px;}

.work {float:left; width:530px; margin-bottom:40px;}
.work_02 {float:left; width:480px; margin-bottom:40px; margin-left:50px;}
.work_img {float:left; margin-right:30px; height:120px;}
.work_title {color:#1d365c; font-size:11pt; font-weight:bold;}
.work_sub {font-size:9pt; margin-top:10px; line-height:1.7em;}


#top_img_business {clear:both; margin:0 auto; max-width:2000px; height:272px; background:url(../images/company/bg_top_business.png) no-repeat;}

#top_business {clear:both; margin:0 auto; width:1060px; height:272px;}

#business {clear:both; margin:0 auto; width:1060px;}

#content_business {clear:both; margin:0 auto; width:1060px; height:1040px; margin-top:65px; background:url(../images/company/bg_business.png) no-repeat;}

#business_01 {clear:both; padding-top:80px; padding-left:765px;}

.business_title {color:#1d365c; font-size:11pt; font-weight:bold;}
.business_sub {font-size:9pt; margin-top:10px; line-height:1.7em;}

#business_02 {clear:both; padding-top:170px; padding-left:410px;}

#business_03 {clear:both; float:left; padding-top:170px; padding-left:45px;}

#business_04 {padding-top:170px; padding-left:765px;}

#business_05 {clear:both; padding-top:170px; padding-left:410px;}


#top_img_certification {clear:both; margin:0 auto; max-width:2000px; height:272px; background:url(../images/company/bg_top_certification.png) no-repeat;}

#top_certification {clear:both; margin:0 auto; width:1060px; height:272px;}

#certification {clear:both; margin:0 auto; width:1060px;}

#content_certification {clear:both; margin:0 auto; width:1060px;}

#certification_01 {clear:both; margin:0 auto; margin-top:20px; text-align:center;}

#certification_02 {clear:both; margin:0 auto; margin-top:20px; text-align:center;}

#certification_03 {clear:both; margin:0 auto; margin-top:20px; text-align:center;}


#top_img_history {clear:both; margin:0 auto; max-width:2000px; height:272px; background:url(../images/company/bg_top_history.png) no-repeat;}

#top_history {clear:both; margin:0 auto; width:1060px; height:272px;}

#history {clear:both; margin:0 auto; width:1060px;}

#content_history {clear:both; margin:0 auto; width:1060px; margin-top:40px; background:url(../images/company/bg_history.png) no-repeat;}

.history_01 {clear:both; width:536px; text-align:right; margin-bottom:25px;}

.history_02 {clear:both; width:600px; text-align:left; margin-left:491px; margin-bottom:25px;}

.history_title {color:#22bae1; font-size:22pt; font-weight:bold; margin-left:34px;}
.history_icon_01 {margin-left:24px;}
.history_icon_02 {margin-right:24px;}
.history_sub {margin-top:8px; margin-left:70px; margin-right:35px; line-height:1.7em;}
.history_sub_b {color:#333; font-weight:bold}


#top_img_distributors {clear:both; margin:0 auto; max-width:2000px; height:272px; background:url(../images/company/bg_top_distributors.png) no-repeat;}

#top_distributors {clear:both; margin:0 auto; width:1060px; height:272px;}

#distributors {clear:both; margin:0 auto; width:1060px;}

#content_distributors {clear:both; margin:0 auto; width:1060px;}

.distributors_title {margin:0 auto; text-align:center; color:#1d365c; font-size:13pt; font-weight:bold; padding-top:35px; margin-bottom:30px;}

.distributors_01 {clear:both; float:left; width:520px; height:190px; background:#f6f6f6; margin-bottom:20px; margin-right:20px;}

.distributors_02 {float:left; width:520px; height:190px; background:#f6f6f6; margin-bottom:20px;}

.distributors_img {float:left; margin-top:35px; margin-left:40px; width:120px; height:120px;}
.distributors_sub {float:left; margin-top:38px; margin-left:40px; line-height:1.7em;}
.distributors_sub_b {color:#333; font-weight:bold}


#top_img_contact {clear:both; margin:0 auto; max-width:2000px; height:272px; background:url(../images/company/bg_top_contact.png) no-repeat;}

#top_contact {clear:both; margin:0 auto; width:1060px; height:272px;}

#contact {clear:both; margin:0 auto; width:1060px;}

#content_contact {clear:both; margin:0 auto; width:1060px;}

#contact_01 {margin-top:50px;}

#contact_02 {float:left; margin-top:40px; margin-bottom:70px;}

#contact_03 {float:left; width:470px; margin-top:60px; margin-left:55px;}

.contact_title {color:#1d365c; font-size:13pt; font-weight:bold; margin-bottom:20px;}
.contact_sub {line-height:1.7em; margin-bottom:20px;}
.contact_sub_b {color:#333; font-weight:bold}

#contact_06 {clear:both; float:left; margin-bottom:70px;}

#contact_07 {float:left; width:470px; margin-top:20px; margin-left:55px;}

#contact_04 {clear:both; float:left;}

#contact_05 {float:left; width:470px; margin-top:20px; margin-left:55px;}


#bottom {clear:both; margin:0 auto; width:100%; height:60px; background-color:#1d365c;}

#footer {clear:both; margin:0 auto; width:1060px;}

.copyright {color:#fff; text-align:center; padding-top:21px;}