/* font */
@font-face{
	font-family:"GmarketSans";
	font-style:normal;
	font-weight:300;
	src:url(../fonts/GmarketSansLight.eot),
		url(../fonts/GmarketSansLight.eot?#iefix) format("embedded-opentype"),
		url(../fonts/GmarketSansLight.otf) format("opentype");
}

@font-face{
	font-family:"GmarketSans";
	font-style:normal;
	font-weight:400;
	src:url(../fonts/GmarketSansMedium.eot),
		url(../fonts/GmarketSansMedium.eot?#iefix) format("embedded-opentype"),
		url(../fonts/GmarketSansMedium.otf) format("opentype");
}

@font-face{
	font-family:"GmarketSans";
	font-style:normal;
	font-weight:700;
	src:url(../fonts/GmarketSansBold.eot),
		url(../fonts/GmarketSansBold.eot?#iefix) format("embedded-opentype"),
		url(../fonts/GmarketSansBold.otf) format("opentype");
}

@font-face{
	font-family:NanumSquareOTF_acR;
	font-weight: normal;
	src:url(../fonts/NanumSquareOTF_acR.otf);
}

@font-face{
	font-weight:bold;
	font-family:NanumSquareOTF_acB;
	src: url(../fonts/NanumSquareOTF_acB.otf);
}

@font-face{
	font-weight: bold;
	font-family:NanumSquareOTF_acEB;
	src: url(../fonts/NanumSquareOTF_acEB.otf);
}

/* 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;}
.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 .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 [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 31px;}
.sub01 i{font-style: normal; font-family: sans-serif;}
.sub01 .content .tit em{color:#0071b6;}
.sub01 .content .tit{line-height: 3.638125rem;}
.sub01 .section1{margin-bottom: 98px;}
.sub01 .section1 .sec-bg{top:111px;height:calc(100% - 111px - 380px);background-color:#e5f7ff;}
.sub01 .section1 img{padding: 51px 0 46px;}
.sub01 .section2-2 .img-blk.right{margin-left: 10px;}
.sub01 [class^="section2"] {margin-bottom: 103px;}
.sub01 [class^="section2"] img{padding: 67px 0 47px;}
.sub01 .section2-2 .flx{justify-content: space-around;}
.sub01 .section2-2{margin-bottom: 149px;}
.sub01 .section2-2 .sec-bg{top:466px;height:calc(100% - 466px - 537px);background-color:#efefef;}

/* sub02 */


/* .sub02 .content p{word-break:keep-all;} */
.sub02 .section1{margin-top:52px;}
.sub02 .section1 img{margin: 100px auto 0;}
.sub02 .section1 p{font-size:1.5625rem/*25px*/; text-align: center; line-height:1.56;color:#333;}
.sub02 .section2{padding-bottom: 20px;}
.sub02 .section2 img{margin: 0px auto 79px;}
.sub02 .section3 .grid-cont{padding: 0 51px;}
.sub02 .section3 .flx{flex-direction: row; margin: 87px auto 0; align-items: flex-start;}
.sub02 .section3 .interview-txt{padding-left: 41px;}
.sub02 .section3 .flx img{max-width: 170px;}
.sub02 .section3 h4{font-size:1.4375rem/*23px*/; text-align: left; line-height:1.56;color:#333; padding-bottom: 24px;}
.sub02 .section3 .interview-txt.yellow h4{color:#ffdb5f;}
.sub02 .section3 .interview-txt.blue h4{color:#21bced;}
.sub02 .section3 .interview-txt.mint h4{color:#0ce5af;}



/* sub03 */
.sub03 .content{overflow-y: hidden;}
.sub03 div.tit {margin: 78px auto 85px;}
.sub03 div.tit img{margin: 0 auto;}
.sub03 h1.tit{margin-top:42px;}
.sub03 .section1 img, .sub03 .section2 img{margin: 0 auto;}
.sub03 .section1 .sec-bg{top:349px;height:calc(100% - 349px);background-color:#e5f7ff;}
.sub03 .section1 p{padding:30px 0 75px;}
.sub03 .section2{padding: 82px 0 114px;}
.sub03 .section2 img{margin-bottom: 52px;}
.sub03 .section3{text-align: center;}
.sub03 .sub-title-box{
	background-color: #1657ad;
	transform: skew(-20deg);
	display: inline-block;
	padding: 23px;
	margin: 0 auto;
	/* -ms-transform: skew(-30deg); /* IE 9 */
	/* -webkit-transform: skew(-30deg); Chrome, Safari, Opera */
}
.sub03 .sub-title-box h2{transform: skew(20deg);text-align: center;display: inline-block;}
.sub03 .sub-title-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);
}
.sub03 [class^="section3"] .grid-cont{padding: 0 7.5625rem;text-align: center;}
.sub03 [class^="section3"] h1{color:#2e4666;font-size: 2.1875rem;margin: 53px 0 67px; line-height: 1.3;}
.sub03 [class^="section3"] .interview-flx{display: flex; flex-direction: row; align-items: flex-start; text-align: left;margin-bottom: 70px;}
.sub03 [class^="section3"] .interview-flx .bg-bdr{margin: 0 0 10px;}
.sub03 [class^="section3"] .interview-flx .flx-txt{padding-left: 33px;}
.sub03 [class^="section3"] .interview-flx .flx-txt h3{font-size: 1.5625rem/*25px*/;}
.sub03 [class^="section3"] h3.bg-bdr .bdr {height: 10px;}
.sub03 [class^="section3-img"]{padding-top: 70px;}
.sub03 [class^="section3-img"] .grid-cont{padding: 0 35px;margin-bottom: 110px;}
.sub03 [class^="section3-img"] .sec-bg{top:320px;height:calc(100% - 320px);background-color:#0071b6;}
.sub03 [class^="section3-img"] p{color: white; padding: 31px 0 54px;}
.sub03 [class^="section3-img"] .flx{margin: 0 auto;max-width: 982px/*1062-80px*/;}
.sub03 [class^="section3-img"] .img-blk.right{margin-left: -80px;}
.sub03 .section3-4 .sub-title-box {margin: 40px 0 70px;}
.sub03 .section3-4 .grid-cont>img {margin-bottom: 30px;}


/* sub04 */
.sub04 .grid-cont{padding:0 31px;}
.sub04 .flx{justify-content:space-between;}
.sub04 .section1{margin-top:52px;padding-bottom:51px;}
.sub04 .section1 p{margin-top:45px;}
.sub04 .section1 .sec-bg{top:345px;height:calc(100% - 345px);background-color:#e5f7ff;}
.sub04 .section2{margin:95px 0;}
.sub04 .section2 .box p{color: #003377;font-size: 1.4375rem/*23px*/;}
.sub04 [class^="section3"]{margin:120px 0;}
.sub04 [class^="section3"] img{margin-top:72px;}
.sub04 [class^="section3"] p.caption{margin-top:33px;}
.sub04 .section3 .flx{max-width: 997px;}
.sub04 .flx .img-blk.right{margin-left: 10px;}
.sub04 .section-wide-txt h3 {padding: 46px 20px 45px;}
.sub04 .section4{margin-bottom:145px;}
.sub04 .section4 > img{margin: 0 auto;}
.sub04 .section4 h5{font-size: 1.875rem/*30px*/;text-align: center;font-family:"GmarketSans","NanumSquare";font-weight: normal;}
.sub04 .section4 h5 em{font-family: serif}



/* sub05 */
.sub05 [class^='section'] .grid-cont{padding:0 31px;}
.sub05 .section1{margin:57px 0 121px;}
.sub05 .section1 .sec-bg{top:219px;height:calc(100% - 219px);background-color:#e5f7ff;}
.sub05 .section1 p{padding: 51px 0 74px;}
.sub05 .section2{padding:82px 0 79px;}
.sub05 .section2 .sec-bg{top:460px;height:calc(100% - 460px);background-color:#ededed;}
.sub05 .section2 p{padding-top: 27px;}
.sub05 p em{font-family: sans-serif;}
.sub05 .section3{padding:108px 0 51px;}
.sub05 .section3 h3.quot {font-size: 2.8125rem/*45px*/;}
.sub05 .section3 img{margin:51px 0;}


/* sub06 */
.sub06 [class^='section'] .grid-cont{padding:0 31px;}
.sub06 .flx{max-width:998px;margin:0 auto;justify-content:space-between;}
.sub06 .section1{margin-top:52px;padding-bottom:52px;}
.sub06 [class^='section'] p em{font-family: sans-serif;}
.sub06 .section1 .sec-bg{top:310px;height:calc(100% - 310px);background-color:#e5f7ff;}
.sub06 .section1{margin-top:52px;padding-bottom:52px;}
.sub06 .section1 p {margin-top:23px;}
.sub06 .section2{margin-top:93px;}
.sub06 .section2 img{margin:75px 0 32px;}
.sub06 .section3 p i{font-style: normal; background-color: #d5eefd;}
.sub06 .section3{margin-top:93px;}
.sub06 .section3 h3{margin-bottom:70px;font-size: 2.8125rem/*45px*/;}
.sub06 .section3 p{margin:41px 0 88px;}
.sub06 .section3 .img-blk.right{margin-left: 10px;}
.sub06 .section4{margin-top:76px;}
.sub06 .section4 p{margin:35px 0 125px;}
.sub06 .section5 img{margin:81px 0 69px;} 
.sub06 .section5{margin-bottom:145px;}

/* sub07 */
.sub07 [class^='section'] .grid-cont{padding:0 31px;}
.sub07 .section1{padding-top: 48px;}
.sub07 .section1 .sec-bg{top:310px;height:calc(100% - 310px);background-color:#e5f7ff;}
.sub07 .section1 p{padding: 21px 0 79px;}
.sub07 .flx{margin:0 auto;justify-content:space-between;}
.sub07 .section2 h3{margin:89px 0 78px;font-size:2.8125rem/*45px*/;}
.sub07 .section2 p{margin:20px 0 112px;}
.sub07 .section2-1 p{margin: 64px 0 52px;}
.sub07 .section2-1 p.caption{margin-top: 33px;}
.sub07 .section3 .sec-bg{top:379px;height:calc(100% - 379px);background-color:#ededed;}
.sub07 .section3 {margin-top: 120px;}
.sub07 .section3 p{margin-top: 30px;}
.sub07 .section3 .flx{margin-top:72px;max-width: 999px;}
.sub07 .section3 p.caption{padding-bottom: 111px;}
.sub07 .section4 {margin: 60px 0 40px;}
.sub07 .section4 .sec-bg{top:450px;height:calc(100% - 450px - 200px);background-color:#0071b6;}
.sub07 .section4 {text-align: center;}
.sub07 .section5 h3{margin:89px 0 115px;font-size:2.8125rem/*45px*/;}
.sub07 .section5 p{margin:39px 0 154px;}

/* sub08 */
.sub08 [class^='section'] .grid-cont{padding:0 31px;}
.sub08 .flx{display: flex; flex-direction: row;margin:0 auto;justify-content:space-between;}
.sub08 .section1{padding-top: 48px;}
.sub08 .section1 .sec-bg{top:310px;height:calc(100% - 310px);background-color:#e5f7ff;}
.sub08 .section1 p{padding: 21px 0 73px;}
.sub08 .section2 .flx{justify-content: center;align-items: flex-end;margin: 110px 0 60px;}
.sub08 .section2 .flx .quot{margin: 0 0 0 30px;}
.sub08 .section2 h3{margin:89px 0 78px;font-size:2.8125rem/*45px*/;padding-right:9.5625rem;}
.sub08 .section2 p{margin:20px 0 79px;}
.sub08 .section2-1 p{margin-top:10px;}
.sub08 .section2-2 .grid-cont{padding: 0 7.8125rem; margin-top: 64px;}
.sub08 .section2-2 img{margin: 0 auto;}
.sub08 .section2-2 p{margin: 17px 0 100px;}
.sub08 .section3 {margin-top: 120px;}
.sub08 .section3 .grid-cont>p{margin-top: 19px;}
.sub08 .section3 .flx .flx_sub{margin-left: 21px;}
.sub08 .section3 .flx .flx_sub p{max-width: 494px;}
.sub08 .section3 .flx_sub img{margin: 29px 0 20px;}
.sub08 .section3-1{padding-top: 140px;}
.sub08 .section3-1 .flx_sub{margin-right: 20px;}
.sub08 .section3-1 .flx_sub p{max-width: 490px;}
.sub08 .section4{margin-top: 120px;}
.sub08 .section4 .sec-bg{height:55%;background-color:#e8e8e8;}
.sub08 .section4 img{padding-top: 91px;}
.sub08 .section4 p{margin: 12px 0 65px;}
.sub08 .section5 .sec-bg{top:142px;height:calc(100% - 142px);background-color:#0071b6;}
.sub08 .section5 p.caption{color:white; padding: 24px 0 45px;}

/* sub09 */
.sub09 .content .flx{justify-content: space-around;}
.sub09 .content .flx .img-blk.right{margin-left: 0.5rem;}
.sub09 .content{text-align: center;}
.sub09 [class^='section'] .grid-cont{padding:0 31px;}
.sub09 .section1{padding-top: 108px;}
.sub09 .content .gray-sub-title{background-color: #eeeeee;padding: 18px 0;margin: 57px 0 30px;}
.sub09 [class^='section'] p {text-align: center;margin-bottom: 52px;}
.sub09 [class^='section'] .grid-cont>h2{margin: 46px 0 31px;}
.sub09 [class^='section'] h2 em{color: #003377;}
.sub09 [class^='section'] img{margin: 0 auto;}
.sub09 .section3 {background-color: #e5f7ff;padding: 96px 0 60px;}
.sub09 .section3 .title-shadow-blue-box{margin-bottom: 47px;}
.sub09 .title-shadow-blue-box.line-break h2{padding:0; display: inline-block;}
.sub09 .section3 p{margin-top:41px;}
.sub09 .section4 {padding: 84px 0 96px;}
.sub09 .section4 a img{margin: 54px auto 43px;}
.sub09 .section4 .title-shadow-blue-box{padding: 18px 81px;}
.sub09 .section5 .title-shadow-blue-box{padding: 18px 12.5rem;}
.sub09 [class^="section5"] h2.line{font-size: 2.375rem/*38px*/;padding: 25px 0 21px;margin-bottom: 72px;}
.sub09 [class^="section5"]  h3.bg-bdr{font-size: 1.875rem/*30px*/;margin-top: 46px;}
.sub09 [class^="section5"]  h3.bg-bdr .bdr{bottom: 2px;}
.sub09 [class^="section5"]  p{margin-bottom: 110px;}
.sub09 .section5-3 h2.line{margin: 99px 0 20px;}
.sub09 .section5-3{margin-bottom: 146px;}


/* sub10 */
.sub10 .flx{margin:0 auto;justify-content: space-around;}
.sub10 .section1-1 .flx{max-width:870px;}
.sub10 p.tit{text-align: center;padding-top: 27px;line-height: 1.3;}
.sub10 .section1 .bg-bdr{margin-top: 0px;}
.sub10 .section1 .bg-bdr em, .sub10 .section3 .bg-bdr em{font-style: italic;font-size: 2.0625rem/*33px*/;margin-top: 0px;}
.sub10 .grid-cont{padding:0 31px;}
.sub10 .section1{margin:92px 0 80px;}
.sub10 .section1-1 .sec-bg{height:100%;background-color:#e5f7ff;}
.sub10 .section1-1 .grid-cont{padding:26px 31px 10px;}
.sub10 .section1-2{padding: 25px 0 131px;}
.sub10 .section1-1 p{padding-top: 70px;}
.sub10 .section1{margin:92px 0 80px;}
.sub10 .section-wide-txt h3{padding:39px 0 42px;}
.sub10 .section2{margin-top:70px;}
.sub10 .section2 img{margin: 0 auto;}
.sub10 .section2 p{margin-top:38px;}
.sub10 [class^="section2"] .sub_title{display: flex;flex-direction: row; justify-content: center;align-items: flex-end;margin-bottom: 52px;}
.sub10 [class^="section2"] .sub_title h2{font-size: 2.5rem;/*40px*/;padding-left: 17px;font-style: italic;}
.sub10 [class^="section2"]{padding-top: 100px;}
.sub10 [class^="section2"] p{margin-top: 61px;}
.sub10 .section2-1 .grid-cont>img{margin: 0 auto;}
.sub10 .section-wide-txt.gray{background:#eee;margin-top: 98px;}
.sub10 .section-wide-txt.gray img{padding:48px 32px 44px;margin: 0 auto;}
.sub10 .section3{margin-bottom:98px;}
.sub10 .section3-1{margin-bottom:71px;}
.sub10 .section3-1 h3.quot{font-size: 2.1825rem/*45px*/;}
.sub10 .section3-1 p{padding-top: 85px;}
.sub10 .section4 .sec-bg{height:100%; background-color:#e5f7ff;}
.sub10 .section4 .flx{max-width:944px;padding:33px 0 22px;}
.sub10 .section4 p.caption{padding-left:1.5rem;}
.sub10 .section4 p{padding-bottom: 40px;}
.sub10 .section4-1{padding-top: 54px; padding-bottom: 127px;}
.sub10 .section5{padding-top: 92px; padding-bottom: 60px;}
.sub10 .section5 .flx{max-width:950px;}
.sub10 .section5 p.caption{text-align: center; margin-top:13px;}



/* sub11 */
/* .sub11 .tit span{color:#040607;} */
.sub11 [class^='section'] .grid-cont{padding:0 31px;}
.sub11 [class^='section'] p + img{margin-top:52px;}
.sub11 .section1{margin-top:52px;padding-bottom:51px;}
.sub11 .section1 .sec-bg{top:333px;height:calc(100% - 333px);background-color:#e5f7ff;}
.sub11 .section1 p{margin-top:34px;}
.sub11 [class^='section'] h2.line{margin:120px 0 60px;color:#3386c0;}
.sub11 .section-wide-txt{margin-top:120px;}
.sub11 p.caption{margin:15px 0px 34px 0px;text-align:right;font-size: 1.0625rem;}
.sub11 .section3-1{margin-top:97px;padding-bottom:87px;}
.sub11 [class^='section3'] .store img{margin: auto;}
.sub11 [class^='section3'] .store h2 em{color:#003377;font-size: 2.8125rem;}
.sub11 [class^='section3'] .store h4{color:#313131;font-weight:500; font-size: 1.875rem;margin:21px 0 15px;}
.sub11 .flx{max-width:998px;margin:60px auto 0;justify-content:space-between;}
.sub11 .section3-1 .store_detail{font-size: 1.875rem;border-bottom: 2px solid #0071b6; padding-top: 81px;padding-bottom: 81px;}
.sub11 .section3-2 .store_detail{font-size: 1.875rem;padding-top: 91px;padding-bottom: 81px;}
.sub11 .store_detail img{margin: 81px auto;}
.sub11 .store_detail h2{font-family:NanumSquareOTF_acEB, "NanumSquare"; color:#003377;}
.sub11 .store_detail h4{font-family:NanumSquareOTF_acR, "NanumSquare";margin-top: 16px;}
.sub11 .section3-2 img {margin-top: 80px;}
.sub11 h1.tit {line-height: 1.3;}


/* sub12 */
.sub12 [class^='section']{text-align:center;}
.sub12 img:not(.category img){margin: 0 auto;}
.sub12 h1.tit{font-size: 2.82625rem;padding-bottom: 38px;border-bottom: 2px solid #0071b6;margin-left: 31px;margin-right: 31px;}
.sub12 h1.tit em{color: #3386c0;margin-bottom: 10px;}
.sub12 .grid-cont{padding:0 31px;}
.sub12 .section1{padding-bottom:76px;}
.sub12 .section1 p{margin-top:54px;}
.sub12 .section1 .sec-bg{top:334px;height:calc(100% - 334px - 334px)/* 전체 -top -bottom */;background-color:#e5f7ff;}
.sub12 .section1 h3.bg-bdr{margin:100px 0 61px;}
.sub12 .section1-1 h2{font-weight: 500;margin: 27px 0 38px;font-size: 2.5rem/*40px*/;}
.sub12 .section1-1 p{margin: 52px 0 98px;text-align: center;}
.sub12 .section1-1 img, .sub12 .section3 img{margin: 0 auto;}
.sub12 .section2{padding-bottom:31px;}
.sub12 .section2 img{padding:40px 0 52px;}
.sub12 .section3 p{padding:75px 0 78px;text-align: center;}
.sub12 .section3 .grid-cont{padding:0 110px;}
.sub12 .section3 p.caption{padding:23px 0 0;text-align: right;}



/* sub13 */
.sub13 .section1{margin-top:32px;padding-bottom:51px;}
.sub13 .section1 .sec-bg{top:635px;height:calc(100% - 635px);background-color:#e5f7ff;}
.sub13 .section1 img{margin:83px auto 53px;}
.sub13 .section1 p{font-family:"GmarketSans","NanumSquare";font-size:1.5625rem/*25px*/;text-align:center;}
.sub13 .text_container{line-height:1.64;letter-spacing:-1.65px;text-align:center;}
.sub13 .text_container h5{display:inline-block;height:55px;margin:0 10px;font-family:"GmarketSans","NanumSquare";font-size:2.0625rem/*33px*/;font-weight:500;color:#0068b7;}
.sub13 .text_container p{display:inline-block;margin:0 10px;font-family:"GmarketSans","NanumSquare";font-size:2.0625rem/*33px*/;font-weight:500;color:#333;}


/* sub14 */
.sub14 .flx{max-width:998px;margin:60px auto 0;justify-content:space-between;}
.sub14 .section1{text-align:center;margin-top:80px}
.sub14 .section1 p{text-align: center;font-family: "GmarketSans","NanumSquare";color:#919191;padding: 27px 0 52px;border-bottom: 2px solid #0071b6;}
.sub14 .section2 img{margin:0 auto;}
.sub14 .section2 .text_container + p{max-width: 670px;margin:34px auto 120px;text-align: center;}
.sub14 .section2{padding-top: 78px;}
.sub14 .section1 img{margin:42px auto 50px;}
.sub14 .section1 .poster img{margin: 0 auto;}
.sub14 .section1 .poster .form-btn{position: absolute; left:50%;transform:translateX(-50%); width: 21em;margin-top:-8.625rem;margin-bottom:8.625rem;}
.sub14 .section2 img{margin:28px auto;}
.sub14 .section3 img{margin:28px auto;}
.sub14 .section4 img{margin:15px auto;}
.sub14 [class^='section'] h5{
	font-family: GmarketSans;
	font-size: 1.5625rem/*25px*/;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.56;
	letter-spacing: -1.25px;
	text-align: center;
	color: #333;
}
.sub14 .section2 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;
}
.sub14 .section2 .text_container{
	margin-top:20px;
	text-align:center;
}
.sub14 .section2 h5{
	display:inline-block;
	font-size: 1.875rem/*30px*/;
	margin: 20px 5px;
}
.sub14 .section3 h2{margin-bottom: 82px;}
.sub14 .section4{margin-top: 96px;}


/* sub15 */
.sub15 .section1{margin-top:52px;padding-bottom:51px;}
.sub15 .section1 img{margin:0 auto;}
.sub15 .section1 hr{margin:78px auto; border-color: #0071b6;}
.sub15 .section1 .poster{margin-bottom:100px;}
.sub15 .section1 p{margin:45px 0 100px;text-align:center;}
.sub15 .section2 .text_container{display:flex;justify-content:center;flex-direction:row;padding: 5px 0;}
.sub15 .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;
}
.sub15 .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;
}
.sub15 .section-fire-wide-txt{background:linear-gradient(90deg, #00327c 0%, #0074b5 100%);padding: 0 ;margin:60px 0; display: flex;justify-content: center;}
.sub15 .section-fire-wide-txt h3{font-size: 2.0625rem/*33px*/;color:#fff;line-height:1.2;letter-spacing:-0.125rem;word-break:keep-all;margin: 45px 30px 40px;}
.sub15 .section-fire-wide-txt .img-firework1{align-self: flex-start;margin-top: -30px;}
.sub15 .section-fire-wide-txt .img-firework2{align-self: flex-end; margin-bottom: -20px;}
/* footer */
.footer div{margin:auto;width: 650px;}
.footer img{margin-right:40px;}


/* media query */
@media all and (max-width:1619px){
	.content h3.bg-bdr .bdr{height:19px;}
}

@media all and (min-width:1060px){
	.line-break1060over{display:block;}
}

@media all and (max-width:1059px){
	.grid-cont{width:auto;margin:0 10px;}
	.sub01 .section1 .flx p{margin-left:40px;}
	.sub06 [class^='section'] .grid-cont{padding:0;}
	.sub11 [class^='section'] .grid-cont{padding:0;}
	.sub12 .grid-cont{padding:0;}
	.sub10 .grid-cont{padding:0;}
	.sub08 [class^='section'] .grid-cont{padding:0;}
	.sub08 .section2-2 .grid-cont{padding: 0 5rem;}
	.sub12 .section3-1 .grid-cont, .sub12 .section3-2 .grid-cont, .sub12 .section3-3 .grid-cont{padding:0;}

	.sub03 [class^="section3"] .grid-cont{padding: 0 2.5625rem;text-align: center;}
	/* .sub03 [class^="section3-img"] .img-blk.right{margin-left: -75px;} */
	.sub10 .section1-1 .grid-cont {padding: 26px 0 10px;}
	.sub10 .section2 {margin-top: 0px;}
	
}

@media all and (max-width:997px){
	.sub02 .flx > img{width:50%;}
	.sub08 .section2-2 .grid-cont{padding: 0;}
	.sub08 .section2 .flx{flex-direction: column;align-items: center;}
	.sub08 .section2 .flx .quot{padding: 0;margin-left: 0px;margin-top: 20px;}
	.sub08 .section3 .flx{flex-direction: column;align-items: center;}
	.sub08 .section3-1 .flx{flex-direction: column-reverse;align-items: center;}
	.sub08 [class^='section3'] .flx .flx_sub{margin:0;}
	.sub08 [class^='section3'] .flx .flx_sub p{max-width: none; margin-top: 30px;}
	.sub08 [class^='section3'] .flx p.caption{margin-top: 10px;}
	.sub08 [class^='section3'] .flx .flx_sub img{margin: 20px auto 0;}
	.sub14 .section1 .poster .form-btn{width: 19em;margin-top:-7.625rem;margin-bottom:7.625rem;}
	.line-break997{display:block;}
	.sub07 h1.tit {line-height: 1.2;}
	.sub07 h1.tit em{margin-top: 0;}
	.sub07 [class^='section'] .grid-cont {padding: 0;}
	.sub08 [class^='section'] .grid-cont {padding: 0 10px;}
	.sub12 .section3 p.caption{font-size: 1rem;}
	.sub12 .section3 .grid-cont{padding:0;}
	.sub13 .text_container {line-height: 1;}
	.sub02 .section3 .grid-cont {padding: 0 21px;}
}

@media all and (min-width:906px){
	.line-break906over{display:block;}
}

@media all and (max-width:906px){
	.line-break906{display:block;}
	.sub03 [class^="section3-img"] .img-blk.right{margin-left: -60px;}
}

@media all and (max-width:800px){
	.line-break800{display:block;}
	.sub01 .section1 .ceo{margin:0 auto;}
	.sub01 .section1 .flx{display:block;}
	.sub01 .section1 .flx p{margin:55px 0 0 0;}
	.sub08 .section4 .sec-bg{height:50%}
	.content .title-shadow-blue-box {padding: 23px 20px;margin: 0 10px}
	.sub14 .section1 .poster .form-btn{width: 17em;margin-top:-6.625rem;margin-bottom:6.625rem;}
}


@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;}
	.sub01 .section1{margin-top:56px;}
	.sub01 .section2 .flx{display:block;}
	.sub01 .section2 .side-img{margin-top:30px;text-align:right;}
	.sub01 .section2 .side-img img{display:inline-block;}
	.sub01 .section3{padding:22px 0 52px;}
	.sub01 .section4, .sub01 .section5{margin:60px 0 52px;}
	.sub03 .section-wide-txt h3{margin:60px 0;}
	.sub04 .section1 .sec-bg{top:112px;height:calc(100% - 112px);}
	.sub04 .section1 .flx + p.caption{margin:0;}
	.sub04 .section2, .sub04 .section3{margin:60px 0;}
	.sub04 .section3 .grid-cont, .sub04 .section4 .grid-cont{padding:0;}
	.sub04 .section4 .sec-bg{top:531px;height:calc(100% - 531px);}
	.sub04 .section5{margin-top:60px;}
	.sub05 .section1 .sec-bg{top:106px;height:calc(100% - 106px);}
	.sub05 [class^='section'] .grid-cont{padding:0;}
	.sub05 .section2{padding:42px 0 49px;}
	.sub05 .section3, .sub05 .section4{margin-top:60px;}
	.sub05 .section5 h3.quot{margin-top:22px 0 0;}
	.sub06 .section1 .sec-bg{top:99px;height:calc(100% - 99px);}
	.sub06 .section2-1 h3{margin:49px 0 38px;}
	.sub06 .section-wide-txt{margin-top:60px;}
	.sub13 .section1 .sec-bg{top:439px;height:calc(100% - 439px);}
	.sub13 .section1 img{margin-top:33px;}
	.sub14 .section2 .text_container + p{margin:4px 0 60px;}
	.sns-share a img{width:auto;height:63px;margin-left:16px;}

	.sub08 .section2-2 .grid-cont{padding: 0;}
	.sub01 .grid-cont{padding:0;}

	.sub03 [class^="section3"] .grid-cont{padding: 0;}
	.sub03 [class^="section3-img"] .grid-cont{padding: 0;}
	.sub03 .sub-title-box h2{padding: 2.5px 0;}
	.sub03 .section1 .sec-bg{top:299px;height:calc(100% - 299px);}

	.sub04 .grid-cont {padding: 0 ;}
	.sub10 [class^="section2"] .sub_title{flex-direction: column;align-items: center;}
	.sub10 [class^="section2"] .sub_title img{margin-bottom: 15px;}
	.sub09 [class^='section'] .grid-cont{padding:0;}
	.sub14 .section1 .poster .form-btn{width: 15em;margin-top:-5.625rem;margin-bottom:5.625rem;}
	.sub01 h2.line {font-size: 1.8125rem/*45px*/;line-height: 1.3; padding: 10px 0;}
	.sub03 .sub-title-box{padding: 23px 30px;}
	.sub05 .section-wide-txt h3{font-size:2.375rem;}
	.sub06 h1.tit{font-size: 1.9125rem;line-height: 1.3;}
	.sub06 h1.tit em{margin-top: 0;}
	.sub06 h2.line {font-size: 1.9125rem;padding: 22px 0 19px;}
	.sub06 .section2 img {margin: 35px 0 32px;}
	.sub06 .section3 h3 {margin-bottom: 30px;}
	.sub06 .section5 img {margin: 31px 0 39px;}
	.sub05 .section2 .sec-bg {top: 260px;height: calc(100% - 260px);}
	.sub07 .section3 {margin-top: 60px;}
	.sub07 .section3 .sec-bg{top: 179px;height: calc(100% - 179px);}
	.sub07 .section3 p.caption {padding-bottom: 71px;}
	.sub07 h2.line{line-height: 1.2;}
	.sub08 .section1 .sec-bg {top: 170px;height: calc(100% - 170px);}
	.sub08 .section4 .sec-bg{height:45%;}
	.sub09 [class^='section'] p{margin-bottom: 62px;}
	.sub09 [class^='section'] p.caption{margin-bottom: 22px;}
	.sub09 .section1 {padding-top: 38px;}
	.sub09 .title-shadow-blue-box h2 {font-size: 2.125rem/*34px*/;line-height: 1.3;}
	.sub09 .section4 .title-shadow-blue-box{padding: 18px 31px;}
	.sub09 [class^="section5"] h2.line {padding: 20px 0 18px;}
	.sub09 .section3 .title-shadow-blue-box {margin-bottom: 27px;}
	.sub09 .section3 p, .sub09 .section4 p, .sub09 .section5 p {margin-bottom: 82px;}
	.sub09 .section3 {padding: 56px 0 40px;}
	.sub09 [class^='section'] .grid-cont>h2 {margin: 26px 0 21px;}
	.sub10 [class^="section2"] {padding-top: 80px;}
	.sub10 .section3-1 p {padding-top: 35px;}
	.sub10 .section4 p {padding-bottom: 20px;}
	.sub10 .section4-1 {padding-top: 24px;}
	.sub10 .section5 {padding-top: 52px;}
	.sub12 .section1-1 h2 {margin: 27px 0 28px;}
	.sub12 .section1-1 p {margin: 32px 0 98px;}
	.sub13 .text_container h5 {font-size: 1.625rem/*33px*/;height: 28px;margin: 0 5px;}
	.sub13 .text_container p {font-size: 1.625rem/*33px*/;margin: 0 5px;}
	.sub13 .section1 .sec-bg {top: 309px;height: calc(100% - 309px);}
	.sub13 .section1 img {margin: 53px auto 33px;}
	.sub13 .section1 p {font-size: 1.2625rem/*25px*/;}
	.sub02 .section1 p {padding-bottom: 5rem;}
	.sub02 .section1 img {margin: 0 auto 2rem;}
}

@media all and (max-width:598px){
	.line-break598{display:block;}
	.sub03 [class^="section3-img"] .sec-bg{top:220px;height:calc(100% - 220px);}
	.sub03 [class^="section3-img"] .img-blk.right{margin-left: -32px;}
	.sub03 [class^="section3"] .interview-flx{flex-direction: column;}
	.sub03 [class^="section3"] .interview-flx img{margin: 0 auto 20px;}
	.sub03 [class^="section3"] .interview-flx .flx-txt {padding-left: 0;}
	.sub05 .section6 h3{border-bottom-width:10px;line-height:1.25;}
	.sub09 .section5 .title-shadow-blue-box{padding: 16px 30px;}
	.sub14 .section1 .poster .form-btn{width: 15em;margin-top:-5.625rem;margin-bottom:5.625rem;}
	.sub13 .text_container h5 {font-size: 1.425rem/*33px*/;height: 23px;margin: 0 5px;}
	.sub13 .text_container p {font-size: 1.425rem/*33px*/;margin: 0 5px;}
	.sub15 .section-fire-wide-txt h3{margin: 45px 0 40px;}
	.sub15 .section-fire-wide-txt .img-firework1{width: 84px;height: 84px;margin-top: -10px;}
	.sub15 .section-fire-wide-txt .img-firework2{width: 55px;height: 55px;margin-bottom: -5px;}
}

@media all and (min-width:567px){
	.line-break567over{display:block;}
}

@media all and (max-width:567px){
	.content h3.bg-bdr .bdr{bottom:9px;height:17px;}
	.line-break567{display:block;}
	.sub15 .section2 .text_container h5 {margin: 0px 15px;padding: 0px 15px;}
	.sub02 .section3 .flx{flex-direction: column;}
	.sub02 .section3 .flx img{margin: 0 auto;}
	.sub02 .section3 .interview-txt {padding-left: 0px; margin-top: 20px;}
	.sub02 .section3 .interview-txt h4{text-align: center;}
	.sub02 .section3 .grid-cont {padding: 0 10px;}
}

@media all and (max-width:499px){
	.sub03 .section1 .sec-bg{top:149px;height:calc(100% - 149px);}
	.sns-share a img{height:56px;margin-left:8px;}
	.sns-share a:last-child img{display:block;margin:17px auto 0;}
	.sub14 .section1 .poster .form-btn{width: 12em;margin-top:-4.625rem;margin-bottom:4.625rem;}
	.sub08 .section4 .sec-bg{height:25%;}
	.sub13 .section1 .sec-bg {top: 259px;height: calc(100% - 259px);}
}

@media all and (max-width:414px){
	.line-break414{display:inline-block;}
	.sub14 .section1 .poster .form-btn{width: 10em;margin-top:-3.625rem;margin-bottom:3.625rem;}
	.content .category img{width:auto;height:40px;}
	.sub13 .text_container p {font-size: 1.225rem/*33px*/;margin: 0 5px;}
}