@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.doc-content{padding:var(--size120) 0;}
.doc-content:first-child{padding-top:0;}
.doc-content:last-child{padding-bottom:0;}
.doc-content.bg1{background-color: #f4f4f4;}
.doc-content.bg2{background-color: rgba(36,144,252,.05);}

.about .cont1 .img{margin-bottom:var(--size35);}
.about .cont1 .tt-wrap{display: flex;}
.about .cont1 .tt-wrap .tit{width:50%;font-size:var(--fz40);font-weight:700;color:var(--dark);line-height:1.4em;}
.about .cont1 .tt-wrap .right{min-width:0;width:1%;flex:1 1 auto;}
.tt20{font-size:var(--fz20);line-height:1.7em;}
.about .cont1 .tt-wrap .right .tt20{margin-bottom:var(--size35);}
.about .cont1 .tt-wrap .right .cnt ul{display: flex;margin:0 -5px;}
.about .cont1 .tt-wrap .right .cnt ul li{width:25%;padding:0 5px;}
.about .cont1 .tt-wrap .right .cnt ul li .box{padding:var(--size30);border:1px solid #ddd;text-align:center;height:100%;}
.about .cont1 .tt-wrap .right .cnt ul li .box .ic{display: flex;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;border-radius:50%;background-color: #eee;}
.about .cont1 .tt-wrap .right .cnt ul li .box p{margin-top:10px;font-weight:600;color:var(--dark);line-height:1.4em;}

.doc-tit{text-align:center;margin-bottom:var(--size55);}
.doc-tit .tit{font-size:var(--fz48);font-weight:700;color:var(--dark);line-height:1.2em;}
.doc-tit .tt20{margin-top:var(--size20);}
.about .cont2 .contain{max-width:1260px;}
.about .cont2 .con .row{margin-bottom:10px;}
.about .cont2 .con .row:last-child{margin-bottom:0;}
.about .cont2 .con .row .flex{display: flex;}
.about .cont2 .con .row .flex .img.st1{margin-right:var(--size40);}

.about .cont2 .edit-con .flex{display: flex;margin:0 -110px;}
.about .cont2 .edit-con .flex .col{padding:0 110px;}
.about .cont2 .edit-con .flex .col-tit{display: flex;align-items:center;gap:10px;margin-bottom:15px;}
.about .cont2 .edit-con .flex .col-tit .tit{font-size:18px;color: #121212;font-weight:700;line-height:1.2em;}
.about .cont2 .edit-con .flex .row{margin-bottom:10px;}
.about .cont2 .edit-con .flex .row:last-child{margin-bottom:0;}
.about .cont2 .edit-con .flex .row ul{display: flex;margin:0 -5px;}
.about .cont2 .edit-con .flex .row ul li{width:50%;padding:0 5px;}
.about .cont2 .edit-con .pic{position:relative;}
.about .cont2 .edit-con .pic .tag{position: absolute;right:0;top:0;display: inline-block;line-height:1.2em;padding:10px 12px;background-color: #505050;color: #fff;font-size:var(--fz14);font-weight:600;}

.about .cont3 .con ul{display: flex;flex-wrap:wrap;margin:0 -10px -20px;}
.about .cont3 .con ul li{width:50%;padding:0 10px;margin-bottom:20px;}
.about .cont3 .con ul li .box{display: flex;align-items:center;background-color: #fff;padding:var(--size60) var(--size40);border:1px solid #ddd;height:100%;}
.about .cont3 .con ul li .box .ic{width:120px;margin-right:var(--size40);}
.about .cont3 .con ul li .box .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.about .cont3 .con ul li .box .tt-wrap .tit{font-size:var(--fz32);font-weight:700;color:var(--dark);line-height:1.3em;}
.about .cont3 .con ul li .box .tt-wrap .tt20{margin-top:var(--size10);line-height:1.6em;}

.doc-contact .flex{display: flex;margin:0 -80px;}
.doc-contact .flex .col{width:50%;padding:0 80px;position:relative;}
.doc-contact .flex .col:after{content:'';width:1px;height:100%;background-color: #ddd;position: absolute;right:0;top:0;}
.doc-contact .flex .col:last-child:after{display:none;}
.doc-contact .flex .col .tit-wrap{display: flex;align-items:center;gap:10px;margin-bottom:var(--size15);}
.doc-contact .flex .col .tit-wrap .tit{font-size:var(--fz24);font-weight:600;color:var(--pri);line-height:1.2em;}
.doc-contact .flex .col .title{display: inline-block;font-size:var(--fz40);font-weight:700;color:var(--dark);line-height:1.2em;}
.doc-contact .flex .col .tt{margin-top:var(--size20);font-size:var(--fz22);line-height:1.5em;}
.doc-contact .flex .col .btn{display: flex;justify-content:center;align-items:center;width:280px;height:70px;margin-top:var(--size55);border:1px solid var(--pri);color:var(--pri);font-size:var(--fz20);line-height:1.3em;transition:.3s;}
.doc-contact .flex .col .btn:hover{background-color:var(--pri);color:#fff;}

.doc-contact.type2{padding:var(--size40);background-color: #fff;}
.doc-contact.type2 .flex{display: block;margin:0;}
.doc-contact.type2 .flex .col{width:100%;padding:0;}

.busi .cont1{padding-top:80px}
.busi .cont1 .contain{display: flex;align-items:center;}
.busi .cont1 .tt-wrap{min-width:0;width:1%;flex:1 1 auto;margin-right:40px;}
.busi .cont1 .tt-wrap .tit{font-size:var(--fz64);font-weight:700;line-height:1.2em;color:var(--dark);}
.busi .cont1 .tt-wrap .tt22{margin-top:var(--size45);}
.tt22{font-size:var(--fz22);line-height:1.64em;}

.num-con ul{display: flex;flex-wrap:wrap;margin:0 -10px -20px;}
.num-con ul li{width:50%;padding:0 10px;margin-bottom:20px;}
.num-con ul li .box{display: flex;align-items:center;padding:var(--size25) var(--size40);background-color: #fff;border:1px solid #ddd;height:100%;}
.num-con ul li .box .num{width:66px;font-size:var(--fz24);font-weight:700;color:#ccc;line-height:1.3em;}
.num-con ul li .box .tt{min-width:0;width:1%;flex:1 1 auto;font-size:var(--fz20);line-height:1.5em;}
.num-con ul li .box .tt strong{font-weight:600;}

.bgimg-con ul{display: flex;flex-wrap:wrap;margin:0 -10px -20px;}
.bgimg-con ul li{padding:0 10px;margin-bottom:20px;width:50%;}
.bgimg-con ul li .box{position:relative;}
.bgimg-con ul li .box img{width:100%;}
.bgimg-con ul li .box .tt-wrap{position: absolute;left:0;bottom:0;width:100%;padding:var(--size35) var(--size40);color: #fff;}
.bgimg-con ul li .box .tt-wrap .tit{font-size:var(--fz32);font-weight:700;line-height:1.3em;margin-bottom:var(--size10);}
.bgimg-con ul li .box .tt-wrap .tt{font-size:var(--fz20);line-height:1.6em;}

.doc-content{overflow:hidden;}

.inq-title{margin-bottom:10px;font-size:var(--fz32);line-height:1.5em;color:var(--dark);}
.board-form table td input.input{height:60px;}
.board-form table td .radio-wrap{height:60px;}
.board-form table td .captcha-wrap {height:60px;max-width:409px;}
.board-form table td .captcha-wrap .input {min-width:0;width:1%;flex:1 1 auto;}