/*

font-family: 'Noto Sans KR', sans-serif;
font-family: 'Noto Serif KR', serif;
font-family: 'Arita-buri-SemiBold';
font-family: 'AritaBuri';
font-family: 'NanumSquare', sans-serif;

*/

body.over { overflow-y: hidden;}

.sub_top {width: 100%;  background-size: cover; background-position: center; background-repeat: no-repeat; height: 340px; position: relative;}


#sub_top1 {background-image: url(../image/sub1/sub_top1.jpg);}

#sub_top2 {background-image: url(../image/sub2/sub_top2.jpg);}

#sub_top3 {background-image: url(../image/sub3/sub_top3.jpg);}


.sub_top_p {margin: 0px auto; font-family: 'Arita-buri-SemiBold'; font-weight : bold; font-size : 40px; line-height : 50.89px; letter-spacing : -1.2px; color : #FFFFFF; text-align: center; position: relative; position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%);}
.sub_top_p::after {content: "";  display: block; width:100%; max-width: 36px; height: 4px; background-color: #a8181e; margin: 8px auto 0px; }
.tab_btn {border-bottom: 1px solid #cccccc; width: 100%;}
.tab_btn ul {width: 90%; max-width: 600px; margin: 0px auto; font-size: 0px ; display: block}
.tab_btn ul li {width: 25%; display: inline-block; vertical-align: top; text-align: center; font-family: 'AritaBuri'; font-weight : 900; font-size : 16px; line-height : 55.74px; letter-spacing : -0.35px; color : #000000; transform: skewX(-0.3deg); position: relative; }


.tab_btn ul.tab_btn_01 li {width: 100%;}
.tab_btn ul.tab_btn_02 li {width: 50%;}
.tab_btn ul.tab_btn_02 {max-width: 300px;}

.tab_btn ul li.on {color: #a8181e;}
.tab_btn ul li.on::after {content: ""; position: absolute; bottom: 0px;  background-color:#a8181e; height: 3px; width: 85px; left: 50%; transform: translateX(-50%); }





/*s1-1*/

.section {width: 100%; position: relative;}
.sub_inner {width: 100%; max-width: 1280px; margin: 50px auto 0px; display: block;}
#s1s1_img1 {width: 100%; max-width: 840px; margin: 0px auto; display: block; z-index: 1; position: relative;}
#s1s1_img2 {width: 100%; margin-top: -50px; z-index: 2; position: relative; background-color: #fff;}
#s1s1_s1 {position: relative; z-index: 3; width: 100%; max-width: 850px; margin: -70px auto 150px;}
#s1s1_s1 p:nth-child(1) span { font-family: 'AritaBuri'; font-weight : 700; font-size : 28px; letter-spacing : -0.75px; color : #000000;}
#s1s1_s1 p:nth-child(1) { font-family: 'AritaBuri'; font-weight : 700;font-size : 35px; letter-spacing : 4.6px; color : #000000; text-align: center;}
#s1s1_s1 .line {width: 100%; max-width:45px; margin: 30px auto 50px; height: 2px; background-color: #a8181e;}
#s1s1_s1 p:nth-child(3) { font-family: 'NanumSquare', sans-serif; font-size : 17px; line-height : 32.71px; letter-spacing : -0.5px; color : #595757; width: 90%; margin: 0px auto; display: block;}



#s1s2 {background-image: url(../image/sub1/s11_3.png); background-size: cover; background-position: center; background-repeat: no-repeat; height: 370px;}
.s1s2_txt {width: 100%; max-width: 1000px; margin: 0px auto; padding: 50px 0px 0px; box-sizing: border-box;}
#s1s2 > div > img {width: 90%; max-width: 48px; display: block; margin-bottom: 10px;}
#s1s2 > div > p:nth-child(2) {font-family: 'AritaBuri'; width: 90%;   font-weight : bold; font-size : 35px; line-height : 46px; letter-spacing : 0.18px; color : #fff;}
#s1s2 > div > p:nth-child(3) { font-family: 'NanumSquare', sans-serif; font-size : 17px; line-height : 26.09px; letter-spacing : -0.43px; color : #fff; margin-top: 35px;}


#s1s3 {margin: 150px 0px 0px;}
#s1s3 > img {width: 90%; max-width:440px; margin: 0px auto; display: block;}
#s1s3 > p {font-family: 'NanumSquare', sans-serif; font-size : 19px; line-height : 23.36px; letter-spacing : -1.24px; color : #717071; text-align: center; padding-top: 15px;}
.s1s3_ul {width: 100%; font-size: 0px; max-width: 1280px; margin: 100px auto 0px; position: relative;}
.s1s3_ul::before {position: absolute; left: 50%; top: 0%; transform: translateX(-50%); content: ""; width: 1px; height: 100%; background-color: #4c4948;}
.s1s3_ul li {width: 45%; display: inline-block; vertical-align: top; padding-bottom: 100px;}
.s1s3_ul li.year {  font-family: 'AritaBuri'; font-weight : bold; font-size : 35px; line-height : 51.41px; letter-spacing : 7.53px; color : #A8181E; text-align: right; padding-right: 5%; }
.s1s3_ul li.year.R {padding-right: 0%; padding-left: 5%; text-align: left;} 
.s1s3_ul li.year_txt { padding-left: 5%; position: relative;}
.s1s3_ul li.year_txt.L {padding-left: 0%; padding-right: 5%; text-align: right;}
.s1s3_ul li.year_txt.L::before {left: auto; right: -9px;}
.s1s3_ul li.year_txt p { font-family: 'Noto Sans KR', sans-serif; font-size : 19px; line-height : 36.98px; letter-spacing : -0.47px;  color : #666666; }
.s1s3_ul li.year_txt p.date { font-family: 'Noto Sans KR', sans-serif; color : #4d4d4d; font-weight: bold;}
.s1s3_ul li.year_txt::before {content: ""; position: absolute; left: -9px; border:3px solid #a8181e; width: 12px; height: 12px; background-color: #fff; border-radius: 100%;top: 15px; }
.s1s3_ul li.year_txt.L.pb {padding-bottom: 185px;}


#s1s4 {background-color: #efe3e0; padding: 100px 0px; }
#s1s4 > img:nth-child(1) {width: 90%; max-width:510px; margin: 0px auto; display: block;}
#s1s4 > p {font-family: 'NanumSquare', sans-serif; font-size : 19px; line-height : 23.36px; letter-spacing : -1.24px; color : #717071; text-align: center; padding-top: 15px; width: 90%; margin: 0px auto; display: block;}
#s1s4 > img:nth-child(3) {width: 90%; max-width: 1200px; margin: 50px auto 0px;display: block;}

.s1_p1 {font-family: 'NanumSquare', sans-serif;  font-size: 19px;  line-height: 23.36px;  letter-spacing: -1.24px;  color: #717071;  text-align: center;  padding-top: 15px;}


/*s1-2*/

#s2s1 {padding: 150px 0px;  background-color: #fafbfd; }
#s2s1 > img:nth-child(1) { width: 90%; max-width: 575px; margin: 0px auto; display: block;}
.s2s1_ul {width: 100%; max-width: 1200px; margin: 100px auto 50px; display: block; font-size: 0px;}
.s2s1_ul li {box-sizing: border-box; display: inline-block; vertical-align: top; width: 25%; border-left: 1px solid #ddd;  }
.s2s1_ul li:first-child {border-left: 0px;}
.s2s1_ul li img {width: 85%; max-width: 100px; margin: 0px auto; display: block; }
.s2s1_ul li p:nth-child(2) {font-family: 'AritaBuri'; width: 90%; margin: 0px auto; display: block;  font-weight : 800; font-size : 21px; line-height : 30.41px; letter-spacing : -0.52px; color : #A8181E; text-align: center; padding-top: 15px;}
.s2s1_ul li p:nth-child(3) { font-family: 'Noto Sans KR', sans-serif; font-size : 18px; line-height : 26.71px; letter-spacing : -0.45px; color : #595757; text-align: center; padding-top: 10px;}


#s2s2 {background-image: url(../image/sub1/s12_img5.png); background-size: cover; background-position: center bottom; background-repeat: no-repeat; height: 700px; }
#s2s2 > img:nth-child(1) {width: 90%; max-width: 516px; margin: 0px auto; display: block; }
#s2s2 > p:nth-child(2) { font-family: 'Noto Sans KR', sans-serif; font-size : 17px; line-height : 27.71px; letter-spacing : -0.5px; color : #595757; width: 90%; max-width: 900px; margin: 25px auto 0px; display: block;}


#s2s3 {margin-top: -80px;  padding-bottom: 200px;}
#s2s3_box {width:100%; max-width: 1080px; background-color: #fff; border-radius: 20px;     padding: 50px 30px 20px; box-sizing: border-box; position: relative; margin: 0px auto;}
#s2s3_box > p:nth-child(1) {width: 90%; text-align: center; margin: 0px auto; display: block;  font-weight : bold;font-size : 44px; line-height : 51.41px; letter-spacing : -1.1px; color : #000000; font-family: 'AritaBuri';}
.s2s3_ul {width: 90%; margin: 50px auto; display: block; font-size: 0px;}
.s2s3_ul li {width: 50%; padding: 0px 40px; display: inline-block; vertical-align: top; box-sizing: border-box;}
.s2s3_ul li:nth-child(2) {border-left: 1px solid #ae181e;}
.s2s3_ul li p:nth-child(1) { font-size : 21px; letter-spacing : -0.52px; color : #3E3A39;padding-left: 25px; box-sizing: border-box; position: relative; font-family: 'Noto Sans KR', sans-serif; margin-bottom: 50px; font-weight: bold;}
.s2s3_ul li p:nth-child(1) span {position: absolute; left: 0px; color:#97181e; font-weight: bold;}
.s2s3_ul li p:nth-child(2) { padding-left: 25px; box-sizing: border-box; position: relative; font-family: 'Noto Sans KR', sans-serif; font-size : 18px; line-height : 26.93px; letter-spacing : -0.47px; color : #4C4948;}
.s2s3_ul li p:nth-child(2) span {font-family: 'Noto Sans KR', sans-serif; font-weight : bold; font-size : 24px; letter-spacing : -0.6px; color : #595757; position: absolute; left: 0px;}

#s2s3_bg {background-color:#efe3e0; position: absolute; top: 80px; left: 0px; width: 100%; height:  745px; z-index: -1; }


/*s1-3*/

#s3s1 { margin: 150px 0px;}
#s3s1 > img:nth-child(1) {width: 90%; max-width:487px; margin: 0px auto; display: block;}
#s3s1 > p:nth-child(3) {font-family: 'Noto Sans KR', sans-serif; font-size : 17px; line-height : 27.71px; letter-spacing : -0.5px; color : #595757; width: 90%; max-width: 790px; margin: 25px auto 0px; display: block;}
#s3s1 > img:nth-child(4) {width: 90%; max-width: 1230px; margin: 100px auto 0px; display: block;}


#s3s2 {margin-bottom: 150px;}
.s3s2_ul {width: 100%; font-size: 0px; }
.s3s2_ul li {display: inline-block; vertical-align: middle; }
.s3s2_ul li:nth-child(1) {width: 40%;}
.s3s2_ul li:nth-child(1) img {width: 100%;}
.s3s2_ul li:nth-child(2) {width: 60%; padding-left: 80px; box-sizing: border-box;}
.s3s2_ul li:nth-child(2) p:nth-child(1) {width: 90%; font-family: 'AritaBuri'; font-weight : 800; font-size : 35px; line-height : 87.65px; letter-spacing : -0.87px; color : #000000;}
.s3s2_ul li:nth-child(2) .line {width: 45px; height: 2px; display: block; margin: 15px 0px; background-color:#a8181e; }
.s3s2_ul li:nth-child(2) p:nth-child(3) { width: 90%; max-width: 600px;  font-family: 'Noto Sans KR', sans-serif; font-size : 20px; line-height : 32.71px; letter-spacing : -0.5px; color : #595757;}


/*s1-4*/

#s4s1 {margin: 150px 0px;}
#s4s1 > img:nth-child(1) {width: 100%; max-width:472px; margin: 0px auto; display: block;}
.s4s1_ul {width: 100%; font-size: 0px; margin-top: 150px;}
.s4s1_ul li {display: inline-block; vertical-align: middle;}
.s4s1_ul li:nth-child(1) {width: 40%;}
.s4s1_ul li:nth-child(1) img {width: 100%;}
.s4s1_ul li:nth-child(2) {widows: 60%; padding-left: 80px; box-sizing: border-box;}
.s4s1_ul li:nth-child(2) img:nth-child(1) {width: 100%; max-width: 420px;  }
.s4s1_ul  li:nth-child(2) p:nth-child(2) {font-family: 'Noto Sans KR', sans-serif; width: 90%; font-size : 25px; letter-spacing : -0.62px; color : #231815; padding-top: 40px; font-weight:bold; }
.s4s1_ul li:nth-child(2) p:nth-child(2) span {font-family: 'Noto Sans KR', sans-serif; font-weight: bold; color : #30898C; }
.s4s1_ul li:nth-child(2) p:nth-child(3) {  font-size : 20px; line-height : 32.71px; letter-spacing : -0.5px; color : #595757; font-family: 'Noto Sans KR', sans-serif; padding-top: 75px;}

#s4s2 { padding-top: 325px; margin-top: -335px;   margin-bottom: 150px; position: relative;}
#s4s2_inner {width:100%; max-width: 1250px; margin: 0px auto; display: block; background-color: #fff; padding: 50px 0px 0px; box-sizing: border-box;}
#s4s2_inner > p:nth-child(1) {font-family: 'AritaBuri'; width: 90%; text-align: center; font-weight : 800; font-size : 35px; line-height :45.65px; letter-spacing : -0.87px; color : #000000; margin: 0px auto; }
#s4s2_inner > .line {width: 100%; max-width: 45px; height: 2px; margin: 10px auto; display: block; background-color: #a8181e;}

.s4s2_ul {width: 90%; margin: 100px auto 0px; max-width: 900px;  font-size: 0px; }
.s4s2_ul li {width: 25%; vertical-align: top; display: inline-block; margin-bottom: 70px;}
.s4s2_ul li.w50  {width: 50%;}
.s4s2_ul li.w50 img {width: 85%; margin: 0px auto; display: block;  max-width: 410px;}
.s4s2_ul li.w50 p:nth-child(2) {font-weight: 800;  width: 85%; margin: 25px auto 0px; display: block; font-family: 'AritaBuri';  font-size : 25px; letter-spacing : -0.65px; color : #231815; text-align: center; line-height: 35px;}
.s4s2_ul li.w50 p:nth-child(3) {width: 85%; margin: 0px auto; display: block; font-family: 'AritaBuri';  font-size : 24px; letter-spacing : -0.6px; color : #717071; text-align: center; border-top: 1px solid #9c9c9c; line-height: 34px;}

.s4s2_ul li img {width: 85%; margin: 0px auto; display: block;  max-width: 190px;}
.s4s2_ul li p:nth-child(2) {font-weight: 800; width: 85%; margin: 15px auto 0px; display: block; font-family: 'AritaBuri';  font-size : 18px; letter-spacing : -0.65px; color : #231815; text-align: center; line-height: 28px}
.s4s2_ul li p:nth-child(3) {width: 85%; margin: 0px auto; display: block; font-family: 'AritaBuri'; font-size :17px; letter-spacing : -0.6px;
color : #717071; text-align: center; border-top: 1px solid #9c9c9c; box-sizing: border-box; line-height: 27px;}
.s4s2_ul li p:nth-child(3).border_none {border-top: 1px solid transparent;}

#s4s2_bg {width: 100%; position: absolute; left: 0px; top: 0px; background-color:#f6f3f5; height: 1900px; z-index: -1  }


/*s2-1*/

#s21s1 { margin: 150px 0px;}
#s21s1 > img:nth-child(1) { width: 90%;  max-width: 475px;  margin: 0px auto;  display: block;}
#s21s1 > p:nth-child(3) { font-family: 'Noto Sans KR', sans-serif; font-size: 17px; line-height: 27.71px; letter-spacing: -0.5px; color: #595757; width: 90%; max-width: 790px; margin: 25px auto 0px;  display: block;}

#s21s2 { margin: 150px 0px;}
.sub2_title {width: 90%; margin: 0px auto; display: block; font-size : 28px; line-height : 55.65px; letter-spacing : -0.75px;color : #000000; text-align: center; position: relative; font-family: 'AritaBuri'; font-weight:800;}
.sub2_title::after {content: ""; display: block; width: 100%; max-width: 55px; height: 2px; background-color: #a9181e;margin: 0px auto;}
.s2_ul {margin-top: 50px; font-size: 0px; width: 100%;}
.s2_ul li {width: 25%;  display: inline-block; vertical-align: middle; }

.s2_ul li img {width: 100%;}
.s2_ul li p:nth-child(2) {width: 90%; font-family: 'Noto Sans KR', sans-serif; font-size : 19px; line-height : 25.2px; letter-spacing : -0.85px; color : #231815; position: relative; padding-left: 30px; box-sizing: border-box; padding-top: 10px;}
.s2_ul li p:nth-child(2) span {position: absolute; left: 0px; font-size : 19px;line-height : 25.51px; letter-spacing : -0.47px;color : #FFFFFF; background-color:#b6181e; padding: 0px 8px;  }
.s2_ul li p:nth-child(3) { font-family: 'Noto Sans KR', sans-serif; font-size : 17px; line-height : 31.2px; letter-spacing : -0.76px; color : #717071; }

.s2_ul li.s2_ul_li {width: 5.5%; margin: 0px 3.5%;     padding-bottom: 50px;}
.s2_ul li.s2_ul_li img {width: 100%; max-width: 68px; margin: 0px auto; display: block;}
    
#s21s3 { margin: 150px 0px 200px;}
#s21s3 .sub_inner {border-top: 1px solid #c4c5c6; padding-top: 100px;}

    
/*s3-1*/

#s31s1 { padding:125px 0px 135px;  position: relative; background-image: url(../image/sub3/s3_bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;}
#s31s1 > img:nth-child(1) { width: 90%;  max-width: 257px; margin: 0px auto;  display: block;}
.s31s1_ul { width: 100%;  font-size: 0px; margin-top: 50px;}
.s31s1_ul_wrap { width: 100%;  max-width: 1180px;  margin: 0px auto;}
.s31s1_ul li {width: 50%; vertical-align: bottom; display: inline-block; }
.s31s1_ul_txt > img:nth-child(1) {width: 100%; max-width: 55px;  padding-bottom: 15px; padding-left: 15px; box-sizing: border-box;display: block;}
.s31s1_ul_txt > img:nth-child(2){width: 100%; max-width: 260px;  box-sizing: border-box;}
.s31s1_txtbox {width: 90%; padding-left: 15px; box-sizing: border-box; margin-top: 20px; display: block;}
.s31s1_txtbox p {border-bottom: 1px solid #818282; box-sizing: border-box; padding:20px 0px;}
.s31s1_txtbox p:nth-child(1) {font-family: 'Noto Sans KR', sans-serif; font-size : 16px; line-height : 22.4px; color : #000000; }
.s31s1_txtbox p.sub3_p_txt span{  font-family: 'AritaBuri'; font-weight: 800; transform: skewX(-0.3deg); font-size : 18px; line-height : 30.14px; letter-spacing : -0.2px; color : #3E3A39; position: absolute; left: 0px;}
.s31s1_txtbox p.sub3_p_txt { font-family: 'Noto Sans KR', sans-serif; font-size : 15px; line-height : 22.4px; color : #595757; padding-left: 150px; box-sizing: border-box; position: relative;}

.s31s1_ul_img.s3pro1 img {width: 95%; max-width:580px; margin: 0px auto; display: block;} 
.s31s1_ul_img.s3pro2 img {width: 85%; max-width:250px; margin: 0px auto; display: block;} 

.s3_pro_a { margin: 70px auto 0px; display: block; width: 100%;  max-width: 115px;}
.pop_open {cursor: pointer;}

#s31s2{ padding: 100px 0px 150px; background-color:#f0e4e1; }
#s31s2 > img:nth-child(1) { width: 90%;  max-width: 518px; margin: 0px auto;  display: block;}
#s31s2 > p:nth-child(2) {width: 90%; margin: 0px auto;  display: block; font-size : 19px;line-height : 23.36px; letter-spacing : -1.24px; color : #717071; text-align: center; padding-top: 20px; font-family: 'NanumSquare', sans-serif;}
#partner {width: 100%; max-width: 1100px; margin: 40px auto; display: block;}

.s3_pro_pop {position: fixed; left: 0px; top: 0px; height: 100%; width: 100%; z-index: 100; background-color: rgba(35,24,21,0.5); display: none;}
.s3_pro_pop.on {display: block;}
.s3_pop_wrap { width: 100%; max-width: 800px; max-height: 100%; padding: 100px 50px; overflow-y: scroll; margin: 0% auto; box-sizing: border-box; display: block;  background-color: #fff; position: relative;}
.s3_pop_wrap img {width: 95%; margin: 0px auto; display:block;}
.s3_pop_wrap .pop_close {font-size: 36px; position: absolute; right: 25px; top: 15px; color: #000000;  cursor: pointer; transition: all 0.4s;}
.s3_pop_wrap .pop_close:hover {color: #666666;}