/* content */
.grid-cont{width:1060px;margin:0 auto;}
.content .cont-visual{max-width:1620px; margin:0 auto;}
.content .category{margin-top:60px;}
.content h1, .content h2, .content h3, .content h4{margin:0;font-family:"GmarketSans","NanumSquare";font-weight:900;line-height:1;letter-spacing:-1px;text-align:center;word-break:keep-all;}
.content h1.tit{margin-top:99px;font-size:2.8125rem/*45px*/;color:#003377;}
.content h1.tit em{display:block;margin-top:10px;color:#333;}
.content h2{font-size:2.125rem/*34px*/;color:#0071b6;}
.content h2 em{color:#000;}
.content h2.line{padding:30px 0 21px;border-top:2px solid #0071b6;border-bottom:2px solid #0071b6;font-size:2.8125rem/*45px*/;color:#0071b6;}
.content h2.line .num{color:#333;}
.content h2.line em{color:#003377;}
.content h3{font-stretch:normal;color:#333;line-height:2.27;letter-spacing:-0.75px;}
.content h3.keyword{margin:50px 0 14px;font-size:1.875rem/*30px*/;}
.content h3.keyword em{display:inline-block;margin-left:12px;padding:0 20px 0 10px;background-color:#c8eeff;font-size:2.8125rem/*45px*/;color:#003377;font-style:italic;line-height:1.25;}
.content h3.quot{font-size:2.125rem/*34px*/;color:#003377;line-height:1.4;}
.content h3.quot:before{display:block;width:20px;height:18px;margin:0 auto 6px;background:url(../img/sub/ico-quot-l.png) no-repeat;content:"";}
.content h3.quot:after{display:block;width:20px;height:18px;margin:6px auto 0;background:url(../img/sub/ico-quot-r.png) no-repeat;content:"";}
.content h3.quot.blue:before{width:22px;height:19px;background-image:url(../img/sub/ico-quot-l-blue.png);}
.content h3.quot.blue:after{width:22px;height:19px;background-image:url(../img/sub/ico-quot-r-blue.png);}
.content h3.bg-bdr{display:inline-block;position:relative;margin:69px 0 21px;padding-bottom:6px;font-size:2.8125rem/*45px*/;color:#333;line-height:1.25;}
.content h3.bg-bdr em{position:relative;z-index:1;}
.content h3.bg-bdr .bdr{position:absolute;bottom:10px;left:0;width:100%;height:22px;background-color:#c8eeff; z-index: -1;}
.content h5, .content p{font-family:NanumSquareOTF_acR, "NanumSquare";font-size:1.375rem/*22px*/;font-weight:400;color:#000;line-height:1.64;letter-spacing:-1px;text-align:left;}
.content p .desc{font-size:0.9375rem/*15px*/;color:#7d7d7d;letter-spacing:-0.5px;}
.content p b{font-family: NanumSquareOTF_acEB, NanumSquareOTF_acR, 'NanumSquare';}
.content .kopub{font-family:"KoPubDotum";}
.content .sec-bg{position:absolute;left:0;z-index:-1;width:100%;}
.content .flx{display:flex;}
.content .box{border:6px solid #448aca;padding:30px 33px;}
.content .box h2{margin:3px 0 16px;font-size:2.8125rem/*45px*/;color:#003377;}
.content .title-shadow-blue-box{background-color: #1657ad;transform: skew(-20deg);display: inline-block;padding: 23px 81px;}
.content .title-shadow-blue-box h2{transform: skew(20deg);text-align: center;}
.content .title-shadow-blue-box h2:before{content: attr(title);font-family:"GmarketSans","NanumSquare";color: white;
	text-shadow:
	0px -3px 0 #0071b6,
	0px 3px 0 #0071b6,
	3px 0px 0 #0071b6,
	-3px 0px 0 #0071b6,
    -2px -2px 0 #0071b6,
    2px -2px 0 #0071b6,
    -2px 2px 0 #0071b6,
	2px 2px 0 #0071b6,
	6px 6px 10px rgb(43, 43, 43);
}
.content h2.circ-bullet{font-family: "GmarketSans","NanumSquare"; font-weight: normal; line-height: 2; align-items: center; display: inline-flex; color: #3285c1; align-items: center;}
.content h2.circ-bullet i{font-size: 75%; font-style: normal; background-color: #3285c1; color: #fff; border-radius: 50%; padding: 10px; line-height: 1; }



.content [class^='section']{position:relative;}
.section-wide-txt h3{padding:57px 20px 48px;background:linear-gradient(90deg, #00327c 0%, #0074b5 100%);font-size:2.875rem/*46px*/;color:#fff;line-height:1.2;letter-spacing:-0.125rem;word-break:keep-all;}
.section-wide-txt.gray h3{padding:37px 20px 28px;background:#ededed;color:#333;}
.section-wide-txt.gray h3 em{color:#0071b6;}

.sns-share{margin:100px 0 13px;text-align:center;}
.sns-share a img{display:inline-block;margin-left:35px;}
.sns-share a:first-child img{margin-left:0;}


/* sub01 */
.sub01 .grid-cont{padding:0 11px;}
.sub01 .category{margin: 69px auto 65px;}
.sub01 .banner{max-width: 1960px; width: 100%; margin: 0 auto;}
.sub01 .content{text-align: center;}
.sub01 .content p{text-align: center;}
.sub01 .content img{margin: auto;}
.sub01 .section1{margin-top: 92px;}
.sub01 .section1 img:first-child{margin-bottom: 98px;}
.sub01 [class^="section1"] h2.line{font-size: 2.375rem/*38px*/;padding: 24px 0 21px; margin-bottom: 94px; color: #3386c0;}
.sub01 [class^="section1"] h3.bg-bdr{font-size: 1.6875rem/*27px*/; margin: 0 auto 47px;}
.sub01 [class^="section1"] h3.bg-bdr em{color: #012c73;}
.sub01 [class^="section1"] h3.bg-bdr .bdr{bottom: 5px; width: 105%; left: -5px;}
.sub01 [class^="section1"] p{margin: 103px auto 138px;}
.sub01 .section1-2 h3.bg-bdr{ margin-bottom: 78px;}
.sub01 .section1-3 p{margin: 53px auto 213px;}
.sub01 .section1-4 p{margin: 60px auto 213px;}
.sub01 .section1-4{margin-top: 32px;}
.sub01 .section1-4 p.caption{max-width: 685px; width: 100%; text-align: right; margin: 10px auto 80px; font-size: 1.125rem;}
.sub01 .section1-4 h5{font-family: NanumSquareOTF_acEB, NanumSquareOTF_acR, 'NanumSquare'; color:#000; margin: 30px auto 2px; font-size: 1.375rem/*22px*/;line-height: 1.64;letter-spacing: -1px; text-align: center;}
.sub01 .section1-5{margin-top: 164px; }
.sub01 .section2 h2{font-size: 2.1875rem; color: #012c73; margin: 129px auto 58px;}
.sub01 .section2 img+h2 {margin-top: 67px;}
.sub01 .section2 p{margin-top: 0px;}
.sub01 .section3{ margin-top: 165px;}
.sub01 .section3 h2+img{ margin: 51px auto 72px;}
.sub01 .section3 p{margin-bottom: 89px;}
.sub01 .section4 p{margin: 105px auto 59px;}
.sub01 .section4 a{margin: 0px auto;}
.sub01 .section4 p+a img{margin-bottom: 91px;}
.sub01 .section3{ margin-bottom: 130px;}



/* sub02 */
.sub02 .section-wide-txt h3 {padding: 36px 20px 32px;}
.sub02 .section1 .tit{margin: 112px auto 44px; font-size: 1.5625rem;}
.sub02 .section1 p{font-size:1.5625rem/*25px*/; font-family: "GmarketSans"; text-align: center; line-height:1.56;color:#333;}
.sub02 .section1{margin-top:52px;}
.sub02 .section1 img{margin: 100px auto 0;}
.sub02 .section2{margin: 23px auto 132px;}
.sub02 .section2 img{margin: 0px auto 79px;}



/* sub03 */
/* .sub03 .grid-cont{padding: 0 31px;} */
.sub03 .content{text-align: center;}
.sub03 .content p{text-align: center;}
.sub03 .section1{margin-top:61px;}
.sub03 [class^="section"] img{margin: auto;}
.sub03 .section1 h1.tit {font-size: 2.1875rem; margin-top: 33px;}
.sub03 .section1 h2.tit {font-size: 1.5625rem; margin-top: 112px;}
.sub03 .section2 .sec-bg{top: 104px;height:calc(75% - 104px);background-color:#e5f7ff;}
.sub03 .section2{margin-top: 85px;}
.sub03 .section2 p{color: #fff; text-align: left; margin: 28px auto 0px;max-width: 996px;}
.sub03 .section3{margin-top: 32px;}
.sub03 .section3 .title-shadow-blue-box {margin: 84px auto 74px;}
.sub03 .section3 .title-shadow-blue-box h2{display: inline-block; line-height: 1.3;}
.sub03 .section3 img:first-child{margin-bottom: 83px;}
.sub03 .section3 p.caption{margin: 31px auto 50px;}
.sub03 .section4{text-align: center;margin-top: 105px}
.sub03 .section5{margin-top: 112px;}
.sub03 .section5 p.caption{margin: 31px auto 52px;}
.sub03 .section6{margin-top: 76px;}
.sub03 .section4 h3.bg-bdr, .sub03 .section8 h3.bg-bdr{font-size: 1.875rem; color: #003377; margin: 39px 0 49px;}
.sub03 .section4 .bg-bdr .bdr, .sub03 .section8 .bg-bdr .bdr{bottom: 5px; height: 15px;}
.sub03 .section4 p b{font-family: NanumSquareOTF_acEB, NanumSquareOTF_acR, 'NanumSquare';}
.sub03 .section6 .flx{border: 1px solid #012c73; border-radius: 10px; box-shadow: 2px 2px 19px -6px rgba(0,0,0,0.49); margin: 20px auto 0px; max-width: 930px;}
.sub03 .section6 .flx .left{background-color: #012c73; max-width: 180px; width: 100%; border-radius: 8px 0px 0px 8px; display: flex; align-items: center; justify-content: center;}
.sub03 .section6 .flx .left p{color: #fff; font-size: 1.375rem;}
.sub03 .section6 .flx .right{padding: 22px 30px;max-width: 80%;}
.sub03 .section6 .flx .right h5{font-size: 1.375rem; font-family: NanumSquareOTF_acEB, NanumSquareOTF_acR, 'NanumSquare'; color: #000; margin: 0px auto 10px;}
.sub03 .section7{margin-top: 117px;}
.sub03 .section7 p.caption{margin: 22px auto 69px;}
.sub03 .section8{margin: 146px auto 140px;}



/* sub04 */
.sub04 [class^="section"] img{margin: 62px auto;}
.sub04 .content{text-align: center;}
.sub04 .content p{text-align: center;}
.sub04 .flx{justify-content:space-between;}
.sub04 .section{margin-top:113px;}
.sub04 .section h1.tit{margin-top:32px;font-size: 2.1875rem;}
.sub04 .section h2.tit{font-size: 1.5625rem;}
.sub04 .section1{margin-top: 60px;}
.sub04 .section1 .sec-bg{top: 104px;height:calc(80% - 104px);background-color:#e5f7ff;}
.sub04 .section1-1{margin-top:63px;}
.sub04 .section2{margin-top: 83px; text-align: center;}
.sub04 .section2-1{margin-top: 146px;}
.sub04 .section2-1 .bubble{margin: 100px auto 90px;}
.sub04 .section2-2{margin-top: 184px;}
.sub04 .section2 .title-shadow-blue-box h2{display: inline-block; line-height: 1.2;}
.sub04 .section3{margin: 117px auto 199px;}

/* sub05 */
.sub05 .content{text-align: center;}
.sub05 .content p{text-align: center;}
.sub05 .section{margin-top:113px;}
.sub05 .section h1.tit{margin-top:32px;font-size: 2.1875rem;}
.sub05 .section h2.tit{font-size: 1.5625rem;}
.sub05 .section1 .sec-bg{top: 104px;height:calc(80% - 104px);background-color:#e5f7ff;}
.sub05 .section1-1{margin: 63px auto 113px;}
.sub05 .section2 .title-shadow-blue-box{ max-width:700px;width: 100%; padding: 21px 30px; margin: 82px auto 64px; text-align: center;}
.sub05 [class^="section2"] .title-shadow-blue-box h2 {display: inline-block; line-height: 1.2;}
.sub05 [class^="section2"] p{margin-top: 65px;}
.sub05 [class^="section2"] p.caption{margin: 31px auto 73px;}
.sub05 [class^="section2-"] {margin-top: 143px;}
.sub05 .section2-2 .title-shadow-blue-box{margin-bottom: 73px;}
.sub05 .section2-2 p{margin: 70px auto 142px;}
.sub05 .section2-5 p.caption{margin-top: 51px;}
.sub05 .section2-5 {margin-bottom: 205px;}
.sub05 [class^="section"] img{margin: auto;}
.sub05 .section1 img{margin-top: 68px;}
.sub05 .section3 img{margin-top: 74px;}


/* sub06 */
.sub06 .content{text-align: center;}
.sub06 .content p{text-align: left;}
.sub06 h1.tit{line-height: 1.3;}
.sub06 [class^="section"] img{margin: auto;}
.sub06 p.caption{margin: 18px auto 28px; font-size: 1.375rem;max-width: 1000px;}
.sub06 .title-shadow-blue-box{margin-bottom: 64px;}
.sub06 .title-shadow-blue-box h2{display: inline-block;}
.sub06 .section1{margin: 70px auto 86px;}
.sub06 .section1 .sec-bg{top: 122px; height: calc(68% - 122px); background-color: #0071b6;}
.sub06 .section1 p{max-width: 999px; margin: 28px auto 86px;}
.sub06 .section2 .box{margin: 85px auto 114px; max-width: 999px;}
.sub06 .section2 .box h2 em{color: #333333;}
.sub06 .section2 .box p{font-weight: bold;}
.sub06 .section3{margin-top: 111px; text-align: left;}
.sub06 .section3 h2.line, .sub06 .section4 h2.line, .sub06 .section5 h2.line{max-width: 999px; margin: auto; line-height: 1.2; margin-bottom: 55px;}
.sub06 [class^="section3"] .bdr-cont{max-width: 990px; width: 100%; margin: 0 auto;}
.sub06 [class^="section3"] h3.bg-bdr{font-size: 1.5625rem;}
.sub06 [class^="section3"] h3.bg-bdr .bdr{bottom: 3px; left: -5px; width: 105%;}
.sub06 [class^="section3"] p:not(.caption){text-align: left; max-width: 999px; margin: 7px auto 80px;}
.sub06 [class^="section5"] p:not(.caption){text-align: left; max-width: 999px; margin: 0px auto 78px;}
.sub06 .section3 img{margin-top: 55px;}
.sub06 .section3-1{margin-top: 97px; text-align: left;}
.sub06 .section4{margin-top: 125px;}
.sub06 .section4 img{margin-top: 70px;}
.sub06 .section4 p.caption{margin-top: 30px;}
.sub06 .section4-1{margin-top: 88px;}
.sub06 .section4-1 img{margin: 114px auto 30px;}
.sub06 .section5{margin-top: 128px;}
.sub06 [class^="section4"] p{max-width: 999px; margin: 0 auto; text-align: left;}
.sub06 [class^="section6"] p{text-align: center;}
.sub06 .section6 p:first-child{margin: 122px auto 84px;}
.sub06 [class^="section6"] p.caption {margin: 30px auto 0px;}
.sub06 [class^="section6"] p.caption em{text-align: center; font-family: NanumSquareOTF_acEB; font-weight: bold;}
.sub06 [class^="section6"] p.caption+p {margin-bottom: 121px;}
.sub06 .section6 img{margin-top: 72px;}
.sub06 .section7:not(.section-wide-txt){margin-bottom: 196px;}
.sub06 .section7 {margin-bottom: 178px;}
.sub06 .section7 p{text-align: center; margin-bottom: 93px;}
.sub06 .section7 img{margin-bottom: 10px;}
.sub06 .section7.section-wide-txt{margin-top: 119px;}
.sub06 .section7 p.caption{margin-top: 100px; font-size: 1.875rem; text-align: center;}
.sub06 .section7 p.caption em{font-family: serif;}
.sub06 .section-wide-txt h3{padding:48px 20px;background:linear-gradient(90deg, #00327c 0%, #0074b5 100%);font-size:2.875rem/*46px*/;color:#fff;line-height:1.2;letter-spacing:-0.125rem;word-break:keep-all;}


/* sub07 */
.sub07 [class^='section'] img{margin: auto;}
.sub07 .content{text-align: center;}
.sub07 .section1{margin-top: 80px;}
.sub07 .section1 h1.tit {margin: 42px auto 67px; font-size: 2.5rem/*40px*/;}
.sub07 .section1 p{text-align: center;padding: 21px 0 79px;}
.sub07 .section1 a img{margin-top: 59px;}
.sub07 .grid-cont.blue-box{border: 10px solid #b9e1f2; padding: 78px 20px 66px;max-width: 1000px;}
.sub07 .section1 .title-shadow-blue-box{margin-bottom: 37px;}
.sub07 .section1 .title-shadow-blue-box h2{display: inline-block;}
.sub07 .interview-flx{max-width: 837px;}
.sub07 .interview-flx{display: flex; flex-direction: row; align-items: flex-start; text-align: left; margin: auto; margin-top: 68px; }
.sub07 .interview-flx img{margin: 0;}
.sub07 .interview-flx .bg-bdr{margin: 0 0 10px; font-size: 1.5625rem;}
.sub07 .interview-flx .bg-bdr .bdr{bottom: 5px; height: 15px;left: -5px; width: 110%; background-color: #b9e1f2;}
.sub07 .interview-flx .flx-txt{padding-left: 33px; }
.sub07 .interview-flx .flx-txt p{margin-top: 0px; max-width: 670px; text-align: left;}
.sub07 .section2 .title-shadow-blue-box{margin-bottom: 82px;}
.sub07 [class^="section"] h2:not(.line){color: #003377; line-height: 1.2;}
.sub07 [class^="section3"] .interview-flx+img{margin-top: 116px;}
.sub07 .section3{margin-top: 152px;}
.sub07 .section3 h2.line{margin-bottom: 82px;}
.sub07 .section3 h2:not(.line){margin-top: 81px;}
.sub07 .section3 p{margin-top: 25px;}
.sub07 .section3-1 h2{margin: 71px auto 64px;}
.sub07 .section3-2{margin-top: 89px;}
.sub07 .section3-2 h2.line{margin-bottom: 80px;}
.sub07 .section3-3{margin-top: 146px;}
.sub07 p.caption{max-width: 999px; margin: 30px auto 80px;}
.sub07 .section4 h2:not(.line){margin-top: 85px;}
.sub07 .section4 .line{margin: 142px auto 74px;}
.sub07 .section4-1{margin-top: 146px;}
.sub07 .section4-1 h2{margin-top: 82px;}
.sub07 .section4-2 .blue-box{margin-top: 148px;}
.sub07 [class^='section5']{margin-top: 148px;}
.sub07 .section5 .line+img{margin: 79px auto 82px;}
.sub07 .section5-2 img+h2{margin-top: 75px}
.sub07 .section5-3 .flx-txt h3{display: inline-block; font-size: 1.5625rem;}
.sub07 .section5-3 .flx-txt h3.bg-bdr .bdr{width: 100%; left: 0px; width: calc(102% - 3.125rem );}
.sub07 .section5-3 .flx-txt h3.bg-bdr:first-child .bdr{width: calc(100% - 1.5625rem);}
.sub07 .section6{margin: 115px auto 163px;}
.sub07 .section6 p{text-align: center; margin-top: 42px;}
/* .sub07 .section5-3 .flx-txt h3.bg-bdr .bdr{width: 100%; left: 0px;} */
/* .sub07 .section5-3  h3.ga em::after{content: '가';} */
/* .sub07 .section5-2 h2.bg-bdr{display: inline-block;} */


/* sub08 */
.sub08 .content{text-align: center;}
.sub08 .content img{margin: 0 auto;}
.sub08 .content p{text-align: center;}
.sub08 .category{ margin-top: 65px;}
.sub08 .title-shadow-blue-box{width: 100%; max-width: 700px;}
.sub08 .title-shadow-blue-box h2{font-size: 2.1875rem; display: inline-block; line-height: 1.2;}
.sub08 em{font-family: sans-serif;}
.sub08 h2.line{color: #003377; border-color: #003377;line-height: 1.3; font-size: 2.375rem; padding: 24px 0 21px;}
.sub08 h3.bg-bdr{font-size: 1.875rem;}
.sub08 h3.bg-bdr .bdr{bottom: 3px;}
.sub08 .title-shadow-blue-box h3{font-family: sans-serif;font-size: 1.875rem;display: inline-block;line-height: 1.2;transform: skew(20deg);}
.sub08 .title-shadow-blue-box h3:before{content: attr(title);color: white;text-shadow: 0px -3px 0 #0071b6, 0px 3px 0 #0071b6, 3px 0px 0 #0071b6, -3px 0px 0 #0071b6, -2px -2px 0 #0071b6, 2px -2px 0 #0071b6, -2px 2px 0 #0071b6, 2px 2px 0 #0071b6, 6px 6px 10px rgb(43, 43, 43);}
.sub08 .section1{margin-top: 90px;}
.sub08 .section1 .title-shadow-blue-box{margin-bottom: 37px;}
.sub08 .section1 .title-shadow-blue-box h2{display: inline-block;}
.sub08 .section2 {padding-bottom: 76px; margin: 54px auto 136px;}
.sub08 .section2 p{text-align: center; margin: 46px auto 0px;}
.sub08 .section2 .sec-bg{top:275px;height:calc(100% - 275px);background-color:#e5f7ff;}
.sub08 .section3 .title-shadow-blue-box{margin-bottom: 59px;}
.sub08 .section3 img{margin: 60px auto 0px;}
.sub08 .section3 a img{margin-bottom: 142px}
.sub08 .section3 p{text-align: center; margin: 46px auto 69px;}
/* .sub08 .section3 .flx+p{margin-bottom: 42px;} */
.sub08 .section3 h1{color: #003377; font-size: 2.8125rem; margin-bottom: 64px;}
.sub08 .section3 .flx .left{margin-right: 10px;}
.sub08 .section3 .display-ad{position:relative;max-width:999px;margin:0 auto;}
.sub08 .section3 .video-block-wrap{position:absolute;top:16.4203612%;left:37.8378378%;width:24.5245245%;}
.sub08 .section3 .video-block{position:relative;padding-bottom:156.52173913%;}
.sub08 .section3 .video-block video{position:absolute;top:0;left:0;width:100%;height:100%;}
.sub08 .section4 {margin-top: 173px;}
.sub08 .section4 img{margin: auto; margin-top: 30px;}
.sub08 .section4 p{margin-bottom: 108px;}
/* .sub08 .section4 h2.line{margin-bottom: 62px;} */
.sub08 .section4 h2.line{color: #003377; border-color: #003377; margin: 59px auto 62px;}
.sub08 .section4 h3.bg-bdr{margin: 0px auto 10px;}
.sub08 .section4 h3.bg-bdr .bdr{width: 105%;}
.sub08 .section4-1 {margin-top: 37px;}
.sub08 .section4-2{margin-top: 98px;}
.sub08 .section4-2 h3.bg-bdr{margin: 62px auto 42px;}
.sub08 .section4-3{margin-top: 21px;}
.sub08 .section4-3 h3.bg-bdr, .sub08 .section4-4 h3.bg-bdr, .sub08 .section4-5 h3.bg-bdr, .sub08 .section4-6 h3.bg-bdr{margin-bottom: 42px;}
.sub08 .section4-4{margin-top: 138px;}
.sub08 .section4-5{margin-top: 111px;}
.sub08 .section4-6{margin-top: 100px;}
.sub08 .section4-1 .sec-bg{top: 349px;height:calc(100% - 349px);background-color:#ededed;}
.sub08 .section4-1 p{padding-bottom: 57px;}
/* .sub08 .section4 h2.line{font-size: 2.375rem; color: #003377; border-color: #003377; margin: 0px auto 0px;} */
.sub08 [class^="section4"] p{text-align: center; margin-top: 46px;}
.sub08 .section5{margin: 176px auto 206px;}
.sub08 .section5 h2.line, .sub08 .section6 h2.line{font-size: 2.1875rem; margin: 68px auto 53px;}
.sub08 .section5 p.caption, .sub08 .section6 p.caption{font-size: 1.125rem; margin-top: 24px;}
.sub08 .section5 img, .sub08 .section6 img{margin: 70px auto;}
.sub08 .section6{margin-bottom: 206px;}

/* sub09 */
.sub09 .grid-cont{padding:0 31px;}
.sub09 h1.tit{line-height: 1.3;}
.sub09  h2.line{font-size: 1.875rem; margin-bottom: 62px; line-height: 1.3;}
.sub09 .content, .sub09 .content p {text-align: center;}
.sub09 .content img {margin:0 auto;}
.sub09 .section1{margin-top: 49px;}
.sub09 .section1 h3.bg-bdr{font-size: 1.5625rem;}
.sub09 .section1 h3.bg-bdr .bdr{bottom: 3px; left: -10px; width: 105%;}
.sub09 .section1 h2{font-size: 1.5625rem; border-bottom: 1px solid #000; color: #000; display: inline;}
.sub09 .section1 p{margin: 47px auto 106px;}
.sub09 .section1 p.caption{margin: 77px auto 39px; text-align: right;}
.sub09 .section2{margin-top: 119px;}
.sub09 .section2 h2.line em, .sub09 .section3 h2.line em, .sub09 .section2 h2.line em{font-size: 1.5625rem; color: #313131;}
.sub09 .section2 p{margin: 42px auto 75px;}
.sub09 .section2-1{margin-top: 63px;}
.sub09 .section2-1 .flx{align-items: center; margin: 66px auto 26px; max-width: 280px;}
.sub09 .section2-1 .flx img{margin-right: 10px;}
.sub09 .section2-1 .flx h2{display:inline; font-size: 1.875rem; color: #313131;}
.sub09 .section2-1 em.red{color: #d80059;}
.sub09 .section2-1 em.blue{color: #129bc3;}
.sub09 .section2-1 h5{display: inline; font-size: 1.375rem;}
.sub09 .section2-1 p{margin: 89px auto 99px;}
.sub09 .section2-2{margin-top: 99px;}
.sub09 .section2-2 p{margin: 67px auto 74px;}
.sub09 .section3{margin-top: 129px;}
.sub09 .section3 p{margin: 42px auto 68px;}
.sub09 .section3-1 p{margin: 74px auto 81px;}
.sub09 .section4{margin-top: 116px;}
.sub09 .section4 p{margin: 72px auto 78px;}
.sub09 .section4 img{margin-bottom: 42px;}
.sub09 .section4 h3.bg-bdr{font-size: 1.5625rem; margin-top: 117px;}
.sub09 .section4 h3.bg-bdr .bdr{bottom: 5px; width: 103%; left: -5px; height: 15px;}
.sub09 .section4 h3.bg-bdr em{color: #3386c0;}
.sub09 .section4 .memo{margin-top: 73px;}
.sub09 .section5 {margin: 135px auto 134px;}
.sub09 .section5 .title-shadow-blue-box h2{display: inline-block;}
.sub09 .section5 .title-shadow-blue-box{margin-bottom: 75px;}
.sub09 .section5 p.caption{margin-top: 99px; font-size: 1.125rem}
.sub09 .content .category img {margin:0}



/* sub10 */
.sub10 [class^='section']{text-align:center;}
.sub10 [class^='section'] img{margin: 0 auto;}
.sub10 [class^='section'] p {text-align:center;}
.sub10 .tit{padding-bottom: 38px;border-bottom: 2px solid #0071b6; margin-top: 87px;}
.sub10 .tit h3{font-size: 2.3125rem;margin-left: 31px;margin-right: 31px; line-height: 1.4; color: #003377;;}
.sub10 .tit h3 em{color: #3386c0;margin-bottom: 10px; display: block;}
.sub10 h2.circ-bullet{font-size: 2.375rem;margin-bottom: 52px;}
.sub10 h3.bg-bdr{font-size: 2.1875rem;}
.sub10 h3.bg-bdr em{color: #003377; margin:100px 0 61px;}
.sub10 h3.bg-bdr.break{margin: 0px;}
.sub10 h3.bg-bdr.break .bdr {bottom: 5px;width: 105%;left:-3px;}
.sub10 h5{font-size: 1.625rem; line-height: 1.5; font-family: "GmarketSans","NanumSquare"; font-weight: 500; margin: 0px; color: #1e4a85; text-align: center;}
.sub10 h5 em{color: #003377;font-weight: 600;}
.sub10 p.caption{margin:23px auto 43px;text-align: right; max-width: 997px;}
.sub10 .flx{align-content: space-around;margin: auto;}
.sub10 .flx .img-blk.right{margin-left: 10px;}
.sub10 .section1 .sec-bg{top:200px;height:calc(70% - 200px);background-color:#e5f7ff;}
.sub10 .section3 .sec-bg{top:215px;height:calc(50% - 215px);background-color:#ededed;}
.sub10 .section1{margin-top: 99px;margin-bottom: 7px;}
.sub10 .section1-1{margin-top: 120px;}
.sub10 .section1-2, .sub10 .section1-3{margin-top: 93px;}
.sub10 .section1-3 img:first-child{margin-bottom: 90px;}
.sub10 .section1-3 p:not(.caption){margin: 84px auto 126px;}
.sub10 .section2{ margin-top:108px;}
.sub10 .section2 .sec-bg{top: 281px; height: calc(85% - 280px); background-color: #e5f7ff;}
.sub10 .section2 img{margin-top: 56px;}
.sub10 .section2-1 h3.bg-bdr{margin: 0px;}
.sub10 .section2-1 h3.bg-bdr .bdr {bottom: 5px;}
.sub10 .section2-1 img{margin-top: 60px;}
.sub10 .section2-2{margin-top: 120px;}
.sub10 .section2-2{margin-bottom: 81px;}
.sub10 .section2-2 p.caption, .sub10 .section2-3 p.caption{margin: 15px auto 46px;text-align: right; max-width: 997px;}
.sub10 .section2-2 .flx{max-width: 990px;}
.sub10 .section2-4{margin-top: 154px;}
.sub10 .section2-4 p.line, .sub10 .section4-3 p.line{padding: 24px 0px 36px; max-width: 900px; margin: 99px auto; border-top: 2px solid #dcdddd; border-bottom: 2px solid #dcdddd;}
/* .sub10 .section2-2 p.caption{max-width: 990px;}
.sub10 .section2-3 p.caption{max-width: 564px;} */
.sub10 .section3{ margin-top:221px;}
.sub10 .section3 img{margin-top: 57px;}
.sub10 [class^='section3-']{ margin-top: 118px;}
.sub10 [class^='section3'] h5{ margin: 62px auto 44px; font-size: 2.4375rem; color: #0071b6;}
.sub10 .section4{ margin-top: 171px;}
.sub10 .section4 img{ margin-top: 69px;}
.sub10 .section4 .sec-bg{ top: 270px; height: calc(80% - 270px); background-color: #ededed;}
.sub10 .section4-2{ margin-top: 120px;}
.sub10 .section5{ margin-top: 119px;}
.sub10 .section5 .flx .left{margin-right: 10px;}
.sub10 .section5 .flx+p.caption{text-align: left;}
.sub10 .section5 .circ-bullet{margin: 53px auto; display: block;}
.sub10 [class^='section5'] h2.circ-bullet{margin-top: 135px}
.sub10 .section5 h2.circ-bullet{margin-top: 94px}
.sub10 [class^='section5'] h2.circ-bullet i{border-radius: 50px; padding: 10px 20px;}




/* sub11 */
.sub11 .content{min-width: 850px;}
.sub11 [class^='section']{text-align:center;}
.sub11 [class^='section'] img{margin: 0 auto;}
.sub11 [class^='section'] p {text-align:center;}
.sub11 h1.tit{font-size: 2.3125rem;margin-left: 31px;margin-right: 31px; line-height: 1;}
.sub11 h4{font-size: 1.875rem; font-weight: normal; margin-top: 16px; color: #333333;}
.sub11 .section1 .sec-bg {top:200px;height:calc(100% - 200px);background-color:#e5f7ff;}
.sub11 .section1 .sec-bg * {background-color:#e5f7ff;}
.sub11 .section1-1 {padding-top: 110px; background-color:#e5f7ff; z-index: -1;}
.sub11 .section2, .sub11 .section3, .sub11 .section4{background-color:#e5f7ff; z-index: 1;}
.sub11 .section1 {margin-top: 70px; padding: 0px 180px;}
.sub11 .section1 .frame{position: relative; max-width: 1200px; margin:auto; box-shadow: -10px -10px 50px rgb(185, 185, 185), 20px 20px 100px rgb(85, 85, 85);}
.sub11 .section1 .frame .deco {position: relative; }
.sub11 .section1 .frame .deco img {position: absolute; right: 1%; bottom: 18%; z-index: 2;width:18%;}
.sub11 .section1 .pre_arrow{position: absolute; top: 45%; left:-12%;cursor:pointer; z-index: 3;padding: 10px 20px; height: 115px;}
.sub11 .section1 .next_arrow{position: absolute; top: 45%; right:-12%;cursor:pointer; z-index: 3;padding: 10px 20px; height: 115px;}
.sub11 .section1 .main-slider{position: absolute; top: 50%; left:50%; transform: translateX(-50%) translateY(-50%); z-index: 1; height: 100%; width: 100%; padding-bottom: 10px;}
.sub11 .section1 .main-slider div{height: 20%;}
.sub11 .section1 .main-slider.vert{transform: translateX(-50%) translateY(-52%);}
.sub11 .section1 .main-slider.vert .select {width:27%; max-width: 400px; transform: translateX(-50%) translateY(-46%);}
.sub11 .section1 .main-slider .select{ margin: auto; width: 60.23242342323%; max-height: 500px; max-width: 750px; }
.sub11 .section1 .main-slider .select{position: absolute; top: 50%; left:50%; transform: translateX(-50%) translateY(-50%); }
.sub11 .section1-1 .tag{background-color: #413d3b; max-width: 691px; color: #fff; margin: 0px auto; padding:29px 0px 25px;}
.sub11 .section1-1 .tag h3{color: #fff; font-size: 1.875rem; margin-bottom: 19px; line-height: 1;}
.sub11 .section1-1 .tag p{color: #fff; font-size: 1.25rem;}
.sub11 .section2{padding-top: 174px;}
.sub11 .section3 .sec-visual, .sub11 .section4 .sec-visual{margin: 43px 70px 0px;}
.sub11 .section3 .slider-tag-1{display: block; }
.sub11 .section3 .slider-tag-1 .item {height: 265px;}
.sub11 .section3 .slider-tag-2{display: block; }
.sub11 .section4 .slider-tag-2 .item {height: 265px;}
.sub11 .slider-tag-1 .item>div, .sub11 .slider-tag-2 .item>div{cursor: pointer; height: 100%; width: 100%;margin: auto; position:relative;background-repeat:no-repeat; background-position:center center; background-size: cover;}
.sub11 .owl-nav{position:absolute;top: 30%;font-size:0; width: 100%;}
.sub11 .owl-prev,.sub11 .owl-next{position:absolute;width:30px;height:30px;background-repeat:no-repeat;font-size:0;background-position: center; cursor: pointer;}
.sub11 .owl-nav .owl-prev{left:calc(-6.16666667%); margin-left: 5px;}
.sub11 .owl-nav .owl-next{left:calc(100% + 6.16666667% - 35px);}
.sub11 .owl-dots{margin-top: 70px; display:flex;font-size:0; display: flex; justify-content: center;}
.sub11 .owl-dots.stop{opacity: 0.2;}
.sub11 .owl-dots .owl-dot{width:14px;height:14px;margin:0 7px;border-radius:100%;border: 1px solid #413d3b;}
.sub11 .owl-dots .owl-dot.active{width:14px;height:14px;background-color:#413d3b; }
.sub11 .section4{padding: 51px 0px 100px;}
.sub11 h3.bg-bdr{font-size: 2.1875rem;margin: 0px;}
.sub11 h3.bg-bdr .bdr{bottom: 5px;width: 105%;left:-3px;}
/* .sub11 h3.bg-bdr{font-size: 2.1875rem;margin: 123px 0 43px;} */
.sub11 h3.bg-bdr em{color: #003377; margin:100px 0 61px;}
.sub11 h3.bg-bdr.break{margin: 0px;}
.sub11 h3.bg-bdr.break .bdr {bottom: 5px;width: 105%;left:-3px;}
.sub11 p.caption{margin:23px auto 43px;text-align: right; max-width: 1000px;}
.sub11 .flx{align-content: space-around;margin: auto;}
.sub11 .flx .img-blk.right{margin-left: 10px;}



/* sub12 */
.sub12 .section1{margin-top:32px;padding-bottom:100px;}
.sub12 .section1 .text-cont{line-height:1.64;letter-spacing:-1.65px;text-align:center;display: flex;justify-content: center;}
.sub12 .section1 .text-cont p{display:inline-block; margin:0 10px;font-family:"GmarketSans","NanumSquare";font-size:2.0625rem/*33px*/;font-weight:500;color:#333;}
.sub12 .section1 .text-cont p em{font-family: sans-serif;}
.sub12 .section1 .text-cont h5{display:inline-block; height:55px;margin:0 10px;font-family:"GmarketSans","NanumSquare";font-size:2.0625rem/*33px*/;font-weight:500;color:#0068b7;}
.sub12 .section2{margin-bottom: 120px;padding-bottom: 120px;}
.sub12 .section2 .sec-bg{height: 100%;background-color:#e5f7ff; }
.sub12 .section2 .cont-over{ height: 100%; width: 100%;  left: 0;}
.sub12 .section2 img {width: 100%;}
.sub12 .section2 p{font-family: "NanumSquare", "GmarketSans"; font-size:1.5625rem/*25px*/; font-weight: bold; text-align:center; margin-top: 106px;}



/* sub13 */
.sub13 .flx{max-width:998px;margin:60px auto 0;justify-content:space-between;}
.sub13 [class^='section'] h5{font-family: GmarketSans;font-size: 1.5625rem/*25px*/;font-weight: 500;line-height: 1.56;letter-spacing: -1.25px;text-align: center;color: #333;}
.sub13 .section1{margin-top: 80px;}
.sub13 .section1 img{margin:42px auto 50px;}
.sub13 .section1 .poster img{margin: 0 auto;max-width: 1000px; width: 100%;}
.sub13 .section1 .poster .form-btn{position: absolute; left:50%;transform:translateX(-50%); max-width: 70%; margin: auto;}
.sub13 .section1 .poster .form-btn img{margin-left: 10px}
.sub13 .section2{text-align:center;margin-top:80px}
.sub13 .section2 p{text-align: center;font-family: "GmarketSans","NanumSquare";color:#919191;padding: 27px 0 52px;border-bottom: 2px solid #0071b6;}
.sub13 .section2-1 img{margin:0 auto;}
.sub13 .section2-1 .text_container + p{max-width: 1000px;margin:24px auto 120px;text-align: center;}
.sub13 .section2-1{padding-top: 78px;}
.sub13 .section2-1 img{margin:28px auto;}
.sub13 .section2-1 h4{display:inline-block;padding: 0px 5px;font-family: GmarketSans;font-size: 1.875rem/*30px*/;font-weight: 500;line-height: 1.7;letter-spacing: -0.75px;text-align: left;color: #ffffff;background-color: #003377;margin: 20px 5px;}
.sub13 .section2-1 .text_container{margin-top:20px;text-align:center;}
.sub13 .section2-1 h5{display:inline-block;font-size: 1.875rem/*30px*/;margin: 20px 5px;}
.sub13 .section3 h2{margin-bottom: 82px;}
.sub13 .section3 .line{margin-bottom: 100px;padding: 25px 0;}
.sub13 .section3 img{margin:0px auto 130px;}
.sub13 .section4{margin: 197px auto 234px;}
.sub13 .section4 img{margin:0px auto 15px;}




/* sub14 */
.sub14 .section1{margin-top:91px;padding-bottom:51px;}
.sub14 .section1 .grid-cont{padding: 0 31px;}
.sub14 .section1 h2.tit{margin-bottom:48px;}
.sub14 .section1 img{margin:0 auto;}
.sub14 .section1 hr{margin:78px auto; border-color: #0071b6;}
.sub14 .section1 .poster{margin-bottom:100px;position: relative;}
.sub14 .section1 .poster .gif{position: absolute; left: 50%; transform: translateX(-50%);}
.sub14 .section1 .btn{margin: 0px auto; background-color: #f6f5f0; max-width: 998px;}
.sub14 .section1 .btn img{max-width: 80%;}
.sub14 .section1 p{margin:45px 0 100px;text-align:center;}
.sub14 .section2 .text_container{display:flex;justify-content:center;flex-direction:row;padding: 5px 0;}
.sub14 .section2 .text_container h5{flex:1;font-family:NanumSquareOTF_acR, "NanumSquare";margin: 0px 30px;font-size:1.375rem/*22px*/;font-weight: normal;line-height: 1;letter-spacing: -0.55px;text-align: right;color: #000000;border-right: 1px solid #7ecef4;padding: 0px 30px;}
.sub14 .section2 .text_container p{font-weight: bold;flex:1;margin: 0;font-size:1.375rem/*22px*/;line-height: 1;letter-spacing: -0.55px;text-align: left;color: #000000;}
.sub14 .section-wide-txt{width: 100%; margin: auto;}
.sub14 .section-fire-wide-txt{padding: 0;margin:60px 0; display: flex;justify-content: center;overflow: hidden;height: 215px;}
.sub14 .section-fire-wide-txt h3{font-size: 2.0625rem/*33px*/;color:#fff;line-height:1.2;letter-spacing:-0.125rem;word-break:keep-all;}
.sub14 .section-fire-wide-txt .img-firework1{position: absolute;align-self: flex-start;transform: translateX(-250px); z-index: 2;}
.sub14 .section-fire-wide-txt .img-firework2{position: absolute; align-self: flex-end;transform: translateX(250px); z-index: 2;}
.sub14 .section1 .board {cursor: pointer;}
.sub14 .section1 .board >div{margin: 0; max-width: 998px;}
.sub14 .section1 .board div{margin: 0px; padding: 0px}
.sub14 .section1 .board div img{width: 100%;margin: 0px; padding: 0px;}
/* .sub14 .section1 .board table{margin: 0 auto; max-width: 998px; width: 100%; border-spacing: 0px;border-collapse: collapse; } */
/* .sub14 .section1 .board table tr{width: 100%;margin: 0px;padding: 0px; display: inline-flex;}
.sub14 .section1 .board table tr td{margin: 0px; padding: 0px;}
.sub14 .section1 .board table tr td img{margin: 0px;} */


/* footer */
.footer div{margin:auto;width: 650px;}
.footer img{margin-right:40px;}


/* media query */
@media all and (max-width:1620px){
	.content h3.bg-bdr .bdr{height:19px;}
}

@media all and (max-width:1440px) {
	.sub11 .section1 .main-slider .select {width: 42%;}
}

@media all and (max-width:1200px){
  .line-break1200{display:block;}
  	.sub11 .section1 .frame .pre_arrow{left: -14%;}
	.sub11 .section1 .frame .next_arrow{right: -14%;}
}

@media all and (min-width:1200px){
	
}

@media all and (min-width:1060px){
	.line-break1060over{display:block;}
}

@media all and (max-width:1060px){
	.grid-cont{width:auto;margin:0 20px;}
	.sub11 .section1 .frame .pre_arrow{left: -18%;}
	.sub11 .section1 .frame .next_arrow{right: -18%;}
}

@media all and (max-width:997px){
	.line-break997{display:block;}
	.sub11 .section1 {padding: 0px 120px;}
}

@media all and (min-width:906px){
	.line-break906over{display:block;}
}

@media all and (max-width:906px){
	.line-break906{display:block;}
	.sub01 .content p{text-align: left;}
	.sub04 .content p{text-align: left;}
	.sub05 .content p:not(.caption){text-align: left;}
	.sub08 .content p{text-align: left;}
	.sub08 .section5 p.caption, .sub08 .section6 p.caption {text-align: center;}
	.sub09 .content p {text-align: left;}
	
	.sub11 .section1 .main-slider.vert .select{max-height: 300px;}
	.sub11 .owl-nav .owl-prev{left:calc(-10.16666667%); margin-left: 5px;}
	.sub11 .owl-nav .owl-next{left:calc(100% + 3.16666667%); margin-left: 5px;}
	/* .sub11 .section1 .main-slider .select {width: 35%;} */
	.sub11 .section1 .frame .pre_arrow{left: -18%;}
	.sub11 .section1 .frame .next_arrow{right: -18%;}
}

@media all and (max-width:800px){
	.line-break800{display:block;}
	.content .title-shadow-blue-box {padding: 23px 25px;margin: 10px 10px;}
	/* .sub11 .section1 .frame .pre_arrow{left: -23%;} */
	/* .sub11 .section1 .frame .next_arrow{right: -23%;} */
}


@media all and (min-width:768px){
	.line-break768over{display:block;}
}

@media all and (max-width:768px){
	.line-break768{display:block;}
	.content h1.tit{margin-top:52px;}
	.section-wide-txt h3{padding:38px 10px 31px;font-size: 2.275rem;}
	.sns-share a img{width:auto;height:63px;margin-left:16px;}
	.sub02 .section1 p{text-align: left;}
	.sub03 .section6 .flx .left{max-width: 110px;}
	.sub13 .section2-1 .text_container + p{text-align: left;}
	.sub08 .section4-1 .sec-bg{top: 249px;height:calc(100% - 249px);}
	.sub08 .section2 .sec-bg {top: 175px;height: calc(100% - 175px);}
	.sub10 .section4 .sec-bg{ top: 170px; height: calc(80% - 170px);}
	.sub10 [class^='section'] p{text-align:left;}
}

@media all and (max-width:565px){
	.line-break565{display:block;}
	.sub05 .section1 .sec-bg {top: 54px;height: calc(80% - 54px);}
	/* .sub03 .grid-cont {padding: 0 31px;} */
}

@media all and (min-width:567px){
	.line-break567over{display:block;}
}

@media all and (max-width:567px){
	.line-break567{display:block;}
	.content h3.bg-bdr .bdr{bottom:9px;height:17px;}
	.sub04 .section1 .sec-bg {top: 54px;height: calc(80% - 54px);}
	.sub08 .section4-1 .sec-bg{top: 149px;height:calc(100% - 149px);}
	/* .sub08 .title-shadow-blue-box{max-width: 300px;}
	.sub10 .section4 .sec-bg{top: 40%;height:calc(45%);} */
	.sub11 .owl-nav .owl-prev{left:calc(-22.16666667%);}
	.sub11 .owl-nav .owl-next{left:calc(100% + 22.16666667% - 35px);}
	.sub11 .owl-nav {display: none;}
	/* .sub11 .owl-nav {position: relative;width: 100%; display: inline-flex; justify-content: center;} */
	.sub11 .owl-nav:before {position: absolute; content: attr(data-content); font-size: 1.6rem; margin-top: 25px;}
	.sub11 .owl-nav .owl-prev,.sub11 .owl-nav .owl-next {position: relative; left: auto; margin: 20px 40px;}
	.sub11 .section3 .sec-visual, .sub11 .section4 .sec-visual{margin: 43px 10px 0px;}
	.sub14 .section1 .grid-cont {padding: 0px;}
}

@media all and (max-width:499px){
	.grid-cont {padding: 0 10px;}
	.sns-share a img{height:56px;margin-left:8px;}
	.sns-share a:last-child img{display:block;margin:17px auto 0;}
	.sub01 .grid-cont {padding: 0px;}
	.sub03 .section2 .sec-bg{top: 54px;height:calc(80% - 54px);background-color:#e5f7ff;}
	.sub03 .section6 .flx{flex-direction: column;}
	.sub03 .section6 .flx .left{max-width: none; height: 50px; width: 100%; border-radius: 8px 8px 0px 0px;}
	.sub07 .interview-flx{flex-direction: column; align-items: center; justify-content: center; text-align: center;}
	.sub07 .interview-flx .flx-txt{margin-top: 30px;padding-left: 0px;}
	.sub09 .grid-cont {padding: 0px;}
	.sub10 .grid-cont {padding: 0px;}
	.sub11 .owl-nav {position: relative;width: 100%;}
	.sub12 .section1 .text-cont {flex-direction: column;align-items: center;}
	.sub12 .section1 .text-cont h5{height: auto;}
	.sub12 .section1 .text-cont p{font-size: 1.75rem; margin-bottom: 20px; text-align: center;}
}

@media all and (max-width:414px){
	.line-break414{display:block;}
	.content .category img{width:auto;height:40px;}
	.sub12 .section2 p{font-size: 1.25rem;}
	.sub08 .section2 .sec-bg {top: 105px;height: calc(100% - 105px);}
	/* .sub10 .section4 .sec-bg{top: 50%;height:calc(35%);} */
}

@media all and (min-width:414px){
	.line-break414over{display:block;}
}

@media all and (max-width: 375px){
	.sub04 .section2 .title-shadow-blue-box {max-width: 200px;}
}