@charset "utf-8";

/* SKIP TO NAVIGATION */
#skipnav a{position:absolute;top:-999999px;left:-999999px}
#skipnav a:focus{display:block;top:0;left:0;z-index:999999;width:100%;height:50px;background-color:#333;color:#fff;text-align:center;font-size:16px;line-height:50px}

/* LAYOUT */
.wrapper{min-height:100vh;background-color:#f5f5f9;}
.header{width:100%;max-width:1920px;height:80px;padding:0 0 0 24px;margin:auto;display:flex;justify-content:space-between;align-items:center;background-color:#fff;}
.header.hover{border-bottom:1px #d8dde5 solid;}
.header .topnav .topnavwrap{display:block;z-index:2;}
.header .topnav .topnavwrap:after, .header .topnav .topmenuwrap:after{content:'';display:block;height:0px;width:100%;overflow:hidden;clear:both;}
.header .topnav .topnavwrap .m-utilnav{display:none;}
.header .topnav .btn-hamburger{display:none;overflow:hidden;}
.header .topnav a.depth1{font-size:1.8rem;font-weight:500;color:#000;padding:0 15px;height:80px;line-height:80px;display:block;float:left;text-decoration:none;position:relative;}
.header .topnav a.depth1:hover{color:#004899;}
.header .topnav a.depth1.on{color:#004899;/*border-bottom:3px #134290 solid;*/}
.header .topnav a.depth1::after{content:'';display:block;width:0;height:3px;overflow:hidden;background-color:#134290;position:absolute;left:50%;bottom:0;transform:translateX(-50%);transition: all 0.5s;}
.header .topnav a.depth1:hover::after, .header .topnav a.depth1.on::after{width:100%;}
.header .topnav .btn-hamburger-x{display:none;}
.header .toplogo h1{width:150px;height:40px;background:url(/static/eng/images/common/logo.png) center center no-repeat;font-size:0;}
.header .toplogo h1 a{display:block;width:150px;height:40px;}
.header .utilnav .eng{font-weight:500;color:#004899;}
.header .utilnav a, .header .utilnav button{display:inline-block;min-width:60px;vertical-align:middle;text-align:center;background-color:#fff;}
.header .utilnav .btn-topsearch.on{display:none;}
.header .utilnav .btn-topsearch-x{display:none;}
.header .utilnav .btn-topsearch.on + .btn-topsearch-x, .header .utilnav .btn-topsearch-x.on{display:inline-block;}
.header .searchwrap{display:none;position:absolute;width:100%;height:140px;padding-top:29px;overflow:hidden;top:80px;left:0;z-index:1;text-align:center;background:linear-gradient(180deg, rgba(0,72,153,1) 35%, rgba(19,100,177,1) 100%);font-size:1.5rem;color:#fff;}
.header .searchwrap.on{display:block;}
.header .utilnav .btn-sitemap.on{display:none;}
.header .utilnav .btn-sitemap.on + .btn-sitemap-x{display:inline-block;}
.header .utilnav .btn-sitemap-x{display:none;}
.header .searchwrap .topsearchwrap{position:relative;width:100%;max-width:450px;margin:auto;}
.header .searchwrap input{width:100%;height:50px;line-height:50px;padding-left:20px;padding-right:60px;font-size:1.6rem;font-weight:500;color:#004899;border:0;}
.header .searchwrap input::placeholder{font-weight:500;color:#004899;}
.header .searchwrap input::-webkit-input-placeholder{font-weight:500;color:#004899;}
.header .searchwrap input:-ms-input-placeholder{font-weight:500;color:#004899;}
.header .searchwrap input + button{width:50px;min-width:auto;height:50px;position:absolute;top:0;right:0;z-index:2;}
.header .searchwrap .words{margin-top:20px;}
.header .searchwrap .word{color:#fff;}

.topGNB{position:absolute;width:100%;top:80px;left:0;z-index:2;background-color:#fff;display:none;height:246px;overflow:hidden;}
.topGNB.on{display:block;}
.topGNB.on:before{content:'';display:block;width:100%;height:100%;}
.topGNB .contents{display:table;table-layout: fixed;border:1px #d8dde5 solid;width:1200px;position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;}
.header.hover .topGNB .contents{border-width:0 1px 1px 1px;}
.topGNB .leftside{width:195px;display:table-cell;vertical-align:top;background:#004899 url(/static/eng/images/common/sitemap-emblem.png) -1px 0 no-repeat;}
.topGNB .rightside{width:calc(100% - 195px);display:table-cell;vertical-align:top;background:#fff url(/static/eng/images/common/gnb-bg.png) 0 0 repeat-y;}
.topGNB .leftside strong{display:block;font-size:2rem;font-weight:500;color:#fff;text-align:right;padding:22px 30px 30px 15px;}
.topGNB .rightside .depth1{font-size:2rem;font-weight:500;color:#004899;border-bottom:1px #d8dde5 solid;padding:15px 30px;}
.topGNB .rightside a{font-size:1.6rem;font-weight:500;color:#3a3a3a;padding:0;}
.topGNB .rightside a:hover{color:#004899;text-decoration:underline;}
.topGNB .depth2{display:flex;flex-flow:row wrap;margin-top:25px;margin-bottom:5px;}
.topGNB .depth2 > li{width:25%;padding:0 30px 20px;line-height:1.6em;}
.topGNB .depth3{margin-bottom:15px;}
.topGNB .depth3 li{line-height:1.2em;min-height:30px;padding:8px 0 7px 0;}
.topGNB .depth3 li a{font-size:1.5rem;font-weight:400;color:#3a3a3a;}
.topGNB .depth3 li a:hover{text-decoration:underline;}
.topGNB .depth3 li a[target=_blank]:after{content:'';display:inline-block;width:16px;height:16px;background:url(/static/eng/images/common/i-alink.png) 0 0 no-repeat;vertical-align:top;margin-left:5px;}

.topsitemap{position:absolute;width:100%;top:80px;left:0;z-index:2;background-color:#fff;display:none;}/* height:calc(100% - 80px);overflow:hidden;overflow-y:auto; */
.topsitemap.on{display:block; animation:fadeEffect 0.5s;}
.topsitemap .contents{border:1px #d8dde5 solid;border-width:0 1px 1px 1px;}
.topsitemap .scrolly{height:calc(100vh - 90px);overflow:auto;}
.topsitemap .scrolly .tablebox{display:table;table-layout:fixed;}
.topsitemap .leftside{width:195px;display:table-cell;vertical-align:top;background:#004899 url(/static/eng/images/common/sitemap-emblem.png) 0 0 no-repeat;}
.topsitemap .rightside{width:calc(100% - 195px);display:table-cell;vertical-align:top;}
.topsitemap .leftside strong{display:block;font-size:2.6rem;font-weight:500;color:#fff;text-align:right;padding:30px;}
.topsitemap .rightside dt.depth1{font-size:2rem;font-weight:500;color:#004899;padding:15px 30px;}
.topsitemap .rightside dt.depth1 a{font-size:2rem;font-weight:500;color:#004899;padding:0;}
.topsitemap .rightside dt.depth1 a:hover{color:#004499;}
.topsitemap .rightside dd{font-size:1.6rem;font-weight:500;color:#3a3a3a;border:1px #d8dde5 solid;border-width:1px 0;background:#fff url(/static/eng/images/common/gnb-bg.png) 0 61px repeat-y;}
/* .topsitemap .depth2{display:flex;flex-flow:row wrap;margin-top:15px;margin-bottom:5px;}  */
.topsitemap .depth2{margin-top:15px;margin-bottom:5px;}
.topsitemap .depth2:after {clear:both; display: block; content:'';}
.topsitemap .depth2 > li{float:left; width:25%;padding:0 30px 25px;line-height:1.6em;}
.topsitemap .depth3{margin-bottom:15px;}
.topsitemap .depth3 li{font-size:1.5rem;font-weight:400;color:#3a3a3a;line-height:1.2;min-height:30px;padding:8px 0 7px 0;}
.topsitemap .rightside a{color:#3a3a3a;}
.topsitemap .rightside a:hover, .topsitemap .rightside dt.depth1 a:hover{color:#004499;text-decoration:underline;}
.topsitemap .rightside a[target=_blank]:after{content:'';display:inline-block;width:16px;height:16px;background:url(/static/eng/images/common/i-alink.png) 0 0 no-repeat;vertical-align:top;margin-left:5px;}

.torso{position:relative;min-height:calc(100vh - 259px);margin-bottom:40px;}
.torso.hover::after{content:'';display:block;width:100%;height:calc(100% + 180px);position:absolute;top:0;left:0;background-color:#000;opacity:0.7;z-index:1; animation: fadeInEffect 1s;}
@keyframes fadeInEffect{ from {opacity: 0;} to {opacity: 0.7;} }
.pagevisual{height:140px;position:relative;overflow:hidden;background:url(/static/eng/images/common/visual-bg.png) 0 center repeat;}
.pagevisual .imgdimmer{height:100%;}
.pagevisual img{display:block;position:absolute;top:0;left:50%;transform:translate(-50%, -55px);width:100%;/*max-width:1920px;*/}
.pagevisual h2{position:absolute;font-size:2.6rem;font-weight:500;color:#fff;text-align:center;display:table;margin:auto;padding-bottom:15px;top:50%;left:50%;transform:translate(-50%, -50%);text-transform: capitalize;}
.pagevisual h2:after{content:'';display:block;width:20px;height:2px;background-color:#fff;position:absolute;bottom:0;left:50%;transform:translate(-50%, -50%);}
.pagelocation{height:50px;line-height:50px;border:1px #d8dde5 solid;}/*overflow:hidden;*/
.pagelocation .contents:after{content:'';display:block;width:100%;height:1px;clear:both;}/* unju :  border:0px red solid; */
.pagelocation .location{float:left;}/*overflow:hidden;*/
.pagelocation .location > div{border-right:1px #d8dde5 solid;float:left;}
.pagelocation .location a{display:block;font-size:1.4rem;color:#3a3a3a;}
.pagelocation .location .home{width:50px;height:50px;overflow:hidden;margin-top:-1px;}
.pagelocation .location .home a{display:block;background-color:#004899;text-align:center;}
.pagelocation .location .home a i.i-home{display:block;width:100%;height:100%;background-position:50% 50%;}
.pagelocation .location .dep1wrap{width:220px;position:relative;}
.pagelocation .location .dep2wrap {width:290px;position:relative;}
.pagelocation .location .dep3wrap {width:220px;position:relative;}
.pagelocation .location > div:last-of-type:after{content:'';width:220px;height:2px;background-color:#004899;position:absolute;bottom:-1px;left:0;z-index:1;}
.pagelocation .location > .dep2wrap:last-of-type:after {width:290px;}
.pagelocation .location > div > select{width:100%;height:50px;border:0;padding:0;vertical-align:top;transition:none;font-size: 14px;color: #3a3a3a;font-weight: 400;padding-left:15px;}
.pagelocation .location .selectize-input > *{font-size:1.4rem;white-space:nowrap;word-break:break-all;width:calc(100% - 20px);overflow:hidden;}
.pagelocation .location .selectize-control{max-height:48px;}
.macos.safari .pagelocation .location .selectize-control{max-height:50px;margin-top:-2px;}
.pagelocation .location .selectize-input{padding:15px 20px;margin:-1px 0 0 -1px;width:calc(100% + 2px);height:50px;}
.pagelocation .location .selectize-input:hover{width:calc(100% + 1px);}
.pagelocation .location .selectize-control.single .selectize-input:after{width:50px;height:48px;background:url(/static/eng/images/common/i-select-down-loc.png) center center no-repeat; transition:all 0.5s; cursor:pointer;}
.pagelocation .location .selectize-control.single .selectize-input.dropdown-active:after {transform:rotate(180deg);}
.pagelocation .location .selectize-dropdown .option, .selectize-dropdown .optgroup-header{padding:15px 20px;background-color:#fff;color:#3a3a3a;font-size:1.4rem;}
.pagelocation .location .selectize-dropdown .active{background-color: #004899;color: #fff;}/*, .pagelocation .location .selectize-dropdown .selected*/
.pagelocation .location .selectize-dropdown.single .selectize-dropdown-content{max-height:240px;}
.pagelocation .utility{display:table;float:right;overflow:hidden;}
.pagelocation .utility span{width:50px;display:block;float:left;border-left:1px #d8dde5 solid;text-align:center;}
.pagelocation .utility span:last-of-type{border-right:1px #d8dde5 solid;}
.pagelocation .utility span button{width:100%;height:48px;background-color:#fff;display:block;}
.pagelocation .utility span button i{height:100%;background-position:50% 50%;}
.contents{width:100%;max-width:1200px;position:relative;margin:auto;}
.contents h3, .contents .h3{width:100%;text-align:center;padding:50px 0 40px 0;}
.btn-top{text-align:right;}
.main .btn-top{position:absolute; top:-54px; right:0;}
.outfooter{background-color:#282e3b;}
.footer{text-align: center;width:100%;max-width:1920px;height:85px;padding:15px 20px;margin:auto;background-color:#282e3b;font-size:1.3rem;color:#c4c4c4;overflow:hidden;}
.footer > div{width:100%;}
.footer a{color:#c4c4c4;}
.footer .footermenu{float:right;overflow:hidden;}
.footer .footermenu > div{float:right;}
.footer .footermenu ul{display:table;float:left;vertical-align:middle;}
.footer .footermenu li{display:table-cell;vertical-align:middle;position:relative;}
.footer .footermenu li a{display:block;padding-right:7px;padding-left:7px;font-size:1.4rem;position:relative;}
.footer .footermenu li a:hover{color:#fff;}
.footer .footermenu li a:before{content:'';display:block;width:1px;height:8px;background-color:#c4c4c4;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.footer .footermenu li:nth-of-type(1) a{color:#fff;}
.footer .footermenu li:nth-of-type(1) a:before{display:none;}
.footer .footermenu li:nth-last-child(1) a{padding:0;}
.footer .footermenu li:nth-last-child(1) a:before{height:18px;background-color:#235389; display:none;}
.footer .footermenu li:nth-last-child(2) a{padding-right:13px;}
.footer .footermenu span{display:block;float:left;vertical-align:middle;margin-left:20px;}
.footer .footermenu span i.i-qrcode{margin-top:4px;}
.footer .address{float:left;}
.footer .address span{margin-right:5px;}
.footer .copyright{font-size:1.1rem;}
@media screen and (max-width:1200px){
  .header{height:60px;padding:0;display:block;}
  .header .toplogo h1{width:100%;height:60px;text-align:center;}
  .header .toplogo h1 a{width:100%;height:60px;}
  .header .utilnav{width:60px;height:60px;position:absolute;top:0;right:0;}
  .header .utilnav .btn-topsearch, .header .utilnav .btn-topsearch-x{height:60px;}
  .header .utilnav .btn-topsearch i, .header .utilnav .btn-topsearch-x i{width:19px;height:19px;background-size:100%; }
  .header .searchwrap{height:120px;padding-top:18px;}
  .header .searchwrap .topsearchwrap{padding-right:10px;padding-left:10px;}
  .header .searchwrap input{font-size:1.2rem;height:38px;line-height:38px;padding-right:38px;padding-left:10px;}
  .header .searchwrap input + button{width:38px;height:38px;right:18px;}
  .header .searchwrap input + button i{width:19px;height:19px;background-size:100%;}
  .header .searchwrap .words{margin-top:12px;}
  .header .searchwrap .word{font-size:1.2rem;}
  .header .topnav .btn-hamburger-x{display:block;position:absolute;top:0;right:-60px;}
  .header .searchwrap{position:fixed;top:60px;}
  .header .topnav .btn-hamburger{display:block;background-color:#fff;position:absolute;top:0;left:0;}
  /*
  .header .topnav .topnavwrap{display:none;background-color:#fff;position:absolute;top:0;width:calc(100% - 60px);}
  .header .topnav .topnavwrap .topmenuwrap{height:100vh;background-color:#fff;}
  .header .topnav .topnavwrap.on{display:block;background-color:#fff;}
  .header .topnav .topnavwrap.on .dimmer{content:'';display:block;width:calc(100% + 60px);height:100%;background-color:#000;opacity:0.7;position:absolute;top:0;left:0;z-index:-1;}
  */
  .header .topnav .topnavwrap{margin-left:-101%;opacity:1;background-color:#fff;position:absolute;top:0;width:calc(100% - 60px); transition:all ease-in-out 0.5s;}/*display:none;*/
  .header .topnav .topnavwrap .topmenuwrap{height:100vh;background-color:#fff;}
  .header .topnav .topnavwrap.on{margin-left:0;opacity:1;background-color:#fff; transition:all ease-in-out 0.5s;}/*display:block;*/
  .header .topnav .topnavwrap.on .dimmer{content:'';display:block;width:calc(100% + 60px);height:100%;background-color:#000;opacity:0.7;position:fixed;top:0;left:0;z-index:-1;}
  .header .topnav .topnavwrap .m-utilnav{display:table;width:100%;height:60px;background-color:#fff;}/* 2020-09-18 suh */
  .m-utilnav .toplogo{display:table-cell;width:160px;vertical-align:middle;background:url(/static/eng/images/common/logo.png) 25px center no-repeat;background-size:auto 35px;font-size:0;}
  .m-utilnav .toplink{display:table-cell;vertical-align:middle;text-align:right;padding-right:22px;}
  .m-utilnav .toplink a{display:inline-block;font-size:1.5rem;font-weight:500;color:#004899;}
  .header .topnav a.depth1{display:block;width:100%;height:60px;line-height:60px;padding:0 25px;float:none;background-color:#004899;color:#fff;position:relative;border-bottom:1px #5083bc solid;}
  .header .topnav a.depth1:hover{color:#fff;}
  .header .topnav a.depth1::after{content:'';display:block;width:38px;height:60px;background:url(/static/eng/images/common/i-gnb-arrow-w.png) 0 center no-repeat;background-size:13px 8px;position:absolute;top:0;right:0; left:unset;bottom:unset;transform:unset; transition: all 0.5s;}
  .header .topnav a.depth1:hover::after, .header .topnav a.depth1.on::after{width:38px;}
  .header .topnav a.depth1.on{background-color:#053695;border-bottom:0;color:#fff;}
  .header .topnav a.depth1.on::after{display:block;width:38px;height:60px;position:absolute;top:0;right:0;left:auto;background:url(/static/eng/images/common/i-gnb-arrow-w-up.png) 0 center no-repeat;background-size:13px 8px;z-index:1;opacity:1;}
  .header .topnav a.depth1.on + .topGNB{display:block;}
  .header .utilnav .eng{display:none;}
  .header .utilnav button.btn-sitemap{display:none;}
  .topGNB{position:relative;display:none;top:auto;left:auto;height:auto;overflow:auto;}
  .topGNB .contents{display:block;width:100%;position:relative;top:auto;left:auto;transform:unset;height:auto;}
  .topGNB .leftside{display:none;}
  .topGNB .rightside{width:100%;display:block;background:none;padding-bottom:0;}
  .topGNB .rightside a{font-size:1.6rem;display:block;}
  .topGNB .depth2{display:block;margin:0;}
  .topGNB .depth2 > li{width:100%;min-height:49px;padding:15px 0;border-bottom:1px #d8dde5 solid;}
  .topGNB .depth2 > li:last-of-type{border-bottom:0;}
  .topGNB .depth2 > li a{padding-left:35px;padding-right:15px;}
  .topGNB .depth2 > li.has3depth{position:relative;}
  .topGNB .depth2 > li.has3depth:after{content:'';display:block;width:38px;height:50px;background:url(/static/eng/images/common/i-gnb-plus.png) 0 center no-repeat;background-size:13px 13px;position:absolute;top:0;right:0;z-index:-1;}
  .topGNB .depth2 > li.on.has3depth:after{content:'';display:block;width:38px;height:50px;background:url(/static/eng/images/common/i-gnb-minus.png) 0 center no-repeat;background-size:13px 1px;position:absolute;top:0;right:0;}
  .topGNB .depth2 li a.on, .topGNB .depth2 li a:hover{color:#004899;}
  .topGNB .depth3{margin-bottom:15px;display:none;}
  .topGNB .depth2 > li.on .depth3{display:block;border-top:1px #d8dde5 solid;margin-top:15px;margin-bottom:0;}
  .topGNB .depth3 li{min-height:37px;padding:5px 0;line-height:1.8;margin-bottom:0;}
  .topGNB .depth3 li:first-of-type{padding-top:15px;}
  .topGNB .depth3 li a{padding-left:45px;}
  .topsitemap, .topsitemap.on{display:none;}

  .torso{position:relative;min-height:calc(100vh - 247px);margin-bottom:20px;}
  .pagevisual{height:120px;}
  .pagevisual h2{padding-bottom:14px;}
  .pagevisual img{transform:translate(-50%, 0);}
  .pagelocation{height:37px;line-height:37px;}
  .pagelocation .location{width:calc(100% - 75px);}
  .pagelocation .location .home{display:none;}
  .pagelocation .location > div{display:none;}
  .pagelocation .location > div:last-of-type{display:block;}
  .pagelocation .location > div > select{height:37px;padding:0;font-size:1.1rem;padding:0 10px;}
  .pagelocation .location .dep1wrap, .pagelocation .location .dep2wrap, .pagelocation .location .dep3wrap{width:100%;border-right:0;}
  .pagelocation .location div:last-of-type:after{display:none;}
  .pagelocation .location .selectize-control{max-height:38px;}
  .pagelocation .location .selectize-input{width:100%;height:36px;padding:8px 10px;border:0;}
  .pagelocation .location .selectize-control.single .selectize-input{width:calc(100% + 1px);left:0;}
  .pagelocation .location .selectize-dropdown.single .selectize-dropdown-content{width:calc(100% + 2px);margin-left:-2px;}
  .pagelocation .location .selectize-control.single .selectize-input:after{width:40px;height:38px;}
  .pagelocation .location .selectize-dropdown .option, .selectize-dropdown .optgroup-header{padding:8px 10px;}

  .pagelocation .utility{width:75px;float:left;}
  .pagelocation .utility span{width:37px;}
  .pagelocation .utility span:last-of-type{border-right:1px #d8dde5 solid;}
  .pagelocation .utility span button{width:36px;height:35px;}
  .pagelocation .utility span button i{height:35px;}
  .contents h3, .contents .h3{padding:20px 0;font-size:2.4rem;}

  .btn-top{display:none;}
  .footer{height:auto;text-align:center;padding:25px 10px;font-size:1.2rem;}
  .footer .footermenu, .footer .address{width:100%;float:none;}
  .footer .footermenu > div{float:none;}
  .footer .footermenu ul{position:relative;margin:auto;float:none;}
  .footer .footermenu li a{font-size:1.2rem;}
  .footer .footermenu li:nth-last-child(1){display:none;}
  .footer .address{margin-top:10px;font-size:1.1rem;}
  .footer .address .mail {display:block;}
  .footer .copyright{margin-top:7px;font-size:1.1rem;}
}
@media screen and (max-width:375px){
  .pagevisual img{height:100%;}
}
@media screen and (max-width:320px){
  .footer .footermenu ul{display:block;overflow:hidden;width:90%;margin:auto;}
  .footer .footermenu li{display:block;float:left;}
  .footer .footermenu li:nth-of-type(4) a:before{display:none;}
}

/* ICON */
i {display:inline-block;vertical-align:middle;text-align: center;}
i > span{font-size:0;overflow:hidden;}
i + span {vertical-align:middle;margin-left:10px}
i.i-facebook{width:58px;height:58px;background:url(/static/eng/images/common/i-facebook.png) 0 0 no-repeat;font-size:0;}
i.i-qrcode{width:50px;height:50px;background:url(/static/eng/images/common/i-qrcode.png) 0 0 no-repeat;font-size:0;}
i.i-btn-top{width:54px;height:54px;background:url(/static/eng/images/common/btn-top.png) 0 0 no-repeat;font-size:0;}
i.i-search{width:24px;height:24px;background:url(/static/eng/images/common/i-search.png) 0 0 no-repeat;font-size:0;}
i.i-search-x{width:26px;height:26px;background:url(/static/eng/images/common/i-search-x.png) 0 0 no-repeat;font-size:0;}
i.i-sitemap{width:80px;height:80px;background:url(/static/eng/images/common/btn-sitemap.png) 0 0 no-repeat;font-size:0;}
i.i-sitemap-x{width:80px;height:80px;background:url(/static/eng/images/common/btn-sitemap-x.png) 0 0 no-repeat;font-size:0;}
i.i-home{width:21px;height:20px;background:url(/static/eng/images/common/i-home.png) 0 0 no-repeat;font-size:0;}
i.i-fb{width:8px;height:17px;background:url(/static/eng/images/common/i-fb.svg) 0 0 no-repeat;background-size: contain;font-size:0;}
i.i-tw{width:17px;height:13px;background:url(/static/eng/images/common/i-tw.svg) 0 0 no-repeat;background-size: contain;font-size:0;}
i.i-printer{width:22px;height:22px;background:url(/static/eng/images/common/i-printer.svg) 0 0 no-repeat;background-size: contain;font-size:0;}
i.i-hamburger{width:60px;height:60px;background:url(/static/eng/images/common/i-hamburger.png) 0 0 no-repeat;background-size:100%;font-size:0;}
i.i-gnb-x{width:60px;height:60px;background:url(/static/eng/images/common/i-gnb-x.png) 0 0 no-repeat;background-size:100%;font-size:0;}
i.i-files{width:25px;height:24px;background:url(/static/eng/images/common/i-files.png) 50% 0 no-repeat;background-size:21px 24px;font-size:0;}
i.i-file-hwp{width:25px;height:24px;background:url(/static/eng/images/common/i-file-hwp.png) 50% 0 no-repeat;background-size:100%;font-size:0;}
i.i-file-jpg{width:25px;height:24px;background:url(/static/eng/images/common/i-file-jpg.png) 50% 0 no-repeat;background-size:100%;font-size:0;}
i.i-file-pdf{width:25px;height:24px;background:url(/static/eng/images/common/i-file-pdf.png) 50% 0 no-repeat;background-size:100%;font-size:0;}
i.i-file-png{width:25px;height:24px;background:url(/static/eng/images/common/i-file-png.png) 50% 0 no-repeat;background-size:100%;font-size:0;}
i.i-file-etc{width:25px;height:24px;background:url(/static/eng/images/common/i-file-etc.png) 50% 0 no-repeat;background-size:100%;font-size:0;}
i.i-no-file {width:25px;height:24px;font-size:0;}
i.i-mark-open-type1{width:74px;min-width:74px;height:27px;background:url(/static/eng/images/common/mark-open-type1.png) 0 0 no-repeat;font-size:0;}
i.i-mark-open-type2{width:91px;min-width:91px;height:27px;background:url(/static/eng/images/common/mark-open-type2.png) 0 0 no-repeat;font-size:0;}
i.i-mark-open-type3{width:91px;min-width:91px;height:27px;background:url(/static/eng/images/common/mark-open-type3.png) 0 0 no-repeat;font-size:0;}
i.i-mark-open-type4{width:109px;min-width:109px;height:27px;background:url(/static/eng/images/common/mark-open-type4.png) 0 0 no-repeat;font-size:0;}
i.i-mark-open-alio{width:232px;min-width:232px;height:43px;background:url(/static/eng/images/common/mark-open-alio.png) 0 0 no-repeat;font-size:0;}

i.i-windows{width:16px;height:16px;background:url(/static/eng/images/common/i-windows-w.png) 0 0 no-repeat;font-size:0;}
i.i-newwindow{width:16px;height:16px;background:url(/static/eng/images/common/i-newwindow-w.png) 0 0 no-repeat;font-size:0;}
i.i-windows-alink{width:16px;height:16px;background:url(/static/eng/images/common/i-windows.png) 0 0 no-repeat;font-size:0;}
i.i-newwindow-alink{width:16px;height:16px;background:url(/static/eng/images/common/i-newwindow.png) 0 0 no-repeat;font-size:0;}

i.i-downloadfile{width:21px;height:16px;background:url(/static/eng/images/common/i-downloadfile.png) 0 0 no-repeat;font-size:0;}

i.i-calendar{width:23px;height:25px;background:url(/static/eng/images/common/i-calendar.png) 0 0 no-repeat;font-size:0;}

i.i-safe {width:59px;min-width:59px;height:38px;background:url(/static/eng/images/common/i-safe.png) 0 0 no-repeat;font-size:0;}
i.i-temp-open {width:120px;min-width:120px;height:120px;background:url(/static/eng/images/common/i-temp-open.png) 0 0 no-repeat;font-size:0;}
i.i-modify {width:16px; height:18px; background:url(/static/eng/images/common/i-modify.png) 0 0 no-repeat;font-size:0;}
i.i-plus-w {width: 15px; height: 15px; background: url(/static/eng/images/common/i-plus-w.png) 0 0 no-repeat; font-size: 0;}
@media screen and (max-width:1200px){
  i.i-temp-open {width:90px;min-width:90px;height:90px; background-size:contain;}
  i.i-modify {width:12px; height:14px; background-size:contain;}
  i.i-no-file{width:0; height:0;}
}

a{color:#3a3a3a;}
a i + span{color:#3a3a3a;}
a:hover i + span, a:hover{color:#ff4500;text-decoration:underline;}
@media screen and (max-width:1200px){
  i.i-downloadfile{width:13px;height:12px;background-size:13px auto;background-position:50% 50%;}
}
/* STATUS & LABEL */
.status-ing{display:inline-block;width:60px;height:30px;line-height:30px;background-color:#1364b2;color:#fff;text-align:center;font-size:1.6rem;}
.status-end{display:inline-block;width:60px;height:30px;line-height:30px;background-color:#3a3a3a;color:#fff;text-align:center;font-size:1.6rem;}
.status-now{display:inline-block;width:60px;height:30px;line-height:30px;background-color:#fb1a2d;color:#fff;text-align:center;font-size:1.6rem;}
.label-notice{display:inline-block;width:44px;height:30px;line-height:30px;background-color:#ff4500;color:#fff;text-align:center;font-size:1.4rem;border-radius:15px;margin-right:10px;}

@media screen and (max-width:1200px){
.status-now{display:inline-block;width:60px;height:30px;line-height:30px;background-color:#fb1a2d;color:#fff;text-align:center;font-size:1.6rem;}
.status-now{display:inline-block;width:60px;height:30px;line-height:30px;background-color:#fb1a2d;color:#fff;text-align:center;font-size:1.6rem;}
.status-ing, .status-end,.status-now {width:45px;height:23px;line-height:23px;font-size:1.2rem;}
}

/* ELLIPSIS */
.ellipsis{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.ellipsis2{max-height:2em;word-wrap:break-word;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.ellipsis3{max-height:3em;word-wrap:break-word;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}

/* TAB MENU */
.tabWrap{position:relative;}
.tab {width:100%;display:table;table-layout:fixed;border:1px solid #d8dde5;background-color:#eaeaea;overflow:hidden;}
.tab > div{display:table-cell;vertical-align:top;border-right:1px solid #d8dde5;}
.tab > div:last-of-type{border-right:0;}
.tab button{width:100%;background-color:inherit; /* display:table-cell; */ border:none;padding:20px 10px 21px 10px;transition:0.3s;font-size:1.6rem;}
.tab button:hover, .tab button.active {background-color:#3a3a3a;color:#fff;}
.tabcontent{display:none;padding-top:50px;}
.tabcontent.active{display:block;animation:fadeEffect 1s;}
.subtabcon{display:none;}
.subtabcon.active{display:block;}
@keyframes fadeEffect{ from {opacity: 0;} to {opacity: 1;} }
.tab.fixedWidth{display:block;overflow:hidden;border:0;background-color:#fff;}
.tab.fixedWidth > div{width:20%;display:block;float:left;border:1px solid #d8dde5;border-width:1px 0 1px 1px;background-color:#eaeaea;}
.tab.fixedWidth > div:nth-of-type(5n), .tab.fixedWidth > div:last-of-type{border-width:1px;}
.tab.fixedWidth > div:nth-of-type(n+6){border-top:0;}
.tab.fixedWidth button{display:inline-block;}

.tabsub{position:relative;overflow:hidden;border:1px solid #d8dde5;display:none;}
.tabsub.on{display:block;}
.tabsub li{float:left;}
.tabsub button{width:100%;background-color:transparent;display:table-cell;border:none;padding:15px 20px 16px 20px;transition:0.3s;font-size:1.6rem;}
.tabsub button:hover, .tabsub button.active{color:#ff4500;background-color:#fff;text-decoration:underline;}
.tabcontent h5.headline, h4.headline, .h4.headline{font-size:2.4rem;font-weight:700;text-align:center;position:relative;padding-bottom:10px;margin-top:10px;margin-bottom:40px;}
.h4.headline{font-size:2.4rem;font-weight:700;text-align:center;position:relative;padding:0 0 10px 0;margin-top:10px;margin-bottom:25px;color:#3a3a3a;}
.tabcontent h5.headline:after, h4.headline:after, .h4.headline:after{content:'';display:block;width:30px;height:2px;background-color:#3a3a3a;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
h4.head, h5.head, .h5.head{font-size:2rem;font-weight:500;padding-bottom:20px;}
h6.head {font-size:1.8rem; font-weight: 700; padding-bottom:20px;}
.tabcontent h6.headline{font-size:2rem;font-weight:500;padding-bottom:15px;}
.tabcontent .boardType3 + .boardType3{margin-top:45px;}
.tabsub{margin-top:10px;}
@media screen and (max-width:1200px){
  .tab button{font-size:1.2rem;padding:0 10px;height:40px;}/*padding:12px 10px;*/
  .tab.fixedWidth > div{width:33.3333%;}
  .tab.fixedWidth > div:nth-of-type(5n){border-width:1px 0 1px 1px;}
  .tab.fixedWidth > div:nth-of-type(3n), .tab.fixedWidth > div:last-of-type{border-width:1px;}
  .tab.fixedWidth > div:nth-of-type(n+4){border-top:0;}

  .tabsub{margin:10px 10px 0;padding:0 5px;}
  .tabsub button{font-size:1.2rem;padding:10px;}
  .tabcontent{padding-top:20px;}
  .tabcontent h5.headline, h4.headline{font-size:1.8rem;padding-bottom:5px;margin-top:0;margin-bottom:20px;}
  .tabcontent h5.headline:after, h4.headline:after{width:18px;height:1px;}
  h4.head {font-size:1.5rem; padding-right:15px;padding-bottom:15px;padding-left:15px; font-weight: 500;}
  .tabcontent h6.headline, h5.head, .h5.head{font-size:1.5rem;padding-right:15px;padding-bottom:15px;padding-left:15px;}
  .tabcontent .article h6.headline, .article h5.head, .article .h5.head{padding-left:0;}
  .tabcontent .boardType3{margin:0 15px;}
  h6.head {font-size:1.4rem; font-weight: 700; padding-bottom:15px;}
}

/* clause */
.clause-wrap .article h5.headline {font-size:2rem;font-weight:500;padding-bottom:15px;}
.clause-wrap .article .boxWrap {display:block;padding:20px 30px; background-color:#fff;}
.clause-wrap .article .boxWrap.basic {display: flex; justify-content: flex-start; align-items: center;}
.clause-wrap .article .boxWrap + .formWrap {margin-top:10px; font-weight:500;}
.clause-wrap .article .matrix + p {margin-top:15px;}
@media screen and (max-width:1200px){
  .clause-wrap .article h5.headline {font-size:1.5rem;font-weight:500;padding-bottom:5px;}
  .clause-wrap .article .boxWrap {padding:10px;}
  .clause-wrap .article .matrix + p {margin-top:10px;}
}

/* BOARD HEADER */
.boardHeader{width:100%;height:50px;padding-bottom:10px;}/*overflow:hidden*/
.boardHeader:after{content:'';display:block;width:100%;height:0;overflow:hidden;clear:both;}
.boardHeader > div{line-height:40px;}
.boardHeader .totalno{float:left}
.boardHeader .searchoption{float:right;/*overflow:hidden;*/}
.boardHeader .searchoption:after{content:'';display:block;width:100%;height:0;overflow:hidden;clear:both;}
.boardHeader .searchoption select{padding:0 15px;width:180px;font-size:1.5rem;font-weight:400;float:left;}
.boardHeader .searchoption select:hover{border-color:#004899;}
.boardHeader .searchoption .selectize-control.single{float:left;width:180px;margin-left:5px;}
.boardHeader .searchoption .selectize-control.single .selectize-input{height:40px;}
.boardHeader .searchoption .selectize-control:first-of-type{margin-left:0;}
.boardHeader .searchoption input{padding:8px 20px;font-size:1.5rem;float:left;margin-left:5px;line-height:normal;}
.boardHeader .searchoption input:hover{border-color:#004899;}
.boardHeader .searchoption input:active, .boardHeader .searchoption input:focus{border:1px #004899 solid;}
.boardHeader .searchoption input:disabled{color:#9fa6aa;}
.boardHeader .searchoption input::-webkit-input-placeholder{color:#3a3a3a;}
.boardHeader .searchoption input::-ms-input-placeholder{color:#3a3a3a;}
.boardHeader .searchoption button{float:left;margin-left:5px;}
.boardHeader .searchoption button i + span{vertical-align:top;}
.boardCopy{width:100%;padding-bottom:15px;display:flex;justify-content:space-between;align-items:stretch;}
.boardCopy.tr{justify-content:flex-end;}
.boardCopy.tr.has-btn {margin-bottom:-5px;}
.headline + .boardCopy{margin-top:-15px;}
.boardCopy .head{padding-bottom:0;}

.mobil2rows{position:relative;display:flex;justify-content:center;align-items:center;width:100%;}
.selectsWrap{position:relative;display:flex;justify-content:center;align-items:center;}
.boardHeader .searchoption .selectsWrap > div + div{padding-left:5px;}
.boardHeader .searchoption .mobil2rows{align-items:stretch;}
@media screen and (max-width:1200px){
  .boardHeader .searchoption .selectize-control.single{width:calc(50% - 40px);}
  .boardCopy{padding-bottom:10px;display:block;justify-content:unset;align-items:unset;}
  .boardCopy.tr{justify-content:unset;}
  .headline + .boardCopy{margin-top:-5px;}

  .mobil2rows{display:block;justify-content:unset;align-items:unset;}
  .boardHeader .searchoption .selectsWrap{line-height:30px;}
  .boardHeader .searchoption .selectsWrap > div{padding:0;}
  .boardHeader .searchoption .selectsWrap .selectize-control.single{width:100%;}
  .boardHeader .searchoption .mobil2rows{align-items:inherit;}
  .boardHeader .searchoption .fullWrap{display:block;overflow:hidden;margin-bottom:10px;}
  .boardHeader .searchoption .fullWrap input{margin-left:0;width:calc(100% - 73px);}
}

/* BOARD TYPE1 */
.boardType1{position:relative;}
.boardType1 table{width:100%;display:table;border-collapse:collapse;border-spacing:0;border:0;border-top:2px #3a3a3a solid;table-layout:fixed;}
.boardType1 table thead th{line-height:47px;font-size:1.8rem;border-bottom:1px #d8dde5 solid;}
.boardType1 table tbody td{padding:14px 15px 15px;line-height:1.6;text-align:center;border-bottom:1px #d8dde5 solid;}
.boardType1 table tbody td.title{text-align:left;}
.boardType1 table tbody td.title a{display:block;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.boardType1 table tbody td.title a.sml{display:inline-block;max-width:none;color:#fff;}
.boardType1 table tbody td.title a.sml:hover{text-decoration:none;}
.boardType1 table tbody td.title a[target=_blank]:after{vertical-align:unset;}
.boardType1 table tbody td .bStatus, .boardType1 table tbody td .bInfo, .boardType1 table tbody td .bInfoT{display:none;}
.boardType1 table tbody td a{color:#3a3a3a;}
.boardType1 table tbody td a:hover{color:#ff4500;text-decoration:underline;}
.boardType1 table tbody td.tl{text-align:left;}
.boardType1 table col.desktop{display:table-column !important;}
.boardType1 table .desktop{display:table-cell !important;}
.boardType1 table .mobile{display:none !important;}
.boardType1 .essential {padding-left:20px;position:absolute; top:10px; right:0;}
.boardType1 .essential:before {content: '*'; width: 8px;height: 8px;display: block; position: absolute; top: 2px; left:0px; font-size: 2.2rem; color: #fb1a2d;}
@media screen and (max-width:1200px){
  .boardType1 table{table-layout:fixed;border-top:1px #d8dde5 solid;}
  .boardType1 table col.no{width:50px !important;}
  .boardType1 table thead{display:none;}
  .boardType1 .header-yes table thead{display:table-header-group;}
  .boardType1 .header-yes table thead th{font-size:1.2rem; line-height: inherit;}
  .boardType1 table col.desktop, .boardType1 table .desktop{display:none !important}
  .boardType1 table .mobile{display:table-cell !important;}
  .boardType1 table tbody tr.notice td{background-color:#fff4f0;}
  .boardType1 table tbody tr.notice .label-notice{display:none;}
  .boardType1 table tbody td{font-size:1.2rem;padding:10px 15px;}
  .boardType1 table tbody td.title{border-left:1px #d8dde5 solid;}
  .boardType1 table tbody td.title.nobrd{border-left:0;}
  .boardType1 table tbody td.title a{width:100%;text-overflow:unset;overflow:inherit;white-space:inherit;}

  .boardType1 .essential {padding-left:10px;position:absolute; top:10px; right:15px;}
  .boardType1 .essential:before{font-size: 1.6rem;}

  .boardType1 table tbody td .bStatus{display:block;margin-bottom:10px;overflow:hidden;}
  .boardType1 table tbody td .bInfoT{display:block;margin-bottom:7px;overflow:hidden;}
  .boardType1 table tbody td .bInfo{display:block;margin-top:7px;overflow:hidden;}
  .boardType1 table tbody td .bInfo + .bInfo {margin-top:5px;}
  .boardType1 table tbody td .bInfo dl, .boardType1 table tbody td .bInfoT dl{float:left;overflow-x:hidden;}
  .boardType1 table tbody td .bInfo dl + dl, .boardType1 table tbody td .bInfoT dl + dl{margin-left:15px;}
  .boardType1 table tbody td .bInfo dl dt, .boardType1 table tbody td .bInfoT dt{float:left;font-size:1.1rem;padding-right:5px;}
  .boardType1 table tbody td .bInfo dl dd, .boardType1 table tbody td .bInfoT dd{float:left;font-size:1.1rem;font-weight:300;}
  .boardType1 table tbody td .bInfo.hidedt dl dt, .boardType1 table tbody td .bInfoT.hidedt dl dt{width:0px;height:0px;overflow:hidden;visibility:hidden;font-size:0;}
  .boardType1 table tbody td .bInfo + div{margin-top:10px;}
  .boardType1 table tbody td .bInfo dl.part {float:none; display:flex; margin-left:0; width:100%;}
  .boardType1 table tbody td .bInfo dl.part dt {flex:none;}
  .boardType1 table tbody td .bInfo dl.part dd {flex:1; text-align:left;}


  .boardHeader{height:auto;/*min-height:80px;*/padding-right:10px;padding-bottom:40px;padding-left:10px;position:relative;}
  .boardHeader div{width:100%;/*line-height:30px;*/}
  /*.boardHeader .item{position:absolute;top:0;}*/
  .boardHeader .totalno{float:none;font-size:1.2rem;position:absolute;left:10px;bottom:3px;width:auto;max-width:calc(100% - 20px);}
  .boardHeader .searchoption{float:none;}
  .boardHeader .searchoption select{width:calc(50% - 40px);height:30px;font-size:1.2rem;color:#424950;padding:0 7px;}
  .boardHeader .searchoption input{width:calc(50% - 40px);padding:5px 10px;font-size:1.2rem;}
  .boardHeader .searchoption .selectize-control.single .selectize-input{height:30px;}
  .boardHeader .selectize-control.single .selectize-input{height:30px;overflow:hidden;}
  .boardHeader .selectize-control.single .selectize-input input{height:0;overflow:hidden;position:absolute;}
  .boardHeader .selectize-control.single .selectize-dropdown-content{margin-left:0;}
}

/* BOARD PAGINATION */
.pagination{display:table;position:relative;margin:30px auto;}
.pagination button{width:30px;height:30px;color:#757575;vertical-align:top;background-color:#fff;outline:none;}
.pagination button:hover, .pagination button:focus, .pagination button.on{border:1px #004899 solid;}
.pagination .pg{font-size:1.4rem;font-weight:500;}
.pagination .pg-first, .pagination .pg-prev, .pagination .pg-next, .pagination .pg-last{font-size:0;font-family:dotum;}
.pagination .pg-first:after{content:'<<';font-size:1.2rem;}
.pagination .pg-prev:after{content:'<';font-size:1.2rem;}
.pagination .pg-next:after{content:'>';font-size:1.2rem;}
.pagination .pg-last:after{content:'>>';font-size:1.2rem;}
.pagination.desktop{display:table !important;}
.pagination.mobile{display:none;}
@media screen and (max-width:1200px){
  .pagination.desktop{display:none !important;}
  .pagination.mobile{display:table !important;}
  .pagination .pg{font-size:1.2rem;}
}

/* BOARD bottom button */
.board-Bbuttn:after {clear:both; display:block; content:'';}
.board-Bbuttn .l-btn {float:left;}
.board-Bbuttn .r-btn {float:right;}

/* BOARD VIEW TYPE1 */
.boardType1 .viewWrap{width:100%;border-top:1px #d8dde5 solid;}
/* .boardType1 .viewWrap > div:not(.viewWrapCon){border-right:1px #d8dde5 solid;border-left:1px #d8dde5 solid;} */
.boardType1 .viewWrap .viewWrapInfo{border-bottom:1px #d8dde5 solid;}
.boardType1 .viewWrap .viewWrapInfo .table > div{padding:20px 30px;border-top:1px #d8dde5 solid;}
.boardType1 .viewWrap .viewWrapInfo .table > div:first-of-type{border-top:0;}
.boardType1 .viewWrap .viewWrapInfo .table.pc2cols > div{display:table-cell;border-top:0;}
.boardType1 .viewWrap .viewWrapInfo span + span{margin-left:30px;}
.boardType1 .viewWrap .viewWrapFile{padding:20px 30px;border-bottom:1px #d8dde5 solid;}
.boardType1 .viewWrap .viewWrapCon{padding:30px;}
.boardType1 .viewWrap .viewWrapCon img{max-width:100%;}
.boardType1 .viewWrap .viewWrapCon .figureWrap{margin-top:15px;}
.boardType1 .viewWrap .viewWrapCon .figureWrap img{max-width:100%;}
.boardType1 .viewWrap .table{display:table;width:100%;table-layout:fixed;border-collapse:collapse;padding:0;margin:0;}
.boardType1 .viewWrap .viewWrapFile .table > div + div{margin-top:8px;}
.boardType1 .viewWrap a:hover{color:#ff4500;}
/* variation : gallery type */
.boardType1 table.gallery tbody td{vertical-align:middle;}
.boardType1 table.gallery tbody td a.galleryWrap{display:table;width:100%;table-layout:fixed;}
.boardType1 table.gallery tbody td a.galleryWrap:hover{color:inherit;}
.boardType1 table.gallery tbody td a.galleryWrap .thumbwrap{width:270px;padding:0;display:table-cell;position:relative;vertical-align:top;}
.boardType1 table.gallery tbody td a.galleryWrap .thumbwrap img{display:block;width:100%;max-width:210px;}
.boardType1 table.gallery tbody td a.galleryWrap .textwrap{padding:0 30px 0 0;display:table-cell;position:relative;vertical-align:top;}
.boardType1 table.gallery tbody td a.galleryWrap .textwrap .tit{font-size:2rem;font-weight:400;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.boardType1 table.gallery tbody td a.galleryWrap .textwrap .text{margin-top:15px;max-height:6em;word-wrap:break-word;display:block;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.5;white-space:normal;}
@media screen and (max-width:1200px){
  .boardType1 .viewWrap{font-size:1.2rem;}
  .boardType1 .viewWrap > div:not(.viewWrapCon){border-right:0;border-left:0;}
  .boardType1 .viewWrap .viewWrapInfo .table > div{padding:11px 15px 12px 15px;}
  .boardType1 .viewWrap .viewWrapInfo .table.pc2cols > div{display:block;border-top:1px #d8dde5 solid;}
  .boardType1 .viewWrap .viewWrapInfo .table.pc2cols > div:first-of-type{border-top:0;}
  .boardType1 .viewWrap .viewWrapInfo .table.pc2cols > div.tr{text-align:left !important;}
  .boardType1 .viewWrap .viewWrapInfo span.period{display:block;margin-top:10px;margin-left:0;}
  .boardType1 .viewWrap .viewWrapFile{padding:11px 15px 12px 15px;}
  .boardType1 .viewWrap .viewWrapCon{padding:15px;}
  /* variation : gallery type : type2 */
  .boardType1 table.gallery tbody td a.galleryWrap .thumbwrap{width:140px;}
  .boardType1 table.gallery tbody td a.galleryWrap .thumbwrap img{max-width:140px;}
  .boardType1 table.gallery tbody td a.galleryWrap .textwrap{padding-left:10px;padding-right:0;}
  .boardType1 table.gallery tbody td a.galleryWrap .textwrap .tit{width:100%;max-height:6em;font-size:1.2rem;word-wrap:break-word;display:block;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.5;white-space:normal;}
  .boardType1 table.gallery tbody td a.galleryWrap .textwrap .text{display:none;}
  .boardType1 table.gallery tbody td .bInfo{margin-top:0;position: absolute;bottom:0;left:10px;}
}

/* BOARD VIEW TYPE2 : simular table */
.boardType1 .viewWrap2{border-top:1px #a6a6a6 solid;}
.viewWrap2 .table{display:flex;align-items:stretch;table-layout:fixed;width:100%;border-bottom:1px #a6a6a6 solid;}
.viewWrap2 .table .cell{vertical-align:top;}
.viewWrap2 .table .cell + .cell{border-left:1px #a6a6a6 solid;}
.viewWrap2 .table .cell dl.data{width:100%;height:100%;display:table;table-layout:fixed;position:relative;}
.viewWrap2 .table .cell dl.data dt{display:table-cell;width:200px;padding:10px 30px;vertical-align:middle;background-color:#eaeaea;border-right:1px #a6a6a6 solid;}
.viewWrap2 .table .cell dl.data dt .mandatory{display:block;position:absolute;top:0;left:0;width:0px;height:0px;font-size:0;}
.viewWrap2 .table .cell dl.data dt .mandatory:before{content:'*';width:8px;height:8px;display:block;position:absolute;top:2px;left:8px;font-size:2.2rem;color:#fb1a2d;}
.viewWrap2 .table .cell dl.data dd{display:table-cell;width:calc(100% - 200px);padding:10px 20px;vertical-align:middle;}
@media screen and (max-width:1200px){
  .viewWrap2 .table .cell dl.data dt {width:25%;padding:10px 15px;}
  /*
  .boardType1 .writeWrap{border-top:0;border-bottom:1px #a6a6a6 solid;}
  .writeWrap .table{display:block;border-bottom:0;}
  .writeWrap .table .cell + .cell{border-left:0;}
  .writeWrap .table .cell dl.data{display:block;}
  .writeWrap .table .cell dl.data dt{display:block;width:100%;border-top:1px #a6a6a6 solid;border-right:0;background-color:#fff;padding:10px 15px;}
  .writeWrap .table .cell dl.data dd{display:block;width:100%;padding:0 15px 15px;}
  .writeWrap .table .cell dl.data dt .mandatory:before{left:5px;}
  */
}
/* BOARD PREV NEXT */
.prevnext{width:100%;border-top:1px #d8dde5 solid;}
.prevnext > div{display:table;width:100%;table-layout:fixed;border-bottom:1px #d8dde5 solid;}
.prevnext > div a{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.prevnext > div .pn{display:table-cell;width:90px;height:40px;padding-left:40px;line-height:38px;position:relative;background-color:#949494;color:#fff;font-size:1.5rem;}
.prevnext > div .pn i + span{margin-left:0;}
.prevnext .prev i{height:40px;display:block;padding-top:1px;padding-left:28px;background:#949494 url(/static/eng/images/common/board-prev-arrow.png) 15px 50% no-repeat;text-align:center;font-style:normal;vertical-align:middle;position:absolute;top:0;left:0;}
.prevnext > div .pn + span{display:table-cell;padding:1px 20px 0 20px;line-height:38px;font-size:1.5rem;color:#3a3a3a;}
.prevnext .next i{height:40px;display:block;padding-top:1px;padding-left:28px;background:#949494 url(/static/eng/images/common/board-next-arrow.png) 15px 50% no-repeat;text-align:center;font-style:normal;vertical-align:middle;position:absolute;top:0;left:0;}
@media screen and (max-width:1200px){
  .prevnext > div .pn{width:80px;height:30px;line-height:28px;}
  .prevnext > div .pn i{height:30px;background-size:4px 6px;font-size:1.2rem;}
  .prevnext > div .pn + span{padding-right:10px;padding-left:10px;line-height:28px;font-size:1.2rem;}
}

/* BOARD TYPE2 : IMG + TEXT */
.boardType2{position:relative;}
.boardType2 .thumbText{border-top:2px #3a3a3a solid;}
.boardType2 .thumbText li{padding:20px 0;border-bottom:1px #d8dde5 solid;}
.boardType2 .thumbText li a{display:table;width:100%;table-layout:fixed;}
.boardType2 .thumbText li a:hover{color:inherit;}
.boardType2 .thumbText li .thumbwrap{width:275px;padding:0 30px;display:table-cell;position:relative;vertical-align:middle;}
.boardType2 .thumbText .thumbwrap img{display:block;width:100%;max-width:210px;}
.boardType2 .thumbText .textwrap{padding:0 30px;display:table-cell;position:relative;vertical-align:middle;}
.boardType2 .thumbText .textwrap .tit{width:calc(100% - 150px);font-size:2rem;font-weight:400;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.boardType2 .thumbText .textwrap .regidate{position:absolute;top:0;right:30px;}
.boardType2 .thumbText .textwrap .text{width:calc(100% - 150px);margin-top:15px;max-height:6em;word-wrap:break-word;display:block;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.boardType2 .thumbText .textwrap.nodate .tit, .boardType2 .thumbText .textwrap.nodate .text, .boardType2 .thumbText .textwrap.nodate .info{width:100%;}
/* variation */
.boardType2 .thumbText .textwrap.nodate{vertical-align:top;}
.boardType2 .thumbText .textwrap.nodate .info{margin-top:10px;display:flex;justify-content:flex-start;align-items:stretch;}
.boardType2 .thumbText .textwrap.nodate .info dl{overflow:hidden;}
.boardType2 .thumbText .textwrap.nodate .info dl + dl{margin-left:25px;}
.boardType2 .thumbText .textwrap.nodate .info dl dt, .boardType2 .thumbText .textwrap.nodate .info dl dd{float:left;color:#30598c;}
.boardType2 .thumbText .textwrap.nodate .text{margin-top:10px;}
.boardType2 .thumbText .textwrap .text.ellipsis2{max-height:3em;-webkit-line-clamp:2;}
.boardType2 .thumbText .textwrap .text.ellipsis3{max-height:5em;-webkit-line-clamp:3;}
@media screen and (max-width:1200px){
  .boardType2 .notice{background-color:#fff4f0;}
  .boardType2 .notice .label-notice{display:none;}
  .boardType2 .thumbText{border-top:1px #d8dde5 solid;}
  .boardType2 .thumbText li{padding:15px 0;}
  .boardType2 .thumbText li .thumbwrap{width:190px;padding:0 15px;}
  .boardType2 .thumbText .textwrap{padding:0 15px 0 0;vertical-align:top;}
  .boardType2 .thumbText .textwrap .tit{width:100%;font-size:1.2rem;max-height:5em;white-space:unset;word-wrap:break-word;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
  .boardType2 .thumbText .textwrap .regidate{font-size:1.1rem;font-weight:300;top:unset;right:unset;bottom:0;left:0;}
  .boardType2 .thumbText .textwrap .text{display:none;}
  /* variation */
  .boardType2 .thumbText .textwrap.nodate .info{margin-top:5px;display:block;justify-content:unset;align-items:unset;}
  .boardType2 .thumbText .textwrap.nodate .info dl + dl{margin-left:0;}
  .boardType2 .thumbText .textwrap.nodate .info dl dt, .boardType2 .thumbText .textwrap.nodate .info dl dd{float:none;display:inline;}
  .boardType2 .thumbText .textwrap.nodate .text{display:block;margin-top:5px;}
}

/* BOARD TYPE3 : 2 columns IMG + TEXT */
.boardType3{position:relative;}
.boardType3 .thumbText{border-top:2px #3a3a3a solid;overflow:hidden;}
.boardType3 .thumbText li{width:50%;height:250px;overflow:hidden;float:left;padding:20px 0;border-bottom:1px #d8dde5 solid;}
.boardType3 .thumbText li a{display:table;width:100%;table-layout:fixed;}
.boardType3 .thumbText li a:hover{color:inherit;}
.boardType3 .thumbText li .thumbwrap{width:210px;height:210px;overflow:hidden;display:table-cell;position:relative;vertical-align:top;}
.boardType3 .thumbText .thumbwrap img{display:block;width:100%;max-width:210px;}
.boardType3 .thumbText .markwrap{width:195px;text-align:center;}
.boardType3 .thumbText .markwrap img{width:100%;max-width:145px;}
.boardType3 .thumbText .textwrap{display:table-cell;vertical-align:top;padding-right:20px;}
.boardType3 .thumbText .textwrap .tit{font-weight:700;display:block;}
.boardType3 .thumbText .textwrap .text{}
@media screen and (max-width:1200px){
  .boardType3 .thumbText{border-top:1px #d8dde5 solid;}
  .boardType3 .thumbText li{padding:15px 0;width:100%;height:155px;float:none;}
  .boardType3 .thumbText li .thumbwrap{width:126px;height:126px;padding:0;}
  .boardType3 .thumbText .thumbwrap img{max-width:126px;}
  .boardType3 .thumbText .markwrap{width:115px;}
  .boardType3 .thumbText .markwrap img{max-width:84px;}
  .boardType3 .thumbText .textwrap{padding:0 15px 0 0;vertical-align:top;}
  .boardType3 .thumbText .textwrap .tit{width:100%;font-size:1.2rem;max-height:5em;white-space:unset;word-wrap:break-word;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
  .boardType3 .thumbText .textwrap .text{font-size:1.2rem;}
}

/* BOARD WRITE TYPE1 */
.boardType1 .writeWrap{border-top:1px #a6a6a6 solid;}
.writeWrap .table{display:flex;align-items:stretch;table-layout:fixed;width:100%;border-bottom:1px #a6a6a6 solid;}
.writeWrap .table .cell{vertical-align:top;}
.writeWrap .table .cell + .cell{border-left:1px #a6a6a6 solid;}
.writeWrap .table .cell dl.data{width:100%;height:100%;display:table;table-layout:fixed;position:relative;}
.writeWrap .table .cell dl.data dt{display:table-cell;width:190px;padding:10px 30px;vertical-align:middle;background-color:#eaeaea;border-right:1px #a6a6a6 solid;}
.writeWrap .table .cell dl.data dt .mandatory{display:block;position:absolute;top:0;left:0;width:0px;height:0px;font-size:0;}
.writeWrap .table .cell dl.data dt .mandatory:before{content:'*';width:8px;height:8px;display:block;position:absolute;top:2px;left:8px;font-size:2.2rem;color:#fb1a2d;}
.writeWrap .table .cell dl.data dd{display:table-cell;width:calc(100% - 190px);padding:10px 20px;vertical-align:middle;}
.writeWrap .table .cell dl.data dd.db div {height:38px; display: table-cell; vertical-align: middle;}
.writeWrap .table .cell dl.data dd.unit .full, .writeWrap .table .cell dl.data dd.unit .full label {width:auto;}
.writeWrap .table .cell dl.data dd.unit input[type=text] {width:250px;}
.writeWrap .table .cell dl.data dd.unit em {padding-left:8px;}
span.full{width:100%;}
span.full label, span.full input {width:100%;}
span.full textarea {width:100%;padding:10px 20px; max-width: 100%;  resize: none; line-height:1.5;}
label.full input[type=text] {width:100%;}
.boardType1 + .boardType1 {margin-top:50px;}
.boardType1 .basic {width:169px !important;}
.boardType1 .basic label input[type=text], .boardType1 .dt-half label, .boardType1 .dt-half label input[type=text]{width:100%;}
.boardType1 .dt-half {width:369px;}
.boardType1 input.datepicker {width:169px;}
@media screen and (max-width:1200px){
  .boardType1 .writeWrap{border-top:0;border-bottom:1px #a6a6a6 solid;}
  .writeWrap .table{display:block;border-bottom:0;}
  .writeWrap .table .cell + .cell{border-left:0;}
  .writeWrap .table .cell dl.data{display:block;}
  .writeWrap .table .cell dl.data dt{display:block;width:100%;border-top:1px #a6a6a6 solid;border-right:0;background-color:#fff;padding:10px 15px;}
  .writeWrap .table .cell dl.data dd{display:block;width:100%;padding:0 15px 15px;}
  .writeWrap .table .cell dl.data dt .mandatory:before{left:5px;}
  .writeWrap .table .cell dl.data dd.unit {position:relative;padding-right:60px;}
  .writeWrap .table .cell dl.data dd.unit .full, .writeWrap .table .cell dl.data dd.unit .full label {width:100%;}
  .writeWrap .table .cell dl.data dd.unit input[type=text] {width:100%;}
  .writeWrap .table .cell dl.data dd.unit em {position:absolute; top:5px; right:15px; padding-left:10px; display:inline-block; width:45px; text-align:left;}
  .writeWrap input[type=text] {height:30px;}
  .boardType1 + .boardType1 {margin-top:25px;}
  .boardType1 .basic {width:149px !important;}
  .boardType1 .dt-half {display:block;}
  .boardType1 .dt-half, .boardType1 .dt-half label, .boardType1 .dt-half label input[type=text]{width:100%;}
  .boardType1 input.datepicker {width:149px;}
}

/* ALTERNATIVE TEXT */
.alter{width:0 !important;height:0;padding:0 !important;margin:0;overflow:hidden;font-size:0;}

/* BUTTON */
.btn{display:inline-block;line-height:40px;min-width:90px;max-width:90px;vertical-align:middle;font-weight:400;}
.btn:active, .btn:focus{opacity:0.7;}
.btn:disabled, .disabled{background-color:#eaeaea;color:#9fa6aa;pointer-events:none;}
.btn.blue{color:#fff;background-color:#004899;font-size:1.5rem;}
.btn.blue:hover, .btn.blue:focus{background-color:#000055;}
.btn.blue:active{background-color:#497cb4;}
.btn.red{color:#fff;background-color:#fb1a2d;font-size:1.5rem;}
.btn.red:hover, .btn.red:focus{background-color:#cc0000;}
.btn.red:active{background-color:#f95b69;}
.btn.hotpink{color:#fff;background-color:#e2255b;font-size:1.5rem;}
.btn.hotpink:hover, .btn.hotpink:focus{background-color:#cc0000;}
.btn.hotpink:active{background-color:#e86389;}
.btn.orange{color:#fff;background-color:#ff4500;font-size:1.5rem;}
.btn.orange:hover{background-color:#ff0000;}
.btn.orange:active, .btn.orange:focus{background-color:#ff4500;}
.btn.black{color:#fff;background-color:#3a3a3a;font-size:1.5rem;}
.btn.black:hover, .btn.black:focus{background-color:#000000;}
.btn.black:active{background-color:#727272;}
.btn.gray{color:#fff;background-color:#949494;font-size:1.5rem;}
.btn.gray:hover, .btn.gray:focus{background-color:#767676;}
.btn.gray:active{background-color:#bebebe;}

.btn-write, .btn-delete, .btn-search, .btn-list, .btn-close, .btn-attach, .btn-border, .btn-goods{display:inline-block;line-height:40px;min-width:90px;padding:0 20px;vertical-align:middle;font-weight:400;color:#fff;font-size:1.5rem;text-align:center;}/*max-width:90px;*/
.btn-write span, .btn-delete span, .btn-search span, .btn-list span, .btn-close span, .btn-attach span{color:inherit;font-size:inherit;}
a.btn-write:hover span, a.btn-delete:hover span, a.btn-search:hover span, a.btn-list:hover span, a.btn-close:hover span, a.btn-attach:hover span{color:#fff;text-decoration:none;}
.sml{line-height:30px;min-width:80px;padding:0 14px;}

.icon{height:40px;line-height:38px;}

.btn-write{background-color:#004899;}
.btn-write:hover, .btn-write:focus{background-color:#000055;color:#fff;text-decoration:none;}
.btn-write:active{background-color:#4c7fb7;}
.btn-write:disabled, .btn-write.disabled{background-color:#eaeaea;color:#9fa6aa;pointer-events:none;}
.btn-delete{background-color:#fb1a2d;}
.btn-delete:hover, .btn-delete:focus{background-color:#cc0000;color:#fff;text-decoration:none;}
.btn-delete:active{background-color:#fc5e6c;}
.btn-delete:disabled, .btn-delete.disabled{background-color:#eaeaea;color:#9fa6aa;pointer-events:none;}
.btn-search{background-color:#ff4500;}
.btn-search:hover, .btn-search:focus{background-color:#ff0000;color:#fff;text-decoration:none;}
.btn-search:active{background-color:#ff7c4c;}
.btn-search:disabled, .btn-search.disabled{background-color:#eaeaea;color:#9fa6aa;pointer-events:none;}
.btn-list{background-color:#949494;}
.btn-list:hover, .btn-list:focus{background-color:#767676;color:#fff;text-decoration:none;}
.btn-list:active{background-color:#bebebe;}
.btn-list:disabled, .btn-list.disabled{background-color:#eaeaea;color:#9fa6aa;pointer-events:none;}
.btn-close{background-color:#3a3a3a;}
.btn-close:hover, .btn-close:focus{background-color:#000000;color:#fff;text-decoration:none;}
.btn-close:active{background-color:#727272;}
.btn-close:disabled, .btn-close.disabled{background-color:#eaeaea;color:#9fa6aa;pointer-events:none;}
.btn-attach{line-height:38px;background-color:#ffffff;border:1px #d8dde5 solid;color:#3a3a3a;}
.btn-attach:hover, .btn-attach:focus{background-color:#d2d2d2;color:#fff;text-decoration:none;}
.btn-attach:active{background-color:#e4e4e4;}
.btn-attach:disabled, .btn-attach.disabled{background-color:#eaeaea;color:#9fa6aa;border:1px #eaeaea solid;pointer-events:none;}
.btn-border{line-height:38px;background-color:#ffffff;border:1px #134290 solid;color:#004899;}
/* .btn-border:hover{background-color:#d2d2d2;color:#fff;text-decoration:none;}
.btn-border:active{background-color:#e4e4e4;} */
.btn-border:disabled, .btn-border.disabled{background-color:#eaeaea;color:#9fa6aa;border:1px #134290 solid;pointer-events:none;}

.btn-del{width:20px;height:20px;border:1px #d8dde5 solid;background:#fff url(/static/eng/images/common/i-del-x.png) center center no-repeat;font-size:0;}
.btn-s-modify{padding-left:10px; padding-right:13px; display:inline-block; text-align:center;font-weight:400; height:30px; line-height:0; color:#fff; background:#a6a6a6; font-size:1.6rem;}
a.btn-s-modify {line-height:25px;}
.btn-s-modify:hover, .btn-s-modify:hover i + span {color:#fff  !important; text-decoration:none  !important;}
.btn-s-modify i + span{margin-left:5px; color:#fff !important;text-decoration:none  !important; text-decoration:none  !important;}
a.btn-s-modify:hover i + span, a.btn-s-modify:hover{text-decoration:none !important;}
.btn-goods{background-color:#a6a6a6;}
.btn-goods:hover{background-color:#767676;color:#fff;text-decoration:none;}
.btn-goods:active{background-color:#c1c1c1;}
.btn-goods:disabled, .btn-goods.disabled{background-color:#eaeaea;color:#9fa6aa;pointer-events:none;}

.btnWrap{position:relative;padding:40px 0;text-align:center;border-top:1px #d8dde5 solid;}
.btnWrap.noline{margin:30px 0;border:0; padding:0;}
.btnWrap button + button, .btnWrap a + a, .btnWrap a + button, .btnWrap button + a{margin-left:7px;}
.prevnext + .btnWrap{margin:20px 15px;border-top:0;padding:0;}

.contents a[target=_blank]:not(.sml):after{content:'';display:inline-block;width:16px;height:16px;background:url(/static/eng/images/common/i-alink.png) 0 0 no-repeat;vertical-align:top;margin-left:5px;}
.contents a[target=_blank].no-pseudo:after{display:none;}
.contents .td a[target=_blank]:not(.sml):after{vertical-align:baseline;}

@media screen and (max-width:1200px){
  .btn{line-height:30px;min-width:68px;max-width:68px;}
  .btn-write, .btn-delete, .btn-search, .btn-list, .btn-close, .btn-attach,.btn-border{line-height:30px;min-width:68px;padding:0 10px;font-size:1.2rem;}
  .btn-del{width:15px;height:15px;background-size:10px 10px;}
  .icon{height:30px;line-height:28px;}
  .btn-s-modify {font-size:1.2rem; height:23px;}
  /* .btnWrap{margin:20px 0;} */
  .btnWrap{padding:20px 0;}
  .btnWrap.noline{margin:25px 0;}
  .btnWrap.noline button, .btnWrap.noline.btns-2-long button{width:100%;}
  .btnWrap.noline.btns-2 button{width:calc(50% - 5px);}
  .btnWrap.noline.btns-2-long button + button{margin:10px 0 0 0;}
  .moFull{display:block;width:100%;margin:0 0 10px 0 !important;}

  .contents a[target=_blank]:not(.sml):after{width:16px;height:16px;background-position:center center;background-size:14px 14px;}
  .contents .td a[target=_blank]:not(.sml):after{vertical-align:top;}
}

/* LIST with bullet */
.dash li:first-child {padding-top:0;}
.dash li, p.dash{position:relative;padding-left:10px; line-height:24px; padding-top:5px;}
.dash li:before, p.dash:before{content:'-';display:block;width:10px;height:20px;position:absolute;top:3px;left:0;}
.dash li.noblt{padding-left:0;}
.dash li.noblt:before{display:none;}
.dot li, p.dot{position:relative;padding-left:10px;}
.dot li:before, p.dash:before{content:'';display:block;width:10px;height:20px;position:absolute;top:3px;left:0;background:url(/static/eng/images/common/blt-dot.png) left center no-repeat;}
.dot li.noblt{padding-left:0;}
.dot li.noblt:before{display:none;}
@media screen and (max-width:1200px){
  .dash li, p.dash{line-height:16px;}
  .dot li{line-height:1.6;}
  .dot li:before{top:0;}
}
/* TABLE */
.matrix table{width:100%;border-top:2px #3a3a3a solid;border-bottom:1px #a6a6a6 solid;}
.matrix thead th{background-color:#d9d9d9;font-weight:500;padding:10px;border-right:1px #a6a6a6 solid;}
.matrix thead th:last-of-type{border-right:0;}
.matrix thead th.th-2{background-color:#cecece;border-top:1px #a6a6a6 solid;}
.matrix tbody th{background-color:#eaeaea;padding:10px 30px;border-top:1px #a6a6a6 solid;border-right:1px #a6a6a6 solid; font-weight: 400; text-align:left;}
.matrix tbody th + th, .matrix tbody th.th-2{background-color:#f0f0f0;}
.matrix tbody td{background-color:#fff;padding:10px 20px;border-top:1px #a6a6a6 solid;border-right:1px #a6a6a6 solid;}
.matrix tbody td:last-of-type{border-right:0;}
.matrix tbody td.tc{text-align:center;}
.matrix.scrollx{width:100%;overflow:hidden;overflow-x:auto;}
.matrix.scrollx table{min-width:1200px;overflow:hidden;overflow-x:auto;}
.matrix.scrollx tbody td{padding-left:30px;padding-right:30px;}
.matrix.scrolly{width:100%;overflow:hidden;overflow-y:auto;}
@media screen and (max-width:1200px){
  .matrix tbody th {padding:10px; text-align:center;}
  .matrix.scrollx tbody td{padding-left:10px;padding-right:10px;}
  .matrix.scrollx tbody th {padding:10px; text-align:center;}
  .matrix.scrollx tbody th.depth1 {padding-left:15px;}
  .matrix.scrollx tbody th.depth2 {padding-left:25px;}
  .matrix.scrollx tbody th.depth3 {padding-left:35px;}
}
/* TABLE with ul : office.html */
.tbl{width:100%;}
.tbl li{display:table;width:100%;table-layout:fixed;border-top:1px solid #a6a6a6;}
.tbl li .th, .tbl li .td{display:table-cell;padding:12px 10px 13px;}
.tbl li .th{width:390px;background-color:#eaeaea;text-align:center;font-weight:500;border-right:1px solid #a6a6a6;}
.tbl li .td{padding:12px 30px 12px; vertical-align: middle;}
.tbl li:last-of-type{border-bottom:1px solid #a6a6a6;}
@media screen and (max-width:1200px){
  .tbl li .th{width:40%;}
}
@media screen and (max-width:640px){
  .tbl li .th, .tbl li .td{padding:5px 10px 6px;}
  .tbl li .th{width:35%;}
  .tbl li .td{padding:5px 15px 6px;}
}
/* Accordion List */
.accordionWrap{border-top:1px #a6a6a6 solid;}
.accordionWrap > div{display:flex;padding:10px 50px 9px 10px;position:relative;border-bottom:1px #a6a6a6 solid;}
.accordionWrap > div i{display:table;width:30px;height:30px;text-align:center;color:#fff;font-style:normal;line-height:1.7;}
.accordionWrap > div span{margin-left:25px;}
.accordionWrap > div .btn-toggle{width:49px;height:49px;position:absolute;top:0;right:0;background:#f0f0f0 url(/static/eng/images/common/accordion-arrow.png) 50% 50% no-repeat;font-size:0;}
.accordionWrap > div.q::after{content:'';width:49px;height:100%;background-color:#f0f0f0;display:block;top:0;right:0;position:absolute;z-index:-1;}
.accordionWrap > div.q span::after{content:'';width:1px;height:100%;border-left:1px #a6a6a6 solid;display:block;position:absolute;top:0;right:48px;}
.accordionWrap .q i{background-color:#fc6a41;}
.accordionWrap .q span{width:calc(100% - 75px);cursor:pointer;}
.accordionWrap .q.toggle .btn-toggle{transform:rotate(180deg);}
.accordionWrap .q.toggle + .a{display:flex;padding:10px 50px 9px 10px;height:auto;opacity:1;}
.accordionWrap .a{display:none;background-color:#f0f0f0;height:0;opacity:0;transition:all 0.5s;overflow:hidden;padding:0 50px 0 10px;}
.accordionWrap .a i{background-color:#30598c;}
@media screen and (max-width:1200px){
  .accordionWrap > div{padding:4px 40px 5px 5px;}
  .accordionWrap > div i{padding-top:3px;}
  .accordionWrap > div span{margin-left:10px;padding-top:5px;}
  .accordionWrap .q span{width:calc(100% - 55px);}
  .accordionWrap > div.q::after{width:40px;}
  .accordionWrap > div.q span::after{right:40px;}
  .accordionWrap > div.a i{padding-top:4px;}
  .accordionWrap > div .btn-toggle{width:40px;height:39px;}
  .accordionWrap .q.toggle + .a{padding:5px 40px 10px 5px;}
}

/* Steps */
.stepWrap{position:relative;margin-bottom:40px;border:1px #d8dde5 solid;}
.stepWrap ul{width:100%;overflow:hidden;}
.stepWrap li{float:left;width:33.3333%;}
.stepWrap span{display:block;position:relative;padding:20px 20px 21px 20px;text-align:center;background-color:#eaeaea;}
.stepWrap span:after{content:'';display:block;width:20px;height:100%;position:absolute;top:0;right:-20px;background:url(/static/eng/images/common/steps-bg.png) right center no-repeat;z-index:1;}
.stepWrap li.on{}
.stepWrap li.on span{background-color:#3a3a3a;color:#fff;}
.stepWrap li.on span:after{content:'';display:block;width:20px;height:100%;position:absolute;top:0;right:-20px;background:url(/static/eng/images/common/steps-bg-on.png) right center no-repeat;z-index:1;}
@media screen and (max-width:1200px){
  .stepWrap{margin-bottom:20px;}
  .stepWrap li{float:none;width:100%;border-bottom:1px #d8dde5 solid;}
  .stepWrap li:last-of-type{border-bottom:0;}
  .stepWrap span{padding:12px 15px;text-align:left;}
  .stepWrap span:after{width:10px;height:30px;top:unset;right:25px;transform:rotate(90deg);bottom:-20px;}
  .stepWrap li.on span:after{width:10px;height:30px;top:unset;right:25px;transform:rotate(90deg);bottom:-20px;}

}

/* Div Section */
section.section{padding:0;background-color:#fff;}
section.section + section.section{margin-top:70px;}
div.section{padding:24px;background-color:#fff;border-bottom:1px #ececf0 solid;}
div.section h2{font-size: 26px;font-weight: 300;line-height: 1.31;}
div.section h2 strong{font-weight: 700;}
div.section.bg-gray{padding:16px 12px;border-bottom:0;}
div.section.nopad, .nopad{padding:0 !important;}
@media screen and (max-width:1200px){
  section.section + section.section{margin-top:20px;}
}

/* Box */
div.article + div.article{margin-top:40px;}
.flexbox{display:flex;justify-content:space-between;align-items:center;}
.boxWrap{display:flex;justify-content:flex-start;align-items:center;padding:13px 30px;background-color:#f9f9f9;border:1px #d8dde5 solid;}
.boxWrap.no-flex {display:block;}
.boxWrap i{margin-right:30px;}
.boxWrap .text{margin:0;line-height:1.25;}
.boxWrap-w{display:flex;justify-content:flex-start;align-items:center;padding:13px 30px;width:100%;border:1px #d8dde5 solid;}
.boxWrap-w.no-flex {display:block;}
.boxWrapType2{padding:20px 0;border-top:2px solid #3a3a3a;border-bottom:1px solid #d8dde5;}
.boxWrapType2 p + .headline{margin-top:35px;}
.boxWrapType3{padding:20px;position:relative;border:1px solid #d9d9d9;}
.boxWrapType3.graphpaper{background:url(/static/eng/images/about/ci-graphpaper.png) -1px -1px repeat;}
@media screen and (max-width:1200px){
  div.article + div.article{margin-top:20px;}
  div.article{margin-right:15px;margin-left:15px;}
  div.article div.article{margin-left:0;margin-right:0;}
  .boxWrap{padding:12px 15px;}
  .boxWrap i{margin-right:15px;}
  .boxWrap-w{padding:12px 15px;}
  .boxWrapType2{padding:15px 0 10px 0;}
  .boxWrapType2 p + .headline{margin-top:20px;}
  .boxWrapType3{padding:15px;}
}

/* FORM : Checkbox, Radio, Select, File */
.formWrap{line-height:2;}
.checkbox{min-width:40px;height:40px;line-height:38px;}
.checkbox input{width:0px;height:0px;position:absolute;top:0;left:0;}
.checkbox span{font-size:1.5rem;padding-right:10px;}
.checkbox input + span{position:relative;padding-left:27px;}
.checkbox input + span::before{content:'';display:inline-block;width:20px;height:20px;border:1px #d8dde5 solid;position:absolute;top:0;left:0;}
.checkbox input + span.hide{overflow:hidden;text-indent:-99999em;position:absolute;}
.checkbox input + span.hide::before{top:7px;}
.checkbox input:hover + span::before{border-color:#004899;}
.checkbox input:checked + span::before{background:#fff url(/static/eng/images/common/form-check.png) 50% 50% no-repeat;}
.checkbox input:disabled + span::before{border-color:#d8dde5;}
.radio{min-width:40px;height:40px;line-height:38px;}
.radio input{width:0px;height:0px;position:absolute;top:0;left:0;}
.radio span{font-size:1.5rem;padding-right:10px;}
.radio input + span{position:relative;padding-left:27px;}
.radio input + span::before{content:'';display:inline-block;width:20px;height:20px;border:1px #d8dde5 solid;border-radius:50%;position:absolute;top:0;left:0;}
.radio input + span.hide{overflow:hidden;text-indent:-99999em;position:absolute;}
.radio input + span.hide::before{top:7px;}
.radio input:hover + span::before{border-color:#004899;}
.radio input:checked + span::before{background:#fff url(/static/eng/images/common/form-radio.png) 50% 50% no-repeat;}
.radio input:checked:hover + span::before{border-color:#004899;}
.radio input:disabled + span::before{border-color:#d8dde5;}
.select{min-width:180px;}
.fileWrap, .inputWrap{position:relative;}
.fileWrap .full label, .inputWrap .full label{width:calc(100% - 97px);}
.fileWrap .full label + button, .inputWrap .full label + button{margin-left:3px;position:relative;}
.fileWrap .hidden{max-width:90px;height:40px;display:inline-block;position:absolute;top:0;right:0;overflow:hidden;opacity:0;}
.fileWrap .hidden input{width:100%;height:100%;}
@media screen and (max-width:1200px){
  .checkbox{min-width:30px;height:20px;}
  .mobil2cols label{margin-bottom:15px}
  .checkbox input + span::before{content:'';display:inline-block;width:15px;height:15px;border:1px #d8dde5 solid;}
  .checkbox span{font-size:1.2rem;}
  .checkbox input:checked + span::before{background-size:10px;}
  .radio{min-width:30px;height:30px;line-height:28px;}
  .radio input + span::before{content:'';display:inline-block;width:15px;height:15px;border:1px #d8dde5 solid;}
  .radio span{font-size:1.2rem;}
  .radio input:checked + span::before{background-size:7px;}
  .fileWrap + .mt5{margin-top:10px;}
  .fileWrap .full label{display:none;}
  .fileWrap .full label + button{width:100%;margin:0;}
  .fileWrap .hidden{max-width:none;width:100%;height:30px;}
}

/* Form : Date Picker */
label{position:relative;display:inline-block;}
.datepicker{margin:0;}/* padding: 0;height: 25px;vertical-align: bottom; */
input.datepicker{min-height:40px;}
.ui-datepicker-trigger{margin: 2px;padding: 0;vertical-align: bottom;}
.ui-datepicker-trigger img{width:16px;height:16px;}
.offscreen{position:absolute;width: 1px;height: 1px;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;margin:0;padding:0;}
button.ui-datepicker-trigger{width:38px;height:38px;background-color:transparent !important;border:none !important; margin:auto !important;position:absolute;top:1px;right:1px;}
button.ui-datepicker-trigger:focus, button.ui-datepicker-trigger:hover{border:none !important;margin:auto !important;background-color:#fff !important;}/*outline:2px solid #8cc63f !important;*/
button.ui-datepicker-trigger:active{border:none !important; margin:auto !important;background-color:#004899 !important;opacity:0.7;}

.ui-datepicker{width:200px;padding:0;background-color:#5f5f5f;}
.ui-widget-content{border:0;background-image:none;}
.ui-corner-all{border-radius:0;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{font-size:1.2rem;color:#c3c4c4;border:0;background:#585555;text-align:center;}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary{font-weight:400;}
.ui-datepicker .ui-datepicker-header{height:28px;padding:0;background-color:#1c2637;}
.ui-widget-header{border:0;background:transparent;color:#fff;font-size:1.2rem;font-weight:400;}
.ui-datepicker .ui-datepicker-title{line-height:28px;}
.ui-datepicker .ui-datepicker-title > span{margin:0 10px;}

.ui-datepicker table{width:calc(100% - 20px);margin:auto;}
.ui-datepicker th{font-size:1.1rem;color:#c3c4c4;font-weight:400;}
.ui-datepicker .ui-datepicker-week-end:first-of-type a{color:#ff738e;}
.ui-datepicker .ui-datepicker-week-end:last-of-type a{color:#85aeeb;}
.ui-datepicker .ui-datepicker-buttonpane{margin-top:10px;border-top:1px solid #818181;}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{width:28px;height:28px;}
.ui-datepicker .ui-datepicker-prev{left:0;top:0;}
.ui-datepicker .ui-datepicker-next{top:0;right:0;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{width:100%;height:100%;margin:0;top:0;left:0;}
.ui-datepicker .ui-datepicker-prev span{background:#1c2637 url(/static/eng/images/common/datepicker-prev.png) center center no-repeat;}
.ui-datepicker .ui-datepicker-next span{background:#1c2637 url(/static/eng/images/common/datepicker-next.png) center center no-repeat;}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border:0;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{top:0;}
.ui-datepicker .ui-datepicker-prev-hover{left:0;}
.ui-datepicker .ui-datepicker-next-hover{right:0;}

.ui-datepicker .ui-datepicker-prev:hover span{background:#26bbf0 url(/static/eng/images/common/datepicker-prev.png) center center no-repeat;
  border:1px red solid;
}
.ui-datepicker .ui-datepicker-next:hover span{background:#26bbf0 url(/static/eng/images/common/datepicker-next.png) center center no-repeat;}


@media screen and (max-width:1200px){
  button.ui-datepicker-trigger{width:29px;height:28px;}
  .ui-datepicker-trigger img{margin-top:2px;}
}

/* Width 100% */
.full{width:100%;}
img.full{display:block;}

/* Display */
.block{display:block;}

/* Font Color */
.fc-classicblue, .fc-primary{color:#004899;}/* Primary Theme Classic Blue */
.fc-lushlava, .fc-point{color:#ff4500;}/* Point Orange */
.fc-blue-gray{color:#30598c;}
.fc-blue{color:#053695;}
.fc-blue-light, .fc-strong{color:#1364b2;}/* strong */
.fc-orange-light{color:#fc6a41;}
/*.fc-orange{color:#e74425;}*/
.fc-orange{color:#d14500;}
.fc-red, .fc-alert{color:#fb1a2d;}/* strong alert */
.fc-gray-dark{color:#3a3a3a;}
.fc-gray{color:#a6a6a6;}
.fc-gray-light{color:#d9d9d9;}
.fc-green{color:#247206;}

/* Font Size */
.f0{font-size:0px;}
.f12{font-size:1.2rem !important;}
.f14{font-size:1.4rem !important;}
.f16{font-size:1.6rem;}
.f18{font-size:1.8rem;}
.f20{font-size:2rem;}
.f24{font-size:2.4rem;}
.f26{font-size:2.6rem;}
.f28{font-size:2.8rem !important;}
@media screen and (max-width:1200px){
  .f18{font-size:1.4rem;}
  .f28{font-size:2.1rem !important;}
}

/* Font Weight */
.light{font-weight:300;}
.regular{font-weight:400;}
.medium{font-weight:500;}
.bold{font-weight:700;}

/* BG Color */
.bg-white{background-color:#fff;}
.bg-gray{background-color:#f5f5f9 !important;}
.bg-gray01{background-color:#eaeaea !important;}
.bg-gradWtoG{background-image: linear-gradient(to bottom, #ffffff, #f5f5f9) !important;}

/* Margin, Padding */
.mt0 {margin-top:0px !important;}
.mt2 {margin-top:2px;}
.mt3 {margin-top:3px;}
.mt4 {margin-top:4px;}
.mt5 {margin-top:5px;}
.mt7 {margin-top:7px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt16 {margin-top:16px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px;}
.mt22 {margin-top:22px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt70 {margin-top:70px;}

.mr0 {margin-right:0px;}
.mr1 {margin-right:1px;}
.mr5 {margin-right:5px;}
.mr6 {margin-right:6px;}
.mr7 {margin-right:7px;}
.mr8 {margin-right:8px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}

.mb0 {margin-bottom:0px;}
.mb2 {margin-bottom:2px;}
.mb5 {margin-bottom:5px;}
.mb7 {margin-bottom:7px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb18 {margin-bottom:18px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb25 {margin-bottom:25px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.ml0 {margin-left:0px !important;}
.ml3 {margin-left:3px;}
.ml4 {margin-left:4px;}
.ml5 {margin-left:5px;}
.ml9 {margin-left:9px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml16 {margin-left:16px;}
.ml17 {margin-left:17px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml50 {margin-left:50px;}
.ml65 {margin-left:65px;}
.ml100 {margin-left:100px;}
@media screen and (max-width:1200px){
  .mt50 {margin-top:20px;}
  .mb50{margin-bottom:20px;}
  input.datepicker{min-height:30px;}
}

.pl0 {padding-left:0px;}
.pl3 {padding-left:3px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl13 {padding-left:13px;}
.pl15 {padding-left:15px}
.pl20 {padding-left:20px;}
.pl23 {padding-left:23px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl32 {padding-left:32px;}
.pl33 {padding-left:33px;}
.pl34 {padding-left:34px;}
.pl35 {padding-left:35px;}
.pl36 {padding-left:36px;}
.pl37 {padding-left:37px;}
.pl38 {padding-left:38px;}
.pl39 {padding-left:39px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}
.pl55 {padding-left:55px;}
.pl65 {padding-left:65px;}
.pl93 {padding-left:93px;}
.pl7 {padding-left:7px;}

.pr0 {padding-right:0px;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr13 {padding-right:13px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pr55 {padding-right:55px;}
.pr60 {padding-right:60px;}
.pr65 {padding-right:65px;}
.pr120 {padding-right:120px;}

.pt0 {padding-top:0px !important;}
.pt2 {padding-top:2px;}
.pt3 {padding-top:3px;}
.pt5 {padding-top:5px;}
.pt7 {padding-top:7px;}
.pt10 {padding-top:10px !important;;}
.pt13 {padding-top:13px;}
.pt15 {padding-top:15px;}
.pt17 {padding-top:17px;}
.pt19 {padding-top:19px;}
.pt20 {padding-top:20px !important;}
.pt22 {padding-top:22px;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}
.pt55 {padding-top:55px;}
.pt60 {padding-top:60px;}
.pt65 {padding-top:65px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}

.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px;}
.pb8 {padding-bottom:8px;}
.pb9 {padding-bottom:9px;}
.pb10 {padding-bottom:10px;}
.pb13 {padding-bottom:13px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px;}
.pb48 {padding-bottom:48px;}

.ptb15 {padding:15px 0;}
.prl20 {padding-right:20px; padding-left:20px;}
.padd15 {padding:15px;}
.padd20 {padding:20px;}
.padd_no {padding:0px; text-align: center;}

/* align */
.fl {float: left;}
.fr {float: right !important;}
.cb {clear: both;}
.pa {position:absolute;}
.pr {position:relative;*z-index:999;}
.pr-no-tit {position:relative; min-height:50px;}
.mauto {margin: 0 auto;}
.btn-tc {margin-top: 20px;padding:20px 0px;text-align: center;border-top: 1px solid #dddddd;}
.btn-r {margin-top: 20px;text-align: right;}
.btn-rb {margin-bottom: -95px;text-align: right;height:50px;padding-top: 45px;}
.v0 {*vertical-align:0px !important;}
.v2 {*vertical-align:-2px !important;}
.vm {vertical-align: middle;}
.tc {text-align: center !important;}
.tl {text-align:left !important;}
.tr {text-align: right !important;}
.of_auto {overflow: auto}
.of_hi {overflow: hidden}
.bg_no {background-image: none !important;}
.br_no {border: none !important;}
.bl_no {border-left: none !important;}
.bb_no {border-bottom: none !important;}
.text_line {text-decoration: underline;}
.li_he16 {line-height:160%;}
.li_he15 {line-height:150%;}
.li_he14 {line-height:140%;}
.li_he13 {line-height:130%;}
.li_he12 {line-height:120%;}
.ib {display:inline-block !important;zoom: 1;*display:inline;}
.db {display:block !important;}
.lts2 {letter-spacing: 2px;}
.lts3 {letter-spacing: 3px;}
.lts4 {letter-spacing: 4px;}
.lts5 {letter-spacing: 5px;}

/* WIDTH */
.w80{width:80px;}
.w100{width:100px;}
.w170{width:170px;}
.w189{width:189px;}
.w190{width:190px;}
.w195{width:195px;}
.w250{width:250px;}
.w500{width:500px !important;}
.w100p{width:100%;}
.w50p{width:50%;}
.w45p{width:45%;}
.w40p{width:40%;}
.w35p{width:35%;}
.w34p{width:34%;}
.w33p{width:33%;}
.w30p{width:30%;}
.w28p{width:28%;}
.w25p{width:25%;}
.w20p{width:20%;}
.w15p{width:15%;}
.w12p{width:12%;}
.w10p{width:10%;}
.w17p{width:17%;}

.pre{white-space:pre;}

/* Contents Layout */
.pc2cols, .mobil2cols, .pc3cols{position:relative;}
.pc2cols, .pc3cols{display:flex;align-items:stretch;flex-wrap:wrap;width:100%;}
.pc2cols li{width:50%;}
.pc3cols li{width:33.3333%;}
@media screen and (max-width:1200px){
  .mobil2cols{display:flex; /* align-items:center; */ flex-wrap:wrap;}
  .mobil2cols label{width:50%;}
  .pc2cols li, .pc3cols li{width:100% !important;}
}

/* Desktop or Mobile Only*/
.desktop{display:block !important;}
.mobile{display:none !important}
@media screen and (max-width:1200px){
  .desktop{display:none !important;}
  .mobile{display:block !important}
}

/* ime-mode active */
.imeActive{-webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active;}
.imeInactive{-webkit-ime-mode:inactive; -moz-ime-mode:inactive; -ms-ime-mode:inactive; ime-mode:inactive;}

/* tracking image */
img.tracker{position:absolute;}

/* bos : print path */
.printPath{position:fixed;bottom:0;left:0;margin-bottom:1em;}
.printPath .btn{line-height:initial;min-width:auto;max-width:none;background-color:#fff;padding:5px;border:1px gray solid;border-radius:3px;}
.printPath .btn + .btn{margin-left:10px;}