/* Theme Name: csl_v2 Author: SolarDesign version: 1.0 */ /* Web Font */ @import url('/nanumgothic.css'); @import url('custom.css'); /* reset */ *{margin:0; padding:0; list-style:none; text-decoration:none; color:inherit; font-family:inherit; font-size:inherit; box-sizing:border-box; } body{font-family:'Naum Gothic';} img{max-width:100%;display: block;} html, body{min-height:100%;} .kboard-default-poweredby{display:none !important;} .bx-viewport{border:none !important; left:0 !important; box-shadow:none !important;} .map{margin-bottom: 50px;} input[type=text]{box-shadow: 0 0 0 1000px #ffffff inset !important;} /* login */ .entry-header .entry-title{font-size: 32px;margin-bottom: 24px;} .tml .tml-label{font-size: 14px;color:#666666;} .tml .tml-field{height: 40px;line-height: 40px;outline: none;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;padding: 5px 10px;} .tml .tml-reg_passmail-wrap{font-size: 14px;color:#999999;} .tml-button{background-color: #234c9d;color: #ffffff;font-size:16px;padding:12px 48px;outline: none;border: 0;border-radius: 4px;margin-top: 24px;min-width: 150px;} .tml-links{font-size:14px;margin-bottom: 50px;display: flex;} .tml-links .tml-register-link a,.tml-links .tml-login-link a{color:#234c9d; margin-right: 20px;} .tml-links .tml-lostpassword-link a{color: #234c9d;} /* PC */ @media screen and (min-width:1025px){ html, body{min-width:1280px;} .mobile{display:none !important;} .entry-header{padding:100px 20% 0;} .entry-content{padding:0 20% 150px;} /* layout */ /* GNB */ #gnb{background:#0a0723; color:#fff;} #gnb>ul{max-width:1280px; margin:0 auto; text-align:right; font-size:11px;} #gnb>ul>li{display:inline-block; margin:0 1%; vertical-align:middle; padding:7px 0;} #gnb>ul>li:hover{color:#ff0;} #gnb>ul>li>a{display:block; vertical-align:middle;} #gnb>ul>li>a>img{display:inline-block; vertical-align:middle;} .lang_sel_list_horizontal{position:static !important; display:inline-block !important; vertical-align:middle; height:auto !important;} .lang_sel_list_horizontal>ul{display:block; border-top-width:0 !important; vertical-align:middle;} .lang_sel_list_horizontal>ul>li{} .lang_sel_list_horizontal>ul>li>a{vertical-align:middle;} .lang_sel_list_horizontal>ul>li>a>img{vertical-align:middle;} .lang_sel_list_horizontal>ul::after{content:''; display:block; clear:both;} /* HEADER */ #header{max-width:1280px; margin:0 auto; height: 80p;} #header>h1{display:block; float:left;margin-top: 10px;margin-right: 100px;} #header>#lnb{display:block; } #header::after{content:''; display:block; clear:both;} /* LNB */ #lnb{padding-top:27px;} #lnb>ul>li{display:inline-block; position:relative; font-size:16px; margin-left:2%; padding:0 2%;height: 48px;} #lnb>ul>li:hover{color:#4082ca;} #lnb>ul>li>a>img{display:none; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; z-index:1001;} #lnb>ul>li:hover>a>img{display:block;} #lnb>ul>li>ul{visibility:hidden;width: 160px; position:absolute;border-radius: 4px; right:-30px;top:48px; text-align:left; white-space:nowrap; background:rgba(0, 0, 0, 0.7);z-index: 99; color:#fff; overflow:hidden; transition:height 0.2s;} #lnb>ul>li:hover>ul{visibility:visible; height: auto;} #lnb>ul>li>ul>li{display:block; font-size:14px;height: 48px;border-bottom:1px solid rgba(255, 255, 255, 0.5);box-sizing: border-box;} #lnb>ul>li>ul>li:last-child{border-bottom: 0;} #lnb>ul>li>ul>li:hover{background-color:rgba(255, 255, 255, 0.1)} #lnb>ul>li>ul>li>a{display:block;line-height: 48px;padding-left: 28px;border-bottom: rgba(255, 255, 255, 0.5);} #lnb>ul>li>a.header-menu-active{color:#4082ca;font-weight: bold;} /* search */ .side-quicklink{position:fixed;right:0;bottom:0px; width:70px;height: 305px; background-color: #ffffff;box-shadow: 0px 0px 8px rgb(0 0 0 / 15%);border-radius: 4px 0 0 4px;} .side-quicklink ul{width:100%;} .side-quicklink ul li{display: flex;justify-content: center;border-bottom: 1px solid #f0f0f0;padding: 10px 0;} .side-quicklink ul li:last-child{border-bottom: 0;} .side-quicklink ul li img{display: block;margin: 5px auto;} .side-quicklink ul li a{color: #999999;} .side-quicklink ul li a em{font-size: 12px;font-style: normal;} .phone-box{display:none ;position: fixed;right:70px;padding:10px;border-radius: 4px 0 0 4px; bottom:150px;text-align: center; background-color: #ffffff;width: 180px;height: 75px;box-shadow: 0px 0px 8px rgb(0 0 0 / 15%);} .phone-box h2{font-size: 16px;color: #5383cb;margin-bottom: 5px;} .phone-box p{font-size: 12px;color: #999999;} .side-quicklink li.phone:hover .phone-box{display: block;} #home_tracking{background-color: #234c9d;height: 98px;} #home_tracking .search-box{max-width: 1280px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;} #home_tracking .search-box #tracking{width: 450px;display: flex;align-items: center;height: 98px;color: #ffffff;} #tracking h3{font-size:24px;margin-right: 10px;} #tracking input[type=text]{color:#000000;box-sizing:border-box;background:#ffffff; font-size:16px; text-align:left; width:250px; height:40px; line-height:40px; outline: none;padding: 0 10px;border: 0;border-radius: 4px 0 0 4px;} #tracking input[type=button]{background:#ffffff url(/img/search-btn.png) no-repeat center center; cursor:pointer; height:40px;width: 50px;outline: none;border: 0;border-radius:0 4px 4px 0;} #tracking p{font-size:14px;} #tracking .remind-box{display: flex;align-items: center;flex-direction: column;margin: 0px auto;text-align: center;height: 350px;padding-top: 100px;} #tracking .remind-box .empty{width: 150px;height: 150px;display: flex;flex-direction: column;justify-content: center;} #tracking .remind-box .empty img{width: 150px;margin-bottom: 5px;} #tracking .remind-box .empty em{font-size: 14px;color: #666666;font-style: normal;} #tracking .remind-box .loading{width: 150px;margin-top: -150px;height: 150px;} #tracking .remind-box .loading img{width: 150px;opacity: 0.5;margin: 0px auto;} #home_tracking .Quick-Links{display: flex;justify-content: space-between;align-items: center;width: 750px;} #home_tracking .Quick-Links li{width: 150px;} #home_tracking .Quick-Links li a{display: flex;align-items: center;color:rgba(255, 255, 255, 0.8);font-size:18px;width: 150px;border-right: 1px solid #ffffff;} #home_tracking .Quick-Links li a:hover{color:#ffffff;} #home_tracking .Quick-Links li:last-child a{border-right:0;} #home_tracking .Quick-Links li img{margin-right: 10px;} #home_tracking .Quick-Links li em{font-style: normal;} /* ?? */ #primary{max-width:1280px; margin:0 auto;} /* FOOTER */ #footer{background:#2c2c2c; color:#ababab; clear:both;} #footer>div{max-width:1280px; margin:0 auto; padding:30px 0;} #footer>div>div:nth-child(1){float:left; width:25%; position:relative;} #footer>div>div:nth-child(1)>img{position:relative; top:10px;} #footer>div>div:nth-child(2){float:left; width:50%; font-size:12px; padding-left:5%;line-height:24px;} #footer>div::after{content:''; display:block; clear:both;} #footer>div>div:nth-child(2)>span:nth-child(1){display:block;} #footer>div>div:nth-child(2)>span:nth-child(2){display:block;} #footer>div>div:nth-child(2)>span:nth-child(3){display:block;} #footer>div>div:nth-child(2)>span:nth-child(4){display:inline-block;} #footer>div>div:nth-child(2)>span:nth-child(5){display:inline-block;} #footer>div>div:nth-child(2)>span:nth-child(6){display:inline-block;} #footer>div>div:nth-child(3){float:left; width:105px;color:#ffffff;font-size:12px;text-align: center;} .copyright{background-color: #121212;color: #ababab;font-size: 12px;text-align: center;line-height: 30px;} /* sub */ #content_wrap{max-width:1280px;margin:0 auto;} #sidebar{width:100%;background-color: #f0f1f1;height: 76px;} .custom_page{width:100%;padding-top:30px;} #content_wrap::after{content:'';display:block;clear:both;} #content_wrap>img{display:block;width:100%;max-width:1280px;} #sidebar{} #sidebar>h2{cursor:default;font-size:16px;font-weight:800;} #sidebar>ul{margin:0 auto;max-width: 1280px;display: flex;justify-content:space-around;} #sidebar>ul>li{width: 25%;height: 76px;display: flex;justify-content: center;} #sidebar>ul>li>a{display:block;text-align: center;color: #666666;font-size: 18px;padding: 24px 0;} #sidebar>ul>li>a.submenu-active{color:#007cbf;border-bottom: 3px solid #007cbf;} /* home */ #home{max-width:100%; margin:20px auto 0 auto;} #home_board{margin-top:20px;} #home_board>div{width:49%; height:234px; float:left; margin-bottom:50px; min-height:150px;} #home_board>div:nth-child(1){margin:0;} #home_board>div:nth-child(2n){margin-left:2%;} #home_board::after{content:'';display:block;clear:both;} #home_board>div>h3{border-bottom:1px solid #000;padding:2%;font-size:20px;font-weight:normal;} #home_board>div>h3>a>span{float:right;} #home_board>div>h3::after{content:'';display:block;clear:both;} #home_board>div>ul{padding:2%;} #home_board>div>ul>li{font-weight:bold;} #home_board>div>ul>li>span{display:inline-block;font-weight:normal;} #home_banner{text-align:center;} #home_banner>img, #home_banner>a{display:inline-block; width:30%;} .light-background {width: 100%;background: #F7F7F7;padding: 40px 0;} .white-background {width: 100%;background: #ffffff;padding: 40px 0;} .introduce-bg {background:#f0f4ff url(/img/home-mainbg.png) center top no-repeat;width: 100%;height: 609px;background-size: cover;user-select: none;padding: 40px 0;box-sizing: border-box;display: flex;align-items: center;} .titletext-h2 {color: #333333;font-size: 32px;text-align: center;font-weight: bold;margin-bottom: 16px;} .titletext-h3 {font-size: 18px;text-align: center;font-weight: normal;color: #868686;} .inner-width{max-width: 1280px;margin: 0 auto;} .fwxm-itemlist{max-width: 1280px;margin: 50px auto 30px;display: flex;justify-content: space-between;} .fwxm-itemlist li{width: 285px;height:385px;background-color: #ffffff;box-shadow: rgb(0 0 0 / 5%) 0px 0px 1px 1px, rgb(0 0 0 / 12%) 0px 3px 1px -2px, rgb(0 0 0 / 8%) 0px 2px 2px 0px, rgb(0 0 0 / 8%) 0px 1px 5px 0px} .fwxm-itemlist li:hover{background-color: #5383cb;} .fwxm-itemlist li img{width: 285px;height: 190px;} .fwxm-itemlist li h2{color:#333333;font-size:20px;font-weight: normal;margin: 20px 20px 10px;} .fwxm-itemlist li p{color: #999999;font-size: 14px;line-height: 28px;margin: 0 20px 10px;} .fwxm-itemlist li a{margin: 0 20px;color: #234c9d;font-size:14px;} .fwxm-itemlist li:hover{background-color: #5383cb;box-shadow: 0px 15px 15px rgb(0,0,0,0.2);cursor: pointer;} .fwxm-itemlist li:hover h2, .fwxm-itemlist li:hover p,.fwxm-itemlist li:hover a{color: #ffffff;} .introduction-left{width: 50%;float: left;} .introduction-left h2{text-align: left;} .introduction-left h3{text-align: left;} .introduction-left p{color: #999999;font-size: 14px;line-height: 28px;margin: 20px 0;} .more-link{color: #234c9d;font-size:16px;display: inline-block;border-radius: 50px;border: 1px solid #234c9d;padding: 10px 48px;} .more-link:hover{background-color:#234c9d;border: 1px solid #234c9d;color: #ffffff;} .introduction-right{width: 50%;float: right;text-align: right;} .introduction-right img{float:right} .clear {clear: both;} .cooperate-bg {background:#212121 url(/img/footer-bg.jpg) center top no-repeat;width: 100%;height: 430px;background-size: cover;user-select: none;padding: 40px 0;box-sizing: border-box;display: flex;align-items: center;} #home_banner2{max-width: 1280px;margin:50px auto;text-align: center;} #home_banner2::after{content:'';display:block;clear:both;} .cooperate-bg .titletext-h2 {color: #ffffff;} .cooperate-bg .titletext-h3 {color: #868686;} .cooperate-link{color: #a6a6a6;font-size:16px;display: inline-block;border-radius: 50px;border: 1px solid #a6a6a6;padding: 10px 48px;margin: 0 auto;} .cooperate-link:hover{background-color:#234c9d;border: 1px solid #234c9d;color: #ffffff;} .tab-list-ul{text-align: center;display: flex;justify-content: center;margin: 30px auto;} .tab-list-ul li{margin: 0 35px;} .tab-list-ul li a{font-size: 18px;height: 36px; box-sizing: border-box;display: block;} .tab-list-ul li a.selected{color: #5383cb;border-bottom: 3px solid #5383cb;} .news-listitem{width: 100%;display: flex;justify-content: center;} .news-listitem-first{width: 620px;height: 370px;background-color: #f7f8fa;text-align: center;margin-right: 35px;} .news-listitem-first>img{margin: 15px auto 5px!important;} .news-listitem-right{width: 600px;} .news-list-ul{width: 100%;} .news-listitem-first .news-list-ul{padding: 0 20px;} .news-list-ul li{background-color: #f7f8fa;height: 80px;margin-bottom: 22px;padding: 20px;box-sizing: border-box;cursor: pointer;text-align: left;} .news-list-ul li:last-child{margin-bottom: 0px;} .news-list-ul li a{display: flex;width: 100%;align-items: flex-start;justify-content: flex-start;} .news-list-ul li a .news-text h2{color:#2c2c2c;font-size: 16px;margin-bottom: 4px;} .news-list-ul li a .news-text p{color:#999999;font-size: 14px;margin-bottom: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .date-time{color:#2c2c2c;font-size: 22px;text-align: right;padding: 0 15px 0 0;border-right: 1px solid #999999;margin-right: 15px;} .date-time em{color:#999999;font-size: 14px;display: block;font-style: normal;} .news-text{width: 465px;} .news-list-ul li:hover{background-color: #5383cb;} .news-list-ul li:hover .date-time{color:#ffffff;;border-right: 1px solid #ffffff;} .news-list-ul li:hover .date-time em{color:#ffffff;} .news-list-ul li:hover a .news-text h2{color:#ffffff;} .news-list-ul li:hover a .news-text p{color:#ffffff;} .news-more{color: #234c9d;font-size: 16px;display: block;border-radius: 50px;border: 1px solid #234c9d;padding: 10px 48px;margin: 30px auto 0;width: 175px;} .news-more:hover{color: #ffffff;border: 1px solid #234c9d;background-color: #234c9d;} .tab-schedule{width: 100%;text-align: center;} .tab-schedule a{font-size: 32px;color: #999999;font-weight: bold;margin: 0 60px;} .tab-schedule a.active{color: #333333;} .schedule-content {margin: 40px auto;} .content-view{} .content-view img{margin: 0 auto;} .schedule-content .kboard-attach { padding: 0; font-size: 12px; } .schedule-content .kboard-attach a{ color: #007cbf;} .custom_page>h2.message-title-h2{font-size: 32px;color: #333333;text-align: left;margin: 20px auto 40px;width: 1200px;text-indent: 0;} .message-content{width: 1200px;margin: 20px auto 50px;background: #ffffff;padding:30px 60px;box-sizing: border-box;box-shadow: 0 0px 5px 0 rgba(0,0,0,.2);} .message-content ul{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;} .message-content li{width: 45%;display: flex;flex-direction: column;font-size: 14px;margin-bottom: 30px;} .message-content li:nth-child(3){width: 100%;} .message-content li:nth-child(4){width: 100%;} .message-content li:nth-child(5){width: 100%;align-items: center;} .message-content li .ContactForm-title{font-size: 14px;color: #999999;margin-bottom: 12px;} .message-content li .ContactForm-title em{color: #ff0000;} .message-content li .ContactForm-input{border: 0; border-bottom: 1px solid #e7e7e7;height: 40px;line-height: 40px;outline: none; display: block;} .message-content li .ContactForm-Btn{background-color: #f2f2f2;border: 1px solid #d6d6d6;color: #333333;border-radius: 4px;margin-right: 12px;outline: none;padding: 8px 24px;} .message-content li .activeBtn{color: #ffffff;border: 1px solid #234c9d;background-color: #234c9d;} .message-content li .ContactForm-textarea{background-color: #f2f2f2;border: 0;color: #333333;border-radius: 4px;outline: none;padding: 10px;} .message-content li .from-inputlist{width: 100%;display: flex;flex-direction: row;} .ContactForm-submitBtn{color: #ffffff;border: 1px solid #234c9d;background-color: #234c9d;font-size: 18px;padding: 12px 0;display: block;width: 180px;border-radius: 4px;} .question-itemlist{width: 1200px;margin: 0 auto 40px;display: flex;justify-content: space-between;} .question-itemlist li{width: 226px;height: 150px;background-color:#f7f8fa ;border-radius: 4px;display: flex;justify-content: center;flex-direction: column;align-items: center;} .question-itemlist li:hover{background-color:#5383cb;color: #ffffff;} .question-itemlist li span{width: 40px;height: 40px;display: block;margin-bottom: 10px;} .question-itemlist li span.question-iconlist01{background: url(/img/question-icon01.png) center top no-repeat;} .question-itemlist li:hover span.question-iconlist01{background: url(/img/question-icon01hover.png) center top no-repeat;} .question-itemlist li span.question-iconlist02{background: url(/img/question-icon02.png) center top no-repeat;} .question-itemlist li:hover span.question-iconlist02{background: url(/img/question-icon02hover.png) center top no-repeat;} .question-itemlist li span.question-iconlist03{background: url(/img/question-icon03.png) center top no-repeat;} .question-itemlist li:hover span.question-iconlist03{background: url(/img/question-icon03hover.png) center top no-repeat;} .question-itemlist li span.question-iconlist04{background: url(/img/question-icon04.png) center top no-repeat;} .question-itemlist li:hover span.question-iconlist04{background: url(/img/question-icon04hover.png) center top no-repeat;} /* SUB */ .custom_page>h2{font-size:32px; font-weight:800; color:#333333; margin-bottom:40px; text-indent:3%;text-align: center;} /* introduce */ .introduce-box01{width: 1280px;margin: 0 auto;display: flex;justify-content: space-between;margin-bottom: 80px;} .introduce-box01 .introduce-left{width: 800px;box-sizing: border-box;padding: 24px;line-height:30px;height: 320px;background-color: #f7f8fa;} .introduce-box01 .introduce-right{width: 480px;height: 320px;} .introduce-box02{width: 1280px;margin: 0 auto;display: flex;justify-content: space-between;margin-bottom: 80px;} .introduce-box02 .introduce-left{width: 480px;height: 320px;} .introduce-box02 .introduce-right{width: 800px;box-sizing: border-box;padding: 40px 100px;line-height:46px;height: 320px;background-color: #f7f8fa;} .contact-item {display: flex;justify-content: center;flex-wrap: wrap;margin: 60px auto;} .contact-list {width: 425px;height: 135px;border-radius: 2px;background: #ffffff;display: flex;padding: 24px 25px;box-sizing: border-box;justify-content: space-between;margin: 0 20px 30px;text-align: left;border: 1px solid rgba(0,0,0,0.1);} .contact-list-img {width: 30px;text-align: center;} .contact-list-box {width: 330px;} .contact-list-box h2 {font-size: 20px;color: #000000;margin-bottom: 12px;font-weight: bold;} .contact-list-box h3 {font-size: 14px;color: #666666;font-weight: normal;line-height: 24px;} .introduce-item {width: 1280px;display: flex;padding: 24px 25px; box-sizing: border-box;justify-content: space-between;margin: 0 auto 30px;text-align: left;} .introduce-item li{width: 370px;padding-top: 40px; height: 218px;background: #f7f8fa;display: flex;flex-direction: column;align-items: center;} .introduce-item img {width: 32px;text-align: center;margin-bottom: 12px;} .introduce-item h2 {font-size: 20px;color: #666666;margin-bottom: 20px;font-weight: normal;} .introduce-item p {font-size: 14px;color: #666666;font-weight: normal;width: 280px;line-height: 22px;text-align:center;} .introduce-item li:nth-child(3) p{text-align: left;} .introduce-mapbg{background:#f0f4ff url(/img/mapbg.png) center center no-repeat;width: 100%;height: 385px;background-size: cover;text-align: center;display: flex;justify-content: center;flex-direction: column;} .introduce-mapbg img{margin: 0px auto 30px;} .introduce-mapbg h2{font-size: 24px;color: #666666;} #tracking .content-page{background-color: #ffffff;border: 1px solid #f0f0f0;box-shadow: 0px 0px 3px rgb(0 0 0 / 8%);display: flex;align-items: center;justify-content: center;padding: 24px 0;} #tracking .content-page input[type=text] {box-sizing: border-box;background: #ffffff;font-size: 16px;text-align: left;width: 550px;height: 50px;line-height: 50px;outline: none;padding: 0 10px;border: 1px solid #d6d6d6;border-radius: 4px 0 0 4px;} #tracking .content-page input[type=button] {font-size: 18px; background: #1D81C9 url(/img/content-page-search.png) no-repeat 15px center;cursor: pointer;height: 50px;width: 100px;padding: 0 0 0 30px; outline: none;border: 1px solid #1D81C9;border-radius: 0 4px 4px 0;color:#ffffff;} #co01{margin-bottom:50px;} #co01>ul>li{display:block; margin-bottom:40px;} #co01>ul>li>div:nth-child(1){display:inline-block; vertical-align:top; margin-right:2%;} #co01>ul>li>div:nth-child(1)>img{display:block;} #co01>ul>li>div:nth-child(2){display:inline-block; vertical-align:top;} #co01>ul>li>div:nth-child(2)>span{line-height:33px; display:block;} #co02>img{margin-bottom:100px;} .traffic{margin-bottom:30px;} .traffic>h2{font-size:32px;font-weight: bold;color: #333333;margin-bottom: 20px;} .traffic>h3{font-size:16px;font-weight:500;margin-bottom:25px;line-height: 24px;} .traffic>ul{font-size:16px;line-height:20px;} .traffic>ul>li{width: 100%;align-items: center;display: flex;margin-bottom: 16px;float: left;} .traffic>ul>li:nth-child(3),.traffic>ul>li:nth-child(4){width: 350px;} .traffic>ul>li span{width: 48px;height: 48px;margin-right: 16px; display: flex;align-items: center;justify-content: center;background-color: #5383cb;border-radius: 50%;} #sitemap{margin: 50px auto 100px;} #sitemap>h2{display:block;text-align:center;font-size:24px;color:#1D81C9;margin:30px 0;} #sitemap>section{text-align:center;display: flex;justify-content: space-around;width: 1080px;margin: 0 auto;} #sitemap>section>div{display:inline-block;vertical-align:top;width:230px;text-align: left;background-color: #f7f8fa;box-sizing: border-box;padding: 20px;} #sitemap>section>div>h3{color:#1D81C9;font-weight:600;font-size: 22px;margin-bottom: 10px;position: relative;padding-left: 16px;} #sitemap>section>div>h3::after {content: '';position: absolute;top: 5px;left:0px; width: 3px;height: 20px;background-color: #1D81C9;border-radius: 1px;} #sitemap>section>div>ul{min-height:160px;line-height:2.2em;margin-left: 16px;} #sitemap>section>div>ul>li{display:block;} #sitemap>section>div>ul>li>a{display:block;color: #333333; font-size: 16px;} #sitemap>section>div>ul>li>a:hover{color: #1D81C9;} #tracking_info{letter-spacing:-1px;font-size:13px;margin-top:40px;margin-bottom: 40px;} #tracking_info .title{font-size:15px;letter-spacing:0;} #tracking01 span{display:block;padding:2% 0;} #tracking01 .title{background:#1D81C9;color:#fff;} #tracking01{border:2px solid #1D81C9;margin-bottom:20px;} #tracking01>li{width:50%;float:left;display:block;text-align:center;vertical-align:middle;border-top:1px solid #ccc;} #tracking01>li:first-child{width:100%;border-top:none;} #tracking01::after{content:'';display:block;clear:both;} #tracking01>li>span{float:left;} #tracking01>li::after{content:'';display:block;clear:both;} #tracking01>li>span.title{width:30%;} #tracking01>li>span.value{width:70%;} #tracking01>li>span.ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #tracking02{border:2px solid #1D81C9;display:table;width:100%;border-collapse:collapse;} .tracking02{display:table-row;} .tracking02>li{display:table-cell;border:1px solid #ccc;padding:2% 1%;vertical-align:middle;} .tracking02>li.title{background:#1D81C9;color:#fff;text-align:center;} .tracking02::after{content:'';display:block;clear:both;} .tracking02>li:nth-child(1){width:15%;text-align:center;border-left:none;} .tracking02>li:nth-child(2){width:10%;text-align:center;} .tracking02>li:nth-child(3){width:30%;text-align:center;} .tracking02>li:nth-child(4){width:35%} .tracking02>li:nth-child(5){width:10%;border-right:none;} .tracing{margin:20px 0; text-align:center;} .tracing>img{display:inline-block;vertical-align:middle;} .tracing>img:nth-child(2n-1){width:16%;max-width:80px;} .tracing>img:nth-child(2n){width:4%;max-width:20px;margin:0 2%;} #btn_print{display:block; max-width:150px; margin:40px auto 0 auto; background:#1D81C9; color:#eee; font-weight:700; font-size:18px; padding:0 1%; line-height:30px; text-align:center;} .modal-mask{position: fixed;top:0;left:0; width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);display: flex;align-items: center;justify-content: center;} .modal-content{background: #ffffff;border-radius: 4px;width: 320px;font-size: 14px;color: #333333;box-shadow: 0 4px 12px rgba(0,0,0,.15);} .modal-header{padding:8px 12px;border-bottom: 1px solid #eee;display: flex;align-items: center;justify-content: space-between;} .modal-body{padding: 12px 24px;min-height: 80px;display: flex;align-items: center;justify-content: flex-start;} .modal-body img{width: 24px;margin-right: 12px;} .modal-footer{padding:8px 12px;border-top: 1px solid #eee;display: flex;align-items: center;justify-content: right;} .modal-footer .btn-primary{height: 32px;padding: 0 15px;border-radius: 4px;margin-left: 12px;border: 1px solid #234c9d;color: #ffffff;background-color:#234c9d;} /* SEARCH */ #search{max-width:1280px;margin:0 auto;} } /* MOBILE LAYOUT */ @media screen and (max-width:1024px){ .pc{display:none !important;} /* layout */ #mobile_menu>img.menu-icon{position: absolute;width:auto;height: 60%;} #mobile_menu{background:#1d81c9; position: relative;display: flex;align-items: center;padding: 0.5rem;} #mobile_menu>img{display:block; width:40%; margin:0 auto;} #lnb, #gnb{height:0; overflow:hidden; transition-duration:0.2s;} #gnb.m_show{height:auto;} #lnb.m_show{height:auto;padding-bottom: 16px;} .wpml-ls-legacy-list-horizontal{padding:0px;} .wpml-ls-legacy-list-horizontal a{padding:0px;} #home_tracking{background-color: #234c9d;height: auto;} #home_tracking .search-box{max-width: 100%;margin: 0 auto;padding: 0.8rem 0;} #home_tracking .search-box #tracking{width: 80%;display: flex;align-items: center;color: #ffffff;margin: 0 auto 20px;justify-content: center;} #tracking h3{font-size:24px;margin-right: 10px;} #tracking input[type=text]{color:#000000;box-sizing:border-box;background:#ffffff; font-size:16px; text-align:left; width:445px; height:40px; line-height:40px; outline: none;padding: 0 10px;border: 0;border-radius: 4px 0 0 4px;} #tracking input[type=button]{background:#ffffff url(/img/search-btn.png) no-repeat center center; cursor:pointer; height:40px;width: 50px;outline: none;border: 0;border-radius:0 4px 4px 0;} #tracking p{font-size:14px;} #tracking .remind-box{display: flex;align-items: center;flex-direction: column;margin: 0px auto;text-align: center;height: 350px;padding-top: 100px;} #tracking .remind-box .empty{width: 150px;height: 150px;display: flex;flex-direction: column;justify-content: center;} #tracking .remind-box .empty img{width: 150px;margin-bottom: 5px;} #tracking .remind-box .empty em{font-size: 14px;color: #666666;font-style: normal;} #tracking .remind-box .loading{width: 150px;margin-top: -150px;height: 150px;} #tracking .remind-box .loading img{width: 150px;opacity: 0.5;margin: 0px auto;} #home_tracking .Quick-Links{display: flex;justify-content: space-between;align-items: center;width: 80%;margin: 10px auto;} #home_tracking .Quick-Links li{width: 25%;} #home_tracking .Quick-Links li a{display: flex;align-items: center;color:rgba(255, 255, 255, 0.8);font-size:18px;width: 100%;border-right: 1px solid #ffffff;} #home_tracking .Quick-Links li a:hover{color:#ffffff;} #home_tracking .Quick-Links li:last-child a{border-right:0;} #home_tracking .Quick-Links li img{margin-right: 10px;} #home_tracking .Quick-Links li em{font-style: normal;} .light-background {width: 100%;background: #F7F7F7;padding: 40px 0;} .white-background {width: 100%;background: #ffffff;padding: 40px 0;} .introduce-bg {background:#f0f4ff url(/img/home-mainbg.png) center top no-repeat;width: 100%;background-size: cover;user-select: none;padding: 40px 0;box-sizing: border-box;display: flex;align-items: center;} .titletext-h2 {color: #333333;font-size: 32px;text-align: center;font-weight: bold;margin-bottom: 16px;} .titletext-h3 {font-size: 18px;text-align: center;font-weight: normal;color: #868686;} .inner-width{max-width: 90%;margin: 0 auto;} .fwxm-itemlist{max-width: 100%;margin: 50px auto 30px;display: flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;} .fwxm-itemlist li{width: 47%;padding-bottom: 20px;margin-bottom: 30px; background-color: #ffffff;box-shadow: rgb(0 0 0 / 5%) 0px 0px 1px 1px, rgb(0 0 0 / 12%) 0px 3px 1px -2px, rgb(0 0 0 / 8%) 0px 2px 2px 0px, rgb(0 0 0 / 8%) 0px 1px 5px 0px} .fwxm-itemlist li:hover{background-color: #5383cb;} .fwxm-itemlist li img{width: 100%;height:auto;} .fwxm-itemlist li h2{color:#333333;font-size:20px;font-weight: normal;margin: 12px 20px 10px;} .fwxm-itemlist li p{color: #999999;font-size: 14px;line-height: 22px;margin: 0 20px 10px;} .fwxm-itemlist li a{margin: 0 20px;color: #234c9d;font-size:14px;} .fwxm-itemlist li:hover{background-color: #5383cb;box-shadow: 0px 15px 15px rgb(0,0,0,0.2);cursor: pointer;} .fwxm-itemlist li:hover h2, .fwxm-itemlist li:hover p,.fwxm-itemlist li:hover a{color: #ffffff;} .introduction-left{width: 100%} .introduction-left h2{text-align: left;} .introduction-left h3{text-align: left;} .introduction-left p{color: #999999;font-size: 14px;line-height: 28px;margin: 20px 0;} .more-link{color: #234c9d;font-size:16px;display: inline-block;border-radius: 50px;border: 1px solid #234c9d;padding: 10px 48px;} .more-link:hover{background-color:#234c9d;border: 1px solid #234c9d;color: #ffffff;} .introduction-right{width: 100%;margin-top: 20px;} .introduction-right img{width: 100%;margin: 0 auto;} .clear {clear: both;} #home_banner2{width: 90%;margin:50px auto;text-align: center;} .nbs-flexisel-inner .nbs-flexisel-item{width: 20%!important;} #home_banner2::after{content:'';display:block;clear:both;} .cooperate-bg {background:#212121 url(/img/footer-bg.jpg) center top no-repeat;width: 100%;height: auto;background-size: cover;user-select: none;padding: 40px 0;box-sizing: border-box;display: flex;align-items: center;} .cooperate-bg .titletext-h2 {color: #ffffff;} .cooperate-bg .titletext-h3 {color: #868686;} .cooperate-link{color: #a6a6a6;font-size:16px;display: inline-block;border-radius: 50px;border: 1px solid #a6a6a6;padding: 10px 48px;margin: 0 auto;} .cooperate-link:hover{background-color:#234c9d;border: 1px solid #234c9d;color: #ffffff;} .nbs-flexisel-ul{width: 100%!important;} /* introduce */ .introduce-box01{width: 100%;margin: 0 auto;display: flex;justify-content: space-between;margin-bottom: 20px;flex-wrap: wrap;} .introduce-box01 .introduce-left{width: 100%;box-sizing: border-box;padding: 16px 5%;line-height:24px;background-color: #f7f8fa;font-size: 14px;} .introduce-box01 .introduce-right{width: 100%;box-sizing: border-box;padding: 16px 5%;} .introduce-box01 .introduce-right img{width: 100%;} .introduce-box02{width: 100%;margin: 0 auto;display: flex;justify-content: space-between;margin-bottom: 20px;flex-direction: column;} .introduce-box02 .introduce-left{width: 100%;padding: 16px 5%;} .introduce-box02 .introduce-left img{width: 100%;} .introduce-box02 .introduce-right{box-sizing: border-box;padding: 16px 5%;font-size: 14px; line-height:32px;background-color: #f7f8fa;} .contact-item {display: flex;justify-content: center;flex-wrap: wrap;margin: 30px auto;} .contact-list {width: 90%;height: 135px;border-radius: 2px;background: #ffffff;display: flex;padding: 12px 16px;box-sizing: border-box;justify-content: space-between;margin: 0 20px 30px;text-align: left;border: 1px solid rgba(0,0,0,0.1);} .contact-list-img {width: 30px;text-align: center;} .contact-list-box {width: 90%;} .contact-list-box h2 {font-size: 20px;color: #000000;margin-bottom: 12px;font-weight: bold;} .contact-list-box h3 {font-size: 14px;color: #666666;font-weight: normal;line-height: 24px;} .introduce-item {width: 100%;display: flex;padding: 12px 5%; box-sizing: border-box;justify-content: space-between;margin: 0 auto 30px;text-align: left;flex-direction: column;} .introduce-item li{width: 100%;padding-top: 20px;padding-bottom: 20px; background: #f7f8fa;display: flex;flex-direction: column;align-items: center;margin-bottom: 16px;} .introduce-item img {width: 32px;text-align: center;margin-bottom: 12px;} .introduce-item h2 {font-size: 20px;color: #666666;margin-bottom: 20px;font-weight: normal;} .introduce-item p {font-size: 14px;color: #666666;font-weight: normal;line-height: 22px;text-align:center;width: 90%;} .introduce-item li:nth-child(3) p{text-align: left;} .introduce-mapbg{background:#f0f4ff url(/img/mapbg.png) center center no-repeat;width: 100%;background-size: cover;text-align: center;display: flex;justify-content: center;flex-direction: column;margin-bottom: 50px;} .introduce-mapbg img{margin: 0px auto 20px;width: 80%;max-width: 565px;} .introduce-mapbg h2{font-size: 18px;color: #666666;width: 90%;margin: 0 auto;max-width: 800px;} #tracking .content-page{background-color: #ffffff;border: 1px solid #f0f0f0;box-shadow: 0px 0px 3px rgb(0 0 0 / 8%);display: flex;align-items: center;justify-content: center;padding: 12px 0;width: 90%;margin: 0 auto;} #tracking .content-page input[type=text] {box-sizing: border-box;background: #ffffff;font-size: 14px;text-align: left;width: 200px;height: 40px;line-height: 40px;outline: none;padding: 0 10px;border: 1px solid #d6d6d6;border-radius: 4px 0 0 4px;} #tracking .content-page input[type=button] {font-size: 14px; background: #1D81C9 url(/img/content-page-search.png) no-repeat 8px center;background-size: 25% auto; cursor: pointer;height: 40px;width: 60px;padding: 0 0 0 20px; outline: none;border: 1px solid #1D81C9;border-radius: 0 4px 4px 0;color:#ffffff;} #gnb{background:#0a0723; color:rgba(255, 255, 255, 0.8); font-size:12px;} #gnb>ul{} #gnb>ul>li{float:left; width:50%; text-align:center; height:40px; line-height:40px; border-bottom: 1px solid rgba(255, 255, 255, 0.3);} #gnb>ul>li:nth-child(2n){border-left:1px solid rgba(255, 255, 255, 0.3);} #gnb>ul>li:last-child{width:100%; padding:0;} .lang_sel_list_horizontal{height:auto !important;} .lang_sel_list_horizontal>ul{border-top-width:0px !important;} .lang_sel_list_horizontal>ul>li{display:block; width:50%; float:left; height:40px;} .lang_sel_list_horizontal>ul>li:nth-child(2){border-left:1px solid rgba(255, 255, 255, 0.3);} .lang_sel_list_horizontal>ul::after{content:''; display:block; clear:both;} .lang_sel_list_horizontal>ul>li>a{height:40px !important; line-height:40px !important;} #gnb>ul::after{content:'';display:block;clear:both;} .tab-list-ul{text-align: center;display: flex;justify-content: center;margin: 30px auto;} .tab-list-ul li{margin: 0 35px;} .tab-list-ul li a{font-size: 18px;height: 36px; box-sizing: border-box;display: block;} .tab-list-ul li a.selected{color: #5383cb;border-bottom: 3px solid #5383cb;} .news-listitem{width: 100%;display: flex;justify-content: center;flex-direction: column;} .news-listitem-first{width: 100%;background-color: #f7f8fa;text-align: center;margin-bottom: 22px;} .news-listitem-first>img{margin: 15px auto 5px!important;} .news-listitem-right{width:100%;} .news-list-ul{width: 100%;} .news-list-ul li{background-color: #f7f8fa;height: 80px;margin-bottom: 22px;padding: 20px;box-sizing: border-box;cursor: pointer;text-align: left;} .news-list-ul li:last-child{margin-bottom: 0px;} .news-list-ul li a{display: flex;width: 100%;align-items: flex-start;justify-content: flex-start;} .news-list-ul li a .news-text h2{color:#2c2c2c;font-size: 16px;margin-bottom: 4px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .news-list-ul li a .news-text p{color:#999999;font-size: 14px;margin-bottom: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .date-time{color:#2c2c2c;font-size: 22px;text-align: right;padding: 0 15px 0 0;border-right: 1px solid #999999;margin-right: 15px;} .date-time em{color:#999999;font-size: 14px;display: block;font-style: normal;} .news-text{width: 75%;} .news-list-ul li:hover{background-color: #5383cb;} .news-list-ul li:hover .date-time{color:#ffffff;;border-right: 1px solid #ffffff;} .news-list-ul li:hover .date-time em{color:#ffffff;} .news-list-ul li:hover a .news-text h2{color:#ffffff;} .news-list-ul li:hover a .news-text p{color:#ffffff;} .news-more{color: #234c9d;font-size: 16px;display: block;border-radius: 50px;border: 1px solid #234c9d;padding: 10px 48px;margin: 30px auto 0;width: 175px;} .news-more:hover{color: #ffffff;border: 1px solid #234c9d;background-color: #234c9d;} .tab-schedule{width: 100%;text-align: center;} .tab-schedule a{font-size: 22px;color: #999999;font-weight: bold;margin: 0 20px;} .tab-schedule a.active{color: #333333;} .schedule-content {margin: 20px auto;} .content-view{} .content-view img{margin: 0 auto;} .schedule-content .kboard-attach { padding: 0; font-size: 12px; } .schedule-content .kboard-attach a{ color: #007cbf;} .custom_page>h2 {font-size: 24px;font-weight: 800;color: #333333;margin-bottom: 20px;text-indent: 3%;text-align: center;} .custom_page>h2.message-title-h2{font-size: 24px;color: #333333;text-align: left;margin: 20px auto 20px;width: 90%;text-indent: 0;} .message-content{width: 90%;margin: 20px auto 25px;background: #ffffff;padding:20px 30px;box-sizing: border-box;box-shadow: 0 0px 5px 0 rgba(0,0,0,.2);} .message-content ul{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;} .message-content li{width: 100%;display: flex;flex-direction: column;font-size: 14px;margin-bottom: 30px;} .message-content li .ContactForm-title{font-size: 14px;color: #999999;margin-bottom: 12px;} .message-content li .ContactForm-title em{color: #ff0000;} .message-content li .ContactForm-input{border: 0; border-bottom: 1px solid #e7e7e7;height: 40px;line-height: 40px;outline: none; display: block;} .message-content li .ContactForm-Btn{background-color: #f2f2f2;border: 1px solid #d6d6d6;cursor: pointer; color: #333333;border-radius: 4px;margin-right: 12px;outline: none;padding: 8px 12px;margin-bottom: 10px;} .message-content li .activeBtn{color: #ffffff;border: 1px solid #234c9d;background-color: #234c9d;} .message-content li .ContactForm-textarea{background-color: #f2f2f2;border: 0;color: #333333;border-radius: 4px;outline: none;padding: 10px;} .message-content li .from-inputlist{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;} .ContactForm-submitBtn{color: #ffffff;border: 1px solid #234c9d;background-color: #234c9d;font-size: 18px;padding: 12px 0;display: block;width: 180px;border-radius: 4px;} .question-itemlist{width: 90%;margin: 0 auto 40px;display: flex;justify-content: space-between;flex-wrap: wrap;} .question-itemlist li{width: 45%;height: 120px;background-color:#f7f8fa ;border-radius: 4px;display: flex;justify-content: center;flex-direction: column;align-items: center;margin-bottom: 16px;} .question-itemlist li:hover{background-color:#5383cb;color: #ffffff;} .question-itemlist li span{width: 40px;height: 40px;display: block;margin-bottom: 10px;} .question-itemlist li span.question-iconlist01{background: url(/img/question-icon01.png) center top no-repeat;} .question-itemlist li:hover span.question-iconlist01{background: url(/img/question-icon01hover.png) center top no-repeat;} .question-itemlist li span.question-iconlist02{background: url(/img/question-icon02.png) center top no-repeat;} .question-itemlist li:hover span.question-iconlist02{background: url(/img/question-icon02hover.png) center top no-repeat;} .question-itemlist li span.question-iconlist03{background: url(/img/question-icon03.png) center top no-repeat;} .question-itemlist li:hover span.question-iconlist03{background: url(/img/question-icon03hover.png) center top no-repeat;} .question-itemlist li span.question-iconlist04{background: url(/img/question-icon04.png) center top no-repeat;} .question-itemlist li:hover span.question-iconlist04{background: url(/img/question-icon04hover.png) center top no-repeat;} #lnb.m_show{box-shadow: 0px 0px 8px rgb(0 0 0 / 15%);} #lnb>ul>li{/* display:table; width:100%; */vertical-align:middle;} #lnb>ul>li:first-child>a{width:100%; text-align:left; padding:10px 0 6px 24px;display: block;} #lnb>ul>li>a{/* display:table-cell; width:30%; */ font-size:16px; font-weight:800;display: block; vertical-align:middle; height:100%; text-align:left;padding:6px 0 6px 24px;} #lnb>ul>li>ul{/* display:table-cell; width:70%; */ padding:0 24px; vertical-align:middle; line-height:2em;} #lnb>ul>li::after{content:''; display:block; clear:both;} #lnb>ul>li>a>img{display:none;} #lnb>ul>li>ul>li{font-size:14px;} #lnb>ul>li>ul>li>a{display:block;} #sidebar{display:none;} .custom_page{margin:20px 0 0;} .traffic{width: 90%;margin: 0 auto 30px;} .traffic>h2{font-size:24px;font-weight: bold;color: #333333;margin-bottom: 10px;} .traffic>h3{font-size:16px;font-weight:500;margin-bottom:25px;line-height: 24px;} .traffic>ul{font-size:14px;line-height:20px;} .traffic>ul>li{width: 100%;align-items: center;display: flex;margin-bottom: 16px;float: left;} .traffic>ul>li:nth-child(3),.traffic>ul>li:nth-child(4){width: 350px;} .traffic>ul>li span{width: 48px;height: 48px;margin-right: 16px; display: flex;align-items: center;justify-content: center;background-color: #5383cb;border-radius: 50%;} .traffic>ul>li p{width: 80%;} .side-quicklink{position:fixed;right:0;bottom:0px; width:70px;height: 305px; background-color: #ffffff;box-shadow: 0px 0px 8px rgb(0 0 0 / 15%);border-radius: 4px 0 0 4px;z-index: 999;} .side-quicklink ul{width:100%;} .side-quicklink ul li{display: flex;justify-content: center;border-bottom: 1px solid #f0f0f0;padding: 10px 0;} .side-quicklink ul li:last-child{border-bottom: 0;} .side-quicklink ul li img{display: block;margin: 5px auto;} .side-quicklink ul li a{color: #999999;} .side-quicklink ul li a em{font-size: 12px;font-style: normal;} .phone-box{display:none ;position: fixed;right:70px;padding:10px;border-radius: 4px 0 0 4px; bottom:150px;text-align: center; background-color: #ffffff;width: 180px;height: 75px;box-shadow: 0px 0px 8px rgb(0 0 0 / 15%);} .phone-box h2{font-size: 16px;color: #5383cb;margin-bottom: 5px;} .phone-box p{font-size: 12px;color: #999999;} .side-quicklink li.phone:active .phone-box{display: block;} #sitemap{margin: 50px auto 100px;} #sitemap>h2{display:block;text-align:center;font-size:24px;color:#1D81C9;margin:30px 0;} #sitemap>section{text-align:center;display: flex;justify-content: space-around;width: 90%;margin: 0 auto;} #sitemap>section>div{display:inline-block;vertical-align:top;width:23%;text-align: left;background-color: #f7f8fa;box-sizing: border-box;padding: 20px;} #sitemap>section>div>h3{color:#1D81C9;font-weight:600;font-size: 22px;margin-bottom: 10px;position: relative;padding-left: 16px;} #sitemap>section>div>h3::after {content: '';position: absolute;top: 5px;left:0px; width: 3px;height: 20px;background-color: #1D81C9;border-radius: 1px;} #sitemap>section>div>ul{min-height:160px;line-height:2.2em;margin-left: 16px;} #sitemap>section>div>ul>li{display:block;} #sitemap>section>div>ul>li>a{display:block;color: #333333; font-size: 16px;} #sitemap>section>div>ul>li>a:hover{color: #1D81C9;} .entry-header{padding:100px 10% 0;} .entry-content{padding:0 10% 100px;} #footer{background:#2c2c2c;color:#fff;clear:both;font-size:12px;font-weight:400;padding:20px 0;} #footer>div>div:nth-child(1){margin-bottom: 20px;} #footer>div>div:nth-child(1)>img{display:block; width:80%; margin:0 auto; max-width:330px;} #footer>div>div:nth-child(2)>span{display:block;} #footer>div>div:nth-child(2){width:60%; position:relative;float:left;margin-left: 10%;} #footer>div>div:nth-child(3){width:20%; position:relative;float:left;text-align: right;} #footer>div>div:nth-child(3) img{display: inline-block;} .copyright{background-color: #121212;color: #ababab;font-size: 12px;text-align: center;line-height: 30px;} .modal-mask{position: fixed;top:0;left:0; width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);display: flex;align-items: center;justify-content: center;} .modal-content{background: #ffffff;border-radius: 4px;width: 320px;font-size: 14px;color: #333333;box-shadow: 0 4px 12px rgba(0,0,0,.15);} .modal-header{padding:8px 12px;border-bottom: 1px solid #eee;display: flex;align-items: center;justify-content: space-between;} .modal-body{padding: 12px 24px;min-height: 80px;display: flex;align-items: center;justify-content: flex-start;} .modal-body img{width: 24px;margin-right: 12px;} .modal-footer{padding:8px 12px;border-top: 1px solid #eee;display: flex;align-items: center;justify-content: right;} .modal-footer .btn-primary{height: 32px;padding: 0 15px;border-radius: 4px;margin-left: 12px;border: 1px solid #234c9d;color: #ffffff;background-color:#234c9d;} } /* TABLET PAGE */ @media screen and (min-width:768px) and (max-width:1024px){ /* HOME */ #mobile_menu>img.menu-icon{position: absolute;left: 16px;width: 40px;height: 40px;top: 18px;} #home{margin:0;} #home>section:first-child{} #home_board>div{width:49%;float:left;margin:50px 0;height:200px;} #home_board>div:nth-child(2n){margin-left:2%;} #home_board::after{content:'';display:block;clear:both;} #home_board>div>h3{border-bottom:1px solid #000;padding:2%;font-size:20px;font-weight:normal;} #home_board>div>h3>a>span{float:right;} #home_board>div>h3::after{content:'';display:block;clear:both;} #home_board>div>ul{padding:2%;} #home_board>div>ul>li{font-weight:bold;} #home_board>div>ul>li>span{display:inline-block;font-weight:normal;} #home_banner{text-align:center;} #home_banner>img, #home_banner>a{display:inline-block; width:30%; } #home_banner2{margin:50px auto;} #home_banner2::after{content:'';display:block;clear:both;} /* sub */ .custom_page>h2{font-size:24px; font-weight:800; color:#1d81c9; margin:20px 0; text-align:center;} #co01{margin-bottom:50px;} #co01>ul>li{display:block; margin-bottom:40px;} #co01>ul>li>div:nth-child(1){display:inline-block; vertical-align:top; margin-right:2%;} #co01>ul>li>div:nth-child(1)>img{display:block;} #co01>ul>li>div:nth-child(2){display:inline-block; vertical-align:top;} #co01>ul>li>div:nth-child(2)>span{line-height:33px; display:block;} #co02>img{margin-bottom:100px;} #tracking_info{letter-spacing:-1px;font-size:13px;margin-top:40px;margin-bottom: 40px;} #tracking_info .title{font-size:15px;letter-spacing:0;} #tracking01 span{display:block;padding:2% 0;} #tracking01 .title{background:#1D81C9;color:#fff;} #tracking01{border:2px solid #1D81C9;margin-bottom:20px;} #tracking01>li{width:50%;float:left;display:block;text-align:center;vertical-align:middle;border-top:1px solid #ccc;} #tracking01>li:first-child{width:100%;border-top:none;} #tracking01::after{content:'';display:block;clear:both;} #tracking01>li>span{float:left;} #tracking01>li::after{content:'';display:block;clear:both;} #tracking01>li>span.title{width:30%;} #tracking01>li>span.value{width:70%;} #tracking02{border:2px solid #1D81C9;display:table;width:100%;border-collapse:collapse;} .tracking02{display:table-row;} .tracking02>li{display:table-cell;border:1px solid #ccc;padding:2% 1%;vertical-align:middle;} .tracking02>li.title{background:#1D81C9;color:#fff;text-align:center;} .tracking02::after{content:'';display:block;clear:both;} .tracking02>li:nth-child(1){width:15%;text-align:center;border-left:none;} .tracking02>li:nth-child(2){width:10%;text-align:center;} .tracking02>li:nth-child(3){width:30%;text-align:center;} .tracking02>li:nth-child(4){width:35%} .tracking02>li:nth-child(5){width:10%;border-right:none;} .tracing{margin:20px 0; text-align:center;} .tracing>img{display:inline-block;vertical-align:middle;} .tracing>img:nth-child(2n-1){width:16%;max-width:80px;} .tracing>img:nth-child(2n){width:4%;max-width:20px;margin:0 2%;} } /* MOBILE PAGE */ @media screen and (max-width:767px){ /* HOME */ #home{max-width:1160px;margin:20px auto 0 auto;} #home>section:first-child{} #home_board>div{width:98%; margin:20px auto;} #home_board>div>h3{border-bottom:1px solid #000;padding:2%;font-size:20px;font-weight:normal;} #home_board>div>h3>a>span{float:right;} #home_board>div>h3::after{content:'';display:block;clear:both;} #home_board>div>ul{padding:2%;} #home_board>div>ul>li{font-weight:bold;} #home_board>div>ul>li>span{display:inline-block;font-weight:normal;} #home_banner>img, #home_banner>a{display:block; margin:0 auto; text-align:center; margin-top:25px; max-width:98%;} #home_banner>a>img{display:block; margin:0 auto;} .cooperate-bg .titletext-h2 {width: 90%;margin: 0 auto;} .cooperate-bg .titletext-h3 {width: 90%;margin: 0 auto;} .light-background {padding: 20px 0;} .introduce-bg {padding: 20px 0;} .white-background {padding: 20px 0;} .titletext-h2 {color: #333333;font-size: 24px;text-align: center;font-weight: bold;margin-bottom: 10px;} .titletext-h3 {font-size: 14px;text-align: center;font-weight: normal;color: #868686;} #tracking{color:#535353;} #tracking h3{font-size:0.9rem; width: 40px;text-align: center;} #tracking input[type=text]{color:#000000;box-sizing:border-box;background:#ffffff; font-size:16px; text-align:left; width:200px; height:40px; line-height:40px; outline: none;padding: 0 10px;border: 0;border-radius: 4px 0 0 4px;} #tracking input[type=button]{background:#ffffff url(/img/search-btn.png) no-repeat center center; cursor:pointer; height:40px;width: 50px;outline: none;border: 0;border-radius:0 4px 4px 0;} #tracking p{font-size:14px;} /* sub */ .custom_page>h2{font-size:22px; font-weight:800; margin:20px 0; text-align:center;} #co01{margin-bottom:50px; text-align:center;} #co01>ul>li{display:block; margin-bottom:40px;} #co01>ul>li>div:nth-child(1){display:block;} #co01>ul>li>div:nth-child(1)>img{display:block; margin:0 auto;} #co01>ul>li>div:nth-child(2){} #co01>ul>li>div:nth-child(2)>span{line-height:33px; display:block;} #co02>img{margin-bottom:100px;} #tracking_info{letter-spacing:-1px;font-size:10px;margin-top:40px;} #tracking_info .title{font-size:12px;letter-spacing:0;} #tracking01 span{display:block;padding:2% 0;} #tracking01 .title{background:#1D81C9;color:#fff;} #tracking01{border:2px solid #1D81C9;margin-bottom:20px;} #tracking01>li{width:50%;float:left;display:block;text-align:center;vertical-align:middle;border-top:1px solid #ccc;} #tracking01>li:first-child{width:100%;border-top:none;} #tracking01::after{content:'';display:block;clear:both;} #tracking01>li>span{float:left;} #tracking01>li::after{content:'';display:block;clear:both;} #tracking01>li>span.title{width:30%;} #tracking01>li>span.value{width:70%;} #tracking02{border:2px solid #1D81C9;display:table;width:100%;border-collapse:collapse;} .tracking02{display:table-row;} .tracking02>li{display:table-cell;border:1px solid #ccc;padding:2% 1%;vertical-align:middle;} .tracking02>li.title{background:#1D81C9;color:#fff;text-align:center;} .tracking02::after{content:'';display:block;clear:both;} .tracking02>li:nth-child(1){width:10%;text-align:center;border-left:none;} .tracking02>li:nth-child(2){width:10%;text-align:center;} .tracking02>li:nth-child(3){width:30%;text-align:center;} .tracking02>li:nth-child(4){width:35%} .tracking02>li:nth-child(5){width:15%;border-right:none;} .tracing{margin:20px 0; text-align:center;} .tracing>img{display:inline-block;vertical-align:middle;} .tracing>img:nth-child(2n-1){width:16%;max-width:80px;} .tracing>img:nth-child(2n){width:4%;max-width:20px;margin:0 2%;} #sitemap>section{flex-wrap: wrap;} #sitemap>section>div{width:45%;margin-bottom: 20px;} #footer>div>div:nth-child(2){width:60%; position:relative;float:left;margin-left: 5%;} #footer>div>div:nth-child(3){width:28%; position:relative;float:left;text-align: center;} #footer>div>div:nth-child(3) img{display: inline;} #home_tracking .Quick-Links{display: flex;justify-content: space-between;align-items: center;width: 80%;margin: 10px auto;} .tab-list-ul{margin: 20px auto;} .tab-list-ul li{margin: 0 20px;} .tab-list-ul li a{font-size: 16px;height: 32px; box-sizing: border-box;display: block;} .fwxm-itemlist{margin: 20px auto 0;} .fwxm-itemlist li{/* height: 330px; */} .fwxm-itemlist li h2{margin: 10px 12px 10px;font-size: 18px;} .fwxm-itemlist li p{margin: 0 12px 10px;} .fwxm-itemlist li a{margin: 0 12px;} #home_tracking .Quick-Links li{width: 30%;} #home_tracking .Quick-Links li a{display: flex;align-items: center;color:rgba(255, 255, 255, 0.8);font-size:14px;width: 100%;border-right: 1px solid #ffffff;} #home_tracking .Quick-Links li a:hover{color:#ffffff;} #home_tracking .Quick-Links li:last-child a{border-right:0;} #home_tracking .Quick-Links li img{margin-right: 5px;width: 18px;} #home_tracking .Quick-Links li em{font-style: normal;font-size: 0.9rem;} }