@charset "utf-8";

.sf {width:100%; min-width:1200px; height:400px; background-color:#ddd;}
.sf h2 {color:#000; height:345px; text-align:center; font-size:55px; padding-top:185px; font-family:'Gotham-Bold'; opacity:0.8;}
.sf .tab {width:100%; overflow:hidden;}
.sf .tab .s_02 {width:420px; margin:0 auto;}
.sf .tab .s_03 {width:630px; margin:0 auto;}
.sf .tab .s_04 {width:840px; margin:0 auto;}
.sf .tab li {float:left; width:200px; height:55px; margin:0 5px;}
.sf .tab li a {display:block; line-height:60px; color:#fff; font-size:16px; font-family:'Noto Sans KR', sans-serif; text-align:center; background-color:rgba(0,0,0,.3); border-top-left-radius:22px; border-top-right-radius:22px;}
.sf .tab .on {background-color:#fff; color:#333;}

.bg_sf_01 {background:url('/sub/img/bg_sf_01.jpg')center no-repeat; background-size:cover;}
.bg_sf_02 {background:url('/sub/img/bg_sf_02.jpg')center no-repeat; background-size:cover;}
.bg_sf_03 {background:url('/sub/img/bg_sf_03.jpg')center no-repeat; background-size:cover;}

.sub {width:100%; min-width:1200px; overflow:hidden; }
.sub .area {width:1200px; margin:0 auto; padding:80px 0;}
.sub_title {color:#3c3d3e; font-size:45px; font-family:'Gotham-Bold', 'Noto Sans Korean Regular'; font-weight:900; text-align:center; background:url('/sub/img/bg_sub_title.jpg')center bottom no-repeat; padding-bottom:50px; margin-bottom:50px; background-size:1px 30px;}
.sub_title span {display:block; font-size:20px; font-family:'Noto Sans KR', sans-serif; color:#999; padding-top:20px;}

.sub_slogan {font-family:'Noto Sans KR', sans-serif; text-align:center;color:#3c3d3e;  font-family:'Noto Sans KR', sans-serif; font-size:21px; font-weight:100; letter-spacing:-1px; padding-bottom:40px;}
.sub_slogan i {font-size:13px; color:#ccc; display:block;}

.sub_text {width:100%; overflow:hidden; font-size:17px; line-height:28px; font-family:'Noto Sans KR', sans-serif; color:#888; white-space:normal; word-break:keep-all;}
.sub_text h4 {font-size:23px; color:#111; padding-bottom:15px; font-family:'Noto Sans KR', sans-serif; font-weight:500;}

.text_c {text-align:center;}

.text_01_02 {text-align:center; padding-bottom:50px;}
.text_01_02 span {background-color:#f3f3f3; padding:15px 40px; border-radius:100px; font-size:17px; line-height:28px; font-family:'Noto Sans KR', sans-serif; color:#444; white-space:normal; word-break:keep-all;}

.sub_01_01_a {width:100%; overflow:hidden; padding-top:30px;}
.sub_01_01_a li {float:left; width:33.333%; text-align:center; padding:0 30px; background:url('/sub/img/line_01_01_a.png')center top 200px no-repeat;}
.sub_01_01_a li:nth-child(3) {border-right:0;}
.sub_01_01_a .t {color:#f48fab;  font-family:'Gotham-Bold'; font-size:45px; line-height:50px; padding:0 0 35px 0;}
.sub_01_01_a .t span {color:#bbb; font-size:22px; display:block;  font-family:'Gotham-Bold'; }
.sub_01_01_a h4 {color:#3c3d3e;  font-family:'Noto Sans KR', sans-serif; font-size:21px; font-weight:500; padding:35px 0 20px 0;}
.sub_01_01_a span { font-size:17px; line-height:28px; font-family:'Noto Sans KR', sans-serif; color:#888; white-space:normal; word-break:keep-all;}
.sub_01_01_a p {font-size:17px; line-height:28px; font-family:'Noto Sans KR', sans-serif; color:#888; white-space:normal; word-break:keep-all; padding-bottom:10px;}

.sub_01_01_b {width:100%; overflow:hidden;}
.sub_01_01_b .box {width:100%; overflow:hidden;}
.sub_01_01_b .c {display:table-cell; vertical-align:middle; text-align:Center;}
.sub_01_01_b .img {float:left; width:50%; height:480px; background-color:#000; display:table;}
.sub_01_01_b .img h2 {color:#fff; font-size:55px; font-family:'Gotham-Bold';}
.sub_01_01_b .img h4 {color:#fff; font-size:25px; font-family:'Noto Sans KR', sans-serif; font-weight:500; padding:25px 0 0 0;}
.sub_01_01_b .img span {display:block; width:1px; height:35px; margin:30px auto; opacity:0.5; background-color:#fff;}
.sub_01_01_b .img p {font-size:20px; line-height:30px; color:#fff;  font-family:'Noto Sans KR', sans-serif;}
.sub_01_01_b .img_01 {background:url('/sub/img/bg_01_01_b1.jpg')center no-repeat; background-size:cover;}
.sub_01_01_b .img_02 {background:url('/sub/img/bg_01_01_b2.jpg')center no-repeat; background-size:cover;}
.sub_01_01_b .img_03 {background:url('/sub/img/bg_01_01_b3.jpg')center no-repeat; background-size:cover;}

.sub_01_01_b .text {float:left; width:50%; height:480px; background-color:#fff; text-align:center; padding:50px; display:table;}
.sub_01_01_b .text .img_t {padding-bottom:10px; width:50px; opacity:0.4;}
.sub_01_01_b .text h4 {color:#3c3d3e; font-size:25px; line-height:35px; font-weight:500; letter-spacing:-1px; font-family:'Noto Sans KR', sans-serif; padding-bottom:15px;}
.sub_01_01_b .text p {font-size:17px; line-height:28px; font-family:'Noto Sans KR', sans-serif; color:#888; white-space:normal; word-break:keep-all;}
.sub_01_01_b .text .tag {width:100%; overflow:hidden; padding-top:40px;}
.sub_01_01_b .text .tag span {display:inline-block; background-color:#3c3d3e; font-family:'Noto Sans KR', sans-serif;  padding:10px 15px; font-size:14px; margin:0 1px 5px 1px; color:#fff; border-radius:3px;}

.sub_01_01_c {width:100%; background:#fafafa url('/sub/img/bg_01_01_c.png')center no-repeat; background-attachment:fixed; border-bottom:1px solid #e5e5e5;}
.sub_01_01_c ul {width:100%; overflow:hidden; padding-top:70px;}
.sub_01_01_c li {
	float:left; width:18.4%; height:290px; margin-right:2%; 
	border:1px solid #e5e5e5; padding:35px; border-radius:10px; box-shadow:10px 10px 10px rgba(0,0,0,.1); margin-bottom:20px;
	font-family:'Noto Sans KR', sans-serif; color:#000; white-space:normal; word-break:keep-all; font-size:19px; line-height:28px;
}
.sub_01_01_c p {font-size:12px; color:#aaa; font-family:'Gotham-Bold';}
.sub_01_01_c li:nth-child(1) {background:#fff url('/sub/img/icon_01_01_c1.png')right 35px bottom 35px no-repeat;}
.sub_01_01_c li:nth-child(2) {background:#fff url('/sub/img/icon_01_01_c2.png')right 35px bottom 35px no-repeat;}
.sub_01_01_c li:nth-child(3) {background:#fff url('/sub/img/icon_01_01_c3.png')right 35px bottom 35px no-repeat;}
.sub_01_01_c li:nth-child(4) {background:#fff url('/sub/img/icon_01_01_c4.png')right 35px bottom 35px no-repeat;}
.sub_01_01_c li:nth-child(5) {background:#fff url('/sub/img/icon_01_01_c5.png')right 35px bottom 35px no-repeat; margin-right:0;}

.img_01_01_c {padding-top:70px;}

.sub_01_02 {width:100%; height:504px; background:url('/sub/img/bg_01_02_a_n.png')center top no-repeat; }


.list_01_02 {width:100%; overflow:hidden; margin-top:30px;}
.list_01_02 li {float:left; width:13.42%; margin-right:1%; margin-bottom:1%; height:50px; border-radius:5px; line-height:50px; border:1px solid #e5e5e5; background-color:#fafafa; text-align:center;  font-family:'Gotham-Bold'; font-size:15px;}
.list_01_02 li:nth-child(7n) {margin-right:0;}
.list_01_02 img {width:17px; height:17px; margin-right:5px;}
.list_01_02 li:hover {background-color:#f5dce4; cursor: pointer; border:1px solid #e8b8c7; transition:all .2s;}
.list_01_02 li p {width:7px; height:7px; border-radius:100px; background-color:#f45385; position:absolute; z-index:11; left:50%; top:700px; transition: 1s;}
.list_01_02 .active {box-shadow: 0 0 3px #f45385, 0 0 6px #f45385, 0 0 9px #f45385, 0 0 12px #f45385, 0 0 15px #f45385, 0 0 18px #f45385, 0 0 21px #f45385, 0 0 24px #f45385;}

.list_01_02 .dot_01 {margin:100px 0 0 -225px;}
.list_01_02 .dot_02 {margin:155px 0 0 -290px;}
.list_01_02 .dot_03 {margin:300px 0 0 -205px;}
.list_01_02 .dot_04 {margin:315px 0 0 -195px;}
.list_01_02 .dot_05 {margin:325px 0 0 -160px;}
.list_01_02 .dot_06 {margin:245px 0 0 270px;}
.list_01_02 .dot_07 {margin:365px 0 0 330px;}
.list_01_02 .dot_08 {margin:147px 0 0 -410px;}
.list_01_02 .dot_09 {margin:124px 0 0 -395px;}
.list_01_02 .dot_10 {margin:115px 0 0 -392px;}
.list_01_02 .dot_11 {margin:132px 0 0 -399px;}
.list_01_02 .dot_12 {margin:193px 0 0 -405px;}
.list_01_02 .dot_13 {margin:183px 0 0 -393px;}
.list_01_02 .dot_14 {margin:195px 0 0 -373px;}
.list_01_02 .dot_15 {margin:219px 0 0 -378px;}
.list_01_02 .dot_16 {margin:226px 0 0 -343px;}
.list_01_02 .dot_17 {margin:242px 0 0 -322px;}
.list_01_02 .dot_18 {margin:373px 0 0 -405px;}
.list_01_02 .dot_19 {margin:232px 0 0 -120px;}

.bg_01_02 {width:100%; background:#f7f7f7 url('/sub/img/bg_01_02_b.png')center bottom no-repeat; background-size:cover; background-attachment:fixed;}
.bg_01_02 ul {width:100%; overflow:hidden;}
.bg_01_02 .t {float:left; width:250px; margin-right:80px;}
.bg_01_02 .t img {padding-bottom:25px;}
.bg_01_02 .t h4 {font-family:'Noto Sans KR', sans-serif; font-size:28px; color:#3c3d3e; font-weight:700; padding-bottom:30px;}
.bg_01_02 .t p {font-size:17px;  font-family:'Noto Sans KR', sans-serif; color:#777; line-height:25px; padding-bottom:10px; white-space:normal; word-break:keep-all; }
.bg_01_02 .c {float:left; width:calc(100% - 330px);}

.margin_bottom {border-bottom:1px dashed #ddd; padding-bottom:50px; margin-bottom:50px;}

.img_01_03 {width:100%; padding:40px 0 30px 0; display:block; text-align:center;}

.list_01_03 {width:100%; padding:80px 0; background:url('/sub/img/line_01_01_a.png')center top 180px no-repeat;}
.list_01_03 ul {width:900px; margin:0 auto; overflow:hidden;}
.list_01_03 li {float:left; width:33.333%; text-align:center;  }
.list_01_03 .img {text-align:center; padding-bottom:20px;}
.list_01_03 .text {text-align:center; color:#3c3d3e;  font-family:'Gotham-Bold'; font-size:20px; line-height:28px; font-weight:500;}

.bg_01_03 {background:url('/sub/img/bg_01_03_b.png')center bottom no-repeat; background-size:cover; background-attachment:fixed;}

.sub_01_04 {width:100%; overflow:hidden; background:url('/sub/img/line_01_01_a.png')center no-repeat;}
.sub_01_04 ul {}
.sub_01_04 li {float:left; width:11.111%; height:370px;}
.sub_01_04 li:nth-child(1) {background:url('/sub/img/icon_history_2000.png')left center no-repeat; background-size:100px 100px;}
.sub_01_04 li:nth-child(2) {background:url('/sub/img/icon_history_2002.png')left center no-repeat; background-size:100px 100px;}
.sub_01_04 li:nth-child(3) {background:url('/sub/img/icon_history_2006.png')left center no-repeat; background-size:100px 100px;}
.sub_01_04 li:nth-child(4) {background:url('/sub/img/icon_history_2008.png')left center no-repeat; background-size:100px 100px;}
.sub_01_04 li:nth-child(5) {background:url('/sub/img/icon_history_2011.png')left center no-repeat; background-size:100px 100px;}
.sub_01_04 li:nth-child(6) {background:url('/sub/img/icon_history_2013.png')left center no-repeat; background-size:100px 100px;}
.sub_01_04 li:nth-child(7) {background:url('/sub/img/icon_history_2014.png')left center no-repeat; background-size:100px 100px;}
.sub_01_04 li:nth-child(8) {background:url('/sub/img/icon_history_2016.png')left center no-repeat; background-size:100px 100px;}
.sub_01_04 li:nth-child(9) {background:url('/sub/img/icon_history_2021.png')left center no-repeat; background-size:100px 100px;}

.sub_01_04 li:nth-child(2) .info {margin-top:230px; padding-top:70px;}
.sub_01_04 li:nth-child(4) .info {margin-top:230px; padding-top:90px;}
.sub_01_04 li:nth-child(6) .info {margin-top:230px; padding-top:90px;}
.sub_01_04 li:nth-child(8) .info {margin-top:230px; padding-top:90px;}
.sub_01_04 .info {height:140px; border-left:1px solid #e5e5e5; padding-left:20px;}
.sub_01_04 li:nth-child(9) .info h4 {color:#ec5986;}
.sub_01_04 li:nth-child(9) .info p {color:#000;}
.sub_01_04 .info h4 {color:#3c3d3e;  font-family:'Gotham-Bold'; font-size:22px; padding-bottom:10px;}
.sub_01_04 .info p {position:absolute; font-size:15px;  font-family:'Noto Sans KR', sans-serif; color:#888; line-height:20px; font-weight:500; white-space:normal; word-break:keep-all; }