@charset "utf-8";
#sh_pop_layers *{box-sizing:content-box}
#sh_pop_layers input, #sh_pop_layers textarea{box-sizing:border-box}

/* 공통 */
.divpop_zone{position:relative;overflow:hidden}
.divpop_zone h3{font-size:1.8em;letter-spacing:-0.075em;margin-bottom:20px;line-height:1em;font-family:notokr-bold}
.divpop_zone dl{overflow:hidden;margin-bottom:8px;font-size:1.2em}
.divpop_zone dl dt{float:left;width:15%;font-size:15px;font-family:notokr-medium}
.divpop_zone dl dd{float:right;width:75%;margin:0}

.divpop_zone ul.agree_area{margin-top:10px;overflow:hidden}
.divpop_zone ul.agree_area li{float:left;margin-right:10px;wi dth:209px;height:30px;line-height:30px;padding:5px 12px;overflow:hidden}
.divpop_zone ul.agree_area li:last-child{margin-right:0}
.divpop_zone ul.agree_area li.last{margin-right:0}
.divpop_zone ul.agree_area li span, .divpop_zone ul.agree_area li b{cursor:pointer}
.divpop_zone ul.agree_area li b{float:left}
.divpop_zone ul.agree_area li label{float:right;margin-top:-1px}
.divpop_zone ul.agree_area li label input{margin-top:-2px;border:none}

