@_Tabletcharset "utf-8"; /*================================================================================================= // 명 칭 : 서브화면 스타일쉬트 - 1200px 이상 // 처리내용 : // 작 성 자 : 2018-11-07 김진후 //=================================================================================================*/ #diFooter{clear:both; position:relative; width: 100%; z-index: 997;}} #diContents{width:100%; margin:0 auto; background: url(../img/common/body_bg.gif) repeat 0 0;} #diCon{background-color:#fff; padding:50px 0 150px;} .dcSubContentWrap{} .dcSubContentWrap p img{} .dcProductRegWrap{margin:0 0 50px 0;} .dcProductRegWrap .dcRegBox{margin:0 0 20px 0;} .dcProductRegWrap .dcRegBox p{text-align:center; font-size:20px; font-weight:400; line-height:25px; color:#333;} .dcProductRegWrap .dcBtnWrap{} #diBuyerStateWrap{} #diBuyerStateWrap h3.dcH3Title{text-align:center; font-size:22px; font-weight:bold; color:#333; margin:0 0 20px 0;} #diBuyerStateWrap .dcTBJN .dcCol01{width:3%;} #diBuyerStateWrap .dcTBJN .dcCol02{width:7%;} #diBuyerStateWrap .dcTBJN .dcCol03{width:9%;} #diBuyerStateWrap .dcTBJN .dcCol04{width:15%;} #diBuyerStateWrap .dcTBJN .dcCol05{width:7%;} #diBuyerStateWrap .dcTBJN .dcCol06{width:7%;} #diBuyerStateWrap .dcTBJN .dcCol07{width:7%;} #diBuyerStateWrap .dcTBJN .dcCol08{width:7%;} #diBuyerStateWrap .dcTBJN .dcCol09{width:auto;} #diBuyerStateWrap table thead tr th{border-right:solid 1px #ddd;} #diBuyerStateWrap table thead tr th:last-child{border-right:0;} #diBuyerStateWrap table tbody tr td ul li{position:relative; padding:0 0 0 15px; margin:0 0 5px 0; font-size:14px; font-weight:400;} #diBuyerStateWrap table tbody tr td ul li:last-child{margin:0;} #diBuyerStateWrap table tbody tr td ul li:before{content:''; display:block; position:absolute; top:0px; left:0px; font-size:14px; color:#333;} #diBuyerStateWrap table tbody tr td ul li:nth-child(1):before{content:'①';} #diBuyerStateWrap table tbody tr td ul li:nth-child(2):before{content:'②';} #diBuyerStateWrap table tbody tr td ul li:nth-child(3):before{content:'③';} #diBuyerStateWrap table tbody tr td ul li:nth-child(4):before{content:'④';} #diBuyerStateWrap table tbody tr td ul li:nth-child(5):before{content:'⑤';} #diRegProcessingStep{width:850px; margin:0 auto 100px; overflow:hidden;} #diRegProcessingStep div{float: left; width:250px;} #diRegProcessingStep div.dcArrow{width:50px; padding:0; text-align:center; } #diRegProcessingStep div.dcArrow i{line-height: 116px; font-size: 40px; color: #ddd;} #diRegProcessingStep div p{text-align:center; font-size:20px; color:#333; line-height:25px; padding:140px 0 0 0;} #diRegProcessingStep div.dcStep01{background:url(../img/sub/icoStep01.png) 50% 0 no-repeat; background-size:120px;} #diRegProcessingStep div.dcStep02{background:url(../img/sub/icoStep02.png) 50% 0 no-repeat; background-size:120px;} #diRegProcessingStep div.dcStep03{background:url(../img/sub/icoStep03.png) 50% 0 no-repeat; background-size:120px;} #diRegProcessingStep div.on p{font-weight:800; color:red;} #diRegProcessingStep div.dcStep01.on{background:url(../img/sub/icoStep01_on.png) 50% 0 no-repeat; background-size:120px;} #diRegProcessingStep div.dcStep02.on{background:url(../img/sub/icoStep02_on.png) 50% 0 no-repeat; background-size:120px;} #diRegProcessingStep div.dcStep03.on{background:url(../img/sub/icoStep03_on.png) 50% 0 no-repeat; background-size:120px;} #diRegProuctField{} #diRegProuctField .dcProductUseInfoWrap{padding:20px 4% 20px 15%; margin:0 0 50px 0; background:url(../img/sub/imgSingoTitle.png) 4% center no-repeat #eee;} #diRegProuctField .dcProductUseInfoWrap p{font-size:20px; font-weight:300; color:#000; line-height:25px; margin:0 0 10px 0;} #diRegProuctField .dcProductUseInfoWrap p span.dcBR{display:block;} #diRegProuctField .dcProductUseInfoWrap p span.accent{font-weight:700; color:#ff0000;} #diRegProuctField .dcProductUseInfoWrap ul{} #diRegProuctField .dcProductUseInfoWrap ul li{position:relative; font-size:20px; font-weight:300; color:#000; line-height:25px; margin:0 0 5x 0; padding:0 0 0 10px;} #diRegProuctField .dcProductUseInfoWrap ul li:last-child{margin:0;} #diRegProuctField .dcProductUseInfoWrap ul li:before{content:''; display:block; position:absolute; top:11px; left:0px; width:5px; height:1px; background-color:#333;} #diRegProuctField .dcProductTitleWrap{text-align:center; margin:0 0 45px 0;} #diRegProuctField .dcProductTitleWrap h3{position:relative; display:inline-block; font-size:35px; font-weight:700; color:#000; padding:0 0 5px 0; margin:0 0 15px 0;} #diRegProuctField .dcProductTitleWrap h3:after{content:""; display:block; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100%; height:25px; background-color:#ffd503; z-index:-1;} #diRegProuctField .dcProductTitleWrap h3 span{margin:0 10px; font-weight:800;} #diRegProuctField .dcProductUseSubmitWrap{margin:0 0 50px 0;} #diRegProuctField .dcProductUseSubmitWrap .dcProductInfo{margin:0 0 50px 0;} #diRegProuctField .dcProductUseSubmitWrap .dcTopWrap{position:relative; margin:0 0 20px 0;} #diRegProuctField .dcProductUseSubmitWrap .dcTopWrap h3.dcH3Title{position:relative; font-size:26px; color:#000; font-weight:500; padding:0 0 0 15px;} #diRegProuctField .dcProductUseSubmitWrap .dcTopWrap h3.dcH3Title:before{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); left:0px; width:4px; height:70%; background-color:#009457;} #diRegProuctField .dcProductUseSubmitWrap .dcTopWrap h3.dcH3Title span{font-size:18px; margin:0 0 0 10px;} #diRegProuctField .dcProductUseSubmitWrap .dcTopWrap h3.dcH3Title a{display:inline-block; font-size:18px; margin:0 0 0 10px; color:#ff0000;} .dcBBSInputBasic{width:100%; margin:0 auto; border-top:solid 2px #000;} .dcBBSInputBasic > ul{} .dcBBSInputBasic > ul > li{border-bottom:solid 1px #ccc; overflow:hidden;} .dcBBSInputBasic > ul > li:last-child{border-bottom:solid 2px #000;} .dcBBSInputBasic > ul > li > dl{float:left; width:50%; overflow:hidden;} .dcBBSInputBasic > ul > li > dl.flNone{float:none; width:100%;} .dcBBSInputBasic > ul > li > dl.flNone > dt{width:30%;} .dcBBSInputBasic > ul > li > dl.flNone > dd{width:70%;} .dcBBSInputBasic > ul > li > dl > dt{position:relative; float:left; width:40%; padding:10px 20px; line-height:22px; vertical-align:middle; overflow:hidden;} .dcBBSInputBasic > ul > li > dl > dt .dcEssential{float:left; width:50px; height:35px; line-height:35px; text-align:center; font-size:17px; font-weight:300; color:#000; background-color:#ffd602; border-radius:10px; margin:0 20px 0 0;} .dcBBSInputBasic > ul > li > dl > dt .dcNoEssential{float:left; width:50px; height:35px; line-height:35px; margin:0 20px 0 0;} .dcBBSInputBasic > ul > li > dl > dt p{float:left; width:calc(100% - 70px); font-size:20px; font-weight:500; color:#000; line-height:25px; margin: 5px 0;} .dcBBSInputBasic > ul > li > dl > dt p.dcImgP{padding:0 0 0 30px;} .dcBBSInputBasic > ul > li > dl > dt p span{displaY:block; font-size:16px;} .dcBBSInputBasic > ul > li > dl > dt .dcBtnAdd{position:absolute; top:11px; right:10px; height:22px; line-height:22px; text-align:center; font-size:14px; font-weight:400; margin:5px 10px; padding:0 10px; color:#fff; background-color:#000; border:solid 1px #000;} .dcBBSInputBasic > ul > li > dl > dt .dcBtnAdd:hover{color:#000; background-color:#fff; border:solid 1px #000;} .dcBBSInputBasic > ul > li > dl > dd{float:left; width:60%; position:relative; font-size:17px; font-weight:400; color:#000; vertical-align:middle; overflow:hidden;} .dcBBSInputBasic > ul > li > dl > dd p{font-size:17px; font-weight:400; color:#000; line-height:55px; padding:0 20px;} .dcBBSInputBasic > ul > li > dl > dd input.dcInputText{width:100%; height:55px; border:0; background-color:#f6f6f6; padding:0 20px; font-size:17px; font-weight:400; color:#000;} .dcBBSInputBasic > ul > li > dl > dd input[type=file]{width:60%; height:55px; line-height:55px; border:0; background-color:#f6f6f6; padding:0 20px; font-size:17px; font-weight:400; color:#000;} .dcBBSInputBasic > ul > li > dl > dd .dc_prod_img{ max-height:50px; line-height:50px;} .dcBBSInputBasic > ul > li > dl > dd input.dcInputTextHalf{float:left; width:50%; height:55px; border:0; background-color:#f6f6f6; padding:0 20px; font-size:17px; font-weight:400; color:#000;} .dcBBSInputBasic > ul > li > dl > dd input.dcInputPost{float:left; width:30%; height:55px; border:0; background-color:#f6f6f6; padding:0 20px 0 170px; font-size:17px; font-weight:400; color:#000;} .dcBBSInputBasic > ul > li > dl > dd input.dcInputAddr{float:left; width:70%; height:55px; border:0; background-color:#f6f6f6; padding:0 20px; font-size:17px; font-weight:400; color:#000;} .dcBBSInputBasic > ul > li > dl > dd input.dcInputRadio{width:100%; height:50px; border:0; background-color:#f6f6f6;} .dcBBSInputBasic > ul > li > dl > dd input::placeholder{font-size:17px; font-weight:300; color:#b1b1b1;} .dcBBSInputBasic > ul > li > dl > dd textarea{width:100%; height:300px; border:0; background-color:#f6f6f6; padding:20px; font-size:17px; font-weight:400; color:#000;} .dcBBSInputBasic > ul > li > dl > dd textarea::placeholder{font-size:17px; font-weight:300; color:#b1b1b1;} .dcBBSInputBasic > ul > li > dl > dd input.dcInputFile{width:100%; line-height:55px; font-size:17px; font-weight:400; color:#000; background-color:#f6f6f6; padding:0 20px; } .dcBBSInputBasic > ul > li > dl > dd button.dcBtnPost{position:absolute; top:50%; transform:translateY(-50%); left:0; width:130px; height:35px; line-height:35px; text-align:center; font-size:17px; font-weight:700; color:#000; background-color:#e4e4e4; border-radius:10px; margin:0 0 0 20px;} .dcBBSInputBasic > ul > li > dl > dd input.dcInputText20{float:left; width:20%; height:55px; border:0; background-color:#f6f6f6; padding:0 20px; font-size:17px; font-weight:400; color:#000;} .dcBBSInputBasic > ul > li > dl > dd.lineHeight55{line-height:50px;} .dcBBSInputBasic > ul > li > dl > dd.lineHeight55 label{margin:0 10px 0 0;} .dcBBSInputBasic > ul > li > dl > dd.lineHeight55 label:last-child{margin:0;} .dcBBSInputBasic > ul > li > dl > dd select{float:left; position:relative; width:100px; height:55px; background:none; border:0px; color:#000; font-size:16px; font-weight:400; padding:0 20px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(../img/sub/bgArrow.png) no-repeat 95% 50% #f6f6f6; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; outline:0; } .dcBBSInputBasic > ul > li > dl > dd select[id="category_no2"]{width:100%;} .dcBBSInputBasic > ul > li > dl > dd ul.companyTypeUL{overflow:hidden;} .dcBBSInputBasic > ul > li > dl > dd ul.companyTypeUL li{float:left; margin:0 10px 0 0; padding:0 0 0 20px; overflow:hidden;} .dcBBSInputBasic > ul > li > dl > dd ul.companyTypeUL li:last-child{margin:0; padding:0;} .dcBBSInputBasic > ul > li > dl > dd ul.companyTypeUL li > div{float:left; line-height:55px; margin:0 11px 0 0;} .dcBBSInputBasic > ul > li > dl > dd ul.companyTypeUL li > input[id="company_type_tx"]{width:549px;} .dcBBSInputBasic > ul > li > dl > dd ul.serviceUL{overflow:hidden;} .dcBBSInputBasic > ul > li > dl > dd ul.serviceUL li{float:left; margin:0 10px 0 0; line-height:55px;} .dcBBSInputBasic > ul > li > dl > dd ul.serviceUL li:first-child{padding: 0 0 0 20px;} .dcBBSInputBasic > ul > li > dl > dd ul.serviceUL li:last-child{margin:0;} .dcBBSInputBasic > ul > li > dl > dd ul.damageUL{overflow:hidden;} .dcBBSInputBasic > ul > li > dl > dd ul.damageUL li{float:left; margin:0 10px 0 0; line-height:55px;} .dcBBSInputBasic > ul > li > dl > dd ul.damageUL li:first-child{padding: 0 0 0 20px;} .dcBBSInputBasic > ul > li > dl > dd ul.damageUL li:last-child{margin:0;} .dcBBSInputBasic > ul > li > dl > dd .dcBtnRemove{display:block; height:22px; line-height:22px; text-align:center; font-size:14px; font-weight:400; margin:0; padding:0 10px; background-color:#495f79; border:solid 1px #495f79; color:#fff;} .dcBBSInputBasic > ul > li > dl > dd .dcBtnRemove:hover{background-color:#fff; border:solid 1px #495f79; color:#495f79;} .inputBasicService > ul > li > dl.flNone > dt{width:30%; padding:20px;} .inputBasicService > ul > li > dl.flNone > dd{width:70%; padding:20px 0;} .inputBasicService > ul > li > dl.flNone > dd ul.contentUL{margin:0 0 10px 0;} .inputBasicService > ul > li > dl.flNone > dd ul.contentUL li{position:relative; font-size:20px; font-weight:600; color:#000; padding:0 0 0 15px; margin:0 0 10px 0;} .inputBasicService > ul > li > dl.flNone > dd ul.contentUL li:last-child{margin:0;} .inputBasicService > ul > li > dl.flNone > dd ul.contentUL li:before{content:"\f0da"; font-family:'FontAwesome'; display:block; position:absolute; top:1px; left:0; font-size:20px; color:#3f77a8;} .inputBasicService > ul > li > dl.flNone > dd dl{overflow:hidden;} .inputBasicService > ul > li > dl.flNone > dd dl dt{float:left; width:20%; margin:0 5% 0 0; line-height:55px; padding:0 0 0 10px;} .inputBasicService > ul > li > dl.flNone > dd dl dd{float:left; width:75%;} .inputBasicService > ul > li > dl.flNone > dd dl dd input{} .inputBasicService > ul > li > dl.flNone > dd dl dd input[id="serv_type01_date"]{width:200px;} .inputBasicService > ul > li > dl.flNone > dd dl dd input[id="serv_type02_date"]{width:200px;} .inputBasicService > ul > li > dl.flNone > dd dl dd input[id="serv_type03_date"]{width:200px;} .inputBasicService > ul > li > dl.flNone > dd dl dd input[id="serv_type04_date"]{width:200px;} .inputBasicService > ul > li > dl.flNone > dd dl dd .ui-datepicker-trigger{width:55px; height:55px;} .inputBasicService > ul > li > dl.flNone > dd dl dd .dcDatePick{position:relative; color:#ff0000; font-size:17px; margin:0 0 0 10px; padding:0 0 0 20px;} .inputBasicService > ul > li > dl.flNone > dd dl dd .dcDatePick:before{content:"※"; display:block; position:absolute; top:0; left:0; font-size:17px; color:#ff0000;} #diRegProuctField .dcProductUseSubmitWrap .dcApplicantInfoWrap{margin:0 0 40px 0; overflow:hidden;} #diRegProuctField .dcProductUseSubmitWrap .dcApplicantInfoWrap .dcApplicantInfo{float:left; width:49%; margin:0 2% 0 0;} #diRegProuctField .dcProductUseSubmitWrap .dcApplicantInfoWrap .dcPrivcy{float:left; width:49%;} #diRegProuctField .dcProductUseSubmitWrap .dcApplicantInfoWrap .dcPrivcy .dcPrivcyText{border:solid 1px #ccc; height:171px; overflow-y:scroll; padding:20px;} #diRegProuctField .dcProductUseSubmitWrap .dcApplicantInfoWrap .dcPrivcy .dcPrivcyText p{font-size:17px; font-weight:300; color:#000; line-height:22px;} .dcPrivcyAgree{margin:0 0 40px 0; border:dotted 1px #aaa; background-color:#fafafa; padding:20px;} .dcPrivcyAgree h5{text-align:center; font-size:25px; font-weight:600; color:#000; margin:0 0 20px 0;} .dcPrivcyAgree ul{margin:0 0 20px 0;} .dcPrivcyAgree ul li{position:relative; text-align:center; font-size:20px; font-weight:400; color:#000; margin:0 0 5px 0; padding:0 0 0 20px;} .dcPrivcyAgree ul li:last-child{margin:0;} .dcPrivcyAgree ul li span{color:blue; font-weight:600;} .dcPrivcyAgree p{text-align:center; font-size:17px; font-weight:400; color:#000;} .dcPrivcyAgreeChk{text-align:center; margin:0 0 40px 0;} .dcPrivcyAgreeChk input.dcAgreeChk[type="checkbox"] + label{cursor:pointer; font-size:20px; font-weight:400; color:#000;} #diRegProuctField .dcBtnWrap{font-size:0; text-align:center;} #diRegProuctField .dcBtnWrap button{height:40px; line-height:40px; text-align:center; font-size:20px; font-weight:400; margin:0 5px; padding:0 50px;} #diRegProuctField .dcBtnWrap button.BtnSubmit{color:#fff; background-color:#000;} #diRegProuctField .dcBtnWrap button.BtnCancle{color:#fff; background-color:#999; border:solid 1px #000;} #diJNProduct{} #diJNProduct #diCatagroy{font-size:0; text-align:center; margin:0 0 100px 0; overflow:hidden;} #diJNProduct #diCatagroy a{float:left; width:calc(100%/3); text-align:center; font-size:20px; font-weight:300; color:#333; line-height:40px; padding:10px; background-color:#f1f1f1;} #diJNProduct #diCatagroy a:hover, #diJNProduct #diCatagroy a.on{font-weight:600; color:#000; background-color:#ffd503;} #diJNProduct #diCatagroy2{border:solid 1px #ddd; padding:10px; margin:0 0 50px 0;} #diJNProduct #diCatagroy2 ul{overflow:hidden;} #diJNProduct #diCatagroy2 ul li{float:left; position:relative; padding:0 15px;} #diJNProduct #diCatagroy2 ul li:after{content: ""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:0; width:1px; height:30%; background-color:#aaa;} #diJNProduct #diCatagroy2 ul li:last-child:after{display:none;} #diJNProduct #diCatagroy2 ul li a{font-size:18px; font-weight:400; line-height:35px; color:#555; letter-spacing: -0.5px;} #diJNProduct #diCatagroy2 ul li a span{color: #000; font-weight: 600;} #diJNProduct #diCatagroy2 ul li:hover a{text-decoration:underline;} #diJNProduct #diJNPD_List{} #diJNProduct #diJNPD_List h3{text-align:center; font-size:30px; font-weight:600; color:#000; line-height:35px; margin:0 0 30px 0;} #diJNProduct #diJNPD_List p.dcPTitle{font-size:30px; font-weight:300; color:#000;} #diJNProduct #diJNPD_List p.dcPTitle span.dcTotal{font-size:17px; font-weight:400; color:#000; margin:0 0 0 20px;} #diJNProduct #diJNPD_List p.dcPTitle span.dcTotal span{color:#ff0303; font-weight:700;} #diJNProduct #diJNPD_List ul{margin:0 0 50px 0;} #diJNProduct #diJNPD_List ul li{position:relative; background-color:#f1f1f1;} #diJNProduct #diJNPD_List ul li:nth-child(even){background-color:#f9f9f9;} #diJNProduct #diJNPD_List ul li:before, #diJNProduct #diJNPD_List ul li:after, #diJNProduct #diJNPD_List ul li dl:after, #diJNProduct #diJNPD_List ul li dl:before {transition:all 0.3s ease; display:block; content:''; position:absolute; background:#ffd602; z-index:100;} #diJNProduct #diJNPD_List ul li:before {top:0; left:0; right:100%; height:4px; } #diJNProduct #diJNPD_List ul li:after {top:0; right:0; bottom:100%; width:4px; } #diJNProduct #diJNPD_List ul li:hover:before{-webkit-transition-delay:0s; transition-delay:0s; right:0;} #diJNProduct #diJNPD_List ul li:hover:after {-webkit-transition-delay:.2s; transition-delay:.2s; bottom:0;} #diJNProduct #diJNPD_List ul li dl:after {bottom:0; right:0; left:100%; height:4px;} #diJNProduct #diJNPD_List ul li dl:before {bottom:0; left:0; top:100%; width:4px;} #diJNProduct #diJNPD_List ul li dl:hover:after {-webkit-transition-delay:.4s; transition-delay:.4s; left:0;} #diJNProduct #diJNPD_List ul li dl:hover:before {-webkit-transition-delay:.6s; transition-delay:.6s; top:0;} #diJNProduct #diJNPD_List ul li dl{overflow:hidden; padding:20px; } #diJNProduct #diJNPD_List ul li dl dt{float:left; width:20%;} #diJNProduct #diJNPD_List ul li dl dt img{width:100%; height:156px;} #diJNProduct #diJNPD_List ul li dl dd{float:left; width:80%; padding:0 0 0 2%;} #diJNProduct #diJNPD_List ul li dl dd p.dcPD_hscode{font-size:14px; font-weight:300; color:#000; line-height:19px; margin:0 0 10px 0;} #diJNProduct #diJNPD_List ul li dl dd p.dcPD_hscode span{font-weight:500;} #diJNProduct #diJNPD_List ul li dl dd p.dcPD_subject{font-size:25px; font-weight:600; color:#000; line-height:30px; margin:0 0 10px 0;} #diJNProduct #diJNPD_List ul li dl dd p.dcPD_subject a{color:#000;} #diJNProduct #diJNPD_List ul li dl dd p.dcPD_introduce{height:38px; font-size:16px; font-weight:300; color:#000; line-height:21px; margin:0 0 20px 0; word-break: break-all;} #diJNProduct #diJNPD_List ul li dl dd p.dcPD_company{font-size:14px; font-weight:300; color:#000; line-height:19px;} #diJNProduct #diJNPD_List ul li dl dd p.dcPD_company a{display:inline-block; color:#000;} #diJNProduct #diJNPD_Detail{margin:0 0 100px 0;} #diJNProduct #diJNPD_Detail .dcDeTitle{margin:0 0 50px 0;} #diJNProduct #diJNPD_Detail .dcDeTitle h3{text-align:center; font-size:30px; font-weight:700; color:#333; line-height:35px; margin:0 0 10px 0;} #diJNProduct #diJNPD_Detail .dcDeTitle h5{text-align:center; font-size:16px; font-weight:300; color:#333; line-height:21px; margin:0 0 30px 0;} #diJNProduct #diJNPD_Detail .dcDeTitle h5 span{font-weight:600;} #diJNProduct #diJNPD_Detail .dcDeTitle .dcRepreIMG{position:relative; width:900px; margin:0 auto;} #diJNProduct #diJNPD_Detail .dcDeTitle .dcRepreIMG .swiper-container{} #diJNProduct #diJNPD_Detail .dcDeTitle .dcRepreIMG .swiper-container.gallery-top{margin:0 0 10px 0; border:solid 1px #ccc;} #diJNProduct #diJNPD_Detail .dcDeTitle .dcRepreIMG .swiper-container.gallery-top .swiper-wrapper{} #diJNProduct #diJNPD_Detail .dcDeTitle .dcRepreIMG .swiper-container.gallery-top .swiper-wrapper .swiper-slide{height:675px; background-size:100% 100%;} #diJNProduct #diJNPD_Detail .dcDeTitle .dcRepreIMG .swiper-container.gallery-thumbs{} #diJNProduct #diJNPD_Detail .dcDeTitle .dcRepreIMG .swiper-container.gallery-thumbs .swiper-wrapper{} #diJNProduct #diJNPD_Detail .dcDeTitle .dcRepreIMG .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide{height:135px; background-size:100% 100%; border:solid 1px #ccc;} #diJNProduct #diJNPD_Detail .dcDeTitle .dcRepreIMG .swiper-button-next{top: 41%; right: -50px;} #diJNProduct #diJNPD_Detail .dcDeTitle .dcRepreIMG .swiper-button-prev{top: 41%; left: -50px;} #diJNProduct #diJNPD_Detail .dcDeOverview{margin:0 0 50px 0;} #diJNProduct #diJNPD_Detail .dcDeOverview h4.dcH4Title{font-size:24px; font-weight:700; color:#79bb22; line-height:29px; padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:solid 1px #aaa;} #diJNProduct #diJNPD_Detail .dcDeOverview p.dcPCon{font-size:16px; font-weight:300; color:#333; line-height:25px; padding:0 20px;} #diJNProduct #diJNPD_Detail .dcDeProducts{margin:0 0 50px 0;} #diJNProduct #diJNPD_Detail .dcDeProducts h4.dcH4Title{font-size:24px; font-weight:700; color:#79bb22; line-height:29px; padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:solid 1px #aaa;} #diJNProduct #diJNPD_Detail .dcDeProducts .dcDePDCon{padding:0 20px; margin:0 0 20px 0;} #diJNProduct #diJNPD_Detail .dcDeProducts .dcDePDCon ul{} #diJNProduct #diJNPD_Detail .dcDeProducts .dcDePDCon ul li{position:relative; font-size:16px; font-weight:300; color:#333; line-height:25px; padding:0 0 0 15px;} #diJNProduct #diJNPD_Detail .dcDeProducts .dcDePDCon ul li:before{content:''; display:block; position:absolute; top:11px; left:0px; width:5px; height:5px; background-color:#666;} #diJNProduct #diJNPD_Detail .dcDeProducts .dcDePDImg{position:relative; padding:0 50px;} #diJNProduct #diJNPD_Detail .dcDeProducts .dcDePDImg div.swiper-container{position:relative; overflow:hidden;} #diJNProduct #diJNPD_Detail .dcDeProducts .dcDePDImg div.swiper-container .swiper-slide{float:left; width:224px; height:168px; border:solid 1px #ddd;} #diJNProduct #diJNPD_Detail .dcDeProducts .dcDePDImg div.swiper-container .swiper-slide a{display:block; width:100%; height:100%;} #diJNProduct #diJNPD_Detail .dcDeProducts .dcDePDImg div.swiper-container .swiper-slide img{width: 100%; height:100%;} #diJNProduct #diJNPD_Detail .dcDeCertificate{margin:0 0 50px 0;} #diJNProduct #diJNPD_Detail .dcDeCertificate h4.dcH4Title{font-size:24px; font-weight:700; color:#79bb22; line-height:29px; padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:solid 1px #aaa;} #diJNProduct #diJNPD_Detail .dcDeCertificate .dcDeCertList{padding:0 20px;} #diJNProduct #diJNPD_Detail .dcDeCertificate .dcDeCertList ul{} #diJNProduct #diJNPD_Detail .dcDeCertificate .dcDeCertList ul li{position:relative; font-size:16px; font-weight:300; color:#333; line-height:25px; padding:0 0 0 15px;} #diJNProduct #diJNPD_Detail .dcDeCertificate .dcDeCertList ul li:before{content:''; display:block; position:absolute; top:11px; left:0px; width:5px; height:5px; background-color:#666;} #diJNProduct #diJNPD_Detail .dcDeCertificate .dcDeCertList ul li img{} #diJNProduct #diJNPD_Detail .dcDeCertificate .dcDeCertList ul li span{font-size:13px; font-weight:300; color:#666;} #diJNProduct #diJNPD_Detail .dcDeStandard{margin:0 0 50px 0;} #diJNProduct #diJNPD_Detail .dcDeStandard h4.dcH4Title{font-size:24px; font-weight:700; color:#79bb22; line-height:29px; padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:solid 1px #aaa;} #diJNProduct #diJNPD_Detail .dcDeStandard .dcDeStandList{padding:0 20px;} #diJNProduct #diJNPD_Detail .dcDeStandard .dcDeStandList .dcTBJN thead tr th{font-size:16px; padding:5px 10px; font-weight:500;} #diJNProduct #diJNPD_Detail .dcDeStandard .dcDeStandList .dcTBJN tbody tr td{font-size:16px; padding:5px 10px;} #diJNProduct #diJNPD_Detail .dcDeIntroCompany{} #diJNProduct #diJNPD_Detail .dcDeIntroCompany .dcDeIntroTitle{} #diJNProduct #diJNPD_Detail .dcDeIntroCompany .dcDeIntroTitle h3{font-size:24px; font-weight:700; color:#79bb22; line-height:29px; padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:solid 1px #aaa;} #diJNProduct #diJNPD_Detail .dcDeIntroCompany .dcDeIntroTitle .dcCompanyIMG{position:relative; width:100%; overflow:hidden; margin:0 0 30px 0; padding:0 20px;} #diJNProduct #diJNPD_Detail .dcDeIntroCompany .dcDeIntroTitle .dcCompanyIMG img{width: 100%; border:solid 1px #ccc; } #diJNProduct #diJNPD_Detail .dcDeIntroCompany .dcDeCompanyInfo{padding:0 20px;} #diJNProduct #diJNPD_Detail .dcDeIntroCompany .dcDeCompanyInfo ul{} #diJNProduct #diJNPD_Detail .dcDeIntroCompany .dcDeCompanyInfo ul li{position:relative; font-size:16px; font-weight:300; color:#333; line-height:25px; padding:0 0 0 15px; margin:0 0 5px 0;} #diJNProduct #diJNPD_Detail .dcDeIntroCompany .dcDeCompanyInfo ul li:last-child{margin:0;} #diJNProduct #diJNPD_Detail .dcDeIntroCompany .dcDeCompanyInfo ul li:before{content:''; display:block; position:absolute; top:11px; left:0px; width:5px; height:5px; background-color:#666;} #diJNProduct #diJNPD_Detail .dcDeIntroCompany .dcDeCompanyInfo ul li span{font-weight:400; color:#79bb22; margin:0 10px 0 0;} #diJNProduct #diJNPD_Detail .dcDeIntroCompany .dcDeCompanyInfo ul li a{display:inline-block; color:#333;} #diJNPD_Inquiry{} #diJNPD_Inquiry .dcInquiryTitle{margin:0 0 50px 0;} #diJNPD_Inquiry .dcInquiryTitle h3{text-align:center; font-size:30px; font-weight:600; color:#000; line-height:35px; margin:0 0 30px 0;} #diJNPD_Inquiry .dcInquiryProduct{margin:0 0 50px 0;} #diJNPD_Inquiry .dcInquiryProduct h4.dcH4PDTitle{font-size:24px; font-weight:700; color:#79bb22; line-height:29px; margin:0 0 10px 0;} #diJNPD_Inquiry .dcInquiryProduct .dcPdInfo{overflow:hidden; padding:30px; background-color:#f1f1f1;} #diJNPD_Inquiry .dcInquiryProduct .dcPdInfo .dcThumbImg{float:left; width:30%;} #diJNPD_Inquiry .dcInquiryProduct .dcPdInfo .dcThumbImg a{width:342px; height:228px;} #diJNPD_Inquiry .dcInquiryProduct .dcPdInfo .dcThumbImg a img{width:100%; height:100%;} #diJNPD_Inquiry .dcInquiryProduct .dcPdInfo .dcPDDetail{float:left; width:70%; padding:15px 0 0 5%;} #diJNPD_Inquiry .dcInquiryProduct .dcPdInfo .dcPDDetail dl{overflow:hidden; margin:0 0 10px 0;} #diJNPD_Inquiry .dcInquiryProduct .dcPdInfo .dcPDDetail dl:last-child{margin:0;} #diJNPD_Inquiry .dcInquiryProduct .dcPdInfo .dcPDDetail dl dt{float:left; width:15%; font-size:20px; font-weight:600; color:#333; line-height:25px;} #diJNPD_Inquiry .dcInquiryProduct .dcPdInfo .dcPDDetail dl dd{float:left; width:85%; font-size:20px; font-weight:400; color:#333; line-height:25px;} #diJNPD_Inquiry .dcInquiryProduct .dcPdInfo .dcPDDetail dl dd a{font-size:20px; font-weight:400; color:blue; line-height:25px;} #diJNPD_Inquiry .dcInquiryInfo{margin:0 0 50px 0;} #diJNPD_Inquiry .dcInquiryInfo h4.dcH4PDTitle{font-size:24px; font-weight:700; color:#79bb22; line-height:29px; margin:0 0 10px 0;} .dcPagingWrap{text-align:center; font-size:0;} .dcPagingWrap a, .dcPagingWrap span{display:inline-block; text-align:center; font-size:14px; font-weight:600; line-height:40px; color:#333; width:40px; height:40px; border:solid 1px #ddd; border-radius:50%; margin:0 2px;} .dcPagingWrap a:hover, .dcPagingWrap span:hover{border:solid 1px #000; background-color:#000; color:#fff;} .dcPagingWrap span.dcCurrent{border:solid 1px #000; background-color:#000; color:#fff;} .dcTitle{margin:0 0 70px 0;} .dcTitle p.dcStitle{text-align:center; font-size:25px; font-weight:300; line-height:35px; color:#0c72eb;} .dcTitle h3.dcH3Title{text-align:center; font-size:50px; font-weight:700; line-height:55px; color:#333;} .dcTitle h3.dcH3Title span{display:block; font-size:30px;} #diSUB1010{} #diSUB1010 .dcConText{} #diSUB1010 .dcConText p{text-align:center; font-size:18px; font-weight:400; line-height:30px; color:#333;} #diSUB1010 .dcConText p span{font-family: 'SDKukdetopokki'; font-size:30px;} #diSUB1020{} #diSUB1020 .dcConText .dcTBJN{} #diSUB1020 .dcConText .dcTBJN .dcCol01{width:10%;} #diSUB1020 .dcConText .dcTBJN .dcCol02{width:15%;} #diSUB1020 .dcConText .dcTBJN .dcCol03{width:10%;} #diSUB1020 .dcConText .dcTBJN .dcCol04{width:50%;} #diSUB1020 .dcConText .dcTBJN .dcCol05{width:15%;} #diSUB2010{} #diSUB2010 .dcJiWonTab{font-size:0; text-align:center; margin:0 0 50px 0;} #diSUB2010 .dcJiWonTab > a{display:inline-block; text-align:center; font-size:20px; font-weight:300; color:#333; line-height:25px; padding:20px 20px; background-color:#f1f1f1;} #diSUB2010 .dcJiWonTab > a.on{font-weight:600; color:#fff; background-color:#333;} #diSUB2010 .dcJiWonList{} #diSUB2010 .dcJiWonList .dcTBJN{} #diSUB2010 .dcJiWonList .dcTBJN .dcCol01{width:10%;} #diSUB2010 .dcJiWonList .dcTBJN .dcCol02{width:80%;} #diSUB2010 .dcJiWonList .dcTBJN .dcCol03{width:10%;} .dcJiWonDetail{margin:0 0 70px 0;} .dcJiWonDetail > ul{} .dcJiWonDetail > ul > li{margin:0 0 50px 0;} .dcJiWonDetail > ul > li:last-child{margin:0;} .dcJiWonDetail > ul > li > h5.dcH5Txt{text-align:center; font-size:25px; font-weight:600; color:#4695a1; line-height:30px; margin:0 0 10px 0;} .dcJiWonDetail > ul > li > p.dcPTxt{text-align:center; font-size:20px; font-weight:400; color:#333; line-height:25px; margin:0 0 20px 0;} .dcJiWonDetail > ul > li > p.dcPTxt span{display:block; font-size:16px; font-weight:400; color:#f47a20;} .dcJiWonDetail > ul > li > p.dcPTxt:last-child{margin:0;} .dcJiWonDetail > ul > li.detailSchedule{margin:0 0 20px 0;} .dcJiWonDetail > ul > li .dcDIVLi{margin:5px 0 0 0;} .dcJiWonDetail > ul > li .dcDIVLi > ul{text-align:center; } .dcJiWonDetail > ul > li .dcDIVLi > ul > li{} .dcJiWonDetail > ul > li .dcDIVLi > ul > li p{position:relative; display:inline-block; font-size:16px; font-weight:400; line-height:21px; color:#666; padding:0 0 0 10px;} .dcJiWonDetail > ul > li .dcDIVLi > ul > li p:before{content:"-"; display:block; position:absolute; top:0; left:0; font-size:12px; color:#666;} .dcJiWonDetail > ul > li .dcStepWrap{overflow:hidden;} .dcJiWonDetail > ul > li .dcStepWrap > ul > li{display: table; position: relative; float: left; width: 16%;} .dcJiWonDetail > ul > li .dcStepWrap > ul > li > .dcDivTDrow{display:table-row;} .dcJiWonDetail > ul > li .dcStepWrap > ul > li > .dcDivTDrow > p{display:table-cell; width: 100%; vertical-align:middle; text-align:center; font-size:16px; line-height:21px; color:#333; padding: 10px 5px;} .dcJiWonDetail > ul > li .dcStepWrap > ul > li > .dcDivTDrow > p.dcStepTop{height:56px; background-color: #ccc; font-weight:500;} .dcJiWonDetail > ul > li .dcStepWrap > ul > li > .dcDivTDrow > p.dcStepBottom{height:100px; background-color: #f1f1f1; font-weight:300;} .dcJiWonDetail > ul > li .dcStepWrap > ul > li > .dcDivTDrow > p.dcStepAll{height:156px; background-color: #ccc; font-weight:500;} .dcJiWonDetail > ul > li .dcStepWrap > ul > li.dcArrow{float:left; width:5%; line-height:156px; padding:0 1%; text-align:center;} .dcJiWonEtc{width:900px; margin:0 auto 50px; padding:5%; background-color:#f1f1f1;} .dcJiWonEtc p{font-size:16px; line-height:21px; font-weight:400; color:#333; margin:0 0 10px 0;} .dcJiWonEtc p span{font-weight:700; color:#3f77a8;} .dcJiWonEtc ul{} .dcJiWonEtc ul li{position:relative; font-size:16px; font-weight:400; line-height:21px; color:#333; padding:0 0 0 10px; margin:0 0 5px 0;} .dcJiWonEtc ul li:before{content:"-"; display:block; position:absolute; top:0; left:0; font-size:16px; color:#666;} .dcJiWonEtc ul li:last-child{margin:0;} .dcJiWonEtc ul li span{font-weight:600;} table.TB20101001{margin:0 0 40px 0;} table.TB20101001 .dcCol01{width:5%;} table.TB20101001 .dcCol02{width:10%;} table.TB20101001 .dcCol03{width:12%;} table.TB20101001 .dcCol04{width:auto;} table.TB20101001 .dcCol05{width:7%;} table.TB20101001 .dcCol06{width:7%;} table.TB20101001 .dcCol07{width:10%;} #diREG_BIZ{} #diREG_BIZ .dcSearchWrap{border:solid 1px #ccc; padding:17px; margin:0 0 50px 0; overflow:hidden;} #diREG_BIZ .dcSearchWrap .dcSearch{float:left; width:30%; margin:0 2% 0 0;} #diREG_BIZ .dcSearchWrap .dcSearch select{ position:relative; width:100%; height:60px; background:none; border:0px; color:#000; font-size:16px; font-weight:500; border:1px solid #ccc; padding:0 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../img/sub/bgArrow.png) no-repeat 95% 50%; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; outline:0; } #diREG_BIZ .dcSearchWrap .dcKeyword{float:left; width:68%; border:solid 1px #ccc; overflow:hidden;} #diREG_BIZ .dcSearchWrap .dcKeyword input{ position:relative; float:left; width:90%; height:60px; background:none; border:0px; color:#000; font-size:16px; font-weight:400; background-color:#fff; padding:0 10px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; outline:0; } #diREG_BIZ .dcSearchWrap .dcKeyword input::placeholder{font-size:16px; color:#000; font-weight:400;} #diREG_BIZ .dcSearchWrap .dcKeyword button{ position:relative; float:left; width:10%; height:60px; background:none; border:0px; text-indent:-9999px; background: url(../img/sub/bgSearch.png) no-repeat 50% 50%; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; outline:0; } #diREG_BIZ .dcRegBizList{margin:0 0 50px 0;} #diREG_BIZ .dcRegBizList .dcTBJN{} #diREG_BIZ .dcRegBizList .dcTBJN .dcCol01{width:auto;} #diREG_BIZ .dcRegBizList .dcTBJN .dcCol02{width:20%;} #diREG_BIZ .dcRegBizList .dcTBJN .dcCol03{width:20%;} #diREG_BIZ .dcRegBizList .dcTBJN .dcCol04{width:10%;} #diREG_BIZ .dcRegBizList .dcTBJN td p.dcRegIng{text-align:center; font-size:16px; font-weight:600; color:#fff; background-color:#ff0000;} #diREG_BIZ .dcRegBizList .dcTBJN td p.dcRegEnd{text-align:center; font-size:16px; font-weight:600; color:#fff; background-color:#333;} #diCustomerCenter{} #diCustomerCenter .dcCustomerCenterCon{} #diCustomerCenter .dcCustomerCenterCon .dcInquiryListWrap{margin:0 0 50px 0;} #diSUB302010{} #diSUB302010 .dcTitle{margin:0 0 70px 0;} #diSUB302010 .dcTitle h3.dcH3Title{text-align:center; font-size:50px; font-weight:700; line-height:55px; color:#333; margin:0 0 10px 0;} #diSUB302010 .dcTitle p.dcStitle{text-align:center; font-size:25px; font-weight:300; line-height:35px; color:#0c72eb;} #diSUB302010 .dcAgentDetail{} #diSUB302010 .dcAgentDetail .dcAgentCon{margin:0 0 100px 0;} #diSUB302010 .dcAgentDetail .dcAgentCon h4.dcH4Title{text-align:center; font-size:30px; font-weight:700; line-height:35px; color:#333; margin:0 0 20px 0;} #diSUB302010 .dcAgentDetail .dcAgentCon ul{} #diSUB302010 .dcAgentDetail .dcAgentCon ul > li{margin:0 0 50px 0;} #diSUB302010 .dcAgentDetail .dcAgentCon ul > li:last-child{margin:0;} #diSUB302010 .dcAgentDetail .dcAgentCon ul > li > h5.dcH5Txt{text-align:center; font-size:25px; font-weight:600; color:#4695a1; line-height:30px; margin:0 0 10px 0;} #diSUB302010 .dcAgentDetail .dcAgentCon ul > li > p.dcPTxt{text-align:center; font-size:20px; font-weight:400; color:#333; line-height:25px; margin:0 0 20px 0;} #diSUB302010 .dcAgentDetail .dcAgentCon ul > li > p.dcPTxt span{display:block; font-size:16px; font-weight:400; color:#f47a20;} #diSUB302010 .dcAgentDetail .dcAgentCon ul > li > p.dcPTxt:last-child{margin:0;} #diSUB302010 .dcAgentDetail .dcAgentCon ul > li .dcDIVLi{margin:5px 0 0 0;} #diSUB302010 .dcAgentDetail .dcAgentCon ul > li .dcDIVLi > ul{text-align:center; } #diSUB302010 .dcAgentDetail .dcAgentCon ul > li .dcDIVLi > ul > li{margin:0;} #diSUB302010 .dcAgentDetail .dcAgentCon ul > li .dcDIVLi > ul > li p{position:relative; display:inline-block; font-size:16px; font-weight:400; line-height:21px; color:#666; padding:0 0 0 10px;} #diSUB302010 .dcAgentDetail .dcAgentCon ul > li .dcDIVLi > ul > li p:before{content:"-"; display:block; position:absolute; top:0; left:0; font-size:12px; color:#666;} #diSUB302010 .dcAgentDetail .dcAgentCon ul > li .dcStepWrap{overflow:hidden;} #diSUB302010 .dcAgentDetail .dcAgentCon ul > li .dcStepWrap > ul > li{display: table; position: relative; float: left; width:calc((85%/4) - 0.01px); margin:0;} #diSUB302010 .dcAgentDetail .dcAgentCon ul > li .dcStepWrap > ul > li > .dcDivTDrow{display:table-row;} #diSUB302010 .dcAgentDetail .dcAgentCon ul > li .dcStepWrap > ul > li > .dcDivTDrow > p{display:table-cell; width: 100%; vertical-align:middle; text-align:center; font-size:16px; line-height:21px; color:#333; padding: 10px 5px;} #diSUB302010 .dcAgentDetail .dcAgentCon ul > li .dcStepWrap > ul > li > .dcDivTDrow > p.dcStepTop{height:56px; background-color: #ccc; font-weight:500;} #diSUB302010 .dcAgentDetail .dcAgentCon ul > li .dcStepWrap > ul > li > .dcDivTDrow > p.dcStepBottom{height:100px; background-color: #f1f1f1; font-weight:300;} #diSUB302010 .dcAgentDetail .dcAgentCon ul > li .dcStepWrap > ul > li > .dcDivTDrow > p.dcStepAll{height:156px; background-color: #ccc; font-weight:500;} #diSUB302010 .dcAgentDetail .dcAgentCon ul > li .dcStepWrap > ul > li.dcArrow{float:left; width:5%; line-height:156px; padding:0 1%; text-align:center;} #diSearchWrap{margin:0 0 50px 0; border:solid 1px #ddd; padding:20px;} #diSearchWrap .dcInnerBox{background-color:#ccc; padding:30px; overflow:hidden; text-align:center;} #diSearchWrap .dcSelectBox{float:left; margin:0 1% 0 0;} #diSearchWrap .dcSelectBox > select{width:100%; height:50px; line-height:50px; border:solid 1px #aaa; background-color:#fff; font-size:16px; font-weight:400; color:#333;} #diSearchWrap .dcSelectBox.categoryType{width:20%;} #diSearchWrap .dcSelectBox.searchType{width:10%;} #diSearchWrap .dcInputBox{float:left; width:57%; margin:0 1% 0 0;} #diSearchWrap .dcInputBox > input{width:100%; height:50px; line-height:50px; border:solid 1px #aaa; background-color:#fff; font-size:16px; font-weight:400; color:#333; padding:0 10px;} #diSearchWrap .dcInputBox > input::placeholder{color:#aaa;} #diSearchWrap .dcBtnSearch{float:left; width:10%; } #diSearchWrap .dcBtnSearch > button{width:100%; height:50px; line-height:50px; border:solid 1px #aaa; background-color:#333; font-size:16px; font-weight:400; color:#fff;} /*모바일 css*/ @media(max-width:767px){ #diFooter{border-top:solid 1px #ddd;} #diCon{padding: 30px 5% 100px;} .dcSubContentWrap p img{width:100%;} .dcProductRegWrap .dcRegBox p{font-size:14px; line-height:19px;} #diSearchWrap{padding:5%;} #diSearchWrap .dcInnerBox{padding:5%;} #diSearchWrap .dcSelectBox{float:none; width:100%; margin:0 0 5px 0;} #diSearchWrap .dcSelectBox > select{height:30px; line-height:30px; font-size:12px;} #diSearchWrap .dcSelectBox.categoryType{width:100%;} #diSearchWrap .dcSelectBox.searchType{width:100%;} #diSearchWrap .dcInputBox{float:none; width:100%; margin:0 0 5px 0;} #diSearchWrap .dcInputBox > input{height:30px; line-height:30px; font-size:12px;} #diSearchWrap .dcInputBox > input::placeholder{color:#aaa; font-size:12px;} #diSearchWrap .dcBtnSearch{float:none; width:100%;} #diSearchWrap .dcBtnSearch > button{height:30px; line-height:30px; font-size:12px;} #diRegProuctField .dcProductTitleWrap h3{display:block; font-size:25px;} #diRegProuctField .dcProductUseSubmitWrap .dcTopWrap h3.dcH3Title{font-size:18px; line-height:23px; padding:0 0 0 10px;} #diRegProuctField .dcProductUseSubmitWrap .dcTopWrap h3.dcH3Title:before{top: 3px;transform: unset;height: 20px;} #diRegProuctField .dcProductUseSubmitWrap .dcTopWrap h3.dcH3Title span{display:block; font-size:14px; margin:0;} #diRegProuctField .dcProductUseSubmitWrap .dcTopWrap h3.dcH3Title a{display:block; font-size:14px; margin:0;} .dcBBSInputBasic > ul > li{border-bottom:solid 1px #777;} .dcBBSInputBasic > ul > li > dl.flNone > dt{width:100%;} .dcBBSInputBasic > ul > li > dl.flNone > dd{width:100%; padding:0 10px; font-size:14px;} .dcBBSInputBasic > ul > li > dl > dt{padding:5px 10px; line-height:unset; border-bottom:solid 1px #ccc;} .dcBBSInputBasic > ul > li > dl > dt .dcEssential{width:35px; height:20px; line-height:20px; font-size:12px; font-weight:400; margin:5px 5px 5px 0; border-radius:0;} .dcBBSInputBasic > ul > li > dl > dt .dcNoEssential{display:none;} .dcBBSInputBasic > ul > li > dl > dt p{font-size:14px; font-weight:500; color:#000; line-height:30px; padding:0; margin:0;} .dcBBSInputBasic > ul > li > dl > dt p span{displaY:inline-block; font-size:12px; margin:0 0 0 5px;} .dcBBSInputBasic > ul > li > dl > dd{padding:0 10px;} .dcBBSInputBasic > ul > li > dl > dd p{font-size:14px; line-height:19px; padding:15px 0; text-align:Center;} .dcBBSInputBasic > ul > li > dl > dd input.dcInputText{height:auto; padding:10px 5px; font-size:14px; text-align:center;} .dcBBSInputBasic > ul > li > dl > dd input.dcInputPost{width:20%; height:auto; padding:10px 5px; font-size:14px; text-align:center;} .dcBBSInputBasic > ul > li > dl > dd input.dcInputAddr{width:80%; height:auto; padding:10px 5px; font-size:14px;} .dcBBSInputBasic > ul > li > dl > dd input.dcInputRadio{width:100%; height:50px; border:0; background-color:#f6f6f6;} .dcBBSInputBasic > ul > li > dl > dd input[type=file]{width:100%; height:35px; line-height:35px; padding:0 5px; font-size:14px;} .dcBBSInputBasic > ul > li > dl > dd input::placeholder{font-size:14px;} .dcBBSInputBasic > ul > li > dl > dd textarea{width:100%; height:300px; border:0; background-color:#f6f6f6; padding:10px 5px; font-size:14px; font-weight:400; color:#000;} .dcBBSInputBasic > ul > li > dl > dd textarea::placeholder{font-size:14px;} .dcBBSInputBasic > ul > li > dl > dd input.dcInputFile{width:100%; line-height:unset; font-size:14px; font-weight:400; padding:0 20px; } .dcBBSInputBasic > ul > li > dl > dd button.dcBtnPost{top:-36px; left:unset; transform:unset; right:10px; width:90px; height:30px; line-height:30px; text-align:center; font-size:12px;} .dcBBSInputBasic > ul > li > dl > dd input.dcInputText20{width:50%; height:auto; padding:10px 5px; font-size:14px;} .dcBBSInputBasic > ul > li > dl > dd.lineHeight55{line-height:55px;} .dcBBSInputBasic > ul > li > dl > dd.lineHeight55 label{margin:0 10px 0 0;} .dcBBSInputBasic > ul > li > dl > dd.lineHeight55 label:last-child{margin:0;} .dcBBSInputBasic > ul > li > dl > dd ul.companyTypeUL{padding: 10px;} .dcBBSInputBasic > ul > li > dl > dd ul.companyTypeUL li{float:left; margin:0 10px 0 0; padding:0 0 0 20px; overflow:hidden;} .dcBBSInputBasic > ul > li > dl > dd ul.companyTypeUL li:last-child{margin:0; padding:0;} .dcBBSInputBasic > ul > li > dl > dd ul.companyTypeUL li > div{float:left; line-height:55px; margin:0 11px 0 0;} .dcBBSInputBasic > ul > li > dl > dd ul.companyTypeUL li > input[id="company_type_tx"]{width:549px;} .dcBBSInputBasic > ul > li > dl > dd ul.serviceUL{padding: 10px;} .dcBBSInputBasic > ul > li > dl > dd ul.serviceUL li{float:left; margin:0 10px 0 0; line-height:unset; font-size:14px; padding:5px 0;} .dcBBSInputBasic > ul > li > dl > dd ul.serviceUL li:last-child{margin:0;} .dcBBSInputBasic > ul > li > dl > dd ul.damageUL{padding: 10px;} .dcBBSInputBasic > ul > li > dl > dd ul.damageUL li{float:left; margin:0 10px 0 0; line-height:unset; font-size:14px;} .dcBBSInputBasic > ul > li > dl > dd ul.damageUL li:last-child{margin:0;} .dcBBSInputBasic > ul > li > dl > dd .dcInputLabel > label{float:none; width:100%;} .dcBBSInputBasic > ul > li > dl > dd .dcInputLabel > label p{line-height:unset; padding:10px 0; font-size:14px;} .dcBBSInputBasic > ul > li > dl > dd .dcInputLabel > label p.lineHeight22{line-height:unset; padding:10px 0; font-size:14px;} .dcBBSInputBasic > ul > li > dl > dd .dcInputLabel > input{float:none; width:100%;} .dcBBSInputBasic > ul > li > dl > dd input[id="hope_dt"]{width:70%;} .dcBBSInputBasic > ul > li > dl > dd select{ width:100%; height:40px; font-size:14px; padding:0 5px; background:url(../img/sub/bgArrow.png) no-repeat 95% 50% #f6f6f6; } .dcBBSInputBasic > ul > li > dl > dt .dcBtnAdd{top:4px; font-size:12px; font-weight:400; margin:5px 0px; padding:0 5px;} .dcBBSInputBasic > ul > li > dl > dd input.cls_ID{width:100%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_pw{width:100%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_repw{width:100%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_nm{width:100%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_lv{width:100%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_hp{width:100%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_tel{width:100%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_fax{width:100%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_email{width:100%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_bizno{width:100%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_regno{width:100%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_co_nm{width:100%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_co_owner{width:100%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_co_member{width:92%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_post{width:20%; height:auto; padding:10px 5px; font-size:14px; text-align:center;} .dcBBSInputBasic > ul > li > dl > dd input.cls_addr_tx{width:80%; height:auto; padding:10px 5px; font-size:14px;} .dcBBSInputBasic > ul > li > dl > dd input.cls_addr2_tx{width:80%; height:auto; padding:10px 5px; font-size:14px;} .dcBBSInputBasic > ul > li > dl > dd input.cls_makepd1{width:50%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_makepd2{width:50%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_makepd3{width:50%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_excountry1{width:50%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_excountry2{width:50%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_excountry3{width:50%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_ex_money1{width:50%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_ex_money2{width:50%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_ex_money3{width:50%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_buy_money1{width:50%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_buy_money2{width:50%;} .dcBBSInputBasic > ul > li > dl > dd input.cls_buy_money3{width:50%;} #diRegProuctField .dcSingoUseSubmitWrap .inputBasicService > ul > li > dl.flNone > dd p.addFileList{font-size:14px; margin:0 0 5px 0; padding: 10px;} .dcPrivcyAgree{padding:5%;} .dcPrivcyAgree h5{font-size:20px; margin:0 0 10px 0;} .dcPrivcyAgree ul li{font-size:14px; padding:0 0 0 0;} .dcPrivcyAgree p{font-size:14px;} .dcPrivcyAgreeChk input.dcAgreeChk[type="checkbox"] + label{font-size:14px;} #diRegProuctField .dcBtnWrap button{height:30px; line-height:30px; font-size:14px; padding:0 30px;} #diJNProduct #diCatagroy{font-size:0; text-align:center; margin:0 0 80px 0; overflow:hidden;} #diJNProduct #diCatagroy a{width:calc(100%/3); font-size:12px; line-height:19px; padding:6px 5px; height:50px;} #diJNProduct #diCatagroy a:nth-child(2), #diJNProduct #diCatagroy a:nth-child(3), #diJNProduct #diCatagroy a:nth-child(4), #diJNProduct #diCatagroy a:nth-child(5), #diJNProduct #diCatagroy a:nth-child(7), #diJNProduct #diCatagroy a:nth-child(9){line-height:50px; padding:0 5px;} #diJNProduct #diJNPD_List h3{font-size:25px; line-height:30px;} #diJNProduct #diJNPD_List p.dcPTitle{font-size:20px;} #diJNProduct #diJNPD_List p.dcPTitle span.dcTotal{font-size:14px; margin:0 0 0 10px;} #diJNProduct #diJNPD_List ul li dl{padding:5%;} #diJNProduct #diJNPD_List ul li dl dt{float:none; width:100%; margin:0 0 10px 0;} #diJNProduct #diJNPD_List ul li dl dt img{width:100%; height:100%;} #diJNProduct #diJNPD_List ul li dl dd{float:none; width:100%; padding:0 0 0 5%;} #diJNProduct #diJNPD_List ul li dl dd p.dcPD_hscode{text-align:center; font-size:14px; line-height:19px; margin:0 0 20px 0;} #diJNProduct #diJNPD_List ul li dl dd p.dcPD_subject{text-align:center; font-size:20px; line-height:25px; margin:0 0 20px 0;} #diJNProduct #diJNPD_List ul li dl dd p.dcPD_introduce{height:auto; font-size:14px; line-height:19px; margin:0 0 20px 0;} #diJNProduct #diJNPD_List ul li dl dd p.dcPD_company{font-size:14px; line-height:19px;} #diJNProduct #diJNPD_Detail .dcDeTitle h3{font-size:20px; line-height:25px; margin:0 0 10px 0;} #diJNProduct #diJNPD_Detail .dcDeTitle h5{font-size:14px; line-height:19px; margin:0 0 30px 0;} #diJNProduct #diJNPD_Detail .dcDeTitle .dcRepreIMG{width:100%;} #diJNProduct #diJNPD_Detail .dcDeTitle .dcRepreIMG{position:relative; width:100%; margin:0 auto; overflow:hidden;} #diJNProduct #diJNPD_Detail .dcDeTitle .dcRepreIMG .swiper-container{} #diJNProduct #diJNPD_Detail .dcDeTitle .dcRepreIMG .swiper-container.gallery-top{} #diJNProduct #diJNPD_Detail .dcDeTitle .dcRepreIMG .swiper-container.gallery-top .swiper-wrapper{} #diJNProduct #diJNPD_Detail .dcDeTitle .dcRepreIMG .swiper-container.gallery-top .swiper-wrapper .swiper-slide{height:252px; background-size:100% 100%;} #diJNProduct #diJNPD_Detail .dcDeTitle .dcRepreIMG .swiper-container.gallery-thumbs{} #diJNProduct #diJNPD_Detail .dcDeTitle .dcRepreIMG .swiper-container.gallery-thumbs .swiper-wrapper{} #diJNProduct #diJNPD_Detail .dcDeTitle .dcRepreIMG .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide{height:120px; background-size:100% 100%;} #diJNProduct #diJNPD_Detail .dcDeTitle .dcRepreIMG .swiper-button-next{top: 33%; right:2%;} #diJNProduct #diJNPD_Detail .dcDeTitle .dcRepreIMG .swiper-button-prev{top: 33%; left:2%;} .dcScroll{text-align:center; font-size:12px; font-weight:300; color:#333; line-height:20px;} .dcDeStandList{margin:0 0 50px 0;} .dcDeStandList .scrollTable{overflow-x:scroll;} .dcDeStandList .dcTBJN{width:1200px;} #diJNProduct #diJNPD_Detail .dcDeOverview h4.dcH4Title{font-size:16px; line-height:21px; padding:0 0 10px 0; margin:0 0 10px 0;} #diJNProduct #diJNPD_Detail .dcDeOverview p.dcPCon{font-size:14px; line-height:19px; padding:0 5px;} #diJNProduct #diJNPD_Detail .dcDeProducts h4.dcH4Title{font-size:16px; line-height:21px; padding:0 0 10px 0; margin:0 0 10px 0;} #diJNProduct #diJNPD_Detail .dcDeCertificate h4.dcH4Title{font-size:16px; line-height:21px; padding:0 0 10px 0; margin:0 0 10px 0;} #diJNProduct #diJNPD_Detail .dcDeCertificate .dcDeCertList{padding:0 5px;} #diJNProduct #diJNPD_Detail .dcDeCertificate .dcDeCertList ul li{font-size:14px; line-height:19px; padding:0 0 0 10px; margin:0 0 5px 0;} #diJNProduct #diJNPD_Detail .dcDeCertificate .dcDeCertList ul li:last-child{margin:0;} #diJNProduct #diJNPD_Detail .dcDeCertificate .dcDeCertList ul li:before{top:7px;} #diJNProduct #diJNPD_Detail .dcDeCertificate .dcDeCertList ul li span{display:block; font-size:12px;} #diJNProduct #diJNPD_Detail .dcDeStandard h4.dcH4Title{font-size:16px; line-height:21px; padding:0 0 10px 0; margin:0 0 10px 0;} #diJNProduct #diJNPD_Detail .dcDeIntroCompany .dcDeIntroTitle h3{font-size:16px; line-height:21px; padding:0 0 10px 0; margin:0 0 10px 0;} #diJNProduct #diJNPD_Detail .dcDeIntroCompany .dcDeIntroTitle .dcCompanyIMG{position:relative; width:100%; overflow:hidden; margin:0 0 30px 0; padding:0 5px;} #diJNProduct #diJNPD_Detail .dcDeIntroCompany .dcDeCompanyInfo{padding:0 5px;} #diJNProduct #diJNPD_Detail .dcDeIntroCompany .dcDeCompanyInfo ul li{font-size:14px; line-height:19px; padding:0 0 0 10px;} #diJNProduct #diJNPD_Detail .dcDeIntroCompany .dcDeCompanyInfo ul li:before{top:7px;} #diJNProduct #diJNPD_Detail .dcDeStandard .dcDeStandList{padding:0 5px;} #diJNProduct #diJNPD_Detail .dcDeStandard .dcDeStandList .dcTBJN thead tr th{font-size:14px; padding:5px;} #diJNProduct #diJNPD_Detail .dcDeStandard .dcDeStandList .dcTBJN tbody tr td{font-size:14px; padding:5px;} #diJNProduct #diJNPD_Detail .dcDeProducts .dcDePDImg{padding:0 2%;} #diJNProduct #diJNPD_Detail .dcDeProducts .dcDePDImg div.swiper-container .swiper-slide{width:calc((98%/2) - 0.01px); height:120px;} #diJNPD_Inquiry .dcInquiryTitle h3{font-size:25px; line-height:30px;} #diJNPD_Inquiry .dcInquiryProduct h4.dcH4PDTitle{font-size:16px; line-height:21px; margin:0 0 10px 0;} #diJNPD_Inquiry .dcInquiryProduct .dcPdInfo{padding:5%;} #diJNPD_Inquiry .dcInquiryProduct .dcPdInfo .dcThumbImg{float:none; width:100%;} #diJNPD_Inquiry .dcInquiryProduct .dcPdInfo .dcThumbImg a{width:100%; height:200px; margin:0 auto;} #diJNPD_Inquiry .dcInquiryProduct .dcPdInfo .dcThumbImg a img{width:100%; height:100%;} #diJNPD_Inquiry .dcInquiryProduct .dcPdInfo .dcPDDetail{float:none; width:100%; padding:15px 0 0 10px;} #diJNPD_Inquiry .dcInquiryProduct .dcPdInfo .dcPDDetail dl{overflow:hidden; margin:0 0 5px 0;} #diJNPD_Inquiry .dcInquiryProduct .dcPdInfo .dcPDDetail dl:last-child{margin:0;} #diJNPD_Inquiry .dcInquiryProduct .dcPdInfo .dcPDDetail dl dt{float:left; width:25%; font-size:14px; font-weight:600; color:#333; line-height:19px;} #diJNPD_Inquiry .dcInquiryProduct .dcPdInfo .dcPDDetail dl dd{float:left; width:75%; font-size:14px; font-weight:400; color:#333; line-height:19px;} #diJNPD_Inquiry .dcInquiryProduct .dcPdInfo .dcPDDetail dl dd a{font-size:14px; font-weight:400; color:blue; line-height:19px;} #diJNPD_Inquiry .dcInquiryInfo{margin:0 0 50px 0;} #diJNPD_Inquiry .dcInquiryInfo h4.dcH4PDTitle{font-size:16px; line-height:21px; margin:0 0 10px 0;} }