@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.about .content{margin-bottom:var(--size120);}
.about .content:last-child{margin-bottom:0;}
.about .cont1 .top-txt{margin-bottom:var(--size35);}
.about .cont1 .top-txt .tt{color:var(--pri);font-weight:500;line-height:1.4em;margin-bottom:var(--size10);font-size:var(--fz20);}
.about .cont1 .top-txt .tit{font-size:var(--fz32);font-weight:700;color:var(--dark);line-height:1.2em;}
.about .cont1 .con{display: flex;margin-top:var(--size35);}
.about .cont1 .con .txt{font-size:var(--fz24);line-height:1.33em;font-weight:500;color:var(--dark);margin-right:var(--size120);}
.about .cont1 .con .cnt{min-width:0;width:1%;flex:1 1 auto;}
.about .cont1 .con .cnt .tt{margin-bottom:var(--size35);}
.about .cont1 .con .cnt .info{border-top: 1px solid #aaa;}
.about .cont1 .con .cnt .info dl{border-bottom: 1px solid #ddd;padding:var(--size20) 20px;display: flex;}
.about .cont1 .con .cnt .info dl dt{width:120px;color:var(--dark);font-weight:600;}
.about .cont1 .con .cnt .info dl dd{min-width:0;width:1%;flex:1 1 auto;}

.history .title{margin-bottom:var(--size80);font-size:var(--fz32);font-weight:700;color:var(--dark);line-height:1.25em;}
.history .con{position:relative;border-top: 1px solid #ddd;display: flex;}
.history .con:after{content:'';width:12px;height:12px;background-color:var(--pri);border-radius:50%;position: absolute;left:0;top:-6px;}
.history .con .left{width:1%;flex:1 1 auto;min-width:0;margin-right:40px;padding-top:var(--size80);}
.history .con .left .row{margin-bottom:var(--size25);display: flex;align-items:center;}
.history .con .left .row:last-child{margin-bottom:0;}
.history .con .left .row .year{font-size:var(--fz28);font-weight:500;line-height:1.2em;color:var(--dark);width:100px;}
.history .con .left .row .txt{min-width:0;width:1%;flex:1 1 auto;color:var(--dark)}
.history .con .img{margin-top:25px;}

.greeting .img{margin-bottom:30px;}
.greeting .tt-wrap .tit{margin-bottom:var(--size25);font-size:var(--fz24);font-weight:500;color:var(--dark);line-height:1.33em;}
.greeting .tt-wrap .wrap p{margin-bottom:20px;}
.greeting .tt-wrap .wrap p:last-child{margin-bottom:0;}
.greeting .tt-wrap .ceo{margin-top:20px;font-size:var(--fz18);font-weight:600;}

.business .img{text-align:center;margin-bottom:var(--size80);}
.business .con .row{margin-bottom:35px;}
.business .con .row:last-child{margin-bottom:0;}
.business .con .row .tit{padding:14px var(--size50);font-size:var(--fz24);font-weight:700;line-height:1.4em;color: #fff;margin-bottom:15px;border-radius:60px;}
.business .con .row .tt{padding:0 var(--size50);line-height:1.5em;}

.cert-list ul{display: flex;margin:0 -20px;}
.cert-list ul li{width:33.3333%;padding:0 20px;}

.location .maps .root_daum_roughmap {width:100% !important; height:500px !important;}
.location .maps .root_daum_roughmap .wrap_map {height:500px !important;}
.location .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .maps .map_border{display:none;}
.location .maps .roughmap_lebel_text:after {content:"코플록코리아"; font-size:12px; line-height:15px;}
.directions {margin-top:40px;}
.directions .address-info {margin-bottom:var(--size45);}
.directions .address-info .comp {color:var(--pri); font-weight:700; margin-bottom:var(--size10);font-size:var(--fz20);}
.directions .address-info .addr {color:#242424; font-size:var(--fz28); font-weight:700; line-height:1.33em;margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:600;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:var(--pri);}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

@media (max-width: 1024px) {
	.location .maps .root_daum_roughmap {height:300px !important;}
    .location .maps .root_daum_roughmap .wrap_map {height:300px !important;}
	.directions .address-info .addr {font-size:20px;}
	.directions .contact-info dl {padding:20px 0;}
	.directions .contact-info dt {padding-left:20px; width:140px;}
}

@media (max-width: 640px) {
	.location .maps .root_daum_roughmap {height:200px !important;}
    .location .maps .root_daum_roughmap .wrap_map {height:200px !important;}
	.directions {margin-top:30px;}
	.directions .address-info .addr {font-size:18px;}
	.directions .address-info {margin-bottom:20px;}
	.directions .contact-info dl {padding:16px 0;}
	.directions .contact-info dt {padding-left:5px; width:110px;}
	.directions .contact-info dt svg {margin-right:10px;}
}

.agent ul{display: flex;flex-wrap:wrap;margin:0 -20px -40px;}
.agent ul li{width:50%;padding:0 20px;margin-bottom:40px;}
.agent ul li .box{height:100%;padding:var(--size60);border:1px solid #ddd;border-top: 2px solid var(--pri);}
.agent ul li .box .tit{margin-bottom:var(--size35);font-size:var(--fz28);color:var(--dark);line-height:1.3em;font-weight:700;}
.agent ul li .box .tit small{color:var(--pri);font-size:var(--fz16);margin-left:var(--size20);font-weight:400;}
.agent ul li .box .info dl{display: flex;margin-bottom:var(--size20);}
.agent ul li .box .info dl:last-child{margin-bottom:0;}
.agent ul li .box .info dl dt{margin-right:20px;}
.agent ul li .box .info dl dd{min-width:0;width:1%;flex:1 1 auto;padding-top:1px;line-height:1.5em;}

.product-top{margin-bottom:60px;border:1px solid #ddd;display: flex;}
.product-top .img{width:400px;}
.product-top .img .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.product-top .img .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.product-top .tt-wrap{padding:30px;display: flex;flex-direction:column;justify-content:space-between;min-width:0;width:1%;flex:1 1 auto;}
.product-top .tt-wrap .media{max-width:380px;width:100%;margin:20px 0 0 auto;}

.client ul{display: flex;flex-wrap:wrap;margin:0 -10px -20px;}
.client ul li{width:20%;padding:0 10px;margin-bottom:20px;}

.radio-wrap{display: flex;gap:10px var(--size40);flex-wrap:wrap;align-items:center;min-height:44px;}
.radio-wrap .radiobox label:before{background-color: #FFF;}
.radio-wrap .radiobox label:before {width:20px;height:20px;}
.radio-wrap .radiobox input:checked + label:before {background-size:12px;border-color:var(--pri);}

.doc-btn{display: flex;justify-content:center;align-items:center;width:160px;height:60px;background-color:var(--pri);color: #fff;border:none;cursor:pointer;font-weight:700;line-height:1.2em;margin:var(--size60) auto 0;}