@charset "utf-8";


/* 인사말 */
.about_cont01 {margin:0 10px; font-family: 'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',Tahoma, Geneva, sans-serif,verdana; font-size:18px; line-height:1.66; background:url('/images/about/about01_img01.jpg') no-repeat right top;}
.about_cont01 .t01 {position:relative; padding-bottom:25px; font-size:45px; font-weight:500; line-height:1.22; color:#000000;}
.about_cont01 .t01:after {position:absolute; left:0; bottom:0; width:57px; height:1px; background:#bec2c4; content:'';}
.about_cont01 .t02 {max-width:380px; margin:27px 0 45px; font-size:30px;}
.about_cont01 .t03 {padding-right:465px;}
.about_cont01 .t04 {margin-top:45px;}
.about_cont01 .t04 em {display:block; font-size:30px; color:#000000; line-height:1.5;}
.about_cont01 .sign {font-size:18px; color:#666666; margin-top:50px; line-height:35px;}
.about_cont01 .sign em {display:inline-block; margin-left:15px; font-size:30px; color:#000000; font-weight:500;}


/* 개요 */
.overview {padding-bottom:40px; border-top:2px solid #0d2d4f; border-bottom:1px solid #0d2d4f; background:#f6f8fa;}
.overview .col {padding:0 35px;}
.overview .col+.col {border-left:1px solid #ccc;}
.overview dl+dl {margin-top:30px;}
.overview dt {margin:0px 0 12px; color:#000000;}

.main_func ul {border-top:2px solid #0d2d4f; border-bottom:1px solid #0d2d4f;}
.main_func li {display:inline-block; width:100%; padding:15px 0;}
.main_func li+li {border-top:1px solid #dddddd;}
.main_func .num {float:left; margin-left:17px; width:29px; height:29px; font-size:15px; color:#fff; line-height:29px; text-align:center; background:#0d2d4f;}
.main_func p {margin-top:3px; margin-left:60px;}

.history {margin-top:120px; border-top:2px solid #0d2d4f; border-bottom:1px solid #0d2d4f; line-height:1.2;}
.history li+li {border-top:1px solid #dddddd;}
.history dl {display:inline-block; width:100%;}
.history li > dl {padding:40px 0;}
.history dt {float:left;}
.history .year {width:180px; font-family: 'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',Tahoma, Geneva, sans-serif,verdana; font-size:30px; font-weight:700; text-align:center; color:#222222;}
.history .year+dd {margin-left:215px;}
.history dl dl {padding:5px 0;}
.history dl dl+dl {margin-top:15px;}
.history .month {font-size:18px;}
.history .month+dd {position:relative; margin-left:34px; padding-left:20px;}
.history .month+dd:before {position:absolute; top:7px; left:0; width:8px; height:8px; border-radius:50%; background:#cccccc; content:'';}


.policy_cont01 {margin-bottom:30px; padding:30px 20px; text-align:center; line-height:1.875; background:#f6f8fa;}
.policy_cont02 .box {padding:40px; font-size:15px; line-height:1.73;}
.policy_cont02 .box+.box {border-top:1px solid #dddddd;}
.policy_cont02 h5 {margin-bottom:17px; font-family: 'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',Tahoma, Geneva, sans-serif,verdana; font-size:20px; color:#222222; font-weight:700;}
.policy_cont02 ul ul {margin-left:18px;}
.policy_cont02 h6 {margin-top:25px; font-weight:400;}



.official .row {margin:-8px;}
.official .row > li {padding:8px;}
/* .official .row > li:nth-child(2n+1) {clear:both;} */
.official dl {overflow:hidden; border:1px solid #d4d5d8; border-radius:13px;}
.official dt {padding:28px 38px; border-bottom:1px solid #d4d5d8; font-family: 'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',Tahoma, Geneva, sans-serif,verdana; color:#171616; background:#f6f8fa;}
.official dt strong {font-size:30px; font-weight:700;}
.official dt .date {font-size:18px; font-weight:700;}
.official dd {padding:20px 38px 30px;}


.grafhic_motif .img p {border:1px solid #dddddd; text-align:center;}
.grafhic_motif .row {margin:-8px -19px;}
.grafhic_motif .row > div {padding:8px 19px;}

.ci_color .row {margin:-8px -19px; color:#171616;}
.ci_color .row > div {padding:8px 19px;}
.ci_color .box {display:inline-block; width:100%; border:1px solid #dddddd;}
.ci_color .box strong {float:left; width:150px; font-family: 'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',Tahoma, Geneva, sans-serif,verdana; text-align:center; font-weight:700; font-size:20px; color:#fff; line-height:110px; background:#0860a8;}
.ci_color .dl01 {margin-left:180px; padding-top:20px; font-size:14px; letter-spacing:0}
.ci_color .dl01 dt {float:left; width:77px;}
.ci_color .dl01 dd {font-weight:700;}
.ci_color .dl02 {margin-top:25px;}
.ci_color .dl02 dt {font-size:18px; font-family: 'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',Tahoma, Geneva, sans-serif,verdana; font-weight:700;}
.ci_color .dl02 dd {margin-top:7px;}
.ci_color .box strong.wine {background:#b10032;}

.signature .row {margin:-11px; color:#171616;}
.signature li {padding:11px;}
.signature li img {max-width:100%;}
.signature li p {border:1px solid #dddddd; text-align:center; line-height:2.6875;}
.signature strong {display:block; border-top:1px solid #dddddd; background:#f6f8fa;}

.rules_list01 {padding:25px 25px 30px; border:1px solid #dddddd; text-align:center; color:#171616;}
.rules_list01 ul {margin:-10px;}
.rules_list01 li {padding:10px;}
.rules_list01 img {display:block; margin:0 auto; max-width:100%;}
.rules_list01 strong {display:inline-block; min-width:85px; margin-top:10px; padding:5px 17px; border-radius:14px; line-height:17px; text-align:center; background:#edeff0;}
.rules_list01.space > div {width:75%; max-width:743px; margin:0 auto;}


.vision_mission {margin-top:80px; text-align:center; color:#222222;}
.vision_mission .top_txt {font-family: 'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',Tahoma, Geneva, sans-serif,verdana; font-weight:700; font-size:40px; line-height:1.2; color:#333333; text-align:center;}
.vision_mission .top_txt strong {display:block; color:#d82744; font-weight:400;}
.vision_mission em {display:inline-block; margin-top:22px; padding:0 40px; border-radius:22px; font-family: 'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',Tahoma, Geneva, sans-serif,verdana; font-weight:700; font-size:26px; color:#fff; line-height:44px; background:#0d2d4f;}
.vision_mission ul {margin:60px 0 70px;}
.vision_mission li {position:relative; padding:0 3%;}
.vision_mission li img {position:relative; z-index:2; margin-bottom:25px;}
.vision_mission li+li:before {position:absolute; top:116px; left:-100px; width:200px; height:1px; background:#e3e8ec; content:'';}
.vision_mission dt {margin-bottom:5px; font-family: 'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',Tahoma, Geneva, sans-serif,verdana; font-weight:700; font-size:22px; line-height:1.2;}
.vision_mission .vision {padding:60px; border:1px solid #dddddd; border-radius:16px; text-align:center;}


.right_people {max-width:930px; margin:0 auto; text-align:center; color:#222222;}
.right_people .top_txt {font-family: 'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',Tahoma, Geneva, sans-serif,verdana; font-weight:700; font-size:40px; line-height:1.2; color:#333333; text-align:center;}
.right_people .top_txt strong {display:block; color:#d82744; font-weight:400;}
.right_people .box {position:relative; margin-top:50px;}
.right_people .box h4 {position:absolute; top:0; left:50%; width:290px; height:609px; padding-top:55px; margin-left:-145px; border-radius:145px; background:url('/images/about/right_people_img.png') no-repeat #d5d9de center bottom;}
.right_people .box h4 span {display:block; position:relative; padding-top:73px; font-family: 'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',Tahoma, Geneva, sans-serif,verdana; font-weight:700; font-size:40px; line-height:1.2;}
.right_people .box h4 span:before {position:absolute; top:0; left:50%; width:1px; height:40px; background:#afb8c2; content:'';}
.right_people .box h4 span:after {position:absolute; top:40px; left:50%; width:13px; height:13px; margin-left:-6px; border-radius:50%; background:#108ad3; content:'';}
.right_people .box h4 em {color:#108ad3;}
.right_people ul {overflow:hidden; margin:-15px 0;}
.right_people li {float:left; width:33.33%; padding:15px 0;}
.right_people li > div {overflow:hidden; width:290px; height:290px; margin:0 auto; border:2px solid #d4d5d8; border-radius:50%;}
.right_people .s01, .right_people .s03 {margin-right:20%;}
.right_people .s01, .right_people .s03, .right_people .s05 {float:left;}
.right_people .s01 div, .right_people .s03 div, .right_people .s05 div {float:left;}
.right_people .s02, .right_people .s04, .right_people .s07 {float:right;}
.right_people .s02 div, .right_people .s04 div, .right_people .s07 div {float:right;}
.right_people dt {font-family: 'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',Tahoma, Geneva, sans-serif,verdana; font-weight:700; line-height:1.3;}
.right_people dt .num {display:block; position:relative; width:55px; height:55px; margin:34px auto 24px; border-radius:4px; color:#fff; font-size:30px; line-height:55px; background:#108ad3;}
.right_people dt .num:before {position:absolute; top:50%; left:50%; z-index:-1; width:130px; height:1px; margin-left:-65px; background:#d4d5d8; content:'';}
.right_people dt .en {font-size:20px;}
.right_people dt em {display:block; font-size:30px;}
.right_people dd {margin-top:10px; padding:0 30px; line-height:1.4;}


.organization .img_box {text-align:center;}
.contact_search {padding:20px 10px; border:1px solid #d9dcdd; text-align:center; background:#f6f8fa;}
.contact_search * {vertical-align:middle;}
.contact_search select {min-width:240px;}
.contact_search .btn_submit {width:85px; height:39px; color:#fff; background:#0d2d4f;}
.organization .col01 {width:34%;}

.company_location {}
.company_location .top_txt {margin-bottom:30px; font-family: 'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',Tahoma, Geneva, sans-serif,verdana; color:#171616; font-weight:700; line-height:1.4; text-align:center;}
.company_location .t01 {font-size:24px;}
.company_location .t02 {margin-top:5px; font-size:18px;}
.company_location dt {margin-bottom:15px; font-size:24px; font-family: 'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',Tahoma, Geneva, sans-serif,verdana; font-weight:700;}
.company_info01 {overflow:hidden; padding:30px 10px; color:#fff; background:#0d2d4f;}
.company_info01 dl {float:left; padding:0 30px;}
.company_info01 .addr {width:57%; border-right:1px solid #3d5772;}
.company_info01 .time {width:43%;}
.company_info01 dd p {position:relative; padding-left:35px; font-size:18px; font-weight:300;}
.company_info01 dd p+p {margin-top:12px;}
.company_info01 dd p .icon {position:absolute; top:4px; left:0; width:26px; height:26px;}
.icon_location {background-image:url('/images/icon/icon_location.png');}
.icon_tel {background-image:url('/images/icon/icon_tel.png');}
.icon_time {background-image:url('/images/icon/icon_time.png');}

.company_info02 .border_box {overflow:hidden; background:#f6f8fa;}
.company_info02 dl {min-height:145px; padding:22px 35px 22px 166px; border-bottom:1px solid #d9d9d9; margin-bottom:-1px;}
.company_info02 dt {color:#171616;}
.company_info02 .subway {background:url('/images/icon/icon_subway.png') no-repeat 35px 20px;}
.company_info02 .bus {background:url('/images/icon/icon_bus.png') no-repeat 35px 20px;}
.company_info02 .car {background:url('/images/icon/icon_car.png') no-repeat 35px 20px;}
.company_info02 li {display:inline-block; width:100%;}
.company_info02 li+li {margin-top:20px;}
.company_info02 li span {float:left; width:126px; color:#fff; line-height:1.8; text-align:center; background:#0d2d4f;}
.company_info02 li p {margin-left:140px;}

#map {margin-bottom:25px;}
#map .root_daum_roughmap , #map .wrap_map, #map .map {width:100% !important;}



.sixty_years_history {height:930px; padding:60px; background:#f8f8f8;}
.sixty_years_history .top {display:inline-block; width:100%; margin-bottom:55px;}
.sixty_years_history h4 {float:left; font-family: 'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',Tahoma, Geneva, sans-serif,verdana; font-weight:700; font-size:36px; line-height:1.25;}
.sixty_years_history h4 em {color:#108ad3;}
.sixty_years_history .tab {float:right; margin-top:-5px; font-size:0;}
.sixty_years_history .tab li {display:inline-block;}
.sixty_years_history .tab li+li {margin-left:19px;}
.sixty_years_history .tab a {display:block; width:90px; height:90px; font-size:18px; color:#fff; line-height:90px;; text-align:center; border-radius:50%; background:#0d2c4d;}
.sixty_years_history .tab li.on a {background:#108ad3;}
.sixty_years_history .board_list01 .cont {background:none;}
.sixty_years_history .board_list01 .title {padding-top:20px; padding-bottom:20px;}
.sixty_years_history .tab_cont {display:none;}
.sixty_years_history .tab_cont.on {display:block;}
.sixty_years_history .btn_pdf_down {position:absolute; top:15px; right:0;}


.ico_list01 li {position:relative; height:26px; padding-left:13px; font-size:18px;}
.ico_list01 li:before {position:absolute; top:0; left:0; content:'-'}
.ico_list01 li.ico_none:before {display:none;}

.border_box {border-top:2px solid #0d2d4f; border-bottom:1px solid #0d2d4f;}



.fp-auto-height, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {
    height: auto !important;
	margin-bottom: 0px !important;
}


@media all and (max-width: 1199.98px){
	.about_cont01 {margin:0;}

	.overview .col+.col {border:0;}

	

}
@media all and (max-width: 991.99px){
	.about_cont01 {background-size:330px auto;}
	.about_cont01 .t03 {padding-right:0}

	.vision_mission li {display:inline-block; padding:0;}
	.vision_mission li+li {margin-top:60px;}
	.vision_mission li+li:before {left:116px; top:-100px; width:1px; height:200px;}
	.vision_mission li img {float:left; margin:0;}
	.vision_mission dl {margin-left:260px; padding-top:60px; text-align:left;}

	.right_people {max-width:620px; margin:0 auto;}
	.right_people .box h4 {left:0; margin:0;}
	.right_people li {width:50%;}
	.right_people .s01, .right_people .s02, .right_people .s04, .right_people .s06 {float:right; margin-right:0;}
	.right_people .s01, .right_people .s02 {margin-left:50%;}
	.right_people .s01 div, .right_people .s02 div, .right_people .s04 div, .right_people .s06 div {float:right;}
	.right_people .s01, .right_people .s03 {margin-right:0%;}
	.right_people .s07 {width:100%;}
	.right_people .s07 div {float:none; margin:0 auto;}

	.sixty_years_history {padding:40px;}

}
@media all and (max-width: 767.99px){


	.about_cont01 {font-size:13px; background-size:150px auto;}
	.about_cont01 .t01 {padding-bottom:14px; font-size:20px;}
	.about_cont01 .t01:after {width:30px;}
	.about_cont01 .t02 {max-width:none; margin:25px 0; padding-right:150px; font-size:13px;}
	.about_cont01 .t04 {margin-top:25px;}
	.about_cont01 .t04 em {font-size:17px;}
	.about_cont01 .sign {margin-top:25px; font-size:14px; line-height:27px;}
	.about_cont01 .sign em {font-size:20px;}

	.overview .col {padding:0 20px;}
	.overview {padding-bottom:24px;}
	.overview dl+dl {margin-top:18px;}
	.overview dt {margin-bottom:7px;}

	.main_func li {padding:9px 0;}
	.main_func .num {margin-left:10px;}
	.main_func p {margin-left:50px;}

	.history {margin-top:0px;}
	.history li > dl {padding:20px 0;}
	.history .year {width:75px; font-size:18px;}
	.history .year+dd {margin-left:85px;}
	.history dl dl {padding:0px 0;}
	.history dl dl+dl {margin-top:8px;}
	.history .month {font-size:15px;}
	.history .month+dd {margin-left:25px; padding-left:15px;}
	.history .month+dd:before {width:5px; height:5px;}

	.policy_cont01 {padding:15px 10px;}
	.policy_cont02 .box {padding:20px; font-size:13px;}
	.policy_cont02 h5 {margin-bottom:10px;}
	.policy_cont02 ul ul {margin-left:12px;}
	.policy_cont02 h6 {margin-top:15px;}

	.official dt {padding:18px 24px;}
	.official dt strong {font-size:18px;}
	.official dt .date {font-size:13px;}
	.official dd {padding:12px 24px 18px;}

	.ci_color .box strong {width:100px; line-height:80px; font-size:14px;}
	.ci_color .dl01 {margin-left:120px; padding-top:10px; font-size:12px;}
	.ci_color .dl01 dt {width:60px;}
	.ci_color .dl02 {margin-top:15px;}
	.ci_color .dl02 dt {font-size:16px;}
	.ci_color .dl02 dd {margin-top:4px;}


	.signature .row {margin:-6px;}
	.signature li {padding:6px;}
	.signature.vertical img {height:60px;}
	.signature.hor img {height:134px;}

	.rules_list01 {padding:12px 10px 15px;}
	.rules_list01 ul {margin:-20px -5px;}
	.rules_list01 li {padding:20px 5px;}


	.vision_mission {margin-top:40px;}
	.vision_mission li+li:before {left:65px;}
	.vision_mission li img {width:130px;}
	.vision_mission dl {position:absolute; top:50%; left:150px; right:0; margin:0; margin-top:-4px; padding:0; transform: translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
	.vision_mission dt {font-size:18px;}
	.vision_mission dd {line-height:1.4;}

	.vision_mission .top_txt {font-size:22px;}
	.vision_mission em {margin-top:15px; padding:0 20px; border-radius:14px; font-size:16px; line-height:28px;}
	.vision_mission ul {margin:30px 0 35px;}
	.vision_mission .vision {padding:20px;}

	.right_people .top_txt {font-size:22px;}
	.right_people {max-width:300px;}
	.right_people .box h4 {width:145px; height:305px; padding-top:25px; border-radius:73px; background-size:100% auto;}
	.right_people .box h4 span {padding-top:37px; font-size:20px;}
	.right_people .box h4 span:before {height:20px;}
	.right_people .box h4 span:after {top:20px; width:7px; height:7px;}
	.right_people li > div {width:140px; height:140px; border:1px solid #d4d5d8;}
	.right_people ul {margin:-8px 0;}
	.right_people li {padding:8px 0;}
	.right_people dt {line-height:1;}
	.right_people dt .num {width:25px; height:25px; margin:12px auto 8px; border-radius:2px; font-size:15px; line-height:27px;}
	.right_people dt .num:before {width:65px; margin-left:-33px;}
	.right_people dt .en {font-size:11px;}
	.right_people dt em {font-size:15px;}
	.right_people dd {margin-top:6px; padding:0 5px; font-size:11px;}
	.right_people .s07 {margin-top:-15px;}

	.contact_search select {min-width:200px;}
	.contact_search .btn_submit {width:50px; height:32px;}


	.company_location .top_txt {margin-bottom:20px;}
	.company_location .t01 {font-size:16px;}
	.company_location .t02 {font-size:13px;}
	.company_location dt {margin-bottom:10px; font-size:16px;}
	#map {height:300px !important;}
	.company_info01 {padding:20px 10px;}
	.company_info01 .addr, .company_info01 .time {width:100%; border:0;}
	.company_info01 .time {margin-top:30px;}
	.company_info01 dl {padding:0 10px;}
	.company_info01 dd p {font-size:14px;}
	.company_info01 dd p br {display:none;}
	.company_info02 dl {min-height:auto; padding:20px; background:none !important;}
	.company_info02 li span {display:block; float:none;}
	.company_info02 li p {width:100%; margin:0; margin-top:5px;}


	.sixty_years_history {height:auto; padding:20px 20px 40px;}
	.sixty_years_history .top {margin-bottom:25px;}
	.sixty_years_history h4 {margin-bottom:5px; font-size:18px;}
	.sixty_years_history h4 br {display:none;}
	.sixty_years_history .tab {float:left; width:100%; margin-top:5px;}
	.sixty_years_history .tab li+li {margin-left:4px;}
	.sixty_years_history .tab a {width:52px; height:52px; font-size:12px; line-height:52px;}



	#map .wrap_map, #map .map {height:300px !important;}

	.ico_list01 li {height:auto;}

	.organization .col01 {width:45%;}

}