@font-face {
font-family: 'MaruBuri-Regular';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/MaruBuri-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}


#bowrap .wrap{border-top:2px solid #eee; min-height:300px;}
.swrap{display: inline-block;width:1280px;}
.swrap .scon.mb{margin-bottom: 150px;}

.scon{min-height: 300px;}
.scon.mb{margin-bottom:150px;}
.stitle{padding: 100px 0; font-size: 32px; color: #222; font-weight: 600; line-height: 1.2;}


.svisual{position: relative; width:100%; height: 450px;background-size: cover;background-position: center;background-repeat: no-repeat; color: #fff; transition: height .5s;}
.svisual1{background-image: url(../kor/img/sv1.jpg);}
.svisual2{background-image: url(../kor/img/sv2.jpg);}
.svisual3{background-image: url(../kor/img/sv6.jpg);}
.svisual4{background-image: url(../kor/img/sv4.jpg);}
.svisual5{background-image: url(../kor/img/sv5.jpg);}
.svisual .text{position: absolute; top:52%; left: 0; width: 100%; text-align: center; transform: translateY(-50%) translateY(20px); }
.svisual .title{font-size: 42px; font-weight: 600;text-shadow: 5px 3px 30px rgb(0 0 0 / 70%); opacity:0; transform: translateY(40px); transition:all 1s; }
.svisual .sub{font-size: 16px;font-weight: 200; margin-top: 10px; text-shadow: 3px 0 20px rgb(0 0 0 / 70%); opacity:0;  transform: translateY(30px); transition:all 1s 0.5s; }


.svisual.view .title{opacity:1;  transform: translateY(0px); }
.svisual.view .sub{opacity:1;  transform: translateY(0px); }

.snav{position:relative; width:100%; height:75px; background:#fff; color:#333;border-bottom: 1px solid #d7d7d7;border-top: 1px solid #d7d7d7;z-index: 6;}
.snav .snavin{width: 1480px; display: inline-block; padding:10px 0;}
.snav .snavin a{color:#333; font-size:14px;line-height:1.2; height: 50px; padding:10px 0;}
.snav .snavin .home{width:60px; float:left; text-align:center; border-right:1px solid rgba(255,255,255,0.2);   border-right: 1px solid #eee;}
.snav .snavin .home p{font-size: 16px; line-height: 50px;}
.snav .snavin .home .fa{vertical-align: baseline; margin-right:5px;line-height: 40px; font-size:25px;}
.snav_list1_open, .snav_list2_open{position:absolute; right:30px; top:20px; cursor:pointer; font-size: 16px;}
.snav_list1_close, .snav_list2_close{position:absolute; right:30px; top:20px; display:none; cursor:pointer;font-size: 16px;}
.snav_list_title{position: absolute; top: 50%;transform: translateY(-50%);line-height:1.2; font-size: 16px; text-align: left; padding-left:20px; padding-right: 55px; border-right: 1px solid #eee; width:100%;}

.snav_list2w .snav_list_title{color: #003471; font-weight: 500;}
.snav_list1w, .snav_list2w{position: relative; width:315px; height:50px; float:left; cursor:pointer; }
.snav_list2w{margin-left:2px;}
.snav_list1, .snav_list2{position:relative;overflow:hidden; text-align:left; max-height: 0; background:#eee; transition:all 0.2s 0s;margin-top: 64px;}
.snav_list1 li, .snav_list2 li{line-height: 40px; font-size: 16px; display: block; padding-left: 20px;border-bottom: 1px solid #ddd; _margin: 10px;}
.snav_list1 li:last-child, .snav_list2 li:last-child{border-bottom: none;}
.snav_list1.on, .snav_list2.on{max-height:1000px;}
.snav_list2 li.on{display:none;}



.s11_box1 .wrap{position: relative; height:380px; background-image: url(../kor/img/s11_i1.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;  transition: all .5s;}
.s11_box1 .wrap p{position: absolute; top: 50%; transform: translateY(-50%); left: 80px; font-size: 30px; text-align: left; color: #fff; padding:0 20px;}
.s11_box1 .wrap p span{font-weight: 600;}
.s11_box1 .wrap p .s1{color: #26a7d5}


.s11_box2{display:inline-grid; grid-template-columns:300px 1fr; width: 1200px; text-align: center; grid-gap: 20px; margin-top: 100px;text-align: left;}
.s11_box2 .text{text-align: left; font-size: 16px; color:#555; line-height: 1.6;}
.s11_box2 .text .name{margin-top: 60px; font-size: 16px; }
.s11_box2 .text .name span{ margin-left: 20px; font-size: 24px; font-family: 'MaruBuri-Regular'; vertical-align: bottom;}


.s11_box3{margin-top: 180px; padding:0 20px 150px; background:url(../kor/img/s11_box3_bg.jpg)no-repeat center/cover;}
.s11_box3 .stitle{padding: 100px 0 60px;}
.s11_box3 .list{width:1200px; height: 360px; background: rgba(255,255,255,0.6); border:3px solid #67ae44; border-radius: 200px; display: inline-grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; padding: 40px 60px;}
.s11_box3 .list li{text-align: center;  transition: all .5s;}
.s11_box3 .list li .won{display: inline-block; width:200px; height: 200px; border-radius: 50%; padding:30px 0;}
.s11_box3 .list li:nth-child(1) .won{background:#8cc63e; }
.s11_box3 .list li:nth-child(2) .won{background:#20af77; }
.s11_box3 .list li:nth-child(3) .won{background:#13547a; }
.s11_box3 .list li .won p{margin-top: 10px; font-size: 24px;color: #fff;}
.s11_box3 .list li .won p span{display: block;font-size: 18px;font-weight: 100;}
.s11_box3 .list li .con{margin-top: 20px; font-size: 16px;}


.s12_box1{}
.s12_box1 .hlist{ display:grid; grid-template-columns:1fr 1fr;}
.s12_box1 .hlist + .hlist{ margin-top: 180px;}
.s12_box1 .hlist img{transform: translateX(-100px); opacity:0; transition:all 1.2s;}
.s12_box1 .hlist.view img{transform: translateX(0px); opacity:1;}

.s12_box1 .hlist .text{position: relative;text-align: left;}
.s12_box1 .hlist .text dl{padding: 90px 0 0 195px; vertical-align: top;}
.s12_box1 .hlist .text dl::before{ content: ''; width: 1px; position: absolute; top: 0; bottom: -400px; left: 108px; background-color: #dbdbdb;}
.s12_box1 .hlist .text dl dt{font-size: 50px; font-weight: 600; color: #000; font-family: 'Montserrat', 'Noto Sans KR'; margin-bottom: 50px;}
.s12_box1 .hlist .text dl dt::before{ content: ''; position: absolute; top:114px; left:99px; background-color: #fff; display: block; width: 17px; height: 17px; border: #ff2929 1px solid; border-radius: 50%; display: block;}
.s12_box1 .hlist .text dl dt::after{ content: ''; display: block; width: 7px; height: 7px; border-radius: 50%; background-color:#ff2929; position: absolute; top: 120px; left: 105px;}
.s12_box1 .hlist .text dl dd{font-size: 18px; margin-bottom: 30px;}
.s12_box1 .hlist .text dl dd p{font-size: 18px; margin-bottom: 5px;}
.s12_box1 .hlist .text dl dd strong{font-size: 18px; color: #000; font-family: 'Montserrat', 'Noto Sans KR';}
.s12_box1 .hlist:last-child dl::before{ bottom: 0; }
.s12_box1 .hlist:last-child dl::after{ content: ''; position: absolute; bottom: 0; left: 105px; width: 7px; height: 7px; background-color: #dbdbdb; display: block; border-radius: 50%;}

.s12_box2{margin-top: 150px; height: auto; background:url(../kor/img/s12_box2_bg.jpg)no-repeat center/cover; padding-bottom: 100px;}
.s12_box2 .wrap{}
.s12_box2 .wrap ul{text-align: center;}
.s12_box2 .wrap ul li{display:inline-block; width:440px; height: 280px; background: #fff;  padding:40px; margin:0 20px 40px;}
.s12_box2 .wrap ul li img{}
.s12_box2 .wrap ul li .text{margin-top:20px;}
.s12_box2 .wrap ul li .text strong{font-size: 19px;color: #000;}
.s12_box2 .wrap ul li .text p{font-size: 15px; color: #494949;margin-top: 10px;}


.s13_box{}
.s13_box .wrap{}
.s13_box .wrap .listw{display:grid; grid-template-columns:1fr 1fr; grid-gap: 40px;border-bottom: 1px solid #eee; padding-bottom: 50px;}
.s13_box .wrap .listw + .listw{margin-top:50px;}
.s13_box .wrap .listw .list{display:grid; grid-template-columns:220px 1fr; grid-gap:40px;}
.s13_box .wrap .listw .list img{}
.s13_box .wrap .listw .list .text{text-align: left;}
.s13_box .wrap .listw .list .text .no{font-size: 18px; color: #004a80;}
.s13_box .wrap .listw .list .text .title{height: 100px; font-size: 28px; color: #222; font-weight: 600;line-height: 1.2; margin-top:10px;}
.s13_box .wrap .listw .list .text .con{}
.s13_box .wrap .listw .list .text .con li{display: block;font-size: 18px; margin-bottom: 10px;}
.s13_box .wrap .listw .list .text .con li span:nth-child(1){display: inline-block; width: 120px; color: #222;}
.s13_box .wrap .listw .list .text .con li span:nth-child(2){display: inline-block;}



.table {
    margin-bottom: 10px;
    width: 100%;
    border-collapse: collapse;
    background-color: transparent;
	border-spacing: 0;
    table-layout: fixed;
    display: table;
	word-wrap: break-word;
    border-bottom: 1px solid #ccc;
	text-align: center;
}

caption, legend {
    overflow: hidden;
    position: relative;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.table thead th {
    background-color: #23408e;
    color: #fff;
	padding: 15px 10px;
    font-size: 18px;
    border-bottom: 1px solid #dbdbdb;
    font-weight: 400;
	margin-left: -1px;
    word-wrap: break-word;
	word-break: keep-all;
	vertical-align: middle;
}
.table td{
	font-size: 16px;
    letter-spacing: -0.02em;
    margin-left: -1px;
    padding: 15px;
    border-left: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #e9ecef;
    word-wrap: break-word;
    word-break: break-all;
    word-break: keep-all;
    color: #555;
	vertical-align: middle;
}

.table td span{display:none; margin-right:10px; font-weight:500; padding-right: 10px; border-right: 1px solid #ccc; color:#222;}

.table td.text-left{text-align:left;}
.table td:last-child{border-right: none;}
.table[data-rwdb=yes] tbody td {border-left: none;}





.s14_box1{padding:0 20px 150px;}
.s14_box1 .pci{display:inline-block;}
.s14_box1 .tab{display:none;}
.s14_box1 .mo{display:none;}


.s15_box1{}
.s15_box1 .wrap{}
.s15_box1 .wrap .mapbox{background: #222; height: 540px;}
.s15_box1 .wrap .mapbox_text{position:relative; margin-top:-80px;width:1180px; _height: 200px; display: inline-block;display:inline-grid; grid-template-columns:384px 1fr; z-index:90;}
.s15_box1 .wrap .mapbox_text .box1{padding:80px 0px;background: #103178;}
.s15_box1 .wrap .mapbox_text .box2{display:grid; grid-template-columns:310px 1fr 1fr; background: #22448b; padding:80px 40px; color: #fff;text-align: left; }
.s15_box1 .wrap .mapbox_text .box2 .title{font-weight: 200; text-transform: uppercase; font-size: 18px; }
.s15_box1 .wrap .mapbox_text .box2 .con{font-size: 18px; margin-top: 10px;}
.s15_box1 .wrap .root_daum_roughmap{width:100%!important;}

.s21_box1{display:grid; grid-template-columns:970px 1fr;}
.s21_box1 img{}
.s21_box1 .text{position: relative; width: 600px; padding-left: 60px; padding-top:130px; text-align: left;}
.s21_box1 .text dl{}
.s21_box1 .text dl dt{position: relative; font-weight: 600; font-size: 46px; color:#222;  margin-bottom: 40px;}
.s21_box1 .text dl dt::after{content: "";position: absolute; top:100%; transform: translateY(10px);left: -200px; width:800px; height: 2px; background: #52ae25;}
.s21_box1 .text dl dt span{display: block; color:#d1d1d1; font-size: 18px; margin-bottom: 20px;}
.s21_box1 .text dl dd{font-size: 18px; margin-bottom: 30px; color: #666;}
.s21_box1 .text dl dd strong{color: #222; line-height: 2;}


.s21_box2{}
.s21_box2 ul{padding:150px 0;}
.s21_box2 ul li{width: 350px; height: 350px; border: 1px solid #cecece; border-radius: 50%; margin:0 40px; padding: 60px 0;}
.s21_box2 ul li img{}
.s21_box2 ul li .text{margin-top: 30px;}
.s21_box2 ul li .text .title{font-size: 24px;color: #333; }
.s21_box2 ul li .text .sub{font-size: 18px;color: #666; }

.s21_box3{background: #f7f7f7; padding-bottom:150px;}
.s21_box3 .wrap{width:1280px;}
.s21_box3 .list{overflow: hidden; }
.s21_box3 .list + .list{margin-top: 120px;}
.s21_box3 .list1 .img{width: 590px; float: left;}
.s21_box3 .list2 .img{width: 590px; float: right;}
.s21_box3 .list1 .text{padding-left:100px; text-align:left; float: left;}
.s21_box3 .list2 .text{padding-right:100px; text-align:right; float: right;}
.s21_box3 .list .text{padding-top: 20px;}
.s21_box3 .list .text .no{font-size: 56px;color: #014099;}
.s21_box3 .list .text .title{font-size: 36px; font-weight: 600; margin-top:10px;}
.s21_box3 .list .text .sub{font-size: 18px; margin-top: 40px;}

.s23_box1{padding:0px 40px 150px;}

.s24_box2{padding:150px 0 80px;;}
.s24_box2 .pci{display: inline-block;}
.s24_box2 .mo{display: none;}

.s24_box3{}
.s24_box3 .img{}
.s24_box3 .text{position: relative; height:100px;  margin-top:100px;}
.s24_box3 .text .list{position: absolute; top:0; height:60px; line-height: 60px;  border-radius: 30px; color: #fff; font-size: 18px;}
.s24_box3 .text .list:nth-child(1){width:420px; left:0; background: #68c5e8; z-index: 2;}
.s24_box3 .text .list:nth-child(2){width:250px; left:380px; background: #1d8be0; z-index: 3;}
.s24_box3 .text .list:nth-child(3){width:440px; left:570px; background: #1d66e0; z-index: 4;}
.s24_box3 .text .list:nth-child(4){width:440px; left:960px;; background: #1d39e0; z-index: 5;}

.s24_box4{margin-top: 180px; background:url(../kor/img/s24_box4_bg.jpg)no-repeat center/cover; padding:100px 0;}
.s24_box4 ul{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap:30px; justify-content:space-between; justify-content: stretch; }
.s24_box4 ul li{}
.s24_box4 ul li .img{}
.s24_box4 ul li .text{color: #fff;}
.s24_box4 ul li .text .title{font-size: 60px; font-weight: 600;}
.s24_box4 ul li .text .title span{font-size:16px; vertical-align: baseline; font-weight: 200; margin-left: 5px;}
.s24_box4 ul li .text .sub{font-size:16px;}

.s31_box1{}
.s31_box1 .img{position: relative;}
.s31_box1 .img .title{position: absolute; top:50px; left:0;width: 100%; text-align: center;}
.s31_box1 .img .title span{font-size: 22px; margin:20px;}
.s31_box1 .img .title span .fas{font-size: 50px; margin-left:30px;vertical-align: middle;}
.s31_box1 .img .title span:nth-child(1) .fas{color: red}
.s31_box1 .img .title span:nth-child(2) .fas{color: blue}
.s31_box1 .text{margin-top: 100px;}
.s31_box1 .text .box{position: relative; height: 150px; display: inline-block;}
.s31_box1 .text .box:before{content: "";position: absolute; top:50%; left:0px; width:98%; height: 2px; background: #ddd;z-index: -1;}
.s31_box1 .text .box span{display:none;}
.s31_box1 .text .box:nth-child(1){width: 410px;}
.s31_box1 .text .box:nth-child(2){width: 210px;}
.s31_box1 .text .box:nth-child(3){width: 340px;}
.s31_box1 .text .box:nth-child(4){width: 385px;}
.s31_box1 .text .box .won{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 140px; height: 140px; border-radius: 50%; }
.s31_box1 .text .box .won p{color: #fff; font-size: 16px; position: absolute; top: 50%; left: 0%; width:100%; transform: translateY(-50%);}
.s31_box1 .text .box:nth-child(1) .won{background-color: #68c5e8;}
.s31_box1 .text .box:nth-child(2) .won{background-color: #68a7e8;}
.s31_box1 .text .box:nth-child(3) .won{background-color: #1d8be0;}
.s31_box1 .text .box:nth-child(4) .won{background-color: #1d66e0;}

.s31_box2{margin-top: 100px;}
.s31_box2 ul{display:inline-grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap: 20px;}
.s31_box2 ul li{position: relative; border:1px solid #ddd; border-radius: 30px; padding:10px; padding-left: 30px;}
.s31_box2 ul li .no{position: absolute; top:5px;left: 5px; width: 30px; height: 30px; background: #666; color: #fff; border-radius: 50%; font-size: 14px; line-height: 30px;}
.s31_box2 ul li p{font-size: 16px;}

.s31_box3{margin-top: 180px; background:url(../kor/img/s31_box3_bg.jpg)no-repeat center/cover; padding-bottom: 150px;}
.s31_box3 .stitle{color: #fff;}
.s31_box3 ul{display:inline-grid; grid-template-columns:1fr 1fr; grid-gap:40px;}
.s31_box3 ul li{position: relative; padding:60px 80px; padding-left: 200px; background: #fff; border-radius: 10px;}
.s31_box3 ul li img{position: absolute; top: 60px; left:60px;}
.s31_box3 ul li .text{text-align: left;}
.s31_box3 ul li .text .title{font-size: 20px; color: #333;}
.s31_box3 ul li .text .sub{font-size: 15px; margin-top: 20px; line-height: 1.6; text-align: justify;}





.s32_box1{}
.s32_box1 .img{}
.s32_box1 ul{margin-top: 100px;display:inline-block; }
.s32_box1 ul li{width: 220px; height: 220px; border-radius: 50%; padding-top:50px; margin:0 10px;}
.s32_box1 ul li:nth-child(1){background-color: #68c5e8;}
.s32_box1 ul li:nth-child(2){background-color: #68a7e8;}
.s32_box1 ul li:nth-child(3){background-color: #1d8be0;}
.s32_box1 ul li:nth-child(4){background-color: #1d66e0;}
.s32_box1 ul li:nth-child(5){background-color: #1d39e0;}
.s32_box1 ul li .title{font-size: 30px; font-weight: 600; color: #fff;}
.s32_box1 ul li .sub{font-size: 18px; margin-top: 20px;color: #fff; padding:0 10px;}

.s32_box3{margin-top:150px; background: #eee;padding-bottom: 150px;}
.s32_box3 .list{display:inline-grid; grid-template-columns:1fr 1fr 1fr; grid-gap:50px;}
.s32_box3 .list li{background: #fff;border-radius: 10px; overflow: hidden;}
.s32_box3 .list li .img{}
.s32_box3 .list li .text{padding:30px 40px; text-align: left;}
.s32_box3 .list li .text .title{font-size: 20px; color: #333;}
.s32_box3 .list li .text .sub{font-size: 15px; margin-top: 10px; line-height: 1.6;}

.s33_box{background: #f7f7f7; padding:100px 0 150px;}
.s33_box .list{overflow: hidden; }
.s33_box .list + .list{margin-top: 40px;}
.s33_box .list1 .img{width: 590px; float: left;}
.s33_box .list2 .img{width: 590px; float: right;}
.s33_box .list1 .text{padding-left:100px; text-align:left; float: left;}
.s33_box .list2 .text{padding-right:100px; text-align:right; float: right;}
.s33_box .list .text{width:50%; padding-top: 130px;}
.s33_box .list .text .no{color:#d1d1d1; font-size: 18px; margin-bottom: 20px;}
.s33_box .list .text .title{font-weight: 600; font-size: 46px; color:#222;  margin-bottom: 40px;}
.s33_box .list .text .sub{font-size: 18px;  color: #666;  line-height: 1.6;}



.s41_box1{background: #f7f7f7; padding:100px 20px;}
.s41_box1 .wrap{display:inline-grid; grid-template-columns:1fr 1fr; grid-gap:50px;}
.s41_box1 .wrap .con{position: relative; background:#e6e8eb; border:1px solid #cad0d8; border-radius: 20px; padding: 40px;}
.s41_box1 .wrap .con .title{position: absolute; top:-30px; left: 50%; transform: translateX(-50%); display:inline-block; font-size: 18px;  color: #fff; background: #0089d0; border-radius: 30px; padding: 10px 50px; }
.s41_box1 .wrap .con.con2 .title{background: #2359a6;}
.s41_box1 .wrap .con .list{}
.s41_box1 .wrap .con .list ul{}
.s41_box1 .wrap .con .list ul li{display: block;}
.s41_box1 .wrap .con .list ul li + li{margin-top:15px;}
.s41_box1 .wrap .con .list ul li span{display:inline-block; background: #fff;border:1px solid #cad0d8; border-radius:10px;font-size: 16px; padding:20px; height:60px;}
.s41_box1 .wrap .con .list ul li .s1{width:70%; margin-right:2%;}
.s41_box1 .wrap .con .list ul li .s2{width:28%;}


.s41_box2{}
.s41_box2 .wrap{padding:0 20px;}
.s41_box2 .wrap ul{border-top:2px solid #a3a3a3;text-align: left;}
.s41_box2 .wrap ul > li{border-bottom:2px solid #f4f4f4;display:grid; grid-template-columns:230px 1fr; grid-gap:50px;text-align: left; padding:40px 0;}
.s41_box2 .wrap ul > li .img{}
.s41_box2 .wrap ul > li .text{}
.s41_box2 .wrap ul > li .text .title{font-size:24px;  color: #333; margin-bottom: 20px;}
.s41_box2 .wrap ul > li .text .title span{color:#2359a7;font-weight: 600;}
.s41_box2 .wrap ul li .text .con{}
.s41_box2 .wrap ul li .text .con ol{}
.s41_box2 .wrap ul li .text .con ol li{position: relative; padding-left:15px; font-size: 16px;  color: #828282; display: block;margin-bottom: 10px;}
.s41_box2 .wrap ul li .text .con ol li:after{content: "•"; display: block; position: absolute; left: 0; top:0;  color:#2359a7;}



.s53_boxw{background:#f3f3f3; padding:100px 0 0;}
.s53_boxw .s53_box{margin-bottom:80px;}
.s53_boxw .s53_box:last-child{margin-bottom:0;}
.s53_boxw .s53_box .title{font-size: 24px; color:#262626;}
.s53_boxw .s53_box ul{ margin-top:40px; }
.s53_boxw .s53_box ul li{margin:0 10px 70px;}
.s53_boxw .s53_box ul li .box{position: relative; display:inline-block; width:190px; height:190px; background: #fff;  border-radius: 50%; border:1px solid #cfcfcf;}
.s53_boxw .s53_box ul li .box img{position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}
.s53_boxw .s53_box ul li p{height:80px; font-size: 17px; color: #666; padding:10px;}




/* contactus */
legend, caption { display: none;}
#sub.contactus .tb-type01 {border-top:1px solid #333;}
#sub.contactus .tb-type01 table{table-layout: fixed;width:100%;}
#sub.contactus .tb-type01 table .asterix{color:#c90000;vertical-align: middle;margin-left:4px;}
#sub.contactus .tb-type01 table tbody tr{border-bottom:1px solid #ddd;font-size: 0;}
#sub.contactus .tb-type01 table tbody tr th{font-size:18px;font-weight:500;color:#333;padding:35px 30px;background:#f7f7f7;text-align: left;}
#sub.contactus .tb-type01 table tbody tr td{padding:20px 22px; text-align: left;}
#sub.contactus .tb-type01 table tbody tr:nth-of-type(2) td input + input{margin-left:10px;}
#sub.contactus .tb-type01 table tbody tr:nth-of-type(4) td select{margin-left:10px;}
#sub.contactus .tb-type01 table tbody tr:nth-of-type(5) td select + select{margin-left:10px;}
#sub.contactus .tb-type01 .dash, #sub.contactus .tb-type01 .at{margin:0 10px;font-size:16px;}
#sub.contactus .tb-type01 input::placeholder{font-weight:350;color:#aaa;}
#sub.contactus .tb-type01 input,select{font-size:16px;color:#666;border:1px solid #ddd;height:50px;padding-left:18px;}
#sub.contactus .tb-type01 select::-ms-expand {display: none;}
#sub.contactus .tb-type01 input.ipt-w-100p{width:100%;}
#sub.contactus .tb-type01 input.ipt-w-380{width:100%;}
#sub.contactus .tb-type01 input.ipt-w-200{width:280px;}
#sub.contactus .tb-type01 input.ipt-w-230{width:230px;}
#sub.contactus .tb-type01 input.ipt-w-180{width:180px;}
#sub.contactus .tb-type01 select{background:url('/images/sel-down.png')#fff no-repeat center right 5.5%;-webkit-appearance: none; appearance: none}
#sub.contactus .tb-type01 select.sel-w-230{width:230px;}
#sub.contactus .tb-type01 select.sel-w-280{width:280px;}
#sub.contactus .tb-type01 select.sel-w-345{width:345px;}
#sub.contactus .tb-type01 textarea{width:100%;color:#666;border:1px solid #ddd;}
#sub.contactus .tb-type01 textarea.txt-cont{width:100%;height:200px;padding:20px;}
#sub.contactus textarea.txt-rd{width:100%;height:250px;padding:30px; font-weight: 300;}
#sub.contactus .agree-paragraph{text-align: center;margin:25px 0 75px;}
#sub.contactus .agree-paragraph .chk-wrapper > *{display: inline-block;vertical-align: middle;}
#sub.contactus .agree-paragraph .chk-wrapper label{font-size:18px;color:#333;}
#sub.contactus h3{font-size:24px;font-weight: 500;color:#333;margin:54px 0 14px;}
#sub .btn-default-01{font-size:18px;font-weight:500;display:block;width:250px;height:60px;background:#014099;color:#fff;margin:0 auto;}
button {border: 0;cursor: pointer;width: auto;overflow: visible;}


#pageNavi { clear:both; margin:0 auto; width:100%; text-align:center; padding:10px 0 10px 0; }
.pagination {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem; font-size: 15px; }
.page-link { position: relative; display: inline-block; padding: .5rem .95rem; margin-left: -1px; line-height: 1.13; color: #4c4c4c; background-color: #fff; border: 1px solid #ddd;}
.page-item:first-child .page-link { margin-left: 0; border-bottom-left-radius: .25rem; border-top-left-radius: .25rem;}
.page-item.on .page-link, .page-link:hover{ background: #F9F9F9; color: #333333; line-height: 1.13; font-weight: 700; }

.page-item:last-child .page-link { border-bottom-right-radius: .25rem; border-top-right-radius: .25rem;}
ul.pagination::after { display: block; content: ""; clear: both;}
.justify-content-center { -webkit-box-pack: center!important; -webkit-justify-content: center!important; -ms-flex-pack: center!important; justify-content: center!important;}




@media (max-width:1600px) {

.s21_box1{grid-template-columns: 60% 1fr;}
.s21_box1 .text{width: auto;  padding-top: 30px; padding-right: 20px;}

}


@media (max-width:1460px) {

.s13_box .wrap .listw .list .text .title{font-size: 24px;}
.s13_box .wrap .listw .list .text .con li{font-size: 16px;}

.s24_box3{padding:60px 20px;}
.s24_box3 .text .list{position: relative; top: auto; width: 30%; float: left;}
.s24_box3 .text .list:nth-child(1){width:30%;left: auto; }
.s24_box3 .text .list:nth-child(2){width:18%;left: auto; }
.s24_box3 .text .list:nth-child(3){width:28%;left: auto; }
.s24_box3 .text .list:nth-child(4){width: 30%;left: auto; }
.s24_box3 .text .list + .list{margin-left: -30px;}

.s31_box1 .text .box:nth-child(1){width: 28%;}
.s31_box1 .text .box:nth-child(2){width: 18%;}
.s31_box1 .text .box:nth-child(3){width: 26%;}
.s31_box1 .text .box:nth-child(4){width: 26%;}	

.s32_box1{padding:0 20px;}

}


@media (max-width:1300px) {

.s21_box3 .wrap{width:100%;}
.swrap{width:100%;}

}


@media (max-width:1200px) {
.svisual{height: 350px;}	
.svisual .title {font-size: 34px;}
.stitle, .s11_box3 .stitle {padding:80px 0; font-size: 28px;}

.s11_box1{padding:0 40px;}
.s11_box1 .wrap{height: 250px;}	
.s11_box1 .wrap p{font-size: 24px;}
.s11_box2{display: inline-grid; grid-template-columns:1fr;padding:0 40px;}
.s11_box2{width: 100%;  padding: 40px;}
.s11_box3 .list{width: 100%;   padding: 40px 20px;}

.s12_box1 .hlist .text dl {padding: 90px 0 0 100px;}	
.s12_box1 .hlist .text dl::before{left: 50px;}	
.s12_box1 .hlist .text dl dt::before{left: 41px;}
.s12_box1 .hlist .text dl dt::after, 
.s12_box1 .hlist:last-child dl::after{left: 47px;}	

.s15_box1 .wrap .mapbox_text{width: 100%; grid-template-columns: 40% 1fr; margin-top: 0;}	
.s15_box1 .wrap .mapbox_text .box1{padding:80px 20px;}

.s24_box3 .text .list{font-size: 16px;}
.s24_box4{margin-top: 80px;}
.s24_box4 ul{grid-gap:40px}
.s24_box4 ul li .text .title{font-size: 36px; margin-top: 10px;}
.s24_box4 ul li .text .sub{font-size: 14px; margin-top: 10px;}	

.s31_box2{padding: 0 20px;}
.s31_box2 ul{grid-template-columns: 1fr 1fr 1fr;}
.s31_box3 ul{padding: 0 20px;}
.s31_box3 ul li {position: relative;padding: 40px; padding-left: 160px;}	
.s31_box3 ul li img{left: 40px;}

.s32_box1 ul li{margin-bottom: 20px; width: 200px; height: 200px;}
.s32_box1 ul li .title {font-size: 26px;}
.s32_box1 ul li .sub {font-size: 16px;}

.s32_box3{padding: 0 20px 100px; margin-top:40px;}
.s32_box3 .list{grid-gap: 20px;}
.s32_box3 .list li .text{padding: 20px;}	
.s32_box3 .list li .text .title{font-size: 16px;}
.s32_box3 .list li .text .sub{font-size: 14px;}	

.s33_box{padding:60px 20px 100px; }
.s33_box .list + .list{margin-top:0px;}
.s33_box .list1 .img, .s33_box .list2 .img{width: 50%;}
.s33_box .list .text{padding:40px 20px 40px 40px;}
.s33_box .list .text .title{font-size: 30px; margin-bottom: 20px;}
.s33_box .list .text .sub{font-size: 15px;}





}


@media (max-width:1024px) {

.svisual .sub{padding: 0 40px;}
.s11_box2{margin-top:60px;}

.s11_box3 .list{display:block;height:auto;_border-radius: 50px;}
.s11_box3 .list li{margin:20px; margin-bottom:40px;}

.s12_box1 .hlist .text dl dt{font-size: 34px; margin-bottom: 30px;}
.s12_box1 .hlist .text dl dd p{font-size: 16px;}

.s13_box .wrap .listw{grid-template-columns: 1fr;}	
.s13_box .wrap .listw{border-bottom: none; padding-bottom: 0;}
.s13_box .wrap .listw .list{border-bottom: 1px solid #eee;     padding-bottom: 50px;}
.s13_box .wrap .listw .list .text .title{height: auto; margin-bottom: 30px;}
.s13_box .wrap .listw .list .text .con li span:nth-child(1){width: 95px;}	



.s14_box1 .pci{display:none;}
.s14_box1 .tab{display:inline-block; }
.s14_box1 .mo{display:none;}



.s15_box1 .wrap .mapbox_text .box2{grid-template-columns: 1fr;}
.s15_box1 .wrap .mapbox_text .box2 div{margin-bottom: 20px;}	

.s21_box1 {grid-template-columns: 1fr;}
.s21_box1 .text{padding:60px 40px;}
.s21_box1 .text dl dt::after{left: 0; width: 100%;}
.s21_box2 ul {padding:20px 0 100px;}
.s21_box2 ul li{width: 42%;height: 300px;border-radius: 20px; margin:0 2%;padding: 30px 0;}
.s21_box2 ul li .text .title{font-size: 20px;}
.s21_box2 ul li .text .sub{font-size: 16px;}

.s21_box3 .list + .list {margin-top: 80px;}
.s21_box3 .list .img{width:60%;}
.s21_box3 .list .text{width:40%;}
.s21_box3 .list1 .text{padding-left: 40px;}	
.s21_box3 .list2 .text{padding-right: 40px;}	
.s21_box3 .list .text .no{font-size: 22px;}
.s21_box3 .list .text .title {font-size: 26px;}
.s21_box3 .list .text .sub{margin-top: 20px; font-size: 16px;}
.s21_box1 .text dl dt{font-size: 32px;}
.s21_box2 ul li .text .title{font-size: 20px;}
.s21_box2 ul li .text .sub{font-size: 16px;}	

.s24_box2{padding:60px 20px 80px;}
.s24_box2 .pci{display: none;}
.s24_box2 .mo{display: inline-block;}		

.s31_box1 .img .title{top:0px;}
.s31_box1 .img .title span{font-size: 16px;}
.s31_box1 .img .title span .fas{font-size: 30px; margin-left:10px;}
.s31_box2 ul{grid-template-columns: 1fr 1fr;}
.s31_box2 ul li p{font-size: 14px;}


.s41_box1 .wrap{grid-template-columns:1fr; grid-gap:80px;}	


.s32_box1 ul li{border-radius:10px; padding-top:30px;}
}



@media (max-width:768px) {

.s11_box1 .wrap{padding:0px 20px;}
.s11_box1 .wrap p{left:0; width:100%;font-size: 20px; text-align:center;}

.s11_box3{margin-top:100px; padding: 0 20px 50px;}
.s11_box3 .list li .won p{font-size: 18px;}
.s11_box3 .list li .con{font-size: 14px;}




.s12_box2 .wrap ul li .text p {font-size: 14px;}

.s12_box1 .hlist .text dl{padding: 20px 0 0 100px;}
.s12_box1 .hlist{grid-template-columns: 1fr;}
.s12_box1 .hlist .text dl::before{z-index: -1;}
.s12_box1 .hlist .text dl dt::before{top:34px;}
.s12_box1 .hlist .text dl dt::after{top:40px;}
.s12_box1 .hlist + .hlist {margin-top: 80px;}

.s24_box3 .text{margin-top: 60px;}
.s24_box3 .text .list{font-size: 14px;}
.s24_box3 .text .list + .list{margin-left:-5px;}
.s24_box3 .text .list:nth-child(3){width:24%;}

.s32_box1 ul li {margin-bottom: 20px;width: 170px;height: 170px;}
.s32_box1 ul li .sub{margin-top: 10px;}
.s31_box3 ul{grid-template-columns: 1fr;}
.s31_box2 ul li{border-radius: 5px;}
.s32_box3 .list{grid-template-columns:1fr 1fr;}

.s33_box .list1 .img, .s33_box .list2 .img, .s33_box .list .text{width: 100%;float:none; text-align: left;}
.s33_box .list .text{padding:40px 0;}	
.s33_box .list .text .no {font-size: 14px;margin-bottom:10px;}
.s33_box .list .text .title {font-size: 24px;margin-bottom: 15px;}	


.snav .snavin .home span{display:none;}
.snav .snavin{width: 100%;}
.snav .snavin .home .fa{font-size: 22px;margin-right: 0;}
.snav .snavin .home{width:45px;}
.snav .snavin .home p{line-height:45px;}
.snav_list1w{width: 40%;}
.snav_list2w{width: 45%;}
.snav .snavin .home .fa {font-size: 18px;}
.snav_list2w .snav_list_title{border-right: none; _height:40px;}

.s41_box2 .wrap ul > li {grid-template-columns: 150px 1fr;}

.s11_box2 .text .name span{display:block; margin-top:20px; margin-left:-5px;}
#tectblbox{padding:0 20px;}
.table{border-top: 4px solid #23408e;}

.table[data-rwdb=yes] tbody td { border-left: none;}

.table td {
    display: block;
    width: 100%;
    padding: 8px 10px;
    border: none;
    text-align: left;
    box-sizing: border-box;
    word-break: keep-all;
    word-wrap: break-word;
    border-bottom: 1px dashed #ccc;
}

.table tr{display: block; width:100%;   padding: 10px;    border-bottom: 1px solid #d9d9d9;}
.table tr:nth-child(odd) {background: #f8f8f8;}
.table colgroup{display: none;}
.table thead{display:none;}
.no-more-tables .table-default [data-cell-header]:before {
    content: attr(data-cell-header);
    display: inline-block;
    min-width: 15%;
    margin-right: 15px;
    padding-right: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #222;
    border-right: 1px solid #ccc;
}
.table tr td:last-child {
    border-bottom: none;
}
.table td span{display:inline-block; }
}




@media (max-width:600px) {
.br{display:none;}
.svisual .title {font-size: 26px;}

.s11_box1 {padding: 0 20px;}
.s11_box1 .wrap {height: 180px;}
.s11_box1 .wrap p{font-size: 17px; line-height:1.6;}

.s11_box3 .list{border:none;  background:none; padding:0;}
.s11_box3 .list li .con{background: rgba(255,255,255,0.6); margin:0; padding:30px 20px;}
.s11_box3 .list li{display:block; border-radius: 10px;  overflow: hidden;}
.s11_box3 .list li .won{width:100%; height:auto;     border-radius: 0%;}
.s11_box2 { margin-top: 0;}

.s14_box1 .pci{display:none;}
.s14_box1 .tab{display:none; }
.s14_box1 .mo{display:inline-block;}


.stitle, .s11_box3 .stitle{ padding: 60px 0 40px; font-size: 20px;}
.s13_box .wrap .listw .list .text .title {font-size: 20px;}
.s15_box1 .wrap .mapbox_text{grid-template-columns:1fr;}
.s15_box1 .wrap .mapbox_text .box1{padding:40px; text-align: left;}

.s21_box3 .list .img{width: auto;  float:none;}
.s21_box3 .list .text{float:none; width: 100%; text-align: left; padding:20px;}
.s21_box1 .text dl dt {font-size: 26px;}
.s21_box1 .text dl dt span{font-size: 16px;}

.s31_box1 .text {margin:40px 20px;    display: grid; grid-template-columns: 1fr 1fr;    grid-gap: 10px;}
.s31_box1 .text .box{height: auto;}
.s31_box1 .text .box span{display:inline-block; color:#fff; margin-bottom:5px;}
.s31_box1 .text .box .won{width:100%; height:100%; border-radius: 10px; padding:15px;}
.s31_box1 .text .box .won, .s31_box1 .text .box .won p{position:relative; top:auto; left:auto; transform:none;font-size: 14px; }
.s31_box1 .text .box:before{display:none;}
.s31_box1 .text .box:nth-child(1){width: 100%;}
.s31_box1 .text .box:nth-child(2){width: 100%;}
.s31_box1 .text .box:nth-child(3){width: 100%;}
.s31_box1 .text .box:nth-child(4){width: 100%;}	
.s31_box2{margin-top:20px; padding:0px 20px 60px; }
.s31_box2 ul li{background:#fff;}
.s31_box3{margin-top:0;}

.s41_box1 .wrap .con .title{width:80%;}
.s53_boxw{padding:60px 20px;}
.s53_boxw .s53_box .title {font-size: 20px;}
.s41_box1 {padding: 80px 20px;}
.s21_box1 .text dl dd {		font-size: 16px;}
.s21_box1 .text {    padding: 30px 20px;}	
.s21_box3{padding-bottom: 100px;}
.s21_box3 .list .text .title {font-size: 22px;}
.s24_box4 {margin-top: 20px;}
.s24_box2 {padding:20px;}
.s24_box4{padding: 60px 0;}
.s15_box1 .wrap .mapbox_text .box2{padding: 40px;}
#sub.contactus .tb-type01 table tbody tr th{font-size: 15px;}
#sub.contactus .tb-type01 input.ipt-w-180 { width: 27%;}
#sub.contactus .tb-type01 input.ipt-w-230{ width: 61%;}
#sub.contactus .tb-type01 select.sel-w-230{ width: 100%; margin-top:10px;}
}



@media (max-width:500px) {
.svisual .sub, .s11_box1 .wrap p, .s11_box2 .text .name{font-size: 13px;}
.s11_box2 .text{font-size: 14px; }


.snav_list_title{font-size: 14px; padding-left: 10px; padding-right:30px;}
.snav_list1_open, .snav_list2_open{right:10px;}
.s12_box2 .wrap ul li{display: block; width:auto; height: auto; margin: 0 10px 20px;}	
.s21_box2 ul li{width: auto; height: auto; margin-bottom: 20px; display: block;}

.s24_box4 ul{display: inline-grid;grid-template-columns: 1fr 1fr;grid-gap:40px 80px;}
.s24_box3 .text .list{padding:15px 5px; line-height: 1.4; height:70px;}
.s24_box3 .text .list + .list{margin-left:-5px;}
.s24_box3 .text .list:nth-child(3){width:24%;}

.s32_box3 .list {grid-template-columns: 1fr;}

.s41_box1 .wrap .con .list ul li span{font-size: 14px; padding:20px 5px;}	
.s41_box2 .wrap ul > li {grid-template-columns:1fr;grid-gap:30px;}
.s41_box2 .wrap ul > li .img{text-align: center;}
.s41_box2 .wrap ul > li .text .title {font-size: 22px; color: #333; margin-bottom: 10px;}

.s53_boxw .s53_box ul li{width: 43%; margin: 0 10px 10px;}
.s53_boxw .s53_box ul li .box {width: 140px; height: 140px;}
	.s53_boxw .s53_box ul li .box img{max-width: 100px;}
.s53_boxw .s53_box ul li p {height: 70px; font-size: 15px; }

.snav_list1, .snav_list2{margin-top: 54px}


.snav{height:65px;}
.snav .snavin a{ height: 40px; font-size:13px;}

.snav_list1_open, .snav_list2_open{top: 14px;}
.snav_list1 li, .snav_list2 li{padding-left:10px;}
.s32_box1 ul li .title {font-size: 22px;}
.s21_box1 .text dl dd, .s32_box1 ul li .sub {font-size: 14px;}
.s31_box1 .img .title span {    font-size: 14px;    margin: 10px;}
.s31_box2 ul li{padding-left:33px;}
.s31_box2 ul li p{text-align:left; }
.s31_box2 ul{grid-gap: 10px;}
.s31_box2 ul li .no {top: 8px;width: 25px;height: 25px;font-size: 12px;line-height: 25px;}

}



@media (max-width:420px) {


.s32_box1 ul li {margin-bottom: 10px;width: 100%;height: auto;padding:0; padding: 10px 0 15px; border-radius:10px;}
.snav .snavin a{padding:5px 0;}


}