@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;text-align:center}

/* 공통 */
.common_page{font-size:15px;line-height:1.8;letter-spacing:-.3px;color:#666;font-family:'notokr-regular'}
.common_page .pl{white-space:pre-line}
.common_page .eng_tit{font-weight:700;letter-spacing:0;color:#fff;font-family:'Exo 2', sans-serif}
.common_page .big_txt{font-size:30px;line-height:40px;color:#222;font-family:'notokr-light'}
.common_page .big_txt span{font-family:'notokr-bold'}

.product_page{padding:50px;text-align:right;position:relative;background:url('/sh_page/img/product_bg.jpg') no-repeat center top}
.product_page .product_img{position:absolute;left:0;top:0}
.product_page .product_name{margin:32px 0 10px;font-size:30px;font-weight:700;letter-spacing:0;color:#2ca7cd;font-family:'Exo 2', sans-serif}
.product_page .product_txt{font-size:20px;line-height:30px}
.product_page .product_txt span{color:#444;font-family:'notokr-bold'}
.product_page .table_area{margin-top:58px;text-align:left}
.product_page .table_tit b{margin-right:10px;padding:3px 5px;border-top:2px solid #333;border-bottom:2px solid #333;font-weight:normal;color:#2ca7cd;font-family:'notokr-bold'}
.product_page .table_tit span{color:#2ca7cd}
.product_page table{width:100%;margin-top:30px;border-top:1px solid #e1e1e1;border-spacing:0;text-align:center}
.product_page table th{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);font-weight:normal;color:#fff;background:#333;font-family:'notokr-medium'}
.product_page table th.last{border-right:none}
.product_page table td{padding:6px 0;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.product_page table td:last-child{border-right:none}
.product_page .img_box{overflow:hidden;margin-top:50px;text-align:left}
.product_page .img_box > div{float:left;width:calc(100%/2 - 10px);padding-top:3px}
.product_page .img_box > div+div{margin-left:20px}
.product_page .img_box > div ul{margin-top:30px}
.product_page .img_box > div ul li{margin-top:10px}
    
/* 인사말 */
#p33{position:relative;padding:180px 0 0 50px;background:url('/sh_page/img/p33_bg.jpg') no-repeat center top}
#p33 .eng_tit{position:absolute;right:50px;top:135px;width:180px;height:90px;text-align:center;line-height:90px;background:#2ca7cd}
#p33 .g_box{padding:94px 40px 0;text-align: center;background:#fff}
#p33 .g_box .line{display:block;margin:35px auto;width:40px;height:1px;background:#e1e1e1}
#p33 .g_box .s_txt{padding:50px 0;background:#f7f7f7}
#p33 .g_box .s_txt span{color:#444;font-family:'notokr-medium'}

/* 연혁 */
#p34{position:relative}
#p34:after{position:absolute;left:50%;bottom:0;transform:translateX(-50%);content:'';width:7px;height:7px;border-radius:100px;background:#333}
#p34 .top_area{padding:30px 50px;text-align:center;background:url('/sh_page/img/p34_bg.jpg') no-repeat center top}
#p34 .top_area .top_inner{padding:41px 0 45px;border-radius:5px;color:#fff;background:rgba(255,255,255,.2)}
#p34 .top_area .big_txt{margin-top:15px;color:#fff}
#p34 .h_area{overflow:hidden;position:relative;margin-top:50px;padding-bottom:52px}
#p34 .h_area:before{position:absolute;left:50%;top:0;content:'';width:1px;height:100%;background:#e1e1e1}
#p34 .h_area:after{position:absolute;left:50%;top:0;transform:translateX(-50%);content:'';width:7px;height:7px;border-radius:100px;background:#333}
#p34 .h_area dl{position:relative;float:left;width:50%;padding-right:50px}
#p34 .h_area dl:before{position:absolute;left:-2px;top:16px;content:'';width:5px;height:5px;border:1px solid #2ca7cd;border-radius:100px;background:#fff}
#p34 .h_area dl.l_h:before{left:auto;right:-3px}
#p34 .h_area dl:nth-child(1){margin-top:45px}
#p34 .h_area dl:nth-child(2){margin-top:123px}
#p34 .h_area dl:nth-child(3){margin-top:120px}
#p34 .h_area dl:nth-child(4){margin-top:93px}
#p34 .h_area dl:nth-child(5){margin-top:92px}
#p34 .h_area dl:nth-child(6){margin-top:120px}
#p34 .h_area dl:nth-child(7){margin-top:93px}
#p34 .h_area dl:nth-child(8){margin-top:95px}
#p34 .h_area dl.l_h{text-align:right;border-right}
#p34 .h_area dl.r_h{float:right;padding:0 0 0 50px}
#p34 .h_area dl dt{font-size:20px;font-weight:700;letter-spacing:0;color:#222;font-family:'Exo 2', sans-serif}
#p34 .h_area dl dd{position:relative;padding-left:18px}
#p34 .h_area dl.l_h dd{position:relative;padding-right:18px}
#p34 .h_area dl dd:before{position:absolute;left:0;top:13px;content:'';width:3px;height:3px;border-radius:100px;background:#888}
#p34 .h_area dl.l_h dd:before{left:auto;right:0}

/* 도어클로져 */
#p37 .eng_tit{margin-bottom:43px;text-align:center;color:#2ca7cd}

/* OA FLOOR */
#p39 .img_box > div{width:100%}
#p39 .img_box > div ul{overflow:hidden}
#p39 .img_box > div ul li{float:left;width:calc(100%/2 - 10px);margin:0}
#p39 .img_box > div ul li+li{margin:0 0 0 20px}

/* 문의하기 */
#p43 .contact_list{overflow:hidden;margin-bottom:50px}
#p43 .contact_list li{float:left;width:calc(100%/3);padding:30px 0;text-align:center;font-weight:700;letter-spacing:0;font-family:'Exo 2', sans-serif}
#p43 .contact_list li+li{border-left:1px solid #e1e1e1}
#p43 .contact_list li .tit{color:#2ca7cd}
#p43 .contact_list li .icon{margin:22px 0 18px}
#p43 .contact_list li .txt{font-size:20px;line-height:30px;color:#222}
#p43 .contact_list li .txt span{font-size:15px;font-weight:normal;letter-spacing:-.3px;color:#888;font-family:'notokr-regular'}