@charset "utf-8"; 
@import url(bbs.css); 


/* common */


/* ---------------------------------- */

.box-style1{padding:20px 25px; margin-bottom: 45px; background:#F4F6FD; border-radius:0; color: #333; line-height: 180%; font-size: 1.1rem;  letter-spacing: -.5px;}

.h4-style1{margin-top: 50px; margin-bottom: 30px; font-size: 25px; color: #3056a6; font-weight: 600;}
.h4-style1 small{color: #333;}

.h5-style1{margin-top: 30px; margin-bottom: 15px; font-size: 20px; color: #3056a6; font-weight: 600;}

.bullet{position: relative;	padding-left: 13px; }
.bullet::before{content: '·'; position: absolute; left: 0; top: 0; font-weight: 600;}

.ul-style1 { margin: 0 0 0 20px; padding:0;  }
.ul-style1 li {list-style: circle; text-align: left !important; line-height: 180%; margin-bottom: 10px; }

.ol-style1 { margin: 0 0 0 20px; padding:0;  }
.ol-style1 li { text-align: left !important; line-height: 180%; margin-bottom: 10px; }
.ol-style1 li ul li { text-align: left !important; line-height: 180%; margin-bottom: 10px; }

.ul-table2 { margin:0; padding:0; list-style:none; border-top:2px solid #000; display:block; overflow:hidden; }
.ul-table2>li { margin:0; padding:20px 25px; width:50%; display:block; float:left; border-bottom:1px solid #d7d7d7; height:200px; position:relative; }
.ul-table2>li .img { position:absolute; left:25px; top:40px; }
.ul-table2>li .text { padding:20px 0 0 150px; }
.ul-table2>li .text h4 { color:#3056a6; font-weight: 700; font-size: 1.2rem;}
.ul-table2>li:nth-child(odd) { border-right:1px solid #d7d7d7; }
@media (max-width: 991px) {
.ul-table2>li { width:100%; float:none; height:auto; min-height:240px; }
.ul-table2>li:nth-child(odd) { border-right:0; }
}
@media (max-width: 421px) {
.ul-table2>li .img { display:none; }
.ul-table2>li .text { padding:0; }
.ul-table2>li { width:100%; float:none; height:auto; min-height:auto; }
}



.process{display: flex; justify-content: space-between;}
.process .p-box{ padding:20px; position: relative; text-align: center; border-radius: 20px; background: #d6e2f7;  }
.process .p-box::before{content: ''; position: absolute; top: 50%; left:0; margin-left: -40px; transform: translateY(-50%); width: 35px; height: 35px; background: url('/assets/img/chevron-right.svg') no-repeat left top; background-size: 100%;}
.n4 .p-box{width: 22%;}
.n5 .p-box{width: 17%;}
.process .p-box:first-child::before{display: none;}

.process .p-box .num{ display: inline-block; margin: 0 auto 22px; padding: 5px 20px; font-size: 15px; font-weight: 700;line-height: 20px; color: #012d84; background: #fff; border-radius: 50px;	border: 1px solid #90a9db;	}
.process .p-box .tit{ margin-bottom: 15px; 	font-size: 17px; font-weight: 600;	color: #012d84; line-height: 150%;	}
.process .p-box .tit small{display: block; font-size: 0.9rem;}


@media (max-width: 1023px){
  .process {flex-direction: column; align-items: center; }

  .process .p-box { width: 100%; /* 예시로 너비 조절 */  margin-bottom: 50px; /* 요소 간 간격 설정 */ }

  .process .p-box::before {top: 0; left: 50%; margin-top: -30px; margin-left: 0; transform: translateY(-50%) translateX(-50%) rotate(90deg);  }
  .process .p-box .tit br{ display: none;}	  
}

.photo-swiper-row2 {overflow: hidden !important; margin-bottom: 30px;}
.photo-swiper-row2 .item { overflow: hidden; } 
.photo-swiper-row2 .bg-img { height: 320px; border-radius: 15px; } 
.photo-swiper-row2 .bg-img h4 { color: #fff; font-size:35px; position: absolute; bottom: 45px; right: 45px; } 

.photo-swiper-row3 {overflow: hidden !important; margin-bottom: 30px;}
.photo-swiper-row3 .item { overflow: hidden; } 
.photo-swiper-row3 .bg-img { height: 300px; border-radius: 15px;  } 
.photo-swiper-row3 .bg-img h4 { color: #fff; font-size:35px; position: absolute; bottom: 45px; right: 45px; } 

@media (max-width: 1020px) { 
.photo-swiper-row2 .bg-img { height: 250px; } 
.photo-swiper-row3 .bg-img { height: 250px; } 
}

/* ---------------------------------- */


h3.content-title{color:#222529; font-size:38px; font-weight:500; letter-spacing:-0.6px; text-align: center; margin-bottom: 80px; display: block; width: 100%;}



h4.h4Style1 {border-top: 2px solid #7f7f7f; position: relative; padding: 35px 0 35px 87px; font-size: 27px; font-weight: 600; color: #222; letter-spacing: -0.25px; line-height: 1.3;}

h4.h4Style1:before {content: ""; position: absolute; top: 50%; margin-top: -15px; left: 40px; width: 36px;  height: 31px; background: url(/assets/img/title-icon.png) center/contain no-repeat;}

h4.h4Style2{font-weight:500; font-size:28px; color:#222; margin-top: 0; text-align: left; padding-bottom:15px; margin-bottom:30px; border-bottom:1px dashed #ccc;}



.ulStyle1 { text-align: left;  margin: 0;}

.ulStyle1 li{list-style: circle; text-align: left !important; line-height: 250%;}



.ulStyle4 { clear:both; margin:0; padding:40px 40px; list-style:none; overflow:hidden; background:#f6f6f6; }

.ulStyle4 li { margin:0; padding:15px 0 15px 30px; background:url(/img/iconUl.gif) no-repeat left 25px; border-bottom:1px dotted #c6c6c6; font-size: 17px;  }



.gray-box {padding: 50px 40px; background-color: #f5f7f9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.gray-box .p1 {position: relative; padding: 0 10px; font-size: 17.5px; font-weight: 400; color: #333; letter-spacing: 0; line-height: 2.05; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.gray-box .p1:before {content: ""; position: absolute; top: 15px; left: 0; width: 3px; height: 3px; background-color: #000;}

.gray-box .p1 span{font-size: 15px; color: #214399;}



@media (max-width: 1020px) { 

h3.content-title{color:#222529; font-size:18px; font-weight:500; letter-spacing:-0.6px; text-align: center; margin-bottom: 30px; display: block; width: 100%;}

h4.h4Style1 {border-top: 2px solid #7f7f7f; position: relative; padding: 25px 0 25px 67px; font-size: 22px; font-weight: 600; color: #222; letter-spacing: -0.25px; line-height: 1.3;}

h4.h4Style1:before {content: ""; position: absolute; top: 50%; margin-top: -17px; left: 20px; width: 32px;  height: 31px; background: url(/assets/img/title-icon.png) center/contain no-repeat;}

h4.h4Style2{font-weight:400; font-size:22px; color:#222; margin-top: 30px; text-align: left;}



.ulStyle4 { clear:both; margin:0; padding:20px 20px; list-style:none; overflow:hidden; background:#f6f6f6; }

.ulStyle4 li { margin:0; padding:15px 0 15px 30px; background:url(/img/iconUl.gif) no-repeat left 25px; border-bottom:1px dotted #c6c6c6; font-size: 15px;  }	

	

.gray-box {padding: 30px 20px; background-color: #f5f7f9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.gray-box .p1 {position: relative; padding: 0 10px; font-size: 16px; font-weight: 400; color: #333; letter-spacing: 0; line-height: 2.05; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.gray-box .p1:before {content: ""; position: absolute; top: 15px; left: 0; width: 3px; height: 3px; background-color: #000;}

.gray-box .p1 span{font-size: 14px; color: #214399;}

    

}



.table1 {width: 100%; border-collapse: collapse; position: relative; border-left: 2px solid #fff !important; border-right: 2px solid #fff !important;}

.table1 thead{position: relative; overflow: hidden; background-color:#f9f9f9; border-bottom:1px solid #ddd;}



.table1 caption, .table1 legend {position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0, 0, 0, 0); overflow: hidden;}

.table1 th {padding: 15px 5px; border:1px solid #ddd;border-width:0 0 1px 1px; text-align: center; }

.table1 th.first-child {}

.table1 td {padding: 25px;border:1px solid #ddd;border-width:0 0 1px 1px;text-align: center;vertical-align: middle !important;}

.table1 td ul { text-align: left;  margin: 0 0 0 20px;}

.table1 td ul li{list-style: circle; text-align: left !important; line-height: 250%;}

.table1 strong {font-weight: 700;}

.table1 label {overflow: hidden; position: absolute; width: 0; height: 0; font: 0/0 san-serif; visibility: hidden;}

.table1 td a:hover {color: #005fcb; text-decoration: underline;}

.table1 tr:hover td {background-color: #f9f9f9;}





.table2 { clear:both; margin:0; padding:0; width:100%; border-collapse:collapse; border-top:#004795 2px solid; border-left:2px solid #fff; border-right:2px solid #fff; border-bottom:2px solid #ccc; }

.table2 th { border:1px #d7d7d7 solid; padding:18px 0; background:#f6f6f6; text-align:center; color:#004795; font-weight: 500; font-size: 1.15rem; }

.table2 td { border:1px #d7d7d7 solid; padding:15px 15px; text-align:center; letter-spacing:-0.5px; }

.table2 td.lt { text-align:left; }

.table2 td ul { text-align: left;  margin: 0 0 0 20px;}

.table2 td ul li{list-style: circle; text-align: left !important; line-height: 220%;}

.table2 td li{ text-align:left;}

.table2 td .color-red{ color: #C70003;}

.table2 td input{ padding: 10px;}

.table2 td input[type="text"] {width: 120px; text-align: right;}

.table2 td input[type="radio"] {

    -ms-transform: scale(1.5); /* IE 9 */

    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */

    transform: scale(1.5);

	margin-right: 5px;

}

@media (max-width: 1020px) { 

    .table1 th, .table1 td{white-space: nowrap;}

}



.tabs { border:none; display:flex; position:relative; margin-bottom: 50px; border-bottom: none; padding-left: 1px;}
.tabs li button { display:table;  font-weight:500; padding:12px 25px; color:#787878; background: #fff; border:1px solid #ddd; text-align:center; line-height:1.5; margin-left: -1px; }
.tabs li button.active, .tabs li button:hover, .tabs li button.active:focus { display:table; background:#1a517f; border:1px solid #1a517f; color:#fff !important; }
.tabs li button p{ display:table-cell; vertical-align:middle;}

@media (max-width: 1020px){
.tabs { border:none; display:flex; position:relative; justify-content: flex-start; flex-wrap: nowrap; margin-top: 30px;}    
.tabs li button { display:table; font-size:14px; font-weight:500; padding:10px 12px; color:#787878; background: #f6f6f6; border:none; text-align:center; line-height:1.5; margin-right:5px; margin-left: 0; border-radius:30px; }
.tabs li button.active, .tabs li button:hover, .tabs li button.active:focus { display:table; background:#2699dd; border:none; color:#fff !important; }
.tabs li button p{ display:table-cell; vertical-align:middle;}
}


.tabs2 { border:none; display:flex;  flex-wrap: wrap; position:relative; margin-bottom: 50px; border-bottom: none; padding-left: 1px;}
.tabs2 li{text-align: center;  flex: 0 0 calc(12.5%);}
.tabs2 li button { display:table; width: 100%;  font-weight:500; padding:12px 15px; color:#787878; background: #fff; border:1px solid #ddd; text-align:center !important; line-height:1.5; margin-left: -1px; }
.tabs2 li button.active, .tabs2 li button:hover, .tabs2 li button.active:focus { display:table; background:#1a517f; border:1px solid #1a517f; color:#fff !important; }
.tabs2 li button p{ display:block; margin: 0; vertical-align:middle; font-size: 0.95rem;}

@media (max-width: 1020px){
.tabs2 { border:none; display:flex;  flex-wrap: wrap; position:relative; margin-bottom: 50px; border-bottom: none; padding-left: 1px;}
.tabs2 li{text-align: center;  flex: 0 0 calc(33%);}
.tabs2 li button { display:table; width: 100%;  font-weight:500; padding:12px 5px; color:#787878; background: #fff; border:1px solid #ddd; text-align:center !important; line-height:1.5; margin-left: -1px; }
.tabs2 li button.active, .tabs2 li button:hover, .tabs2 li button.active:focus { display:table; background:#1a517f; border:1px solid #1a517f; color:#fff !important; }
.tabs2 li button p{ display:block; margin: 0; vertical-align:middle; font-size: 0.9rem;}
}



.box_st1 {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;padding:2rem 3rem;background-color:#F4F6FD;margin-bottom:3rem;border-radius:10px;align-items:flex-start}

.box_st1 .icon {-webkit-box-flex:0;-ms-flex:0 0 9rem;flex:0 0 10.6rem;text-align:center}

.box_st1 .txt_box {-webkit-box-flex:1;-ms-flex:1 1 calc(100% - 10.6rem);flex:1 1 calc(100% - 10.6rem);padding-left:4rem}

.box_st1 .ti {font-size:1.5rem;font-weight:600;color:#000;margin-bottom:1.5rem;line-height:1.3}



.greeting h4{ text-transform: uppercase; color: #00AC99; margin: 0 0 35px 0; letter-spacing: 5px; font-size: 14px; font-weight: 700;}

.greeting h5{font-size: 30px; line-height: 1.5; font-weight: 700;}

.greeting p{font-size: 17px; line-height: 2.5; margin-top: 30px;}

@media (max-width: 1020px) { 

.greeting h4{font-family: var(--font-play); text-transform: uppercase; color: #00AC99; margin: 0 0 20px 0; letter-spacing: 5px; font-size: 13px;  text-align: center}

.greeting h5{font-size: 25px; line-height: 1.5; font-weight: 500; text-align: center;}

.greeting p{font-size: 15px; line-height: 2; margin-top: 30px;}

.greeting p br{display: none;}

}



/*단장 인사말*/
.leader-inner{max-width: 1400px; width: 100%; position: relative; margin: 0 auto; overflow: hidden;}
.leader-wrap .leader-gr{position: relative;}
.leader-wrap .leader-gr::before{content: ""; position: absolute; top: 275px; left: 0; width: 65.6%; height: 1px; background: #0146B9;}
.leader-wrap .leader-top{position: relative; padding-bottom: 106px;}
.leader-wrap .leader-top p{font-size: 28px; line-height: 45px;  color: #121212; font-weight: 700;}
.leader-wrap .leader-top .p-bold{color: #ff4a1d; font-weight: 500; padding-bottom: 30px;}
.leader-wrap .leader-gr::after{content: ""; display: block; clear: both;}
.leader-wrap .leader-under{padding-top: 0;}
.leader-wrap .leader-under p , .leader-wrap .text-area p{font-size: 18px; line-height: 40px; letter-spacing: -.05em; color: #212121;}
.leader-wrap .leader-result-p{padding-top: 30px;}
.leader-wrap .pic-wrap{float: right; margin-left: 54px; max-width:700px; }
.leader-wrap .pic-wrap img {height:510px; object-fit: contain;}
.leader-wrap .text-area{padding-top: 31px; display: inline-block;}
.leader-wrap .leader-sign{text-align: right;}
.leader-wrap .leader-sign span{font-size: 24px; line-height: 40px; letter-spacing: -.05em; color: #121212;}
.leader-wrap .leader-sign .ld-name{padding-left: 26px; margin-top: 60px; display: inline-block; font-weight: 700;}

@media all and (max-width:1240px){
  .leader-wrap .pic-wrap{text-align: right;}
  .leader-wrap .leader-under{padding-top: 46px;}
}
@media all and (max-width:1210px) {
  .leader-wrap .pic-wrap {max-width:600px;}
  .leader-wrap .pic-wrap img {height:auto;}
}
@media all and (max-width:1024px){
  .leader-wrap .leader-top p{font-size: 20px;}
  .leader-wrap .text-wrap{}
  .leader-wrap .pic-wrap{float: none; width: 100%; text-align: center; margin-left: 0; margin: 0 auto;}
  .leader-wrap .leader-top{position: relative; padding-bottom: 0; margin-top: 30px;}
  .leader-wrap .leader-gr::before{display: none;}
}
@media all and (max-width:1158px){
  .leader-wrap .leader-under{padding-top:  20px;}
}

/* 비전 */

.wrap-vision{margin-top:0; position:relative;}

.wrap-vision div{border:1px solid #DDD;border-radius:10px;position:relative;margin-top:5.6rem;text-align:center;height:13rem;padding:3rem 1rem 1rem;display:flex;display:-ms-flexbox;-ms-flex-align:center;align-items:center;-ms-text-justify:center;justify-content:center;background:#fff;color:#000}
.wrap-vision div .tt{border:8px solid #EBF3FC;border-radius:40px;min-width:17.4rem;display:inline-block;top:-2.4rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;height:4.6rem;letter-spacing:1.5px;font-size:1.4rem;font-weight:800;color:#fff;text-align:center;line-height:3.2rem;padding:0px 2.6rem;-webkit-print-color-adjust:exact}
.wrap-vision div > b{color:#000;font-size:1.5rem;font-weight:bold}

.cont01{display:flex;display:-ms-flexbox;-ms-flex-align:center;align-items:center; margin-top: 40px;}
.cont01 .tt{border:13px solid #DEF1EB; width:14.1rem; height:14.1rem; display:inline-block;border-radius:50%;color:#FFF;font-weight:600;font-size:1.8rem;letter-spacing:-0.23px;background:linear-gradient(142deg, rgba(8, 150, 106, 1) 0%, rgba(0, 126, 116, 1) 100%);text-align:center;display:flex;display:-ms-flexbox;-ms-text-justify:center;justify-content:center;-ms-flex-align:center;align-items:center; margin-right:5.7rem;position:relative;}
.cont01 .tt:before{content:'';width:7rem;background:#048A6F;height:1px;position:absolute;right:-7rem;top:50%}
.cont01 .tt:after{content:'';width:1.2rem;background:#048A6F;height:1.2rem;position:absolute;right:-7rem;top:50%;border-radius:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;text-align:center}
.cont01 .depth1{background:#F0F2F5;border-radius:110px;border:1px solid #E8E8E8;min-height:14.3rem;float:left;width:calc(100% - 22.8rem);display:flex;display:-ms-flexbox;-ms-flex-align:center;align-items:center;padding:2rem 8rem;line-height:1.7;font-size:1.8rem}
.cont01 .depth1 ul{ margin: 0; padding: 0;}	
.cont01 .depth1 ul li{font-size:1.6rem; font-weight: 700;}	


.color1{background:#2B76CE !important}
.color3{background:#3261BD !important}
.color5{background:#2A4BA6 !important}
.color7{background:#11368B !important}

.trust{height:18.2rem;flex:1;-ms-flex:1;color:#fff;font-weight:600;font-size:1.3rem;line-height:1.5;padding:3.3rem 1rem 3rem;text-align:center}
.box-3{border:1px solid #DDD;border-radius:10px;padding:2rem;margin-top:2rem}
.box-3 .title-1st{font-size:0;overflow:hidden}
.box-3 .title-1st > b{background:#EFF2F5;text-align:center;height:6rem;line-height:6rem;border-radius:5px;display:inline-block;color:#333;font-size:1.5rem;font-weight:600;letter-spacing:-0.36px;margin-bottom:1.6rem}
.box-3 .title-1st > b:nth-child(1){width:18.2rem;float:left}
.box-3 .title-1st > b:nth-child(2){width:calc(100% - 21.4rem);float:left;margin-left:3.2rem}
.box-3 .wrap-1st {margin: 0; padding: 0;}
.box-3 .wrap-1st > li{display:flex;overflow:hidden}
.box-3 .wrap-1st > li > .trust{display:flex;flex-direction:column;align-items:center;justify-content:center;width:18.2rem;height:auto;border-radius:5px;float:left;flex:0 0 18rem}
.box-3 .wrap-1st > li .txtbox{float:left;width:calc(100% - 21.4rem);margin-left:3.2rem;border-radius:5px;border:1px solid #DDD;height:100%;padding:2rem}
.box-3 .wrap-1st > li .txtbox > li{padding-left:1rem;position:relative;font-size:1.1rem; list-style: none;}
.box-3 .wrap-1st > li .txtbox > li > em{color:#fff;border-radius:50%;width:2.1rem;height:2.1rem;text-align:center;line-height:2.2rem;font-weight:500;font-size:1.5rem;display:inline-block;position:absolute;left:0;top:.3rem}
.box-3 .wrap-1st > li .txtbox > li + li{margin-top:.8rem}
.box-3 .wrap-1st > li + li{margin-top:1.5rem}

@media (max-width: 991px) {
.wrap-vision{}
.wrap-vision div{border:1px solid #DDD;border-radius:10px;position:relative;margin-top:5.6rem;text-align:center;height:13rem;padding:3rem 1rem 1rem;display:flex;display:-ms-flexbox;-ms-flex-align:center;align-items:center;-ms-text-justify:center;justify-content:center;background:#fff;color:#000}
.wrap-vision div .tt{border:8px solid #EBF3FC;border-radius:40px;min-width:17.4rem;display:inline-block;top:-3.3rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;height:6.6rem;letter-spacing:1.5px;font-size:2rem;font-weight:700;color:#fff;text-align:center;line-height:5.2rem;padding:0px 2.6rem;-webkit-print-color-adjust:exact}
.wrap-vision div > b{color:#000;font-size:1.2rem;font-weight:500;}
.cont01{display:flex;align-items:center; margin-top: 20px; flex-direction: column;}
.cont01 .tt{border:13px solid #DEF1EB; width:50%; height:8rem; border-radius:50px;color:#FFF;font-weight:600;font-size:2.3rem;letter-spacing:-0.23px;background:linear-gradient(142deg, rgba(8, 150, 106, 1) 0%, rgba(0, 126, 116, 1) 100%);text-align:center;display:flex;display:-ms-flexbox;-ms-text-justify:center;justify-content:center;-ms-flex-align:center;align-items:center; margin-right:0; position:relative;}
.cont01 .tt:before{display: none;}
.cont01 .tt:after{display: none;}
.cont01 .depth1{background:#F0F2F5;border-radius:10px;border:1px solid #E8E8E8;min-height:14.3rem;float:left;width:calc(100% - 1rem);display:flex;display:-ms-flexbox;-ms-flex-align:center;align-items:center;padding:2rem 2.6rem;line-height:1.7;font-size:1.2rem; margin-top: 20px;}
.cont01 .depth1 ul{ margin: 0; padding: 0;}	
.cont01 .depth1 ul li{font-size: 16px;}	
.cont01 .depth1 ul li p{font-size: 16px;}

.box-3 .wrap-1st > li{display:flex;height:inherit}
    .box-3 .wrap-1st > li > .trust{display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto}
    .box-3 .wrap-1st > li .txtbox{height:auto;padding:1.3rem}
    .box-3{padding:0;border:0 none}
    .box-3 .title-1st > b{font-size:1.6rem;}
 .box-3 .wrap-1st > li > .trust,
    .box-3 .title-1st > b:nth-child(1){width:12rem;flex:auto}
    .box-3 .wrap-1st > li > .trust{font-size:1.3rem}
    .box-3 .wrap-1st > li .txtbox,
    .box-3 .title-1st > b:nth-child(2){width:calc(100% - 13rem);margin-left:1rem}
    .box-3 .wrap-1st > li .txtbox > li + li{margin-top:.7rem}	
	.box-3 .wrap-1st > li .txtbox > li{padding-left:3rem;position:relative;font-size:1.4rem; list-style: none;}
}



.symbol-box{padding:30px 60px;background:url(/img/bg-ui.gif); border:1px solid #e6e6e6; text-align: center;}

.symbol-box img{max-width: 100%; height: auto;}

.logo-box ul{padding:46px 0;border:1px solid #e5e5e5;}

.logo-box ul li{position:relative;padding:0 10px;}

.logo-box ul li:first-of-type:after{content:'';display:block;position:absolute;top:0;right:0;width:1px;height:100%;border-right:1px dotted #e5e5e5;}

.ui-pop-wrap{display:none;position:fixed;top:0;left:0;z-index:30;width:100%;height:100%;background-color:rgba(0,0,0,0.3);overflow:hidden;}

.ui-pop-box{position:fixed;top:50%;left:50%;padding:40px;border:1px solid #ccc;background-color:#fff;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);}





.patent { position: relative; width: 100%; }

.bg-img { background-position:center center; background-repeat:no-repeat; background-size:cover; }



.counter-total { text-align:center; }

.counter-total ul { margin:0; padding:0; list-style:none; display:block; width: 100%; overflow: hidden; }

.counter-total ul li { display:block; float:left; width:33.3333%; height:130px; position:relative; text-align:center; }

.counter-total ul li h4 { margin:0; padding:48px 15px 0 0; font-size:16px; color:#666; text-align:right; display:inline-block; height:130px; vertical-align:middle; }

.counter-total ul li h4 span { display: block; }

.counter-total ul li strong { margin:0; padding-top:25px; font-size:50px; display:inline-block; height:130px; vertical-align:middle; }

.counter-total ul li strong span { font-size:18px; }





.search-main { height:75px; margin:0 auto; }



.search-form { background-color:#fff; padding:50px 0 0; }

.search { margin:0 auto; width:100%; padding:0; }

.search .input-group-text { background-color:#3b3b3b; color:#fff; border-radius:0; border:4px solid #3b3b3b; }

.search .input-group input[type=text] { border:5px solid #3b3b3b; height:75px; }

.search .input-group-btn .btn { background-color:#3b3b3b; color:#fff; border-radius:0; border:4px solid #3b3b3b; height:75px; padding:10px 20px; } 

.search .input-group-btn .btn i { font-size:30px; }

.search .box-check { display: flex; align-items: center; }

.search .box-check select { width: 200px; }

.search .checkbox { display: flex; align-items: center; flex-wrap: wrap; padding-left: 2rem; }

.search .checkbox .form-check { width: 180px; margin:5px 0; }



.search-main>.container>.search { margin:0 auto; width:100% !important; }





.info-main { margin:70px 0; display: flex; }

.info-main .item { flex:1; margin: 0 10px; padding:0 25px; text-align:center; letter-spacing:-1px; height:473px; }

.info-main .item h2 { margin:90px 0 0 0; padding:0; font-size:35px; }

.info-main .item p { margin:40px 0 130px 0; padding:0; font-weight:bold; }

.info-main .item a { display:inline-block; background-color:#fff; width:50px; height:50px; line-height:50px; text-align:center; border-radius:50%; font-size: 20px; }



@media (max-width: 1400px) {

	/* .search .checkbox { width: 400px; } */

}

@media (max-width: 1199px) {

	/* .search .checkbox { width: 600px; } */

}

@media (max-width: 991px) {

	/* .search .checkbox { width: 500px; } */

	.search-main { height:75px; margin:0 auto; width: 100%; }

}

@media (max-width: 767px) {



	.counter-total .container { padding: 0; }

	.counter-total ul { margin:0; padding:30px 0 25px; list-style:none; display:flex; width: 100%; }

	.counter-total ul li { display:flex; flex-direction: column; justify-content: space-between; flex:1; height:auto; align-items: center; }

	.counter-total ul li h4 { margin:0; padding:0; font-size:14px; color:#666; text-align:center; display:block; height:auto; flex:1; }

	.counter-total ul li h4 span { display: inline-block; }

	.counter-total ul li strong { margin:0; padding-top:0; font-size:30px; display:block; height:auto;}

	.counter-total ul li strong span { font-size:13px; }



	.search-form { background-color:#fff; margin-top: 0; padding:30px 0 0; }

	.search-form .form-inline { padding: 0 15px; }

	.search-main { background-color:#f1f1f1; height:60px; width: 100%; margin: 0 auto; }

	.search-main .container { padding: 0; }

	.search { margin:0; padding:0; width:100% }

	.search .input-group-text { background-color:#3b3b3b; color:#fff; border-radius:0; border:2px solid #3b3b3b; font-size: 16px; padding: 0 15px; }



	.search .input-group input[type=text] { border:2px solid #3b3b3b; height:60px; font-size: 16px; }

	.search .input-group-btn .btn { background-color:#3b3b3b; color:#fff; border-radius:0; border:2px solid #3b3b3b; width: 60px; height:60px; padding:0; } 

	.search .input-group-btn .btn i { font-size:20px; }

	.search .checkbox { font-size:15px; letter-spacing:-1px; padding: 10px 0 20px; width:100%; float:none; }

	.search .checkbox label { margin-left:0; padding-right:0; width:105px; }

	.search .checkbox i { font-size:22px; vertical-align:bottom; color:#bbb; }

	.search .checkbox input[type="checkbox"].hidden:checked + .fa:before { color:#4989d3; }



	.info-main { margin:15px 0 0; flex-direction: column; }

	.info-main .item { width:100%; margin: 0 0 15px; padding:25px 15px 20px;}

	.info-main .item h2 { margin:0; padding:0; font-size:22px; }

	.info-main .item p { margin:10px 0 15px; font-size:14px; padding:0; font-weight:bold; }

	.info-main .item a { display:inline-block; background-color:#fff; width:50px; height:50px; line-height:50px; text-align:center; border-radius:50%; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; }



}





.tab-category { border-bottom:1px solid var(--main-color); padding-top: 10px; height: 72px; }

.tab-category .nav { border-bottom:0; }

.tab-category .nav li { padding:20px 5px; }

.tab-category .nav li:first-child { border-left:0; padding-left: 0; }

.tab-category .nav li a { font-size:18px; margin-right:0; margin-top: 5px; padding:16px 35px; }

.tab-category .nav li.active a, .tab-category .nav li a:hover { color:#111; border:1px solid var(--main-color); border-bottom:0; background-color:#fff; }



.patent .search-stx { text-align:center; padding:35px; font-size:22px; font-weight:bold; }

.patent .search-stx strong { color:#ff2a00; }

.patent .search-stx span { color:#666; font-size:18px; }



.patent .btn-more, .btn-more:hover { background-color:#b76f32; padding:10px 40px; color:#fff;}

.btn-pdf { position:absolute; top:50px; right:15px; }

.sch_word { color:#ff2a00; }



.patent-contents { width: calc(100% - 180px); }

.patent-banner { margin: 0; padding: 0; list-style: none; position: absolute; top:0; right: 0; }

.patent-banner li { display: block; padding-bottom: 15px; }

.patent-banner li img { display: block; border:1px solid #d4d4d4; }



.list h2 { margin:0 0 5px 0; font-size:20px; background-color:#efefef; border-top:1px solid #d4d4d4; padding:15px; }

.list .list-more { padding: 20px 0 60px; }

.list ul { margin:0; padding:0; list-style:none; overflow:hidden; }

.list ul li { margin:0; padding:15px; list-style:none; position: relative; border-bottom:1px solid #d4d4d4; display:block; }

.list ul li i { margin:0; display:inline-block; padding:5px 10px; color:#fff; font-style:normal; }

.list ul li i.p { background-color:#4989d3; }

.list ul li i.d { background-color:#f65579; }

.list ul li i.w { background-color:#ff8400; }

.list ul li i.s { background-color:#44b642; }

.list ul li>a { display:block; font-size:18px; padding:18px 0 8px; line-height: 1.3; color: #222222; }

.list ul li>p { font-size:16px; margin:0; }

.list ul li>p>span { display:inline-block; padding-left:10px; color:#666; font-size:14px; }

.list ul li button { position: absolute; top: 15px; right: 15px; }



.view { padding: 0; }

.view h2 { margin:0; padding:10px 0 20px 0; font-size:24px; border-bottom:1px solid #666; display:block; position:relative; }

.view h2 small { display:block; margin-top:5px; font-size:16px; font-weight: normal; }

.view h3 { margin:60px 0 15px 0; font-size: 20px; }

.view .view-box { border:1px solid #d4d4d4; padding:30px; font-size:16px; }

.view-list-btn { padding: 30px 0; text-align: center;}

.btn-counsel { margin: 0 0 15px; }

.table-item { margin:0; border-top:1px solid #d4d4d4 !important; border-left:2px solid #fff; border-right:2px solid #fff;  }

.table-item>tbody>tr>th { background-color:#f9f9f9; border-bottom:1px solid #d4d4d4; text-align:center !important; padding:15px 8px; vertical-align:middle; font-weight:normal; font-size:16px; width:200px; }

.table-item>tbody>tr>td { vertical-align:middle; padding:15px 8px 15px 30px; font-size:16px; border-top:0; border-bottom:1px solid #d4d4d4; text-align: left; }

.table-item>tbody>tr>td ul { padding-left:20px; }

.table-item>tbody>tr>td.bg-color { background-color:#fff5f9; }

.table-item>tbody>tr>td.lt { text-align:left; }



.radio { display: flex; flex-wrap: wrap; align-items: center; }

.radio label { margin:0; padding:0 15px 5px 0; }

.radio i { font-size:20px; vertical-align:middle; color:#bbb; }

.radio input[type="radio"].hidden:checked + .fa:before { color:#4989d3; }

.radio input[type="text"] { display: inline-block; width: 200px; }



@media (max-width: 1199px) {

	.patent-contents { width: 100%; }

	.patent-banner { margin: 0; padding: 0; list-style: none; position: sticky; top: auto; right: auto; margin:0; width: 100%; display: flex; justify-content: center; flex-wrap: wrap; }

	.patent-banner li { display: flex; justify-content: center;padding:5px; }

	.patent-banner li img { display: block; border:1px solid #d4d4d4;}

}

@media (max-width: 540px) {

	.patent-banner li { width: 33.3333%; padding: 5px 2px; }

}

@media (max-width: 767px) {

	.patent-contents { width: 100%; }

	

	.tab-category { border-bottom:1px solid var(--main-color); padding-top: 10px; height: 61px; }

	.tab-category .nav { border-bottom:0; }

	.tab-category .nav li { padding:20px 2px; }

	.tab-category .nav li:first-child { border-left:0; padding-left: 0; }

	.tab-category .nav li a { font-size:14px; margin-right:0; margin-top: 5px; padding:10px 10px; }

	.tab-category .nav li.active a, .tab-category .nav li a:hover { color:#111; border:1px solid var(--main-color); border-bottom:0; background-color:#fff; }



	.search-main { height:75px; margin:0 auto; }



	.search-form { background-color:#fff; padding:30px 0 0; }

	.search { margin:0 auto; width:100%; padding:0; }

	.search .input-group-text { background-color:#3b3b3b; color:#fff; border-radius:0; border:4px solid #3b3b3b; }

	.search .input-group input[type=text] { border:5px solid #3b3b3b; height:75px; }

	.search .input-group-btn .btn { background-color:#3b3b3b; color:#fff; border-radius:0; border:4px solid #3b3b3b; height:75px; padding:10px 20px; } 

	.search .input-group-btn .btn i { font-size:30px; }

	.search .box-check { display: flex; align-items: start; flex-direction: column; }

	.search .checkbox { display: flex; align-items: center; flex-wrap: wrap; padding-left: 0; }

	.search .checkbox .form-check { width: 180px; margin:5px 0; }



.search-main>.container>.search { margin:0 auto; width:100% !important; }



	.search-stx { text-align:center; padding:25px; font-size:20px; font-weight:bold; }

	.search-stx strong { color:#ff2a00; }

	.search-stx span { display: block; font-size: 16px; }









	.list ul li { padding:15px 0; }

	.list ul li i { padding:4px 6px; font-size: 12px; border-radius: 4px; }

	.list ul li>a { padding:10px 0 8px;}

	.list ul li>p { font-size:16px; margin:0; }

	.list ul li button { right: 0; font-size: 12px; padding:4px 6px; border-radius: 4px; }





	.view { padding: 0; }



	.view h2 { padding:10px 0 20px 0; font-size:22px; }

	.view h2 small { font-size:14px; line-height: 1.2; }

	.view h3 { margin:40px 0 10px 0; font-size: 18px; }

	.view .view-box { padding:20px 15px; font-size:14px; }

	.view .col-md-6 { margin-top: -1px; }



	.table-item { margin:0; border-top:1px solid #d4d4d4 !important; border-left:2px solid #fff; border-right:2px solid #fff;  }

	.table-item>tbody>tr>th { background-color:#f9f9f9; border-bottom:1px solid #d4d4d4; text-align:right !important; padding:12px 8px; vertical-align:middle; font-weight:normal; font-size:14px; width: auto; }

	.table-item>tbody>tr>td { vertical-align:middle; padding:12px 8px; font-size:14px; border-top:0; border-bottom:1px solid #d4d4d4; }

	.table-item>tbody>tr>td ul { padding-left:10px; }

	.table-item>tbody>tr>td.bg-color { background-color:#fff5f9; }

	.table-item>tbody>tr>td.lt { text-align:left; }

}


/* 개인정보보호방침 */

.privacy .privacy-box{padding: 50px 40px; background-color: #f5f7f9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: flex;  align-items: center;}
.privacy i{ font-size: 45px; flex-shrink: 0; width: 150px; text-align: center;}
.privacy .privacy-box p{margin-bottom: 0 !important; flex-grow: 1;}
.privacy h3{ font-size: 16px; margin-bottom: 10px; font-weight: 600;}
.privacy p{ margin-bottom: 30px; line-height: 2;}
.privacy .inner-p { margin-left: 16px;}
@media (max-width: 1020px) { 
.privacy .privacy-box{padding: 20px 10px; flex-wrap: wrap;}
.privacy i{ font-size: 45px; flex-grow: 1; flex-shrink: 0; width: 100%;}
}