@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
#container.flow{position:relative;overflow:hidden;}
.doc-content{position:relative;padding:100px 0;}
.doc-content:first-child{padding-top:0;}
.doc-content:last-child{padding-bottom:0;}
.doc-content.bc:before{content:'';position: absolute;left:50%;top:0;transform:translateX(-50%);width:100vw;height:100%;background-color:#f8f8f8;z-index:-1;}
.real-cont.type2{padding-bottom:0;}
.real-cont.type2 .doc-content:last-child{padding-bottom:140px;}
.doc-tit{margin-bottom:55px;}
.doc-tit .tit{position:relative;padding-top:25px;font-size:28px;line-height:1.2em;color: #2c2c2c;font-weight:600;}
.doc-tit .tit:before{content:'';position: absolute;left:0;top:0;width:7px;height:7px;background-color:#f5bc29;}
.doc-tit .tt{margin-top:20px;}

.greeting{display:flex;}
.greeting .img{margin-right:80px;}
.greeting .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.greeting .tt-wrap .tit{margin-bottom:20px;font-size:28px;line-height:1.5em;color:#2c2c2c;font-weight:700;}
.greeting .tt-wrap .tit p{display:inline-block;position:relative;padding:45px 0;}
.greeting .tt-wrap .tit p:before,
.greeting .tt-wrap .tit p:after{content:'';position: absolute;width:26px;height:22px;background-repeat:no-repeat;background-size:contain;}
.greeting .tt-wrap .tit p:before{left:0;top:0;background-image:url('../images/sub/rest1.png');background-position:0 50%;}
.greeting .tt-wrap .tit p:after{right:0;bottom:0;background-image:url('../images/sub/rest2.png');background-position:100% 50%;}
.greeting .tt-wrap .wrap p{margin-bottom:25px;}
.dt{font-size:17px;line-height:1.76em;}
.greeting .tt-wrap .wrap p:last-child{margin-bottom:0;}
.greeting .tt-wrap .ceo{display:flex;align-items:center;justify-content:flex-end;margin-top:35px;color:#2c2c2c;font-weight:700;line-height:1.2em;}
.greeting .tt-wrap .ceo .sign{margin-left:30px;}

.ov .img{margin-bottom:50px;}
.ov .info{border-top:1px solid #505050;border-bottom:1px solid #505050;}
.ov .info .row{padding:20px 50px 18px;border-bottom:1px solid #ddd;line-height:1.4em;}
.ov .info .row:last-child{border-bottom:none;}
.ov .info .row .col{display:flex;}
.ov .info .row .col .tit{min-width:90px;color:#2c2c2c;font-weight:700;}
.ov .info .row .col .wrap{min-width:0;width:1%;flex:1 1 auto;}
.ov .info .row .flex{display:flex;margin:0 -20px;}
.ov .info .row .flex .col{width:50%;padding:0 20px;}
.ov .info .row .col .tit.type2{min-width:235px;}
.ov .info .row .col .wrap ul{display:flex;margin:0 -10px;}
.ov .info .row .col .wrap ul li{width:25%;padding:0 10px;text-align:center;}
.ov .info .row .col .wrap ul li .ic{display:flex;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;background-color:#fff;border-radius:50%;}
.ov .info .row .col .wrap ul li p{margin-top:13px;font-weight:600;line-height:1.3em;color: #2c2c2c;}

.history{border-top:1px solid #505050;display:flex;padding:45px 50px 0;}
.history .tt-wrap{width:50%;padding-right:40px;}
.history .tt-wrap .since{margin-bottom:0px;font-size:24px;font-weight:700;color:#a8a8a8;line-height:1.2em;}
.history .tt-wrap .tit{margin-bottom:25px;font-size:58px;font-weight:800;line-height:1.2em;}
.history .con{width:50%;}
.history .con .row{display:flex;margin-bottom:55px;}
.history .con .row:last-child{margin-bottom:0;}
.history .con .row .year{width:110px;font-size:26px;font-weight:700;}
.history .con .row .info{min-width:0;width:1%;flex:1 1 auto;}
.history .con .row .info .tit{margin-bottom:10px;font-size:24px;font-weight:600;color: #2c2c2c;}
.history .con .row .info .dt{margin-bottom:20px;}

.company{display:flex;align-items:center;margin-bottom:100px;}
.company .img{position:relative;min-width:0;width:1%;flex:1 1 auto;margin-left:-30%;}
.company .tt-wrap{width:50%;padding-left:90px;}
.company .tt-wrap .logo{margin-bottom:35px;}
.company .tt-wrap .tit{margin-bottom:25px;font-size:28px;line-height:1.5em;color: #2c2c2c;font-weight:700;}
.company .tt-wrap .wrap p{margin-bottom:25px;}
.company .tt-wrap .wrap p:last-child{margin-bottom:0;}

.vision .logo-list{margin-bottom:65px;}
.vision .logo-list ul{display:flex;}
.vision .logo-list ul li{width:50%;}
.vision .logo-list ul li .box{display:flex;justify-content:center;align-items:center;height:254px;border-radius:127px;border:1px solid #505050;text-align:center;}
.vision .logo-list ul li .box .inner .logo{margin-bottom:25px;}
.vision .logo-list ul li .box .inner p{font-size:20px;font-weight:600;color: #2c2c2c;line-height:1.3em;}
.vision .con ul{display:flex;margin:0 -20px;}
.vision .con ul li{width:25%;text-align:center;padding:0 20px;}
.vision .con ul li .num{margin-bottom:10px;font-weight:700;color: #001f52;line-height:1.3em;}
.vision .con ul li .tit{margin-bottom:18px;font-size:24px;font-weight:700;color: #2c2c2c;line-height:1.3em;}
.vision .con ul li .ic{margin-bottom:20px;}

.doc-tit.center{text-align:center;}
.doc-tit.center .tit:before{left:50%;transform:translateX(-50%);}

.logi .map-con{background-color:#fff;border:1px solid #ddd;padding:50px 100px;}
.logi .map-con .inner{display:flex;align-items:center;margin:0 -60px;}
.logi .map-con .inner .cnt{width:50%;padding:0 60px;}
.logi .map-con .inner .cnt.txt .tit{margin-bottom:35px;font-size:34px;font-weight:700;line-height:1.3em;color: #2c2c2c;}
.logi .map-con .inner .cnt.txt .tt{font-size:28px;line-height:1.5em;color: #2c2c2c;font-weight:500;}
.logi .map-con .inner .cnt.txt .tt strong{font-weight:800;font-size:32px;}

.doc-content.type2{padding-top:100px;}
.logi .doc-content.bc:before{background:url('../images/sub/center-bg.jpg')no-repeat 50% 50%/cover;}
.logi .btm-con .doc-tit{margin-bottom:50px;}
.logi .btm-con .doc-tit .tit{color: #fff;}
.logi .btm-con .doc-tit .tt{margin-top:15px;font-size:20px;line-height:1.4em;font-weight:500;color: #fff;}
.logi .btm-con .doc-tit .adr{display:flex;justify-content:center;align-items:center;margin-top:25px;}
.logi .btm-con .doc-tit .adr .radi{display:flex;justify-content:center;align-items:center;width:50px;height:28px;margin-right:14px;border-radius:14px;background-color:#f5bc29;color: #2f6433;font-weight:700;font-size:15px;line-height:1em;padding-top:2px;}
.logi .btm-con .doc-tit .adr .txt{font-size:17px;line-height:1.4em;color: #fff;}
.logi .btm-con .cnt ul{display:flex;margin:0 -20px;}
.logi .btm-con .cnt ul li{width:50%;padding:0 20px;}
.logi .btm-con .cnt ul li .img{margin-bottom:35px;}
.logi .btm-con .cnt ul li .wrap .dt{position:relative;padding-left:10px;margin-bottom:5px;color: #fff;}
.logi .btm-con .cnt ul li .wrap .dt:last-child{margin-bottom:0;}
.logi .btm-con .cnt ul li .wrap .dt:before{content:'';position: absolute;left:0;top:13px;width:5px;height:1px;background-color: #fff;}

.logi .map-btm{background-color: #fafafa;border:1px solid #ddd;border-top:none;padding:45px;}
.logi .map-btm ul{display:flex;justify-content:center;margin:0 -125px;}
.logi .map-btm ul li{position:relative;padding:0 125px;text-align:center;}
.logi .map-btm ul li:after{content:'';position: absolute;right:-60px;top:50%;width:120px;height:1px;border-bottom:1px dashed #ddd;}
.logi .map-btm ul li:last-child:after{display:none;}
.logi .map-btm ul li .ic{margin-bottom:20px;}
.logi .map-btm ul li p{font-size:22px;line-height:1.36em;color: #242424;font-weight:700;}
.logi .map-btm ul li p strong{font-size:30px;}

.loc .top-con{display:flex;align-items:center;margin-bottom:80px;padding:35px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.loc .top-con .name{width:400px;font-size:20px;font-weight:700;}
.loc .top-con .wrap{display:flex;flex-wrap:wrap;min-width:0;width:1%;flex:1 1 auto;}
.loc .top-con .wrap p{position:relative;padding-left:30px;font-size:18px;font-weight:500;color:#2c2c2c;line-height:1.4em;margin-right:90px;}
.loc .top-con .wrap p:before{content:'';position: absolute;left:0;top:3px;width:20px;height:20px;background:url('../images/sub/ic-tel.png')no-repeat 50% 50%/contain;}
.loc .top-con .wrap p.type2:before{background-image: url('../images/sub/ic-fax.png');}
.loc .top-con .wrap p.type3:before{background-image: url('../images/sub/ic-mail.png');}
.loc .top-con .wrap p:last-child{margin-right:0;}
.loc .con .row{display:flex;margin-bottom:80px;}
.loc .con .row:last-child{margin-bottom:0;}
.loc .con .row .doc-tit{width:400px;margin-bottom:0;}
.loc .con .row .cnt{padding-top:25px;min-width:0;width:1%;flex:1 1 auto;}
.loc .con .row .cnt .tt{margin-bottom:35px;font-size:20px;font-weight:500;color: #2c2c2c;line-height:1.4em;}
.loc .con .row .cnt .maps .root_daum_roughmap {width:100% !important; height:320px !important;}
.loc .con .row .cnt .maps .root_daum_roughmap .wrap_map {height:320px !important;}
.loc .con .row .cnt .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.loc .con .row .cnt .maps .map_border{display:none;}
.loc .con .row .cnt .maps .roughmap_lebel_text:after {content:"(주)남스엘앤씨 본사"; font-size:12px; line-height:15px;}
.loc .con .row .cnt .maps.type2 .roughmap_lebel_text:after {content:"(주)남스엘앤씨 물류센터";}

.pr-cate1{margin-bottom:70px;}
.pr-cate1 ul{display:flex;margin:0 -3px;}
.pr-cate1 ul li{padding:0 3px;width:auto;}
.pr-cate1 ul li a{display:flex;align-items:center;height:44px;padding:0 25px;color: #2c2c2c;font-weight:700;font-size:19px;line-height:1em;background-color: #f1f1f1;border-radius:22px;}
.pr-cate1 ul li.active a{background-color: #2f6433;color: #fff;}

.pr-list{display:flex;align-items:flex-start;position:relative;}
.pr-list .pr-cate2{position:sticky;left:0;top:130px;width:240px;}
.pr-list .pr-cate2 .doc-tit{margin-bottom:30px;}
.pr-list .pr-cate2 .cate ul li{margin-bottom:15px;}
.pr-list .pr-cate2 .cate ul li:last-child{margin-bottom:0;}
.pr-list .pr-cate2 .cate ul li a{font-size:18px;color: #a8a8a8;font-weight:600;line-height:1.3em;}
.pr-list .pr-cate2 .cate ul li.active a{color: #2c2c2c;}
.pr-list .list-wrap{padding-top:25px;min-width:0;width:1%;flex:1 1 auto;}
.total-page.type2{color: #878787;font-weight:700;font-size:15px;}
.pr-list .list-wrap .list{margin-top:50px;}
.pr-list .list-wrap .list ul{display:flex;flex-wrap:wrap;margin:0 -25px;}
.pr-list .list-wrap .list ul li{width:33.3333%;padding:0 25px;margin-bottom:50px;}
.pr-list .list-wrap .list ul li .img{position:relative;padding:20px;}
.pr-list .list-wrap .list ul li .img:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd;}
.pr-list .list-wrap .list ul li .img .pic{position:relative; padding-bottom:125.683%;overflow:hidden;}
.pr-list .list-wrap .list ul li .img .pic img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.pr-list .list-wrap .list ul li .wrap{margin-top:25px;}
.pr-list .list-wrap .list ul li .wrap .comp{margin-bottom:10px;font-size:15px;font-weight:700;color: #2f6433;line-height:1.3em;}
.pr-list .list-wrap .list ul li .wrap .tit{margin-bottom:15px;font-size:24px;font-weight:700;color:#2c2c2c;line-height:1.3em;}
.pr-list .list-wrap .list ul li .wrap .version{font-size:13px;line-height:1.3em;color: #878787;font-weight:500;}

.pr-detail{display:flex;align-items:flex-start;}
.pr-detail .detail-img{position:sticky;left:0;top:130px;width:440px;}
.pr-detail .detail-img .img{position:relative;padding:20px;}
.pr-detail .detail-img .img:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd;}
.pr-detail .detail-img .img .pic{position:relative; padding-bottom:123.75%;overflow:hidden;}
.pr-detail .detail-img .img .pic img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.pr-detail .info-area{margin-left:90px;padding-top:30px;border-top:2px solid #505050;min-width:0;width:1%;flex:1 1 auto;}
.pr-detail .info-area .row{margin-bottom:70px;}
.pr-detail .info-area .row:last-child{margin-bottom:0;}
.pr-detail .info-area .row .title{display:flex;align-items:center;margin-bottom:40px;}
.pr-detail .info-area .row .title .pr-name{min-width:0;width:1%;flex:1 1 auto;padding-right:30px;font-size:32px;font-weight:700;color: #2c2c2c;line-height:1.4em;}
.pr-detail .info-area .row .title .btn-back{display:flex;justify-content:center;align-items:center;width:96px;height:34px;border-radius:17px;background-color: #f1f1f1;}
.pr-detail .info-area .row .title .btn-back span{position:relative;padding-left:15px;font-size:15px;color: #2c2c2c;line-height:1.2em;font-weight:700;}
.pr-detail .info-area .row .title .btn-back span:before{content:'';position: absolute;left:0;top:4px;width:6px;height:10px;background:url('../images/sub/back-arr.png')no-repeat 50% 50%/contain;}
.pr-detail .info-area .row .info-wrap dl{display:flex;margin-bottom:13px;font-size:15px;line-height:1.73em;}
.pr-detail .info-area .row .info-wrap dl:last-child{margin-bottom:0;}
.pr-detail .info-area .row .info-wrap dl dt{width:90px;color: #a8a8a8;font-weight:700;}
.pr-detail .info-area .row .info-wrap dl dd{min-width:0;width:1%;flex:1 1 auto;}
.pr-detail .info-area .row .row-tit{margin-bottom:25px;font-size:24px;font-weight:700;color: #2c2c2c;line-height:1.2em;}
.dot-list li{position:relative;padding-left:16px;margin-bottom:7px;font-size:15px;line-height:1.73em;}
.dot-list li:before{content:'';position: absolute;left:0;top:9px;width:5px;height:5px;background-color: #ccc;border-radius:50%;}
.dot-list li:last-child{margin-bottom:0;}

.table01 table{border-spacing:0;width:100%;border-top:1px solid #505050;text-align:center;}
.table01 table thead th{font-size:15px;line-height:1.4em;border-bottom:1px solid #505050;font-weight:700;color: #2c2c2c;}
.table01 table tbody th,
.table01 table tbody td{font-size:13px;line-height:1.38em;border-bottom:1px solid #ddd;}
.table01 table tbody th{font-weight:500;}
.table01 table th,
.table01 table td{height:50px;padding:17px 15px 15px;}

.nt{margin-top:15px;font-size:13px;color: #a8a8a8;line-height:1.2em;}

.sub-title.flex{display:flex;align-items:center;justify-content:space-between;}
.sub-title.flex .menu ul{display:flex;margin:0 -20px;}
.sub-title.flex .menu ul li{padding:0 20px;}
.sub-title.flex .menu ul li a{position:relative;font-size:20px;line-height:1.4em;color:#a8a8a8;font-weight:700;}
.sub-title.flex .menu ul li.active a:before{content:'';position: absolute;left:0;top:-18px;width:7px;height:7px;border-radius:50%;background-color: #2f6433;}
.sub-title.flex .menu ul li.active a{color: #2c2c2c;}

.data-filter{margin-bottom:50px;background-color: #f4f4f4;padding:45px 40px;}
.data-filter .tit{margin-bottom:25px;text-align:center;font-size:24px;color: #2c2c2c;font-weight:600;line-height:1.2em;}
.data-filter .con{display:flex;margin:0 -5px;}
.data-filter .con .wrap{width:33.3333%;padding:0 5px;}
.sl-box {position:relative;width:100%;}
.sl-box.type1{z-index:3;}
.sl-box.type2{z-index:2;}
.sl-box.type3{z-index:1;}
.sl-box .box-tit {border:1px solid #505050; line-height:46px;width:100%;padding-left:25px;display:block; position:relative; font-size:15px;color: #505050;border-radius:23px;z-index:1;background-color: #fff;}
.sl-box .box-tit:after {content:''; width:11px;	height:7px; top:50%; right:25px; margin-top:-3px; position:absolute;background:url('../images/sub/select-arr.png')no-repeat 50% 50%/cover;}
.sl-box .box-tit.active:after {transform:rotate(180deg);}
.sl-box .sl-open {display:none; position:absolute; top:0;width:100%; left:0;background-color: #fff;border:1px solid #505050;padding:70px 25px 20px;border-radius:23px 23px;}
.sl-box .sl-open ul li{margin-bottom:10px;}
.sl-box .sl-open ul li:last-child{margin-bottom:0;}
.sl-box .sl-open ul li .radiobox2{color: #2c2c2c;font-weight:500;font-size:17px;}
.sl-box .sl-open ul li .radiobox2 label{cursor:pointer;}
.sl-box .sl-open.active {display:block;}

.btn-list{display:flex;justify-content:center;margin:0 -3px;}
.btn-list li{max-width:126px;width:100%;padding:0 3px;}
.btn-list li .btn-down{display:flex;justify-content:center;align-items:center;height:40px;margin:0 auto;border-radius:20px;background-color:#f1f1f1;transition:.3s;text-decoration:none !important;}
.btn-list li .btn-down span{position:relative;padding-left:26px;color: #a8a8a8;font-weight:500;line-height:1.2em;transition:.3s;}
.btn-list li .btn-down span:before{content:'';position: absolute;left:0;top:3px;width:20px;height:14px;background:url('../images/sub/ic-down-off.png')no-repeat 0 50%/contain;transition:.3s;}
.btn-list li .btn-down:hover{background-color: #2f6433;}
.btn-list li .btn-down:hover span{color: #f5bc29;}
.btn-list li .btn-down:hover span:before{background-image:url('../images/sub/ic-down-on.png');}
.btn-list.type2 li{max-width:114px;}

.board-list-m .btn-list{justify-content:flex-start;}
.board-list-m .btn-list li{max-width:96px;}
.board-list-m .btn-list li .btn-down{height:28px;margin:0;}
.board-list-m .btn-list li .btn-down span{font-size:12px;padding-left:21px;margin-right:0;}
.board-list-m .btn-list li .btn-down span:before{top:1px;height:11px;}

.social{position:relative;padding-top:50px;}
.social:before{content:'';position: absolute;left:0;top:-3px;width:7px;height:7px;background-color: #f5bc29;z-index:1;}
.social:after{content:'';position: absolute;left:0;top:0;width:100%;height:1px;background-color: #ddd;}
.social .top-txt{margin-bottom:90px;}
.social .top-txt .tit{margin-bottom:25px;font-size:28px;line-height:1.4em;font-weight:700;color: #2c2c2c;}
.social .top-txt .tt{font-size:20px;line-height:1.7em;}
.social .con .row{display:flex;align-items:center;margin-bottom:80px;}
.social .con .row:last-child{margin-bottom:0;}
.social .con .row .wrap{min-width:0;width:1%;flex:1 1 auto;padding-left:100px;}
.social .con .row .wrap .num{margin-bottom:10px;font-weight:700;line-height:1.2em;color: #001f52;}
.social .con .row .wrap .tit{margin-bottom:25px;font-size:24px;font-weight:700;line-height:1.3em;color: #2c2c2c;}
.social .con .row:nth-child(even){flex-direction:row-reverse;}
.social .con .row:nth-child(even) .wrap{padding-left:70px;padding-right:60px;}

.inq-pg{display:flex;}
.inq-pg .info{width:50%;padding-right:40px;}
.inq-pg .info .tit{margin-bottom:20px;font-size:28px;font-weight:700;color: #2c2c2c;line-height:1.5em;}
.inq-pg .info .tt{font-size:20px;line-height:1.7em;margin-bottom:40px;font-weight:500;}
.inq-pg .info .wrap p{margin-bottom:10px;position:relative;padding-left:30px;font-size:18px;font-weight:500;color:#2c2c2c;line-height:1.4em;}
.inq-pg .info .wrap p:last-child{margin-bottom:0;}
.inq-pg .info .wrap p:before{content:'';position: absolute;left:0;top:3px;width:20px;height:20px;background:url('../images/sub/ic-tel.png')no-repeat 50% 50%/contain;}
.inq-pg .info .wrap p.type2:before{background-image: url('../images/sub/ic-fax.png');}
.inq-pg .info .wrap p.type3:before{background-image: url('../images/sub/ic-mail.png');}
.inq-pg .inq{width:50%;}
.inq-pg .inq .row-wrap{margin-bottom:40px;}
.inq-pg .inq .row-wrap .row{margin-bottom:25px;}
.inq-pg .inq .row-wrap .row:last-child{margin-bottom:0;}
.inq-pg .inq .row-wrap .row .tit{display:inline-block;margin-bottom:15px;font-size:18px;line-height:1.4em;color: #2c2c2c;font-weight:700;}
.necess{color: #2f6433 !important;font-weight:700;}
.inq-pg .inq .row-wrap .row .radio-wrap .radiobox{margin-right:30px;font-size:15px;font-weight:500;}
.inq-pg .inq .row-wrap .row .radio-wrap .radiobox:last-child{margin-right:0;}
.inq-pg .inq .row-wrap .row .flex{display:flex;margin:0 -10px;}
.inq-pg .inq .row-wrap .row .flex .col{width:50%;padding:0 10px;}
.inq-pg .inq .row-wrap .row .flex .col input#email{margin:0;}
.inq-pg .inq .check{display:flex;margin-bottom:30px;}
.inq-pg .inq .check .checkbox{font-size:17PX;font-weight:500;color: #2c2c2c;}
.inq-pg .inq .check .checkbox label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 8px 0 0; width:20px; height:20px; background-color:#f4f4f4; border:1px solid #ccc;border-radius:50%;}
.inq-pg .inq .check .checkbox input:checked + label:before {background:#2f6433 url("/images/bbs/checkbox.png") 50% 50% no-repeat; border-color:#2f6433;}
.inq-pg .inq .check a{display:flex;justify-content:center;align-items:center;width:64px;height:24px;border-radius:12px;border:1px solid #505050;margin-left:10px;font-size:12px;color: #2c2c2c;font-weight:500;font-size:12px;}
.inq-pg .inq .btn-inq{display:flex;justify-content:center;align-items:center;width:100%;height:66px;border-radius:33px;background-color: #f5bc29;font-size:20px;color: #2f6433;font-weight:600;border:none;cursor:pointer;}