@charset "utf-8";

@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:#000000; margin:0; padding:0; letter-spacing: -0.025em; font-family:"Pretendard", "맑은 고딕","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{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;}
.mt33 {margin-top:33px !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;}
.mt68 {margin-top:68px !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;}


.in {width:1200px; margin:0 auto;}

.top1d .w1 ul li a {font-size:15px; line-height:24px;}
.top1d .w1 ul li {float:left; position:relative; }
.top1d .w1 ul li + li {margin-left:9px; padding-left:10px; }
.top1d .w1 ul {overflow:hidden;}
.top1d .w1 {float:left;}
.top1d .w2 {float:right;}
.top1d .w2 p {font-size:15px; line-height:24px; color:#}
.top {padding-top:12px;}
.top1d .w1 ul li + li :before {content:""; position:absolute; top:7px; left:0; width:1px; height:11px; background:#afafaf; display:block;}
.top2d {padding-top:20px;}
.top2d h1 a, .top2d h1 a img {display:block;}
.top2d h1 {float:left; padding-top:13px;}
.top2d .w1 {float:right;}
.top2d .w1 a {display:block; text-align:center;}
.top2d .w1 a img {display:block; max-width:400px; max-height:100px;}

.top3d {background:#000000; margin-top:20px;}
.gnb {float:left;}
.gnb ul li {float:left;}

.gnb ul li a {display:block; padding:0 22px; color:#ffffff; font-size:22px; line-height:46px; font-weight:700;}
.gnb ul li.on a {background:#ffffff; color:#000000; border-radius:4px 4px 0 0;}
.gnb ul li {padding-top:4px;}
.gnb ul li + li {margin-left:12px;}

.top3d .sch {position:relative; float:right; padding:6px 0 7px 0;}
.top3d .sch input {width:276px; line-height:36px; background:none; font-size:15px; color:#ffffff;
	-webkit-appearance:none; appearance: none; border:0px;
	border-bottom:1px solid #ffffff;  padding:0 36px 0 8px;}
.top3d .sch button {-webkit-appearance:none; appearance: none; width:37px; height:37px;
	background:url(../img/ico_sch01.png) center no-repeat;
	background-size:24px 21px;
	border:0px; display:block;
	position:absolute;
	right:0; top:5px;
}

.tb_dv1 {margin-top:48px;}
.tb_dv1 .w1 {float:left;}
.tb_dv1 .w1 a {display:block; position:relative; border-radius:32px; overflow:hidden;}
.tb_dv1 .w1 a img {display:block; width:806px; height:495px;}
.tb_dv1 .w1 a .dim {left:0;right:0;bottom:0;top:0;z-index:2; position:absolute; display:block; background:url(../img/dim01.png) center bottom no-repeat; background-size:cover;}
.tb_dv1 .w1 a .w1 {z-index:3; color:#ffffff; position:absolute; bottom:28px; left:40px; right:40px; font-size:32px; line-height:38px; font-weight:700;}

.tb_dv1 .w2 {float:right;}
.tb_dv1 .w2 .e1 a {display:block; position:relative; border-radius:16px; overflow:hidden;}
.tb_dv1 .w2 .e1 a img {display:block; width:376px; height:239px;}
.tb_dv1 .w2 .e1 a .dim {left:0;right:0;bottom:0;top:0;z-index:2; position:absolute; display:block; background:url(../img/dim01.png) center bottom no-repeat; background-size:cover;}
.tb_dv1 .w2 .e1 a .w1 {z-index:3; color:#ffffff; position:absolute; bottom:15px; left:25px; right:25px; font-size:18px; line-height:22px; font-weight:700;}
.tb_dv1 .w2 .e1 + .e1 {margin-top:17px;}

.tb_tit01 {text-align:center; padding-bottom:17px;}
.tb_tit01 .q1 {display:inline-block; position:relative;}
.tb_tit01 .q1 h2 {font-size:48px; font-weight:700; line-height:54px; display:inline-block;}
.tb_tit01 .q1 a {font-size:18px; line-height:24px; color:#555555; display:block;position:absolute;right: -70px;bottom: 4px;border-bottom: 1px solid #bdbdbd;line-height: 24px;}

.mt70 {margin-top:70px;}

.tb_dv2 .dv1 .w1 a {display:block;}
.tb_dv2 .dv1 .w1 a img {border-radius:24px; overflow:hidden; display:block; width:380px; height:360px;}
.tb_dv2 .dv1 .w2 a {display:block; height:52px; font-size:22px; line-height:26px; font-weight:600;}
.tb_dv2 .dv1 .w2 {margin-top:24px;}
.tb_dv2 .dv1 .w3 {margin-top:12px;font-size:14px; line-height:20px; color:#666666;}
.tb_dv2 .dv1 {float:left; width:380px;}
.tb_dv2 .dv1 + .dv1 {margin-left:30px;}

.tb_dv3 .tb_tit01 .q1 h2 {color:#ffffff;}
.tb_dv3 .tb_tit01 .q1 a {color:#ffffff; border-bottom:1px solid #ffffff;}
.tb_dv3 {background:#000000; padding:72px 0 96px 0;}
.tb_dv3_sld_dv a {border-radius:18px; overflow:hidden; position:relative; display:block; width:380px; height:213px;}
.tb_dv3_sld_dv .w1 {display:block;}
.tb_dv3_sld_dv .w1 .e1 {display:block; font-size:24px; line-height:29px;}
.tb_dv3_sld_dv .img {display:block; width:380px; height:213px;}
.tb_dv3_sld_dv .dim {left:0;right:0;bottom:0;top:0;z-index:2; position:absolute; display:block; background:url(../img/dim02.png) center bottom no-repeat; background-size:cover;}
.tb_dv3_sld_dv .w1 .e1 { color:#ffffff; font-size:24px; line-height:29px; font-weight:600;}
.tb_dv3_sld_dv .w1 {z-index:3; position:absolute; bottom:30px; left:30px; right:30px;}
.tb_dv1 .w2 .e1 + .e1 {margin-top:17px;}
.tb_dv3_sld_dv .w1 .e2 {display:block; margin-top:15px;font-size:14px; line-height:20px; color:#dbdbdb; }
.tb_dv3_slide .slick-prev {width:49px; height:48px; display:block;
	background:url(../img/ico_prev01.png) center no-repeat;
	border:0px; position:absolute; top:50%; margin-top:-24px; left:-69px;
	font-size:0px; text-indent:-9999px;
}
.tb_dv3_slide .slick-next {width:49px; height:48px; display:block;
	background:url(../img/ico_next01.png) center no-repeat;
	border:0px; position:absolute; top:50%; margin-top:-24px; right:-69px;
	font-size:0px; text-indent:-9999px;
}

.tb_dv4 .img {float:left;}
.tb_dv4 .img a {display:block;}
.tb_dv4 .img a img {overflow:hidden; border-radius:18px; display:block; width:380px; height:213px;}
.tb_dv4 .txt a {display:block;}
.tb_dv4 .txt {width:780px; margin-top:37px;}
.tb_dv4 .txt .w1 {font-weight:600; font-size:26px; line-height:31px;}
.tb_dv4 .txt .w2 {margin-top:19px; font-size:16px; line-height:20px; height:60px;color:#666666;}
.tb_dv4 .txt .w3 {margin-top:25px; font-size:16px; line-height:20px; color:#666666;}
.tb_dv4 ul li:after {content:""; display:block; clear:both;}
.tb_dv4 ul li .txt {float:left; margin-left:40px;}
.tb_dv4 ul li + li {margin-top:40px;}

.tbl01 .lt {float:left; width:860px;}
.tbl01 .rt {float:right; width:300px;}

.mt50 {margin-top:50px;}
.tb_dv5 .img {float:left;}
.tb_dv5 .img a {display:block;}
.tb_dv5 .img a img {overflow:hidden; border-radius:18px; display:block; width:272px; height:172px;}
.tb_dv5 .txt a {display:block;}
.tb_dv5 .txt {width:560px;margin-top: 10px;}
.tb_dv5 .txt .w1 {display:block; font-weight:600; font-size:20px; line-height:26px; max-height:52px;}
.tb_dv5 .txt .w2 {margin-top:8px; font-size:15px; line-height:21px; height:63px;color:#666666;}
.tb_dv5 .txt .w3 {margin-top: 15px;font-size:13px;line-height:18px;color:#666666;}
.tb_dv5 ul li:after {content:""; display:block; clear:both;}
.tb_dv5 ul li .txt {float:left; margin-left:26px;}
.tb_dv5 ul li + li {margin-top:36px;}

.tb_dv6 .w1 a {display:block;}
.tb_db6 .w1 a img {overflow:hidden; border-radius:10px; display:block; width:300px; height:176px;}
.tb_db6 .w2 a {display:block; font-size:18px; line-height:22px; font-weight:600;}
.tb_db6 .w2 {margin-top:12px;}
.tb_db6 ul li + li {margin-top:26px;}
.tb_rtit01 h2 {padding-bottom:9px; border-bottom:1px solid #000000; font-size:26px; line-height:32px; font-weight:700;}
.tb_rtit01 {padding-bottom:17px;}
.tb_rtit01 h2 strong {color:#651bc7; font-weight:700;}

.tbl01 .in {position:relative;}
.vlt_share {
	position: absolute;
	top: 0px;
	left: 0;
}
.vlt_share{border: 1px solid #cbcbcb;left: -73px;border-radius: 50px;}
.vlt_share .vlt_share_in{padding: 24px 0px;}
.vlt_share li {padding:0 8px;}
.vlt_share li + li {margin-top:8px;}
.vlt_share li a img {display:block; width:32px;}

.tb_db7 ul li:after {content:""; display:block; clear:both;}
.tb_db7 .w1 {float:left; width:196px;}
.tb_db7 .w2 {float:right; width:90px;}
.tb_db7 .w1 a {display:block;}
.tb_db7 .w2 a img {overflow:hidden; border-radius:10px; display:block; width:90px; height:90px;}
.tb_db7 .w1 .e2 a {display:block; font-size:17px; line-height:22px; font-weight:600;}
.tb_db7 .w1 .e1 {font-size:28px; line-height:36px; font-weight:900; color:#666666; font-family:serif;}
.tb_db7 .w1 {margin-top:6px;}
.tb_db7 ul li + li {margin-top:20px;}

.tb_dv8 .dv1 .w1 a {display:block;}
.tb_dv8 .dv1 .w1 a img {border-radius:24px; overflow:hidden; display:block; width:272px; height:170px;}
.tb_dv8 .dv1 .w2 a {display:block; height:44px; font-size:18px; line-height:22px; font-weight:600;}
.tb_dv8 .dv1 .w2 {margin-top: 12px;}
.tb_dv8 .dv1 .w3 {margin-top:12px;font-size:14px; line-height:20px; color:#666666;}
.tb_dv8 .dv1 {float:left; width:272px;}
.tb_dv8 .dv1 + .dv1 {margin-left: 22px;}


.paging01 {margin-top:40px; text-align:center;}
.paging01 a {margin:0 15px; display:inline-block; font-size:15px; font-weight:600; line-height:36px; vertical-align:middle;}
.paging01 .pg_active {margin:0 8px;text-align:center; display:inline-block;background:#000000; color:#ffffff; width:36px; height:36px; line-height:36px; }
.paging01 .pg_first {margin:0px; margin-right:0px; display:inline-block; width:36px; height:36px; background:url(../img/ico_pg_first.svg) center no-repeat;}
.paging01 .pg_prev {margin:0 8px;display:inline-block; width:36px; height:36px; background:url(../img/ico_pg_prev.svg) center no-repeat;}
.paging01 .pg_next {margin:0 8px;display:inline-block; width:36px; height:36px; background:url(../img/ico_pg_next.svg) center no-repeat;}
.paging01 .pg_last {margin:0px; margin-left:0px; display:inline-block; width:36px; height:36px; background:url(../img/ico_pg_last.svg) center no-repeat;}

.tb_vtop01 {margin-top:50px;}
.tb_vtop01 h1 {font-size:35px; line-height:45px; font-weight:700;}
.tb_vtop01 h2 {margin-top:8px; font-size:22px; line-height:28px; color:#555555; font-weight:600;}
.tb_vtop01 .dv1 .w1 {float:left;}
.tb_vtop01 .dv1 .w1:after {content:""; display:block; clear:both;}
.tb_vtop01 .dv1:after {content:""; display:block; clear:both;}
.tb_vtop01 .dv1 .w2 {float:right;}
.tb_vtop01 .dv1 .w1 .e1 {float:left; font-size:16px; line-height:24px; color:#000000; font-weight:600;}
.tb_vtop01 .dv1 .w1 .e2 {float:left; font-size:14px; line-height:24px; color:#666666;}
.tb_vtop01 .dv1 .w1 .e2 {margin-left:8px; padding-left:8px; position:relative;}
.tb_vtop01 .dv1 .w1 .e2:before {left:0; top:6px; content:""; display:block; background:#c9c9c9; width:1px; height:12px; position:absolute;}
.tb_vtop01 .dv1 {margin-top:7px;}
.tb_vtop01 .dv1 .w1 {padding-top:4px;}

.tb_vtop01 .dv1 .w1 {float:left;}
.tb_vtop01 .dv1 .w2 a {float:left; display:block; border:1px solid #dfdfdf;}
.tb_vtop01 .dv1 .w2  a img {display:block;}
.tb_vtop01 .dv1 .w2  .r1 {margin-left:-1px;}
.tb_vtop01 .dv1 .w2  .r2 {margin-left:4px;}
.tb_vcon01 .img img {width:100%; display:block;}
.tb_vcon01 .img .w1 {text-align:center; font-size:18px; line-height:24px; margin-top:8px; color:#333333;}
.tb_vcon01 {word-break: break-word; font-size:18px; line-height:1.5;}

.mt18 {margin-top:18px;}

.tb_vlnk01 a {border:1px solid #000000; border-radius:40px; padding:0 30px;display:inline-block;}
.tb_vlnk01 {margin-top:30px; text-align:center;}
.tb_vlnk01 a span {padding-right:16px; font-size:16px; line-height:38px;
	background:url(../img/ico_arr_rt01.png) right center no-repeat;
	background-size:auto 12px;
	font-weight:600;
}



.footer {background:#000000; margin-top:100px; padding:80px 0 110px 0;}
.footer h1 a {display:inline-block;}
.footer h1 {text-align: center;}
.footer h1 a img {display:block;}

.footer .dv1 ul li a {font-weight:600; display:block; font-size:18px; line-height:24px; color:#ffffff;}
.footer .dv1 ul li {display:inline-block;}
.footer .dv1 ul li a strong {font-weight:900;}
.footer .dv2 {margin-top:46px;}
.footer .dv2 p {text-align:center; font-size:16px; line-height:24px; color:#d3d3d3;}
.footer .dv3 {margin-top:20px;}
.footer .dv3 p {text-align:center; font-size:16px; line-height:24px; color:#d3d3d3;}
.footer .dv1 ul li {display:inline-block;  position:relative; }
.footer .dv1 ul li + li {padding-left:14px; margin-left:11px;}
.footer .dv1 {margin-top:52px;text-align:center;}
.footer .dv1 ul li+li:before {content:""; display:block; position:absolute; left:0; top:6px; width:1px; height:10px; background:#878787;}