h1.logo { text-indent: -9999px; margin: 20px auto; width: 185px; height: 40px; background: transparent url("/images/logo.jpg") no-repeat scroll; }
h1.en_logo { text-indent: -9999px; margin: 20px auto; width: 185px; height: 40px; background: transparent url("/images/en_logo.png") no-repeat scroll; }
h1.f_logo { text-indent: -9999px; margin: 0px auto; width: 230px; height: 50px; background: transparent url("/images/footer_logo.jpg") no-repeat scroll; }
h1.en_f_logo { text-indent: -9999px; margin: 0px auto; width: 140px; height: 110px; background: transparent url("/images/en_footer_logo.png") no-repeat scroll; background-size: 140px;}
h3.title {color:#003485; font-size:3rem; font-weight: bold;}


/*  헤더  */
.top_head {background: #eaeef1; height: 50px;}
.top_head ul {text-align: right;}
.top_head ul li {display: inline-block; color: #999; font-size: 13px; line-height:50px; padding: 0 10px;}
.top_head ul li:hover {color: #333;}

header {height: 80px;}
.gnb_menu .gnb_list {float:left; font-size: 20px; width:130px; line-height: 80px; position: relative; text-align: center; height: 80px; transition: none;}
.gnb_menu .gnb_list:hover {background: #f9f9f9; font-weight: bold;}
.gnb_menu .gnb_list a {display:block;}
.gnb_menu .sub_menu {display: none; transition: none; position: absolute; top: 80px; left: 50%; transform: translateX(-50%); z-index: 999; background: white; width: 230px; border-top: 2px solid #013686;}
.gnb_menu .sub_list {font-size: 14px; line-height: 50px; font-weight: normal; border-bottom: 1px solid #eee;}
.gnb_menu .sub_list:hover {color: #013686;}
.gnb_menu .sub_list:last-child {border-bottom: none;}



.en_gnb_menu .gnb_list {font-size: 15px; margin-left: 30px; width:auto;}
.en_gnb_menu .gnb_list:hover {background: white;}

/*  푸터  */
footer {background: #f4f5f7; padding: 40px 0; min-width: 1280px; }
footer .text {margin-left: 100px;}
footer .text ul li {font-size: 1.1rem; line-height: 23px;    margin-bottom: 5px;}
footer .text ul li span {font-weight: bold; width: 150px; display: inline-block;}





/*  메인 페이지  */
.main_slogan {margin: 100px auto; font-weight: bold; font-size: 3rem; line-height: 4rem; color: #999; text-align: center;}
.main_slogan span {color:#013686; }

.main_quick {}
.main_quick ul {margin-top: 0px;}
.main_quick ul li {text-align: center; background: white; width: 33.333%; padding: 20px; border-right: 1px solid #eee;}
.main_quick ul li:last-child {border-right: 0;}
.main_quick ul li h3 {font-size: 1.7rem; width: 15rem; height: 3rem; background: #013686; border-radius:40px; line-height: 3rem; text-align: center; margin: 0 auto; color: white;}
.main_quick ul li a {display: block; margin: 10px auto 0;}
.main_quick ul li a span {display: block; font-size: 13px; color: #999; margin-top: 10px;}
.main_quick ul li:hover a span {color:#013686;} 

.main_quick_2 {margin: 60px auto;}
.main_quick_2 li {float: left; width: 33.333%; height: 200px; transition: all 0.3s linear;}
.main_quick_2 li h4 {text-align: center; line-height: 200px; color: white; font-weight: bold; font-size: 1.7rem;}
.main_quick_2 li:nth-child(1) {background: url('/images/main_quick_4.jpg') no-repeat center; background-size: cover;}
.main_quick_2 li:nth-child(2) {background: url('/images/main_quick_5.jpg') no-repeat center; background-size: cover;}
.main_quick_2 li:nth-child(3) {background: url('/images/main_quick_6.jpg') no-repeat center; background-size: cover;}
.main_quick_2 li:nth-child(4) {background: url('/images/main_quick_7.jpg') no-repeat center; background-size: cover;}
.main_quick_2 li:nth-child(5) {background: url('/images/main_quick_8.jpg') no-repeat center; background-size: cover;}
.main_quick_2 li:nth-child(6) {background: url('/images/main_quick_9.jpg') no-repeat center; background-size: cover;}
.main_quick_2 li:hover {background-size: 110%;}

/*  서브 공통  */
.sub_title {width: 100%; min-width: 1280px; height: 400px; position: relative;}
.sub_title.sub_1_bg {background: url('/images/sub_1_bg.jpg') no-repeat center; background-size: cover;}
.sub_title.sub_2_bg {background: url('/images/sub_2_bg.jpg') no-repeat center; background-size: cover;}
.sub_title.sub_3_bg {background: url('/images/sub_3_bg.jpg') no-repeat center; background-size: cover;}
.sub_title.sub_4_bg {background: url('/images/sub_4_bg.jpg') no-repeat center; background-size: cover;}
.sub_title.sub_5_bg {background: url('/images/sub_5_bg.jpg') no-repeat center; background-size: cover;}
.sub_title.sub_6_bg {background: url('/images/sub_6_bg.jpg') no-repeat center; background-size: cover;}

.lnb_bar {background: #f4f5f7; height: 40px;}
.lnb_bar h4 {width: 300px; line-height: 40px; background: #0076b3; color: white; text-align: center; font-weight: bold; font-size: 15px;}
.lnb_bar ul li {display: inline-block; margin-left: 5px; font-size: 13px; line-height: 40px; color: #999;}
.lnb_bar ul li:last-child {color: #333;}

.lnb {width: 300px; border-top: 3px solid #013686;}
.lnb li {line-height: 26px; font-size: 16px; padding: 10px 0;text-align: center; border-bottom: 1px solid #eee; color: #666;}
.lnb li.on {color: #013686; font-weight: bold;}
.lnb li a {display: block;}

.sub_content {padding: 100px 0 100px 40px; width: calc(100% - 300px);}
.subject {font-size: 2.5rem; color: #666; font-weight: bold;     text-align: left;}
.subject:before {content: ''; background: url('/images/bullet.jpg') no-repeat; display: inline-block; width: 22px; height: 21px; margin-right: 10px;}

/*  sub1-1  */
.sub_content_1_1 {background: url('/images/sub_1_1_img.jpg') no-repeat right 80%; }
.sub_content_1_1 p {font-size: 1.8rem; line-height: 2.6rem; margin-top: 60px; width: 500px;}
.sub_content_1_1 p .team {display: block; text-align: right; margin-top: 40px; font-size: 15px;}

/*  sub1-2  */
.sub_content_1_2 img {margin: 60px auto;}

/*  sub1-3  */
.sub_content_1_3 img {margin: 60px auto; display: block;}
.sub_content_1_3 h5 {font-size: 2rem; padding-bottom: 5px; border-bottom: 2px solid #333; margin-bottom: 20px; display: inline-block;}
.sub_content_1_3 ul {margin-bottom: 60px;}
.sub_content_1_3 ul li {font-size: 1.8rem; line-height: 2.6rem; margin-bottom: 5px; }

/*  sub1-4  */
.sub_content_1_4 ul {margin: 60px auto; border-top: 1px solid #eee;}
.sub_content_1_4 ul li {font-size: 1.5rem; line-height: 2.6rem; padding: 10px 0; border-bottom: 1px solid #eee; }
.sub_content_1_4 ul li span {color: #999; margin-right: 20px;}

/*  sub1-5  */
.sub_content_1_5 img {margin: 60px auto;}


/*  sub1-6  */
.sub_content_1_6 ul {margin: 60px auto; border-left: 1px solid #eee; border-top: 1px solid #eee; }
.sub_content_1_6 ul li {float: left; width: 25%; border-right: 1px solid #eee; border-bottom: 1px solid #eee; text-align: center;}

/*  sub1-7  */
.sub_content_1_7 {text-align: center;}
.sub_content_1_7 .img_2 {margin-top:60px;}
.sub_content_1_7 .map_wrap {margin-top:60px;}
.sub_content_1_7 .map_wrap .info {width: 60%;}
.sub_content_1_7 .map_wrap .info #map {width: 100%; height: 350px;}
.sub_content_1_7 .map_wrap img {width:40%;}
.sub_content_1_7 table {margin-top: 30px; border-top: 1px solid #eee; width: 100%;}
.sub_content_1_7 table tr {font-size: 1.5rem; line-height: 2.3rem; text-align: left; border-bottom: 1px solid #eee;}
.sub_content_1_7 table tr th {font-weight: bold; height: 40px; vertical-align: middle; padding: 0 20px; width: 20%; border-right: 1px solid #eee;}
.sub_content_1_7 table tr td {height: 40px; vertical-align: middle; width: 80%;  padding: 0 20px;}



/*  sub2~  */
.sub_content_2 p {font-size: 1.8rem; line-height: 2.6rem; margin-top: 60px;}
.sub_content_2 img {margin: 30px 0; display: block;}
.sub_content_2 table {width: 100%; border-left: 1px solid #eee; margin-top: 30px;}
.sub_content_2 table tr {font-size: 1.8rem; line-height: 2.6rem; }
.sub_content_2 table tr th {background: #013686; color: white; height: 40px; vertical-align: middle;}
.sub_content_2 table tr td {height: 40px; vertical-align: middle; border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 0 2%; text-align: center;}

.sub_content_2 p .title {font-size: 2rem; padding-bottom: 5px; border-bottom: 2px solid #333; margin-bottom: 20px; display: inline-block; }



/*  sub3  */
.sub_content_3 img {margin-top: 60px;}
.sub_content_3 table {width: 100%; border-left: 1px solid #eee; margin-top: 30px;}
.sub_content_3 table tr { }
.sub_content_3 table tr th {font-size: 1.5rem; line-height: 2.3rem;background: #013686; color: white; height: 40px; vertical-align: middle;}
.sub_content_3 table tr td {font-size: 1.5rem; line-height: 2.3rem;height: 40px; vertical-align: middle; border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 10px 2%; text-align: center;}


.sub_content_3 p {font-size: 1.8rem; line-height: 2.6rem; margin-top: 60px;}
.sub_content_3 ul {background: #f9f9f9; padding: 20px 0; margin-top: 30px; margin-bottom: 60px;}
.sub_content_3 ul li {text-align: center; width: 50%; padding: 20px;}
.sub_content_3 ul li p {font-size: 1.5rem; padding: 5px 0; border-top: 1px solid #333; border-bottom: 1px solid #333; display: inline-block; width: 150px; margin-top: 20px; }
.sub_content_3 ul li img { margin-top: 0px;}


/*  sub4  */
.sub_content_4 p {font-size: 1.8rem; line-height: 2.6rem; margin-top: 60px;}
.sub_content_4 p .color {color: #013686;}
.sub_content_4 img {margin-top: 60px;}


/*  sub5  */
.sub_content_5 p {font-size: 1.8rem; line-height: 2.6rem; margin-top: 30px;}
.sub_content_5 h5 {font-size: 2rem; font-weight: bold; color: #013686; margin-top: 60px;}
.sub_content_5 table {width: 100%; border-left: 1px solid #eee; border-top: 1px solid #eee; margin-top: 10px;}
.sub_content_5 table tr { }
.sub_content_5 table tr th {font-size: 1.5rem; line-height: 2.3rem;background: #013686; color: white; height: 40px; vertical-align: middle;}
.sub_content_5 table tr td {font-size: 1.5rem; line-height: 2.3rem;height: 40px; vertical-align: middle; border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 10px 2%; text-align: left;}
.sub_content_5 h6 {font-size: 1.8rem; color: #999; margin-top: 30px;}
.sub_content_5 img {margin-top: 30px;}
.sub_content_5 table.table_2 tr td {text-align: center;}
.sub_content_5 .info {background: #bad3f2; font-size: 1.8rem; padding: 2% 5%; text-align: left; line-height: 2.6rem; margin-top: 30px;}
.sub_content_5 .info_2 {margin-top: 30px;}
.sub_content_5 .info_2 li {font-size: 1.8rem; line-height: 2.6rem; margin-bottom: 10px; list-style: disc; text-indent: 20px;}
















