@charset "utf-8";
#sub_visual {height:550px; padding-top:220px; color:#fff; text-align:center; background:no-repeat center; background-size:cover;}
#sub_visual.sub01 {background-image:url('../images/sub/sub_visual01.jpg');}
#sub_visual.sub02 {background-image:url('../images/sub/sub_visual02.jpg');}
#sub_visual.sub03 {background-image:url('../images/sub/sub_visual03.jpg');}
#sub_visual.sub04 {background-image:url('../images/sub/sub_visual04.jpg');}
#sub_visual .sub_txt span {font-size:15px; letter-spacing:2em; line-height:1;}
#sub_visual .sub_txt p {margin-top:60px; font-size:50px; line-height:1.3; font-weight:100;}
#lnb {height:70px; background:#144896;}
#lnb .inwrap {display: -ms-flexbox; display: flex; max-width:1400px; margin:auto;}
#lnb .btn_home {width:72px; height:70px; border-left:1px solid #436dab; border-right:1px solid #436dab; background:url('../images/common/icon_home.png') no-repeat center; background-size:20px auto;}
#lnb .menu {position:relative; z-index:10; width:220px;}
#lnb .menu button {position:relative; width:100%; height:70px; padding-left:23px; border-right:1px solid #436dab; text-align:left; line-height:70px; color:#fff; font-size:17px;}
#lnb .menu button::after {position:absolute; right:20px; top:50%; width:17px; height:10px; margin-top:-5px; background:url('../images/common/icon_lnb_arr.png') no-repeat; background-size:contain; content:'';}
#lnb .menu ul {display:none; position:absolute; top:70px; left:0; right:-1px; padding:10px 0; border:1px solid #a8a8a8; border-top:0; background:#fff;}
#lnb .menu a {display:block; padding-left:23px; font-size:16px; line-height:50px;}
#sub_contents {width:92%; max-width:1400px; margin:80px auto 0;}

.sub_section_mt {margin-top:80px;}

