@import url(common.css); 
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
    -o-box-sizing: border-box
}



body::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
body {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/*------------------------------------------------------------------- top ----------------------------------------------------------------------------------------------------------------------*/
.topWrap {width:100%; box-sizing:border-box; /*height:46px;*/ line-height:100px;  height: 100px; 
margin:0 auto;  border-bottom: 1px solid #eeeeee; display:flex; justify-content:space-between; background-color: #fff; }
.topWrap.main { position:fixed; width:100%;  top:0; z-index:500; left: 0;  box-sizing: border-box;}

.topWrap.main .row {
	max-width:1140px;
	margin: auto;
	width: 100%;
	display:flex; justify-content:space-between; 
}
.topWrap.main.position {left:50%; position:fixed; margin-left:-570px}
.topWrap li {margin-right:60px; float:left; font-family:Noto Sans KR DemiLight;}
.topWrap li .menumg {padding:0 1px;}
.topWrap li:last-child {margin-right:0}
.topWrap.main li a {font-size:18px; color:#000; display:inline-block; position:relative; transition:color 0.35s; -webkit-transition:color 0.35s;}
.topWrap.main li a:after {content:''; display:inline-block; width:0%; height:2px; position:absolute; bottom:0; background:#151515; left:50%; margin-left:0; transition:all 0.25s 0.1s; -webkit-transition:all 0.25s 0.1s;}
.topWrap.main li a.on {background:url(../img/menu_bg_sub.png)repeat-x left bottom;color:#d21e00}
.topWrap.main li:hover > a:after {width:100%; margin-left:-49.8%;}/* 0829 */

/* .topWrap.main li a:hover {background:url(../img/menu_bg.png)repeat-x left bottom;} */
/* .topWrap li a.on {color:#d21e00} */

.topWrap a {display:inline-block;}
.topWrap a img {vertical-align:middle; width: 86px;}
.topWrap a img.pc {}
.topWrap a img.moblie {display:none}

.mMenu {display:none;}
.moblieMenu {width:100%; height:100%; background:#fff; position:fixed; z-index:200; top:0; padding:105px 20px 0; box-sizing:border-box; left:120%; padding-top:60px}
.moblieMenu li {line-height:60px ; background:url(../img/m_menu_li_n.png)no-repeat right center; float:none; margin-right:0px;}
.moblieMenu li:hover {background:url(../img/m_menu_li_s.png)no-repeat right center;}
.moblieMenu li a {width:100%; font-size:24px; display:inline-block; font-family:Noto Sans KR light; color:#151515;}
.moblieMenu li a:hover span {display:inline-block; background:url(../img/m_menu_s.png)repeat-x left 38px; color:#28398a}

.fp-responsive {height:auto !important;}
.fp-viewing-anchor2 div.mainWrap div.main li a {color:#151515;}
.fp-viewing-anchor2 div.mainWrap div.main li a:hover {background:url(../img/menu_bg_sub.png)repeat-x left bottom;}
.fp-viewing-anchor2 div.mainWrap div.main a.logo {width:100px; height:46px; background:url(../img/logo.png)no-repeat 0 0; display:inline-block}
.fp-viewing-anchor3 div.mainWrap div.main li a {color:#151515;}
.fp-viewing-anchor3 div.mainWrap div.main li a:hover {background:url(../img/menu_bg_sub.png)repeat-x left bottom;}
.fp-viewing-anchor3 div.mainWrap div.main a.logo {width:100px; height:46px; background:url(../img/logo.png)no-repeat 0 0; display:inline-block}

.topWrap.main a.logo {width:100px; height:46px; background:url(../img/main_logo.png)no-repeat 0 0; display:inline-block}
/*.fp-viewing-3 div.mainWrap div.topWrap.main ul {display:none}*/
.fp-viewing-3 div.mainWrap div.topWrap.main a.logo {display:none}
/*------------------------------------------------------------------- main ----------------------------------------------------------------------------------------------------------------------*/

.pc {}
.moblie {display:none !important}


.mainWrap {width:100%; height:100%; /*position:absolute;*/  overflow:hidden; /*left:0 ;top:0;*/}
.main01 {background:#ffffff/*url(../img/main_visual_bg01.png)*/no-repeat center/cover; width:100%; height:100%; overflow:hidden;}
.visual {width:100%; height:100%}
.visual ul {height:calc( 100% - 0px );}
.visual li {width:100%; position:relative; height:calc( 100% - 72px );}
.visual li div.wrap {width:1140px; margin:0 auto; position:relative; height:100%; min-height:530px; padding-top:139px; box-sizing:border-box; margin-top:70px;}
.visual h1 img {width:400px;margin-top:29px; padding-top:34px; display:inline-block;} 
.visual h2 img {display:inline-block; margin-top:26px; line-height:24px;}
.visualImg {position:absolute; top:60px; z-index:1;}
.visual .btn_box {position:relative;width:180px; height:45px; box-sizing:border-box; border-top:2px solid #28398a; border-bottom:1px solid #28398a; color:#28398a; text-align:center; font-size:16px; margin-top:360px;margin-left:75px; z-index:99;}
.visual .btn_box .motion_bg {position:absolute; width:100%; height:100%; left:0; bottom:0;}
.visual .btn_box .motion_bg2 {background:#28398a; height:1px; transition:height 0.4s; -webkit-transition:height 0.4s;}
.visual .btn_box .btn_txt {display:inline-block; line-height:38px; position:absolute; top:0; left:0; width:100%; height:100%;font-size:20px;}
.visual .btn_box .btn_txt span {display:inline-block; margin-left:9px; background:url(../img/btn_span.png) no-repeat; width:15px; height:10px;}
.visual .btn_box a {position:absolute; width:100%; height:100%; left:0; top:0; outline:none;}
.visual .btn_box:hover .motion_bg {height:100%; transition:height 0.5s; -webkit-transition:height 0.5s;}
.visual .btn_box:hover .btn_txt {color:#fff;}
.visual .btn_box:hover .btn_txt span {background:url(../img/btn_spanwh.png) no-repeat}
.section {width:100%; height:100%; box-sizing:border-box; height:853px;}
.slick-slider .slick-track, .slick-slider .slick-list {height:100%;}
.visual .moblie {display:none;}

.main02 {width:1140px; height:540px; display:flex; justify-content:space-between; flex-direction:row; margin:0 auto;}
.leftBox {width:740px;}
.leftTilte {display:flex; justify-content:space-between; align-items:center; height:40px;} 
.leftTilte h1 {font-size:28px; color:#151515; font-family:Noto Sans KR DemiLight;}
.leftTilte a {font-size:14px; color:#151515; text-decoration:underline; display:inline-block; height:40px; line-height:40px}
.leftCfArea {width:100%; height:480px; box-shadow:0px 0px 25px rgba(0,0,0,0.4); position:relative; background:#000; margin-top:20px;}
.cfArea {width:100%; height:480px; position:absolute;}
.leftCf {position:absolute; top:0; left:0; z-index:1}
.cfArea {display:none}
.cfArea.n000 {display:block;}
.leftCfTop {position:absolute; top:0; left:0; z-index:2}
.leftCfTop img {width:100%}
.leftCfBtn {position:absolute; top:50%; left:50%; margin:-40px 0 0 -40px; z-index:2; cursor:pointer}
.rightBox {width:350px;}
.leftcfLife {width:100px; height:113px; position:absolute; top:50%; left:80px; margin-top:-56px; z-index:2;}
.banner01 {background:#e7f2f9; height:270px; width:350px; box-sizing:border-box; padding:25px 40px;}
.banner01 p {font-family:Noto Sans KR Medium; font-size:20px; color:#000;}
.banner01 h1 {font-weight:100; color:#1f398e; font-size:18px; line-height:32px; font-family:Noto Sans KR Medium;}
.banner01 h2 {font-weight:100; color:#000; font-size:30px; line-height:38px; font-family:Noto Sans KR DemiLight; margin-top:34px}
.banner01 h3 {font-weight:100; color:#000; font-size:16px; line-height:20px; font-family:Noto Sans KR DemiLight; margin-top:35px}
.bannerSilde {width:350px; height:270px; overflow:hidden; position:relative;}
.bannerSilde p.goods {position:absolute;left:40px; top:31px; font-family:Noto Sans KR Medium; font-size:14px; color:#fff; z-index:500;}
.banner02 {background: #c1dcec; height:270px; width:350px; box-sizing:border-box; padding:30px 40px}
.banner02 h1 {font-weight:100; color:#1f398e; line-height:30px; font-size:30px; margin-top:20px;}
.banner02 p {font-family:Noto Sans KR Medium; font-size:18px; color:#fff}
.banner02 .banner02-text {margin:15px 0 0 2px; color:#1f398e; font-weight: 900;font-size: 20px; font-family: 'Noto Sans KR';}

.banner01_2{
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap:35px;
}
.banner01_2 h2,
.banner01_2 h3{
	margin-top: 0 !important;
}
@media (max-width: 768px) {
	.banner01_2{
		gap:20px;
	}
}


.section.n3 {background:#f3f3f3; padding:100px 0;}
.main03 {width:1140px; margin:25px auto 0; text-align:center; margin-bottom: 45px;}
.main03 h1.title {font-weight:100; font-size:28px; font-family:Noto Sans KR Medium; background:/*url(../img/main_p3_h1_bg.png)*/repeat-x left 27px; display:inline-block; text-align:center}
.main03 h1.title span {font-family:Noto Sans KR Medium}
.main03 h1.title span.font {font-size:14px}
.main03 h1.title span.line {background:url(../img/main_p3_h1_bg.png)repeat-x left 27px; font-family:Noto Sans KR DemiLight}
.main03 h1.title span.dn {}
.main03 div.pc.inforBox {display: flex;flex-flow: wrap;margin-left: -391px;margin-top: 30px;}

.bmaxBB {/* width:1017px; */ display:flex; justify-content:space-between; align-items:center;}
.bmaxBB div {text-align:center;}
.bmaxBB div h1 {color:#699dd7; font-family:Noto Sans KR Medium; font-size:60px; margin-top:18px}
.bmaxBB div .nomargin {margin-top:0;}


.bmaxBB .nomargin h1 {margin-top:18px;}
.bmaxBB div h1 span {color:#1f398e;}
.bmaxBB div h2 {font-family:Noto Sans KR DemiLight; font-size:20px; font-weight:100; margin-top:18px}
.bmaxBB div p {color:#666; font-size:14px; line-height:20px; margin-top:14px}
.bmaxBB div p.pc {}
.bmaxBB div p.moblie {display:none}

.bmaxBox {width:1140px; height:430px; display:flex; justify-content:space-between; flex-direction:row; margin-top:65px}
.leftBox02 {width:660px;}
.leftBox02Title {display:flex; justify-content:space-between; flex-direction:row;}
.leftBox02Title h1 {font-weight:100; font-family:Noto Sans KR DemiLight; font-size:28px;}
.leftBox02TitleBtn {width:173px;}
.leftBox02TitleBtn ul {justify-content:space-between; flex-direction:row; display:flex;}
.leftBox02TitleBtn  li {font-size:18px;}
.leftBox02TitleBtn  li img {cursor:pointer}
.leftBox02TitleBtn  li span {color:#28398a; font-size:28px; font-family:Noto Sans KR DemiLight; vertical-align:top; line-height:28px;}


.lineUp {width:660px; box-shadow:0px 0px 25px rgba(0,0,0,0.15); margin-top:25px; height:370px;}
.lineUp ul {width:660px; height:370px; overflow:hidden}
.lineUp li {width:100%; height:370px; position:relative; padding-top:80px; padding-left:50px ;box-sizing:border-box ;text-align:left;}
.lineUp li div.line {width:100%; height:370px; position:absolute; z-index:1}
.lineUp li div.line h1 {font-size:26px; font-family:Noto Sans KR Regular; font-weight:100; line-height:34px; text-align:left; color:#151515;}
.lineUp li div.line p {font-size:16px; text-align:left; font-family:Noto Sans KR Regular; line-height:24px; margin-top:24px;}
.lineUp li div.line p span{font-size: 15px;}
.lineUp li div.line h2 {display:inline-block; text-align:left:}
.lineUp li div.line h2 a {font-family:'Noto Sans KR'; font-size:35px; text-align:left; margin-top:25px; display:inline-block; padding-bottom:31px;font-weight: 900;}
.lineUp li div.line h2 a span.small-text {font-size: 24px;}


.bannerWrap {width:440px;}
.banner03 {width:440px; height:190px; box-sizing:border-box; padding:30px; position:relative; background:#7232a6; border-radius:0 60px 0 0;cursor:pointer;}
.banner03 .hover_box {position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden;}
.banner03 .trans_bg {border-radius:0 60px 0 0; background:url(../img/2025-m_banner3.png) center no-repeat; background-size:cover; transition:transform 0.4s; position:absolute; top:0; left:0; z-index:1;width:100%; height:100%;}
/* .banner03:hover .trans_bg {transform:scale(1.03) rotate(0.1deg); -ms-transform:scale(1.03) rotate(0.1deg); -webkit-transform:scale(1.03) rotate(0.1deg);} */
.banner03 .banner03_txt {padding:30px}
.banner03 p {font-size:17px; color:#fff; font-family:Noto Sans KR Medium; text-align:left; z-index:5; position:relative;}
.banner03 h1 {font-size:28px; font-weight:100; color:#fff; text-align:left; margin-top:15px; line-height:32px; font-family:Noto Sans KR Regular; z-index:5; position:relative;} 
.banner03 a {text-align:left; display:block; margin-top:16px; z-index:5; position:relative;}

.banner04 {width:440px; height:210px; box-sizing:border-box; padding:30px; background:url(../img/banner_04.png)no-repeat 0 0; margin-top:36px;cursor:pointer;}
.banner04 p {font-size:17px; font-family:Noto Sans KR Medium; text-align:left;}
.banner04 h1 {font-size:27px; font-weight:100; color:#fff; text-align:left; margin-top:10px}
.banner04 h2 {font-size:14px; font-weight:100; color:#fff; line-height:20px; text-align:left; margin-top:9px;}
.banner04 a {text-align:left; display:block; margin-top:12px;}

.lineUpImg {position:absolute !important; left:0; top:0; z-index:0}

.scroll {position:fixed; top:60%; right:28px; z-index:1000; background:url(../img/Scroll02.png)no-repeat; width:36px; height:64px;}
#fp-nav.fp-right {right:40px}
#fp-nav ul li:first-child {background:url(../img/)}
.fp-viewing-anchor1 div.mainWrap div.scroll {background:url(../img/Scroll.png)no-repeat;}

/*------------------------------------------------------------------- sub ----------------------------------------------------------------------------------------------------------------------*/
.subWrap {width:100%; position:relative; overflow:hidden;}
.subTop {height:100px; border-bottom:1px solid #eeeeee; box-sizing:border-box; width:100%}
.topWrap.sub {margin-top:0; line-height:100px; display:flex; justify-content:space-between; max-width:1140px; margin: auto; width: 100%;}
.topWrap.sub.on {line-height:80px}
/* 0829 */
.topWrap.sub li a {font-size:18px;color:#151515; display:inline-block; position:relative; transition:color 0.35s; -webkit-transition:color 0.35s;}
.topWrap.sub li a:after {content:''; display:inline-block; width:0%; height:2px; position:absolute; bottom:0; background:#151515; left:50%; margin-left:0; transition:all 0.25s 0.1s; -webkit-transition:all 0.25s 0.1s;}
.topWrap.sub li a.on {background:url(../img/menu_bg_sub.png)repeat-x left bottom; background-size:100%; color:#28398a}
.topWrap.sub li:hover > a:after {width:100%; margin-left:-49.8%;}/* 0829 */
.contWrap, .subTitleWrap {width:1140px; margin:0 auto;}
.subTitle {width:100%; height:160px; line-height:160px; position:relative;}
.subTitle h1 {text-align:center; font-size:40px; font-weight:100;}
.subTitle a {line-height:160px; vertical-align:middle; display:inline-block; position:absolute; top:50%; margin-top:-14px}/* 0829 */
.subTitle a.left {left:0px; width:30px; height:auto;}/* 0829 */
.subTitle a.leftpc {left:10px; width:35px; height:28px; background:url(../img/sub_title_arr_prev.png)repeat-x top left;}/* 0829 */
.subTitle a.right {right:0; width:30px; height:auto;}/* 0829 */
.subTitle a.rightpc {right:10px; width:35px; height:28px; background:url(../img/sub_title_arr_next.png)repeat-x top right;}/* 0829 */

.subTitle a img {vertical-align:middle;}
.pa20 {}
.subTop.fixed {height:80px; position:fixed; z-index:1000; background:#fff; top:-90px} 

.contWrap {padding-bottom:50px; box-sizing:border-box;}
.contWrap.p0 {padding-bottom:0;}
.contWrap.p {padding-bottom:190px}
.contVisual {width:100%; height:600px; position:relative}
.contVisual.mNo2 {height:400px}
.contVisual.mNo3 {height:540px;}
.contVisual.mNo5 {height:300px}
.contVisual.mNo6 {height:300px}
.contVisual div.text {position:absolute; z-index:1; left:0; top:0; padding-left:120px; padding-top:120px;box-sizing:border-box;}
.contVisual div.text h1 {font-weight:100; font-size:28px; font-family:Noto Sans KR DemiLight; color:#28398a;}
.contVisual div.text h1 img {width:100px; margin-left:5px;}
.contVisual div.text h2 {font-size:40px; color:#28398a; font-weight:100; line-height:40px; background:url(../img/visual_h1_bg.png)no-repeat left bottom; padding-bottom:35px; margin-top:13px; letter-spacing:-2px}
.contVisual div.text .colorBlack {color:#000;}
.contVisual div.text h5.colorBlack,.contVisual div.text h5.no_margin {margin-left:0;} /*190726*/


.contVisual div.text h2.colorBlack {background:url(../img/visual_h1_bg_black.png)no-repeat left bottom;}
.contVisual div.text h2.colorG {color:#151515}
.contVisual div.text h2.colorb {color:#093368;margin-top:37px;}
.contVisual div.text h2.colorb2 {color:#52e8f5;margin-top:37px;}

.contVisual div.text h3 {font-size:18px; color:#7232a6; font-weight:100; margin-top:37px; margin-left:1px;}
.contVisual div.text h4 {font-size:26px; color:#7232a6; font-weight:100; line-height:24px;}
.contVisual div.text h4.marginT {margin-top:33px}
.contVisual div.text h5 {font-size:60px; font-family:Noto Sans KR Medium; letter-spacing:-5px; color:#7232a6; font-weight:100; margin-left:3px;}
.contVisual div.text h5 span {font-size:30px}
.contVisual div.img {position:absolute;  left: -100px; top:0; z-index: 0;}
.contVisual div.img img {
	position:relative;
	z-index: 1;
}
.contVisual::after {
	position:absolute;
	top: 0px;
	right: calc(-1 *(50vw - 370px));
	content:'';
	display:block;
	height: 610px;
	background-color:#fff;
	z-index: 2;
	width: calc(50vw - 460px);
}

.contVisual div.img.centerImage {left: -190px;}


.contVisual div.text02 {position:absolute; z-index:1; left:0; top:0; padding-left:100px; padding-top:90px;box-sizing:border-box;}
.contVisual div.text02 h2 {font-size:58px; font-family:Noto Sans KR Regular; color:#7232a6; line-height:62px; letter-spacing:-5px; font-weight:100; white-space:pre; position:relative;}
.contVisual div.text02 .dash {width:7px; margin-left:6px; padding-top:30px; position:absolute; top:15px;}

.contVisual div.text02 h2 span img {margin-left:3px; margin-top:30px;}
.contVisual div.text02 h3 {font-size:19px; font-family:Noto Sans KR Regular; color:#373737; margin-left:2px; font-weight:100; letter-spacing:-1px;}
.contVisual div.text02 h3 span {color:#7232a6;}

.contVisual div.text03 {position:absolute; z-index:1; left:0; top:0; padding-top:90px; box-sizing:border-box; width:100%}
.contVisual div.text03 div {display:flex; text-align:center; justify-content:center; align-items:center;}
.contVisual div.text03 h1 {/* background:url(../img/tag_bg.png)repeat-x 0 42px; */ font-size:42px; font-family:Noto Sans KR DemiLight; margin-right:5px; color:#28398a; letter-spacing:-1px; cursor:pointer;}
.contVisual div.text03 h1 + span {vertical-align:middle; width:35px; margin-top:10px; cursor:pointer;}
.contVisual div.text03 h2 {font-size:20px; font-weight:100; color:#28398a; text-align:center; margin-top:18px; letter-spacing:-.85px;}

.contVisual div.text04 {position:absolute; z-index:1; left:0; top:0; padding-top:65px; padding-left:100px; box-sizing:border-box; width:100%}
.contVisual div.text04 h2 {font-size:48px; font-family:Noto Sans KR DemiLight; margin-right:20px; color:#fff; letter-spacing:-5px; line-height:53px;}
.contVisual div.text04 h2 span {font-family:Noto Sans KR Medium;}
.contVisual div.text04 h3 {color:#8d5001; font-size:18px; letter-spacing:-1px; margin-top:13px}
.contVisual div.text04 h3.color {color:#2f5949;}

.ads {position:absolute; font-size:11px; color:#888; width:163px; /*height:22px;*/ border:1px solid rgba(136,136,136,0.3); border-radius:3px; box-sizing:border-box; right:0px; top:40px}

.tag {text-align:center;margin-top:100px; width:100%;margin-bottom:50px;}
.tag.life {margin-bottom:35px}
.tag h1 {color:#28398a; font-family:Noto Sans KR Medium; font-size:24px; background:url(../img/tag_bg.png)repeat-x 0 25px; display:inline-block;}
.m_nobg {background:none !important;} /*190726*/
.tag h1.colorR {color:#fe720e; background:url(../img/tag_bg_red.png)repeat-x 0 25px;}
.tag h1.colorG {color:#bf8922; background:url(../img/tag_bg_gold.png)repeat-x 0 25px;}
.tag h1.colorB {color:#7b8391; background:url(../img/tag_bg_blue.png)repeat-x 0 25px;}
.tag h1.colorB2 {color:#2d4daf; background:url(../img/tag_bg_blue2.png)repeat-x 0 25px;}

.tabWrap {width:100%; height:60px; box-shadow:0px 0px 12px rgba(0,0,0,0.08); background:#fff; z-index:100}
.tabWrap.op {opacity:0;}
.tabWrap ul {display:flex; justify-content:space-between; flex-direction:row; width:340px; margin:0 auto;}
.tabWrap li a {font-size:16px; font-family:Noto Sans KR Medium; color:#888888; display:inline-block ; line-height:60px}
.tabWrap li a.on {background:url(../img/tab_bg.png)repeat-x 0 bottom; color:#151515}

.tabdp {width:100%; margin-top:50px; height:60px; box-shadow:0px 0px 12px rgba(0,0,0,0.08); background:#fff; position:fixed; top:230px; opacity :0}
.tabdp ul {display:flex; justify-content:space-between; flex-direction:row; width:340px; margin:0 auto;}
.tabdp li a {font-size:16px; font-family:GC140; color:#888888; display:inline-block ; line-height:60px}
.tabdp li a:hover {background:url(../img/tab_bg.png)repeat-x 0 bottom; color:#151515}
.tabdp li a.on {background:url(../img/tab_bg.png)repeat-x 0 bottom; color:#151515}

.tabBox01 {padding-top:60px;}
.tabBox01 h1 {font-size:46px; font-family:Noto Sans KR Medium; font-weight:100; text-align:center; letter-spacing:-1px;}
.tabBox01 div.box {display:flex; padding-top:55px;}
.tabBox01 div.box > img.pc {margin-top:15px;width:487px;height:372px;}
.tabBox01 div li {background:url(../img/tab_list_bg05.png) no-repeat 2px 12px; padding-left:35px; box-sizing:border-box; color:#28398a; font-size:26px; line-height:48px;}
.tabBox01 div.info {width:445px; margin-top:30px;}
.tabBox01 div.info div.infoWrap {display:flex; justify-content:space-between; flex-direction:row;} 
.tabBox01 div.info div.infoWrap.flexs {width:300px} 
.tabBox01 div.info div.infoWrap.marginT {margin-top:25px}
.tabBox01 div.info div.infoWrap img {text-align:center;}
.tabBox01 div.info div.infoWrap p {text-align:center; font-size:14px; margin-top:10px;}
.tabBox01 div.info .txt_nowrap{white-space: nowrap;text-indent: -18px;}
.center {text-align:center; width:105px}
.center.first {width:100px}
.center.first02 {width:120px}


.center.last {width:198px}
.tabBox01 div ul.red li {background:url(../img/tab_list_bg02.png)no-repeat 0 10px; color:#f33c2d}
.tabBox01 div ul.gold li {background:url(../img/tab_list_bg03.png)no-repeat 0 10px; color:#bf8922}
.tabBox01 div ul.blue li {background:url(../img/tab_list_bg04.png)no-repeat 0 10px; color:#7b8391}
.tabBox01 div ul.blue02 li {background:url(../img/tab_list_bg05.png)no-repeat 0 10px; color:#2d4daf}
/* .tabBox01 div ul.orange li {background:url(../img/tab_list_bg06.png)no-repeat 0 10px; color:#fe720e} */




.tabBox02 {padding-top:178px;}
.tabBox02.mNo2 {padding-top:0}
.tabBox02 h1 {font-size:36px; font-family:Noto Sans KR Regular; font-weight:bold; text-align:center}
.tabBox02 h1.metaB-h1-margintop{margin-top:70px;}
.tabBox02 h1.tabBox02_h1_margin{margin-bottom:27px;}
.tabBox02 h1.metab_margin_top{margin-top:148px;}
.tabBox02 h1.mt {margin-top:175px}
.tabBox02 h1 span, .tabBox03 h1 span {color:#28398a; font-size:25px; vertical-align:top; margin-left:5px;}

.tabBox02 h2 {font-size:18px; font-family:Noto Sans KR Regular; font-weight:100; text-align:center; color:#888; margin-top:8px;}
.tabBox02 h2 .margin-span{font-weight: inherit;}
.tabBox02.metab_h2_font h2{font-size:24px;}
.tabBox02.metab_h2_font h2.tabBox02_h2_margin{margin-top:0;}
.tabBox02 h2 strong{font-family:Noto Sans KR Medium;}
.tabBox02 h3 {font-size:18px; font-family:GC120; font-weight:100; text-align:center; color:#888; margin-top:3px;}
.tabBox02 h2.mt {margin-top:40px}
.tabBox02 h2 span {color:#28398a; font-size:12px; vertical-align:top; margin-left:1px}
.tabBox02 h3 span {color:#28398a; font-size:12px; vertical-align:top; margin-left:5px}
.tabBox02 h2 span.pcdp {display:block;}
.tabBox02 div.info02 {display:flex; justify-content:space-between; flex-direction:row; width:100%; padding:0 5px; box-sizing:border-box; margin-top:60px; margin-bottom:100px;}
.tabBox02 div.info02.metaB-margin{margin-bottom: 0;}
.tabBox02 div.info02_01{padding:0 5px;}
.tabBox02 div.info02 div {width:240px; text-align:center;}
.tabBox02 div.info02 div p {font-size:18px; font-family:Noto Sans KR DemiLight; text-align:center; width:220px; /*width:calc( 100% - 30px )*/}
.tabBox02 div.info02_01 .moblie{margin:0 auto;}

.tabBox02 div.info03 {display:flex; margin-bottom:35px}
.tabBox02 div.info03.mt {margin-top:30px}
.tabBox02 div.info03 ul {margin-top:90px}
.tabBox02 div.info03 ul.mt {margin-top:40px}
.tabBox02 div.info03 ul.mt2 {margin-top:30px; margin-left:-20px;}
.tabBox02 div.info03 li {background:url(../img/info03_li.png)no-repeat 0 12px; line-height:30px; color:#666; padding-left:10px;}
.tabBox02 div.info03 li.line {line-height:24px; font-size:16px; margin-top:20px}
.tabBox02 div.info03 li span.pcdp {display:block;}
.tabBox02 div.info03 li.line span.font {font-size:10px; color:#28398a; margin-left:5px; vertical-align:top; line-height:15px;}
.tabBox02 div.info03 li span {font-family:GC130; color:#151515;}

.tabBox02 div.info04 {display:flex; justify-content:space-between; flex-direction:row; width:100%; padding:0 27px; box-sizing:border-box; margin-top:60px}
.tabBox02 div.info04.mobile-margin-bottom{margin-bottom: 75px;margin-top: 0;}
.tabBox02 div.info04.v02{display:block;}
.tabBox02 div.info04>div {width:305px; text-align:center;}
.tabBox02 div.info04.v02>div {width:100%; text-align:center;}
.tabBox02 div.info04 .info04_graph{position:relative; display:flex; justify-content:space-between;width:100%;}
.tabBox02 div.info04 .metaB_display{justify-content:space-around;}
.tabBox02 div.info04 .info04_graph::after{position: absolute;left:-20px;bottom:-15px;display:block;content:"";width:1135px;height:2px;background:#f2f2f2;}
.tabBox02 div.info04 div h1 {font-size:15px; font-family:Noto Sans KR DemiLight; color:#fff; width:214px; height:35px; background:#151515; border-radius:30px; box-shadow:0px 0px 20px rgba(0,0,0,0.4); margin:0 auto; line-height:35px}
.tabBox02 div.info04 div p {!margin-top:60px;}
.tabBox02 div.info04 div p.metaB-h1-marginleft{margin-left:135px; margin-top: 70px;}
.tabBox02 div.info04 div p.metaB-h1-marginright{margin-right:94px; margin-top: 20px;}
.tabBox02 div.info04 div .info04_txt {text-align:left;}
.tabBox02 div.info04.v02 .info04_txt {text-align:left;}
.tabBox02 div.info04.v02 .info04_txt.margin_bottom{margin-bottom:100px;}
.tabBox02 div.info04.v02 .info04_txt h2 {text-align:left;font-size:16px;color:#4a4a4a;margin:60px 0 5px;}
.tabBox02 div.info04 div .info04_txt p {font-size:12px; line-height:18px;}
.tabBox02 div.info04 div .info04_txt p span {display:block; font-size:12px; color:#888; margin-left:9px;}
.info04_txt .txt_list02{margin-top:30px; text-indent: 60px;}
.info04_txt .txt_list02.metaB-txt-indent li{text-indent:16px;}
.info04_txt .txt_list02 li:first-child{text-indent: 0;}
.info04_txt .txt_list02 li span{margin-left: 60px;}
.tabBox02 div.info04 div .colorGray {color:#888;}
.tabBox02 div.info04.v02 div .colorGray {color:#9e9e9e;}
.tabBox02 div.info04 div .lastGray {margin-top:132px;}
.tabBox02 div.info04 div .everLastGray {margin-top:165px;}
.txt_sub{font-size:11px;}
.tabBox02 div.info04 div.metaB_txt_list02_Ref{display:flex;}


.tabBox02 div.info05 {display:flex; justify-content:space-between; flex-direction:row; width:100%; padding:0 27px; box-sizing:border-box; margin-top:60px}
.tabBox02 div.info05 div {width:160px; text-align:center;}
.tabBox02 div.info05 div p {font-size:14px; text-align:center; margin-top:20px}
.tabBox02 div.info05 div p span.pcdp {display:block}
.tabBox02 div.info05 div p span {color:#7232a6; font-size:10px; vertical-align:top}

.tabBox03 {margin-top:100px;}
.tabBox03 h1 {font-size:36px; font-family:Noto Sans KR Regular; font-weight:bold; text-align:center}
.tabBox03 h2 {font-size:18px; font-family:Noto Sans KR DemiLight; font-weight:100; text-align:center; color:#888; margin-top:10px;}
.tabBox03 p {margin-top:60px; text-align:center;}

.tabBox03 .tail__ {
	width: 100%;
	max-width:870px;
	margin: auto;
	margin-top: 20px;
}

.tabBox03 .tail__ li {
	display:flex;
	font-size:13px;
	color:#888;
	margin-bottom: 5px;
}

.tabBox03 .tail__ li label {
	width: 30px;
}

.tabBox03 .tail__ li span {
	width: calc(100% - 30px);
}

.tabBox04 {padding-top:80px;}
.tabBox04 h1 {font-size:36px; font-family:Noto Sans KR Regular; font-weight:bold; text-align:center; width:100%; position:relative}
.tabBox04 h1 span {font-size:14px; color:#888888; text-align:right;position:absolute; right:0; bottom:0; font-family:Noto Sans KR DemiLight}
.tabBox04 div.table {width:100%; border-top:3px solid #151515;margin-top:40px}
.Tbox {width:100%; border-bottom:1px solid #e8e8e8; padding:40px 20px; display:flex ;box-sizing:border-box;}
.Tbox p.lh249 {line-height:169px}
.Tbox p.lh44 {line-height:44px}
.Tbox p.lh104 {line-height:104px}
.Tbox p.lh26 {line-height:26px}
.Tbox p.lh139 {line-height:139px}
.Tbox p {font-weight:100; font-family:Noto Sans KR DemiLight; width:160px; font-size:20px}
.Tbox ul {padding-right:50px}
.Tbox ul.pr0 {padding-right:0}
.Tbox li {width:276px; background:url(../img/Tbox_li_bg.png)repeat-x left center; line-height:28px; display:flex; justify-content:space-between; flex-direction:row;}
.Tbox li h2 {background:#fff; font-size:14px; font-family:Noto Sans KR DemiLight; line-height:28px; font-weight:100;}
.Tbox li h3 {text-align:left;background:#fff; font-size:14px; font-family:Noto Sans KR DemiLight; line-height:28px; font-weight:100; padding-left:5px; color:#666}
.tableInfo {font-size:13px; color:#888; margin-top:30px;}
.tableInfo span.letter_space{margin-left: -1px;margin-right: -1px;}

.tabBox05 {margin:60px 0 50px;text-align:center;}
.tabBox05 a {}
.tabBox05 a > div {display:inline-block; padding:15px 30px; text-align:center; background:#28398a;font-family:Noto Sans KR DemiLight;font-size:15px;color:#fff;}
.tabBox05 a > div  img {width:15px; margin-left:9px;}

.tabBox06 {position:relative; margin-bottom:100px;}
.tabBox06 h3 {position:absolute; top:52px; left:270px; font-family:Noto Sans KR DemiLight; font-size:16px;}
.tabBox06 .tab06_town {position:absolute; top:50px; right:108px;}
.tabBox06 .tab06_town a {color:#28398a; display:inline-block; vertical-align:top; margin-top:3px; font-size:15px;}
.tabBox06 .tab06_town .town_tit {margin-right:15px; font-weight:600; vertical-align:top;}
.tabBox06 .tab06_town > span {font-size:14px;}
.tabBox06 .tab06_town > span > img {width:30px; height:30px;}
.tabBox06 .moblie {display:none;}

/* 구매처 */
.tabBox07 {padding-top:120px;}
 .tabBox07.mt {margin-top:80px}
 .tabBox07 h1 {font-size:36px; font-family:Noto Sans KR Medium; font-weight:100; text-align:center; position:relative}
 .tabBox07 div.mapWrap {margin-top:50px;}
 .tabBox07 div.mapWrap.mt {margin:80px 0 140px;} 
 .mapList {width:440px;}
 .listTable {width:100%; border-top:3px solid #151515; margin-top:20px}
 .listTable.mt {margin-top:0}
 .nodata {height:417px; border-bottom:1px solid #e8e8e8; text-align:center; overflow:hidden;}
 .nodata div {margin-top:160px; text-align:center;}
 .nodata div p {text-align:center; font-size:18px; margin-top:30px;}
 .listTable li {padding:18px 0; width:100%; border-bottom:1px solid #e8e8e8; overflow:hidden}
 .listTable li h1 {font-size:24px; color:#ccc; float:left; font-weight:100; margin-right:10px; margin-top:-2px;}
 .listTable li h2 {font-size:18px; color:#151515; float:left; font-weight:100;}
 .listTable li h2 span {display:block; color:#666666; font-size:14px; margin-top:5px;}
 .listTable li h3 {font-size:18px; color:#151515; float:right; font-weight:100; background:url(../img/phone.png)no-repeat 0 8px; padding-left:15px; text-align:right;}
 .listTable li h1.on {color:#1f8cff}
 .selectArea {width:100%; overflow:hidden; height:25px;}
 .selectArea select.select01 {background:url(../img/select_02.png)no-repeat right bottom; font-size:16px; color:#151515; height:25px; width:80px;padding-left:5px; box-sizing:border-box; float:left; border:0}
 .selectArea select.select02 {background:url(../img/select_02.png)no-repeat right bottom; font-size:16px; color:#151515; height:25px; width:110px;padding-left:5px; box-sizing:border-box; float:left; margin-left:20px; border:0}
 .selectArea select.select02.ml {margin-left:30px}
 .selectArea button {float:right; width:26px; height:26px; background:url(../img/search_btn_n.png)no-repeat 0 0;}
 .selectArea button.on {background:url(../img/search_btn_s.png)no-repeat 0 0;}
 .pageWrap {width:100%; display:flex; justify-content:space-between; flex-direction:row ; margin-top:30px;}
 .pageWrap ul {display:flex; justify-content:space-between; flex-direction:row; width:380px}
 .pageWrap li a {font-size:13px; display:inline-block; width:30px; height:30px; text-align:center; line-height:30px;}
 .pageWrap li a:hover {color:#7232a6;}
 .pageWrap li a.on {background:url(../img/page_li.png)no-repeat 0 0; color:#fff;}
 .pageWrap button {width:30px}
 .mapArea {width:650px; height:380px; box-shadow:0px 0px 15px rgba(0,0,0,0.2); position:relative; overflow:hidden; float:right;}
 .mapArea.height {height:418px}
 .map {width:100%; height:100%; position:absolute; left:0; top:0}
 






.reference {width:100%; margin-bottom:60px}
.reference h1 {background:url(../img/reference.png)repeat-x 0 10px; text-align:left; width:100%;}
.reference h1 span {background:#fff; padding-right:10px; font-family:Noto Sans KR Regular; font-weight:100; font-size:12px; vertical-align:top;letter-spacing:0}
.reference ul {}
.reference li {font-size:14px; color:#666666; line-height:24px;}
.reference li span {font-family:Noto Sans KR Regular; font-size:14px; color:#28398a; margin-right:5px;}



.contBanner {width:100%; background:url(../img/cont_banner_bg_02_v03.png)no-repeat 0 0; height:270px; padding-top:45px; padding-left:65px; box-sizing:border-box; margin-top:70px}
.contBanner h1 {font-weight:600; font-size:40px; text-align:left; font-family:Noto Sans KR DemiLight;}
.contBanner h2 {font-weight:100; font-size:20px; font-family:Noto Sans KR DemiLight; line-height:26px;}
.contBanner p {color:#666666; font-size:16px; line-height:22px; margin-top:10px; letter-spacing:-1.4px;}
.contBanner p span {margin-left:11px;}

.contBg {width:100%; height:546px; background:#f6f6f6; overflow:hidden; margin-top:120px;}
.contP {width:1140px; margin:0 auto;}
.contP h2 {font-size:36px; font-family:GC130; font-weight:100; text-align:center ; margin-top:40px}
.contP h3 {font-size:18px; font-family:GC120; font-weight:100; text-align:center; color:#888; margin-top:20px;}
.contP ul {display:flex; margin-top:60px}
.contP li {width:50%;}
.contP li div.img {float:left; margin-right:30px;}
.contP li div.text {float:left;}
.contP li div.text h4 {font-size:20px; font-family:GC130; margin-top:40px; text-align:left;}
.contP li div.text p {font-size:14px; color:#666; margin-top:20px; text-align:left; line-height:20px}
.contP li div.text p span {display:block}
.contP li div.text p span.dp {}

.contP02 {width:100%; margin-top:60px;}
.contP02 h1 {font-size:18px; font-family:GC140; color:#fff; background:url(../img/title.png)no-repeat 0 0; width:160px; height:40px; text-align:center; line-height:40px; margin:0 auto;}
.contP02 ul {display:flex; justify-content:space-between; flex-direction:row; margin-top:40px}
.contP02 li {width:235px;}
.contP02 li h2 {border-bottom:3px solid #151515; width:100%; font-size:20px; font-family:GC130; text-align:center; padding-bottom:23px; font-weight:100;}
.contP02 li p {font-size:14px; font-family:GC120; color:#666; line-height:20px; text-align:center; margin-top:30px}
.contP02 li p span {display:block;}

.contW100 {width:100%; position:relative;}
.contW100.dp {display:inline-block}
.w1140 {width:1140px; margin:0 auto}
.w1140.paddB60 {}
.w1140.paddB140 {padding-bottom:140px}


.cfWrap {width:1140px; display:flex; justify-content:space-between; flex-direction:row; margin:0 auto; margin-top:80px}
.cf_slide_wrap {position:relative; padding:0 60px; margin-top:80px;}
.cf_slide .slick-slide {height:150px !important;}
.cf_slide .slick-list {overflow:hidden !important;}
.cf_slide .slick-next.slick-arrow, .cf_slide .slick-prev.slick-arrow {display:block !important; text-indent:-9999px;}
.cf_slide .slick-prev.slick-arrow {position:absolute; top:40px; left:-60px; width:36px; height:64px; background:url(../img/cf_prev_arr.png)no-repeat left center; background-size:cover; z-index:1;}
.cf_slide .slick-next.slick-arrow {position:absolute; top:40px; right:-60px; width:36px; height:64px; background:url(../img/cf_next_arr.png)no-repeat left center; background-size:cover; z-index:1;}
.leftCfArea.mt {margin-top:0}



.cfRight {width:340px; border-top:3px solid #151515; padding:50px 0 0 0; box-sizing:border-box; height:480px; position:relative}

.cfRight h1, .cfmo h1 {margin-left:-5px; font-family:Noto Sans KR DemiLight; color:#151515; font-size:40px; /*letter-spacing:-3px; white-space:pre;*/}
.cfRight h1 span.pcdp,.cfmo h1 span.pcdp {display:block;}
.cfRight h1 span.pcdp {margin-left:5px; font-size:22px;}
.cfRight p,.cfmo p {font-size:15px; color:#666666; font-family:Noto Sans KR DemiLight; line-height:22px; margin-top:45px}
.cfRight p span.pcdp,.cfmo p span.pcdp {display:block;}
.sns {position:absolute; left:20px; bottom:20px;}
.sns li {float:left; margin-right:10px;}

.cfbox {width:360px; height:160px; overflow:hidden; position:relative; cursor:pointer;}
.cfbox:hover,.cfbox.on {box-shadow:0px 0px 15px rgba(0,0,0,0.2)}
.cf {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1}
.cf img.gray {-webkit-filter:grayscale(100%); filter:grayscale(100%); width:100%; height:100%}/* 0710 수정*/
.cf img.gray:hover,.cf img.gray.on {-webkit-filter:grayscale(0%); filter:grayscale(0%);}
.cfbox p {width:88px; height:88px; background:url(../img/btn_play_n.png)no-repeat 0 0 ;position:absolute; left:50%; top:50%; margin-left:-44px; margin-top:-44px; z-index:2;}
.cfbox:hover p {background:url(../img/btn_play_over.png)no-repeat 0 0}
.cfbox p.on {background:url(../img/btn_play_over.png)no-repeat 0 0}




.searchWrap {width:940px; height:80px; background:#fff; box-shadow:0px 0px 12px rgba(0,0,0,0.08); margin:0 auto; margin-top:-239px; padding:25px 70px; box-sizing:border-box;}
.search {width:360px; height:25px; position:relative; margin-left:60px; float:left;}
.search input[type=text] {width:360px; height:25px; border:0px; box-sizing:border-box; margin-top:0; padding:10px; box-shadow:none !important; color:#151515; background:url(../img/input_bg_n.png)repeat-x 0 0;font-family:GC130; font-size:16px;}
.search input[type=text]:hover, .search input[type=text]:focus,  .search input[type=text]:active {background:url(../img/input_bg_over.png)repeat-x 0 0; border:0px ; color:#7232a6}
.search input[type=text]::-webkit-input-placeholder {color:#999; font-family:GC120; font-size:16px;}
.search input[type=text]::-moz-placeholder {color:#999; font-family:GC120; font-size:16px;}
.search input[type=text]:-ms-input-placeholder {color:#999; font-family:GC120; font-size:16px;}
.search input[type=text]::-ms-input-placeholder {color:#999; font-family:GC120; font-size:16px;}
.search input[type=text]:focus::-webkit-input-placeholder {color:transparent; font-family:GC120; font-size:16px;}
.search input[type=text]:focus::-moz-placeholder {color:transparent; font-family:GC120; font-size:16px;}
.search input[type=text]:focus:-ms-input-placeholder {color:transparent; font-family:GC120; font-size:16px;}
.search input[type=text]:focus::-ms-input-placeholder {color:transparent; font-family:GC120; font-size:16px;}
.search button.dp {position:absolute; right:0; top:0; width:21px; height:21px; background:url(../img/input_btn.png)no-repeat 0 0;float:left; border:0}
.search button.dp {position:absolute; right:0; top:0; width:21px; height:21px; background:url(../img/input_btn.png)no-repeat 0 0;float:left; border:0}



.layerPop {width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.75); z-index:100; overflow:hidden; display:none}
.layer {width:427px; height:532px; position:absolute; left:50%; margin-left:-213px; top:50%; margin-top:-266px; background:url(../img/layer_bg.png)no-repeat 0 0; position:relative;}
.layer h1 {width:350px; font-size:24px; color:#fff; text-align:center; line-height:60px;}
.layerBtn {position:absolute; top:22px; left:380px; z-index:300; cursor:pointer}

.step01 {width:350px; text-align:center ;margin-top:40px;}
.step01 h2 {width:70px ;height:25px; border-radius:20px; border:1px solid #28398a; box-sizing:border-box; text-align:center; line-height:25px; color:#28398a; font-size:12px; font-family:Noto Sans KR DemiLight; margin:0 auto;}
.step01 h3 {background:url(../img/tag_bg.png)repeat-x 0 bottom; font-family:Noto Sans KR Medium; font-size:28px; text-align:center;color:#28398a; margin-top:10px; display:inline-block; text-align:center}
.step01 ul {display:flex; justify-content:space-between; align-items:center; height:273px; width:280px; margin:0 auto; cursor:pointer;}
.step01 li div p {text-align:center; margin-top:10px;}
.step01 li.sbox div {border-radius:50%; width:80px; height:80px; box-sizing:border-box; background:url(../img/sbox_01.png)no-repeat 0 0; border:1px solid #151515}
.step01 li.sbox p {text-align:center; margin-top:10px;}
.step01 li.sbox.on div {background:#28398a; box-shadow:0px 8px 20px rgba(0,0,0,0.3); box-sizing:border-box; background:url(../img/sbox_01_s.png)no-repeat 0 0;border:0}
.step01 li.sbox.on p {color:#28398a;}
.step01 li.sbox02 div {border-radius:50%; width:80px; height:80px; box-sizing:border-box; background:url(../img/sbox_02.png)no-repeat 0 0;border:1px solid #151515}
.step01 li.sbox02 p {text-align:center; margin-top:10px;}
.step01 li.sbox02.on div {background:#28398a; box-shadow:0px 8px 20px rgba(0,0,0,0.3); box-sizing:border-box; background:url(../img/sbox_02_s.png)no-repeat 0 0;border:0}
.step01 li.sbox02.on p {color:#28398a;}
.step01 li.sbox03 div {border-radius:50%; width:80px; height:80px; box-sizing:border-box; background:url(../img/sbox_03.png)no-repeat 0 0;border:1px solid #151515}
.step01 li.sbox03 p {text-align:center; margin-top:10px;}
.step01 li.sbox03.on div {background:#28398a; box-shadow:0px 8px 20px rgba(0,0,0,0.3); box-sizing:border-box; background:url(../img/sbox_03_s.png)no-repeat 0 0; border:0}
.step01 li.sbox03.on p {color:#28398a;}
.step01 button {width:250px; height:50px; border-radius:30px; text-align:center; color:#fff; background:#151515; font-size:15px}
.step01 button span {margin-left:10px;}


.step02 {width:350px; text-align:center ;margin-top:40px; display:none}
.step02 h2 {width:70px ;height:25px; border-radius:20px; border:1px solid #28398a; box-sizing:border-box; text-align:center; line-height:25px; color:#28398a; font-size:12px; font-family:Noto Sans KR DemiLight; margin:0 auto;}
.step02 h3 {background:url(../img/tag_bg.png)repeat-x 0 bottom; font-family:Noto Sans KR Medium; font-size:28px; text-align:center;color:#28398a; margin-top:10px; display:inline-block; text-align:center}
.step02 ul {width:250px; margin:0 auto; margin-top:15px; height:258px; cursor:pointer;}
.step02 li {text-align:center; width:70px; float:left; margin-left:20px; margin-top:20px}


.step02 li.sbox04 div {border-radius:50%; width:70px; height:70px; background:url(../img/step02_01.png)no-repeat 0 0; border:1px solid #151515; box-sizing:border-box;}
.step02 li.sbox04.on div {border-radius:50%; width:70px; height:70px; background:url(../img/step02_01_s.png)no-repeat 0 0; box-shadow:0px 8px 20px rgba(0,0,0,0.3); border:none;}
.step02 li.sbox04.on p {color:#28398a;}
.step02 li.sbox05 div {border-radius:50%; width:70px; height:70px; background:url(../img/step02_02.png)no-repeat 0 0; border:1px solid #151515; box-sizing:border-box;}
.step02 li.sbox05.on div {border-radius:50%; width:70px; height:70px; background:url(../img/step02_02_s.png)no-repeat 0 0; box-shadow:0px 8px 20px rgba(0,0,0,0.3); border:none;}
.step02 li.sbox05.on p {color:#28398a;}
.step02 li.sbox06 div {border-radius:50%; width:70px; height:70px; background:url(../img/step02_03.png)no-repeat 0 0; border:1px solid #151515; box-sizing:border-box;}
.step02 li.sbox06.on div {border-radius:50%; width:70px; height:70px; background:url(../img/step02_03_s.png)no-repeat 0 0; box-shadow:0px 8px 20px rgba(0,0,0,0.3); border:none;}
.step02 li.sbox06.on p {color:#28398a;}
.step02 li.sbox07 div {border-radius:50%; width:70px; height:70px; background:url(../img/step02_04.png)no-repeat 0 0; border:1px solid #151515; box-sizing:border-box;}
.step02 li.sbox07.on div {border-radius:50%; width:70px; height:70px; background:url(../img/step02_04_s.png)no-repeat 0 0; box-shadow:0px 8px 20px rgba(0,0,0,0.3); border:none;}
.step02 li.sbox07.on p {color:#28398a;}
.step02 li.sbox08 div {border-radius:50%; width:70px; height:70px; background:url(../img/step02_05.png)no-repeat 0 0; border:1px solid #151515; box-sizing:border-box;}
.step02 li.sbox08.on div {border-radius:50%; width:70px; height:70px; background:url(../img/step02_05_s.png)no-repeat 0 0; box-shadow:0px 8px 20px rgba(0,0,0,0.3); border:none;}
.step02 li.sbox08.on p {color:#28398a;}
.step02 li.sbox09 div {border-radius:50%; width:70px; height:70px; background:url(../img/step02_06.png)no-repeat 0 0; border:1px solid #151515; box-sizing:border-box;}
.step02 li.sbox09.on div {border-radius:50%; width:70px; height:70px; background:url(../img/step02_06_s.png)no-repeat 0 0; box-shadow:0px 8px 20px rgba(0,0,0,0.3); border:none;}
.step02 li.sbox09.on p {color:#28398a;}
.step02 li:first-child {margin-left:0;}
.step02 li:nth-child(4) {margin-left:0}
.step02 li p {font-size:14px; margin-top:10px;}
.step02 div.btnArea {width:250px; margin:0 auto; display:flex; justify-content:space-between; flex-direction:row; margin:0 auto}
.step02 button {width:120px; height:50px; border-radius:30px; text-align:center; color:#fff; background:#151515}
.step02 button.gray {background:#dddddd; color:#151515}
.step02 button span.next {margin-right:10px;}
.step02 button span.prev {margin-right:10px;}


.step03 {display:none}
.step03 h2 {width:350px; text-align:center; font-size:18px; font-family:Noto Sans KR Medium; margin-top:47px;}
.step03 h2 span {background:url(../img/tag_bg.png)repeat-x 0 bottom; color:#28398a}
.step03 h2 span.dp {display:block;}
.step03 h3 {width:350px; text-align:center; font-size:14px; font-family:Noto Sans KR DemiLight; margin-top:20px; color:#999999;}
.step03 h3 span {color:#151515}
.step03 h3 span.font {}
.step03 div.layerCon {width:300px; margin-top:40px; margin-left:30px}
.step03 div.layerCon ul.layerCont {width:700px; height:170px; margin-top:0; position:relative; cursor:pointer;}
.stepSbpx {width:300px; height:190px;}
.step03 div.layerCon li {width:113px; float:left; text-align:center;}
.step03 div.layerCon li h4 {font-family:Noto Sans KR Medium; font-size:14px; text-align:center}
.step03 div.layerCon li p {line-height:16px; font-size:12px; color:#666666; text-align:center; height:40px}
.step03 div.layerCon li p span {display:block}
.step03 div.layerCon li img {text-align:center}
.step03 div.layerS {width:100%; height:6px; background:url(../img/layerS_bg.png)repeat-x 0 center; overflow:hidden}
.step03 div.layerS img {vertical-align:top}
.step03 div.btn {width:66px; height:6px}
#bar {width:66px; height:6px; cursor:pointer}
.step03 button {width:250px; height:50px; border-radius:30px; background:#28398a; text-align:center; color:#fff; font-size:15px; margin:15px 0 0 32px;}
.target {height:auto;}
.visualWrap {width:100%; overflow:hidden; margin:0 auto; height:100%; position:relative;}

.infoBox {background:#f6f6f6; width:100%; height:35px; border-radius:30px; letter-spacing:0}
.infoBox ul {padding:0 18px; display:flex; justify-content:space-between;}
.infoBox li {font-size:13px; color:#888; line-height:35px}



/*------------------------------------------------------------------- sub end ----------------------------------------------------------------------------------------------------------------------*/

.slick-slider .slick-track, .slick-slider .slick-list {}

/* footer */
.footerWrap {width:100%; background:#fff; height:140px; position:relative;}
.footerWrap.sub {padding-top:40px; box-sizing:border-box; border-top:1px solid #eeeeee; clear:both;}
.footerWrap.mt {margin-top:140px}
.footerWrap a {display:inline-block; position:absolute; width:50px; height:50px; top:65px; right:30px; z-index:50;}
.footer {width:1140px; margin:0 auto; display:flex; align-items:center;}
.footer.main {padding-top:0;}
.footer h1 {}
.footer h1 img {vertical-align:middle;}
.footer h2 {float:right}
.footer h2 img {vertical-align:middle;}
.footer ul {margin-left:82px;}
.footer li {font-size:13px; margin-top:10px; letter-spacing:0;}
.footer li:first-child {font-size:14px; font-family:Noto Sans KR DemiLight; margin-top:0;}
.footer li span.color {color:#151515;}
.footer li span.dp {display:block;}
.footer li:last-child {margin-top:7px;}

.mfooter {display:none;}

.topBtn {position:absolute; bottom:20px; right:30px; cursor:pointer;z-index:1}

.fp-tableCell {height:140px !important}
.section.n3 p.pc.inforText{padding: 0 391px; color: #9c9c9c;}
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {height:auto !important;}
#fp-nav {right:40px;}
#fp-nav ul {background:url(../img/main_page_bg.png)no-repeat 0 0; height:96px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {background:url(../img/main_page_on.png)no-repeat 0 0; width:12px; height:12px; border-radius:0; margin:0}
#fp-nav ul li a span, .fp-slidesNav ul li a span {width:12px; height:12px; background:url(../img/main_page_off.png)no-repeat 0 0; border-radius:0;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {width:6px; height:6px; margin:0}
#fp-nav ul li a span, .fp-slidesNav ul li a span {left:0; top:0; margin:0; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:0;}

#fp-nav ul li .fp-tooltip {font-size:14px; color:#151515; font-family:Noto Sans KR DemiLight}
#fp-nav ul li .fp-tooltip.fp-right {right:40px;}
.fp-slidesNav ul li {margin-top:34px;}
.fp-slidesNav ul li:first-child {margin-top:0}
#fp-nav ul li .fp-tooltip {top:-2px}
#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip {right:25px}
#fp-nav ul li:last-child, .fp-slidesNav ul li:last-child {display:none}

#fp-nav ul li, .fp-slidesNav ul li {margin:0; margin-top:29px;}

.slick-dots {position:absolute}
.slick-initialized ul {display:inline-block}
.slick-slider {position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list {position:relative;display:block;overflow:hidden;margin:0;padding:0 !important}
.slick-list:focus {outline:none}
.slick-list.dragging {cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track {position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after {display:table;content:''}
.slick-track:after {clear:both}
.slick-loading .slick-track {visibility:hidden}
.slick-slide {display:none;float:left;/*height:100%;*/min-height:1px}
[dir='rtl'] .slick-slide {float:right}
.slick-slide img {display:block}
.slick-slide.slick-loading img {display:none}
.slick-slide.dragging img {pointer-events:none}
.slick-initialized .slick-slide {display:block}
.slick-loading .slick-slide {visibility:hidden}
.slick-vertical .slick-slide
 {display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden {}
.slick-next.slick-arrow, .slick-prev.slick-arrow {display:none !important;}
.slick-dots {position:absolute;left:0 ; z-index:20; height:auto !important; text-align:center; margin-top:15px; left:50%; margin-left:-51px; bottom:40px}/* 0710 수정*/
.slick-dots li {display:inline-block; ;text-indent:-2000px; border:0; width:30px; height:4px; margin:5px; background:rgba(255,255,255,0.2)!important; overflow:hidden; cursor:pointer; padding:0; bottom:0;}
.slick-dots .slick-active {width:30px; height:4px; background:rgba(255,255,255,1)!important}
.slick-initialized .slick-slide {outline:none;}
.slick-list {overflow:unset !important}
.slick-dots li {width:30px; height:4px;background:rgba(255,255,255,0.2); margin:0 2px;}

.bannerSilde ul.slick-dots {position:absolute; top:32px; z-index:20; height:auto;text-align:center;margin-top:0; margin-left:0; left:270px; margin-top:0; bottom:0; width:60px; height:10px;}
.bannerSilde ul.slick-dots li {width:10px; height:10px; border-radius:50%; cursor:pointer; border:1px solid #fff; box-sizing:border-box; background:none!important}
.bannerSilde ul.slick-dots .slick-active {wwidth:10px; height:10px; background:rgba(255,255,255,1)!important ; border:0}

.leftCfArea ul.slick-dots {position:absolute; top:-40px; z-index:20; height:auto;text-align:center;margin-top:0; margin-left:-50px; left:50%; margin-top:0; bottom:0; width:100px; height:10px; display:flex; justify-content:space-between; flex-direction:row;}
.leftCfArea ul.slick-dots li {width:20px; height:20px; background:url(../img/cf_li.png)no-repeat 0 0 !important;}
.leftCfArea ul.slick-dots .slick-active {width:20px; height:20px; background:url(../img/cf_li_p.png)no-repeat 0 0 !important;}
.cfinfon {display:none}
.cfinfon000 {display:block;}

.rkflaakr {
	/* display:block; */
	display:none;
	width: 200px;
	height: 40px;
	position:absolute;
	right: 70px;
	top: 30px;
	background-color:#F7F7F7;
	z-index: 3;
	
}

.tladml  {
	font-size:11px;
	position:absolute;
	right: 0;
	top: 40px;
	z-index: 4;
	color: #888;
	border:1px solid rgba(136,136,136,0.3);
	padding: 0px;
	width: 163px;
	text-align:center;
	letter-spacing:-1px;
}

.tladml.mobile {
	display:none;
}


/*--------------------------------------------------------------------------------------------------------------------------------------------*/
@media(max-width:1140px) {

	.tladml.pc {
		display:none;
	}

	.tladml.mobile {
		font-size:10px;
		display:block;
		right: 20px;
		top: 20px;
	}


	.rkflaakr {
		display:block;
		width: 400px;
		height: 90px;
		position:absolute;
		right: 0;
		top: 0px;
		background-color:#F7F7F7;
		z-index: 3;
	}

	.contVisual div.img::before {
		display: none;
	}
	/* .center.first02 {width:32%} */
	.n2 div.fp-tableCell {margin-top:10px}
	.mscroll {width:22px; height:46px; position:absolute; left:50%; margin-left:-11px; top:1045px; z-index:500}
	.fp-viewing-anchor2 div.mainWrap div.main {background:#fff!important;}
	.fp-viewing-anchor3 div.mainWrap div.main {background:#fff!important;}
	.fp-viewing-anchor2 div.mainWrap div.main a.logo {width:67px; height:21px; background:url(../img/m_logo02.png)no-repeat 0 0; display:inline-block}
	.fp-viewing-anchor3 div.mainWrap div.main a.logo {width:67px; height:21px; background:url(../img/m_logo02.png)no-repeat 0 0; display:inline-block}
	/*.fp-viewing-anchor2 div.mainWrap div.main div.mainxbtn {background:url(../img/mMenu3.png)no-repeat;}*/
	/*.fp-viewing-anchor3 div.mainWrap div.main div.mainxbtn {background:url(../img/mMenu3.png)no-repeat;}*/
	.topWrap.main a.logo {width:67px; height:21px; background:url(../img/m_logo03.png)no-repeat;background-size:cover;}
	.topWrap.main a.logo.on {background:url(../img/m_logo02.png)no-repeat}
	.topWrap.main.position {width:100%; left:0%; position:fixed; margin-left:0}
	.footerWrap.mt {margin-top:85px;}
	.cfRight h1, .cfmo h1 {margin-left:0;}
	.visual li div.wrap {width:100%; margin:0 auto; padding-top:60px;}
	.visual p img {width:120px; margin-bottom:20px;}
	.visual .moblie {position:relative; top:inherit; left:inherit; width:100%; text-align:center;}
	.visual .moblie img {width:100%;margin-bottom:-4px;}
	.visual h1 img {margin-top:0; padding-top:0; width:250px;}	
	.visual h2 img {width:320px;}
	.visual li div.wrap {min-height:100px;}

    .topWrap.sub .moblie { width: 66px !important; }

	.subTop.fixed {height:65px;}
	.subTitle a.right {right:20px}
	.subTitle a.left {left:20px}
	.topWrap.main {padding:0 20px; box-sizing:border-box; margin-top:0; width:100%; left:0; margin-left:0; height:60px;}
	.topWrap.main.on {background:#fff;}
	#fullpage {height:auto !important;}
	.section {overflow:hidden}
	.pc {display:none !important}
	.moblie {display:block !important}
	.section.n3 div.moblie.inforBox {padding: 723px 20px;}
	.section.n3 div.moblie.inforBox p.moblie.inforText {font-size: 18px; color: #9c9c9c;}
	.main03 h1.title span.dn {display:block}
	.bmaxBB div p.pc {display:none}
	.bmaxBB div p.moblie {display:block;}
	.lineUp li h1.pc {display:none;}
	.lineUp li h1.moblie {display:block;}
	.lineUp li p.pc {display:none;}
	.lineUp li p.moblie {display:block;}
	.slider {width:100%; overflow:hidden}
	.subTop {height:60px; padding:0 20px; box-sizing:border-box;}
	.topWrap {width:100%; height: 60px; line-height:normal;}
	.topWrap.main .row {
		align-items:center;
	}
	.topWrap.sub { border-bottom:none; align-items:center; line-height:normal; border-bottom: 1px solid #eeeeee;}
	.topWrap.sub ul {display:none}
	.topWrap a { }
	.topWrap a img.moblie {display:inline-block; width:100%;}
	.topWrap.main a img.moblie {margin-top:0; width: 66px;}
	.mMenu {display:inline-block; width:29px; height:25px; position:relative;}
	.mMenu button {width:29px; height:25px; background:url(../img/mMenu.png)no-repeat; cursor:pointer;}
	.subTop.fixed > .topWrap.sub {line-height:65px}
	
	.banner01 h1{font-size:24px;}

	.mMenu.main button {width:29px; height:25px; background:url(../img/mMenu2.png)no-repeat; cursor:pointer; }
	.mainxbtn button {width:29px; height:25px; background:url(../img/mMenu2.png)no-repeat; cursor:pointer; }
	.mainxbtn.on {background:url(../img/mMenu3.png)no-repeat;}
	.xbtn {background:url(../img/mMenu_x.png)no-repeat !important;}	
	.xbtn_main {background:url(../img/mMenu_x.png)no-repeat !important;}	
	.moblieMenu ul {display:block !important}
	.contWrap, .subTitleWrap {width:100%;}
	.subTitle {line-height:90px; height:90px; padding:0 20px; box-sizing:border-box;}
	.subTitle h1{font-size:25px}
	.subTitle h1 img {width:130px;} 
	.subTitle a {line-height:90px; top:13px} /*0829*/
	.subTitle a img {width:30px; height:auto}
	.contVisual div.img {position:relative; left: 0;}
	.contVisual div.img img {width:100%;}
	.contVisual {margin-left: 10px; height:auto; width:calc( 100% - 20px );}
	.lineupbb {margin-left: 10px;  height:auto;width:calc( 100% - 20px );}
	.contVisual.active {width:calc( 100% - 20px );}
	.contVisual.active div.text h5.colorBlack, .contVisual.meta div.text h5.colorBlack, .contVisual.mgactive div.text h5.colorBlack,  .contVisual.lineupbb div.text h5.colorBlack, .contVisual.gold div.text h5.colorBlack, .contVisual.ace div.text h5.colorBlack {font-size:30px; margin-left:0;} /*190725*/
	.contVisual.gold {width:calc( 100% - 20px );}
	.contVisual.ace {width:calc( 100% - 20px );}	
	.contVisual.meta {width:calc( 100% - 20px );}
	.contVisual.mgactive {width:calc( 100% - 20px );}
	.contVisual.mNo5 {width:calc( 100% - 20px );height:auto}
	.contVisual.mNo6 {width:calc( 100% - 20px );height:auto}
	.contVisual.mNo2 {height:auto; width:calc( 100% - 20px );}
	.contVisual.mNo3 {height:500px; background:#f6f6f6 url(../img/2024-m_sub_cont_12_v03.png)no-repeat right bottom; width:calc( 100% - 20px );background-size:contain}
	.contVisual div.text h1 {display:none;}
	.contVisual div.text {padding-top:70px; padding-left:80px;}
	
	.w1140 {width:100%; padding:0 20px; box-sizing:border-box}
	.tag h1 {font-size:36px;background:url(../img/tag_bg.png)repeat-x 0 38px; line-height:56px; margin-bottom:30px}
	.tag h1 span {display:block;}
	.tag h1 span.line {background:url(../img/tag_bg.png)repeat-x 0 38px;display:inline-block}
	.tag h1.colorR {background:url(../img/tag_bg_red.png)repeat-x 0 38px;}
	.tag h1.colorR.pc {display:none}
	.tag h1.colorR span.line {background:url(../img/tag_bg_red.png)repeat-x 0 38px;}
	.tag h1.colorG {background:url(../img/tag_bg_gold.png)repeat-x 0 38px; margin-bottom:30px}
	.tag h1.colorG span.line {background:url(../img/tag_bg_gold.png)repeat-x 0 38px;}
	.tag h1.colorB {background:url(../img/tag_bg_blue.png)repeat-x 0 38px; margin-bottom:30px}
	.tag h1.colorB span.line {background:url(../img/tag_bg_blue.png)repeat-x 0 38px;}
	.tag h1.colorB2 {background:url(../img/tag_bg_blue2.png)repeat-x 0 38px; margin-bottom:30px}
	.tag h1.colorB2 span.line {background:url(../img/tag_bg_blue2.png)repeat-x 0 38px;}
	.tabWrap {height:80px; box-shadow:0px 2px 10px rgba(0,0,0,0.08);}
	.tabWrap ul {width:100%;}
	.tabWrap li {width:25%}
	.tabWrap li a {width:100%; text-align:center; line-height:80px; font-size:15px}

	.tabBox01 div.box {display:block; text-align:center; margin-top:30px; padding:0;}
	.tabBox01 div.info {width:100%;}
	.tabBox01 div.info .txt_nowrap {text-indent:0px;}
	.tabBox01 div.info div.infoWrap.flexs {width:auto;}
	.tabBox01 div.info div.infoWrap {justify-content:space-between;}
	.tabBox01 div li {text-align:left; font-size:36px; line-height:60px ; background:url(../img/tab_list_bg.png)no-repeat 0 20px;}
	.tabBox01 div ul.red li {background:url(../img/tab_list_bg02.png) no-repeat 0 20px;}
	.tabWrap.mt {margin-top:30px}
	.contBanner {background:#f6f6f6 url(../img/m_cont_banner_bg_02_v03.png) no-repeat center bottom; height:520px; padding-left:0;background-size:80%}/*0710 수정*/
	.contBanner h1 {text-align:center; font-size:40px}
	.contBanner h2 {text-align:center; font-size:30px; line-height:40px}
	.contBanner p {text-align:center; font-size:24px; line-height:32px}
	.tabBox02 h1 {font-family:Noto Sans KR Medium;}
	.tabBox02 h2 {font-family:Noto Sans KR DemiLight;}
	.tabBox02 h1 span.dp {display:block;}
	.tabBox02 h2 span.dp {display:block;}
	.tabBox02 div.info02 {display:block; margin-top:10px; overflow:hidden; padding:0}	/*0710 수정*/
	.tabBox02 div.info02_01{margin-bottom:0px;}
	.tabBox02 div.info02 div {float:left; width:50%; margin-top:20px}/*0710 수정*/
	.tabBox02 div.info02 div img {width:70%}
	.tabBox02 div.info04 div .lastGray {margin-top:30px;} /*0822 수정*/
	.tabBox02 h1 span.dp {display:block;}
	.tabBox03 h1 {font-family:Noto Sans KR Medium;}
	.tabBox03 h2 span.dp {display:block;}
	.ads{ font-size: 10px;
    display: block;
    right: 20px;
    top: 20px;}
	.tabBox04 h1 {font-family:Noto Sans KR Medium;}
	
	.Tbox {display:block}
	.Tbox p.lh249 {line-height:36px}
	.Tbox p.lh44 {line-height:36px}
	.Tbox ul {padding-right:0}
	.Tbox li {width:100%}
	
	.tabBox05 div.mapWrap {display:block;}
	.mapList {width:100%; margin-top:50px; display:inline-block}
	.mapArea {width:100% ; box-shadow:0px 0px 12px rgba(0,0,0,0.2);}
	.mapArea img {width:100%}
	.selectArea button {display:none}
	.selectArea select.select02 {width:calc( 50% - 20px);float:right}
	.selectArea select.select01 {width:calc( 50% - 20px)}
	.search {margin-left:0px; width:100%; margin-top:30px}
	.selectArea {height:100%}
	.search input[type=text] {width:100%}
	.footerWrap.sub {padding:25px 0}
	.footer {display:none}
	.mfooter {display:inline-block; text-align:center; width:100%;}
	.mfooter p {margin-top:15px; line-height:16px; font-size:12px}
	.mfooter p span {font-family:Noto Sans KR Regular;}
	.tabBox03 p img {width:100%}
	.center,
	.center.first,
	.center.first02,
	.center.first03 {width:33.3%}
	
	.type_a	.center,
	.type_a	.center.first,
	.type_a	.center.first02,
	.type_a	.center.first03 {width:50%}
	.iMg {width:100%}
	.listTable li h3 {background:none}
	.pageWrap ul {width:calc( 100% - 60px);overflow:hidden;height:30px; display:block}
	.pageWrap li {width:20%; float:left; text-align:center}
	.reference {margin-top:120px; margin-bottom:100px}
	.w1140.paddB60 {padding-bottom:0px}
	.footerWrap {height:auto}
	.topBtn {top:107px; right:15px}
	.contP {width:100%}
	.contP li div.img {float:none; text-align:center;margin-right:0px}
	.contP li div.text {float:none; text-align:center;}
	.contP li div.text h4 {text-align:center; font-size:32px;}
	.contBg {height:956px}
	.contP h3 span {display:block;}
	.contP li div.text p {text-align:center; font-size:26px; line-height:36px;}
	.contP ul {justify-content:center}
	.contP02 {padding:0 20px; box-sizing:border-box}
	.contP02 ul {display:block; overflow:hidden}
	.contP02 li {width:45%; float:left}
	
	.contP02 li:nth-child(2),.contP02 li:nth-child(4) {float:right;}
	.contP02 li p {width:100%; height:230px}
	.reference li span.dp {display:block}
	.reference li.line {line-height:15px}
	.tabBox02 div.info03 {display:block; margin-bottom:50px ; margin-top:30px}
	.tabBox02 div.info03 img {width:100%}
	.tabBox02 div.info04 {display:block ; padding:0 0px;}
	.tabBox02 div.info04 div {width:100%; !margin-top:35px}
	.tabBox02 div.info04 div p img {width:100%}
	.tabBox02 div.info03 ul {margin-top:0}
	.tabBox02 div.info03 li span.dp {display:block}
	.tabBox02 div.info03 li {line-height:20px; background:url(../img/info03_li.png)no-repeat 0 8px; margin-top:15px; font-size:14px}
	.tabBox02 div.info03 li span.dp {display:block}
	.Tbox p.lh139 {line-height:36px}
	.pa {padding:0 20px; box-sizing:border-box}
	.Tbox p.lh104 {line-height:36px}
	.tabBox02 div.info05 {display:block; overflow:hidden; padding:0 ;}
	.tabBox02 div.info05 div {float:left; width:50%}
	.info05 p.moblie {display:block}
	.tabBox02 div.info05 div p {margin-top:10px; height:100px;}
	.contVisual div.text h4.marginT span {display:block}
	.bt {margin-bottom:0 !important}
	.contVisual.mNo5 {height:auto}
	.contVisual div.text04 h2 {font-size:40px;}
	.contVisual div.text04 h3.color {font-size:26px;}
	.contVisual div.text04 {padding-left:50px; padding-top:80px;}
	.contVisual div.text04 h3 {font-size:26px;}
	.w1140 {width:100%}
	.searchWrap {width:100%;height:187px; margin-top:-289px; padding:45px 70px;}
	.pd30 {padding:0 30px}
	.selectArea button.dp {display:block}
	.cfWrap {width:100%; display:block}
	.cfRight {width:100%; border-top:0; padding-top:0px; padding-left:0; height:auto;}
	.cfRight h1 span.pcdp {display:inline-block; font-size:20px}
	.cfRight p {margin-top:17px}
	.sns {position:relative; left:0px; bottom:0px; margin-top:40px}
	.mcfWrap {width:100%;}
	.leftBox {width:100%;}
	
	.leftBox ul {overflow:hidden}
	.cfArea {position:relative; display:block;}

	.leftCf img,.leftCfTop img {width:100%; height:100%}
	.leftCfTop {width:100%; height:100%;}
	.cfp {width:100%; height:100%; padding-top:50px; overflow:hidden; left:0; bottom:0; position:absolute}
	.leftCfArea.mt {margin-top:170px}
	.cfRight {margin-top:50px}
	.mainWrap {height:auto}
	.visual {width:100%; /*height:1064px; background:url(../img/m_main_bg.png)no-repeat center bottom*/}
	.main01 {height:auto; /*height:1140px;*/}
	.visual li {width:100%}
	.main02,.main03 {width:100%; display:block;padding:0 20px; box-sizing:border-box; height:auto;}
	.fp-tableCell {display:block; height:auto !important}
	.rightBox {width:100%;margin-top:60px;overflow:hidden;}

	.fp-section.fp-table, .fp-slide.fp-table {display:block; height:auto !important;}
	.bmaxBB {width:100%; display:block;}
	.bmaxBB div p {text-align:left;}
	.bmaxBB div h2 {text-align:left; font-size:26px}
	.bmaxBox,.leftBox02 {width:100%; display:block}
	.lineUp,.lineUp ul {width:100%;}
	.section.n2.fp-section.fp-table, .fp-slide.fp-table {height:auto !important}
	#section3 {height:2185px !important; padding:100px 0; box-sizing:border-box}
	.section {padding-bottom:100px;}
	.banner01 {float:left; width:50%; background:#e7f2f9;height:430px; padding:40px 42px;}
	.banner02 {float:right; height:430px; background:#c1dcec; width:50%; padding:40px 42px}
	.bannerSilde {height:430px; width:50%;}
	.banner01 p, .banner02 p {font-size:24px}
	.banner01 h1, {font-size:36px; margin-top:40px; line-height:40px;}
	.banner01 h2 {font-size:30px}
	.banner01 h3 {font-size:24px; line-height:32px; margin-top:70px}
	.banner02 h1 {font-size:35px; margin-top:80px; line-height:36px;}
	.banner02 .banner02-text {margin-top:40px;width:140px}
	.bannerSilde ul.slick-dots {top:45px;left:300px}
	.flex {display:flex; border-bottom:1px solid #dfdfdf ; padding:30px 0}
	.bmaxBB div h1 {font-size:48px; width:230px; text-align:left;}
	.bmaxBB div h2 {font-size:30px;}
	.bmaxBB div p {font-size:26px; line-height:36px}
	.lineUp ul,.lineUp li,.lineUp li div.line {height:420px;}
	.lineUp {height:420px; box-shadow:0px 0px 7px rgba(0,0,0,0.15);}
	.lineUp li {padding-top:50px;}
	.lineUp li div.line p.moblie {display:block}
	.lineUpImg {width:100%; overflow:hidden}
	.lineUpImg img {width:100%; height:100%;}
	.lineUp li div.line p {font-size:26px}
	.lineUp li div.line h1 {font-size:32px; line-height:40px}
	.lineUp li div.line h2 a {background:none; font-size:40px; margin-top:10px;}
  .lineUp li div.line h2 a span.small-text {font-size: 20px;}
	
	.bannerWrap {width:100%}
	.banner03 {width:100%; height:280px; background:url(../img/2025-m_banner3.png)no-repeat right top; background-size:auto 100% !important; background-color:#0A2F88; border-top-right-radius:40px;}
	.banner04 {width:100%; height:320px; background:url(../img/m_banner_04.png)no-repeat right top;}
	.bannerWrap {margin-top:60px}
	.banner03 p {font-size:24px}
	.banner03,.banner04 {padding:40px;}
	.banner04 h2 {font-size:26px; line-height:36px}
	.banner03 h1,.banner04 h1 {font-size:30px;}
	.banner04 p {font-size:24px;}
	.mfooter.mt {margin-top:40px}
	.visualWrap {width:100%; /*height:1142px;*/     margin-top:0;}
	.main01 {background:#ffffff/*url(../img/m_main_visual_bg01.png)*/no-repeat center/cover; background-size:100% 100%;}
/* 	#section1 {height:1142px!important} */
	.visual p {font-size:30px; margin-top:60px; text-align:center}
/* 	.visual li {height:100%; background:url(../img/m_main_bg02.png) no-repeat center bottom; background-size:95%;} */
	.visual button {border:0; margin:0 auto; margin-top:20px; width:80px}
	.visual li div {height:auto}
	#section2 {height:1268px!important; padding:100px 0; box-sizing:border-box}
	.visual li div img.dp {display:inline-block!important}
	.layerBtn {left:290px; top:14px;}
	.step02 li.sbox04 div {width:54px; height:54px; background-size:contain;}
	.step02 li.sbox04.on div {width:54px; height:54px; background-size:contain; box-shadow:0px 3px 7px rgba(0,0,0,0.3);}
	.step02 li.sbox05 div {width:54px; height:54px; background-size:contain;}
	.step02 li.sbox05.on div {width:54px; height:54px; background-size:contain; box-shadow:0px 3px 7px rgba(0,0,0,0.3);}
	.step02 li.sbox06 div {width:54px; height:54px; background-size:contain;}
	.step02 li.sbox06.on div {width:54px; height:54px; background-size:contain; box-shadow:0px 3px 7px rgba(0,0,0,0.3);}
	.step02 li.sbox07 div {width:54px; height:54px; background-size:contain;}
	.step02 li.sbox07.on div {width:54px; height:54px; background-size:contain; box-shadow:0px 3px 7px rgba(0,0,0,0.3);}
	.step02 li.sbox08 div {width:54px; height:54px; background-size:contain;}
	.step02 li.sbox08.on div {width:54px; height:54px; background-size:contain; box-shadow:0px 3px 7px rgba(0,0,0,0.3);}
	.step02 li.sbox09 div {width:54px; height:54px; background-size:contain;}
	.step02 li.sbox09.on div {width:54px; height:54px; background-size:contain; box-shadow:0px 3px 7px rgba(0,0,0,0.3);}
	.tabBox02.pt {padding-top:0 !important}
	.reference li {font-size:13px;}
	.Tbox li h3 {font-size:13px;}
	.Tbox li h2 {font-size:16px;}
	.listTable li {padding:13px 0;}
	.pa20 {padding:0 20px 0px 20px;}
	.infoBox {height:200px; border-radius:7px; margin-top:60px}
	.infoBox ul {display:block; padding-top:30px; padding-left:30px}
	.infoBox li {font-size:24px;letter-spacing:-1px;}
	.infoBox li span {display:block; margin-left:50px}
	.tabBox02 h1 span.pcdp {display:block;}
	.flex.line {border:0}
	.contVisual div.text h5 span {font-size:14px}
	.tabBox02 div.info03 li.text {text-align:center; background:none}/*0710추가*/
	.tabBox02 div.info03 li.text span {}

	.tabBox06  h3 {font-size:25px; display:block;}
	.tabBox06 .tab06_town {display:block;}
	.tabBox02 div.info04 .info04_graph{flex-flow:column;}
	.tabBox02 div.info04 .info04_graph::after {left: 0px;width: 90vw;}
	.tabBox02.target .info04.v02 .info04_txt>h2{margin:0;}

}

@media(max-width:768px) {
	.tag.life {margin-bottom:15px}
	.subTitle h1 .lineup_logoImg {width:200px;} /*190726*/

	.visual p img {width:80px; margin-bottom:0;}
	.visual h1 img {width:170px;}
	.visual h2 img {width:200px; margin-top:10px;}
	.visual button {margin-top:0;}

	.contVisual div.text h1 {display:none;}
	.contVisual div.text {padding-top:40px; padding-left:30px;}
	.contVisual div.text02 {padding-top:40px; padding-left:30px;}
	/* .contVisual {height:250px;} */ 
	/* .contVisual.mNo2 {height:200px;} */
	.contVisual.mNo3 {height:250px;}
	.contVisual div.text h2.colorBlack {background:none;} /*190726*/
	.contVisual div.text h2 {font-size:18px; line-height:24px; padding-bottom:20px; margin-top:0px; letter-spacing:-1px;}
	.contVisual div.text h3 {font-size:13px; margin-top:20px}
	.contVisual div.text h4 {font-size:15px;}
	.contVisual div.text h5 img {width:160px; margin-top:0; margin-bottom:40px;}
	.contVisual div.text02 h2 {font-size:20px; line-height:24px; padding-bottom:10px; margin-top:0px; letter-spacing:-2px} /*190726*/
	.contVisual div.text02 h2 span img {width:100px; margin-top:5px;}

	.contVisual div.text02 h3 {font-size:13px; margin-top:0px}
	.contVisual div.text02 h3 span {display:block}

	.contVisual div.text03 h1 {font-size:20px; /* background:url(../img/tag_bg.png)repeat-x 0 20px; */}
	.contVisual div.text03 h1 + span {width:30px; margin-top:0;}
	.contVisual div.text03 h1 + span img {width:100%}
	.m_nobg {background:none;}

	.tag {margin-top:60px;}
	.tag h1 {font-size:18px; background:url(../img/tag_bg.png)repeat-x 0 19px; line-height:28px; margin-bottom:30px;}	
	.tag h1 span.line {background:url(../img/tag_bg.png)repeat-x 0 19px;display:inline-block}
	.tabWrap {height:40px}	
	.tabWrap li a {width:100%; text-align:center; line-height:40px; font-size:15px}
	.tabBox01 h1 {font-size:17px;}
	.tabBox01 div li {font-size:25px; background:url(../img/m_tab_list_bg.png)no-repeat 0 15px ; line-height:40px; padding-left:20px;}
	.tabBox01 div ul.red li {font-size:25px; background:url(../img/m_tab_list_bg02.png)no-repeat 0 15px ; line-height:40px; padding-left:20px;}
	.tabBox01 div ul.gold li {font-size:25px; background:url(../img/m_tab_list_bg03.png)no-repeat 0 15px ; line-height:40px; padding-left:20px;}
	.tabBox01 div ul.blue li {font-size:25px; background:url(../img/m_tab_list_bg04.png)no-repeat 0 15px ; line-height:40px; padding-left:20px;}
	.tabBox01 div ul.blue02 li {font-size:25px; background:url(../img/m_tab_list_bg05.png)no-repeat 0 15px ; line-height:40px; padding-left:20px;}
	.tabBox01 div ul.orange li {font-size:25px; background:url(../img/m_tab_list_bg06.png)no-repeat 0 15px ; line-height:40px; padding-left:20px;}
	.tabBox01 div.info div.infoWrap.flexs {width:auto;} 
	.tabBox01 div.info div.infoWrap {justify-content:space-between;} /*190726*/
	.tabBox01 div.info div.infoWrap p {font-size:14px;} 

	.contVisual div.text h2.colorb {margin-top:0;}
	.contVisual div.text h2.colorb2 {margin-top:0;}
	.contVisual div.text h4.marginT {margin-top:20px;}
	.bannerSilde p.goods {top:16px;left:20px;}	
	
	
	.contBanner {height:261px; margin-top:45px; padding-top:30px; background:#f6f6f6 url(../img/m_cont_banner_bg_02_v03.png) no-repeat center bottom; background-size:80%;}

	.contBanner h1 {font-size:20px}
	.contBanner h2 {font-size:15px; line-height:17px; margin-top:21px}
	.contBanner p {font-size:12px; line-height:14px; margin-top:10px}
	
	.tabBox02 h1 {font-size:20px;}
	.tabBox02 h1 span, .tabBox03 h1 span {font-size:15px;}
	.tabBox02 h1 span.mospan {margin-left: -2px;}
	.tabBox02 h1 span.mospan2 {margin-left: 1px;}
	.tabBox02 h2 {font-size:14px; margin-top:15px; line-height:22px}
	.tabBox02 h2.margin-span{margin-top: 20px; font-weight: inherit;}
	.tabBox02.metab_h2_font h2{font-size:14px; margin-top:15px; line-height:22px}
	.tabBox02 h3 {font-size:15px; margin-top:15px; line-height:22px}
	.tabBox03 h1 {font-size:17px;}
	.tabBox03 h2 {font-size:15px; margin-top:15px; line-height:22px}
	.tabBox04 h1 {font-size:20px;}
	.tabBox04 h2 {font-size:15px; margin-top:15px; line-height:22px}
	.mapArea {height:360px}
	.mapArea img {height:100%}
	.tabBox01 {padding-top:40px ; margin-top:-20px;}
	.tabBox01 div.box {margin-top:0px;}
	.tabBox02 {padding-top:80px}
	.tabBox02 div.info02 div p {font-size:14px; width:calc( 100% - 20px );}/*0710 수정*/
	.tabBox03 {margin-top:50px;}
	.tabBox03 p {margin-top:30px;}
	.tabBox04 {padding-top:80px}
	.padding_top {padding-top:0;}
	.tabBox04 div.table {margin-top:20px;}
	.tabBox04 h1 span {font-size:12px;}
	.Tbox {padding:25px 0; line-height:28px;}
	.Tbox li h2 {margin-top:0}
	.listTable li h2 {font-size:15px;}
	.listTable li h2 span {margin-top:6px; font-size:13px}
	.contBg {margin-top:60px; height:auto; padding:0 20px; box-sizing:border-box; padding-bottom:60px}
	.contP h2 {font-size:20px;}
	.contP h3 {font-size:15px; margin-top:15px; line-height:22px;}
	.contP li div.text h4 {font-size:16px; margin-top:20px;}
	.contP li div.text p {font-size:13px; line-height:18px; margin-top:10px;}
	.contP ul {margin-top:30px}
	.contP02 h1 {font-size:15px;}
	.contP02 h1 {width:120px; height:30px; background:url(../img/m_title.png)no-repeat 0 0; line-height:30px}
	.contP02 {margin-top:30px;}
	.contP02 ul {margin-top:20px;}
	.contP02 li h2 {font-size:16px; border-bottom:3px solid #151515; padding-bottom:13px;} 
	.contP02 li p {font-size:13px; line-height:18px; margin-top:20px; height:130px;}
	.contWrap {padding-bottom:0px;}
	.contP li img {width:70%}
	.contVisual.mNo3 {height:250px; background:#f6f6f6 url(../img/2025-m_sub_cont_12_v04.png)no-repeat right bottom; background-size:contain}
	.contVisual div.text03 {padding-top:50px; font-size:20px}
	.contVisual div.text03 img {width:30px;vertical-align:middle;}
	.contVisual div.text03 h2 {font-size:15px; margin-top:15px}
	.contWrap.p {padding-bottom:80px;}
	.tabBox02 div.info03 li {font-size:14px;}
	.tabBox02 div.info03 {margin-bottom:50px;}
	.tabBox02 div.info04 div h1 {width:200px; height:26px; font-size:14px; line-height:26px; box-shadow:0px 0px 7px rgba(0,0,0,0.4);}
	.tag h1 {margin-bottom:0px}
	.tag h1.colorR {background:url(../img/tag_bg_red.png)repeat-x 0 18px; margin-bottom:0}
	.tag h1.colorR span.line {background:url(../img/tag_bg_red.png)repeat-x 0 18px;}
	.tag h1.colorG {background:url(../img/tag_bg_gold.png)repeat-x 0 18px; margin-bottom:00px}
	.tag h1.colorG span.line {background:url(../img/tag_bg_gold.png)repeat-x 0 18px;}
	.tag h1.colorB span.line {background:url(../img/tag_bg_blue.png)repeat-x 0 18px;}
	.tag h1.colorB {background:url(../img/tag_bg_blue.png)repeat-x 0 18px; margin-bottom:00px}
	.tag h1.colorB2 {background:url(../img/tag_bg_blue2.png)repeat-x 0 18px; margin-bottom:0}
	.tag h1.colorB2  span.line {background:url(../img/tag_bg_blue2.png)repeat-x 0 18px;}
	.tabBox02 div.info03 li {font-size:14px}
	.tabBox02 h1.mt {margin-top:50px;}
	.tabBox02 div.info03.mt {margin-top:30px; margin-bottom:0px;}
	.tabBox02 div.info03 ul.mt {margin-top:20px;}
	.tabBox02 div.info04 {margin-top:30px;}
	.tabBox02 div.info04.mobile-margin-bottom{margin-bottom:75px;}
	.tag h1.colorB2 {}
	.tabBox02 h2.mt {margin-top:20px}
	.tabBox02 div.info03 li.line {font-size:14px}
	.tabBox02 div.info03 li.line {font-size:14px}
	.tabBox02 div.info05 {margin-top:30px;}
	.tabBox02 div.info05 div p {height:90px}
	.tabBox01 h1,.tabBox05 h1,.tabBox04 h1, .tabBox02 h1 {font-size:20px}
	
	.tabBox06 .pc {display:none;}
	.tabBox06 .moblie {display:block; width:100%;}
	.tabBox06  h3 {display:none;}
	.tabBox06 .tab06_town {right:98px; top:65px;}

	.contVisual div.text04 h2 {font-size:20px;letter-spacing:-1px; line-height:25px;}
	.contVisual div.text04 h3.color {font-size:13px;}
	.contVisual div.text04 {padding-left:50px; padding-top:80px;}
	.contVisual.mNo5 {height:auto}
	.contVisual.mNo6 {height:auto}
	.contVisual div.text04 {padding-left:25px; padding-top:40px;}
	.contVisual div.text04 h3 {font-size:13px}
	.searchWrap {height:94px; margin-top:-209px; padding:15px 20px ; /*   margin-top:15px */}
	.search {margin-top:10px}
	.selectArea select.select01 {width:calc( 50% - 10px);}
	.selectArea select.select02 {width:calc( 50% - 10px);}
	.selectArea select.select02.ml {margin-left:0px}
	.pd30 {padding:0 10px;}
	/* .searchWrap {margin-top:-180px;} */
	.tabBox05 div.mapWrap.mt {margin-top:40px;}
	.mapArea.height {height:180px}
	.leftCfArea.mt {margin-top:85px}
	.leftCfArea ul.slick-dots {width:200px; height:20px !important; margin-left:-100px; top:-20px;}
	.leftCfArea ul.slick-dots li {width:10px; height:10px; background:url(../img/cf_li2.png)no-repeat 0 0 !important;margin:0 -48px;}
	.leftCfArea ul.slick-dots .slick-active {width:10px; height:10px; background:url(../img/cf_li_p2.png)no-repeat 0 0 !important;}
	.leftCfBtn {width:30px; height:30px; margin:0;}
	.leftCfBtn img {width:100%;}
	.leftCfArea {height:208px; margin-top:15px; box-shadow:0px 0px 7px rgba(0,0,0,0.15)}
	.cfArea {height:208px}
	.cfp {padding-top:0px;}
	.leftcfLife {width:50px; height:58px; margin-top:-29px; left:25px}
	.leftcfLife img {width:100%}
	.cfRight {margin-top:20px;}
	.cfRight h1 {font-size:20px}
	.cfRight p {font-size:14px; margin-top:15px}
	.sns li img {width:35px; height:auto}
	.sns {margin-top:20px}
	.layerPop {padding:0 20px; box-sizing:border-box}
	.layer {background:url(../img/m_layer_bg.png)no-repeat 0 0; background-size:contain; width:100%; height:400px; margin-left:-160px; margin-top:-200px ;left:50%;}
	.layer h1 {font-size:18px; line-height:45px; width:269px;}
	.step01,.step02,.step03 {width:270px;}
	.step01 {margin-top:15px;}
	.step01 h2,.step02 h2 {width:60px; height:20px; line-height:20px; font-size:10px;}
	.step02 {margin-top:15px;}
	.step01 h3,.step02 h3 {font-size:20px;}
	.step01 ul {height:184px; width:210px}
	.step01 li.sbox div {width:60px; height:60px; background-size:contain;}	
	.step01 li.sbox.on div {width:60px; height:60px; background-size:contain; box-shadow:0px 3px 7px rgba(0,0,0,0.3);}
	.step01 li.sbox02 div {width:60px; height:60px; background-size:contain;}
	.step01 li.sbox02.on div {width:60px; height:60px; background-size:contain; box-shadow:0px 3px 7px rgba(0,0,0,0.3);}
	.step01 li.sbox03 div {width:60px; height:60px; background-size:contain;}
	.step01 li.sbox03.on div {width:60px; height:60px; background-size:contain; box-shadow:0px 3px 7px rgba(0,0,0,0.3);}
	
	.step01 button {width:200px; height:40px}
	.step02 ul {width:202px; margin-top:10px; height:194px;}
	.step02 li {width:54px; float:left; margin-top:8px}
	.step02 li img {width:100%}
	.step02 ul.mg35 {margin-top:25px}
	.step02 ul.mg20 {margin-top:14px}
	.step02 li p {font-size:12px;}
	.step02 button {width:95px; height:40px;}
	.step02 div.btnArea {width:200px}
	.step03 h2 {font-size:15px; margin-top:23px; width:270px;}
	.step03 h3 {font-size:12px; margin-top:7px; width:270px;}
	.step03 div.layerCon {width:220px; /* margin:0 auto; */ margin:12px 0 0 13px;}
	.step03 div.layerS img {}
	.step03 div.layerCon li {width:85px}
	.step03 div.layerCon li img {width:80%}
	.step03 div.layerCon ul {margin-top:10px}
	.step03 div.layerCon li h4 {font-size:12px;letter-spacing:-2px;}
	.step03 div.layerCon li p {font-size:12px; line-height:15px; height:65px}
	.step03 button {width:200px; height:40px; margin:3px 0 0 12px;}
	.layerBtn img {width:24px; height:24px}
/* 	#section1 {height:570px!important;} */
	.visual p {font-size:15px; margin-bottom:10px; margin-top:20px;}
	.visual h1 {font-size:25px; margin-top:15px}
	/* .visual li div img {width:190px;} */
	.visual button img {width:40px !important}
	.visual button {margin-top:0px; width:40px;}
	/*.visual {height:499px; background:url(../img/m_main_bg02.png)no-repeat center bottom}*/
	.topWrap {margin-top:25px}
	.leftCf {height:200px}
	#section2 {height:585px!important; padding-top:50px}
	.leftTilte h1 {font-size:20px}
	.leftTilte a {font-size:10px}
	.rightBox {margin-top:30px;}
	.banner01,.banner02 {height:215px}
	.banner01 p, .banner02 p {font-size:15px}
	.banner01 h1 {font-size:15px; line-height:19px; margin-top:10px;}
	.banner01 h2 {font-size:17px; margin-top:16px; line-height:21px;}
	.banner01 h3 {font-size:10px; margin-top:30px;line-height:13px;}
	.banner01 {padding:15px; background-size:200%}
	.banner02 {padding:15px; background-size:180%;}
	.banner02 p {margin-top:10px;}
	.banner02 h1 {font-size:17px; line-height:19px;margin-top:30px}
	.banner02 .banner02-text {margin-top:10px; width:70px; font-size: 12px;}
	.bannerSilde ul.slick-dots {top:18px; left:57%;}
	#section3 {
		padding:50px 0 0px 0; 
		height:1180px !important;
		/* height:1135px !important; */
	}
	.main03 .main03_mobile {display:block; margin:50px 0 ;}
	.main03 .main03_mobile .detail_l {font-size:15px; margin:10px 0;}
	.main03 .main03_mobile .detail_s {font-size:12px; color:#666; margin-bottom:20px;}
	.main03 .main03_mobile  img {width:280px;}
	.main03 .main03_pc {display:none;}
	.section.n3 div.moblie.inforBox {padding: 135px 20px;}
	.section.n3 div.moblie.inforBox p.moblie.inforText {font-size: 12px; color: #9c9c9c;}


	.main03 h1.title {font-size:20px; font-family:Noto Sans KR DemiLight;line-height:20px;}
	.main03 h1.title span.line {}
	.main03 h1.title .br {display:block;}
	.bmaxBB div h2 {font-size:15px}
	.bmaxBB div p {font-size:13px; line-height:18px}
	.bmaxBB div h1 {font-size:24px; width:115px}
	.bmaxBB div h1.mt {margin-top:10px}
	.bmaxBB {margin-top:0}
	.flex {padding:10px 0}
	.bmaxBB div h2 {margin-top:0}
	.bmaxBB div p {margin-top:5px}
	.bmaxBB div h1 {margin-top:7px;}
	.bmaxBB {margin-top:15px}
	.bmaxBox {margin-top:42px}
	.leftBox02Title h1 {font-size:20px}
	.leftBox02TitleBtn li span {font-size:18px;line-height:18px; vertical-align:baseline !important;}
	.leftBox02TitleBtn li {font-size:18px; line-height:15px;}
	.leftBox02TitleBtn li img {width:20px}
	.leftBox02TitleBtn ul {align-items:center;}
	.leftBox02TitleBtn {width:117px}
	.lineUp ul, .lineUp li, .lineUp li div.line {height:210px}
	.lineUp {height:210px; margin-top:15px;}
	.lineUp li div.line h1 {font-size:18px; line-height:20px; margin-top:3px;}
	.lineUp li div.line p {font-size:12px;}
	.lineUp li div.line h2 a {font-size:21px;}
	.lineUp li div.line h2 a span.small-text {font-size:14px;}  
	.lineUp li {padding-top:25px; padding-left:20px}
	.lineUp li div.line p {margin-top:17px; line-height:16px;}
	.lineUp li div.line p span{font-size: 11px;}
	.lineUpImg {height:210px}
	.banner03 {height:150px; background-size:cover; padding:16px 20px}
	.banner03 p,.banner04 p {font-size:16px}
	.banner03 h1 {font-size:20px; margin-top:11px; line-height:25px;}
	.banner04 h1 {font-size:19px; margin-top:6px; line-height:20px;}
	.banner04 h2 {font-size:12px;line-height:17px; margin-top:8px;}
	.banner03 a img {width:35px}
	.banner03 a {margin-top:6px}
	.banner04 {padding:16px 20px; height:150px; background-size:cover; margin-top:15px;}
	.banner04 a {margin-top:8px;}
	.section {padding-bottom:20px}
	.bannerWrap {margin-top:30px}
/* 	.visual li {text-align:center;height:570px; background:url(../img/m_main_bg02.png)no-repeat center bottom; background-size:60%} */
	.topBtn {width:40px; height:40px}
	.leftTilte {height:20px}
	.nodata {height:204px;}
	.nodata img {text-align:center;}
	.nodata div {margin-top:60px}
	.nodata div p {font-size:15px; margin-top:20px}
	.stepSbpx {width:227px; height:180px; /* overflow:hidden */}
	.step03 div.layerCon ul.layerCont {width:350px}
	.step03 div.layerCon ul.layerCont {margin-top:10px;width:255px;}/* 190927 수정*/
	.contP h2 {margin-top:0;}
	
	.infoBox {height:140px; border-radius:7px; margin-top:30px}/* 0710 수정 */
	.infoBox ul {padding-top:20px; padding-left:20px;}/* 0710 수정 */
	.infoBox li {font-size:16px; line-height:25px}/* 0710 수정 */
	.infoBox li span {display:block; margin-left:50px}
	.reference {margin-top:60px; margin-bottom:50px}
	.mscroll {top:501px;}
	.info04.v02{font-size:12px;}
	.info04.v02 .info04_graph{margin:0;}
	.info04.v02 .info04_graph div:first-child{margin:0;}
	.tabBox02.target .info04.v02 .info04_txt>h2{font-size:13px;}
	.info04_txt .txt_list02{text-indent: 0px;}
	.info04_txt .txt_list02 li span{margin-left: 0px;}
	.info04.v02 .info04_txt>p.colorGray{margin-top: 0px;}
	/*.info04_txt.moblie>ul{padding-left: 14px;} */
	.txt_sub{font-size:10px;}
	.tabBox02 h1.v02 {font-weight:100;}
	.reference h1 span{font-weight:bold;}
	
}

@media(max-width:600px) {
/* 	.visual li {text-align:center;height:570px; background:url(../img/m_main_bg02.png)no-repeat center bottom; background-size:90%;} */
	.visual p img {width:80px; margin-bottom:0;}
	.visual h1 img {width:170px;}
	.visual h2 img {width:200px; margin-top:10px;}
	.visual button {margin-top:0;}
	
}

@media(max-width:414px) {	
	.banner02 {padding:15px; background-size:270%;}
	.mapArea {height:180px}
	.tabBox01 h1,.tabBox05 h1,.tabBox04 h1, .tabBox02 h1 {font-size:17px}
/* 	.visual li {text-align:center;height:570px; background:url(../img/m_main_bg02.png)no-repeat center bottom; background-size:contain} */
/* 	.visual li div.wrap {padding-top:35px;} */
	.visual p img {width:100px; margin-bottom:0;}
	.visual h1 img {width:190px;}
	.visual h2 img {width:220px; margin-top:10px;}
	.visual button {margin-top:0;}

	.tabBox01 div li {font-size:16px; background:url(../img/m_tab_list_bg05.png)no-repeat 0 8px ; line-height:26px; padding-left:20px;}
	.tabBox01 div ul.red li {font-size:16px; background:url(../img/m_tab_list_bg02.png)no-repeat 0 8px ; line-height:26px; padding-left:20px;}
	.tabBox01 div ul.gold li {font-size:16px; background:url(../img/m_tab_list_bg03.png)no-repeat 0 8px ; line-height:26px; padding-left:20px;}
	.tabBox01 div ul.blue li {font-size:16px; background:url(../img/m_tab_list_bg04.png)no-repeat 0 8px ; line-height:26px; padding-left:20px;}
	.tabBox01 div ul.blue02 li {font-size:16px; background:url(../img/m_tab_list_bg05.png)no-repeat 0 8px ; line-height:26px; padding-left:20px;}
	.tabBox01 div ul.orange li {font-size:16px; background:url(../img/m_tab_list_bg06.png)no-repeat 0 8px ; line-height:26px; padding-left:20px;}
	
	.tabBox02 div.info02 div p {width:calc( 100% - 10px );}
	.infoBox {height:100px;}
	.infoBox ul {padding-top:15px; padding-left:15px}
	.infoBox li {font-size:12px;line-height:18px;}
	.infoBox li span {display:block; margin-left:50px}
}

@media(max-width:375px) {	
	.banner02 {padding:15px; background-size:280%;}
/* 	.visual li div.wrap {height:auto; margin-top:30px;} */
    .visual p {margin-top:0;}
	.visual p img {width:100px; margin-bottom:0;}
	.visual h1 img {margin-top:0; padding-top:0; width:210px;}	
	.visual h2 img {width:240px; margin-top:20px;}
	.visual button {margin-top:0;}
}

@media(max-width:360px) {	
	.tabBox01 h1,.tabBox05 h1,.tabBox04 h1, .tabBox02 h1 {font-size:17px}
}

@media(max-width:320px) {	
	.banner01 h2 {margin-top:14px;}
	.banner02 {padding:15px; background-size:300%;}
	.banner02 .banner02-text {width:60px;}
	.banner02 h1 {font-size:16px; margin-top:30px;}

	.visual p img {width:80px;}
	.visual h1 img {width:170px;}
	.visual h2 img {width:200px;}



	/* .subTitle h1 {font-size:20px} */
	.subTitle {line-height:80px; height:80px;}
	.subTitle a {line-height:80px;}
	.contVisual div.text h2 {font-size:17px}
	.tabWrap li a {font-size:11px}
	.contVisual {height:224px;}
	.contVisual div.text {padding-top:35px;}
	.contVisual div.text h3 {font-size:11px}
	.contVisual div.text h4 {font-size:13px}
	.contVisual div.text h5 {font-size:21px}
	.contWrap {padding-bottom:0;}
	.tabBox01 {padding-top:35px;}
	.tabBox01 div.info {margin-top:36px;}
	.tabBox01 div.info div.infoWrap.marginT {margin-top:18px}
	.tabBox01 div.info div.infoWrap p {font-size:12px}
	.contBanner {height:232px; margin-top:40px;}
	.contBanner h2 {margin-top:15px;}
	.tabBox02 {padding-top:70px;}
	.tabBox02 h1 {font-size:17px}
	.tabBox02 h2 {font-size:13px; line-height:19px;}
	.tabBox02 h2 span {font-size:10px;}
	.tabBox02 div.info02 div {margin-top:20px}
	.tabBox03 h1 {font-size:17px}
	.tabBox03 h2 {font-size:13px; line-height:19px;}
	.tabBox02 div.info02 {margin-top:0}
	.tabBox03 p {margin-top:20px}
	.tabBox04 {padding-top:70px}
	.tabBox04 h1 {font-size:17px}
	.tabBox04 h1 span {font-size:10px}
	.Tbox {padding:20px 0;}
	.Tbox p {font-size:14px; line-height:17px}
	.Tbox li h2 {font-size:11px;line-height:20px;}
	.Tbox li h3 {font-size:11px ; line-height:20px}
	.tableInfo {font-size:10px}
	.tabBox05 h1 {font-size:20px}
	.tabBox04 h1 {font-size:20px}
	.tabBox02 h1 {font-size:17px}
	.tabBox01 h1 {font-size:20px}
	.tabBox04 {padding-top:70px;}
	.padding_top {padding-top:0;}
	.tabBox05 {padding-top:70px;}
	.tabBox02 {padding-top:70px;}
	.tabBox01 {padding-top:30px}
	.mapArea {height:160px}
	.listTable li h2 {font-size:14px}
	.listTable li h2 span {font-size:10px}
	.listTable li h1 {font-size:21px}
	.pageWrap {margin-top:20px;}
	.reference {margin-top:50px;}
	.reference li {font-size:11px;}
	.tabBox01 div li {font-size:16px;}
	.contP h2 {font-size:17px}
	.tag {margin-top:50px}
	.tabBox02.mNo2 {padding-top:20px;}
	.tabBox02 div.info02 div p {font-size:12px;}
	.contBg {margin-top:30px}
	.contP h2 {margin-top:20px;}
	.contP h3 {font-size:13px; line-height:20px}
	.contP li div.text h4 {font-size:14px;}
	.contP li div.text p {font-size:11px;}
	.contP02 li h2 {font-size:14px; padding-bottom:7px;}
	.contP02 li p {margin-top:15px}
	.reference {margin-top:30px;}
	
	.contVisual.mNo3 {background:#f6f6f6 url(../img/m_sub_cont_12.png)no-repeat right bottom; background-size:contain;}
	.tabBox02 div.info03 li {font-size:12px}
	.tag div p {font-size:16x;}
	.tag h1.colorR {margin-bottom:0px;font-size:16px}
	.tag h1.colorG {margin-bottom:0px;font-size:16px}
	.tag h1.colorB2 {margin-bottom:0px; font-size:16px}
	.tag h1.colorB2 {}
	.tabBox01 h1,.tabBox05 h1,.tabBox04 h1, .tabBox02 h1 {font-size:17px}
	.tabBox02 h3 {font-size:13px}
	.tabBox02 div.info03 li.line {font-size:12px; margin-top:15px; line-height:22px;}
	.tabBox02 div.info05 div p {font-size:12px; height:70px;}
	.searchWrap {margin-top:-170px}
	.tabBox05 div.mapWrap.mt {margin-top:36px;}
	.mapArea.height {height:160px;}
	.leftCfArea.mt {margin-top:75px}
	.cfArea,.leftCfArea {height:186px}
	.cfRight h1 {font-size:17px}
	.cfRight {padding-top:0}
	.cfRight p {font-size:12px}
	
	.layerBtn {left:250px}
	.layer {margin-left:-135px; margin-top:-170px;}
	
	.step01, .step02, .step03 {width:250px; margin-top:10px;}
	.step01 h3, .step02 h3 {font-size:18px;}
	.step01 ul {height:164px;}
	.step02 li {margin-top:5px}
	.step03 div.layerCon li p {font-size:10px; line-height:13px;height:68px}
	.step03 h2 {margin-top:5px}
	.step03 button {margin:-28px 0 0 2px;}
	.step01 ul {height:180px;}
	.step02 ul {margin-top:15px; height:165px;}
	.step03 h2 {width:250px}
	.layer h1 {width:239px;}
	 .leftCf img, .leftCfTop img img {height:auto;}
	 .banner01 h1 {font-size:14px}
	 .banner01 h2 {font-size:16px;line-height:18px}
	 .banner01 h3 {font-size:10px;margin-top: 20px;}
	 .main03 h1.title {font-size:17px}
	 .bmaxBB div p {font-size:11px}
	 .bmaxBB div h2 {font-size:12px}
	.bmaxBB div h1 {font-size:21px; width:100px;}
	.bmaxBox {margin-top:50px}
	.bannerWrap {margin-top:20px}
	.banner04 {margin-top:20px}
	#section3 {height:1027px !important;}
	.banner03 h1, .banner04 h1 {font-size:12px}
	.banner04 h2 {font-size:10px}
	
/* 	#section1 {height:507px !important;} */
	.visual {/*height:436px;*/ background-size:100%;}
	.visual h1 {font-size:28px}
	.visual button {margin-top:0}
	
	.section-footer {height:220px!important}
	
	.section {padding-bottom:20px}
		.step02 li.sbox04 div {width:48px; height:48px;}
	.step02 li.sbox04.on div {width:48px; height:48px;}
	.step02 li.sbox05 div {width:48px; height:48px;}
	.step02 li.sbox05.on div {width:48px; height:48px;}
	.step02 li.sbox06 div {width:48px; height:48px;}
	.step02 li.sbox06.on div {width:48px; height:48px;}
	.step02 li.sbox07 div {width:48px; height:48px;}
	.step02 li.sbox07.on div {width:48px; height:48px;}
	.step02 li.sbox08 div {width:48px; height:48px;}
	.step02 li.sbox08.on div {width:48px; height:48px;}
	.step02 li.sbox09 div {width:48px; height:48px;}
	.step02 li.sbox09.on div {width:48px; height:48px;}
	.step02 li p {margin-top:5px}
	.step03 div.layerCon li{width: 75px;}
	.step03 div.layerCon li img{width:70%}

/* 	.visual li {text-align:center;height:507px; background:url(../img/m_main_bg02.png)no-repeat center bottom; background-size:contain} */
	.infoBox li {font-size:11px}
	.mscroll {top:448px;}
	.tabBox02.target .info04.v02 .info04_txt>h2{font-size:11px;}
	.tabBox02 div.info04.v02 .info04_txt{font-size:10px;}
}


/* visualImg size */
@media(min-width:769px) {
	.visualImg {top:60px; left:-243px; width:1635px; transition:all 1s; -webkit-transition:all 1s;}
	.visualImg > img {width:100%;}
	.visual .btn_box {margin-left:0; transition:margin 1s; -webkit-transition:margin 1s;}
}

@media(min-width:769px) and (max-height:890px) {
	.visualImg {top:0; left:-143px; width:1435px; transition:all 1s; -webkit-transition:all 1s;}
	.visualImg > img {width:100%;}
	.visual .btn_box {margin-top:245px; margin-left:70px; transition:margin 1s; -webkit-transition:margin 1s;}
}

@media(min-width:769px) and (max-height:736px) {
	.visualImg {top:0; left:-43px; width:1235px; transition:all 1s; -webkit-transition:all 1s;}
	.visualImg > img {width:100%;}
	.visual .btn_box {margin-top:195px; margin-left:140px; transition:margin 1s; -webkit-transition:margin 1s;}
}

@media(min-width:769px) and (max-height:640px) {
	.visualImg {top:0; left:57px; width:1035px; transition:all 1s; -webkit-transition:all 1s;}
	.visualImg > img {width:100%;}
	.visual .btn_box {margin-top:140px; margin-left:210px; transition:margin 1s; -webkit-transition:margin 1s;}
}

@media(max-width:575px) {
	.rkflaakr {
		width: 300px;
		height: 50px;
	}
}

@media(max-width:375px) {
	.rkflaakr {
		width: 300px;
		height: 40px;
	}
}