@charset "utf-8";

@import url('/common/css/page.css');

section{overflow:hidden;}
section.con ul {margin-top:10px;}
section.con ul li{position:relative; padding:0px 5px 5px 15px;}
section.con ul li:before{content:''; position:absolute; top:13px; left:0px; background:#444; width:3px; height:3px; border-radius:10px}
section.con ul li ul{margin-top:5px; font-size:90%}
section.con ul li ul li:before{content:''; position:absolute; top:13px; left:0px; background:#999; width:5px; height:2px; }
section h3 {position:relative; display:block; color:#000; font-weight:500 !important; margin:0px 0 1em 0; font-size:155%;   padding-left:15px;}
section h3:before {content:'';position:absolute;left:0px; top:5px; bottom:7px; width:4px; background:#124fbf}

.conts h3 {position:relative; display:block; color:#000; font-weight:500 !important; margin:0px 0 1em 0; font-size:155%;   padding-left:15px;}
.conts h3:before {content:'';position:absolute;left:0px; top:5px; bottom:7px; width:4px; background:#124fbf}


.textContent h4{font-family:'Raleway';font-weight:400;margin-bottom:0.5em}
.textContent h3, .textContent h4 {font-family: 'Heebo';font-weight: 500;}


.btn_item{margin-top:10px}

.btnS{margin-top:25px;text-align:center;}
.btnS .btnPack{line-height:50px;height:auto;min-width:100px;font-size:110%}
.btnPack.small{line-height:38px;}

table th{background-color:#f7f7f7;line-height:normal}
table.s02 em{font-weight:400;font-size:90%;line-height:normal}

.conts{padding: 50px 0;}


.docBtn{text-align:right}
.docBtn ul li{display:inline;padding-left:7px}

.Service table.s02 tr:nth-of-type(2) th{font-size:95%;padding:1%}
.Service table td{padding:1%;font-size:95%}
.Service table td *{max-width:100%; width:100%; text-align:left;}
.Service table td textarea{border:0;padding:0}
.Service .del:before{ font-family:FontAwesomeS;content:'\f056';color:#F00; padding-right:3px;}
.Service .tb thead th{padding: 10px 0;}
.Service select{background-color: #fbfbfb;}

.Service .Info { display:table;border:4px double #ddd;margin-top:30px;width:100%;table-layout:fixed}
.Service .Info dl {display:table-cell;padding:25px 0;text-align:center;position:relative;vertical-align:middle}
.Service .Info dl:after{width:25px;line-height:25px;top:50%; margin-top:-12px;right:0;display:inline-block;position:absolute;background:#B7B7B7;font-family:FontAwesomeS;border-radius:100%;color:#fff}
.Service .Info dl:nth-child(1):after{content:'\f067'}
.Service .Info dl:nth-child(2):after{content:'\f52c'}
.Service .Info  dt {font-size:110%;font-weight:600;}
.Service .Info  dd {font-size:120%;letter-spacing:0;}
.Service .Info  dd span{font-size:80%;padding-left:2px}
.Service .Info dd strong{font-size:1.3em;}
.Service .Info dd .total{color: #e74100;}

.Service table.tl th{text-align:left;padding-left:10px;}
.Service input[type=text]{ width:100%}

.Service .agree{margin-top:25px;float:left}
.Service .agree > p{margin-bottom:7px;}

.Service .btnS{float:right}

.Service h3{font-weight:bold; margin:30px 0 10px 0;}
.Service .tb.s02 tbody td{vertical-align: top;}





.thumb img{width:100%; max-width:100%;}

.Ksearch{border:4px double rgba(0,0,0,0.2);padding:20px 10px; margin-top:5%;}
.Ksearch:after{content:''; display:table;clear:both}
.Ksearch dl{border:solid rgba(0,0,0,0.2);border-width:1px 0 0;margin:10px 0}
.Ksearch dl:first-child{border-width:0}
.Ksearch dl dt{ margin-bottom:5px;padding:10px;background:#efefef}
.Ksearch dl dd{ padding:10px}
.Ksearch dl dt em{font-weight:400}
.Ksearch dl:last-child input[type=text]{width:calc(100% - 78px)}
.Ksearch .btnPack{height:38px !important;padding:0; width:70px}
.Ksearch dl:last-child{float:none;width:100%; clear:both}


.Kdetail{margin-bottom:5%;}
.Kdetail:after{content:'';display:table;clear:both;}
.Kdetail .ImgWrap{float:left;width:40%;display:table; margin-bottom:30px}
.Kdetail .ImgWrap .thumb{display:table-cell;vertical-align: middle;background:url(../image/logo.png) no-repeat 50% #f5f5f5;background-size:auto;}
.Kdetail .ImgWrap .thumb a:hover{cursor: zoom-in;}
.Kdetail .Info{margin-left:45%;}

.table-responsive{margin-bottom:5%;}

.con004002 ul{margin-top:-40px !important; margin-bottom:110px;}

/*.Kdetail h4{display:block;font-weight:600}*/
.Kdetail ul, .Klist .Info ul{border-top:2px solid #666}
.Kdetail ul li, .Klist .Info ul li{overflow:hidden;border-bottom:1px solid rgba(0,0,0,0.2);}
.Kdetail ul li strong, .Klist .Info ul li strong{float:left;width:180px; background:#f7f7f7;padding:10px 15px}
.Kdetail ul li strong em, .Klist .Info ul li strong em{font-weight:400; font-size:80%}
.Kdetail ul li p, .Klist .Info ul li p{overflow:hidden; padding:10px 15px}
.Klist .Info ul li:last-child{border-bottom:0px;}

.Klist{margin-top:30px;}
.Klist .title{overflow:hidden;display:table; width:100%}
.Klist .title dd{display:table-cell;}
.Klist .sort{text-align:right;padding-bottom:5px;}
.Klist ul{ border-top:none !important}
.Klist > ul > li{margin-bottom:15px;}
.Klist div.thumb{position:relative;float:left; width:100%;overflow:hidden;background:url(../image/logo.png) no-repeat 50% #f5f5f5; min-height:230px}
.Klist div.thumb a{ position:absolute;top:0; bottom:0; left:0; right:0; }
.Klist .Info{float:left; width:100%;border-bottom:1px solid #aaa; border-top:1px solid #aaa}
.Klist .Info ul li strong{width:150px; }

.Kimage{margin-top:50px;}
.Kimage h3{display:block;margin-bottom:1em}
.Kimage ul{ margin:0 -10px}
.Kimage ul li{margin-bottom:20px;padding:0 10px !important;display:table;}
.Kimage .thumb{display:table-cell;vertical-align: middle;background:url(../image/logo.png) no-repeat 50% #f5f5f5;background-size:auto;}
.Kimage .thumb:hover{cursor: zoom-in;}

.BtnWrap{text-align:center;margin-top:30px;}
.BtnWrap:before{content:'';display:table;clear:both; min-height:1px}
.BtnWrap .btnPack{height:auto !important;padding:0;min-width:120px;line-height:43px;}



.conts .document{padding:5% 0;}
.con p{font-size:125%;}


/* About KDRC */
.con001001{position:relative; font-size:150%;}
.con001001 .con{position: absolute;top: 12%;right: 0;background: #fff;width:65%;padding: 9% 7% !important;overflow: hidden;}
.con001001 .con h3{font-weight:bold; }
.con001001 .con h3:before {content: '';position: absolute;left: 2%;top: -20px;width: 10px;height: 15px;background: #3181cc;-ms-transform: skewX(-40deg);transform: skewX(-40deg);}
.con001001 .con p{font-size:80%; margin-top:10%; line-height:160%;}

/* Citing KDRC */
.con001002{text-align:center;font-size:110%}
.con001002 ol {margin:0px -50px;}
.con001002 ol > li{margin-bottom:3em; position:relative}
.con001002 ol > li:first-child:before{top:calc(100% + 27px);left:calc(50% - 13px);width:30px;height:4px;}
.con001002 ol > li:first-child:after{top:calc(100% + 15px);left:50%;width:4px;height:30px;}
.con001002 dl{margin:0 50px}
.con001002 dl dt{color:#fff;border-radius:5px;padding:20px 0;background:#0082cb; font-size:120%}
.con001002 dl dt em{ font-weight:400}
.con001002 dl dd{padding:20px 40px;border-radius:5px;border:1px solid rgba(0,0,0,0.1);}
.con001002 ul{display:inline-block;}

.con005001{background:#e8e9ed; padding:7% 0; }
.con005001 h3{text-align:center; font-size:220%; font-weight:bold;}
.con005001 h3:before{display:none;}
.con005001 .con{background:#fff; margin:0 5%; padding:5% 7%;}
.con005001 img{    display: block; margin:0 auto 1% auto;}

.con004002 .right{font-size:100%; margin-bottom:3px;}


/* K-Gut Project */
.con005 div{margin:5% 0;}
.con005 a{color:#0082cb; text-decoration:underline;}
.con005 a:hover{color:#0082cb; text-decoration:underline; font-weight:bold;}
.con005 .con05{font-size:110%;}
.con005 .con05 dl{margin-bottom:5%; }
.con005 .con05 dt{font-size:120%;}
.con005 .con05 img{float:right;}
.con005 .con05 div{display: inline-block;margin:2% 0;}
.con005 .con05 img{margin-top: 5%;}





.ResList ul,.ResList ol{display:table;width:100%;table-layout:fixed}
.ResList ul{width:50%; float:left;}
.ResList ul.long{width:100%;}
.ResList ol li,.agreeBox{border-top:1px solid rgba(0,0,0,0.8);}
.ResList li{display:table-cell;width:auto; text-align:center;padding:15px 0;border:solid rgba(0,0,0,0.1);border-width:0 0 1px 1px;vertical-align:middle;position:relative;}
.ResList li:first-child{border-left:0; width:150px;}
.ResList li > *{float:none !important;}
.ResList li span{display:inline-block;white-space:nowrap}
.ResList li .btnPack{padding:5px;font-size:90%;height:auto;line-height:inherit;font-weight:normal}
.ResList .tit li:first-child{width:18%}
.ResList .tit ul li:first-child,.ResList ol li{font-weight:600;background:rgba(0,0,0,0.03)}
.ResList ol li em{font-weight:normal;font-size:90%;display:inline-block}
.ResList ul li em{display:inline-block}
.ResList li:nth-child(1){background-color:rgba(0,0,0,.02); font-weight:600}
.ResList li:nth-child(3){background-color:rgba(0,0,0,.02); font-weight:600}
.ResList li:nth-child(2),.ResList li:nth-child(4){text-align:left; padding-left:1%;}

.ResList li a{color:#0082cb }
/*
#facebox .popup .content .image:after{content:'Anterior';display:block; color: rgba(255,255,255,0.8);position: absolute; top:30px; left:30px;}
#facebox .popup .content .image:before{content:'Posterior';display:block; color: rgba(255,255,255,0.8);position: absolute; top:30px; right:30px;}
*/
.commentBox .commentList .control .btnPack.small{height:38px;}
.commentFiles{ text-align: left; background:#fff; padding: 5px 10px;}


.dl_table2 {overflow:hidden;border-top:2px solid #000; border-left:1px solid rgba(0,0,0,0.1);  margin:1% 0 5% 0 !important;}
.dl_table2 dl{border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); padding:4% 5%;}
.dl_table2 dl dt{font-size:130%; font-weight:500; }
.dl_table2 dl dd{font-size:115%;}


.tb.s02 tbody th{border-width: 0 0 1px 1px;border-color: #ddd;}
.tb.s02 tbody th:first-child{border-width: 0 0 1px 0px;}


.mopImageList{ margin-top:20px; }
.mopImageList ul{ width:100%; display:flex; flex-wrap:wrap; }
.mopImageList ul li{ width:calc((100% - 60px) / 5) !important; border:1px solid rgba(0,0,0,.15) !important; margin-right:15px; margin-top:15px; padding:0; }
.mopImageList ul li:nth-child(5n){ margin-right:0; }
.mopImageList ul li a{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.mopImageList ul li img{ width:100%; }


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

}
@media only screen and (min-width: 992px) {
	.Ksearch dl{float:left;width:10%;border-width:0 0 0 1px;}
	.Ksearch dl:nth-child(1), .Ksearch dl:last-child{border-width:0}
	.Ksearch dl dt,.Ksearch dl dd{ vertical-align:middle; text-align:center}
	.Ksearch dl dt{height:75px; text-align:cenrer; }
	.Ksearch dl dt em{display:block; font-size:90%}
	.Ksearch label{display:block}
	.Kdetail ul li{float:left;width:50%}
}

@media only screen and (max-width: 992px) {
	.Ksearch dl{float:left;width:50%;}
	.Ksearch dl:first-child{border-width:1px 0 0}
	.Klist div.thumb{min-height:180px;}

	.Kdetail .ImgWrap{width:100%;}
	.Kdetail .Info{margin-left:0px;}

	.con004002 ul{margin-top:-20px !important; margin-bottom:50px;}

}


@media only screen and (max-width:767px){
.con001001 img{width:100%;}
.con001001 .con{width:100%; bottom:0;top: unset;}

.Klist div.thumb{min-height:135px}
.Klist div.thumb{ width:100%;}
.Klist .Info{ width:100%;}

.Service .Info dl:after{right: -20px;}

.ResList ul{width:100%;}
.ResList li:first-child{width:25%;}

.con005 .con05 div {display: block;}
.con005 .con05 img{float:left;}



}
@media only screen and (max-width: 600px) {
	.mopImageList ul li{ width:calc((100% - 15px) / 2) !important; }
	.mopImageList ul li:nth-child(2n){ margin-right:0; }
	.mopImageList ul li:nth-child(5n){ margin-right:auto; }
}

@media only screen and (max-width: 450px) {
.Service table.tl th{width:40%;}
.Service .btnS {float: unset;}
.Service .Info dt{word-break: keep-all; font-size:100%;}

.totalInfo dt {width: 50% !important;}
#regist_wrap .table_list th *{white-space: unset;}
.table_order thead th{ border-top:2px solid rgba(0,0,0,0.7);}

.con004002 ul{margin-top:0px !important; margin-bottom:50px;}


}