@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
/* @import url("../fonts/pretendard.css"); */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td {
	word-break: keep-all;
	word-wrap: break-word;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important; color:#333333; margin:0; padding:0; letter-spacing: -0.025em; font-family:"Nanum Gothic", "나눔고딕", "맑은 고딕","Malgun Gothic",  "Nanum Gothic", "NotoSansKR","굴림", Gulim,'돋움',dotum,Helvetica,sans-serif; font-weight:400; }
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
fieldset, img, abbr,acronym { border:0 none; }
ol, ul { list-style:none; }
table {border-collapse: separate; border-spacing:0; border:0 none;}
caption, th, td {text-align:left; font-weight: normal; border:0;}
address, caption, strong, em, cite {font-weight:normal; font-style:normal;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote,q {quotes:"" "";}
legend, #header h2, #slogan h2, #footer h2, .blind, .sr-only {position:absolute; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0;}
a {text-decoration:none; color:#000000;}
a:hover {text-decoration:none;}

body {}
.ml05 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.mt16 {margin-top:16px !important;}
.mt18 {margin-top:18px !important;}
.mt20 {margin-top:20px !important;}
.mt24 {margin-top:24px !important;}
.mt25 {margin-top:25px !important;}
.mt26 {margin-top:26px !important;}
.mt35 {margin-top:35px !important;}
.mt48 {margin-top:48px !important;}
.mt50 {margin-top:50px !important;}
.mt52 {margin-top:52px !important;}
.mt68 {margin-top:68px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt23 {margin-top:23px !important;}
.mt30 {margin-top:30px !important;}
.mt38 {margin-top:38px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt47 {margin-top:47px !important;}
.mt48 {margin-top:48px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt64 {margin-top:64px !important;}
.mt67 {margin-top:67px !important;}
.mt83 {margin-top:83px !important;}
.mt87 {margin-top:87px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt96 {margin-top:96px !important;}
.mt114 {margin-top:114px !important;}
.mt140 {margin-top:140px !important;}
.mt167 {margin-top:167px !important;}
.mb04 {margin-bottom:4px !important;}
.mt04 {margin-top:4px !important;}

.pdt23 {padding-top:23px !important;}
.pdt26 {padding-top:26px !important;}
.elip1 {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.elip2 {display:block; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-break:keep-all;}
.elip3 {display:block; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-break:keep-all;}
.elip4 {display:block; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:4; -webkit-box-orient: vertical; word-break:keep-all;}
.elip5 {display:block; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:5; -webkit-box-orient: vertical; word-break:keep-all;}
.elip6 {display:block; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:6; -webkit-box-orient: vertical; word-break:keep-all;}

.brd_none {border:0px !important;}

.cl:after {content:""; display:block; clear:both;}

.top {transition:all 0.2s ease; height:90px; z-index:100; position:fixed; top:0; left:0; right:0; padding:0 60px;}
.top.on h1 a {background:url(../img/logo01.png) center no-repeat; background-size:contain;}
.top.on h1 {top:12px;}
.top.on .gnb {margin-top:12px;}
.top.on .gnb ul li a {color:#000000;}
.top.on {background:#ffffff; height:60px;}
.top h1 a {display:block; background:url(../img/logo01_wht.png) center no-repeat; width: 192px;height: 57px; background-size:contain;}
.top .gnb {transition:all 0.2s ease;margin:0 auto;margin-top:29px;display: flex;flex-direction: row;justify-content: center;}
.top .gnb ul {display:flex; margin:0 -32px;}
.top .gnb ul li {padding:0 16px;}
.top .gnb ul li a {transition:all 0.2s ease; display:block; font-weight:700; font-size:18px; line-height:32px; color:#ffffff;}
.top h1 {position:absolute;  top:27px;}
.top:after {content:""; display:block; clear:both;}
.selcn01 {position:absolute; top:27px; right:40px;}
.selcn01 ul li {float:left; margin-left:14px;}
.selcn01 ul li a {transition:all 0.2s ease; display:block; font-size:18px; line-height:32px; color:#ffffff;}
.selcn01 ul li a.on {font-weight:700;}
.top.on .selcn01 {top:12px;}
.top.on .selcn01 ul li a {color:#000000;}
.top.on {box-shadow:1px 1px 1px 1px rgba(0,0,0,0.05);border-bottom: 2px solid #008fd5;}

.top.on h1 a {width:220px; height:37px;}
.top.active {background:#ffffff;box-shadow: 0px 6px 5px rgb(0 0 0 / 5%);}
.top.active h1 a {filter:none;}
.top.active .gnb ul li a {color:#000000;}
.top.active .gnb {margin-top:29px;}
.m1d {position:relative; height:100dvh;}
.m1d:before {content:""; display:block; position:absolute; top:0; left:0; z-index:1; background:url(../img/m1d_mask01.png) center repeat-x; height:170px; right:0;}
.m1d .video_wrap {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:flex;
}

.m1d .video_wrap video {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.m1d_txt01 p {text-align:center;}
.m1d_txt01 {z-index:2;display:flex;flex-direction: row;position:absolute;top:0;left:0;bottom:0;right:0;align-items: center;}
.m1d_txt01 p {text-align:center; color:#ffffff;}

.m1d_txt01 .dv1 {width: 100%;background:url(../img/m1d_img01.png) center no-repeat;background-size:contain;padding: 162px 0;}
.m1d_txt01 .w1 {opacity:0.5; transition:all 0.8s ease; transform:translateY(30px); text-shadow: 6px 7px 10px rgb(0 0 0 / 90%);font-weight:700;font-size:43px;line-height:56px;}
.m1d_txt01 .w2 {opacity:0.5; transition:all 1s ease; transform:translateY(-30px); margin-top:22px;font-weight:200;font-size:24px;line-height:30px;text-shadow: 6px 7px 10px rgb(0 0 0 / 90%);}



.m1d.ani .m1d_txt01 .w1 {opacity:1; transform:translateY(0px);}
.m1d.ani .m1d_txt01 .w2 {opacity:1; transform:translateY(0px);}



.m2d {position:relative; min-height:1200px;}
/*.m2d:before {background:url(../img/m2d_bg01_01.png) top center no-repeat; background-size:100% auto; content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; }

.m2d:after {z-index:2;background:url(../img/m2d_bg02.png) bottom center no-repeat; background-size:100% auto; content:""; display:block; position:absolute; bottom:0; left:0; right:0; height:679px;}
*/
.m2d .sdv01 {position:relative; z-index:3; background:url(../img/m2d_bg01_02.png) top center repeat-y; background-size:100% auto;}

.m2d .box01 .img01 img {margin:0 auto;display:block; max-width:270px;}
.m2d .box01 .w1 {transform:translateY(-50px); opacity:0.5; transition:all 1.2s ease; font-size:35px;line-height:52px;font-weight:600;text-align:center;margin-top:26px;padding: 0 20px;}
.m2d .box01 .w2 {transform:translateY(-70px); opacity:0.5; transition:all 1.2s ease; margin-top:20px; font-size:22px; line-height:29px; text-align:center; font-weight:300; color:#232323;}

.m2d .box01 .img01 img {transform:translateY(-40px); opacity:0.5; transition:all 1.2s ease;}

.m2d.ani .box01 .img01 img{opacity:1; transform:translateY(0px);}
.m2d.ani .box01 .w1 {opacity:1; transform:translateY(0px);}
.m2d.ani .box01 .w2 {opacity:1; transform:translateY(0px);}


.m2d .sbox01.tp01 .img01 {transition:all 1.0s ease; transform:scale(0.6);}
.m2d .sbox01.tp01 .txt01 {opacity:0.5; transition:all 1.0s ease; transform:translateX(15%);}
.m2d .sbox01.tp02 .txt01 {opacity:0.5; transition:all 1.0s ease; transform:translateX(-15%);}
.m2d .sbox01.tp03 .img01 {transition:all 1.0s ease; transform:scale(0.6);}
.m2d .sbox01.tp03 .txt01 {opacity:0.5; transition:all 1.0s ease; transform:translateX(-15%);}
.m2d .sbox01.tp04 .img01 {transition:all 1.0s ease; transform:scale(0.6);}
.m2d .sbox01.tp04 .txt01 {opacity:0.5; transition:all 1.0s ease; transform:translateX(15%);}


.m2d .sbox01.tp01.ani .img01 {transform: scale(1.0);}
.m2d .sbox01.tp01.ani .txt01 {opacity:1;transform: translateX(0);}
.m2d .sbox01.tp02.ani .txt01 {opacity:1;transform: translateX(0);}
.m2d .sbox01.tp03.ani .img01 {transform: scale(1.0);}
.m2d .sbox01.tp03.ani .txt01 {opacity:1;transform: translateX(0);}
.m2d .sbox01.tp04.ani .img01 {transform: scale(1.0);}
.m2d .sbox01.tp04.ani .txt01 {opacity:1;transform: translateX(0);}




.m2d .bg_img01 {display:block; width:100%;}
.m2d .box02 {margin-top:177px;}
.in {margin:0 auto; max-width:1200px; padding:0 20px;}

.m2d .sbox01 .in {display:flex;}
.m2d .sbox01 .in .txt01 {box-sizing:border-box;padding-left:90px;/* height:100%; */display: flex;align-self: end;padding-bottom: 33px;}
.m2d .sbox01 .in .txt01_in {/* display:flex; *//* flex-direction:column; */height: 100%;}
.m2d .sbox01 .img01 {margin-left:-21px;}
.m2d .sbox01 .txt01 .w1 {font-weight:800; font-size:86px; line-height:100px; -webkit-text-stroke: 2px #000000; text-stroke: 2px #000000; color: transparent;}
.m2d .sbox01 .txt01 .w2 {font-weight:500; font-size:32px; line-height:40px; margin-top:30px;}
.m2d .sbox01 .txt01 .w3 {margin-top:4px;}
.m2d .sbox01 .txt01 .w3 strong {display:inline-block; font-weight:700; font-size:60px;}
.m2d .sbox01 .txt01 .w3 span {display:inline-block;  font-size:48px; line-height:72px; font-weight:500;}
.m2d .sbox01 .txt01 .w3 strong span {font-weight:700;}
.m2d .sbox01.tp02 {margin-top:100px;}
.m2d .sbox01.tp02 .in .txt01 {padding-left:0px;}


.m2d .sbox01.tp03 {margin-top:-140px;}
.m2d .sbox01.tp03  .in .txt01 {padding-left:0px;padding-right:90px;}
.m2d .sbox01.tp03  .in .txt01 p {text-align:right;}


.m2d .sbox01.tp04 {margin-top:180px;}

.m3d {display:flex; flex-wrap:wrap;}
.m3d .box01 {position:relative; text-align:center; display:flex; align-items:center; height:100dvh; width:25%; background-repeat:no-repeat; background-size:cover; background-position:center;}
.m3d .box01.tp01 {background-image:url(../img/m3d_img01.png);}
.m3d .box01.tp02 {background-image:url(../img/m3d_img02.png);}
.m3d .box01.tp03 {background-image:url(../img/m3d_img03.png);}
.m3d .box01.tp04 {background-image:url(../img/m3d_img04.png);}
.m3d .box01:before {content:""; display:block; position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.52);}
.m3d .box01 .dv1 {position:relative;z-index:2;width:100%;/* align-items: center; *//* display: table; */}
.m3d .box01 .dv1 .w1 {font-size:48px;line-height:48px;font-weight:900;color:rgba(255,255,255,0.43);height: 96px;display: inline-flex;/* width: 100%; */align-self: center;/* vertical-align: middle; *//* display: table-cell; *//* width: 100%; */align-items: center;}
.m3d .box01 .dv1 .w2 {margin-top:62px; font-size:36px; line-height:40px; font-weight:600; color:#ffffff;}
.m3d .box01 .dv1 .w3 {margin-top:30px; font-size:20px; line-height:24px; font-weight:600; color:#ffffff;}

@media all and (max-width:1400px) {
	.m3d .box01 {width:50%; height:50vh;}
}
.m4d {padding-top: 160px;background:url(../img/m4d_bg01.png) center no-repeat;background-size:cover;padding-bottom: 160px;}
.m4d_tit h2 {font-size:48px; line-height:56px; font-weight:700; text-align:center;}
.m4d_tit .w1 {margin-top:14px; font-size:24px; line-height:30px; text-align:center;}
.m4d_con ul {display:flex; flex-wrap:wrap;}
.m4d_con ul li {height:150px;width:25%;display: flex;align-items: center;/* align-self: center; */padding: 30px 0;}
.m4d_con ul li img {display:block;/* align-items: center; */margin: 0 auto;max-width: 100%;max-height: 100%;object-fit: contain;}
.m4d_con {margin-top:30px;}

.m5d {display:flex;}
.m5d .box01 {width:50%;background:#dddddd;display: flex;}
.m5d .box01 img {display:block;max-width:100%;align-self: end;}

.m5d .box02 {background:#3c3b3b;width:50%;box-sizing: border-box;padding: 189px 100px;/* align-content: center; *//* display: flex; */}
.m5d .box02 .w1 {color:#ffffff; font-size:28px; line-height:36px; font-weight:600;}
.m5d .box02 .w2 {margin-top:56px; color:#ffffff; font-size:18px; line-height:24px;}
.m5d .box02 .w3 {margin-top:48px; color:#ffffff; font-size:18px; line-height:36px;}
.m5d .box02 .w3 strong {margin-left:10px; color:#ffffff; font-size:30px; line-height:36px; }
.m5d .box02 .sbox01 {/* display: inline-flex; *//* flex-direction: column; *//* align-self: center; */}
.m5d .box02  .w4 img {display:block; max-width:360px; width:100%;}
.m5d .box02  .w4 {margin-top:20px;}

.m6d {background:#000000;}
.m6d .box01 {max-width:1200px; margin:0 auto; padding:0 20px;}
.m6d .box01 .sbox01 {margin-right:50%;box-sizing:border-box;padding: 170px 0 355px 0;}
.m6d .box01 h2 {color:#ffffff; font-size:48px; line-height:56px; font-weight:600;}
.m6d .box01 .w1 {margin-top:32px; color:#ffffff; font-size:18px; line-height:24px; font-weight:500;}
.m6d .box01 .w2{margin-top:16px; font-size:18px; line-height:24px; color:#ffffff;}
.m6d .box01 .w3 {color:#ffffff; margin-top:28px;}
.m6d .box01 .w3 dl {display:flex; padding:4px 0;}
.m6d .box01 .w3 dl dt {width:66px; font-size:18px; line-height:24px; color:#ffffff;}
.m6d .box01 .w3 dl dd {font-size:18px; line-height:24px; color:#ffffff;}
.m6d .box02 {width:50%; position:absolute; top:0; right:0; bottom:0;}
.m6d .box01 .sbox01 {background:url(../img/img_contact01.png) right bottom no-repeat;background-position: 300% 110%;}



.m6d .box01 .sbox01 {}
.footer {padding:36px 0; background:#ffffff;}
.footer .box01 {float:left;}
.footer .box01 h1 {float:left; margin-top:6px;}
.footer .box01 h1 a {display:block;}
.footer .box01 h1 a img {display:block; width:231px;}
.footer .box01 .w1 {float:left; margin-left:55px;}
.footer .box02 {float:left;}
.footer .box01 .w1 .e1 .r1 {font-size:14px; line-height:20px; font-weight:300; display:inline-block;}
.footer .box01 .w1 .e1 .r2 {margin-top:4px; font-size:14px; line-height:20px; font-weight:300; display:inline-block;}
.footer .box01 .w1 .e2 {font-size:14px; line-height:20px; font-weight:300;}
.footer .box02 {float:right;}
.footer .box02 .w2 p{padding-top:24px;font-size:12px; line-height:18px; color:#666666;}

.mtop {display:none;z-index:101; position:fixed; top:0; left:0; right:0; height:50px;}
.mtop h1 a {display:block;background:url(../img/logo01_wht.png) center no-repeat;width: 106px;height: 50px;background-size:contain; }
.mtop h1 {margin-left: 15px;}

.mtop.sub h1 a {background:url(../img/logo01.png) center no-repeat; background-size:contain;}

.gnb_btn_wp {
	float: left;
	display: block;
	width: 24px;
	height: 20px;
	padding: 15px 13px;
}
.mtop_mbtn {position:absolute;top:0;right: 4px;}

.gnb_btn {
	width: 24px;
	/* margin-left: 40px; */
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: stretch;
	justify-content: center;
	align-items: flex-start;
}
.gnb_btn span{position:relative;top:0;display:block;width:100%;height: 2px;background:#ffffff;transform:rotate(0);transition:0.5s all;}
.gnb_btn span:nth-child(2){width:80%;margin: 7px 0;transition:0.5s width;}
.gnb_btn:hover span:nth-child(2){width:100%;transition:0.5s width;}
.gnb_btn.active span:nth-child(1){top: 9px;transform:rotate(45deg);transition:0.5s all;}
.gnb_btn.active span:nth-child(2){width:0;transition:0.1s all;}
.gnb_btn.active span:nth-child(3){top: -9px;transform:rotate(-45deg);transition:0.5s all;}

.mtop.sub .gnb_btn span {background:#008fd5;}
.mtop.color h1 a {filter:invert(1);}
.mtop.color .gnb_btn span {background:#000000;}

.mtop.active h1 a {background:url(../img/logo01.png) center no-repeat;background-size:contain;}
.mtop.active .gnb_btn span {background:#000000;}
.mtop.sub.active .gnb_btn span {background:#008fd5;}
.mmenu01 {transition:all 0.2s ease; display:none; opacity:0; z-index:100;background:#ffffff; position:fixed; top:0px; left:0; bottom:0; right:0;}
.mmenu01.active {opacity:1;}
.mmenu01 .box01 {margin-top:50px;display: flex;height: calc(100dvh - 101px);width: 100%; }
.mmenu01 ul {display:flex;flex-direction: column;height: 100%;width: 100%;}
.mmenu01 ul li {
	position: relative;
	display: flex;
	flex: 1;
	width: 100%;
	justify-content: center;
	flex-direction: column;

}
.mmenu01 ul li a {
	text-align: center;
	display: flex;
	/* flex-direction: column; */
	/* justify-content: center; */
	font-weight: 600;
	display: flex;
	vertical-align: middle;
	font-size: 20px;
	text-align: center;
	height: 100%;
	flex-direction: column;
	justify-content: center;

}
.mmenu01 ul li:after {content:"";width:20px;left:50%;margin-left:-10px;height:1px; bottom:0px;background:#999999;display: block;position: absolute;}
.mmenu01 ul li:last-child:after {display:none;}

.mtop.sub {background:#ffffff; box-shadow:1px 1px 1px rgba(0,0,0,0.15);}

.mselcn01 {border-top:1px solid #f8f8f8;}
.mselcn01 ul  {display:block; text-align:center;}
.mselcn01 ul li {display:inline-block;position:relative; width: auto;height: auto;}
.mselcn01 ul li + li {padding-left:11px;margin-left:8px;}
.mselcn01 ul li + li :before {content:"";display:block;position:absolute;left:0;top:19px;width:1px;height:12px;background: #aaaaaa;}
.mselcn01 ul li:after {display:none;}
.mselcn01 ul li a {font-size:15px;font-weight:400;display: block;line-height: 50px;}
.mselcn01 ul li a.on {font-weight:700;}




@media all and (max-width:1400px) {
	.m2d .sbox01 .img01 {width:50%; margin-left:0px;}
	.m2d .sbox01 .in .txt01 {width:50%; padding-left:40px;}
	.m2d .sbox01 .txt01 .w1 {font-size:48px; line-height:52px;}
	.m2d .sbox01 .txt01 .w2 {margin-top:15px; font-size:24px; line-height:32px;}
	.m2d .sbox01 .txt01 .w3 strong {font-size: 38px;line-height: 44px;}
	.m2d .sbox01 .txt01 .w3 span {font-size:24px;line-height: 44px;}
	.m2d .sbox01.tp03 .in .txt01 {padding-right:40px;}

	.m3d .box01 .dv1 .w1 {font-size:30px; line-height:30px; height:60px;}
	.m3d .box01 .dv1 .w2 {margin-top:24px; font-size:24px; line-height:28px;}
	.m3d .box01 .dv1 .w3 {padding:0 10px;margin-top:10px; font-size:18px; line-height:24px;}
	.m5d .box02 {padding:50px 50px;}
	.m5d .box02 .w4 img {max-width:280px;}
	.m5d .box02 .w2 {margin-top:24px;}

}

@media all and (max-width:1200px) {
	.m4d_con ul li {width:33.33%;}
	.m4d_con ul li {padding:15px 20px; box-sizing: border-box;}
	.m5d .box01 {width:40%;}
	.m5d .box02 {width:60%; padding:40px;}
	.m5d .box02 .w1 {font-size:24px; line-height:28px;}
	.m5d .box02 .w2 {font-size:16px; line-height:22px;}
	.m5d .box02 .w3 {margin-top:24px; font-size:16px; line-height:24px;}

	.m5d .box02 .w3 strong {font-size:20px; line-height:24px;}
	.m5d .box02 .w4 {margin-top:10px;}
	.m5d .box02 .w4 img {max-width:180px;}
}

@media all and (max-width:1024px) {
	.top {display:none;}
	.mtop {display:block; }

}
@media all and (max-width:1023px) {
	.footer .box01 {float:none;}
	.footer .box01 h1 {float:none;text-align: center;}
	.footer .box01 h1 a {display:inline-block;}
	.footer .box01 .w1 {float: none;margin-left:0px;text-align: center;}
	.footer .box01 .w1 .e1 .r1 {}
	.footer .box01 .w1 .e1 .r2 {}
	.footer .box02 {float:none;}
	.footer .box02 .w2 {}
	.footer .box02 .w2 p {
		padding-top: 10px;
		text-align: center;
	}
	.footer {padding-top:20px;}

}



@media all and (max-width:768px) {
	
	
	.m2d .box01 .img01 img {width:130px;}
	.m1d_txt01 .dv1 {padding:50px 0;}
	.m1d_txt01 .w1 {padding:0 20px;font-size:24px; line-height:32px;}
	.m1d_txt01 .w2 {padding:0 20px;margin-top:10px; font-size:14px; line-height:18px;}
	.m2d .box01 .w1 {margin-top:15px; font-size:18px; line-height:24px;}
	.m2d .box01 .w2 {margin-top:10px;font-size:12px; line-height:16px;}

	.m2d .box02 {margin-top:50px;}
	.m2d .sbox01 .in {display:block;}
	.m2d .sbox01 .in .txt01 {width:auto;display:block;padding-left: 0px;}
	.m2d .sbox01.tp02 {margin-top:20px;}
	.m2d .sbox01.tp03 .in {display:flex; flex-direction: column-reverse;}
	.m2d .sbox01.tp03 {margin-top:20px;}
	.m2d .sbox01.tp03 .in .txt01 {margin-top:0px;padding-right: 0;}
	.m2d .sbox01.tp04 {margin-top:20px;}

	.m2d .sbox01 .txt01 .w1 {font-size:36px; line-height:40px; -webkit-text-stroke: 1px #000000;
		text-stroke: 1px #000000;}

	.m2d .sbox01 .txt01 .w2 {margin-top:10px; font-size:18px; line-height:24px;}
	.m2d .sbox01 .txt01 .w3 strong {font-size: 24px;
		line-height: 30px;}
	.m2d .sbox01 .txt01 .w3 span {font-size:16px; line-height:30px;}
	.sbox01.tp02 {text-align:right;}
	.m3d .box01 {width:100%; height:300px;}
	.m3d .box01 .dv1 .w1 {font-size:24px; line-height:24px; height:48px;}
	.m3d .box01 .dv1 .w2 {margin-top:24px; font-size:20px; line-height:24px;}
	.m3d .box01 .dv1 .w3 {padding:0 10px;margin-top:10px; font-size:15px; line-height:20px;}
	.m3d .box01 .dv1 .w3 br {display:none;}

	.m4d {padding:50px 0;}
	.m4d_tit h2 {font-size:24px; line-height:30px;}
	.m4d_tit .w1 {margin-top:8px; font-size:16px; line-height:22px;}
	.m4d_con ul li {width:50%;}
	.m4d_con ul li {padding:20px 20px; box-sizing: border-box; height:120px;}
	.m4d_con {margin-top:10px;}
	.m5d {flex-direction:column;}
	.m5d .box01 img {position:relative; z-index:2;}
	.m5d .box01 {width:100%;position:relative;}
	.m5d .box01:after {content:"CEO MESSAGE"; position:absolute; bottom:0; right:0; font-size:64px; line-height:64px; font-weight:700; color:rgba(0,0,0,0.1);}
	.m5d .box02 {width:100%; padding:30px 20px;}
	.m5d .box02 .w1 {font-size:20px; line-height:24px;}
	.m5d .box02 .w2 {font-size:15px; line-height:22px;}
	.m5d .box02 .w3 {margin-top:12px; font-size:15px; line-height:22px;}

	.m5d .box02 .w3 strong {font-size:20px; line-height:24px;}
	.m5d .box02 .w4 {margin-top:10px;}
	.m5d .box02 .w4 img {max-width:180px;}
	.m5d .box01 img {max-width:240px;}
}


.sc1d .bg01 {position:absolute; top:0; left:0; bottom:0; right:0;

	position: absolute;
	margin: auto;
	width: 100%;
	height: 100%;
	overflow: hidden;
	clip-path: 0 0;
	transform: translatez(0);
}
#section1 {overflow:hidden;}
.sc1d .bg01:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; 
z-index:2; background:url(../img/cptn01.png) repeat;}

.sc1d_dv01 {}
.sc1d_dv01 {position:absolute; top:0; right:0; left:0; bottom:0; }

.sc1d_in {position:relative; width:100vw; height:100dvh; }
.sc1d_slide {width:100vw; height:100dvh;}
.sc1d_dv01_sld {position:relative; height:100dvh;}
.sc1d_dv01 .bg01 img{
	transform: translatez(0);
	position: absolute;
	top: -100%;
	bottom: -100%;
	left: -100%;
	right: -100%;

	margin: auto;

	min-width: 100%;
	min-height: 100%;
}
.sc1d_dv01 video{
	transform: translatez(0);
	position: absolute;
	top: -100%;
	bottom: -100%;
	left: -100%;
	right: -100%;

	margin: auto;

	min-width: 100%;
	min-height: 100%;
}

.scal_txt01 {position:absolute; top:0; left:0; bottom:0; right:0; display:flex; flex-direction: column;justify-content: center;}
.scal_txt01 .in {text-align:center; }
.scal_txt01 .p01 {
	text-shadow: 3px 3px 3px rgba(0,0,0,0.55); 
	font-size: 30px; 
	font-weight: 600; 
	color: #ffffff;
	clip-path: inset(0 100% 0 0);
	transition: clip-path 0.8s ease-out;
}

.scal_txt01 .p02 {
	margin-top: 20px; 
	text-shadow: 3px 3px 3px rgba(0,0,0,0.55);   
	font-size: 58px; 
	line-height: 64px; 
	font-weight: 600; 
	color: #ffffff;
	clip-path: inset(0 100% 0 0);
	transition: clip-path 0.8s ease-out;
}


.insc1d_dv1_sld .scal_txt01 .p01 {
	text-shadow: 3px 3px 3px rgba(0,0,0,0.55); 
	font-size: 24px; 
	font-weight: 600; 
	color: #ffffff;
	clip-path: inset(0 100% 0 0);
	transition: clip-path 0.8s ease-out;
}

.insc1d_dv1_sld .scal_txt01 .p02 {
	margin-top: 10px; 
	text-shadow: 3px 3px 3px rgba(0,0,0,0.55);   
	font-size: 42px; 
	line-height: 52px; 
	font-weight: 600; 
	color: #ffffff;
	clip-path: inset(0 100% 0 0);
	transition: clip-path 0.8s ease-out;
}

.visual5.action .sc1d_dv01_slda .insc1d_dv1_sld:nth-child(1) .bg01{
	background:rgba(255,255,255,0.7);
}


.visual5.action .sc1d_dv01_slda .insc1d_dv1_sld:nth-child(2) .bg01{
	background:rgba(255,255,255,0.7);
}

.visual5.action .sc1d_dv01_slda .insc1d_dv1_sld:nth-child(3) .bg01{
	background:rgba(255,255,255,0.7);
}

.visual5.action .sc1d_dv01_slda .insc1d_dv1_sld:nth-child(4) .bg01{
	background:rgba(255,255,255,0.7);
}


.visual5.action .sc1d_dv01_slda .insc1d_dv1_sld:nth-child(2) .ani_scal1 .p01{
	transition-delay: 0.6s;
}

.visual5.action .sc1d_dv01_slda .insc1d_dv1_sld:nth-child(3) .ani_scal1 .p01{
	transition-delay: 1.2s;
}

.visual5.action .sc1d_dv01_slda .insc1d_dv1_sld:nth-child(2) .ani_scal1 .p02{
	transition-delay: 0.6s;
}

.visual5.action .sc1d_dv01_slda .insc1d_dv1_sld:nth-child(3) .ani_scal1 .p02{
	transition-delay: 1.2s;
}


.action .ani_scal1 .p01 {
	clip-path: inset(0 0 0 0);
	transition-delay: 0.3s;
}

.action .ani_scal1 .p02 {
	clip-path: inset(0 0 0 0);
	transition-delay: 0.8s;
}

.ani_scal2.action .p01{clip-path: inset(0 0 0 0);
	transition-delay: 0s;}
.ani_scal2.action .p02{clip-path: inset(0 0 0 0);
	transition-delay: 0.5s;}
	
.ani_scal2 .btn_more01 {
	transition-delay: 1s;
	opacity:0; transition: all 1s ease-out;
	transform: translateY(80px);
}

.ani_scal2.action .btn_more01 {opacity:1; transform:translateY(0px);}

.ani_scal1 .btn_more01a {
	transition-delay: 1s;
	opacity:0; transition: all 1s ease-out;
	transform: translateY(80px);
}

.section_inner>div.action .btn_more01a {opacity:1; transform:translateY(0px);}


/* 
.slick-slide .scal_txt01 .p01{text-shadow: 3px 3px 3px rgba(0,0,0,0.35); 
	font-size: 30px; 
	font-weight: 600; 
	color: #ffffff;
	clip-path: inset(0 100% 0 0);
	transition: clip-path 0.8s ease-out;}
.slick-slide .scal_txt01 .p02{margin-top: 20px; 
	text-shadow: 3px 3px 3px rgba(0,0,0,0.35);   
	font-size: 58px; 
	line-height: 64px; 
	font-weight: 600; 
	color: #ffffff;
	clip-path: inset(0 100% 0 0);
	transition: clip-path 0.8s ease-out;}
.slick-active .scal_txt01 .p01{clip-path: inset(0 0 0 0);
	transition-delay: 0.3s;}
.slick-active .scal_txt01 .p02{clip-path: inset(0 0 0 0);
	transition-delay: 0.8s;} */



.sc1d_in .icoArrow {
	box-shadow: 3px 3px 3px rgba(0,0,0,0.4); 
	border:0;
	border:2px solid #ffffff;
	padding:25px;
	border-radius:100%;
	display: inline-block;
	position: absolute;
	bottom: 39px;
	left: 50%;
	width: 66px;
	height: 66px;
	margin-left: -23px;
	background: url(../img/ico_arrow.png) no-repeat 50% 50%;
	-webkit-animation: visualArrow 0.5s infinite linear alternate;
	-moz-animation: visualArrow 0.5s infinite linear alternate;
	animation: visualArrow 0.5s infinite linear alternate;
}
@keyframes visualArrow {
	0% { bottom:39px }
	100% { bottom:29px }
}

.sc1d_txt01 {position:absolute; left:120px; bottom:24px; right:15px;}
.sc1d_txt01 .p00 {position:absolute; bottom:0; right:0; writing-mode: vertical-rl; font-size:24px; font-weight:700; color:#ffffff;}
.sc1d_txt01  .p01 {text-shadow:3px 3px 3px rgba(0,0,0,0.55);position:absolute; bottom:264px; left:0; font-size:30px; font-weight:600; color:#ffffff;}
.sc1d_txt01  .p02 {text-shadow:3px 3px 3px rgba(0,0,0,0.55); position:absolute; bottom:96px; left:0; font-size:58px; line-height:64px; font-weight:600; color:#ffffff;}
/*.sc1d_dv01.active .p00 {display:none;}*/
.sc1d_dv01.active .sc1d_txt01 {right:120px;}
.sc1d_dv01 {transition:all 0.3s ease;}
.sc1d_dv01.active .p00 {right:auto; left:0;}

/*.sc1d_dv01 .bg01 {zoom:1.5; transition:all 0.5s ease;}*/
/*.sc1d_dv01.active .bg01 {zoom:1;}*/

.sc1d_in.tp2 .sc1d_dv01.tp01 {right:60px; z-index:5;}
.sc1d_in.tp3 .sc1d_dv01.tp01 {right:60px; z-index:5;}
.sc1d_in.tp3 .sc1d_dv01.tp02 {right:0; z-index:1;}

.sc2d {padding:0 124px;}
.sc2d_in {border-top:1px solid #000000; border-bottom:1px solid #000000;}
.sc2d .lt h2 {font-size:34px; line-height:40px; font-weight:700;}
.sc2d .lt ul {margin-top:36px;}
.sc2d .lt {padding:36px 12px; width:25%;}
.sc2d .rt {width:75%; padding:32px 0px 0 0px; border-left:1px solid #000000;}
.sc2d .lt ul li a {color:#555555; font-size:24px; line-height:30px;}
.sc2d .lt ul li a.on {font-weight:700; color:#000000;}
.sc2d .lt ul li + li {margin-top:17px;}
.sc2d_in {display:flex; flex-direction: row;}
.sc2d .rt .p01 {padding-left:48px; padding-right:48px; font-size:40px; line-height:48px; font-weight:700;}
.sc2d .rt .p02 {padding-left:48px; padding-right:48px; font-size:20px; line-height:36px; margin-top:36px;}
.sc2d .rt .p03 {margin-top:45px; border-top:1px solid #000000;}
.sc2d .rt .p03 img {object-fit: cover;height:512px; display:block; width:100%;}
.sc2d {}
#section2 .sc2d_in {flex-direction: row-reverse;}
#section2 .sc2d_in .rt .p01 {padding-left:20px;}
#section2 .sc2d_in .rt .p02 {padding-left:20px;}
#section2 .sc2d_in .lt {padding-left:58px;}
#section2 .sc2d_in .rt  { border-left:0px; border-right:1px solid #000000;}
.sc2d {}
.sc2d_ul {overflow:hidden;}
.sc2d_ul li {float:left; width:50%;}
.sc2d_ul li .p02 {margin-top:24px !important;}
.sc2d_ul li + li + li {margin-top:48px;}
.section {height:100dvh; overflow:hidden;}
/* section1 */
.visual1 {
	width: 100%;
	height: 100%;
	position: relative;
	transform: scale(0.8);
	transition: transform 0.6s cubic-bezier(0, 0, 0, 0) 0.5s;
}

.visual1.action {
	transform: scale(1);
	transition-delay: 0s;
}


.visual2 {
	width: 100%;
	height: 100%;
	position: relative;
	transform: scale(0.8);
	transition: transform 0.6s cubic-bezier(0, 0, 0, 0) 0.5s;
}

.visual2.action {
	transform: scale(1);
	transition-delay: 0s;
}

.vis02 {position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/isugm02.jpg) center no-repeat;}
.vis02a {position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/isugm_a01_1.jpg) center no-repeat;}
.vis02_1 {position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/vis02_1.jpg) center no-repeat;}

.vis02_2 {position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/isugm02_2.jpg) center no-repeat;}

.vis02_3 {position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/isugm02_3.jpg) center no-repeat;}

.vis02_4 {position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/isugm02_4.jpg) center no-repeat;}

.vis03_1 {position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/isugm03_1.jpg) center no-repeat;}
.vis03_2 {position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/isugm03_2.jpg) center no-repeat;}

.vis05_1 {position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/vis05_1.jpg) center no-repeat;}

.vis05_2 {position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/vis05_2.jpg) center no-repeat;}

.vis05_3 {position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/vis05_3.jpg) center no-repeat;}

.vis06_1 {position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/vis06_1.jpg) center no-repeat;}

/* .sc1d_dv01_bg {position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/vis05_1b.jpg) center no-repeat;} */
.sc1d_dv01_bg {position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/vis06_1.jpg) center no-repeat;}

.vis05_1a {position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/visa05_1.png) center no-repeat;}

.vis05_2a {position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/visa05_2.png) center no-repeat;}
.vis05_3a {position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/visa05_3.png) center no-repeat;}

.sc1d_dv01_slda {height:100dvh; padding-top:62px; box-sizing:border-box;  display:flex; flex-direction: column;}
.insc1d_dv1_sld { position:relative; flex:1 1 0; box-sizing: border-box; border-bottom:1px solid rgba(255,255,255,0.3);}
.insc1d_dv1_sld .sld_in {position:absolute; top:0; left:0; right:0; bottom:0; opacity:0; transform:scaleY(0); -webkit-transform:scaleY(0); transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.insc1d_dv1_sld:hover .sld_in{opacity:1; transform:scaleY(1); -webkit-transform:scaleY(1); }


.insc1d_dv1_sld .ani_scal1 .p01{
	clip-path: inset(0 100% 0 0)  !important;
	transition: clip-path 0.8s ease-out;  !important;}
	
	.insc1d_dv1_sld .ani_scal1 .p02{
	clip-path: inset(0 100% 0 0)  !important;
	transition: clip-path 0.8s ease-out !important;}
	
.insc1d_dv1_sld:hover .ani_scal1 .p01 {
	clip-path: inset(0 0 0 0) !important;
	transition-delay: 0.3s !important;
}

.insc1d_dv1_sld:hover .ani_scal1 .p02 {
	clip-path: inset(0 0 0 0)  !important;
	transition-delay: 0.8s  !important;
}



.sc1d .insc1d_dv1_sld .bg01:before {display:none;}
.sc1d_slide .slick-dots {position:absolute; bottom:100px; left:0; right:0; text-align:center;}
.sc1d_slide .slick-dots li {display:inline-block; margin:0 6px;}
.sc1d_slide .slick-dots li button {display:block; border-radius:100%; text-indent:-9999px; width:12px; height:12px; background:#ffffff; font-size:0px; padding:0; margin:0; border:0px;
	background: #ffffff;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.55);
	
}



.sc1d_slide .slick-dots li.slick-active button {
	background: #008fd5;
}

.btn_more01b {display:inline-block;background: #008fd5;border-radius: 28px;padding: 8px 30px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.55);margin-top: 35px;}
.btn_more01b span {display:block;padding-right:30px;background:url(../img/btn_move.png) right center no-repeat;font-size: 20px;color:#ffffff;font-weight:600;line-height:32px;}


.btn_more01 {display:inline-block;background: #008fd5;border-radius: 28px;padding: 8px 30px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.55);margin-top: 35px;}
.btn_more01 span {display:block;padding-right:30px;background:url(../img/btn_move.png) right center no-repeat;font-size: 20px;color:#ffffff;font-weight:600;line-height:32px;}

/* .btn_more01a {display:inline-block;background: #008fd5;border-radius: 28px;padding: 8px 30px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.55);margin-top: 35px;} */
.btn_more01a {display:inline-block;background: #008fd5;border-radius: 28px;padding: 8px 30px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.55);margin-top: 35px;text-align: center;min-width: 136px;}

.btn_more01a span {display:block;padding-right:30px;background:url(../img/btn_move.png) right center no-repeat;font-size: 20px;color:#ffffff;font-weight:600;line-height:32px;}

.section .slick-next {border:0px; font-size:0px; text-indent:-9999px; z-index:2; position:absolute; right:80px; top:50%;  margin-top:-30px; width:60px; height:60px; background:url(../img/arr_rg_next01.png) center no-repeat; background-size:contain}
.section .slick-prev {border:0px; font-size:0px; text-indent:-9999px; z-index:2; position:absolute; left:80px; top:50%; margin-top:-30px; width:60px; height:60px; background:url(../img/arr_rg_prev01.png) center no-repeat; background-size:contain;}


#home .mainMenu {position:absolute; top:0; left:0; z-index:1000; width:100%; text-align:right; color:#fff;}
#home .mainMenu ul {}
#home .mainMenu ul li {position:relative; width:100%; height:240px; border-top:1px solid rgba(255,255,255,0.2);}
#home .mainMenu ul li:first-child {border-top:1px solid rgba(255,255,255,0);}
#home .mainMenu ul li a {display:block; width:100%; height:100%;}
#home .mainMenu ul li a .menuTxt {display:block; position:absolute; top:50%; left:0; z-index:1001; width:100%; padding:0 94px 0 0; margin-top:-13px; box-sizing:border-box; vertical-align:middle; font-size:24px; line-height:27px; color:#fff; transition:all 1s ease-out; -webkit-transition:all 0.3s ease-out;}
#home .mainMenu ul li a .menuTxt:before {content:""; display:inline-block; width:27px; height:27px; margin-right:94px; vertical-align:top; background:url(../images/common/mainMenuIcon.png) no-repeat center center;}
/* 20180607 혁민 수정 - start */
#home .mainMenu ul li a .menuBg {display:table; table-layout:fixed; opacity:0; width:100%; height:100%; background:#fff url(../images/mainMenuVis01.jpg) no-repeat 85% center; background-size:auto 100%; transform:scaleY(0); -webkit-transform:scaleY(0); transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
#home .mainMenu ul li a .menuBg .tblCell {display:table-cell;  vertical-align:middle; text-align:left; font-size:0; text-shadow: 1px 1px rgba(255,255,255,0.6);}
#home .mainMenu ul li a .menuBg .tblCell span {display:block; width:100%; max-width:1140px; padding:0 30px; margin:0 auto; font-size:24px; line-height:1.5em; color:#333;}
#home .mainMenu ul li a .menuBg .tblCell span em {font-weight:bold; color:#008acb;}
#home .mainMenu ul li:nth-child(1) a .menuBg {background:#fff url(../images/mainMenuVis01.jpg) no-repeat 85% center; background-size:auto 100%;}
#home .mainMenu ul li:nth-child(2) a .menuBg {background:#fff url(../images/mainMenuVis02.jpg) no-repeat right center; background-size:auto 100%;}
#home .mainMenu ul li:nth-child(3) a .menuBg {background:#fff url(../images/mainMenuVis03.jpg) no-repeat right center; background-size:auto 100%;}
#home .mainMenu ul li:nth-child(4) a .menuBg {background:#fff url(../images/mainMenuVis04.jpg) no-repeat 85% center; background-size:auto 100%;}

#home .mainMenu ul li a.active .menuTxt {color:#333;}
#home .mainMenu ul li a.active .menuTxt:before {background:url(../images/common/mainMenuIcon_on.png) no-repeat center center;}
#home .mainMenu ul li a.active .menuBg {opacity:1; transform:scaleY(1); -webkit-transform:scaleY(1);}



.visual3 {
	width: 100%;
	height: 100%;
	position: relative;
	transform: scale(0.8);
	transition: transform 0.6s cubic-bezier(0, 0, 0, 0) 0.5s;
}

.visual3.action {
	transform: scale(1);
	transition-delay: 0s;
}

.visual4 {
	width: 100%;
	height: 100%;
	position: relative;
	transform: scale(0.8);
	transition: transform 0.6s cubic-bezier(0, 0, 0, 0) 0.5s;
}

.visual4.action {
	transform: scale(1);
	transition-delay: 0s;
}
.visual5 {
	width: 100%;
	height: 100%;
	position: relative;
	transform: scale(0.8);
	transition: transform 0.6s cubic-bezier(0, 0, 0, 0) 0.5s;
}

.visual5.action {
	transform: scale(1);
	transition-delay: 0s;
}
.visual6 {
	width: 100%;
	height: 100%;
	position: relative;
	transform: scale(0.8);
	transition: transform 0.6s cubic-bezier(0, 0, 0, 0) 0.5s;
}

.visual6.action {
	transform: scale(1);
	transition-delay: 0s;
}
.visual7 {
	width: 100%;
	height: 100%;
	position: relative;
	transform: scale(0.8);
	transition: transform 0.6s cubic-bezier(0, 0, 0, 0) 0.5s;
}

.visual7.action {
	transform: scale(1);
	transition-delay: 0s;
}
.sc3d_in {display:flex; flex-direction:row; padding-right:124px;}
.sc3d_in .lt {width:700px; height:860px; flex:0 0 700px;}
.sc3d_in .lt_in {padding:124px 0 0 148px; height:860px; box-sizing:border-box; background:url(../img/sc4d_bg01.png) center no-repeat; background-size:cover;}
.sc3d_in .rt {padding-left:90px;}
.sc3d_in .lt .s3p01 {font-size:20px; color:#e6ffaa; line-height:24px;}
.sc3d_in .lt .s3p02 {color:#ffffff; margin-top:30px; font-size:45px; line-height:56px; font-weight:600;}
.sc3d_in .lt .s3p03 {margin-top:62px;}
.sc3d_in .lt .s3p03 a {font-size:21px; line-height:26px; color:#ffffff; }
.sc3d_in .rt {display:flex; flex-direction: column; align-content: center;}
.sc3d_in .rt ul li .s3b01 {display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; font-size:26px; line-height:32px; font-weight:700;}
.sc3d_in .rt ul li .s3b02 {display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;  font-size:15px; line-height:20px; color:#666666; margin-top:14px;}
.sc3d_in .rt ul li .s3b03 {display:inline-block; padding-left:24px; background:url(../img/ico_clock01.png) left center no-repeat; background-size:16px auto;  font-size:15px; line-height:20px; color:#666666; margin-top:32px;}
.sc3d_in .rt ul li {border-top:1px solid #dcdcdc;}
.sc3d_in .rt ul li:last-child {border-bottom:1px solid #dcdcdc;}
.sc3d_in .rt ul li a {transition:all 0.3s ease; position:relative;display:block;padding:28px;padding-right: 28px;}
.sc3d_in .rt ul li a:after {opacity:0; transition:all 0.5s ease;content:"";display:block;position:absolute;top:50%;margin-top: -46px;right: 32px;width: 92px;height: 92px;background:url(../img/ico_link01.png) center no-repeat;}
.sc3d_in .rt ul li a:hover:after {opacity:1;}



.sc3d_in .rt {justify-content: center;width: calc(100% - 790px);}
.sc3d_in .rt ul li a:hover {padding-right:170px;}
#footer {margin-top:120px;background: #F7F7F7;}
#footer{position:relative; padding-top:6px;}
#footer:before {background: url(../img/h_bg.png) center bottom no-repeat;height: 6px;content:"";position:absolute;top:0;left:0;right:0;background-size: 100% auto;}
#footer .inner{position:relative;padding: 55px 20px 55px 280px;}
#footer.section .inner{position:relative;padding: 55px 20px 55px 280px; height:240px;}
#footer .logo{position:absolute;top: 70px;left:20px;z-index:1;/* transform:translateY(-50%); */}
#footer .logo a{display:block;}
#footer .logo a img{width:180px;height:auto;max-width: 230px;}
#footer .fnb{position:relative;}
#footer .fnb ul{margin-left:-12px;text-align:left;}
#footer .fnb ul li{display:inline-block;vertical-align:top;}
#footer .fnb ul li a{padding:0 12px;font-size:14px;color:#333;}
#footer .fnb .fsite_wrap{position:absolute;top:-10px;right:0;z-index:100;height:36px;}
#footer .fnb .fsite_wrap .btn_familysite{display:block;padding: 10px 18px;border:1px solid #999;border-radius: 36px;font-size:12px;line-height:14px;color:#666;}
#footer .fnb .fsite_wrap .btn_familysite:after{transform:rotate(-180deg);transition:all 0.3s ease; content:"";display:inline-block;width:9px;height:14px;margin-left:10px;vertical-align:top;background:url(../img/ico_arrow_down.png) no-repeat center center;}
#footer .fnb .fsite_wrap .btn_familysite.active:after{transform:rotate(0deg);}
#footer .fnb .fsite_wrap .site_list{z-index:100; display:none;overflow:hidden;position:absolute;bottom:120%;left:0;width:100%;margin:0;border:1px solid #ccc;border-radius: 8px;background:#fff;box-shadow:0 0 5pxrgba(0,0,0,0.1);}
#footer .fnb .fsite_wrap .site_list li{display:block;}
#footer .fnb .fsite_wrap .site_list li a{display:block;padding:8px 15px;font-size:14px;line-height:20px;color:#000;}
#footer .fnb .fsite_wrap .site_list li a:hover{font-weight:700;color:#fff;background:#0190d7;}
#footer .fnb .fsite_wrap .site_list li a:hover span {color:#ffffff;}
#footer .infos{padding-top:25px;margin-top:18px;position:relative;border-top:1px solid #787878;}
#footer .infos dl{display:table;position:absolute;top:17px;right: 82px;z-index:1;}
#footer .infos dl dt{display:table-cell;padding-right:13px;vertical-align:middle;font-size:14px;color:#666;}
#footer .infos dl dd{display:table-cell;vertical-align:middle;}
#footer .infos dl dd a{display:inline-block;width:32px;height:32px;vertical-align:top;text-indent:-9999px;font-size:0;}
#footer .infos dl dd a.sns_facebook{background:url(../images/common/ico_sns_facebook.png) no-repeat center center;}
#footer .infos dl dd a.sns_naver{background:url(../images/common/ico_sns_naver.png) no-repeat center center;}
#footer .infos dl dd a.sns_youtube{background:url(../images/common/ico_sns_youtube.png) no-repeat center center;}
#footer .infos dl dd a.sns_instagram{background:url(../images/common/ico_sns_instagram.png) no-repeat center center;}
#footer .infos span, #footer .infos address{display:inline-block;padding-right:10px;vertical-align:top;font-size:13px;color:#828282;}
#footer .infos .copyright{margin-top:13px;font-size:13px;color:#828282;}

#footer .infos ul{display:table;position:absolute;top:17px;right: 0px;z-index:1;}
#footer .infos ul li{display:table-cell;vertical-align:middle; padding-left:10px;}


.sdt01 {margin-top:158px; text-align:center;}
.sdt01 .sin .w1 {font-weight:600; color:#008fd5; font-size:24px; line-height:30px;}
.sdt01 .sin .w2 {margin-top:10px; font-size:48px; line-height:56px; font-weight:700; color:#000000;}
.sdt01 .sin {padding-bottom:56px;}
#footer.section {overflow:visible;}
.top.sub {border-bottom:1px solid #e4e4e4;}
.top.sub h1 {top:14px;}
.top.sub h1 a{background:url(../img/logo01.png) center no-repeat; background-size:contain;}
.top.sub .gnb ul li a {color:#000000;}
.top.sub .selcn01 ul li a {color:#666666;}
.top.sub .selcn01 ul li a.on {color:#000000;}

.sin {margin:0 auto; padding:0 20px; max-width:1440px;}
.scdv01 {padding:254px 0 230px 0; background:url(/img/npg01_img01.png) center no-repeat; background-size:cover;}
.scdv01 .w1 {color:#ffffff; font-size:40px; line-height:48px; font-weight:900; text-shadow: 2px 2px 4px rgb(0 0 0 / 60%);}
.scdv01 .w2 {max-width:600px; margin-top:60px; color:#ffffff; font-size:25px; line-height:32px; font-weight:600; text-shadow: 1px 1px 2px rgb(0 0 0 / 60%);}

.scdv01.tp02 {background:url(/img/npg02_img01.png) center no-repeat; background-size:cover;}
.scdv01.tp03 {background:url(/img/npg02_img01.png) center no-repeat; background-size:cover;}
/* .scdv01.tp03 {background:url(/img/npg03_img01.png) center no-repeat; background-size:cover;} */
.scdv01.tp03 {text-align:left;}
.scdv01.tp03 .w2 {max-width:inherit;}

/* .scdv02 {padding:40px 0 0 0; text-align:center;} */
.scdv02 {padding:40px 0 0 0;}
.scdv02 .w1 {margin-top:56px; font-size:28px; line-height:36px; font-weight:700;}
.scdv02 .w2 {font-size:18px; line-height:24px; margin-top:32px;}
.scdv02 .w3 {margin-top:60px;}
.scdv02 .w3 img {height:18px; display:inline-block;}



.scdv03 {margin-top:72px;}
.scdv03 .w1 img {width:100%; max-width:720px; margin:0 auto; display:block;}
.scdv04 .scdv04_in {display:grid; grid-template-columns:1fr 1fr; margin:0 -80px; overflow:hidden;}
.scdv04 .dv1 {margin-top:82px; box-sizing:border-box; padding:0 80px;}
.scdv04 .dv1 .w1 {font-size:24px; line-height:30px; font-weight:700;}
.scdv04 .dv1 .w2 {margin-top:14px; font-size:18px; line-height:24px; padding-top:16px; border-top:1px solid #9c9c9c;}
.scdv04 .scdv04_in .wb01 .btn_more01b {box-shadow:none; padding:5px 15px;}
.scdv04 .scdv04_in .wb01 .btn_more01b span {font-size:18px;}
.scdv05 {text-align:center; position:relative; margin-top:100px;}
.scdv05:before {content:""; display:block; position:absolute; top:0; left:50%; margin-left:-28px; width:56px; height:2px; background:#0b94d7;}
.scdv05 .w1 {font-size:32px; line-height:40px; font-weight:700; padding-top:30px;}
.scdv05 .w2 {margin-top:36px; font-size:18px; line-height:24px;}
.scdv05 .w2 .exp01 {font-weight:700; color:#0b94d7;}

.scdv06 {text-align:center;}
.scdv06 .w1 {font-size:24px; line-height:30px; font-weight:600;}

.stab01 {margin-top:82px; padding-bottom:10px;}
.stab01 ul {border-bottom:1px solid #c4c4c4;}
.stab01 ul:after {content:""; display:block; clear:both;}
.stab01 ul li a {display:block;border-bottom:2px solid #ffffff; font-weight:600; font-size:28px; line-height:60px; position:relative;}
.stab01 ul li {float:left;}
.stab01 ul li + li {margin-left:60px;}
.stab01 ul li a.on {border-bottom:2px solid #008fd5;}
.stab01 ul li.sp01 a:before {content:"";display:block;position:absolute;top: 12px;bottom: 12px;left:0;width:3px;background: #9aca3b;}
.stab01 ul li.sp01 a {padding-left:16px;}


.scdv07 .dv1 .w1 {display:block; background:#eff1f8; padding:30px 54px;
border:2px solid #eff1f8; position:relative;
transition:all 0.3s ease;
}
.scdv07 .dv1 .w1.on {border:2px solid #0893d6; background:#ffffff;}

.scdv07 .dv1 .e1 strong {display:block; position:absolute; top:0; left:0; font-size:32px; line-height:40px; vertical-align:middle; font-family:serif; font-weight:900; color:#7f7f7f;}
.scdv07 .dv1 .e1 {position:relative;}
.scdv07 .dv1 .we1 .e1 .r1 {font-weight:700; color:#666666; display:block; font-size:18px; line-height:24px; padding-top:8px; padding-bottom:8px; padding-left:34px;}
.scdv07 .dv1 .we1 .e2 {display:block; margin-top:5px; font-size:18px; line-height:24px;}
.scdv07 .we1 {display:block;}
.scdv07 .we2 {display:none; border-top:1px solid #c8c8c8;  padding-top:27px; margin-top:28px; }
.scdv07 .dv1 .we2 .e1 .r1 {display:block; padding-top:8px; padding-bottom:8px; padding-left:34px; font-size:18px; line-height:24px;}
.scdv07 .dv1 {margin-top:40px;}
.scdv07 .dv1 .w1:after {transition:all 0.3s ease; content:""; display:block; position:absolute; top:41px; right:60px; background:url(/img/ico_pm01.png) center 0px no-repeat; background-size:16px auto; width:16px; height:16px;}
.scdv07 .dv1 .w1.on:after {background:url(/img/ico_pm01.png) center -134px no-repeat; background-size:16px auto;}


.scdv08 {margin-top:40px;}
.scdv08_in {background:#f0f0f0; padding:30px 54px;}
.scdv08 .w2 p{display:inline-block; background:url(/img/ico_mail01.png) left center no-repeat; background-size:26px auto; padding-left:34px; font-size:18px; line-height:26px;}
.scdv08 .w1 {float:left; font-size:24px; line-height:38px; font-weight:700;}
.scdv08 .w2 {float:right; padding:6px 0;}
.scdv08_in:after {content:""; display:block; clear:both;}


.scdv09 {margin-top:40px;}
.scdv09_in {padding:48px 24px; border:2px solid #008fd5;}
.scdv09 .w1 {text-align:center; font-size:36px; line-height:48px; font-weight:700;}
.scdv09 .w2 {font-weight:600; margin-top:12px; text-align:center; font-size:24px; line-height:30px;}

.scdv09 .w3:after {content:""; display:block; clear:both;}
.scdv09 .w3 .e1 {float:left; font-size:22px; font-weight:700; line-height:28px;}
.scdv09 .w3 ul {float:left; margin-left:48px;}
.scdv09 .w3 ul li {text-align:left; font-size:18px; line-height:24px;}
.scdv09 .w3 ul li + li {margin-top:4px;}
.scdv09 .w3_in {display:inline-block; padding-top:24px; 
padding-bottom:24px;
padding-left:8px; padding-right:8px;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;}
.scdv09 .w3_in:after {content:""; display:block; clear:both;}
.scdv09 .w3 {text-align:center; margin-top:30px;
 }
.scdv09 .w4 {margin-top:30px; text-align:center; font-size:18px; line-height:24px;}


.scdv09 .scdv05 {margin-top:30px;}
.scdv09 .scdv05 .w1 {pading-top:20px; font-size:24px; line-height:30px;}
.scdv09 .scdv05 .w2 {margin-top:8px; font-size:18px; line-height:24px;}
.scdv09 .scdv05:before {width:40px; margin-left:-20px;}

.scdv08 .scdv08_in {padding:20px 32px; margin:0 auto; }
.scdv09 .scdv08 .scdv08_in{max-width:560px;}
.scdv09 .scdv08 {margin-top:30px;}
.scdv09 .scdv08 .w1 {font-size:24px; line-height:30px;}
.scdv09 .scdv08 .w2 {margin-top:0px; padding:3px 0; line-height:0px;}
.scdv09 .scdv08 .w2 p{margin-top:0px; font-size:18px; line-height:24px;}


@media (max-width: 1024px) {
	.sc1d .bg01:before {background-size:2px auto;}
	.scdv08 .scdv08_in {padding:16px 24px; margin:0 auto; }
	.scdv09 .scdv08 .scdv08_in{max-width:560px;}
	.scdv09 .scdv08 {margin-top:24px;}
	.scdv09 .scdv08 .w1 {font-size:18px; line-height:24px;}
	.scdv09 .scdv08 .w2 {margin-top:0px; padding:1px 0; line-height:0px;}
	.scdv09 .scdv08 .w2 p{margin-top:0px; font-size:16px; line-height:22px;}

}

@media (max-width: 767px) {
	#footer .logo {display:none;}
	.scdv08 .scdv08_in {padding:16px 24px; margin:0 auto;}
	.scdv09 .scdv08 .scdv08_in{max-width:560px;}
	.scdv09 .scdv08 {margin-top:24px; text-align:center;}
	.scdv09 .scdv08 .w1 {float:none; font-size:18px; line-height:24px;}
	.scdv09 .scdv08 .w2 {float:none; margin-top:0px; padding:1px 0; line-height:0px;}
	.scdv09 .scdv08 .w2 p{margin-top:0px; font-size:16px; line-height:22px;}

}


.view_area .content-area * {letter-spacing: -0.025em !important;
	font-family: "Pretendard", "맑은 고딕", "Malgun Gothic", "나눔고딕", "Nanum Gothic", "NotoSansKR", "굴림", Gulim, '돋움', dotum, Helvetica, sans-serif !important;
	font-size:16px !important; line-height:24px !important;}
.view_area .subject {padding:20px 10px 10px;}
.view_area .subject .h4 {font-size:22px; line-height:30px; font-weight:900;}
.view_area .subject .h4 strong {font-weight:900;}
.view_area .regdate {padding:0px 10px 20px 10px;}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
  font-size:14px; color:#555555;
}
.table-btn {text-align:center;}
.table-btn .btn {border-radius:40px; display:inline-block; margin:0; padding:0; border:0px; background:#74a319; width:180px; height:38px; line-height:38px; color:#ffffff; font-size:15px; font-weight:600; text-align:center;}
	
.page_sec .dl-horizontal {border-top:1px solid #e5e5e5; padding:10px 0;}
.page_sec .dl-horizontal.dl-horizontal {border-bottom:1px solid #e5e5e5;}
@media (min-width: 768px) {
	.dl-horizontal dt {
		float: left;
		width: 160px;
		overflow: hidden;
		clear: left;
		padding: 0 10px;
		text-align: left;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

.view_area .file {padding: 20px 10px 10px;}
.view_area .file a {color:#008fd5;}
.content-area {padding-left:10px; padding-right:10px; min-height:300px;}
.brd_paging{margin-top:80px;text-align:center;font-size:0;}
.brd_paging a{display:inline-block;padding:0 10px;vertical-align:top;text-align:center;font-size:14px;font-weight:700;line-height:24px;color:#666;}
.brd_paging a.p_num.active{color:#171717;}
.brd_paging a.p_prev{padding:0 20px;text-indent:-9999px;font-size:0;background:url(../image/common/ico_brd_prev.png) no-repeat center center;}
.brd_paging a.p_next{padding:0 20px;text-indent:-9999px;font-size:0;background:url(../image/common/ico_brd_next.png) no-repeat center center;}
.brd_paging a.p_prev.active{background:url(../image/common/ico_brd_prev02.png) no-repeat center center;}
.brd_paging a.p_next.active{background:url(../image/common/ico_brd_next02.png) no-repeat center center;}

.sch_tp01 .in01 {float:right;}
.sch_tp01 .in01 .w1 select {width:120px; padding:0 8px; appearance:none; -webkit-appearance:none; border:0px; font-size:16px; color:#000000; outline:none; line-height:42px; background:url(../img/sel_arr01.png) bottom 50% right 10px no-repeat transparent;  box-sizing:border-box; height:42px; border-bottom:2px solid #000000;}
.sch_tp01 .in01 .w2 input {width:360px; padding:0 48px 0 8px; appearance:none; -webkit-appearance:none; border:0px; font-size:16px; color:#000000; outline:none; line-height:42px; box-sizing:border-box; height:42px; border-bottom:2px solid #000000; border-radius:0px;}
.sch_tp01 .in01 .w2 {margin-top:20px; max-width:360px; position:relative;}
.sch_tp01 .in01 .w1 {float:left;}
.sch_tp01 .in01 .w2 button {padding:0; margin:0; border:0px; position:absolute; right:0px; top:0px; width:40px; height:40px; background:url(../img/sel_sch01.png) center no-repeat;}

.schdv01 .w1 {font-size:32px; line-height:48px; font-weight:700;}
.schdv01 .w1 strong {color:#008fd5; font-weight:700;}

.scvdv02 {padding-top:38px;}
.scvdv02 .dv1:after {content:""; display:block; clear:both;}
.scvdv02 .dv1  {margin-top:40px; display:flex; flex-direction:row;}
.scvdv02 .dv1 .w1 { width:534px;}
.scvdv02 .dv1 .w2 {flex-grow:1; margin-left:50px;}
.scvdv02 .dv1 .w2 .e1 a {display:block; font-size:30px; line-height:36px;
font-weight:700;}
.scvdv02 .dv1 .w2 .e2 a {display:block; font-size:18px; line-height:24px;
color:#666666;}
.scvdv02 .dv1 .w1 img {display:block; width:534px; height:300px; object-fit:cover;}
.scvdv02 .dv1 .w2 .e2 {margin-top:24px;}
.scvdv02 .dv1 .w2 {height:300px; padding-top:32px; box-sizing:border-box; position:relative;}

.scvdv02 .dv1 .w2 .e3 {color:#666666; font-size:16px; line-height:20px; position:absolute; bottom:0; left:0; }


.scvdv02b {padding-top:38px;}
.scvdv02b .dv1:after {content:""; display:block; clear:both;}
.scvdv02b .dv1  {padding:20px; width:33.33%; float:left; box-sizing:border-box;}
.scvdv02b .dv1 .w1 {}
.scvdv02b .dv1 .w2 {flex-grow:1;}
.scvdv02b .dv1 .w2 .e1 a {display:block; font-size:24px; line-height:30px;
font-weight:700; height:60px;}
.scvdv02b .dv1 .w2 .e2 a {display:block; font-size:18px; line-height:24px;
color:#666666;}
.scvdv02b .dv1 .w1 img {display:block; width:100%; object-fit:cover;}
.scvdv02b .dv1 .w2 .e2 {margin-top:18px;}
.scvdv02b .dv1 .w2 {padding-top:18px; box-sizing:border-box; position:relative;}
.scvdv02b .ssin:after {content:""; display:block; clear:both;}
.scvdv02b .ssin {margin:0 -20px; overflow:hidden;}
.scvdv02b .dv1 .w2 .e3 {color:#666666; font-size:16px; line-height:20px; }
@media (max-width: 1024px){
	
	.scvdv02b .dv1  {padding:20px; width:50%; float:left; box-sizing:border-box;}
	.scvdv02b .dv1 .w2 .e1 a {display:block; font-size:20px; line-height:24px; height:48px;
	font-weight:700;}
	.scvdv02b .dv1 .w2 .e2 {margin-top:12px;}
	.scvdv02b .dv1 .w2 .e3  {font-size:13px;}
}

@media (max-width: 415px){
	.scvdv02b .dv1  {padding:20px; width:auto; float:none; box-sizing:border-box;}
	
	.scvdv02b .dv1 .w2 .e1 a {display:block; font-size:17px; line-height:21px; height:42px;}
		.scvdv02b .dv1 .w2 .e3  {font-size:13px;}
}


@media (max-width: 767px){
	.brd_paging{margin-top:20px;}
	.brd_paging a{padding:0 10px;font-size:12px;}
		.sch_tp01 .in01 .w2 input {max-width:480px; width:100%;}
}


.sb4c1 .dv1 {font-size:20px; line-height:28px;}
.sb4c2 {margin-top:60px; padding:180px 0 196px 0;}
.sb4c2 .dv1 {float:left;}
.sb4c2 .dv2 a{border-radius:58px; display:inline-block; margin:0; padding:0; border:0px; background:#008fd5; width:280px; height:58px; line-height:58px; color:#ffffff; font-size:20px; font-weight:600; text-align:center;}
.sb4c2 .dv2 {float:right; padding-top:40px;}
.sb4c2 {background:url(../img/sub04_01.png) center no-repeat; background-size:cover;}

.sb4c3 {position:relative;}
.sb4c3 .lt .w1 {font-size:30px; line-height:40px; font-weight:700;}
.sb4c3 .lt .w2 {margin-top:30px; font-size:15px; line-height:22px; font-weight:300;}
.sb4c3 .lt .w3 {margin-top:40px;}
.sb4c3 .lt .w3 a {display:inline-block;}
.sb4c3 .lt .w3 a img {display:block; width:71px;}
.sb4c3:after {position:absolute; top:0; left:0; right:0; bottom:208px; background:#f7f7f7; content:""; display:block;}
.sb4c3 .scon01 {position:relative; z-index:2;}
.sb4c3 .scon01 .lt {float:left;}
.sb4c3 .scon01 .rt {float:right;}
.sb4c3 .rt .ndv1 {width:800px;}
.sb4c3 .rt .ndv1_in {float:left;}
.sb4c3 .rt .ndv1 .dv1 a {box-sizing:border-box; padding:10%; width:400px; height:400px; display:block;}
.sb4c3 .rt .ndv1 .dv1 {float:left;}
.sb4c3 .rt .ndv1 .dv1 .w1 img {width:60px; display:block;}
.sb4c3 .ndv_in {float:left; width:400px;}
.sb4c3 .ndv_in.sp1 {margin-top:84px;}
.sb4c3 .rt .ndv1 .dv1.sp1 a{background:#2991D6;}
.sb4c3 .rt .ndv1 .dv1.sp2 a{background:url(../img/menu_bg01.jpg) center no-repeat; background-size:cover;}
.sb4c3 .rt .ndv1 .dv1.sp3 a{background:#99ca3c;}
.sb4c3 .rt .ndv1 .dv1.sp4 a{background:url(../img/menu_bg02.jpg) center no-repeat; background-size:cover;}
.sb4c3 .rt .ndv1 .dv1 {position:relative;}
.sb4c3 .rt .ndv1 .dv1.sp1:hover a:after {position:absolute;
	top:0; left:0; right:0; bottom:0; content:""; display:block;
	background:rgba(255,255,255,0.2);}
.sb4c3 .rt .ndv1 .dv1.sp2:hover a:after {position:absolute;
	top:0; left:0; right:0; bottom:0; content:""; display:block;
	background:rgba(0,0,0,0.3);}
.sb4c3 .rt .ndv1 .dv1.sp3:hover a:after {position:absolute;
	top:0; left:0; right:0; bottom:0; content:""; display:block;
	background:rgba(255,255,255,0.2);}
.sb4c3 .rt .ndv1 .dv1.sp4:hover a:after {position:absolute;
	top:0; left:0; right:0; bottom:0; content:""; display:block;
	background:rgba(0,0,0,0.3);}
.sb4c3 .rt .ndv1 .dv1 .dp1 {position:relative; z-index:2;}


.sb4c3 .rt .ndv1 .dv1 .w2 {margin-top:60px; font-size:25px; line-height:29px; font-weight:700; color:#ffffff;}
.sb4c3 .rt .ndv1 .dv1 .w3 {margin-top:30px; font-size:15px; line-height:22px; color:#ffffff;}
.sb4c3 .rt .ndv1 .dv1 .w4 {margin-top:25px;}
.sb4c3 .rt .ndv1 .dv1 .w4 img {display:inline-block; width:40px;}

.sb4c3 {padding-top:140px;}


.sb4c1 .dv1 {text-align:center; font-size: 22px;
	line-height: 28px;
	font-weight: 600;}


@media (max-width: 1200px){
	.top h1 {top:20px;}
	.top h1 a {width:142px; height:43px;}
	.top .gnb ul li {padding:0 14px;}
	.sb4c2 .dv1 img {display:inline-block; width:100%; max-width:480px;}
	.sb4c3 .scon01 .lt {float:none;}
	.sb4c3 .scon01 .lt .w1 br {display:none;}
	.sb4c3 .lt .w2 br {display:none;}
	.sb4c3 .scon01 .rt {float:none;}
	.sb4c3 .scon01 .rt .ndv1 {margin:0 auto; box-sizing:border-box; padding:0 10%;}
	.sb4c3 .ndv_in {width:50%;}
	.sb4c3 .rt .ndv1 .dv1 a {width:100%; height:100%;}
	.sb4c3 .rt .ndv1 .dv1 {float:none;}
	.sb4c3 .rt .ndv1 {max-width:800px; width:100%;}
}
@media (max-width: 767px){
	.sb4c1 .dv1 {font-size:18px; line-height:24px;}
	.sb4c2 {padding:80px 0 80px 0;}
	.sb4c3 .ndv_in.sp1 {margin-top:0px;}
	.sb4c3 .ndv_in {float:none; width:100%;}
	.sb4c3 .scon01 .rt {margin-top:40px;}
	.sb4c3 .scon01 .rt .ndv1 {padding:0px;}
	.sb4c3 .rt .ndv1 .dv1 a {padding:32px;}
	
	.sb4c2 .dv1 {float:none; text-align:center;}
	.sb4c2 .dv2 {text-align:center; float:none; margin-top:0px;}
	
	.sb4c2 .dv2 a {font-size:18px; width:220px; height:48px; line-height:48px;}
	
	}
















.insc1d_dv1_sld:hover .vgb01{display:none;}
.vgb01 {position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		text-align: center;
		display: flex
	;
		flex-direction: column;
		justify-content: center;}
		.vgb01 p {text-align:right; padding:0 10%;}
.vgb01 p span{display:inline-block; padding-left:34px; color:#ffffff; font-size:32px; line-height:46px; font-weight:700; text-shadow: 6px 7px 10px rgb(0 0 0 / 90%); background:url(../img/ico_plus01.png) left center no-repeat; background-size:24px auto; }


.vgb02 {left:30%; position:absolute; z-index:10; right:0; bottom:0; top:0; }
.vgb02.tp01 {background:url(../img/igv01a.png) center right no-repeat; background-size:contain;}
.vgb02.tp02 {background:url(../img/igv02.png) center right no-repeat; background-size:contain;}
.vgb02.tp03 {background:url(../img/igv03.png) center right no-repeat; background-size:contain;}

.scal_txt01 {z-index:11;}


@media (max-width: 1024px){
	.visual5.action .sc1d_dv01_slda .insc1d_dv1_sld:nth-child(1) .bg01{
		background:rgba(255,255,255,0.5);
	}
	
	
	.visual5.action .sc1d_dv01_slda .insc1d_dv1_sld:nth-child(2) .bg01{
		background:rgba(255,255,255,0.5);
	}
	
	.visual5.action .sc1d_dv01_slda .insc1d_dv1_sld:nth-child(3) .bg01{
		background:rgba(255,255,255,0.5);
	}
	
	.visual5.action .sc1d_dv01_slda .insc1d_dv1_sld:nth-child(4) .bg01{
		background:rgba(255,255,255,0.5);
	}
	.vgb01 {display:none;}
	.vgb02 {display:none;}
	.scdv09 .w1 {font-size:24px; line-height:30px;}
	.scdv09 .w2 {margin-top:6px; font-size:18px; line-height:24px;}
	.scdv09 .w3_in {padding:16px 4px;}
	.scdv09 .w3 .e1 {font-size:18px; line-height:24px; float:none; text-align:center;}
	.scdv09 .w3 ul {float:none; margin-left:0px; margin-top:6px;}
	.scdv09 .w3 ul li {font-size:16px; line-height:20px; text-align:center;}
	
	.scdv09 .w4 {margin-top:20px; font-size:16px; line-height:22px;}
	#footer {margin-top:50px;}
	
	.sdt01 {margin-top:80px;}
	.sdt01 .sin .w1 {font-size:16px; line-height:20px;}
	.sdt01 .sin .w2 {font-size:30px; line-height:36px;}
	.sdt01 .sin {padding-bottom:30px;}
	.scdv01 {padding:80px 0 80px 0;}
	.scdv01 .w1 {font-size:28px; line-height:36px;}
	.scdv01 .w2 {margin-top:30px; font-size:18px; line-height:24px;}
	.scdv02 .w1 {font-size:22px; line-height:30px; margin-top:32px;}
	.scdv02 .w2 {font-size:16px; line-height:24px; margin-top:20px;}
	.scdv02 .w3 img {height:18px;}
	.scdv02 .w3 {margin-top:30px;}
	.scdv04 .dv1 {margin-top:40px;}
	.scdv04 .scdv04_in {display:block;}
	.scdv04 .dv1 .w1 {font-size:22px; line-height:28px;}
	.scdv04 .dv1 .w2 {font-size:16px; line-height:22px;}
	.scdv05:before {margin-left:-18px; width:36px;}
	.scdv05 .w1 {font-size:24px; line-height:30px;}
	.scdv05 .w2 {font-size:16px; line-height:22px;}
	.scdv05 {margin-top:50px;}
	.scdv05 .w2 {margin-top:24px;}
	.scdv06 .w1 {font-size:18px; line-height:24px;}
	.stab01 ul li a {font-size:18px; line-height:48px;}
	.stab01 ul li + li {margin-left:30px;}
	.stab01 {margin-top:40px;}
	.scdv07 .dv1 {margin-top:24px;}
	.scdv07 .dv1 .w1 {padding:16px 24px;}
	.scdv07 .dv1 .e1 strong {font-size:24px; line-height:30px;}
	.scdv07 .dv1 .we1 .e1 .r1 {font-size:16px; padding-left:28px; line-height:24px; padding-top:3px; padding-bottom:3px;}
	.scdv07 .dv1 .we1 .e2 {font-size:16px; line-height:22px;}
.scdv07 .dv1 .w1:after {background:url(/img/ico_pm01.png) center 0px no-repeat;background-size: 12px auto;width: 12px;height: 12px;top: 22px;right: 24px;}
	
	.scdv07 .dv1 .w1.on:after {background:url(/img/ico_pm01.png) center -101px no-repeat;background-size: 12px auto;}
	
	.scdv07 .dv1 .we2 .e1 .r1 {padding-top:3px; padding-bottom:3px; padding-left:28px; font-size:16px; line-height:22px;}
	
	.scdv07 .we2 {margin-top:18px; padding-top:17px;}
	
	.scdv08_in {padding:16px 24px;}
	.scdv08 .w1 {font-size:18px; line-height:24px;}
	.scdv08 .w2 {padding:0px;}
	.scdv08 .w2 p {background-size: 18px auto; font-size:16px; line-height:24px; padding:0px; padding-left:24px;}
	.scdv08 {margin-top:28px;}
	.sb4c1 .dv1 {font-size:18px; line-height:24px;}
	.schdv01 .w1 {float:none; font-size:18px; line-height:24px;}
	.scvdv02 .dv1 .w1 img {width:380px; height:214px;}
	.scvdv02 .dv1 .w1 {width:380px;}
	.scvdv02 .dv1 .w2 .e1 a {font-size:18px; line-height:24px;}
	.scvdv02 .dv1 .w2 .e2 a {font-size:16px; line-height:22px;}
	.scvdv02 .dv1 .w2 {height:214px; padding-top:18px; margin-left:24px;}
	.scvdv02 .dv1 .w2 .e3 {font-size:14px; line-height:20px;}
	
	/* .scvdv02 .dv1 .w1 img {width:180px; height:101px;} */
	
	.scal_txt01 .p01 {font-size:18px; line-height:24px;}
	.scal_txt01 .p02 {margin-top:12px; font-size:32px; line-height:42px;}
	
	.sc1d_in .icoArrow {background-size: 20px auto;width:40px;height:40px;margin-left:-22px;padding: 22px;}
	
	.btn_more01b {display:inline-block;background: #008fd5;border-radius: 28px;padding: 8px 30px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.55);margin-top: 24px;}
.btn_more01b span {display:block;padding-right:30px;background:url(../img/btn_move.png) right center no-repeat; background-size:18px auto; font-size: 16px;color:#ffffff;font-weight:600;line-height:28px;}
	.btn_more01 {display:inline-block;background: #008fd5;border-radius: 28px;padding: 8px 30px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.55);margin-top: 24px;}
.btn_more01 span {display:block;padding-right:30px;background:url(../img/btn_move.png) right center no-repeat; background-size:18px auto; font-size: 16px;color:#ffffff;font-weight:600;line-height:28px;}

.btn_more01a {display:inline-block;background: #008fd5;border-radius: 28px;padding: 8px 30px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.55);margin-top: 24px;}
.btn_more01a span {display:block;padding-right:30px;background:url(../img/btn_move.png) right center no-repeat; background-size:18px auto; font-size: 16px;color:#ffffff;font-weight:600;line-height:28px;}
	
	 .insc1d_dv1_sld .scal_txt01 .p01 {font-size:16px; line-height:22px;}
	 .insc1d_dv1_sld .scal_txt01 .p02 {margin-top:12px; font-size:24px; line-height:30px;}

	.section_inner>div.action .insc1d_dv1_sld .sld_in{opacity:1; transform:scaleY(1); -webkit-transform:scaleY(1); }
	.section_inner>div.action .insc1d_dv1_sld .ani_scal1 .p01 {
	clip-path: inset(0 0 0 0) !important;
	transition-delay: 0.3s !important;
}

.section_inner>div.action .insc1d_dv1_sld .ani_scal1 .p02 {
	clip-path: inset(0 0 0 0)  !important;
	transition-delay: 0.8s  !important;
}
	.section_inner .insc1d_dv1_sld .scal_txt01 .btn_more01a {padding:8px 16px; min-width:inherit;}
	
	}



.
@media (max-width: 999px){
	/* footer */
	#footer .inner{position:relative;padding:55px 20px;}
	#footer.section .inner{height:160px; position:relative;padding:55px 20px;}
	#footer .logo{display:none;}
	#footer.section .logo{display:none;}
	
}
@media (max-width: 767px){
	.scvdv02 {padding-top:14px;}
	.scvdv02 .dv1 {margin-top:24px;}
	.scvdv02 .dv1 .w2 .e2 {margin-top:0px;}
	.scvdv02 .dv1 .w1 img {width:180px; height:120px;}
	.scvdv02 .dv1 .w1 {width:180px;}
	.scvdv02 .dv1 .w2 .e1 a {height:44px; font-size:18px; line-height:22px;}
	.scvdv02 .dv1 .w2 .e2 a {height:60px; font-size:16px; line-height:20px;}
	.scvdv02 .dv1 .w2 {height:120px; padding-top:0px; margin-left:16px;}
	.scvdv02 .dv1 .w2 .e3 {font-size:14px; line-height:20px;}
	
	
	
	
	.schdv01 .w1 {text-align:center;}
	.sch_tp01 .in01 {float:none;}
	.sch_tp01 .in01 .w2 {max-width:480px; margin:0 auto; margin-top:20px;}
	.sch_tp01 .in01 .w2 {float:none; max-width:inherit; max-width:480px; width:100%;}
	/* footer */
	.scdv01.tp03 .w2 br {display:none;}
	#footer .inner{position:relative;padding:20px;}
	#footer.section .inner{position:relative;padding:20px; height:180px;}
	#footer .fnb{padding-top:46px;}
	#footer .fnb .fsite_wrap{top:0;left:0;width:100%;}
	#footer .fnb .btn_familysite{text-align:center;white-space:nowrap;}
	#footer .fnb .btn_familysite:after{content:"";display:inline-block;width:9px;height:14px;margin-left:10px;vertical-align:top;background:url(../images/common/ico_arrow_down.png) no-repeat center center;}
	#footer .fnb ul{margin-left:-5px;}
	#footer .fnb ul li a{padding:0 5px;font-size:12px;}
	#footer .infos{padding-top:10px;margin-top:12px;font-size:0;padding-right: 110px;}
	#footer .infos dl{position:static;margin-bottom:10px;}
	#footer .infos dl dt{padding-right:10px;font-size:12px;}
	#footer .infos dl dd a{width:24px;height:24px;margin:0 2px;}
	#footer .infos dl dd a.sns_facebook,
	#footer .infos dl dd a.sns_naver,
	#footer .infos dl dd a.sns_youtube,
	#footer .infos dl dd a.sns_instagram{background-size:contain;}
	#footer .infos span, #footer .infos address{padding-right:5px;font-size:11px;}
	#footer .infos .copyright{margin-top:10px;font-size:11px;}
	
	
	.scvdv02 .dv1 .w1 img {width:160px; height:120px;}
	.scvdv02 .dv1 .w1 {width:160px;}
	.scvdv02 .dv1 .w2 .e1 a {font-size:17px; line-height:22px;}
	.scvdv02 .dv1 .w2 .e2 a {font-size:14px; line-height:20px;}
	.scvdv02 .dv1 .w2 {height:120px; padding-top:6px; margin-left:14px;}
	.scvdv02 .dv1 .w2 .e3 {font-size:13px; line-height:16px;}
	
	.scvdv02 .dv1 .w2 .e1 a {-webkit-line-clamp: 2; height:44px;}
	.scvdv02 .dv1 .w2 .e2 {margin-top:5px;}
	.scvdv02 .dv1 .w2 .e2 a {-webkit-line-clamp: 1; height:20px;}
		
	
	
}




.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px
}

.pagination>li {
	display: inline
}

.pagination>li>a,.pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #428bca;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
	color: #2a6496;
	background-color: #eee;
	border-color: #ddd
}

.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #428bca;
	border-color: #428bca
}

.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}

.pagination-lg>li>a,.pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 18px
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px
}

.pagination-sm>li>a,.pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 12px
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.pager {
	padding-left: 0;
	margin: 20px 0;
	text-align: center;
	list-style: none
}

.pager li {
	display: inline
}

.pager li>a,.pager li>span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 15px
}

.pager li>a:hover,.pager li>a:focus {
	text-decoration: none;
	background-color: #eee
}

.pager .next>a,.pager .next>span {
	float: right
}

.pager .previous>a,.pager .previous>span {
	float: left
}

.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span {
	color: #777;
	cursor: not-allowed;
	background-color: #fff
}


.n_none {border:1px solid #cccccc; border-width:1px 0 1px 0; padding:60px 0; text-align:center;}