@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.pr-detail .content{padding:80px 0;}
.pr-detail .content:last-child{padding-bottom:100px;}
.pr-detail .content:nth-child(even){background-color: #f8f8f8;}
.pr-detail .top-con{text-align:center;}
.pr-detail .img-con{text-align:center;}
.pr-detail .txt-con{display:flex;align-items:center;}
.pr-detail .txt-con .tit-wrap{width:430px;padding-right:40px;}
.pr-detail .txt-con .tit-wrap .kr{font-size:18px;color: #808080;line-height:1.2em;margin-bottom:7px;}
.pr-detail .txt-con .tit-wrap .tit{color: #242424;font-size:35px;font-weight:700;line-height:1.3em;}
.pr-detail .txt-con .tt{min-width:0;width:1%;flex:1 1 auto;line-height:1.875em;}
.pr-detail .info-con{margin-bottom:60px;}
.pr-detail .info-con .row{margin-bottom:80px;display:flex;}
.pr-detail .info-con .row:last-child{margin-bottom:0;}
.pr-detail .info-con .row .tit{width:200px;font-size:30px;font-weight:600;color: #242424;line-height:1.2em;}
.pr-detail .info-con .row .wrap{min-width:0;width:1%;flex:1 1 auto;padding-top:5px;}
.dot-list li{position:relative;line-height:1.4em;margin-bottom:10px;padding-left:7px;}
.dot-list li:before{content:'';width:2px;height:2px;border-radius:50%;background-color: #454545;position: absolute;left:0;top:9px;}
.dot-list li:last-child{margin-bottom:0;}

.ov .img{margin:0 -100px 60px;position:relative;}
.ov .tt-wrap{display:flex;justify-content:space-between;}
.ov .tt-wrap .tit-wrap .tit{font-family: 'Montserrat', sans-serif;font-style:italic;font-weight:800;font-size:33px;line-height:1.212em;margin-bottom:15px;}
.ov .tt-wrap .tit-wrap .tt{font-size:18px;font-weight:500;}
.ov .tt-wrap .wrap{margin-left:40px;padding:10px 0 10px 50px;border-left:1px solid #ddd;}
.ov .tt-wrap .wrap p{line-height:1.875em;margin-bottom:20px;}
.ov .tt-wrap .wrap p:last-child{margin-bottom:0;}

.greeting{display:flex;}
.greeting .img{width:540px;margin-right:60px;}
.greeting .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.greeting .tt-wrap .wrap p{margin-bottom:20px;}
.greeting .tt-wrap .wrap p:last-child{margin-bottom:0;}
.greeting .tt-wrap .btm{margin-top:50px;text-align:right;}
.greeting .tt-wrap .btm .ceo strong{font-size:17px;color: #242424;font-weight:500;}
.greeting .tt-wrap .btm .sign{margin-top:10px;}

.history .history-tab ul{ display: flex;} 
.history .history-tab ul li {flex:1;display: flex; align-items: center; justify-content: center; position: relative; transition: all 0.4s; border: 1px solid #ddd;margin-left:-1px;} 
.history .history-tab ul li.on { background-color: #023780; } 
.history .history-tab ul li.on a { color: #fff; } 
.history .history-tab ul li:first-child { border-right: none; } 
.history .history-tab ul li a { font-size: 19px; line-height: 1.6em; letter-spacing: -.03em; width: 100%; padding: 15px 0; display: flex; justify-content: center; align-items: center; transition: all 0.4s; } 
.history .content-wrap{position:relative;}
.history .history-bar, .history .history-bar > span { position:absolute; width:1px; left:50%; transform:translateX(-50%); } 
.history .history-bar { height:100%; background:#ddd; z-index:-2; } 
.history .history-bar > span { background:#023780; height:20px; top:0; } 
.history .content .title{padding:75px 0 25px;background-color: #fff;text-align:center;color: #ddd;font-weight:700;font-size:60px;line-height:1.2em;}
.history .content .row{display:flex;justify-content:flex-end;}
.history .content .row:last-child{margin-bottom:0;}
.history .content .row .col{width:50%;padding-left:40px;}
.history .content .row:last-child .col{padding-bottom:60px;}
.history .content .row .col .year{font-size:30px;font-weight:700;line-height:1.2em;margin-bottom:20px;padding-top:60px;position:relative;}
.history .content .row .col .year:before{content:'';width:16px;height:16px;background:url('../images/sub/history_bullet.png')no-repeat 50% 50%/contain;position: absolute;left:-48px;top:68px;}
.history .content .row .col .info ul li{display:flex;margin-bottom:15px;font-size:17px;line-height:1.529em;letter-spacing:-.04em;}
.history .content .row .col .info ul li:last-child{margin-bottom:0;}
.history .content .row .col .info ul li .month{width:35px;font-size:19px;font-weight:600;color: #242424;}
.history .content .row .col .info ul li .tt{min-width:0;width:1%;flex:1 1 auto;}
.history .content .row:nth-child(even){justify-content:flex-start;}
.history .content .row:nth-child(even) .col{padding-right:40px;text-align:right;padding-left:0;}
.history .content .row:nth-child(even) .col .year:before{left:auto;right:-48px;}
.history .content .row:nth-child(even) .col .info ul li{flex-direction:row-reverse;}

.paper-list ul{display:flex;flex-wrap:wrap;margin:0 -15px -55px;}
.paper-list ul li{width:25%;text-align:center;padding:0 15px;margin-bottom:55px;}
.paper-list ul li .tit{line-height:1.625em;margin-top:15px;}

.partner-list{text-align:center;}
.partner-list .tit-wrap{margin-bottom:40px;}
.partner-list .tit-wrap .eng{font-size:18px;font-weight:500;color: #808080;line-height:1.2em;margin-bottom:5px;}
.partner-list .tit-wrap .tit{font-size:30px;font-weight:600;line-height:1.2em;position:relative;padding-bottom:25px;}
.partner-list .tit-wrap .tit:after{content:'';width:25px;height:2px;background-color: #ddd;position: absolute;left:50%;bottom:0;transform:translateX(-50%);}
.partner-list ul li{margin-bottom:90px;}
.partner-list ul li:last-child{margin-bottom:0;}

.my-btn{display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:500;color: #fff;width:130px;height:50px;border:none;background-color: #023780;margin:0 auto;}

.inq .content{margin-bottom:90px;}
.inq .content:last-child{margin-bottom:0;}
.inq .content .tit-wrap{display:flex;height:80px;align-items:center;background-color: #333;padding:0 30px;margin-bottom:40px;}
.inq .content .tit-wrap .tit{color: #fff;font-size:20px;line-height:1.3em;font-weight:500;}
.inq .content .tit-wrap.type2{background-color: #ececec;}
.inq .content .tit-wrap.type2 .tit{color: #242424;}

.star{font-weight:600 !important;}

.rfq_select_block .rfq_block_content{padding:0 30px;}
.rfq_select_block ul{display:flex;flex-wrap:wrap;margin:0 -5px -5px;}
.rfq_select_block ul li{max-width:190px;width:100%;padding:0 5px;margin-bottom:5px;}
.rfq_select_block ul li .box{height:60px;display:flex;justify-content:center;align-items:center;position:relative;}

.rfq_select_block input[type="checkbox"] {display:none;}
.rfq_select_block label {display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative;z-index:2;border:1px solid #ddd;}
.rfq_select_block label p {font-size:14px; color:#505050; font-weight:500; text-align:center; line-height:1.2em;}
.rfq_select_block input[type="checkbox"]:checked+label {border:1px solid #023780;}
.rfq_select_block input[type="checkbox"]:checked+label p {color:#023780;}

.inq .content .row{display:flex;align-items:center;border-bottom:1px solid #ddd;margin-bottom:30px;padding:0 30px;}
.inq .content .row:last-child{margin-bottom:0;}
.inq .content .row label{width:90px;}
.inq .content .row .input{min-width:0;width:1%;flex:1 1 auto;border:none;}

.loc .maps{margin-bottom:40px;}
.loc .maps .root_daum_roughmap {width:100% !important; height:450px !important;}
.loc .maps .root_daum_roughmap .wrap_map {height:450px !important;}
.loc .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.loc .maps .roughmap_lebel_text:after {content:"Jooshin Machine Co., Ltd."; font-size:12px; line-height:15px;}
.loc .maps iframe{height:450px;}
.loc .info{display:flex;justify-content:space-between;}
.loc .info .tt-wrap{padding-right:40px;}
.loc .info .tt-wrap .adr{font-size:22px;font-weight:500;line-height:1.2em;margin-bottom:15px;}
.loc .info .tt-wrap .wrap{display:flex;margin:0 -13px;}
.loc .info .tt-wrap .wrap p{color: #242424;font-size:17px;line-height:1.2em;padding:0 13px;position: relative;}
.loc .info .tt-wrap .wrap p:after{content:'';width:1px;height:12px;background-color: #e6e6e6;position: absolute;right:0;top:4px;}
.loc .info .tt-wrap .wrap p:last-child:after{display:none;}
.loc .info .btn{display:flex;justify-content:center;align-items:center;width:140px;height:50px;background-color: #023780;}
.loc .info .btn span{color: #fff;font-weight:500;position:relative;padding-left:38px;}
.loc .info .btn span:before{content:'';width:29px;height:32px;background:url('../images/sub/ic_loc.png')no-repeat 0 50%/contain;position: absolute;left:0;top:-2px;}