/* Common */
.at-container {width: 100%; max-width: 1180px;margin: 0 auto;box-sizing: border-box;}
.col-lg-3 {width: 25%;float: left;}
.bg-aqua {background-color: #00c0ef !important;}
.bg-green {background-color: #00a65a !important;}
.bg-yellow {background-color: #f39c12 !important;}
.bg-red {background-color: #dd4b39 !important;}
.small-box>.inner {padding: 10px;}
.small-box {color: #fff;}
.small-box h3 {font-size: 38px;font-weight: bold;margin: 0 0 10px 0;white-space: nowrap;padding: 0;}
.small-box p {font-size: 17px;}
.small-box>.small-box-footer {position: relative;text-align: center;padding: 3px 0;color: #fff;color: rgba(255,255,255,0.8);display: block;z-index: 10;background: rgba(0,0,0,0.1);text-decoration: none;}
.small-box>.small-box-footer:hover {color: #fff;background: rgba(0,0,0,0.15);}
.row {margin-right: -15px;margin-left: -15px;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;box-sizing: border-box;}
.hide-gap {height: 24px;}
.hr {margin: 50px 0;border-top: 1px solid #c9c9c9;}

/* Slick */
.slick-arrow { border: none;background: transparent;}

.pagingNumber{text-align:center;}
.pagingNumber a{display:inline-block; padding:2px 10px; font-size:16px; color:#224e76;}
.pagingNumber a:hover, .pagingNumber a.active{color:#fff; background-color:#224e76;}

/**모바일메뉴**/
.mo-menu-trigger, .mo-menu-trigger span{display:inline-block; transition:all .4s; box-sizing:border-box;}
.mo-menu-trigger{display:none;}
.mo-menu-trigger.on span {background-color: #fff;}
.mo-menu-trigger span{position:absolute; left:0; width:100%; height:4px; background-color:#000; border-radius:4px; }
.mo-menu-trigger span:nth-of-type(1){top:0;}
.mo-menu-trigger span:nth-of-type(2){top:10px;}
.mo-menu-trigger span:nth-of-type(3){bottom:0;}
.mo-menu-trigger.active span:nth-of-type(1){
	-webkit-transform:translateY(10px) rotate(-315deg);
	transform:translateY(10px) rotate(-315deg);}
.mo-menu-trigger.active span:nth-of-type(2){	opacity:0;}
.mo-menu-trigger.active span:nth-of-type(3){	-webkit-transform:translateY(-10px) rotate(315deg);	transform:translateY(-10px) rotate(315deg);}
.m-gnb-bg{display:none;}
/**모바일메뉴**/


.m_v_br{display:none}
/*모바일 메뉴*/
.btn{display:none;}
#menu{display:none;}
.w_img{display:block;}
.m_img{display:none;}


/**2021-06-17-update**/
.board .inner{width:1180px; margin:0 auto; padding:50px 0 100px 0;}
.board-list-area{box-sizing: border-box;}
.board-list-area:after{content:'';display:block; clear: both;}
.board-list-area li{float:left; width:24%; margin:0 1% 1% 0; height:120px; text-align:center; padding:15px; border:1px solid #d7d4d4; border-radius:10px; box-sizing: border-box; display: table;}
.board-list-area li span{vertical-align: middle; display:table-cell;}
.board-list-area li:nth-child(4n){margin-right:0;}
.board-list-area dt{font-size:15px; color:#555555;}
.board-list-area dd{font-size:14px; color:#224e76;}

.board-solution li{border-bottom:1px solid #d5d5d5; padding:50px 0;}
.board-solution strong{font-size:22px; color:#224e76; display:block; font-weight:400px; padding-bottom:20px;}
.board-solution span{font-size:16px; color:#91c9c0; display:inline-block; padding-top:5px;}
.board-solution li>div{margin-top:20px;}
.board-solution a{display:inline-block; background-color:#ff8300; color:#fff; font-size:16px; padding:15px 50px; border-radius:5px;}
.board-solution a:hover{color:#fff;}

.tab-area ul{display:table; width:600px; margin:0 auto; }
.tab-area ul li{display:table-cell; text-align:center; vertical-align:middle;}
.tab-area ul li a, .tab-area ul li div{display:block; width:100%; height:100%; padding:10px 0; font-size:25px; font-weight:500; color:#8b8c91; transition:all .2s; cursor:pointer; ;}
.tab-area ul li.active a, .tab-area ul li.active div, .tab-area ul li:hover a, .tab-area ul li:hover div{transition:all .2s; opacity:1; color:#f57f2f;}
.tab-col2 li, .tab-col2 li a, .tab-col2 li div{width:50%;}

.video-tab-area ul{display:table; width:1000px; margin:0 auto; }
.video-tab-area ul li{display:table-cell; text-align:center; vertical-align:middle;}
.video-tab-area ul li a, .video-tab-area ul li div{display:block; width:100%; height:100%; padding:10px 0; font-size:20px; font-weight:500; color:#8b8c91; transition:all .2s; cursor:pointer; ;}
.video-tab-area ul li.active a,
.tab-area ul li.active div,
.tab-area ul li:hover a,
.tab-area ul li:hover div,
.tab-area ul li:hover a div,
.video-tab-area ul li.active a,
.video-tab-area ul li.active a div
{transition:all .2s; opacity:1; color:#f57f2f;}

.board-title{text-align:center; padding-bottom:30px;}
.board-title h3{padding-bottom:10px;}
.construction-list{padding-bottom:100px;}
.construction-list-area li {border-bottom:1px solid #d5d5d5; padding:50px 0 50px 200px;}
.construction-list-area li:first-child{background:url("../images/20210617_update_02.png") no-repeat 70px center ;}
.construction-list-area li:nth-child(2){background:url("../images/20210617_update_03.png") no-repeat 70px center ;}
.construction-list-area li:last-child{background:url("../images/20210617_update_04.png") no-repeat 70px center ;}
.construction-list-area li:first-child{border-top:3px solid #224e76;}
.construction-list-area li dt{color:#224e76; font-size:22px; padding-bottom:10px; line-height:30px;}
.construction-list-area li dd{background:url("../images/20210617_update_05.png") no-repeat center left;  padding-left:10px; vertical-align: middle; line-height:30px;}

.board-btn a{display:inline-block; background-color:#ff8300; color:#fff; font-size:16px; padding:20px 80px; border-radius:5px;}
.board-btn a:hover{color:#fff;}
.board-btn{text-align:center; padding-top:50px;}
.video-list-area{padding-top:20px;}
.video-list-area dt img{width:100%; height:auto;}
.video-list-area dt strong{display:block; font-size:15px; color:#555555; font-weight: 500; padding:20px 0 0 20px;}
.video-list-area dd{font-size:14px; color:#224e76; padding:0 0 20px 20px; }
.video-list-area:after{content:'';display: block; clear: both;}
.video-list-area li{float:left; width:32.6%; margin:0 1% 1% 0; border:1px solid #d7d4d4; border-radius:10px; box-sizing: border-box;}
.video-list-area li:nth-child(3n){margin-right:0;}

.video-list-area a{color:#224e76;}
.video-list-area a:hover{color:#224e76;}
.video-mo-br{display:none;}



/**main header update 230320**/


.visual03 { padding-bottom: 557px;overflow:hidden; color:#fff;
    background: url(data/banner/20230320_lanoasis_main_03.png) no-repeat top;

}
.visual03 .center-box{width:1080px; margin:0 auto;}
.visual03 .center-box ul:after{content: ''; clear: both; display: block; }
.visual03 .center-box ul li:first-child{float:left; width:50%; text-align:left;}
.visual03 .center-box ul li:last-child{float:right;  text-align:right;}
.visual03 .center-box ul li:last-child img{width:95%;}
.visual03 .center-box ul li dl:after{content: ''; clear: both; display: block; }
.visual03 .center-box ul li dl dd{float:left; width:50%;}
.visual03 .center-box ul li dl dd:last-child{padding:9px 0 0 60px; box-sizing: border-box;}
.visual03 .center-box ul li dl dd:last-child a{color:#fff; background-color:#ff8300; padding:12px 30px; border-radius:5px; font-size:14px;  }

.visual03 .center-box ul li h1{padding-top:80px; font-size:50px;}
.visual03 .center-box ul li p{padding:0 0 15px 0;}




/**main header 다시**/
.header {overflow: hidden;}
.visual{text-align: center;   }
.visual h1 strong{display:block;}
.visual p strong{display:inline;}
.visual p{margin-top:1%;}
.visual p a{color:#fff; background-color:#f0542b; padding:2px 10px; border-radius:5px; font-size:13px; margin-left:0.5%;}
.visual .visual01,
.visual .visual02 { padding-bottom: 557px;overflow:hidden; color:#fff; }
.visual02 p{font-size:22px; padding-bottom:2%; line-height: 30px;}
.visual02 li{display:inline; padding-top:5%;}
.visual02 li:first-child a{color:#fff; background-color:#ff8300; padding:5px 15px; border-radius:5px; font-size:15px; margin-left:0.5%;}
.visual02 li:last-child a{color:#fff; border:1px solid #fff; padding:5px 15px; border-radius:5px; font-size:15px; margin-left:0.5%;}
.main-topB ul{width:1180px; margin:0 auto;}
.main-topB ul:after{content:''; display:block; clear:both;}
/*.gnb{position:absolute; z-index:10; top:50%; left:50%; transform:translate(-50%,-350%); width:1180px; margin:0 auto; }*/


/**quick menu**/
.quick-menu {position:absolute; width:140px; top:10px; right:0; border:1px solid #d7d7d7; text-align:center; z-index: 101;}
.quick-menu.on {opacity: 1;transition: 0.3s all;}
.quick-menu-list img{width:140px; height:auto;}
.quick-menu-list li:first-child{color:#fff; background-color:#4e4e4e; font-size:13px;}
.quick-menu-list li{ border-bottom:1px solid #d7d7d7;}
.quick-menu dl{background-color:#082642; color:#fff; padding:30px 5px;}
.quick-menu dt img{width:43px; height:41px;  text-align:center; padding:0 0 10px 0;}
.quick-menu dt{border-bottom:1px solid #465c71; padding-bottom:20px;}
.quick-menu dt strong{display:block;}
.quick-menu dd{border-bottom:1px solid #465c71; line-height:30px; color:#fff; font-size:15px; padding:2%;}
.quick-menu dd a{color:#fff; font-size:13px; letter-spacing:0;}

/*상단*/
#warp{ width:100%;min-height:100%; position:relative; overflow:hidden;  }
.mo_br{display:inline;}
.width1480{width:1480px;margin:0 auto; position:relative;}
.width1100{width:1100px;margin:0 auto; position:relative;}
.width1180{width:1180px;margin:0 auto; position:relative;}
.width1000{width:1000px;margin:0 auto; position:relative;}
.width600{width:600px;margin:0 auto; position:absolute; top:300px;}
h1{font-size:60px; line-height:65px; letter-spacing:-1.2px; font-weight:200; }
h2{font-size:30px; line-height:35px; letter-spacing:-1.2px; }
h3{font-size:26px; line-height:35px; letter-spacing:-1.2px; margin:70px 0 20px 0;}
h4{font-size:22px; line-height:35px; letter-spacing:-1.2px; display:inline; font-weight:600;}
h5{font-size:20px; line-height:35px; letter-spacing:-1.2px; font-weight:500; padding:0.5% 0;}
h6{font-size:19px; line-height:35px; letter-spacing:-1.2px; font-weight:500; display:inline;}
.white{background-color:#fff;}

html, body { height:100%; letter-spacing:-0.5px; }
.arrow{width:9px; height:12px; padding-left:2%;}
.download{width:23px; height:19px; padding-left:2%;}

.gnb{padding:20px 0;}
.gnb ul .left{float:left;}
.gnb ul .left .logo li{display:inline-block;vertical-align:middle;}
.gnb ul .left .logo li:first-child{padding-right:20px;} 
.gnb ul .left .logo li:last-child{border-left: 1px solid #889192; padding-left:20px;} 

.gnb ul .right{float:right;line-height:30px; margin-top:10px;}
.gnb ul .right .menu li{float:left; text-align:center; margin-right:4px; margin-right:20px;}
.gnb ul .right .menu li:last-child{margin-right:0px; ont-size:14px; color:#fff; background-color:#f0542b; padding:4px 21px 5px; border-radius:5px; line-height:20px; margin-top:3px;}
.gnb ul .right .menu li:last-child a {color: #fff;}
.gnb ul .right .menu li:after{content:''; display:block; clear:both;}
.gnb:after{content:''; display:block; clear:both;}
.white  ul .right .menu li a{color:#000}

#menu li {width: 100%;padding-top: 0px;border-bottom: 1px solid #2a3d4f;}
#menu li a {display: block;height: auto;width: 100%;color: #fff;padding: 20px 0;text-align: center;}

.sub_gnb .gnb.gnb{position:relative; z-index:10; top:0; left:0; transform:translate(0,0); width:1180px; margin:0 auto; }
.sub_gnb .gnb .right .menu li a{color:#000;}
.sub_gnb .gnb .right .menu li a:hover{color:#f0542b;}
.sub_gnb .gnb .right .menu .redbtn{color:#fff;}
.sub_gnb .gnb .right .menu .redbtn:hover{color:#fff;}

.sub_header{width:100%; height:215px; overflow:hidden;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.sub_header h2{text-align:center; color:#fff; font-weight:700; line-height:215px;}

/**main-top-banner**/

.main-topB{position:absolute; top:400px; left:0; width:100%; z-index: 999999; text-align:center; box-sizing: border-box;}
.main-topB li:nth-child(2n+1){float:left; background-color:#fff; width:33%; height:85px; margin-right:0.5%; box-shadow:10px 10px 10px 1px rgba(0, 0, 0, 0.2); border-radius:5px; 
	padding:30px 20px 20px 20px; color:#000; box-sizing: border-box; height:180px; z-index: 999999;}
.main-topB li:nth-child(2){float:left; background-color:#224e76; color:#fff; width:33%; height:85px; margin-right:0.5%; box-shadow:10px 10px 10px 1px rgba(0, 0, 0, 0.2); border-radius:5px;
	padding:30px 20px 20px 20px;  box-sizing: border-box; height:180px; z-index: 999999;}
.main-topB li:nth-child(2) h5{color:#fff;}
.main-topB li:last-child{margin-right:0;}
.main-topB:after{content:''; display:block; clear:both;}
.main-topB dt img{width:50px; height:55px;}
.main-topB dd img{width:18px; height:18px; vertical-align:top; padding-top:2.5%;}
.main-topB dd:last-child{font-size:14px; color:#6f6f6f; letter-spacing:0;}
.main-topB h5{display:inline;}
.main-topB a{text-decoration:none;}


.index_footer{background-color:#efefef; width:100%; font-size:12px; line-height:20px; padding:1% 0; color:#6e6e6e; }
.index_footer .left li{display:inline-block; margin-right:2%;}
.index_footer li:last-child{font-weight:500; color:#5d5d5d;}
.index_footer:after{content:''; display:block; clear:both;}
.index_footer .left{float:left; }
.index_footer .right{float:right; text-align:right; border-right:1px solid #ccc; padding:0 1%; }
.index_footer .end{float:right;text-align:left; padding-left:1%;}
.index_footer a{text-decoration:underline; font-weight:500; color:#5d5d5d; }
.index_footer .right img{width:19px; height:17px;}

.index_footer .right li:last-child{font-size:16px; font-weight:400; color:#6e6e6e; }
.mo-info{display:none;}
.webinfo{display:inline;}

.core p img{width:649px; height:336px;}
.core:after{content:''; display:block; clear:both;}
.coretxt{float:left;}
.coretxt img{width:9px; height:12px; margin: 0 0 0.5% 3%;}
.coretxt li:first-child{font-size:32px; line-height:40px; font-weight:200; padding:30% 0 3% 0; }
.coretxt li:nth-child(2){font-size:18px; line-height:25px; padding:0 0 10% 0;}
.core p{float:right; padding-top:5%}
.core a{color:#fff; background-color:#ff8300; padding:10px 30px; border-radius:5px; font-size:17px;}

.pslider dt img{width:96%;}
.pslider:after{content:''; display:block; clear:both;}
.pslider li{text-align:center; float:left;}
.pslider li:nth-of-type(4n){margin-right:0;}
.pslider dl{border:1px solid #d7d4d4; border-radius:5px; margin: 10px;}
.pslider dt{border-bottom:1px solid #d7d4d4; margin-bottom:5%;}
.pslider dd{font-size:15px; color:#555555; letter-spacing: -0.5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 10px;}
.pslider dd:last-child{font-size:14px; color:#224e76; font-weight:400; margin-bottom:5%;}
.pslider dd img{width:18px; height:18px;display: inline-block;}

.main-product{margin:6% 0 10% 0 ;}

/**about us**/
.intro img{width:71px; height:60px; margin-bottom:5%;}
.intro:after{content:''; display:block; clear:both;}
.intro li{float:left; width:32%; font-size:17px; line-height:26px; text-align:center; margin-top:10px; margin-right:1%;}
.intro li:last-child{margin-right:0;}
.intro span{color:#f57f2f;}

.support{position:relative; }
.support-slide {    position: relative;}
.support-slide dt{font-size:23px; padding:2% 0 5% 0;}
.support-slide dd{font-size:17px; color:#363636; line-height:28px;}
.slide-ab-box{position:absolute; left:20px; bottom:30px;  background-color:#fff; width:380px; height:135px; box-shadow:10px 10px 10px 1px rgba(0, 0, 0, 0.2); padding:20px 0 0 20px;}
.slidebg-1{background:url(../images/aboutus-slide-1.jpg) no-repeat top; height:400px!important;}
.slidebg-2{background:url(../images/aboutus-slide-2.jpg) no-repeat top; height:400px!important;}
.slidebg-3{background:url(../images/aboutus-slide-3.jpg) no-repeat top; height:400px!important;}
.slidebg-4{background:url(../images/aboutus-slide-4.jpg) no-repeat top; height:400px!important;}

.system{ margin-top:80px;}
.system:after{content:''; display:block; clear:both;}
.system li:first-child{float:left;}
.system li:last-child{float:right;}

.skill{margin-bottom:70px; }
.skill dd{font-size:16px; color:#676767; text-align:center; font-weight:200px; margin-bottom:5%;}
.badge:after{content:''; display:block; clear:both;}
.badge li{float:left; margin-right:7%;}
.badge li:last-child{margin-right:0;}

.aboutus .title {font-size: 26px;line-height: 35px;letter-spacing: -1.2px;margin: 70px 0 20px 0;}

.main-title {margin-bottom: 20px;font-weight: bold;}
.main-title-sm {font-size: 18px;margin-bottom: 10px;font-weight: 500;}

/**products**/
.con {border-bottom:1px solid #dfdfdf;height: 50px;}
.con.on .fix {position: fixed;width: 100%;top: 0;left: 0;background-color: #fff;z-index: 102;border-bottom: 1px solid #dfdfdf;}
.tab{font-size:16px; color:#8f8f8f;}
.tab:after{content:''; display:block; clear:both;}
.tab li {float:left; width:20%; text-align:center; height:50px; line-height:50px;}
.tab li.active a {color: #fff;}
.tab .active{background-color:#224e76; color:#fff;}


.product .p-list:after{content:''; display:block; clear:both;}
.product .p-list li{border:1px solid #d7d4d4; border-radius:5px; width:24%; text-align:center; float:left; margin:0.5% 1% 0.5% 0;}
.product .p-list li:nth-of-type(4n){margin-right:0;}



.product .p-list dt {
    height: 245px;
    width: 100%;
    overflow: hidden;
    text-align: center;
    border-bottom:1px solid #d7d4d4; margin-bottom:5%;
}

.product .p-list dt img {
    max-width: 100%;
    height: auto;
 }


.product .p-list dd{font-size:15px; color:#555555; letter-spacing:-0.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;padding: 0 10px;}
.product .p-list dd:last-child{font-size:14px; color:#224e76; font-weight:400; margin-bottom:5%;height: 24px;}
.product .p-list dd img{width:18px; height:18px;}
.product h3{text-align:center;}

.paging:after{content:''; display:block; clear:both;}
.paging{text-align:center; font-size:18px; font-weight:bold;  color:#b1b1b1; margin:8% 0; }
.paging li{display:inline; margin-right:3%;}
.paging li:last-child{margin-right:0;}
.paging .active{color:#000;}

.product .sub-title {margin: 70px 0 20px 0;}

.product .nmstab-title {margin: 70px 0 20px 0;}
/**secure 다시**/
.se-list img{width:139px; height:110px;}
.se-list h4{color:#224e76; }
.se-list .info{color:#006fa8; padding-bottom:1%; display:inline-block;}
.se-list span{position:absolute; top:3%; left:0;}
.se-list dl{margin-left:15%;}
.se-list li{position:relative;}
.se-list .line{border-bottom:1px solid #eee; margin:2% 0;}
.se-list .linebold{border-bottom:2px solid #224e76; margin:2% 0;}
.se-list .secury-detail li{font-size:15px; font-weight:400; line-height:25px; color:#818181;}
.se-list .secury-detail{padding-top:2%;}
.se-list .point{color:#006fa8;}
.se-list .point-head{color:#585858;}


/**secure 다시**/

.nms img{width:100%; height:auto;}
.nms dt{font-size:22px; font-weight:bold; color:#224e76; padding-bottom:1%;}
.nms dd{font-size:16px;  line-height:25px; padding-bottom:30px; }
.nms dd:last-child{padding-bottom:40px;}
.nmstab{text-align:left;}
.nmstab h3{text-align:left;}

.solution-tit{text-align:center;margin-bottom: 100px;}
.solution-tit dd{font-size:17px; margin-bottom:3%; font-weight:400;}
.solution-tit a{color:#fff; background-color:#ff8300; padding:15px 45px;  }


.tips li{float:left; width:47%; height:160px;  margin-right:4%; box-sizing: border-box;}
.tips li:nth-child(even){margin-right:0;}
.tips-back{width:560px; height:132px;}


.tips-icon{width:40px; height:40px;}
.tips:after{content:''; display:block; clear:both;}

.main-product p{padding:4% 0 0 0; text-align:center;}
.main-product p a{ padding:16px 38px; color:#fff; background-color:#ff8300; border-radius:5px; font-size:17px;}
.tips-web{display:inline}
.tips-mo{display:none;}



/**syndi**/

.syndi{padding-top:5%;}
.syndi-con{text-align:center;}
.syndi-con dt{color:#f57f2f; font-size:15px;}
.syndi-con dd{font-size:26px; font-weight:500; line-height:40px; letter-spacing:-1px;}
.syndi-con dd img{width:500px; height:auto;}
.syndi-source{border:1px solid #ccc; padding:20px; margin-top:2%;margin-bottom:5%; }
.syndi-btn{text-align:center; margin:0 auto; padding: 0 0 2% 1%;}
.syndi-btn:after{content:''; display:block; clear:both; }
.syndi-btn li{display:inline;}
.syndi-btn li:first-child a{background-color:#224e76; color:#fff; font-size:16px; font-weight:15px;  border-radius:5px;  padding:15px 55px; margin-right:1%;}
.syndi-btn li:last-child a{background-color:#f57f2f; color:#fff; font-size:16px; font-weight:15px;  border-radius:5px;  padding:15px 50px;}

/**event**/

.event{padding-top:70px;}
.event dl img{width:23px; height:18px;}
.event img{width:314px; height:146px; border-radius:5px; border-right:1px solid #d0d0d0; }
.event li{border:1px solid #d0d0d0; border-radius:5px; }
.event-sum{position:relative; margin-bottom:1%;}
.event-sum p{position:absolute; top:0; left:0;}
.event-sum dl{padding:2% 0 2% 35%;  height:146px; box-sizing: border-box;}
.event-sum dt{font-size:15px; color:#f57f2f;}
.event-sum a{background-color:#f57f2f; color:#fff; border-radius:5px;  padding:5px 30px; }
.event-sum dd:last-child{padding-top:2%;}
.event-sum span{font-size:14px; color:#898989; border:1px solid #eee; border-radius:50px; padding:0.3% 2%; display:inline-block; margin-top:0.6%;}
.event-sum h5{display:inline;}
.close h5{color:#525151;}
.close a{background-color:#224e76; color:#fff; border-radius:5px;  padding:5px 25px; }
.close dt{color:#525151;}

.news-bd{background-color:#e5e2e2; text-align:center; padding:5% 0;}
.news img{width:70px; height:53px;}

.news-info .man-info input{ font-family:'Noto Sans KR', sans-serif; padding:15px 0 15px 15px; box-sizing: border-box; border:1px solid #bab9b9; background-color:#e5e2e2; 
	font-size:14px; color:#bab9b9; font-weight:400; vertical-align:middle; letter-spacing:-0.5px; line-height:14px; width:23.6%; margin:0 1% 1% 0; border-radius:5px; }
.news-info .man-info input:last-child{margin-right:0;}


.news-info li {display:block; }
.news-info{margin-top:2%;}
.news-info li:last-child {box-sizing: border-box; border:1px solid #bab9b9; background-color:#e5e2e2; font-size:14px; padding: 10px 0;}
.news-info li:last-child::after {display: block;content: "";clear: both;}
.news-info li:last-child > div {float: left;width: 20%;}
.radio-info-web label spaning:15px 0 15p{display:inline-block; text-align:left; margin-left:1%; vertical-align:top; padding-top:1% }
.radio-info-web{paddx 15px;  border-radius:5px;  border:1px solid #bab9b9; }
.radio-info-web input{ padding:15px; background-color:#e5e2e2; height:10px; margin:0 1% 0.5% 0; border-bottom:1px solid #bab9b9!important; border-top:0; border-left:0; border-right:0;}
.radio-info-web .etc { display: inline-block;width: 66px; padding: 4px;}
.news p button {background-color:#f57f2f; color:#fff; font-size:16px; border-radius:5px;  padding:15px 50px;border: none;}
.news p{margin-top:5%;}
.news-info .radio-info-mo{display:none;}

.excel-btn {display: inline-block;font-size: 14px;margin-left: 50px;}
.excel-btn a {display: inline-block;padding: 5px 20px;background-color: #419641;color: #fff;border-radius: 5px;}
.excel-btn a:hover {color: #fff;}

.slick-slide {position: relative;}
.center-box {position: absolute;left: 50%;top: 42%;transform: translate(-50%, -50%);width: 100%;}
.tips{padding-bottom:7%;}

/**education-list-update**/
.solution-webinar{background-color:#f3f3f3; width:100%; box-sizing:border-box; margin:0 auto; padding:70px 0;}
.solution-webinar .inner{width:1160px; margin:0 auto;}
.solution-webinar img{width:37px; height:26px; }
.solution-webinar p{text-align:center; padding:1% 0 3% 0;}

.timeinfo{float:left; width:26%; padding-right:1.5%; font-size:15px; }
.timeinfo dl dt{padding:2%; letter-spacing:-1px;}
.timeinfo dl dt:first-child{border-top:2px solid #f57f2f; padding-top:4%;}

.timeinfo dl dd{padding:5% 1% 0 2%;}
.timeinfo dl dd a{background-color:#f57f2f; color:#fff; font-size:16px; font-weight:15px;  border-radius:5px;  display:block; width:100%; max-width:300px; text-align:center; padding:7% 0;}
.timetable{float:right; width:71%; }
.webinar-list:after{content:''; display:block; clear:both; }
.webinar-list{background-color:#fff; width:100%; border-radius:5px; padding:3%; box-sizing:border-box; margin-bottom:2%; }

.timetable ul{display:table-row; box-sizing:border-box; }
.timetable ul li{display:table-cell; line-height:24px; padding:15px; border-bottom:1px solid #d8d8d8; font-size:14px; color:#696969;}
.timetable ul li:first-child{width:130px; vertical-align:middle; text-align: center; }
.timetable ul li:last-child{width:700px;}
.timetable .headline li{border-top:2px solid #f57f2f; text-align:center;}
.timetable span{color:#f57f2f; font-size:18px;}



.back-bg {position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);z-index: 1000;top: 0;left: 0; display:none; }
.winbar_re {display:none; position: fixed;left: 50%;width: 100%;max-width: 600px;background-color: #fff;z-index: 1001;top: 50%;transform: translate(-50%, -50%);height: 80vh;overflow-y: scroll;padding: 20px;box-sizing: border-box;}
.winbar_re .title {text-align: center;font-size: 28px;margin-bottom: 20px;font-weight: 500;}
.winbar_re .gp {border-top: 4px solid #000;padding-top: 20px;border-bottom: 4px solid #333;padding-bottom: 20px;}
.winbar_re .sm-title {font-size: 18px;margin-bottom: 10px;font-weight: 500;}
.winbar_re .input-css {width: 100%;display: block;height: 30px;padding-left: 10px;box-sizing: border-box; }

/* 한울 작업 */

.winbar_re .checkbox-div{width:100%; margin: 10px 0;}
.winbar_re #privacy-checkbox{width:20px; height:20px;}
.winbar_re #privacy-checkbox-text{display: inline-block;}
.winbar_re .num-list{width: 543px; height: 300px; overflow: scroll; border:1px solid #ccc;}
.winbar_re .num-list h4{padding: 0px 20px 0px 20px; font-size: 15px;}
.winbar_re .roman-list {padding: 20px 20px 30px 20px;}
.winbar_re .roman-list>li {font-size: 12px;}
.winbar_re .winbar_re-btn-div{width:100%;}
.winbar_re .winbar_re-btn {font-size: 20px; margin:0 auto; display: block; margin-top: 20px; border-radius: 25px; padding: 10px 10px; background: #000000; color: white; font:bold}
.winbar_re .Xbtn{position: absolute; top:20px; right: 20px; font-size: 20px;}
.winbar_re .ytv_div{width:1080px; }

/* 한울 작업 끝 */
 

/* popup */
#popup{position:absolute; width:100%; z-index:9000000; background-color:#fff; background:rgba(0, 0, 0, 0.85); background-size:cover; height:1500px; display:none; left:0; top:0;}
.popup-area{position:relative; width:500px;padding:30px; background-color:#fff; box-sizing:border-box;margin: 80px auto 0;}
.pop-close{position:absolute; z-index:1; top:30px; right:30px;}
.popup-area h3{margin:0; padding:0; font-size:20px; line-height:32px; font-weight:700;text-align: center;}
.popup-area p{margin:10px 0 20px 0; font-size:15px; line-height:24px;color: #3c464b;text-align: center;}
.login-area li{margin-bottom:10px; font-size:14px; line-height:24px;}
.login-area li input[type="text"]{width:100%; padding:12px; font-size:16px; border:1px solid #879baa; box-sizing:border-box;background-color: #f0f0f0;}
.login-area li.hphone input[type="text"]{width:100%; padding:12px; font-size:16px; border:1px solid #879baa; box-sizing:border-box;background-color: #f0f0f0;}
.login-area li.hphone .item {padding: 0 10px;box-sizing: border-box;}
.login_btn {margin-top:30px; text-align:center;}
.login_btn .item {padding: 0 10px;box-sizing: border-box;}
.login_btn a {display:block; font-size:18px; line-height:28px; color:#fff; font-weight:500;padding: 11px 0;background-color: #ff8300;}
.login_btn a img {margin-top: -3px;}
.login_btn a:hover {color: #fff;}
.login-area li label {font-size: 17px;color: #3c464b;font-weight: bold;margin-bottom: 5px;display: block;}

.row {margin-right: -10px;margin-left: -10px;overflow: hidden;}
.row:before {display: table;content: " ";clear: both;}
.row.gap > div {padding-right: 10px;padding-left:10px;box-sizing: border-box;}
.show-grid {margin-bottom: 15px;overflow: hidden;}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {float: left;}

.col-xs-3 {width: 25%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-6 {width: 50%;}
.col-xs-9 {width: 75%;}

@media (min-width: 992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {float: left;}
    .col-md-2 {width: 16.66666667%;}
    .col-md-4 {width: 33.33333333%;}
    .col-md-6 {width: 50%;}
    .col-md-10 {width: 83.33333333%;}
}
@media (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {float: left;}
    .col-sm-3 {width: 25%;}
    .col-sm-4 {width: 33.33333333%;}
    .col-sm-6 {width: 50%;}
    .col-sm-9 {width: 75%;}
}

/**education-list-update**/


@media only screen and (max-width: 1400px) {
	#wing {display: none;}

    
}

@media only screen and (max-width: 1180px) {
    .tips-back{width:100%; height:auto;}
    .solution-webinar .inner{width:96%; margin:0 auto;}
    .timeinfo{float:left; width:30%; padding-right:1%; font-size:15px;}
    .timetable{float:right; width:67%; }
    
	.at-container {padding-left: 10px;padding-right: 10px;}
	.width1180{width:96%;}
	.gnb ul{width:100%;}
	.mo_br,
	.gnb ul .right {display:none;}
	#menu.active {display:block;}
	#menu {position:fixed; top:0; right:0px; margin-top:0; z-index:999999999; width:100%; height:100%;  padding:0 !important; padding-top:33px !important; background-color:#061523; color:#fff; transform: translateX(100%); -webkit-transform:translateX(100%); opacity:0;}
	#menu.active{opacity:1; transform:translateX(0px); -webkit-transform:translateX(0px); transition:all .4s;}

	h1{font-size:55px;}
	
	.visual01{height:400px;}
	.visual02{height:400px;}
	.main-topB{top:360px;}
	.coretxt li:first-child{padding:4% 0 1% 0;}
	
	.main-topB ul{width:98%;}
	.gnb{width:98%;}	
	
	.coretxt{float:none;}
	.core p{float:none; margin-top:5%; text-align:center; background-color:#f7f7f7; border-radius:5px;}
	.coretxt li:nth-child(2){padding:0 0 5% 0;}
	.main-product{margin:2% 0 17% 0;}
		
	.webinfo{display:none;}
	.mo-info{display:inline;}
	.mo-info li{display:inline; margin-right:1%;}
	.mo-info li:first-child{font-weight:600;}
	.mo-info img{width:19px; height:17px;}
		
	.index div.width1180{position:static !important;}
	.sub_gnb div.width1200{position:static !important;}
	
	/**모발메뉴변경**/
	.mo-menu-trigger{position:absolute; top:30px; right:20px; z-index:999999999; display:block; width:34px; height:24px; cursor:pointer;}
	.mo-menu-trigger.active span{background-color:#fff;}
	.m-gnb-bg.active{position:absolute; display:block; top:0; left:0; z-index:9999999; width:100%; height:100%; background:rgba(0, 0, 0, 0.8);}
    
    /**2021-06-17-update**/
    .board .inner{width:100%; padding: 4% 2% 10% 2%; box-sizing: border-box;}
    .video-tab-area ul{width:90%;}
    
	
	
}

@media only screen and (max-width: 1080px) {	

  /**20230320 mainbanner update**/
.visual03 .center-box{width:90%; margin:0 auto; }
.visual03 .center-box ul:after{content: ''; clear: both; display: block; }
.visual03 .center-box ul li:first-child{float:left; width:50%; text-align:left;}
.visual03 .center-box ul li:last-child{float:right;  text-align:right; padding-left:10px; box-sizing: border-box;}
.visual03 .center-box ul li:last-child img{width:88%;}
.visual03 .center-box ul li dl:after{content: ''; clear: both; display: block; }
.visual03 .center-box ul li dl dd{float:left; width:50%;}
.visual03 .center-box ul li dl dd:last-child{padding:9px 0 0 90px; box-sizing: border-box;}
.visual03 .center-box ul li dl dd:last-child a{color:#fff; background-color:#ff8300; padding:12px 30px; border-radius:5px; font-size:14px; display:inline-block;}

.visual03 .center-box ul li h1{padding-top:40px; font-size:50px;}
.visual03 .center-box ul li p{padding:0 0 15px 0;}

}


@media only screen and (max-width: 960px) {	
    
  
    
    /**20230320 mainbanner update**/
    .visual03 .center-box ul li:first-child{float:none; width:58%;}
    .visual03 .center-box ul li:last-child{float:none; display:none;}
    .visual03 .center-box ul li h1{padding-top:0px; font-size:50px;}
    .visual03 .center-box ul li dl dd:last-child{padding: 0 0 0 90px;}
    .visual03 .center-box ul li p{padding:5px 0 20px 0;}
    .visual03{padding-bottom:460px;}
    
    
	h1{font-size:50px; line-height:55px;}
	.system{margin-top:30px;}
	.aboutus .title{margin:30px 0 20px 0;}
	.width1000{width:96%; }
	.badge li{margin-right:3%;}
	.product .p-list li{width:32.1%; text-align:center; }
	.product .p-list li:nth-of-type(4n){margin-right:1%;}
	.product .p-list li:nth-of-type(3n){margin-right:0;}
	.nms dt{font-size:19px;}
	.se-list h4{font-size:20px;}
	.se-list span{position:relative; top:4%; left:0;}
	.se-list dl{margin-left:0%; font-size:15px;}
	.se-list .line{border-bottom:1px solid #eee; margin:4% 0;}
	.se-list .linebold{border-bottom:3px solid #224e76; margin:6% 0;}
	.solution-tit{background-color:#eee; border-radius:5px; height: auto; padding:5%; margin-top:5%;}
	.solution-tit h3{margin:0 0 20px 0;}
	.solution-tit dd{padding-bottom:2%;}
	
	.event-sum dl{padding:2% 0 2% 45%;}
	.news-info li{display:block;}
	.news-info .man-info input{width:100%; margin:0 0 1% 0;}
	
	.news-info .radio-info-mo{display:inline;}
	.news-info .radio-info-mo select{padding:15px; background-color:#e5e2e2; width:100%; display:inline ; border-radius:5px;  border:1px solid #bab9b9;}

	.product .sub-title {margin-top: 8%;}
    
    
    /**2021-06-17-update  cable**/
    .board-list-area li{float:left; width:49%; margin:0 1% 1% 0; height:100px; !important;}
    .board-list-area li:nth-child(4n){margin-right:1%;}
    .board-list-area li:nth-child(2n){margin-right:0%;}
    .video-tab-area ul li a, .video-tab-area ul li div{display:block; width:100%; height:100%; padding:10px 0; font-size:18px; }
    
    
    
    
    
}

@media only screen and (max-width: 800px) {	
    .timetable ul li:first-child{width:80px;}
    .timetable ul li:last-child{width:750px;}
    .timetable span{font-size:16px; letter-spacing:-0.5px;}
    
    
	h1{font-size:40px; line-height:55px;}
	.intro li{font-size:15px;}
	h3{margin:40px 0;}
	.badge li{margin-right:1%; width:24%; height:auto;}
	.product .p-list li{width:48%; margin-right:1%;}	
	.product .p-list li:nth-of-type(2n){margin-right:0%;}
	.product .p-list li:nth-of-type(3n){margin-right:1%;}
	.solution-tit dd{margin:2% 0 6% 0;}
	.tips h3{margin-top:8%;}
	.tips li{float:none; width:100%;}
	.tips dt{padding-top:3%;}
	.tips-web{display:none;}
	.tips-mo{display:inline;}
	
	.lastone{margin-top:2%;}
	.event-sum dl{padding:2% 0 2% 49%;}
	 h5{font-size:18px;}

	.visual01{height:350px;}
	.visual02{height:350px;}
	.main-topB{top:300px;}
	.coretxt li:first-child{padding:0 0 1% 0;}

	.coretxt {padding: 50px 0;}
	.solution-tit{margin-bottom:30px;}
	.visual .visual01, .visual .visual02 {padding-bottom: 460px;}
	
    /**2021-06-17-update  cable**/
    
    .video-list-area li{float:none; width:100%; margin:0 0 1% 0}
    
    .product .p-list dt {
    height: 300px;
    width: 100%;
    overflow: hidden;
    text-align: center;
    border-bottom:1px solid #d7d4d4; margin-bottom:5%;
}

	
    
    /**2023-0320**/
    .visual03 .center-box ul li h1{padding-top:40px; font-size:40px;}
    .visual03 .center-box ul li:first-child{float:none; width:70%;}
   
    .visual03 .center-box ul li dl dd:last-child{padding: 0 0 0 90px;}
    .visual03 .center-box ul li p{padding:0px 0 15px 0;}
    .visual03 ul{padding-bottom:50px;}
    
    
}

@media only screen and (max-width: 640px) {     
    .timeinfo{float:none; width:100%; padding-right:0%; font-size:15px; padding:3% 0;}
    .timeinfo img{display:none;}
    .timetable{float:none; width:100%;  }
    .timeinfo dl dd a{padding:1.5% 4%; display:inline; }
    .timeinfo dl dt{display:inline; padding:4% 0; }
    .timeinfo dl dt:first-child{padding-top:4%; border:none;}
    .timeinfo dl dd{display:inline;}
    .solution-webinar{padding:8% 0;}
    .solution-webinar .inner{width:94%;}
    .solutionP h3{padding-top:6%;}
    .tips{padding-bottom:8%;}
    
    
	h1{font-size:35px; line-height:50px; padding-top:30px;}

	.visual{height:auto;}
	.index_title{padding-top:5%;}
	
	.index_footer{padding:4% 0;}	
	
	.product .mo_br{display:none;}
	.solution-tit dd{margin:2% 0 0 0;}
	.solution-tit{padding:1% 2% 10% 2%; font-size:15px; line-height:25px; margin-top:7%;}
	.tips li{height:140px;}
	
	.event-sum dl{padding:2%;}
	 h5{font-size:18px;}
	.event-sum p{position:relative; }

	.event:after{content:''; display:block; clear:both;}
	.event-sum li{float:left; width:45%;}
	.event img{border-right:0; width:100%; height:auto;}
	.event{padding-top:5%;}
	
	.main-topB{display:none;}

	.center-box {top: 50%;padding-left: 10px;padding-right: 10px;box-sizing: border-box;}
	.visual .visual01, .visual .visual02 {padding-bottom: 380px;}

	.news-info li:last-child {text-align: left;padding-left: 20px;}
	.news-info li:last-child > div {float: none;width: 100%;}

	

	.intro {padding-left: 10px;padding-right: 10px;}
	.intro li {margin: 0; margin-bottom: 20px;display: block;width: 100%;float: none;}
    
    
    /**2021-06-17-update  cable**/
    
    .board-list-area li{float:none; width:100%; margin:0 0% 1% 0; height:auto;}
    .board-list-area li:nth-child(4n){margin-right:0%;}
    .board-list-area li:nth-child(2n){margin-right:0%;}
    .tab-area ul{width:100%;}
    .tab-area ul li a, .tab-area ul li div{font-size:20px;}
    .construction-list-area li:first-child{background:url("../images/20210617_update_02.png") no-repeat 30px center ;}
    .construction-list-area li:nth-child(2){background:url("../images/20210617_update_03.png") no-repeat 30px center ;}
    .construction-list-area li:last-child{background:url("../images/20210617_update_04.png") no-repeat 30px center ;}
    .construction-list-area li{padding:50px 0 50px 130px;}
    .video-tab-area ul li a, .video-tab-area ul li div{font-size:15px; letter-spacing:-1px;}
    .video-tab-area ul{width:100%;}
    
    
    /**2023-0320**/
    
    .visual03{padding-bottom:380px; }
    .visual03 .center-box ul li h1{padding-top:70px; }
    .visual03 .center-box ul li:first-child{float:none; width:90%;}
 
}




@media only screen and (max-width: 560px) {
    
    
    /**2023-0320**/
    
    .visual03{padding-bottom:380px; }
    .visual03 .center-box ul li p{font-size:17px; line-height:25px;}
    .visual03 .center-box ul li:first-child{float:none; width:100%; text-align:center;}
    .visual03 .center-box ul li dl dd{float:none; width:100%; margin:0 auto; text-align:center;}
    .visual03 .center-box ul li dl dd img{text-align:center; display:inline-block;}
    .visual03 .center-box ul li dl dd:last-child{padding:10px 0 0 0 ;}
    .visual02 p{padding:0 20px 20px 20px; font-size:17px; line-height:25px;}
    .center-box{padding-top:20px;}
    
    
      .tips{padding-bottom:15%;}
	h1{font-size:32px; line-height:45px;}
	.index_title{padding-top:5%;}
	.coretxt li:first-child{font-size:25px;}
	.core p img{width:90%; height:auto;}
	.index_footer{font-size:13px;}
	.intro li{font-size:13px; line-height:20px;}
	.slide-ab-box{width:300px; height:120px;}
	
	.product .p-list li{width:100%; margin-right:0%;}	
	.product .p-list li:nth-of-type(2n){margin-right:0%;}
	.product .p-list li:nth-of-type(3n){margin-right:0%;}

	.tab{font-size:14px; letter-spacing:-0.5px;}
	.nms dd{font-size:14.5px;}
	.tips li:nth-child(2n){font-size:14.5px;}
	.s1-high{height:40px;}
	.tips li{height:110px; margin-right:0;}
	.solution-tit dd{font-size:14.5px; margin:1% 0 3% 0; }
	.solution-tit h3{margin: 0 0 10px 0;}
	
	.syndi{padding-top:8%;}
	.syndi-con dd img{width:95%; height:auto;}
	.syndi-btn li:last-child a{padding:15px 55px;}

	.visual01{height:250px;}
	.visual02{height:250px;}
    
      .product .p-list dt {
    height: auto;
    width: 100%;
    overflow: hidden;
    text-align: center;
    border-bottom:1px solid #d7d4d4; margin-bottom:5%;
}
    
    
    
}



@media only screen and (max-width: 480px) {
    
    .visual03 .center-box ul li h1{font-size:32px; }
    
    .timeinfo dl dd a{display:inline-block; width:80%; padding:1.5% 0; max-width:180px;}
    .timeinfo dl{text-align:center;}
    .timeinfo dl dt{line-height:35px;}
    .timeinfo dl dd{text-align:center;}
    .tips{padding-bottom:35%;}
    .solution-webinar{padding:5% 0 8% 0;}
    
    
    
	.system{margin-top:0;}
	.syndi-btn li{text-align:center; align:center;}
	.syndi-btn li a {display:block; width:70%; margin:1% 3%;}	
	.syndi-btn{margin:20px 0 30px 0; }	
	h3{font-size:20px; margin:20px 0 10px 0;}
	.slide-ab-box{}
	.support-slide dt{font-size:20px;}
	.support-slide dd{font-size:15px; line-height:20px;}
	.sub_header{height:150px;}
	.sub_header h2{line-height:150px;}
	.se-list h4{font-size:19px; line-height:25px;}
	.se-list dl{font-size:14.5px; line-height:23px;}
	.se-list span{bottom:1%;}
	.se-list .line{border-bottom:1px solid #eee; margin:7% 0;}
	.syndi-btn li:last-child a{padding:15px 45px;}
	.hr{margin:7% 0;}
	.nms dd:last-child{padding-bottom:0;}
	.nms dd{padding-bottom:0;}
	.nmstab{padding-bottom:7%;}
	.product .sub-title{margin:20px 0 10px 0;}
	.product .main-product-title{padding:3% 0 1% 0;}
	.product .nmstab-title{margin:0 ;}
	.solution-tit{margin-bottom:0;}
    .tab{font-size:13px;}
}


@media only screen and (max-width: 440px) {
	.tips{padding-bottom:27%;}
	.forstu dd:last-child{padding-bottom:2%;}
	.coretxt li:first-child{font-size:20px;}
	.coretxt li:nth-child(2){font-size:16px;}
	.coretxt li:nth-child(2){padding:0;}
	.coretxt li:last-child{margin-top:2%;}
	.core a{padding:5px 20px; font-size:15px;}
	.tips li{height:80px; }
	h4{font-size:18px; letter-spacing:-0.3px;}	
	.lastone{margin-top:4%;}
	.tips h3{margin-top:10%;}
	.syndi-btn li:first-child a{padding:15px 45px;}
	.syndi-btn li:last-child a{padding:15px 45px;}
	.event-sum dl{height:130px;}
	.news p{margin:10% 0;}

	.visual01{height:220px;}
	.visual02{height:220px;}
	.visual h1{font-size:25px; line-height:35px; }
    
    
    /**2021-06-18 update**/
    .construction-list-area li:first-child{background:none ;}
    .construction-list-area li:nth-child(2){background:none ;}
    .construction-list-area li:last-child{background:none ;}
    .construction-list-area li{padding:30px 0 30px 10px;}
    .construction-list-area li dt{font-size:18px; padding-bottom:0;}
    .construction-list{padding-bottom:50px;}
    .board-btn{padding-top:30px;}
    .construction-list-area li dd{font-size:15px; letter-spacing:-0.5px; line-height:25px;}
    .board-solution strong{font-size:20px; padding-bottom:10px;}
    .board-solution li{font-size:15px; letter-spacing:-0.5px; padding:30px 0 40px 0;}
    .video-mo-br{display:block;}
    .video-tab-area ul li a, .video-tab-area ul li div{line-height:20px;}
    
    .visual03 br{display:none;}
    
}


@media only screen and (max-width: 375px) {
    .tips{padding-bottom:35%;}
    
	.visual h1{font-size:22px; line-height:30px; }
	.visual p{font-size:14px;}
     .visual03 .center-box ul li h1{font-size:25px; }
}


@media only screen and (max-width: 320px) {
    .tips{padding-bottom:47%;}
    
	.visual{height:220px;}
	.index_title{padding-top:1%;}
	
	.syndi-btn li:first-child a{padding:15px 36px;}
	.syndi-btn li:last-child a{padding:15px 36px;}
}