@CHARSET "UTF-8";
body{/*font-family: 'Noto Sans KR', sans-serif;*/font-family: 'Montserrat', sans-serif;}
.w0p{width: 0% !important;}
.w5p{width: 5% !important;}
.w10p{width: 10% !important;}
.w15p{width: 15% !important;}
.w20p{width: 20% !important;}
.w25p{width: 25% !important;}
.w30p{width: 30% !important;}
.w35p{width: 35% !important;}
.w40p{width: 40% !important;}
.w45p{width: 45% !important;}
.w50p{width: 50% !important;}
.w55p{width: 55% !important;}
.w60p{width: 60% !important;}
.w65p{width: 65% !important;}
.w70p{width: 70% !important;}
.w75p{width: 75% !important;}
.w80p{width: 80% !important;}
.w85p{width: 85% !important;}
.w90p{width: 90% !important;}
.w95p{width: 95% !important;}
.w100p{width: 100% !important;}


.mt0 { margin-top: 0 !important;}
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }
.mt105 { margin-top: 105px !important; }
.mt120 { margin-top: 120px !important; }
.mt125 { margin-top: 125px !important; }
.mt180 { margin-top: 180px !important; }
.mt200 { margin-top: 200px !important; } 


.mb0 { margin-bottom: 0 !important;}
.mb5 { margin-bottom: 54px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb120 { margin-bottom: 120px !important; }
.mb128 { margin-bottom: 128px !important; }
.mb160 { margin-bottom: 160px !important; }
.mb180 { margin-bottom: 180px !important; }
.mb200 { margin-bottom: 200px !important; }

.mr0 { margin-right:0px !important; }
.mr4 { margin-right:4px !important; }
.mr8 { margin-right:8px !important; }
.mr16 { margin-right:16px !important; }
.mr22 { margin-right:22px !important; }
.mr32 { margin-right:32px !important; }
.mr30 { margin-right:30px !important; }
.mr34 { margin-right: 34px !;}
.ml0 { margin-left:10px !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }

.pt0 { padding-top: 0 !important;}
.pt4 { padding-top: 4px !important; }
.pt8 { padding-top: 8px !important; }
.pt12 { padding-top: 12px !important; }
.pt16 { padding-top: 16px !important; }
.pt24 { padding-top: 24px !important; }
.pt28 { padding-top: 28px !important; }
.pt32 { padding-top: 32px !important; }
.pt36 { padding-top: 36px !important; }
.pt40 { padding-top: 40px !important; }
.pt44 { padding-top: 44px !important; }
.pt48 { padding-top: 48px !important; }
.pt56 { padding-top: 56px !important; }
.pt60 { padding-top: 60px !important; }
.pt64 { padding-top: 64px !important; }
.pt68 { padding-top: 68px !important; }
.pt72 { padding-top: 72px !important; }
.pt76 { padding-top: 76px !important; }
.pt80 { padding-top: 80px !important; }
.pt84 { padding-top: 84px !important; }
.pt92 { padding-top: 92px !important; }
.pt96 { padding-top: 96px !important; }
.pt100 { padding-top: 100px !important; }
.pt120 { padding-top: 120px !important; }
.pt172 { padding-top: 172px !important; }
.pt180 { padding-top: 180px !important; }
.pt200 { padding-top: 200px !important; }

.pl0 { padding-left: 0 !important;}
.pl8 { padding-left: 8px !important;}

.pb0 { padding-bottom: 0 !important;}
.pb4 { padding-bottom: 4px !important; }
.pb8 { padding-bottom: 8px !important; }
.pb16 { padding-bottom: 16px !important; }
.pb24 { padding-bottom: 24px !important; }
.pb28 { padding-bottom: 28px !important; }
.pb32 { padding-bottom: 32px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb48 { padding-bottom: 48px !important; }
.pb56 { padding-bottom: 56px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb64 { padding-bottom: 64px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb96 { padding-bottom: 96px !important; }
.pb120 { padding-bottom: 120px !important; }
.pb150 { padding-bottom: 150px !important; }
.pb180 { padding-bottom: 180px !important; }
.pb200 { padding-bottom: 200px !important; }

.pr0 { padding-right: 0 !important; }
.pr16 { padding-right: 16px !important; }

.hide { display:none; }
.of-hi { overflow:hidden !important; }
.fl-l { float:left !important; }
.fl-r { float:right !important; }
.cl-b { width:0; height:0; font-size:0; line-height:0; clear:both;}
.va-m { vertical-align:middle !important;}
.va-t { vertical-align: top !important;}
.va-b { vertical-align: bottom !important;}
.max { width:100% !important; }
.ta-c { text-align:center !important; }
.ta-l { text-align:left !important; }
.ta-r { text-align:right !important; }
.clear { display:block; overflow:visible; width:auto; clear:both; *zoom:1;}
.clear:after { display:block; visibility:hidden; height:0; font-size:0; clear:both; content:'';}

.bg-blue1{background: #002060;color:#ffffff}
.bg-blue2{background: #deebf7; color: #000000;}
.bg-red1{background:#ed7d31; color:#ffffff}
.bg-red2{background:#fbe5d6; color:#000000}
.font-color-w{color:#ffffff;}



#header.active{background-color:#1e4356;}
#header.header-scrolled .img-b,
#header.active .img-b{display: none;}
#header.header-scrolled .img-w,
#header.active .img-w{display: inline-block;}

#header h1 img{margin-top: -20px !important;}
#header .img-b{display: inline-block;}
#header .img-w{display: none;}



/* #page-contents{font-family: 'Noto Sans KR', sans-serif;}
#header{ position: absolute;background-color: #ffffff; border-bottom:1px solid #cccccc; width: 100%; height: 125px; top: 0; padding:10px 30px; display: flex; align-items: flex-start; z-index:9;box-sizing: border-box;}
#header > div{display: flex;width: 100%;}
#header.active > div h1 > a{background: url(../images/top_logo_w.png) no-repeat left top;}
#header.active{border-bottom:none; background-color:transparent;}
#header.active:before,
#header.active:after{background:transparent;}
#header.active.open:before,
#header.active.open:after{background:#cccccc;}
#header.active #gnb > ul > li > a,
#header.active > div > ul.utill > li > a{color:#ffffff}

#header.active.open{background-color: #ffffff;}
#header.active.open  #gnb > ul > li > a{color:#333333;}

#header #gnb{height: 100%; display: flex; flex:1; justify-content: center;}
#header #gnb > ul{display: flex; justify-content: center;}
#header #gnb > ul > li{position:relative; display: flex;}
#header #gnb > ul > li + li{margin-left:20px;}
#header #gnb > ul > li > div{display:none;}
#header #gnb > ul > li > div > ul > li{padding: 0 22px;}
#header #gnb > ul > li > div > ul > li + li{margin-top:16px;}
#header #gnb > ul > li > a{width: 100%; height: 110px; margin: 0 22px; text-align: center; font-size:1.429em; font-weight: 700; display: flex; justify-content: center; align-items: center;}
#header #gnb > ul > li > div > ul > li > ul{margin-left:10px;}
#header #gnb > ul > li > div > ul > li > ul a{color:#898989}

#header.open {box-shadow: 1px 0 2px 2px #cccccc; background: #ffffff;}
#header.open #gnb:after {content: ''; width: 100%; background-color: #ffffff; border-bottom: 1px solid #dddddd; position: absolute; left: 0; z-index: -1; padding-bottom: 20px;}
#header.open #gnb > ul > li > div >  ul > li >a{word-break: break-all;font-size: 1.143em; font-weight: 400; line-height: 24px;}
#header.open #gnb > ul > li > div{display:block; width:100%; position: absolute; top: 110px; padding: 20px 0;}
#header.open #gnb > ul > li.on > a{color:#004998; position:relative;}
#header.open #gnb > ul > li.on:before{content:'';width: 90%; height:4px; background: #004998; display: inline-block; position: absolute; top:0}
#header.open #gnb > ul > li.on >  div{background-color:#eeeeee;}
#header.open #gnb > ul > li.on >  div > ul > li >a:hover{color:#004998; font-weight: 700;}

.footer{background-color:#1C1E26; color:#A0A1A7; font-size:18px; padding:15px 0; }
.footer .f-top,
.footer .f-bottom{padding:0 15px}
.footer .f-top{margin:60px 0 45px;}
.footer .f-top ul{margin-top:25px;}
.footer .f-top ul li{}
.footer .f-top ul li + li{margin-top:10px;}
.footer .f-bottom{border-top:1px solid rgba(255,255,255, 0.5); padding-top: 30px;}

#main .content-area .post-wrap{padding-right:0;} */
/* #fullpage .section{padding:0;} */


.row{margin-right:0; margin-left:0;} 

#anchor li {display:inline-block; width:10px; height:10px; color: #000; background:#fff; background: rgba(255,255,255, 0.5);}
#anchor li + li{margin-top:10px;}
#anchor li.active{background:#666; background: rgba(0,0,0, 0.5); color: #fff;}
#anchor li a{text-decoration:none; color: #000;}
#anchor li.active a:hover{color: #000;}
#anchor li:hover{background: rgba(255,255,255, 0.8);}
#anchor li a,
#anchor li.active a{width:100%; height:100%; background-color:#333333; display:block; border-radius:50%;}
#anchor li.active a{color: #333333;}
#anchor{position:fixed; display: flex; flex-direction: column; top:calc(50% - 100px);	right:0; height:100px; z-index: 70;	width:25px;	padding: 0;	margin:0;}

.m-img{}
.m-img img{width:100vw; height:100vh;}

.section h2{font-size:4em; color:#000000; font-weight: bold; margin-bottom: 50px;}
.quick-wrap{display: flex; width: 100%; justify-content: space-between;}
.quick-wrap li{position:relative;background-color:#F6F6F8; width:25%; height:500px; padding:30px 20px; display: flex; flex-direction: column; justify-content: space-between;}
.quick-wrap li + li{margin-left:5%;}
.quick-wrap li p{font-size:1.875em; color:#333333; font-weight:bold; margin-bottom: 20px;}
.quick-wrap li span{font-size:1.250em; color:#565656;}
.quick-wrap li div{}
.quick-wrap li div + div{display: flex; justify-content: space-between; font-size: 2em; align-items: center; padding:10px 20px}
.quick-wrap li div > a{}
/*.quick-wrap li div > a::before{content: '\f08e'; font: var(--fa-font-solid); margin-left: 5px;}*/

.quick-wrap li div > svg{font-size:3em}
.quick-wrap li:hover{border-radius:30px; box-shadow: 0 0 3px 1px #dddddd;}
.quick-wrap li:hover div > svg{color:#0465e4}

.slider {width: 90%; margin: 100px auto;}
.slick-slide {margin: 0px 20px;}
.slick-slide img {width: 100%;}
.slick-prev:before,
.slick-next:before {color: black;}
.slick-slide {transition: all ease-in-out .3s; opacity: .2;}
.slick-active {opacity: .5;}
.slick-current {opacity: 1;}

.bussiness{}
.bussiness-list{position: relative;}
.bussiness-list [class*="bussiness-bg"]{width: 100%; padding-bottom: 62.5%; background-repeat: no-repeat; background-color:#dddddd; background-size: cover; background-position: center;}
.bussiness-list > p{position: absolute; left:10px; bottom:10px; font-weight: bold; font-size:2em; }

.news-wrap{display:flex;}
.news-wrap .news_tit,
.news-wrap .news_cont{flex: 1;}
.news-wrap .news_tit{position: relative;}
.news-wrap .news_tit::before{content: ''; width: 510px; height: 100%; background-color: #568AE5; display: inline-block; position: absolute; z-index: -1;}
.news-wrap .news_tit > div{padding:50px 20px;position: relative; height: 100%;}
.news-wrap .news_tit > div::before{content: 'NEWS'; position: absolute; right: -25px; top: calc(35%); font-size: 6.25em; font-weight: bolder; color: rgba(255,255,255,0.35);}
.news-wrap .news_tit h3{font-size: 3.13em; font-weight: bold; color: #ffffff;}

.news-wrap .news_cont{width:75%; margin: 30px 0; position: relative;}
.news-wrap .news_cont .swiper-wrapper{padding:10px 0; }
.news-wrap .section-inner > div{display: flex; align-items: center; height: 100%;}
.news-wrap .swiper{height:100%; padding-bottom: 20px;}
.news-wrap .swiper .swiper-pagination{bottom: 0px; top: auto;}
.news-wrap .swiper .swiper-slid{}
.news-wrap .item{border:1px solid #dedede;box-shadow: 0px 0px 10px 0px #666666; background: #ffffff; padding:50px 40px; display: flex; align-items: flex-start; flex-direction: column; justify-content: space-between;}
.news-wrap .item > .flag{color:#004998;  display: inline-block; padding: 3px 0; font-weight: 700;}
.news-wrap .item > .flag:before{content:'NEWS'}
.news-wrap .item > strong{height:2.714em;}
.news-wrap .item > p{height: 10.714em;}
.news-wrap .item > span ~ *{margin-top:15px;}
.news-wrap .news-swiper .swiper-button {display: flex; align-items: center; justify-content: space-between; position: absolute; width: 150px; height: 50px; left: -30%; bottom: 0;}
.news-wrap .news-swiper .swiper-button-next, .news-wrap .news-swiper .swiper-button-prev {	color: #ffffff; font-weight: bold;position: inherit; width: 50px; height: 50px; text-align: center; display: flex; justify-content: center; align-items: center;}


/*sub*/
#container{padding:20px;}
.info > p{font-size:2.38em; color:#005793; font-weight: 700; line-height: 1.2; word-break: keep-all;}
.info > p > span{display: none;}
.info > p > span img{width:100%;}
.info section{margin-top:30px; font-size:1.13em;}
.info section + section{}
.info section > p{}
.info section > p + p{margin-top:20px;}
.info-table{border-top:2px solid #333333; width:100%}
.info-table th,
.info-table td{border-bottom: 1px solid #ddd; padding: 1.5555555556em;}
.info-table td{color:#666666;}
.info-ul-wrap{display: flex; justify-content: space-between; width: 100%;}
.info-ul{border-top:2px solid #333333; width:50%;}
.info-ul + .info-ul{margin-left:50px;}
.info-ul li{display: flex; border-bottom: 1px solid #ddd; padding: 1.5555555556em; width:100%;}
.info-ul li em,
.info-ul li span{display:inline-block;}
.info-ul li em{font-weight: bold; color:#000000; width: 30%}
.info-ul li span{color:#666666;width:70%}

ul.tabs{margin: 0px; padding: 0px; list-style: none;display: flex;justify-content: space-between;width: 100%;margin-bottom: 30px;}
ul.tabs li{background: none; color: #222; display: inline-block; padding: 10px 15px; cursor: pointer;width:100%; border: 1px solid #dddddd; text-align: center;}
ul.tabs li.current{background: #000000; color: #ffffff;}
.tab-content{display: none; padding: 15px;}
.tab-content.current{display: inherit;}

.Material{width: 100%;}
.Material p.tit{font-size:2.38em; color:#005793; font-weight: 700; word-break: keep-all;}
.Material p.tit > span{font-size:0.6em; font-weight: normal; display: block; margin-top: 10px;; }
.Material section{display: flex; margin-top: 30px;}
.Material .tab-content > div + div{margin-top:100px;}
.Material section + section{margin-top:100px}
.Material section > .title{width:23%; font-size: 2em; font-weight: 700; word-wrap: break-word; word-break: keep-all;}
.Material section > .content{width:77%;font-size: 1.13em; position: relative; padding-left:50px;}
.Material section > .content::before{content:''; width:1px; height: 210px; background-color: #cccccc; position:absolute; left: 0;}
.Material section > .content.h50::before{ height: 50px;}
.Material section > .content.sub11{}
.Material section > .content.sub11 > .cont-top,
.Material section > .content.sub11 > .cont-mid{width:100%;}
.Material section > .content.sub11 > .cont-top > p{font-weight: 700;}
.Material section > .content.sub11 > .cont-top > p + ul{margin-top:20px;}
.Material section > .content.sub11 > .cont-top > ul{}
.Material section > .content.sub11 > .cont-top >  ul > li + li{margin-top:10px;}
.Material section > .content.sub11 .cont-mid{margin-top:30px;}
.Material section > .content.sub11 .cont-mid > img{}
.Material section > .content.sub11 .cont-mid ul{display: flex; margin-top: 15px;}
.Material section > .content.sub11 .cont-mid ul > li{}
.Material section > .content.sub11 .ul-img li + li{margin-left: 15px;}
.Material section > .content.sub11  .tbl_wrap .stru{font-weight: bold; margin-top: 10px;} 

.sub11-0403 ul{display: flex; flex-direction: column;}
.sub11-0403-02{display: flex; justify-content: space-between;}
.sub11-0403-02 div{border:1px solid #dddddd}
.sub11-0403-02 div + div{margin-left:10px;}

.Material section.onep > .content{width:100%; padding-left: 0;}
.Material section.onep > .content::before{display:none;}


.d-row{display: flex; flex-direction: column;}
.d-col{display: flex;}

.mo-hidden{display: block;}

.d-justify-between{justify-content: space-between;}
.d-align-center{align-items: center;}
.d-justify-center{justify-content: center;}
.d-align-start{align-items: flex-start;}
.li-list li{padding-left:20px; width:100%; position: relative;}
.li-list li::before{content: ''; display: inline-block; width: 10px; height: 1px; background-color: #333333; position: absolute; left: 0; top: 13px;}

.li-type{list-style: none; counter-reset: my-awesome-counter;}
.li-type li{padding-left:65px; width:100%; position: relative; counter-increment: my-awesome-counter;}
.li-type li::before{content:'type 'counter(my-awesome-counter)'.'; position:absolute;left: 0; }

.con-tit{font-size: 1.5em; font-weight: bold; margin-bottom: 40px;}
article + article{margin-top:80px;}
.bullet{ position:relative; padding-left: 30px;}
.bullet:before{content: '\f00c'; font: var(--fa-font-solid); position: absolute; left:0; top:5px;}
.con-ul01{display: flex; flex-wrap: wrap; width: 100%;}
.con-ul01 li{width:50%; position:relative; padding-left: 15px;}
.con-ul01 li::before{content: '\f0c8'; font: var(--fa-font-solid);font-size: 0.1em; position: absolute; left:0; top:8px;}
.con-ul01 li + li{}

.con-ul02{display: flex; flex-wrap: wrap; width: 100%;}
.con-ul02 li{width: calc(100% - 15%); position:relative; padding-left: 15px;}
.con-ul02 li:before{content: '-'; position: absolute; left:0; top: -1px;}

.con-ul03{display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between;}
.con-ul03 li{width:30%;}
.con-ul03 li + li{}

.div-img{}
.div-img img{width:100%;}

.tbl-wraper{width:100%; overflow: auto;}
.tbl_wrap{ border-top: 2px solid #333333; font-size: smaller;min-width: 500px;} 
.tbl_wrap th,
.tbl_wrap td{border-bottom: 1px solid #ddd; padding: 1.5555555556em;}
.tbl_wrap.line{font-size: small;}
.tbl_wrap.line th,
.tbl_wrap.line td{border: 1px solid #ddd;}

.s10-ul{}
.s10-ul > p{background-color: #000;  color:#ffffff; font-size:1.1em; font-weight: bold; padding:5px 10px}
.s10-ul > ul{ display: flex; flex-direction: column;}
.s10-ul > ul > li{display: flex; justify-content: space-between; padding:5px 10px; border-bottom:1px solid #dddddd;}
.s10-ul > ul > li > span:first-of-type{width:70%}
.s10-ul > ul > li > span:last-of-type{width:30%; margin-left:10px;}

.s10-product{margin-top:50px;}
.s10-product > div{display: flex; justify-content: space-between;} 
.s10-product > div > div{width:100%;}
.s10-product > div > div + div{margin-left:10px;}
.s10-product > div > div > p{font-size: 1.1em; background-color: #000; color: #ffffff; padding:5px; margin-bottom:5px; height: 75px;} 

.s10-product2{margin-top:50px;}
.s10-product2 > div{display: flex; justify-content: space-between;} 
.s10-product2 > div > div{}
.s10-product2 > div > div + div{margin-left:10px;}
.s10-product2 > div > div > p{font-size: 1.1em; background-color: #000; color: #ffffff; padding:5px; margin-bottom:5px; height: 75px;} 

.ss13-cont{display: flex; justify-content: space-between; flex-wrap: wrap;}
.ss13-cont > div{width:24%; display: flex; flex-direction: column; justify-content: space-between; margin-bottom:20px;}
.ss13-cont > div > div{}
.ss13-cont > div > p{border-top:2px solid #000000; text-align: center; padding:10px; height: 80px;}
.ss13-cont.w15 > div{width:15%;}

.ss15-cont{display: flex; justify-content: space-between;}
.ss15-cont > div{}
.ss15-cont > div + div{margin-left:10px}
.ss15-cont > div > div > div{overflow: hidden; min-height: 113px;}
.ss15-cont > div > div > p{text-align: center; padding:10px 0;}

.sub0113{width:100%;}
.sub0113 > div{}
.sub0113 > div + div{margin-top:60px;}
.sub0113 > div > p{font-size: 2em; font-weight:bold;}
.sub0113 > div > div{font-size: 1.3em; background-color: #f5f5f5; display: flex; padding: 40px 20px;}
.sub0113 > div > p + div{margin-top:15px;}
.sub011301 > div{}
.sub011301 > div > p{}
.sub011301 > div > p + p{margin-left:15px;}
.sub011301 > div > p > span{font-weight:bold;}
.sub011302 > div > p{display: flex; justify-content: center; align-items: center;}
.sub011302 > div > p:before,
.sub011302 > div > p:after{content:''; font-size:1.3em;font-weight:bold; }
.sub011302 > div > p:before{content:'['; margin-right:10px;}
.sub011302 > div > p:after{content:']'; margin-left:10px;}
.sub011303 > div{flex-direction: column;}
.sub011303 > div > p{}
.sub011303 > div > p:before{content:'-'; margin-right:10px;}
.sub011303 > div > p + p{margin-top:10px}
.sub011304{}
.sub011304 > div{display: flex; justify-content: center;}
.sub011304 > div > p{border:3px solid #dcdcdc; padding:30px 100px; border-radius: 50px;}
.sub011304 > div > p > span{}
.sub011304 > div > p > span + span{margin-left:50px;}
.sub011304 > div > p > span > em{font-weight: bold;;}


.sub11{}
.sub11 > div{}
.sub11 > div + div{margin-top:30px;}
.sub1101{display: flex;}
.sub1101 div + div{margin-left: 30px;;}
.sub1102{display: flex; justify-content: center; align-items: center; width: 100%; flex-wrap: wrap;}
.sub1102 > div{width:33.3%; border:1px solid #dddddd; display: flex;flex-direction: column; align-items: center; justify-content: center; height: 150px;}
.sub1102 > div + div{}
.sub1102 > div > span{}
.sub1102 > div > p{font-size: 1.3em; font-weight: bold; margin-top: 10px;}
.sub1103{display: flex;}
.sub1103 > .tabs{display: flex; flex-direction: column; width:30%;margin-bottom: 0;border: 1px solid #dddddd;}
.sub1103 > .tabs > li{padding:20px;color:#ffffff; background: #666666;}
.sub1103 > .tabs > li.current{font-weight: bold; font-size: 1.3em;  background-color: #0465e4; color:#ffffff;}
.sub1103 > .tab-content{width:70%; background-repeat: no-repeat; background-position: center; background-size: cover;}
.sub1103 > .tab-content.current{display: flex; justify-content: center; align-items: center;}
.sub1103 > #tab-1.tab-content{background-image: url(../images/sub11_01.jpg);}
.sub1103 > #tab-2.tab-content{background-image: url(../images/sub11_02.jpg);}
.sub1103 > #tab-3.tab-content{background-image: url(../images/sub11_03.jpg);}
.sub1103 > #tab-4.tab-content{background-image: url(../images/sub11_04.jpg);}
.sub1103 > .tab-content > a{border: 1px solid #ffffff; color: #ffffff; padding: 10px 20px; background-color: rgba(0,0,0, 0.5);}

.sub11-04-02{width:100%;}
.sub11-04-02 .overview-box{display: flex; height: 480px;}
.sub11-04-02 .overview-box + .overview-box{margin-top: 70px; padding-top: 80px; border-top: 1px solid #ddd;}
.sub11-04-02 .swiper {width: 100%; height: 100%;}
.sub11-04-02 .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; padding-bottom: 10px;}

.sub11-04-02 .swiper-slide img {display: block;	width: 100%; height: 100%; object-fit: cover;}

.sub11-04-02 .swiper {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.sub11-04-02 .sub11-04-02_bun{width: 40%; margin-left: 20px; display: inline-flex; flex-direction: column;}
.sub11-04-02 .bun-txt{padding-top:25px}
.sub11-04-02 .bun-txt p{font-weight: bold; font-size: 2em; margin-bottom: 10px;}
.sub11-04-02 .bun-txt span{font-size: 1.4em;;}
.sub11-04-02 .sub11-04-02_bun > div{}
.sub11-04-02 .swiper-slide {background-size: cover; background-position: center;}
.sub11-04-02 .sub11-04-02_bun > .swiper{height: 480px; width: 100%;}
.sub11-04-02 .sub11-04-02_bun {height: 100%; box-sizing: border-box;}
.sub11-04-02 .sub11-04-02_bun .swiper-wrapper{flex-wrap: wrap; height: 80px;transform: translate3d(0px, 0px, 0px) !important;}
.sub11-04-02 .sub11-04-02_bun .swiper-slide {width: calc(50% - 10px)!important; height: 100%; opacity: 0.4;}
.sub11-04-02 .sub11-04-02_bun .swiper-slide-thumb-active {opacity: 1;}
.sub11-04-02 .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}

.history .grid {overflow: hidden;}
.history .years {display: flex; padding-left: 40px; font-weight: 700; font-size: 90px; line-height: 108px; color: #5185C5;}
.history .years span {padding: 40px 0;}
.history .years li {opacity: 0.1; padding: 40px 0;}
.history .years li.active {opacity: 1;}
.history .history-wrap {border-bottom: 1px solid #ddd; padding: 40px 0 150px;}
.history .history-wrap .history-detail {padding: 40px 0; border-top: 1px solid #ddd;}
.history .history-wrap .history-detail li {display: flex; font-size: 18px; line-height: 30px; padding: 30px 0; color: #555; opacity: .3; transition: all .6s;}
.history .history-wrap .history-detail li p {flex: none; width: 80px; font-weight: 700; color: #000;}
.history .history-wrap .history-detail.active li {opacity: 1;}
.pin-spacer{place-self: auto; grid-area: auto / auto / auto / auto; z-index: auto; float: none; flex-shrink: 1; display: flex; margin: 0px; inset: auto; position: relative; overflow: visible; box-sizing: border-box; width: 380px; height: 1128px; padding: 0px;}   


.sub220404{}
.sub220404 article ul{flex-direction: column;}
.sub220404 article div{display: flex; justify-content: space-around;}
.sub220404 article div > div{border: 1px solid #dddddd; display: flex; flex: 1; flex-wrap: wrap; align-items: center; margin-top: 20px; padding: 5px;}
.sub220404 article div > div img{width: 100%;}
.sub220404 article div + div{margin-left: 10px;}


.sub230202{width:100%;}
.sub230202 .overview-box{display: flex; height: 480px;}
.sub230202 .overview-box + .overview-box{margin-top: 70px; padding-top: 80px; border-top: 1px solid #ddd;}
.sub230202 .swiper {width: 100%; height: 100%;}
.sub230202 .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; padding-bottom: 10px;}

.sub230202 .swiper {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.sub230202 .swiper-button-next:after, 
.sub230202 .swiper-rtl .swiper-button-prev:after,
.sub230202 .swiper-button-prev:after, 
.sub230202 .swiper-rtl .swiper-button-next:after {color: #fff;}/* 검정 #000000 흰색 #fff */
.sub230202 .sub230202_bun{width: 40%; margin-left: 20px; display: inline-flex; flex-direction: column;}
.sub230202 .bun-txt{padding-top:25px}
.sub230202 .bun-txt p{font-weight: bold; font-size: 2em; margin-bottom: 10px;}
.sub230202 .bun-txt span{font-size: 1.4em;;}
.sub230202 .sub230202_bun > div{}
.sub230202 .swiper-slide {background-size: cover; background-position: center;}
.sub230202 .sub230202_bun > .swiper{height: 480px; width: 100%;}
.sub230202 .sub230202_bun {height: 100%; box-sizing: border-box;}
.sub230202 .sub230202_bun .swiper-wrapper{flex-wrap: wrap; height: 80px;transform: translate3d(0px, 0px, 0px) !important;}
.sub230202 .sub230202_bun .swiper-slide {width: calc(50% - 10px)!important; height: 100%; opacity: 0.4;}
.sub230202 .sub230202_bun .swiper-slide-thumb-active {opacity: 1;}
.sub230202 .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: contain; border: 1px solid #cccccc; background: #000000;}



.sub2303{width:100%;}
.sub2303 .overview-box{display: flex; height: 480px;}
.sub2303 .overview-box + .overview-box{margin-top: 70px; padding-top: 80px; border-top: 1px solid #ddd;}
.sub2303 .swiper {width: 100%; height: 100%;}
.sub2303 .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; padding-bottom: 10px;}

.sub2303 .swiper-slide img {display: block;	width: 100%; height: 100%; object-fit: cover;}

.sub2303 .swiper {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.sub2303 .sub2303_bun{width: 40%; margin-left: 20px; display: inline-flex; flex-direction: column;}
.sub2303 .bun-txt{padding-top:25px}
.sub2303 .bun-txt p{font-weight: bold; font-size: 2em; margin-bottom: 10px;}
.sub2303 .bun-txt span{font-size: 1.4em;;}
.sub2303 .sub2303_bun > div{}
.sub2303 .swiper-slide {background-size: cover; background-position: center;}
.sub2303 .sub2303_bun > .swiper{height: 480px; width: 100%;}
.sub2303 .sub2303_bun {height: 100%; box-sizing: border-box;}
.sub2303 .sub2303_bun .swiper-wrapper{flex-wrap: wrap; height: 90px;transform: translate3d(0px, 0px, 0px) !important;}
.sub2303 .sub2303_bun .swiper-slide {width: calc(50% - 10px)!important; height: 100%; opacity: 0.4;}
.sub2303 .sub2303_bun .swiper-slide-thumb-active {opacity: 1;}
.sub2303 .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}

.sub2401{}
.sub2401 .cont-top{display:flex}
.sub2401 .cont-top > div{flex:1}
.sub2401 .cont-top > div > p{background-color:#666666; padding:10px; border-radius:3px 3px 0 0; color:#ffffff; text-align: center;}
.sub2401 .cont-top > div > div{border:1px solid #dddddd; margin-top:3px; height: calc(100% - 60px); padding: 10px;}
.sub2401 .cont-top > div+div{margin-left:10px}
.sub2401 .cont-bottom{margin-top:30px;}
.sub2401 .cont-bottom > p{background-color:#004998; color:#ffffff; text-align: center; border-radius: 5px 5px 0 0; padding:15px; margin-bottom:10px}
.sub2401 .cont-bottom > div{display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 3em; grid-row-gap: 3em;}
.sub2401 .cont-bottom > div > div{border:1px solid #dddddd; padding:10px; display: flex; flex-direction: column; align-items: center; position: relative;}
.sub2401 .cont-bottom > div > div > p{}
.sub2401 .cont-bottom > div > div > span{ display: block; word-break: keep-all; font-size: 0.8em;}
.sub2401 .cont-bottom > div > div::before{content: ''; font: var(--fa-font-solid);font-size: 2em; position: absolute;}
.sub2401 .cont-bottom > div > div.box1{}
.sub2401 .cont-bottom > div > div.box2{}
.sub2401 .cont-bottom > div > div.box3{}
.sub2401 .cont-bottom > div > div.box4{}
.sub2401 .cont-bottom > div > div.box5{grid-column-start: 2; grid-row-start: 2; grid-row-end: 4; border: 2px dashed #ff0000; background-color: rgb(255 0 0 / 5%);}
.sub2401 .cont-bottom > div > div.box6{}
.sub2401 .cont-bottom > div > div.box7{}
.sub2401 .cont-bottom > div > div.box8{}
.sub2401 .cont-bottom > div > div.box1::before{content:'\f309'; bottom: -40px;}
.sub2401 .cont-bottom > div > div.box2::before{content:'\f30b'; right: -40px;top: 50%;}
.sub2401 .cont-bottom > div > div.box3::before{content:'\f309'; bottom: -40px;}
.sub2401 .cont-bottom > div > div.box4::before{content:'\f309'; bottom: -40px;}
.sub2401 .cont-bottom > div > div.box5::before{content:'\f30c'; top: -40px;}
.sub2401 .cont-bottom > div > div.box6::before{}
.sub2401 .cont-bottom > div > div.box7::before{content:'\f30b'; right: -40px;top: 50%;}
.sub2401 .cont-bottom > div > div.box8::before{}

.sub2402{}
.sub2402 > div{display: flex;}
.sub2402 > div > div{flex:1}
.sub2402 > div > div+ div{margin-left:2em;}
.sub2402 > div > div > p{text-align: center; background-color: #666666; color: #ffffff;  padding:10px;}
.sub2402 > div > div > ul{}
.sub2402 > div > div > ul > li{position: relative; padding-left:10px;;}
.sub2402 > div > div > ul > li:before{content:''; width:3px; height: 3px; display: inline-block; position: absolute; left:0px; top:12px; background-color: #666666;}
.sub2402 > div > div > ul > li + li{margin-top:10px;}
.sub2402 > div > div > div{margin:10px 0 20px; border:1px solid #dddddd}

.sub2403{}
.sub2403 > div{display: flex;;}
.sub2403 > div + div{margin-top:25px}
.sub2403 > div > div{width:150px; display: flex; justify-content: center; align-items: center; margin-right: 25px;}
.sub2403 > div > ul{width:100%; position: relative; display: flex; flex-direction: column; justify-content: flex-start;}
.sub2403 > div > ul:before{content: ''; width: 5px;  height: 100%; display: inline-block; background-color: #222; position: absolute; left: -10px;}
.sub2403 > div > ul > li{padding-left:10px;}
.sub2403 > div > ul > li + li{margin-top:10px;}

.sub2501{}
.sub2501 > div{display: flex; justify-content: space-between;}
.sub2501 > div > ul{width:30%; position: relative;}
.sub2501 > div > ul::before{content:''; width: 1px; height: 100%; background-color: #333333; display: inline-block; position: absolute; left: 50%; top: 0; z-index: 0;}
.sub2501 > div > ul > li{width: 100%; border-radius: 5px; padding:10px; border:2px solid #004998 ; text-align: center; position: relative; background: #ffffff;}
.sub2501 > div > ul > li:first-of-type{background-color: #004998; color:#ffffff;}
.sub2501 > div > ul > li + li{margin-top:20px}
.sub2501 > div > div{width:70%; padding-left: 65px; display: flex; flex-flow: wrap;}
.sub2501 > div > div > p{flex-basis:calc(50% - 20px); display: flex; flex-direction: column; padding-left: 25px; position: relative;}
.sub2501 > div > div > p:nth-of-type(2n){margin-left: 20px;}
.sub2501 > div > div > p::before{content: '\f00c'; font: var(--fa-font-solid);font-size: .1em; position: absolute; top:8px; left:0}
.sub2508{}
.sub2508 > div{}
.sub2508 > div > ul{}
.sub2508 > div > ul > li{}


.sub2504{}
.sub2504 > div{}
.sub2504 > div > p{}
.sub2504 > div > div{margin-top:30px;}

.sub2505{}
.sub2505 > div{}
.sub2505 > div > p{}
.sub2505 > div > div{}

.sub2506{}
.sub2506 > div{}
.sub2506 > div > div + div{margin-top:30px}
.sub2506 > div > .sub2506-01{display: flex; justify-content: space-between; flex-wrap: wrap;}
.sub2506 > div > .sub2506-01 > div{margin-left:10px; width:calc(33% - 10px); padding-bottom: 20px; text-align: center;}
.sub2506 > div > .sub2506-01 > div img{height: 154px;}
.sub2511{}
.sub2511 > div{}
.sub2511 > div > div.cont-top{display: flex;}
.sub2511 > div > div.cont-top > div + div{margin-left:30px}
.sub2511 > div > div.cont-top > div > ul{}
.sub2511 > div > div.cont-top > div > ul > li{}
.sub2511 > div > div.cont-top > div > ul > li+li{margin-top:20px;}
.sub2511 > div > div.cont-top > div > ul > li > p{font-weight: bold;}
.sub2511 > div > div.cont-top > div > ul > li > ul{margin-left: 10px;}
.sub2511 > div > div.cont-top > div > ul > li > ul > li{}
.sub2511 > div > div.cont-bottom{display: flex; margin-top:30px;}
.sub2511 > div > div.cont-bottom > div{flex:1; border:1px solid #dddddd;}
.sub2511 > div > div.cont-bottom > div+div{margin-left: 20px;}

.sub2508{}
.sub2508 > div{}
.sub2508 > div > ul{display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap;}
.sub2508 > div > ul > li{border: 3px solid #419cfd; width: 20%; height: 75px; border-radius: 10px; margin: 10px; display: inline-flex; justify-content: center; align-items: center; padding-bottom: 0;}

.sub2509{}
.sub2509 > div > ul{}
.sub2509 > div > ul > li{}
.sub2509 > div > ul > li+li{margin-top:10px;}
.sub2509 > div > div{display: flex; margin-top:30px;}
.sub2509 > div > div > div{border:1px solid #dddddd;}
.sub2509 > div > div > div+div{margin-left:30px;}

.sub2510{}
.sub2510 > div{}
.sub2510 > div > ul{}
.sub2510 > div > ul > li{}
.sub2510 > div > ul > li+li{margin-top:10px}
.sub2510 > div > div{display:flex; justify-content: space-between; margin-top: 30px;}
.sub2510 > div > div > div{flex:1;}
.sub2510 > div > div > div+div{margin-left: 20px;}

.sub2512{}
.sub2512 > div{}
.sub2512 > div+table{margin-top: 30px;width:100%;}
.sub2512 > div > div{display: flex;}
.sub2512 > div > div+div{margin-top:20px;}
.sub2512 > div > div > div{flex:1; border:1px solid #dddddd; padding:15px;}
.sub2512 > div > div > div+div{margin-left:50px;}
.sub2512 > div > div > div > p{font-weight: bold;;}
.sub2512 > div > div > div > div{}

.sub14{}
.sub14 .map-wraper{display: flex; width: 100%;}
.sub14 .map-wraper + .map-wraper{margin-top:100px;}
.sub14 .map-wraper .map-box{width: 65%; min-height: 450px;}
.sub14 .map-wraper .map-add{width:35%; background-color: #000000; color: #ffffff; padding:20px;}
.sub14 .map-wraper .map-add > p{font-size: 2em; font-weight: bold;margin-bottom:30px;}
.sub14 .map-wraper .map-add ul{}
.sub14 .map-wraper .map-add ul li{display: flex; align-items: self-start; font-size: 1.2em;}
.sub14 .map-wraper .map-add ul li + li{margin-top:10px;}
.sub14 .map-wraper .map-add ul li > svg{margin:5px 5px 0 0;}
.sub14 .map-wraper .map-add ul li > p{display: flex; width: 100%; flex-direction: column;}
.sub14 .map-wraper .map-add ul li > p > em{font-style: normal;}
.sub14 .map-wraper .map-add ul li > p > span{width:100%}

@media screen and (max-width: 1280px){
	.Material section {flex-direction: column;}
	.Material section > .title,
	.Material section > .content{width:100%;}
	.Material section > .content{padding: 0; margin-top: 20px;}
	.Material section > .content::before{display: none;}
	.Material section > .content.sub11 .img{display: inline-flex; flex-direction: column; align-items: center; text-align: center; margin-top: 30px; width: 100%;}
	.sub14 .map-wraper{ flex-direction: column;}
	.sub14 .map-wraper > div { width: 100% !important;font-size: 14px;}
    .sub14 .map-wraper > div.map-box{ height: 400px; }
    .sub14 .map-wraper > div.map-box + div{margin-top:20px}
	.sub14 .map-wraper .map-add ul li > p{display:flex;flex-direction: row;}
    .sub14 .map-wraper .map-add ul li > p > span{flex:1; margin-left:10px;}
	.sub2303 .bun-txt p,.sub2303 .bun-txt span  {font-size: 1em;}
    .sub2401 .cont-top{flex-wrap:wrap}
    .sub2401 .cont-top > div {flex: auto; width: 100%;}
	.sub2401 .cont-top > div+div {margin-left: 0; margin-top: 10px;}
    .sub2512 > div > div > div+div{margin-left:1em;}
}

@media screen and (max-width: 768px){
	.tabmenu{}
	.container, .container-md, .container-sm {max-width: 768px !important;}
	ul.tabs {flex-direction: column;}
	.mo-hidden{display:none;}
	.mo-fol-rever{flex-direction: column-reverse;}
	.mo-w100p{width:100%}
	.s01 .mo-fol-rever > div{width:100% !important;}

	.info-ul-wrap{flex-direction: column;}
	.info-ul{width:100%;}
	.info-ul + .info-ul{margin-left:0px; margin-top:50px;}

	.s10-product > div{flex-wrap: wrap; flex-direction: column;}
	.s10-product > div + p{margin-top:30px;}
	.sub1101{display: flex; flex-direction: column;}
	.sub1101 div + div{margin-left: 0; margin-top:30px;}
	.sub1101 .video iframe{width:100% !important;}

	.ss13-cont.w15 > div {width: 25%;}
	.sub11.divvideo > article > div{display: flex; flex-direction: column;}
	.sub11.divvideo .w45p{width: 100% !important;}
	.sub11.divvideo .w45p + .w45p {margin-top:30px}
	.sub11 .s10-product > div > div + div{margin-top:30px;}
	.sub11 .s10-product .div-img{display: flex; justify-content: center;}
	.sub11 .s10-product .div-img img {height: 100%; width: auto;}
	
	.sub230102{}
	.sub230102 > div{display: flex; flex-direction: column;}
	.sub230102 > div > div{width:100% !important;}
	.sub230102 > div > div + div{margin-top:30px;}
	.sub230102 > div > div > div{height: auto !important;}

	.sub230202 .sub230202_bun > .swiper{height:295px;}
	.sub230202 .overview-box {height: 295px;}

	.history .inner{grid-template-columns: auto;}
	.history .grid {overflow: hidden;}
	.history .pin-spacer {display: none;}
	.history .history-wrap .history-detail li {opacity: 1;}
	.history .history-wrap .history-detail:before{content:attr(data-year);display: block; color: #5185C5; font-size: 30px; font-weight: 700; margin-bottom: 10px;}
    
	.sub2512 > div > div {display: flow-root;}
    .sub2512 > div > div > div+div{margin-left:0px; margin-top:10px;}
}