@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.intro .top-con{display:flex;margin-bottom:50px;}
.doc-green{display:inline-block;font-size:40px;font-weight:700;position:relative;padding:0 7px;color: #46a046;}
.doc-green:after{content:'';width:100%;height:15px;background-color:#46a046;opacity:.3;position:absolute;left:0;bottom:-7px;}
/*.intro .top-con .img{margin-left:-27px;}*/
.intro .top-con .img{margin-left:25px;}
.history{border-top:1px solid #ddd;}
.history .con{padding:45px 0;border-bottom:1px solid #ddd;display:flex;}
.history .con .tit-box{max-width:497px;width:100%;padding-left:50px;position:relative;padding-top:5px;}
.history .con .tit-box .year{font-size:26px;font-weight:700;color: #46a046;width:100px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:8px;border:1px solid #46a046;margin-bottom:15px;}
.history .con .tit-box .ing{color: #fff;background-color:#46a046;border-radius:6px;position:absolute;font-size:16px;font-weight:700;width:60px;height:30px;display:flex;justify-content:center;align-items:center;letter-spacing:0;left:177px;top:10px;}
.history .con .tit-box .ing:before{content:'';width:8px;height:9px;background:url('../images/sub/triangle.png')no-repeat 50% 50%/contain;position: absolute;left:-8px;top:50%;margin-top:-4px;}
.history .con .tit-box .tit{font-size:26px;font-weight:700;color: #46a046;line-height:1.385em;}
.history .con .info{min-width:0;width:1%;flex:1 1 auto;}
.history .con .info li{padding-left:15px;font-size:16px;line-height:1.6em;font-weight:500;letter-spacing:0;position:relative;margin-bottom:10px;}
.history .con .info li:before{content:'';width:6px;height:6px;background-color: #46a046;position: absolute;left:0;top:9px;}
.history .con .info li:last-child{margin-bottom:0;}
.history .con:nth-child(even) .tit-box .year{color: #8fc31f;border-color:#8fc31f;}
.history .con:nth-child(even) .tit-box .tit{color: #8fc31f;}
.history .con:nth-child(even) .info li:before{background-color: #8fc31f;}
.intro .song{display:flex;margin-top:80px;}
.intro .song .video-container{width:66.0714%;padding-bottom:44.286%;}
.intro .song .img{width:33.9285%;padding-left:35px;}

.greeting{display:flex;padding:0 100px;}
.greeting .img{max-width:542px;width:100%;}
.greeting .txt-box{min-width:0;width:1%;flex:1 1 auto;padding-top:24px;margin-left:65px;}
.greeting .txt-box .doc-green{margin-bottom:35px;margin-left:-7px;}
.greeting .txt-box .txt{font-size:16px;line-height:2em;font-weight:500;}
.greeting .txt-box .txt .green{font-weight:700;}
.greeting .txt-box .btm-txt{margin-top:15px;font-size:22px;font-weight:700;}

.wrap-7{margin-left:7px;}
.location .top-con{display:flex;margin-bottom:55px;}
.location .top-con .txt-box{width:50%;padding-top:35px;}
.location .top-con .img{width:50%;display:flex;justify-content:center;align-items:center;border:1px solid #46a046;padding:64px 58px 62px 86px;}
.location .lc-tit{margin-left:7px;font-size:26px;font-weight:700;}
.location .doc-green{margin-top:15px;}
.location .info-wrap{margin-top:55px;margin-bottom:125px;}
.location .info-wrap .address{color:#242424;font-weight:500;font-size:22px;margin-bottom:15px;}	
.location .info-wrap .info{display:flex;}
.location .info-wrap .info p{font-size:16px;font-weight:500;padding-left:30px;position:relative;}
.location .info-wrap .info p:before{content:'';width:20px;height:22px;background:url('../images/sub/icon_tel.png')no-repeat 50% 50%/contain;position: absolute;left:0;top:3px;}
.location .info-wrap .info p.type2{margin-left:60px;}
.location .info-wrap .info p.type2:before{background-image:url('../images/sub/icon_fax.png');}
.location .car{margin-top:125px;}
.location .car .lc-tit{margin-bottom:20px;}
.location .car .txt{font-size:16px;font-weight:500;line-height:1.5em;margin-bottom:5px;}
.location .car .wrap-7 .txt:last-child{margin-bottom:0;}

.location .btm-con .lc-tit{margin-bottom:25px;}
.location .btm-con .con-box{display:flex;margin-right:-40px;}
.location .btm-con .box{width:calc(33.3333% - 40px);margin-right:40px;border-radius:15px;border:1px solid #baac91;padding:45px 15px 35px 30px;}
.location .btm-con .box .metro{color: #baac91;font-size:26px;font-weight:700;margin-bottom:20px;}
.location .btm-con .box .txt{font-size:16px;line-height:2em;margin-bottom:10px;}
.location .btm-con .box .wrap{margin-bottom:10px;position:relative;}
.location .btm-con .box .wrap:last-child{margin-bottom:0;}
.location .btm-con .box .wrap .bc-txt{display:inline-block;padding:0 10px;color:#fff;border-radius:3px;background-color: #baac91;font-weight:600;margin-bottom:5px;}

.location .btm-con .box.type2{border-color:#094f99;}
.location .btm-con .box.type2 .metro{color: #094f99;}
/* .location .btm-con .box.type2 .wrap{display:flex;} */
.location .btm-con .box.type2 .wrap .bc-txt{background-color: #094f99;margin-right:7px;}

.location .btm-con .box.type3{border-color:#8e68a5;}
.location .btm-con .box.type3 .metro{color: #8e68a5;}
.location .btm-con .box.type3 .wrap .bc-txt{background-color: #8e68a5;margin-right:7px;}

.branch .con{border-bottom:1px solid #ddd;padding:35px 55px 40px 60px;display:flex;align-items:center;}
.branch .con:last-child{border-bottom:0;}
.branch .con p{padding-right:20px;}
.branch .con .tit{width:20.6225%;font-size:34px;font-weight:700;color: #46a046;}
.branch .con .ic-txt{padding-left:26px;position:relative;font-size:16px;font-weight:500;line-height:1.4em;}
.branch .con .ic-txt:before{content:'';width:20px;height:22px;background:url('../images/sub/icon_location.png')no-repeat 50% 50%/contain;position: absolute;left:0;top:2px;}
.branch .con .ic-txt.tel:before{background-image:url('../images/sub/icon_tel.png');}
.branch .con .ic-txt.fax:before{background-image:url('../images/sub/icon_fax.png');}
.branch .con .ic-txt.address{width: 40.4669%;}
.branch .con .ic-txt.tel{width:19.4552%;}
.branch .con .ic-txt.fax{width:19.4552%;}

.sitemap{max-width:1035px;width:100%;margin:35px auto 0;}
.sitemap .flex-box{display:flex;margin-right:-60px;}
.sitemap .wrap{width:calc(33.3333% - 60px);margin-right:60px;text-align:center;}
.sitemap .wrap .tit{font-size:26px;font-weight:700;color:#46a046;padding-bottom:35px;position:relative;margin-bottom:40px;}
.sitemap .wrap .tit:before{content:'';width:100%;height:2px;background-color: #ddd;position: absolute;left:0;bottom:0;}
.sitemap .wrap .tit:after{content:'';width:80px;height:2px;background-color: #46a046;position: absolute;left:50%;margin-left:-40px;bottom:0;}
.sitemap .wrap ul li{margin-bottom:15px;}
.sitemap .wrap ul li:last-child{margin-bottom:0;}
.sitemap .wrap ul li a{font-size:18px;font-weight:500;}

.m-form{padding:50px 0 40px;}
.m-form .contain{max-width:720px;padding:0 15px;}
.m-form .top-wrap{text-align:center;margin-bottom:30px;}
.m-form .top-wrap .logo{margin-bottom:15px;}
.m-form .top-wrap .tit{font-size:25px;font-weight:600;color: #242424;line-height:1.2em;margin-bottom:5px;}
.m-form .top-wrap .tt{color: #686868;line-height:1.4em;}
.m-form .top-wrap .tt a{color: #0867c8;font-weight:500;position:relative;}
.m-form .top-wrap .tt a:after{content:'';width:100%;height:1px;background-color: #0867c8;position: absolute;left:0;bottom:-2px;}
.m-form .m-table table{width:100%;border-spacing:0;border-top:2px solid #242424;border-bottom:1px solid #ddd;}
.m-form .m-table table th,
.m-form .m-table table td{border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.m-form .m-table tr th:last-child,
.m-form .m-table tr td:last-child {border-right:0;}

.m-form .m-table table th{font-size:16px;font-weight:500;color: #242424;padding:10px 3px;background-color: #f5f5f5;line-height:1.4em;margin-bottom:3px;}
.m-form .m-table table th .necess{display:inline-block;padding-left:23px;position:relative;}
.m-form .m-table table th .necess:before{content:'';width:17px;height:13px;background:url('../images/sub/form_check.png')no-repeat 50% 50%/contain;position: absolute;left:0;top:3px;}
.m-form .m-table table th span{font-size:16px;display:inline-block;}

.m-form .m-table table td{padding:10px 15px;font-size:14px;}
.m-form .m-table table td .check-wrap label{display:flex;align-items:center;}
.m-form .m-table table td .check-wrap label:before{margin-right:0;}
.m-form .m-table table td .check-wrap label p{min-width:0;width:1%;flex:1 1 auto;margin-left:10px;line-height:1.429em;font-size:14px;}
.m-form .m-table table td .check-wrap label p.type2{padding-top:0;padding-bottom:3px;}
.m-form .m-table table .radio-box .radiobox{margin-right:20px;}
.m-form .m-table table .radio-box .radiobox:last-child{margin-right:0;}
.m-form .m-table table .tt{font-size:14px;}
.m-form .m-table table .align{display:flex;align-items:center;}
.m-form .m-table table .m-agree{letter-spacing:-.04em;}
.m-form .m-table table .m-agree .radio-box{margin-bottom:10px;}
.m-form .m-table table .m-agree .tit{line-height:1.4em;font-weight:500;margin-bottom:3px;}
.m-form .m-table table .m-agree p{font-size:14px;line-height:1.429em;color: #686868;}
.m-form .m-table table .m-agree .top-tt{margin-bottom:5px;}
.m-form .m-table table .radio-box.type2 label{font-size:14px;line-height:1.429em;padding-left:25px;}
.m-form .m-table table .radio-box.type2 label:before{left:0;position: absolute;top:4px;}
.m-form .btm-tt{font-size:16px;font-weight:500;color: #686868;margin-top:5px;}
.m-form .btn-confirm{width:100px;height:44px;color: #fff;font-size:16px;display:flex;justify-content:center;align-items:center;background-color: #555;border:none;margin:55px auto 0;}

.m-form .m-table table tbody {display:block;}
.m-form .m-table table tr {display:block; padding:12px 0;}
.m-form .m-table table th {display:block; border:0; text-align:left; padding:0; margin-bottom:7px; font-size:16px; background:none;}
.m-form .m-table table td {display:block; border:0; padding:0;}
.m-form .m-table table col{width:100% !important;}

.w-mail{padding:80px 0 135px;}
.w-mail .contain{padding:0 30px;}
.w-mail .box{margin-bottom:20px;}
.w-mail .box .title{font-size:20px;background-color: #8fc31f;padding:15px 10px 13px;line-height:1.4em;color: #fff;text-align:center;}
.w-mail .box .cnt{background-color: #f5f5f5;padding:40px 20px 40px;}
.w-mail .box .cnt .row{display:flex;align-items:center;margin-bottom:10px;}
.w-mail .box .cnt .row:last-child{margin-bottom:0;}
.w-mail .box .cnt .row label{min-width:70px;font-size:18px;}
.w-mail .box .cnt .btn-lg{margin:30px auto 30px;max-width:120px;width:100%;height:40px;color: #fff;background-color: #46a046;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:500;border:none;}
.w-mail .box .cnt .check-wrap{display:flex;justify-content:center;}
.w-mail .box .cnt .check-wrap label{font-size:14px;font-weight:500;}
.w-mail .tt-wrap p{font-size:14px;line-height:1.429em;padding-left:8px;position:relative;}
.w-mail .tt-wrap p:before{content:'';width:4px;height:1px;background-color: #454545;position: absolute;left:0;top:9px;}
.w-mail .tt-wrap p span{color: #ff0000;}

.n-label{margin-left:13px;display:inline-block !important;color: #d53737 !important;font-weight:500 !important;font-size: clamp(0.75rem, 0.7171rem + 0.1316vw, 0.875rem) !important;}
.red{color: #d53737 !important;}
.blue{color: #0867c8 !important;}
.m-form .m-table table th .necess.none:before {content: '';width: 15px;height: 14px;background: url('../images/bbs/ic-circle.png') no-repeat 50% 50% / contain;position: absolute;left: 0;top: 3px;}