@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.05em; 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:break-all;}
.elip3 {display:block; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-break:break-all;}
.elip4 {display:block; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:4; -webkit-box-orient: vertical; word-break:break-all;}
.elip5 {display:block; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:5; -webkit-box-orient: vertical; word-break:break-all;}
.elip6 {display:block; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:6; -webkit-box-orient: vertical; word-break:break-all;}

.brd_none {border:0px !important;}

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

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

.top_dv1 {background:#042b68;}
.top1 .lt {float:left;}
.top1d {padding-top:8px;}
.top1d .lt .w1 {margin-top:2px; float:left; font-size:13px; line-height:20px; padding:0 5px; color:#ffffff; border:1px solid #ffffff; border-radius:6px;}
.top1d .lt .w2 {float:left; margin-left:6px;}
.top1d .lt .w2 a {display:block; float:left;}
.top1d .lt .w2 a.top_youtube {width:24px; height:24px; background:url(../img/ico_youtube01.png) center no-repeat; background-size:20px auto;}
.top1d .lt .w2 a.top_insta {margin-left:6px; width:24px; height:24px; background:url(../img/ico_insta01.png) center no-repeat; background-size:20px auto;}
.top1d .rt {float:right; padding-top:2px;}
.top1d .rt .w1 {float:left; line-height:20px;  font-size:14px; color:#ffffff; }
.top1d .rt .w2 {float:left;}
.top1d .rt .w2 a {float:left; display:block; line-height:20px; margin-left:18px; font-size:14px; color:#ffffff;}

.top2d {position:relative;margin-top:13px;height: 142px;}
.top2d .lt_bn01 {position:absolute;top: 12px;left:0;display:block;}
.top2d .lt_bn01 a {display:block; text-align:center; }
.top2d .lt_bn01 a img { max-width:280px; max-height:90px; display:block;}
.top2d .rt_bn01 {position:absolute;top: 12px;right:0;display:block;}
.top2d .rt_bn01 a {display:block; text-align:center; }
.top2d .rt_bn01 a img {max-width:280px; max-height:90px; display:block;}
.top2d h1 {margin:0 auto; width:340px;}
.top2d h1 a {display:block;}
.top2d h1 a img {width:340px;margin-top: 14px;}

.top2d .viewspan {display:block;margin:0 auto; width:340px;}
.top2d .viewspan a {display:block;}
.top2d .viewspan a img {width:340px;margin-top: 14px;}

.top_dv2 {box-shadow:3px 3px 3px 3px rgba(0,0,0,0.08);}
.gnb a {line-height:46px; font-size:17px; font-weight:700; display:block; float:left; border-bottom:2px solid transparent;}
.gnb_menu01 {padding-left:24px; background:url(../img/ico_menu01.png) left center no-repeat; background-size:16px auto;}
.gnb a + a {margin-left:28px;}
.sch {float:right; padding:2px;}
.sch .w1 {position:relative;}
.sch input {line-height:42px; height:42px;font-size: 15px; border:0px; width:200px; padding-left:8px; padding-right:42px;}
.sch .btn_sch01 {border:0px; padding:0px; width:42px; height:42px; background:url(../img/ico_sch01.png) center no-repeat; background-size:18px auto; display:block; position:absolute; top:0; right:0;}
.gnb a.sp01 {color: #0033bf;}
.gnb a.sp02 {color: #ac0000;}


.hn1v .dv1 {float:left; width:300px;}
.hn1v .dv1 .bx1 .w1 .img {display:block;}
.hn1v .dv1 .bx1 .w1 .img img {display:block; width:300px; height:160px;}
.hn1v .dv1 .bx1 .w2 a {display:block; font-size:21px; line-height:28px; font-weight:700;}
.hn1v .dv1 .bx1 .w2 {margin-top:9px;}
.hn1v .dv1 .bx1 .w3 a {font-size:15px; line-height:20px; color:#717171;}
.hn1v .dv1 .bx1 .w3 {margin-top:4px;}

.hn1v .dv1 .bx2 {border-top:1px solid #e5e5e5; padding-top:24px; margin-top:20px;}
.hn1v .dv1 .bx2 .w1 .e1 {float:left; width:166px; margin-right:15px;}
.hn1v .dv1 .bx2 .w1 .e1 a {font-size:20px; line-height:26px; font-weight:700;}
.hn1v .dv1 .bx2 .w1 .e2 {float:left;}
.hn1v .dv1 .bx2 .w1 .e2 a {display:block;}
.hn1v .dv1 .bx2 .w1 .e2 a img {display:block; width:118px; height:66px;}
.hn1v .dv1 .bx2 .w2 {margin-top:5px;}
.hn1v .dv1 .bx2 .w2 a {font-size:15px; line-height:20px; color:#717171;}

.hn1v .dv2 {float:left; margin-left:30px; width:538px;}
.hn1v .dv2 .w1 {position:relative;}
.hn1v .dv2 .w1 a {display:block;}
.hn1v .dv2 .w1 a img {width:538px; height:312px; display:block;}
.hn1v .dv2 .w1 .e1 {display:inline-block; position:absolute; bottom:-12px; left:12px; font-size:13px; color:#ffffff; padding:0 16px; background:#042b68; line-height:24px;}
.hn1v .dv2 .w2 a {font-size:33px; line-height:42px; font-weight:700;}
.hn1v .dv2 .w2 {margin-top:22px;}
.hn1v .dv2 .w3 a {font-size:17px; line-height:24px; color:#444a51;}
.hn1v {margin-top:40px;}

.hn1v .dv3 {float:left; margin-left:30px; width:302px;}
.hn1v .dv3 .bx1 ul li:after {content:""; display:block; clear:both;}
.hn1v .dv3 .bx1 ul li .w1 a {display:block; font-size:17px; line-height:24px; font-weight:600;}
.hn1v .dv3 .bx1 ul li .w1 {float:left; width:221px;}
.hn1v .dv3 .bx1 ul li .w2 {float:left; margin-left:15px; width:64px;}
.hn1v .dv3 .bx1 ul li .w2 a {display:block;}
.hn1v .dv3 .bx1 ul li .w2 a img {display:block; width:64px; height:58px;}
.hn1v .dv3 .bx1 ul li + li {padding-top:15px; margin-top:15px; border-top:1px solid #e5e5e5;}

.tbn01 {}
.tbn01 a {display:block;}
.tbn01 a img {display:block; width:100%;}

.hn_tit01 {padding-bottom:6px; border-bottom:1px solid #000000;}
.hn_tit01 h2 {font-size:20px; line-height:28px; font-weight:700;}

.grid01 {margin-top:40px;}
.grid01_lt {float:left;width: 830px;}
.grid01_rt {float:left; width:320px; margin-left:50px;}
.hn2v {}
.hn2v ul li {float:left;width: 256px;}
.hn2v ul li + li {margin-left:30px;}
.hn2v ul li + li + li + li {margin-top:20px;}
.hn2v ul li + li + li + li {margin-left:0px;}
.hn2v ul li + li + li + li + li {margin-left:30px;}
.hn2v ul li .w1 a {display:block;}
.hn2v ul li .w1 a img {display:block;width: 256px;height: 144px;}
.hn2v ul li .w2 {margin-top:6px;}
.hn2v ul li .w2 a {font-size:18px; line-height:26px; font-weight:600;}

.hn3v .dv1:after {content:""; display:block; clear:both;}
.hn3v .dv1 .img {float:left; width:88px;}
.hn3v .dv1 .img a {display:block;}
.hn3v .dv1 .img a img {display:block; width:88px; height:86px;}
.hn3v .dv1 .txt {width:252px; float:left; margin-left:15px; }
.hn3v .dv1 .txt .w1 a {font-size:16px; line-height:24px; font-weight:600; color:#042b68;}
.hn3v .dv1 .txt .w2 a {font-size:18px; line-height:26px; font-weight:600;}
.hn3v .dv1 .txt .w2 {margin-top:4px;}
.hn3v .dv1 {width: 365px;padding:20px;background:#f8f9fa;}
.hn3v ul li {float:left; padding:10px;}
.hn3v ul {margin:-10px;}

.hn4v .dv1 .img {float:left; width:64px; margin-left:15px; padding-top:8px;}
.hn4v .dv1 .img a {display:block;}
.hn4v .dv1 .img a img {display:block; border-radius:100%; border:1px solid #e4e4e4; width:62px; height:62px;}
.hn4v .dv1 .txt {width:241px; float:left; }
.hn4v .dv1 .txt .w1 a {font-size:15px; line-height:20px; font-weight:600; color:#042b68;}
.hn4v .dv1 .txt .w2 a {font-size:17px; line-height:21px; font-weight:600;}
.hn4v .dv1 .txt .w2 {margin-top:3px;}
.hn4v .dv1:after {content:""; display:block; clear:both;}
.hn4v ul li + li {border-top:1px solid #e5e5e5; padding-top:19px; margin-top:20px;}

.hn4vnew .dv1 .img {float:left; width:64px; margin-left:15px; padding-top:8px;}
.hn4vnew .dv1 .img a {display:block;}
.hn4vnew .dv1 .img a img {display:block; border-radius:100%; border:1px solid #e4e4e4; width:62px; height:62px;}
.hn4vnew .dv1 .txt {width:241px; float:left; }
.hn4vnew .dv1 .txt .w1 a {font-size:15px; line-height:20px; font-weight:600; color:#042b68;}
.hn4vnew .dv1 .txt .w2 a {font-size:17px; line-height:21px; font-weight:600;}
.hn4vnew .dv1 .txt .w2 {margin-top:3px;}
.hn4vnew .dv1:after {content:""; display:block; clear:both;}
.hn4vnew ul li + li {border-top:1px solid #e5e5e5; padding-top:10px; margin-top:10px;}


.hn_tit02 {padding-bottom:6px;}
.hn_tit02 h2 {font-size:20px; line-height:28px; font-weight:700;}
.hn_tit02 h2 strong {color:red; font-weight:700;}

.hn5v a {display:block;}
.hn5v a img {display:block; width:100%;}

.hn_tit03 h2 {font-size:20px; line-height:28px; font-weight:700;}
.hn6v {background:#ced5e1; padding:30px 0 30px 0;}
.hn6v ul {margin-top:20px;}
.hn6v ul li {float:left; width:370px;}
.hn6v ul li + li {margin-left:45px;}
.hn6v .img {position:relative;}
.hn6v .img a {display:block;}
.hn6v .img a img {display:block;width:100%;}
.hn6v .play01 {z-index:3;display:block; position:absolute; top:50%; left:50%; margin-left:-35px; margin-top:-25px; background:url(../img/ico_ytplay01.png) center no-repeat; width:69px; height:49px; background-size:cover;}
.hn6v .dimm {background:rgba(0,0,0,0.36); position:absolute; top:0; left:0; bottom:0; right:0; z-index:2;}
.hn6v .txt a {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
}
.hn6v .txt  {margin-top:8px;}

.hn7v ul li {float:left;width: 190px;}
.hn7v ul li + li {margin-left: 23px;}
.hn7v ul li .w1 a {display:block;}
.hn7v ul li .w1 a img {display:block;width: 100%;height: 118px;}
.hn7v ul li .w2 {margin-top:5px;}
.hn7v ul li .w2 a {font-size:16px; line-height:24px; font-weight:600;}
.lt_bn02 .w1 {float:left; width:395px;}
.lt_bn02 .w1 + .w1 {margin-left:40px;}
.lt_bn02 .w1 a img {display:block; width:100%;}
.lt_bn02 .w1 a {display:block;}

.hn8v ul {overflow:hidden; margin:-10px -20px;}
.hn8v ul li {float:left; box-sizing:border-box; width:50%; padding:10px 20px;}
.hn8v ul li .w1 a {display:block; font-size:17px; line-height:24px; font-weight:600;}
.hn8v ul li .w1 {float:left;width: 268px;}
.hn8v ul li .w2 {float:left; margin-left:15px; width:112px;}
.hn8v ul li .w2 a {display:block;}
.hn8v ul li .w2 a img {display:block; width:112px; height:72px;}
.hn8v ul li + li {}

.hn9v ul li:after {content:""; display:block; clear:both;}
.hn9v ul li .w1 {float:left; width:20px;}
.hn9v ul li .w1 p {color:#042b68; font-weight:700; font-family:serif; font-size:17px; line-height:24px;}
.hn9v ul li .w2 {float:left; width:300px;}
.hn9v ul li .w2 a {display:block; font-size:16px; line-height:24px; font-weight:600;}
.hn9v ul li + li {border-top:1px solid #e5e5e5;}
.hn9v ul li {padding:16px 0;}

.hn10v .in {padding-top:24px; border-top:1px solid #000000;}
.hn10v_in {margin:-20px; overflow:hidden;}
.hn10v_in .dv1 {float:left; padding:20px; width:33.33%; box-sizing:border-box;}
.hn10v_in .dv1 h2 {margin-bottom:6px; font-size:18px; line-height:24px; font-weight:700;}
.hn10v_in .dv1 .bx1 .img a {display:block;}
.hn10v_in .dv1 .bx1 .img a img {width:82px; height:82px; display:block;}
.hn10v_in .dv1 .bx1 .w1 {margin-top:16px;float:left;margin-left:15px;width: 276px;}
.hn10v_in .dv1 .bx1 .img {float:left;}
.hn10v_in .dv1 .bx1 .w1 a {display:block; font-size:16px; line-height:24px; font-weight:600;}
.hn10v_in .dv1 ul {margin-top:8px;}
.hn10v_in .dv1 ul li {padding:4px 0;}
.hn10v_in .dv1 ul li a {display:block; padding-left:8px; position:relative; font-size:16px; line-height:24px; }
.hn10v_in .dv1 ul li a:before {content:""; display:block; width:3px; height:3px; background:#666666; border-radius:100%; position:absolute; top:8px; left:0;}

.footer {margin-top:60px; border-top:1px solid #d8d8d8; padding:45px 0 60px 0;}
.footer h1 a {display:block;}
.footer h1 {margin-top:20px;}
.footer h1 a img {width:228px;}
.footer h1 {float:left;}
.ft_rt01 {margin-left:55px; float:left;}
.ft_rt01 .dv1 ul li {position:relative;display:block; float:left;}
.ft_rt01 .dv1 ul li + li {padding-left:11px; margin-left:10px;}
.ft_rt01 .dv1 ul li + li :before {content:""; display:block; top:9px; left:0; background:#cacaca; width:1px; height:12px; position:absolute;}
.ft_rt01 .dv1 ul li a {display:block; font-size:16px; line-height:30px; font-weight:500; color:#000000;}
.ft_rt01 .dv1 ul li a.strong {font-weight:600;}
.ft_rt01 .dv1 ul:after {content:""; display:block; clear:both;}
.ft_rt01 .dv2 {margin-top:20px; font-size:15px; line-height:30px; color:#666666;}

.gml1d .img a {display:block;}
.gml1d .img a img {display:block; width:296px; height:168px;}
.gml1d ul li:after {content:""; display:block; clear:both;}
.gml1d ul li .img {float:left;}
.gml1d ul li .txt {height:168px; position:relative; float:left; width:488px; padding-left:16px;}
.gml1d ul li .txt .w1 {display:block; max-height:52px; font-size:21px; line-height:26px; font-weight:700;}
.gml1d ul li .txt .w2 {margin-top:8px; font-size:14px; line-height:20px; color:#666666; max-height:66px; }
.gml1d ul li .txt .w3 {position:absolute; bottom:0; left:16px; font-size:15px; line-height:22px; color:#666666; }
.gml1d ul li {padding-bottom:15px; border-bottom:1px solid #eeeeee;}
.gml1d ul li + li {margin-top:15px;}
.gml1d ul {margin-top:15px;}

.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: #173a71;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_first01.png) center no-repeat #f3f3f3;}
.paging01 .pg_prev {margin:0 8px;display:inline-block; width:36px; height:36px; background:url(../img/ico_pg_prev01.png) center no-repeat #f3f3f3;}
.paging01 .pg_next {margin:0 8px;display:inline-block; width:36px; height:36px; background:url(../img/ico_pg_next01.png) center no-repeat #f3f3f3;}
.paging01 .pg_last {margin:0px; margin-left:0px; display:inline-block; width:36px; height:36px; background:url(../img/ico_pg_last01.png) center no-repeat #f3f3f3;}

.t3d_tool01 ul li a {display:block; border:1px solid #666666; width:34px; height:34px; border-radius:100%;}
.t3d_tool01 ul li:nth-child(1) a {background:url(../img/ico_vtool01.png) center no-repeat;}
.t3d_tool01 ul li:nth-child(2) a {background:url(../img/ico_vtool02.png) center no-repeat;}
.t3d_tool01 ul li:nth-child(3) a {background:url(../img/ico_vtool03.png) center no-repeat;}
.t3d_tool01 ul li + li {margin-left:5px;}
.t3d_tool01 ul li {float:left;}
.t3d_tool01 {float:right; margin-top:7px;}

.gmv1d{border-bottom: 2px solid #042b68;padding-bottom: 15px;}
.gmv1d .w1 {font-size:16px; line-height:24px; color:#666666; font-weight:600;}
.gmv1d .w2 {margin-top:13px; font-size:36px; font-weight:700; line-height:44px;}
.gmv1d .w3 {margin-top:15px; font-size:22px; color:#000000; font-weight:600; line-height:28px;}
.gmv1d .w4 {margin-top:22px;}
.gmv1d .w4:after {content:""; display:block; clear:both;}
.gmv1d .w4 .lt {float:left;}
.gmv1d .w4 .lt .e1 {float:left; font-size:17px; font-weight:500; line-height:28px;color: #666;}
.gmv1d .w4 .lt .e2 {padding-left:17px; margin-left:16px; position:relative; float:left; font-size:17px; line-height:28px;font-weight: 500;}
.gmv1d .w4 .lt .e2 span {margin-right:5px; display:inline-block; font-weight:500; font-size:17px; line-height:28px;color: #666;}
.gmv1d .w4 .lt .e2:before {content:""; display:block; position:absolute; width:1px; height:13px; background:#a6a6a6; left:0; top:8px;}
.gmv1d .w4 .rt ul li a {display:block; border:1px solid #666666; width:34px; height:34px; border-radius:100%;}
.gmv1d .w4 .rt ul li:nth-child(1) a {background:url(../img/ico_vtool01.png) center no-repeat;}
.gmv1d .w4 .rt ul li:nth-child(2) a {background:url(../img/ico_vtool02.png) center no-repeat;}
.gmv1d .w4 .rt ul li:nth-child(3) a {background:url(../img/ico_vtool03.png) center no-repeat;}
.gmv1d .w4 .rt ul li + li {margin-left:5px;}
.gmv1d .w4 .rt ul li {float:left;}
.gmv1d .w4 .rt {float:right; margin-top:-5px;}
.gmv1d .in {padding-bottom:20px; border-bottom:1px solid #d2094b;}
.gmv2c_img01 {margin:30px 0;}
.gmv2c_img01 img {display:block; width:100%;}
.gmv2c_img01 p {text-align:center; font-size:15px; line-height:20px; padding:8px; background:#f4f4f4;}
.gmv2c_con01 {font-size:17px; line-height:30px;}

.gmv2c_p01 {margin-top:30px; font-size:16px; line-height:24px; color:#666666;}
.gmv2c_more01 {text-align:center; margin-top:40px;}
.gmv2c_more01 a {text-align:center; display:inline-block; width:298px; height:36px; border:2px solid #2d2d2d; border-radius:38px;}
.gmv2c_more01 a span {background:url(../img/ico_more_blk01.png) right center no-repeat; display:inline-block; padding-right:20px; font-size:16px; line-height:36px; font-weight:600;}



.mf_top {position:fixed; top:0; left:0; right:0; z-index:10;}
.s_ftop_wrap {background: #ffffff; box-shadow:1px 3px 3px rgba(0,0,0,0.08); height:51px;}
.s_ftop {width:1200px; margin:0 auto; position:relative;}
div.s_ftop_wrap .sch_call_btn {
    float: left;
    width: 31px;
    height: 31px;
    display: block;
    background: url(../img/sch_ico01.png) no-repeat #f07c00;
    border: 1px solid #d46e01;
}

div.s_ftop_wrap .menu_call_btn {
    width: 36px;
    height: 36px;
    background: url(../img/vtop_menu01.png) no-repeat;
    background-size:cover;
    margin-left: 12px;
    margin-top: 7px;
    border:0px;
}
div.s_ftop_wrap .menu_call_btn.on {
    width: 36px;
    height: 36px;
    background: url(../img/vtop_close01.png) no-repeat;
    background-size:cover;
    margin-left: 12px;
    margin-top: 7px;
    border:0px;
}
div.s_ftop_wrap .sch_call_btn.on {
    background: url(../img/close_ico01.png) no-repeat #f07c00;
    border: 1px solid #d46e01;
}
div.s_ftop_wrap .gsch_btn {
    background: url(../img/sch_ico01.png) no-repeat #f07c00;
    border: 1px solid #d46e01;
    border-width: 1px 0 1px 0;
}
div.s_ftop_wrap .gsch_inp {
    border: 1px solid #d46e01;
}
.s_ftop_lt {float:left;}
.s_ftop_txt {float:left; padding:13px 0; margin-left:40px;}
.s_ftop_txt a {vertical-align:middle; display:inline-block;}
.s_ftop_txt a img {vertical-align:middle;}
.s_ftxt_in {display:inline-block; vertical-align:middle; padding:0 9px;}
.s_ftxt_in p {width:440px; line-height:25px;color: #000000;font-size:18px;font-weight:700;}
.fgnb_tools {position:absolute; top:0; right:0; }
div.s_ftop .ent_menu {top: 51px;}
.fgnb_tools:after {content:""; display:block; clear:both;}
.gnb_sch_wrap {float:left;}
.menu_call_btn {float:left; display:block;}


.s_stop_wrap {background:#338c07; height:51px;}
div.s_stop_wrap .sch_call_btn {
    float: left;
    width: 31px;
    height: 31px;
    display: block;
    background: url(../img/sch_ico01.png) no-repeat #287204;
    border: 1px solid #246504;
}

div.s_stop_wrap .menu_call_btn {
    width: 31px;
    height: 31px;
    background: url(../img/menu_ico01.png) no-repeat #287204;
    border: 1px solid #246504;
}
div.s_stop_wrap .menu_call_btn.on {
    width: 31px;
    height: 31px;
    background: url(../img/close_ico01.png) no-repeat #287204;
    border: 1px solid #246504;
}
div.s_stop_wrap .sch_call_btn.on {
    background: url(../img/close_ico01.png) no-repeat #287204;
    border: 1px solid #246504;
}
div.s_stop_wrap .gsch_btn {
    background: url(../img/sch_ico01.png) no-repeat #287204;
    border: 1px solid #246504;
    border-width: 1px 0 1px 0;
}
div.s_stop_wrap .gsch_inp {
    border: 1px solid #d46e01;
}

.s_ltop_wrap {background:#338c07; height:51px;}
div.s_ltop_wrap .sch_call_btn {
    float: left;
    width: 31px;
    height: 31px;
    display: block;
    background: url(../img/sch_ico01.png) no-repeat #287204;
    border: 1px solid #246504;
}

div.s_ltop_wrap .menu_call_btn {
    width: 31px;
    height: 31px;
    background: url(../img/menu_ico01.png) no-repeat #287204;
    border: 1px solid #246504;
}
div.s_ltop_wrap .menu_call_btn.on {
    width: 31px;
    height: 31px;
    background: url(../img/close_ico01.png) no-repeat #287204;
    border: 1px solid #246504;
}
div.s_ltop_wrap .sch_call_btn.on {
    background: url(../img/close_ico01.png) no-repeat #287204;
    border: 1px solid #246504;
}
div.s_ltop_wrap .gsch_btn {
    background: url(../img/sch_ico01.png) no-repeat #287204;
    border: 1px solid #246504;
    border-width: 1px 0 1px 0;
}
div.s_ltop_wrap .gsch_inp {
    border: 1px solid #246504;
}


.s_gtop_wrap {background:#226bce; height:51px;}
div.s_gtop_wrap .sch_call_btn {
    float: left;
    width: 31px;
    height: 31px;
    display: block;
    background: url(../img/sch_ico01.png) no-repeat #1358b6;
    border: 1px solid #0c4a9e;
}

div.s_gtop_wrap .menu_call_btn {
    width: 31px;
    height: 31px;
    background: url(../img/menu_ico01.png) no-repeat #1358b6;
    border: 1px solid #0c4a9e;
}
div.s_gtop_wrap .menu_call_btn.on {
    width: 31px;
    height: 31px;
    background: url(../img/close_ico01.png) no-repeat #1358b6;
    border: 1px solid #0c4a9e;
}
div.s_gtop_wrap .sch_call_btn.on {
    background: url(../img/close_ico01.png) no-repeat #1358b6;
    border: 1px solid #0c4a9e;
}
div.s_gtop_wrap .gsch_btn {
    background: url(../img/sch_ico01.png) no-repeat #1358b6;
    border: 1px solid #0c4a9e;
    border-width: 1px 0 1px 0;
}
div.s_gtop_wrap .gsch_inp {
    border: 1px solid #0c4a9e;
}


.s_otop_wrap {background:#694602; height:51px;}
div.s_otop_wrap .sch_call_btn {
    float: left;
    width: 31px;
    height: 31px;
    display: block;
    background: url(../img/sch_ico01.png) no-repeat #825705;
    border: 1px solid #694602;
}

div.s_otop_wrap .menu_call_btn {
    width: 31px;
    height: 31px;
    background: url(../img/menu_ico01.png) no-repeat #825705;
    border: 1px solid #694602;
}
div.s_otop_wrap .menu_call_btn.on {
    width: 31px;
    height: 31px;
    background: url(../img/close_ico01.png) no-repeat #825705;
    border: 1px solid #694602;
}
div.s_otop_wrap .sch_call_btn.on {
    background: url(../img/close_ico01.png) no-repeat #825705;
    border: 1px solid #694602;
}
div.s_otop_wrap .gsch_btn {
    background: url(../img/sch_ico01.png) no-repeat #825705;
    border: 1px solid #694602;
    border-width: 1px 0 1px 0;
}
div.s_otop_wrap .gsch_inp {
    border: 1px solid #694602;
}


.s_ntop_wrap {background:#ce104c; height:51px;}
div.s_ntop_wrap .sch_call_btn {
    float: left;
    width: 31px;
    height: 31px;
    display: block;
    background: url(../img/sch_ico01.png) no-repeat #be1248;
    border: 1px solid #9d0d3a;
}

div.s_ntop_wrap .menu_call_btn {
    width: 31px;
    height: 31px;
    background: url(../img/menu_ico01.png) no-repeat #be1248;
    border: 1px solid #9d0d3a;
}
div.s_ntop_wrap .menu_call_btn.on {
    width: 31px;
    height: 31px;
    background: url(../img/close_ico01.png) no-repeat #be1248;
    border: 1px solid #9d0d3a;
}
div.s_ntop_wrap .sch_call_btn.on {
    background: url(../img/close_ico01.png) no-repeat #be1248;
    border: 1px solid #9d0d3a;
}
div.s_ntop_wrap .gsch_btn {
    background: url(../img/sch_ico01.png) no-repeat #be1248;
    border: 1px solid #9d0d3a;
    border-width: 1px 0 1px 0;
}
div.s_ntop_wrap .gsch_inp {
    border: 1px solid #9d0d3a;
}

.s_ftop_lt h2 a {display:block;}
.s_ftop_lt h2 a img {height:26px; display:block;}
.s_ftop_lt h2 {padding:14px 0; float:left;}
.s_ftop_lt .viewtopspan {display:block;padding:14px 0;float:left;}
.s_ftop_lt .viewtopspan a {display:block;}
.s_ftop_lt .viewtopspan a img {height:26px; display:block;}

.top {position:relative; z-index:20; background:#ffffff;}

.t3d_rt {float:right;}
.t3d_sch01 {float:left;padding: 7px 0; margin-left:42px;}
.t3d_sch01 .w1 input {border-bottom:1px solid #000000; display:block;width:208px;border: 0;padding: 0;padding-right:36px;height: 35px;font-size:16px;line-height: 35px;color:#000;background:transparent;border-bottom:1px solid #000000;}
.t3d_sch01 .w1 {position:relative;}
.t3d_sch01 .btn_sch01 {-webkit-appearance:none;appearance:none;position:absolute;right:0;top:0;padding:0;border:0px;display:block;width: 35px;height: 35px;background:url(../img/ico_sch01.png) center no-repeat;}
.t3d_sns01 {float:left; padding-top:7px;}
.t3d_sns01 ul li {float:left; margin-left:18px;}
.t3d_sns01 ul li + li {}
.t3d_sns01 ul li a {display:block;}
.t3d_sns01 ul li:nth-child(1) a {width:36px; height:36px; background:url(../img/ico_sns_fb01.png) center no-repeat;}
.t3d_sns01 ul li:nth-child(2) a {width:36px; height:36px; background:url(../img/ico_sns_yt01.png) center no-repeat;}
.t3d_sns01 ul li:nth-child(3) a {width:36px; height:36px; background:url(../img/ico_sns_blog01.png) center no-repeat;}



.gmvtool01 {position:absolute; left:50%; margin-left:-690px;}
.gmvtool01.on {position:fixed; top:60px !important;}
.gmvtool01_in {box-sizing:border-box;padding: 12px 0;border:1px solid #cecece;width:70px;/* border-radius:68px; */}
.gmvtool01_in .dv1 + .dv1 {margin-top: 12px;}
.gmvtool01 .dv1 a {display:block;}
.gmvtool01 .dv1 .w1 {display:block;font-size:24px;line-height:30px;text-align:center;font-weight:700;color: #777777;}
.gmvtool01 .dv1 .gmvt_ts01 {display:block; font-size:11px; line-height:14px;  text-align:center;}
.gmvtool01 .dv1 .w2 {position:relative; display:block; margin:0 auto; width:30px; height:30px;}
.gmvtool01 .dv1 .w2.t01 {background:url(../img/ico_vsns01.png) center no-repeat;background-size:24px;}
.gmvtool01 .dv1 .w2.t02 {background:url(../img/ico_vsns02.png) center no-repeat;background-size:24px;}
.gmvtool01 .dv1 .w2.t03 {background:url(../img/ico_vsns03.png) center no-repeat;background-size:24px;}
.gmvtool01 .dv1 .w2.t04 {background:url(../img/ico_vsns04.png) center no-repeat;background-size:24px;}
.gmvtool01 .dv1 .w2.t05 {background:url(../img/ico_vsns05.png) center no-repeat;background-size:24px;}
.gmvtool01 .dv1 .w2:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(255, 255, 255, 0.4); /* 밝게 보이게 흰색 반투명 */
    backdrop-filter: brightness(1.2); /* 배경 밝기 조정 */
}


.t3d_sns02 {float:left;margin-top: 7px;margin-right: 7px;margin-left: 10px;}
.t3d_sns02 .dv1 {float:left;}
.t3d_sns02 .dv1 + .dv1 {margin-left:5px;}
.t3d_sns02 .dv1 a {display:block; border-radius:100%; border:1px solid #000000;}
.t3d_sns02 .dv1 .w1 {display:block; font-size:24px; line-height:30px; text-align:center; font-weight:700;}
.t3d_sns02 .dv1 .gmvt_ts01 {display:block; font-size:12px; line-height:14px;  text-align:center;}
.t3d_sns02 .dv1 .w2 {position:relative; display:block; margin:0 auto; width:34px; height:34px;}
.t3d_sns02 .dv1 .w2.t01 {background:url(../img/ico_vsns01.png) center no-repeat; background-size:24px;}
.t3d_sns02 .dv1 .w2.t02 {background:url(../img/ico_vsns02.png) center no-repeat; background-size:24px;}
.t3d_sns02 .dv1 .w2.t03 {background:url(../img/ico_vsns03.png) center no-repeat; background-size:24px;}
.t3d_sns02 .dv1 .w2.t04 {background:url(../img/ico_vsns04.png) center no-repeat; background-size:24px;}
.t3d_sns02 .dv1 .w2.t05 {background:url(../img/ico_vsns05.png) center no-repeat; background-size:24px;}
.t3d_sns02 .dv1 .w2:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(255, 255, 255, 0.4); /* 밝게 보이게 흰색 반투명 */
    backdrop-filter: brightness(1.2); /* 배경 밝기 조정 */
}

.gmv2dv1 {padding:20px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.gmv2dv1 .lt {float:left;}
.gmv2dv1 .lt .w1 {float:left;}
.gmv2dv1 .lt .w2 {float:left; margin-left:18px;}
.gmv2dv1 .lt .w1 img {border:1px solid #e5e5e5; border-radius:100%; width:48px; height:48px;}
.gmv2dv1 .lt .w2 .e1 {font-size:18px; font-weight:700; line-height:24px;}
.gmv2dv1 .lt .w2 .e2 {margin-top:0px; font-size:15px; color:#666666; line-height:24px;}
.gmv2dv1 .rt {float:right; padding-top:6px;}
.gmv2dv1 .rt a {display:block; background:#042b68; padding:0 8px; color:#ffffff; font-size:15px; line-height:36px;}


/* 2depth 메뉴 영역 스타일 */
.gnb_sub_updivarea{
    background: #f8f9fa;
    margin-top: 5px;
	height: 40px;
}
.gnb_sub_area {
    padding: 0;
}
.gnb_sub {
	padding-top: 5px;
}
.gnb_sub a {
    display: inline-block;
    color: #666;
    text-decoration: none;
    font-size: 16px;
    margin-right: 20px;
    padding: 5px 0;
}
.gnb_sub a:hover {
    color: #042b68;
	text-decoration: underline;
}
.gnb_sub .subactive {
    color: #042b68;
	text-decoration: underline;
}
.gnb_sub a:last-child {
    margin-right: 0;
}

/* 전체 메뉴 영역 스타일 */
.all_menu_area {
    background: #fff;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    padding: 30px 0;
}
.all_menu_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
.menu_category {
    min-width: 150px;
}
.menu_category h3 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 0 0 15px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #042b68;
}
.menu_items {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.menu_items a {
    color: #666;
    text-decoration: none;
    font-size: 14px;
    padding: 3px 0;
}
.menu_items a:hover {
    color: #042b68;
}

/* GNB 호버 효과 */
.gnb a[data-menu]:hover {
    color: #042b68;

    border-bottom:2px solid #042b68;
}
.gnb a[data-menu].active {
    color: #042b68;
    border-bottom:2px solid #042b68;
    font-weight: bold;
}
.gnb a.gnb_menu01 {border-bottom:2px solid transparent !important;}


.clsListSubM{
padding: 10px 0;
border-bottom:1px solid #eeeeee;
overflow: hidden;
}
.clsListSubM li{
margin-left:14px;
float:left;
}
.clsListSubM .subactive1{
font-weight:600;
color: #042b68;
text-decoration: underline;
}
.clsListSubM:after{
content: ' ';
clear:both;
}

.altlist-btn { display: block; padding: 0.25rem; font-size: 1.4rem; font-weight: 400; line-height: 1; color: var(--nd-secondary, #6c757d); background-color: transparent; border: 1px solid transparent; border-radius: var(--nd-border-radius, 0.25rem); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
.altlist-btn::before { content: ""; display: inline-block; width: 1em; height: 1em; line-height: 1; background-color: currentColor; -webkit-mask-image: var(--nd-section-icon, unset); mask-image: var(--nd-section-icon, unset); -webkit-mask-size: cover; mask-size: cover; vertical-align: -0.125em; }
.altlist-btn:hover { color: var(--nd-gray-dark, #343a40); background-color: transparent; border-color: var(--nd-gray-200, #e8e8e9); }
.altlist-btn.active {color: var(--nd-body-color, #000);background-color: var(--nd-light, #f8f9fa);border-color: var(--nd-gray-300, #d2d2d4);}
.altlist-btn-list { --nd-section-icon: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke-width='1.5' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000'%3E%3Cpath d='M8 6h12M4 6.01l.01-.011M4 12.01l.01-.011M4 18.01l.01-.011M8 12h12M8 18h12' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.altlist-btn-webzine {--nd-section-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M14 19h6M14 9h6M14 15h6M14 5h6' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M4 9.4V4.6c0-.33.27-.6.6-.6h4.8c.33 0 .6.27.6.6v4.8c0 .33-.27.6-.6.6H4.6c-.33 0-.6-.27-.6-.6zM4 19.4v-4.8c0-.33.27-.6.6-.6h4.8c.33 0 .6.27.6.6v4.8c0 .33-.27.6-.6.6H4.6c-.33 0-.6-.27-.6-.6z' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E");} .altlist-btn-tile { --nd-section-icon: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke-width='1.5' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000'%3E%3Cpath d='M14 20.4v-5.8a.6.6 0 0 1 .6-.6h5.8a.6.6 0 0 1 .6.6v5.8a.6.6 0 0 1-.6.6h-5.8a.6.6 0 0 1-.6-.6zM3 20.4v-5.8a.6.6 0 0 1 .6-.6h5.8a.6.6 0 0 1 .6.6v5.8a.6.6 0 0 1-.6.6H3.6a.6.6 0 0 1-.6-.6zM14 9.4V3.6a.6.6 0 0 1 .6-.6h5.8a.6.6 0 0 1 .6.6v5.8a.6.6 0 0 1-.6.6h-5.8a.6.6 0 0 1-.6-.6zM3 9.4V3.6a.6.6 0 0 1 .6-.6h5.8a.6.6 0 0 1 .6.6v5.8a.6.6 0 0 1-.6.6H3.6a.6.6 0 0 1-.6-.6z' stroke='%23000'/%3E%3C/svg%3E"); }
.altlist-btn-group { display: flex; flex-direction: row; align-items: center; gap: 0.25rem; margin-left: auto;position: absolute;right: 0;top: 0px; }




.vcon_stit01 {font-size:20px; line-height:28px; padding-left:12px; border-left:4px solid #000000; font-weight:700;margin-bottom: 20px;}
.vcon_stit01 p {font-weight:600;}

.article_con_img {margin:0 auto; padding:24px 0;}
div.detailCont figure {margin:0 auto; padding:0;margin-bottom:10px;}
div.detailCont figure img {display:block; margin:0 auto;}
div.detailCont figure figcaption {font-size:14px; color:#999999; line-height:19px; margin-top:7px; padding-bottom:10px; border-bottom:1px solid #d4d4d4;}
div.detailCont strong,b {font-weight:bold;}
.txt_article a{
color:blue;
}
.txt_article #QuotationID {
padding-left: 20px;
display: table-cell;
font-family: 'Malgun Gothic','Gulim','Dotum','AppleGothic','AppleSDGothicNeo','arial', 'sans-serif' !important;
clear: both;
min-height: 300px;
font-size: 17px;
color: #3c3e40;
line-height: 34px;
font-weight: normal;
letter-spacing: -0.02em;
}


.hnr1v ul li {display:flex; flex-direction: row;}
.hnr1v ul li .img a {display:block;}
.hnr1v ul li .img a img {display:block; width:90px; height:65px; border-radius:5px; overflow:hidden;}
.hnr1v ul li .txt2 {box-sizing:border-box; padding-right:16px; align-content: center; flex-grow:1;}
.hnr1v ul li .txt2 a {font-size:17px; line-height:22px; font-weight:500; max-height:44px;word-break: break-word;}
.hnr1v ul li .txt1 a {display:block; width:25px; font-size:20px; color:#001671; font-weight:700; line-height:28px;}
.hnr1v ul li .txt1 {align-content: center;}
.hnr1v ul li {}
.hnr1v ul li + li {margin-top:14px;padding-top:15px; border-top:1px solid #eeeeee;}
.hnr1v ul {margin-top:12px;}
.hnr1v ul li:last-child {padding-bottom:14px; border-bottom:1px solid #eeeeee;}

.hnr2v_con {margin-top:12px;}
.hnr2v_con .w1 a {display:block;}
.hnr2v_con .w1 a img {display:block; width:320px; height:200px;}
.hnr2v_con .w2 ul li a {font-size:17px; line-height:22px; max-height:22px; font-weight:500;}
.hnr2v_con .w2 ul li {margin-top:14px;padding-bottom: 14px; border-bottom: 1px solid #eeeeee;}
.hnr2v_con .w2 ul li:first-child {margin-top:0px;}
.hnr2v_con .w2 {margin-top:14px;}


.banner_roll01 { position:relative; height:260px; overflow:hidden; }
.banner_roll01 .mt2tong_slide { position:relative; float:left; width:1200px; }
.banner_roll01 .mt2tong_slide .mt2tong_slide_dv {float:left;width:252px;height: 252px;background:#fff;text-align:center;overflow:hidden;display:table-cell;vertical-align:middle;margin:0 4px;}
.banner_roll01 .mt2tong_slide .mt2tong_slide_dv .mm { width:0; height:100%; display:inline-block; vertical-align:middle; }
.banner_roll01 .mt2tong_slide .mt2tong_slide_dv a {display:table-cell;vertical-align:middle;text-align:center;width:250px;border: 1px solid #ececec;height:250px;outline:none;}
.banner_roll01 .mt2tong_slide .mt2tong_slide_dv a img {vertical-align:middle; display:inline-block;max-width:250px;max-height:250px;}