.divpop_zone ul.inr_link{margin-top:25px;overflow:hidden}
.divpop_zone ul.inr_link li{float:left;margin-right:5px;text-align:center;overflow:hidden}
.divpop_zone ul.inr_link li:last-child{margin-right:0}
.divpop_zone ul.inr_link li a{display:inline-block;border:1px solid #d8d8d8;width:114px;height:40px;line-height:40px;transition:all .2s}
.divpop_zone ul.inr_link li a:hover{background:#bbb;border:1px solid #aaa;;color:#fff}

.divpop_zone .btn_ok{position:relative;clear:both;display:inline-block;background:#FF9900;left:50%;margin-left:-75px;margin-top:10px;transition:all .2s}
.divpop_zone .btn_ok input[type=submit]{background:none;border:none;color:#fff;text-align:center;font-size:15px;letter-spacing:-0.05em;width:150px;height:40px;cursor:pointer;margin-right:5px;font-family:notokr-medium}
.divpop_zone .btn_ok:hover{background:#1e82c6}

.divpop_zone .btn_ok2{position:relative;clear:both;display:inline-block;background:#43535d;margin-top:20px;transition:all .2s}
.divpop_zone .btn_ok2 input[type=submit]{background:none;border:none;color:#fff;text-align:center;font-size:1.2em;letter-spacing:-0.05em;width:265px;height:40px;cursor:pointer;margin-right:5px;font-family:notokr-medium}
.divpop_zone .btn_ok2:hover{background:#21292e}

.divpop_zone input{border:1px solid #CCC;padding:3px 0 3px 8px;font-size:15px;box-sizing:border-box}
.divpop_zone input.wide{height:36px;background:#f8f8f8;width:470px}
.divpop_zone input.wide:focus{border:1px solid #3498DB}
.divpop_zone input.half{height:36px;background:#f8f8f8;width:260px}
.divpop_zone input.half:focus{border:1px solid #3498DB}
.divpop_zone input.tel{height:36px;background:#f8f8f8;width:138px}
.divpop_zone input.tel:focus{border:1px solid #3498DB}
.divpop_zone textarea.wide{height:36px;background:#f8f8f8;width:462px;height:100px;padding:8px;border:1px solid #CCC;font-size:15px;font-family:notokr-regular}
.divpop_zone textarea.wide:focus{border:1px solid #3498DB}

.divpop_zone .tel{text-align:center}

.divpop_btn_close{position:absolute;right:20px;top:20px;background:url(/sh_page/pop_layers/img/close.png) 0 0 no-repeat;width:17px;height:17px;text-indent:-9999px;cursor:pointer} /* 닫기버튼 */

#divpop_layers_back{position:fixed;z-index:9999;visibility:visible;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)}


/* 회원가입 */
#divpop_member{position:fixed;z-index:99999;width:480px;left:50%;margin-left:-280px;top:100px;background:#fff;box-shadow:0 0 40px #000;padding:40px}
#divpop_member dl{float:left;width:47.5%;margin-right:5%}
#divpop_member dl:nth-child(2n){margin-right:0}
#divpop_member dl dt{width:25%;line-height:15px}
#divpop_member dl dd{float:left;width:75%}
#divpop_member input.wide{width:100%}
#divpop_member ul.agree_area{clear:both}
#divpop_member ul.agree_area li{float:none;width:100%;height:120px;margin:0 0 23px;padding:0;font-size:15px;box-sizing:border-box;font-family:notokr-medium}
#divpop_member ul.agree_area li textarea{display:block;margin-bottom:10px;padding:5px;width:100%;height:85px;border:1px solid #e9e9e9;font-size:13px;color:#777;background: #f7f7f7;font-family:notokr-regular}
#divpop_member .agree_area input[type=submit]{width:100%;margin-top:15px;background:#ff9936;border:none;color:#fff;font-size:15px; padding:12px;cursor:pointer;outline:none;font-family:notokr-medium}
#divpop_member .agree_area input[type="checkbox"]{position:relative;width:27px;height:18px;margin-left:2px;visibility:hidden;cursor:pointer}
#divpop_member .agree_area input[type="checkbox"]:before{visibility:visible;position:absolute;display:block;width:100%;height:16px;top:0;background:#fff;content:'';border-radius:10px;border:solid 1px #ddd;transition:all .3s}
#divpop_member .agree_area input[type="checkbox"]:after{visibility:visible;top:0;display:block;content:'';width:15px;height:16px;background:#fff;position:absolute;border-radius:50%;border:solid 1px #ddd;transition:all .3s;left:0}
#divpop_member .agree_area input[type="checkbox"]:checked:after{left:100%;margin-left:-15px}
#divpop_member .agree_area input[type="checkbox"]:checked:before{background:#b0b0b0}

/* 호스팅 */
#divpop_hosting{position:fixed;z-index:99999;width:670px;left:50%;margin-left:-325px;top:100px;background:#fff;box-shadow:0 0 40px #000;padding:40px}



/* 견적문의 */
#divpop_inquiry{position:fixed;z-index:99999;width:480px;left:50%;margin-left:-280px;top:100px;background:#fff;box-shadow:0 0 40px #000;padding:40px}
#divpop_inquiry dl dt{line-hegiht:32px}
#divpop_inquiry dl dd{width:84%}
#divpop_inquiry input.wide{width:100%}
#divpop_inquiry input.tel{width:132px}
#divpop_inquiry textarea.wide{width:100%}

/* 디자인상담 */
#divpop_design_sangdam{position:fixed;z-index:99999;width:700px;left:50%;margin-left:-390px;top:100px;background:#fff;box-shadow:0 0 40px #000;padding:40px}
#divpop_design_sangdam img{float:left;width:400px;height:247px;padding:4px;border:1px solid #dedede}
#divpop_design_sangdam h4{margin-bottom:14px;font-size:1.4em;margin-bottom:10px;font-family:notokr-medium}
#divpop_design_sangdam h4 b{color:#ff8400}
#divpop_design_sangdam .divpop_w_area{overflow:hidden}
#divpop_design_sangdam .divpop_w_area .l_img{float:left;width:60%}
#divpop_design_sangdam .divpop_w_area .r_txt{float:right;width:37%;padding-top:12px}
#divpop_design_sangdam input.half{width:194px}
#divpop_design_sangdam dl dt{width:16%;padding:0;line-height:32px}
#divpop_design_sangdam dl dd{width:79%}
#divpop_design_sangdam .divpop_zone .btn_ok2{margin-top:26px;border-radius:30px}
#divpop_design_sangdam .btn_ok2 input[type=submit]{width:246px;font-size:15px}
#divpop_design_sangdam .tel{margin-top:15px;font-size:17px;font-family:notokr-medium}
#divpop_design_sangdam .tel span{color:#ff8400}

/* 지원프로그램 */
/*.divpop_program{position:fixed;z-index:9999;width:742px;height:auto;top:20%;left:50%;margin-left:-371px}*/
.divpop_program .btn_darkblue_b{display:block;width:40px;height:20px;margin:20px auto 0;padding:8px 40px;text-align:center;line-height:20px;cursor:pointer}
.divpop_program{position:fixed;z-index:9999;height:auto;top:50%;left:50%;padding:45px;background:#fff}
#divpop_program1{margin:-322px 0 0 -370px}
#divpop_program2{margin:-266px 0 0 -370px}
#divpop_program3{margin:-256px 0 0 -352.5px}
#divpop_program4{margin:-325px 0 0 -370px}
#divpop_program5{margin:-290.5px 0 0 -350px}
.divpop_program h4.tit strong{color:#3498db}
.divpop_program p{color:#888;white-space:pre-line;line-height:1.6em}
.divpop_program h4 ~ img{display:block;margin:25px auto 0}
#divpop_program5 ul{display:table;width:100%;margin:25px 0 50px 0}
#divpop_program5 ul li{display:table-cell;width:33.33%;text-align:center}
#divpop_program5 h5{padding:0 0 10px 0;font-size:1.25em;font-weight: bold;color:#666}
#divpop_program5 h5 strong{color:#3498db}
#divpop_program5 .btn_blue a{margin:10px 0 0 0;padding:7px 30px}


/* index pup */
#begining_basic_back{position:fixed;z-index:9999;visibility:visible;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)}
#begining_basic{position:fixed;z-index:99999;visibility:visible;width:780px;left:50%;margin-left:-390px;top:100px}

.begining_basic_close{position:absolute;cursor:pointer;width:60px;height:60px;top:0px;right:0px;background-color:#FFF;filter: alpha(opacity=00); opacity: 0.0} 
.begining_basic_more{position:absolute;cursor:pointer;width:120px;height:30px;bottom:0px;left:50%;margin-left:-60px;background-color:#FFF;filter: alpha(opacity=00); opacity: 0.0}