.ctit {margin-bottom:60px; text-align:center; line-height:1;}
.ctit span {display:inline-block; position:relative; padding-top:20px; padding-right:22px; font-size:60px; color:#333333; font-weight:700;}
.ctit span::after {position:absolute; top:0px; right:0; width:17px; height:17px; background:#144896; content:'';}

.img_chg {text-align:center;}
.img_chg .m {display:none;}
@media all and (max-width:1400px){
	#sub_visual {height:440px; padding-top:200px;}
	#sub_visual .sub_txt span {font-size:13px;}
	#sub_visual .sub_txt p {margin-top:50px; font-size:40px;}

	#sub_contents {margin:60px auto 0;}

	.sub_section_mt {margin-top:60px;}

	.ctit {margin-bottom:50px;}
	.ctit span {padding-top:15px; font-size:48px;}
	.ctit span::after {width:12px; height:12px;}
}
@media all and (max-width:991.9px){
	#sub_visual {height:275px; padding-top:75px;}
	#sub_visual .sub_txt span {font-size:11px;}
	#sub_visual .sub_txt p {margin-top:30px; font-size:25px;}
	#lnb {height:50px;}
	#lnb .btn_home {display:none;}
	#lnb .menu {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	#lnb .menu button {height:50px; padding-left:20px; line-height:50px; font-size:14px;}
	#lnb .menu button::after {width:14px; height:9px; background-image:url('../images/common/icon_lnb_arr_m.png');}
	#lnb .menu ul {top:50px;}
	#lnb .menu a {padding-left:20px; font-size:14px; line-height:35px;}
	#sub_contents {width:auto; margin:30px 20px 0;}

	.sub_section_mt {margin-top:30px;}
	
	.ctit {margin-bottom:35px;}
	.ctit span {padding-top:10px; padding-right:12px; font-size:25px;}
	.ctit span::after {width:8px; height:8px;}

	.img_chg .pc {display:none;}
	.img_chg .m {display:inline-block;}
}


.greeting_c01 {line-height:1.9444; color:#333333;}
.greeting_c01 .ctit:first-child {margin-bottom:110px;}
.greeting_c01 .t01 {font-size:50px; font-weight:700; line-height:1.4;}
.greeting_c01 .t02 {margin-top:45px; font-size:26px; font-weight:700;}
.greeting_c01 .t03 {margin-top:20px; font-size:18px;}
.greeting_c01 .img {margin:90px 0; height:430px; background:url('../images/sub/greeting_c01_img.jpg?230306') no-repeat center; background-size:cover;}
.greeting_c01 .sign {margin-top:90px; text-align:right; font-size:18px;}
.greeting_c01 .sign img {margin-left:17px;}
.greeting_c01 .bg {position:relative; padding-bottom:140px;}
.greeting_c01 .bg > div {position:relative; z-index:10;}
.greeting_c01 .bg::before {position:absolute; top:210px; left:50%; bottom:0; width:5000px; margin-left:-2500px; background:#f5f5f5; content:'';}
@media all and (max-width:1400px){
	.greeting_c01 .ctit:first-child {margin-bottom:88px;}
	.greeting_c01 .t01 {font-size:40px;}
	.greeting_c01 .t02 {margin-top:35px; font-size:20px;}
	.greeting_c01 .t03 {margin-top:15px; font-size:16px;}
	.greeting_c01 .img {margin:70px 0;}
	.greeting_c01 .sign {margin-top:70px; font-size:16px;}
	.greeting_c01 .bg {padding-bottom:110px;}
}
@media all and (max-width:991.9px){
	.greeting_c01 .ctit:first-child {margin-bottom:35px;}
	.greeting_c01 .t01 {font-size:21px;}
	.greeting_c01 .t01 br {display:none;}
	.greeting_c01 .t02 {margin-top:35px; font-size:18px;}
	.greeting_c01 .t03 {margin-top:15px; font-size:15px;}
	.greeting_c01 .img {height:auto; padding-bottom:63.23%; margin:25px 0 45px; background-position:40% center;}
	.greeting_c01 .sign {margin-top:20px; font-size:11px;}
	.greeting_c01 .sign img {width:40px; margin-left:10px;}
	.greeting_c01 .bg {padding-bottom:55px;}
	.greeting_c01 .bg::before {top:0; margin-top:29%;}
}

.greeting_c02 .ctit {margin-bottom:100px;}
@media all and (max-width:1400px){
	.greeting_c02 .ctit {margin-bottom:80px;}
}
@media all and (max-width:991.9px){
	.greeting_c02 .ctit {margin-bottom:20px;}
}


.history {color:#333333}
.history .top_txt {margin-top:120px; font-size:50px; font-weight:100; line-height:1.4;}
.history .top_txt strong {font-weight:900;}
.history_list {position:relative; margin-top:80px}
.history_list::before {position:absolute; top:15px; left:330px; bottom:0; width:2px; background:#e2e2e2; content:'';}
.history_list > li {position:relative; min-height:290px; padding-left:330px; padding-right:50%;}
.history_list h3 {position:absolute; top:0; left:0; font-size:40px; font-weight:700; line-height:1;}
.history_list > li+li {margin-top:170px;}
.history_list ul li {position:relative; padding-left:45px;}
.history_list ul li+li {margin-top:60px;}
.history_list i {position:absolute; top:15px; left:1px; width:26px; height:26px; margin:-13px; border-radius:100%; background:rgba(20,72,150,.15);}
.history_list i::before {position:absolute; top:50%; left:50%; width:12px; height:12px; margin:-6px; border-radius:100%; background:#144896; content:'';}
.history_list ul li strong {display:block; color:#144896; font-size:24px; font-weight:700; line-height:1;}
.history_list ul li div {margin-top:20px; font-size:18px; line-height:1.666;}
.history_list .img {position:absolute; top:0; right:0; width:44.28%; background:no-repeat center; background-size:contain;}
.history_list .img::before {display:block; padding-bottom:46.774%; content:'';}
.history_list .img.s01 {background-image:url('../images/sub/history_img01.jpg');}
.history_list .img.s02 {background-image:url('../images/sub/history_img02.jpg');}
.history_list .img.s03 {top:auto; bottom:0; background-image:url('../images/sub/history_img03.jpg');}
.history_list .img.s04 {background-image:url('../images/sub/history_img04.jpg');}
@media all and (max-width:1400px){
	.history .top_txt {margin-top:100px; font-size:40px;}
	.history_list {margin-top:55px;}
	.history_list > li {padding-right:30px;}
	.history_list .img {position:relative; width:auto; max-width:620px; margin-left:45px; margin-top:40px;}
}
@media all and (max-width:991.9px){
	.history .top_txt {display:none;}
	.history_list {margin-top:35px;}
	.history_list::before {left:0; top:56px;}
	.history_list > li {min-height:auto; padding-left:0; padding-right:0;}
	.history_list h3 {position:relative; margin-bottom:25px; padding-left:22px; font-size:25px;}
	.history_list > li+li {margin-top:60px;}
	.history_list ul li {position:relative; padding-left:22px;}
	.history_list ul li+li {margin-top:20px;}
	.history_list i {top:10px; width:16px; height:16px; margin:-8px;}
	.history_list i::before {width:8px; height:8px; margin:-4px;}
	.history_list ul li strong {font-size:17px;}
	.history_list ul li div {margin-top:10px; font-size:15px;}
	.history_list .img {margin-top:30px; margin-left:22px;}
	.history_list .img.s03 {display:none;}
}


.org_c01 {text-align:center; color:#333333;}
.org_c01 .ctxt {margin-top:50px; font-size:50px; font-weight:100;}
.org_c01 .ctxt::before {display:block; width:1px; height:32px; background:#6c788a; margin:0 auto 40px; content:'';}
.org_c01 .ctxt strong {font-weight:900;}
@media all and (max-width:1400px){
	.org_c01 .ctxt {font-size:40px;}
}
@media all and (max-width:991.9px){
	.org_c01 .ctxt {margin-top:20px; font-size:21px;}
	.org_c01 .ctxt::before {height:16px; margin:0 auto 13px;}
}

.org_c02 {position:relative; margin-top:140px; padding:80px 0 140px; text-align:center;}
.org_c02 > div {position:relative; z-index:2;}
.org_c02::before {position:absolute; top:0px; left:50%; bottom:0; width:5000px; margin-left:-2500px; background:#f5f5f5; content:'';}
.org_c02 ul {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin:-20px;}
.org_c02 li {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding:20px;}
.org_c02 .inbox {border:1px solid #e2e2e2; background:#fff;}
.org_c02 .inbox strong {display:block; padding:10px; border-top:1px solid #e2e2e2; font-size:15px; color:#666666; font-weight:400;}
@media all and (max-width:1400px){
	.org_c02 {margin-top:110px; padding:60px 0 110px;}
	.org_c02 ul {margin:-15px;}
	.org_c02 li {padding:15px;}
}
@media all and (max-width:1200px){
	.org_c02 li {-ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%;}
}
@media all and (max-width:991.9px){
	.org_c02 {margin-top:55px; padding:40px 0 60px;}
	.org_c02 ul {margin:-5px;}
	.org_c02 li {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding:5px;}
}


.contactus_c01 .top_txt {position:relative; margin-top:120px; padding-right:250px; font-size:50px; font-weight:100; line-height:1.4;}
.contactus_c01 .top_txt strong {font-weight:900;}
.contactus_c01 .top_txt a {position:absolute; right:0; bottom:15px; padding-left:30px; padding-right:57px; border:2px solid #144896; font-size:18px; color:#144896; font-weight:900; line-height:55px; background:url('../images/sub/icon_btn_arr.png') no-repeat right 30px center;}
.contactus_c01 .dmap {margin-top:70px;}
.contactus_c01 .dmap .root_daum_roughmap {width:100% !important;}
@media all and (max-width:1400px){
	.contactus_c01 .top_txt {margin-top:100px; font-size:40px; padding-right:200px;}
	.contactus_c01 .dmap {margin-top:55px;}
}
@media all and (max-width:991.9px){
	.contactus_c01 .top_txt {margin-top:40px; font-size:24px; padding-right:0px;}
	.contactus_c01 .top_txt a {display:inline-block; position:relative; bottom:0; margin-top:20px; padding-left:12px; padding-right:35px; line-height:40px; font-size:14px; background:url('../images/sub/icon_btn_arr_m.png') no-repeat right 12px center / 7px auto;}
	.contactus_c01 .dmap {margin-top:25px;}
	.contactus_c01 .dmap .root_daum_roughmap,
	.contactus_c01 .dmap .wrap_map {height:350px !important;}
}

.contactus_c02 {margin-top:100px;}
.contactus_c02 h3 {margin-top:60px; font-size:28px; color:#222222; font-weight:700; line-height:1;}
.contactus_c02 .cbox {display: -ms-flexbox; display: flex; margin-top:30px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd}
.contactus_c02 .cbox > div {position:relative; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding:35px 40px 35px 120px;}
.contactus_c02 .cbox > div+div {border-left:1px solid #ddd;}
.contactus_c02 .cbox > div::before {position:absolute; top:33px; left:40px; width:60px; height:60px; background:no-repeat center; background-size:contain; content:'';}
.contactus_c02 .cbox .s01::before {background-image:url('../images/sub/icon_contactus_c02_s01.png');}
.contactus_c02 .cbox .s02::before {background-image:url('../images/sub/icon_contactus_c02_s02.png');}
.contactus_c02 .cbox .s03::before {background-image:url('../images/sub/icon_contactus_c02_s03.png');}
.contactus_c02 .cbox .s04::before {background-image:url('../images/sub/icon_contactus_c02_s04.png');}
.contactus_c02 .sbox strong {display:block; font-size:22px; color:#222222; line-height:1;}
.contactus_c02 .sbox p {margin-top:15px; font-size:18px; color:#666666}
.contactus_c02 .sbox .fc_dark {color:#000;}
.contactus_c02 .sbox .bg {display:inline-block; width:55px; margin-right:15px; border-radius:11px; line-height:22px; text-align:center; color:#fff; font-size:14px;}
.contactus_c02 .sbox .bg.bg_purple {background:#883fdb !important;}
.contactus_c02 .sbox .bg.bg_green {background:#39cf34 !important;}
.contactus_c02 .sbox .bg.bg_blue {background:#2b81e3 !important;}
@media all and (max-width:1400px){
	.contactus_c02 {margin-top:80px;}
	.contactus_c02 h3 {margin-top:50px; font-size:23px;}
	.contactus_c02 .sbox strong {font-size:18px;}
	.contactus_c02 .sbox p {margin-top:10px; font-size:16px;}
}
@media all and (max-width:991.9px){
	.contactus_c02 {margin-top:0px;}
	.contactus_c02 h3 {margin-top:35px; font-size:22px;}
	.contactus_c02 .cbox {-ms-flex-wrap: wrap; flex-wrap: wrap; margin-top:15px}
	.contactus_c02 .cbox > div {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%; padding:20px 20px 20px 65px;}
	.contactus_c02 .cbox > div+div {border-left:0; border-top:1px solid #ddd;}
	.contactus_c02 .cbox > div::before {left:10px; top:50%; width:40px; height:40px; margin-top:-20px;}
	.contactus_c02 .sbox strong {font-size:16px;}
	.contactus_c02 .sbox p {position:relative; margin-top:11px; font-size:15px;}
	.contactus_c02 .sbox.s03 p,
	.contactus_c02 .sbox.s04 p {padding-left:57px;}
	.contactus_c02 .sbox .bg {position:absolute; top:0; left:0; width:50px; margin-right:7px; font-size:13px;}
}

.construction_list > li {display:none; -ms-flex-align: stretch; align-items: stretch;}
.construction_list > li.on {display: -ms-flexbox; display: flex;}
.construction_list > li+li {margin-top:70px;}
.construction_list .year {-ms-flex: 0 0 21.418%; flex: 0 0 21.418%; max-width: 21.418%; margin-right:9px; padding:50px 40px; border-top:2px solid #144896; background:no-repeat center bottom #f3f6fa; background-size:100% auto;}
.construction_list .year strong {display:block; font-size:60px; color:#144896; font-weight:700; line-height:1;}
.construction_list .year p {margin-top:20px; color:#dcdcdc; line-height:1.2; font-style:italic;}
.construction_list .cont {-ms-flex: 1; flex: 1; padding:40px; border-top:2px solid #cccccc;}
.construction_list .cont li {position:relative; padding-left:14px; font-size:15px; color:#888888; line-height:30px;}
.construction_list .cont li::before {position:absolute; top:12px; left:0; width:5px; height:5px; border-radius:100%; background:#cccccc; content:'';}
.construction_list .cont li+li {margin-top:23px;}
.construction_list .cont li strong {display:inline-block; font-size:18px; font-weight:400; font-size:18px; color:#222; margin-right:6px;}
.construction_list .cont li span {display:inline-block;}
.construction_list .cont * {vertical-align:top;}
.construction_list .s01 .year {background-image:url('../images/sub/construction_bg01.jpg');}
.construction_list .s02 .year {background-image:url('../images/sub/construction_bg02.jpg');}
.construction_list .s03 .year {background-image:url('../images/sub/construction_bg03.jpg');}
.construction_list .s04 .year {background-image:url('../images/sub/construction_bg04.jpg');}
.construction_list .s05 .year {background-image:url('../images/sub/construction_bg05.jpg');}
@media all and (max-width:1400px){
	.construction_list .year {padding:40px 30px;}
	.construction_list .year strong {font-size:50px;}
}
@media all and (max-width:991.9px){
	.construction_list > li {-ms-flex-wrap: wrap; flex-wrap: wrap;}
	.construction_list .year,
	.construction_list .cont {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%; margin:0;}
	.construction_list .year {padding:20px; background-size:auto 100%; background-position:right center;}
	.construction_list .year strong {font-size:35px;}
	.construction_list .year p {margin-top:10px; font-size:11px;}
	.construction_list .cont {padding:25px 10px; border-top:0;}
	.construction_list .cont li {line-height:1.538;}
	.construction_list .cont li::before {top:10px;}
	.construction_list .cont li strong {font-size:15px;}
	.construction_list .cont li span {display:block; font-size:15px;}


	.construction_list .s01 .year {background-image:url('../images/sub/construction_bg01_m.jpg');}
	.construction_list .s02 .year {background-image:url('../images/sub/construction_bg02_m.jpg');}
	.construction_list .s03 .year {background-image:url('../images/sub/construction_bg03_m.jpg');}
	.construction_list .s04 .year {background-image:url('../images/sub/construction_bg04_m.jpg');}
	.construction_list .s05 .year {background-image:url('../images/sub/construction_bg05_m.jpg');}
}
/*

-ms-flex-pack: end!important; justify-content: flex-end!important;

display: -ms-flexbox; display: flex;
-ms-flex-wrap: wrap; flex-wrap: wrap;
-ms-flex-align: stretch; align-items: stretch;
-ms-flex-align: center; align-items: center;

-ms-flex-item-align: center; align-self: center;
-ms-flex-item-align: stretch; align-self: stretch;

-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;
-ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%;
font-family: 'Nanum Myeongjo', serif,'Apple SD Gothic Neo';
font-family: 'Noto Sans KR', sans-serif,'Apple SD Gothic Neo';
font-family: 'S-Core Dream', sans-serif,'Apple SD Gothic Neo';


-ms-flex: 1; flex: 1;

30 - 16
26 - 14
24 - 13
*/