@charset "utf-8";

/* 공통 */
h1, h2, h3, h4, h5, h6{font-weight:normal}
#pageCommon{font-size:15px;line-height:1.6;letter-spacing:-.15px;color:#777;font-family:'notokr-regular'}
#pageCommon, #pageCommon *{box-sizing:border-box}
#pageCommon .inner{position:relative;width:1200px;margin:0 auto}
#pageCommon .f_bold{font-family:'notokr-bold'}
#pageCommon .btn_area{text-align:center}
#pageCommon .a_btn{display:inline-block;position:relative;width:240px;height:60px;margin:0 auto;border:2px solid #222;border-radius:50px;font-size:14px;text-align:center;line-height:58px;color:#fff;background-color:#333;-webkit-transition:all .3s;transition:all .3s;font-family:'notokr-medium'}
#pageCommon .a_btn:hover{padding-right:30px;border:2px solid #222;color:#222;background-color:transparent}
#pageCommon .a_btn span{display:block;position:absolute;right:45px;bottom:24px;width:4px;height:8px;background:url(/sh_all/page/img/p0101_arr_black.png) 53% no-repeat;opacity:0;-webkit-transition:all .2s;transition:all .2s}
#pageCommon .a_btn span:before{display:block;content:"";position:absolute;top:3px;right:-1px;width:14px;height:2px;border-radius:2px;background-color:#333}
#pageCommon .a_btn:hover span{right:35px;opacity:1}

/* 디자인샘플&포트폴리오 상단 */
.make_sch{position:relative;width:100%;padding:40px 0 50px;text-align:center;background-color:#f7f7f7}
.make_sch h3{font-size:32px;color:#222;font-family:'notokr-light'}
.make_sch .sch_form{overflow:hidden;position:relative;width:415px;margin:10px auto;border:1px solid #ddd;text-align:left;background-color:#f2f2f2}
.make_sch .sch_form input[type=text]{width:355px;height:55px;padding-left:20px;border:none;font-size:18px}
.make_sch .sch_form .sch_btn{position:absolute;right:0;top:0;width:60px;height:100%;border:none;font-size:0;background:url(/img/sh_search_w.png) center no-repeat #333;cursor:pointer}
.make_sch .popular_wd{margin-top:17px}
.make_sch .popular_wd span{display:inline-block;padding:3px 15px;margin-right:10px;border-radius:2px;font-size:14px;color:#fff;font-family:'notokr-medium'}
.make_sch .popular_wd a{display:inline-block;padding:3px 7px;margin-left:-1px;border:1px solid #ddd;border-radius:2px;font-size:14px;background-color:#fff;-webkit-transition:all .2s;transition:all .2s}

/* 애니메이션 */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRight{from{opacity:0;webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}to{opacity:1;webkit-transform:none;transform:none}}
@keyframes fadeInRight{from{opacity:0;webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}to{opacity:1;webkit-transform:none;transform:none}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUp{from{opacity:0;webkit-transform:translate3d(0, 30%, 0);transform:translate3d(0, 30%, 0)}to{opacity:1;webkit-transform:none;transform:none}}
@keyframes fadeInUp{from{opacity:0;webkit-transform:translate3d(0, 30%, 0);transform:translate3d(0, 30%, 0)}to{opacity:1;webkit-transform:none;transform:none}}

/* 홈페이지제작 */
.p0101 .bg_area{overflow:hidden;background:url(/sh_all/page/img/p0101_bg.jpg) center no-repeat}
.p0101 .bg_area .inner{min-height:490px}
.p0101 .bg_area .box_w{position:absolute;left:0;bottom:-100%;width:33.33%;bottom:-30px;padding:80px 0 65px 50px;background-color:#fff;opacity:0}
.p0101 .bg_area .box_w h3{margin-bottom:25px;font-size:40px;line-height:1.1;letter-spacing:-1px;color:#222;font-family:'notokr-light'}
.p0101 .cont01{overflow:hidden}
.p0101 .cont01 .tit_area{float:left;position:relative;width:33.33%;padding:170px 0 65px 50px;color:#fff}
.p0101 .cont01 .tit_area h4{margin-bottom:25px;font-size:28px;font-weight:600;letter-spacing:-.5px;text-transform:uppercase;font-family:'Montserrat','notokr-bold'}
.p0101 .cont01 .tit_area p{position:absolute;right:50px;bottom:75px;width:4px;height:8px;background:url(/sh_all/page/img/p0101_arr_white.png) 53% no-repeat}
.p0101 .cont01 .tit_area p:before{display:block;content:"";position:absolute;top:3px;right:-1px;width:14px;height:2px;border-radius:2px;background-color:#fff;-webkit-transition:all .2s;transition:all .2s}
.p0101 .cont01 .tit_area:hover p:before{width:20px}
.p0101 .cont01 .icon_area{float:right;width:65%;padding-top:43px;color:#222}
.p0101 .cont01 .icon_area{text-align:center}
.p0101 .cont01 .icon_area li{display:inline-block;width:32%;padding:30px 0;text-align:center}
.p0101 .cont01 .icon_area li:nth-child(1), .p0101 .cont01 .icon_area li:nth-child(2), .p0101 .cont01 .icon_area li:nth-child(3){border-bottom:1px solid #e1e1e1}
.p0101 .cont01 .icon_area li:nth-child(2), .p0101 .cont01 .icon_area li:nth-child(5){margin:0 -5px;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.p0101 .cont01 .icon_area li img{padding-bottom:15px}
.p0101 .cont02{padding:100px 0;background-color:#f2f2f2}
.p0101 .cont02 .tit_area{text-align:center}
.p0101 .cont02 .tit_area h4{margin-bottom:7px;font-size:28px;letter-spacing:-.5px;;color:#222;font-family:'notokr-light'}
.p0101 .cont02 ul{margin:45px 0 70px;text-align:center}
.p0101 .cont02 ul li{display:inline-block;vertical-align:bottom;width:250px;height:255px;margin:0 5px;padding:40px 0 0 35px;font-size:16px;color:#222;text-align:left;background-color:#fff;font-family:'notokr-medium'}
.p0101 .cont02 ul li p{margin-bottom:30px;font-size:16px;font-weight:700;text-transform:uppercase;font-family:'Montserrat',sans-serif}
.p0101 .cont02 ul li p:after{content:"";display:block;width:12px;height:2px;margin-top:10px;background-color:#222}
.p0101 .cont02 ul li:nth-child(1){-webkit-animation-delay:.2s;-ms-animation-delay:.2s;animation-delay:.2s}
.p0101 .cont02 ul li:nth-child(2){-webkit-animation-delay:.4s;-ms-animation-delay:.4s;animation-delay:.4s}
.p0101 .cont02 ul li:nth-child(3){-webkit-animation-delay:.6s;-ms-animation-delay:.6s;animation-delay:.6s}
.p0101 .cont02 ul li:nth-child(4){color:#fff;background-color:#333;-webkit-animation-delay:.8s;-ms-animation-delay:.8s;animation-delay:.8s}
.p0101 .cont02 ul li:nth-child(4) p:after{background-color:#fff}
.p0101 .cont02 ul li span{display:block;margin-top:17px;font-size:13px;font-weight:500;letter-spacing:0;color:#bbb;font-family:'Montserrat',sans-serif}
.p0101 .cont03{padding:80px 0}
.p0101 .cont03 .tit_area{text-align:center}
.p0101 .cont03 .tit_area h4{margin-bottom:7px;font-size:28px;letter-spacing:-.5px;color:#222;font-family:'notokr-light'}
.p0101 .cont03 .cont_box{overflow:hidden;position:relative;width:1200px;height:477px;margin:35px auto 0;font-size:0;white-space:nowrap}
.p0101 .cont03 .cont_box > div{display:inline-block;overflow:hidden;position:relative;width:33.333%;height:100%;-webkit-transition:width .3s;transition:width .3s}
.p0101 .cont03 .cont_box .bg01{background:url(/sh_all/page/img/p0101_img01.jpg) center no-repeat}
.p0101 .cont03 .cont_box .bg02{background:url(/sh_all/page/img/p0101_img02.jpg) center no-repeat}
.p0101 .cont03 .cont_box .bg03{background:url(/sh_all/page/img/p0101_img03.jpg) center no-repeat}
.p0101 .cont03 .cont_box > div:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.5);opacity:.5;-webkit-transition:all .2s;transition:all .2s}
.p0101 .cont03 .cont_box ul{position:relative;top:50%;margin-top:-73px;text-align:center;color:#fff;-webkit-transition:margin-top .3s;transition:margin-top .3s}
.p0101 .cont03 .cont_box ul li{display:block}
.p0101 .cont03 .cont_box ul li.s_tit{margin-top:10px;font-size:14px}
.p0101 .cont03 .cont_box ul li.s_tit:after{content:"";display:block;width:12px;height:2px;margin: 10px auto;background-color:#fff}
.p0101 .cont03 .cont_box ul li.b_tit{font-size:20px}
.p0101 .cont03 .cont_box ul li.desc{font-size:15px;padding-top:23px;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}
.p0101 .cont03 .cont_box > div.active{width:40%}
.p0101 .cont03 .cont_box > div.deactive{width:30%}
.p0101 .cont03 .cont_box > div:hover ul{margin-top:-115px}
.p0101 .cont03 .cont_box > div:hover ul li.desc{opacity:1} 
.p0101 .cont03 .cont_box > div:hover ul li.detail_btn{opacity:1}
.p0101 .cont03 .cont_box > div:hover:before{opacity:1} 

/* 업종별 스타일 */
.p0101.company .bg_area{background-image:url(/sh_all/page/img/company_p0101_bg.jpg)}
.p0101.golf .bg_area{background-image:url(/sh_all/page/img/golf_p0101_bg.jpg)}
.p0101.event .bg_area{background-image:url(/sh_all/page/img/event_p0101_bg.jpg)}
.p0101.marry .bg_area{background-image:url(/sh_all/page/img/marry_p0101_bg.jpg)}
.p0101.wed .bg_area{background-image:url(/sh_all/page/img/wed_p0101_bg.jpg)}
.p0101.sports .bg_area{background-image:url(/sh_all/page/img/sports_p0101_bg.jpg)}
.p0101.bar .bg_area{background-image:url(/sh_all/page/img/bar_p0101_bg.jpg)}
.p0101.dish .bg_area{background-image:url(/sh_all/page/img/dish_p0101_bg.jpg)}
.p0101.food .bg_area{background-image:url(/sh_all/page/img/food_p0101_bg.jpg)}
.p0101.hsell .bg_area{background-image:url(/sh_all/page/img/hsell_p0101_bg.jpg)}
.p0101.guest .bg_area{background-image:url(/sh_all/page/img/guest_p0101_bg.jpg)}
.p0101.motel .bg_area{background-image:url(/sh_all/page/img/motel_p0101_bg.jpg)}
.p0101.hotel .bg_area{background-image:url(/sh_all/page/img/hotel_p0101_bg.jpg)}
.p0101.camp .bg_area{background-image:url(/sh_all/page/img/camp_p0101_bg.jpg)}
.p0101.judicial .bg_area{background-image:url(/sh_all/page/img/judicial_p0101_bg.jpg)}
.p0101.go .bg_area{background-image:url(/sh_all/page/img/go_p0101_bg.jpg)}
.p0101.clean .bg_area{background-image:url(/sh_all/page/img/clean_p0101_bg.jpg)}
.p0101.hair .bg_area{background-image:url(/sh_all/page/img/hair_p0101_bg.jpg)}
.p0101.bea .bg_area{background-image:url(/sh_all/page/img/bea_p0101_bg.jpg)}
.p0101.build .bg_area{background-image:url(/sh_all/page/img/build_p0101_bg.jpg)}
.p0101.big .bg_area{background-image:url(/sh_all/page/img/big_p0101_bg.jpg)}
.p0101.per .bg_area{background-image:url(/sh_all/page/img/per_p0101_bg.jpg)}
.p0101.ic .bg_area{background-image:url(/sh_all/page/img/ic_p0101_bg.jpg)}
.p0101.study .bg_area{background-image:url(/sh_all/page/img/study_p0101_bg.jpg)}


/* 비용안내 */
.p0102{padding:40px 0 80px;font-size:16px;line-height:1.6;color:#777;letter-spacing:-.15px;font-family:notokr-regular}
.p0102 .inner{width:1070px!important}
.p0102 .bold{font-family:notokr-bold}
.p0102 .bold_b{font-family:notokr-black}
.p0102 .c_blue{color:#3498db}
.p0102 .c_red{color:#fe5556}
.p0102 .c_green{color:#18b700}
.p0102 .tit_area{font-size:34px;line-height:1.3;letter-spacing:-1px;color:#333;text-align:center;font-family:notokr-demilight}
.p0102 .tit_area p{margin-bottom:25px;font-size:17px;letter-spacing:-.15px;text-decoration:underline;font-family:notokr-medium}
.p0102 .tit_area .img{margin:30px 0}
.p0102 .host_tbl{width:100%;line-height:2;text-align:center}
.p0102 .host_tbl th{padding:10px 0;font-size:18px;font-weight:normal;color:#fff;background-color:#90c6eb;font-family:notokr-medium}
.p0102 .host_tbl th.center{border-left:1px solid #fff;border-right:1px solid #fff;background-color:#3498db}
.p0102 .host_tbl td{padding: 25px 0;border-bottom:1px solid #ddd;font-size:18px;color:#333}
.p0102 .host_tbl td.center{border-left:1px solid #ddd;border-right:1px solid #ddd}
.p0102 .host_tbl td .strike{position:relative}
.p0102 .host_tbl td .strike:before{position:absolute;content:"";left:-5%;top:50%;width:125%;height:2px;background-color:#fe5556}
.p0102 .host_tbl td .strike:after{position:absolute;content:"";right:-20%;top:11px;width:16px;height:16px;background-image:url(/sh_all/page/img/cm_strike.png)}
.p0102 .host_tbl td .dc{font-size:12px}
.p0102 .host_tbl td.last{background:url(/sh_all/page/img/cm_sasun.png) repeat}
.p0102 .host_tbl td p{font-size:16px;color:#fe5556}
.p0102 .host_tbl tr:last-child td{padding-bottom:20px;border-bottom:none}
.p0102 .btn_wrap{margin-bottom:32px;text-align:center}
.p0102 .btn_wrap a{display: inline-block;width:190px;height:45px;margin:0 2px;border:1px solid #fe5556;border-radius:2px;font-size:15px;line-height:45px;color:#fe5556;transition:all .3s;font-family:notokr-medium}
.p0102 .btn_wrap a:hover{color:#fff;background-color:#fe5556}
.p0102 .btn_wrap a.adm_btn{border:1px solid #3498db;color:#3498db}
.p0102 .btn_wrap a.adm_btn:hover{color:#fff;background-color:#3498db}
.p0102 .cont_area01{margin:0 0 25px;padding-top:20px;border:5px solid #fe5556}
.p0102 .cont_area01 h3{padding:15px 0;margin:0 20px;font-size:18px;color:#333;text-align:center;background:url(/sh_all/page/img/cm_sasun.png) repeat;font-family:notokr-bold}
.p0102 .cont_area01 ul{overflow:hidden}
.p0102 .cont_area01 ul li{float:left;position:relative;width:25%;padding:30px 0 32px;font-size:15px;letter-spacing:-.8px;color:#444;line-height:1.6;text-align:center}
.p0102 .cont_area01 ul li:after{position:absolute;content:"";right:-7px;top:50%;margin-top:-10px;width:19px;height:19px;border-radius:22px;background:url(/sh_all/page/img/p0202_plus.png) center no-repeat #ffe6e6}
.p0102 .cont_area01 ul li:nth-child(3):after{right:10px}
.p0102 .cont_area01 ul li:last-child:after{display:none}
.p0102 .cont_area01 ul li p{font-size:15px;color:#fe5566;font-family:notokr-bold}
.p0102 .cont_area01 ul li p:after{display:block;content:"";width:12px;height:1px;margin:8px auto 10px;background-color:#fe5566}
.p0102 .info_tbl{width:100%}
.p0102 .info_tbl .str{display:inline-block;position:relative;padding-left:20px;line-height:1}
.p0102 .info_tbl .str:before{position: absolute;content:"★";top:-3px;left:0;font-size:16.5px;color:#19c000}
.p0102 .info_tbl th{width:170px;padding:17px 17px 17px 0;font-size:15px;font-weight:normal;color:#333;text-align:right;font-family:notokr-bold}
.p0102 .info_tbl tr:nth-child(odd){background-color:#f7f7f7}
.p0102 .info_tbl td{padding:17px 15px 17px 32px;font-size:14px;color:#333}
.p0102 .info_tbl tr.naver td{padding:17px 15px;border:1px solid #8cdf7f;font-size:15px;text-align:center;background-color:#f8fdf7;font-family:notokr-bold}
.p0102 .cont_area02{margin-top:25px;padding:20px 0;border:5px solid #fe5556}
.p0102 .cont_area02 .clear{overflow:hidden}
.p0102 .cont_area02 h3{float:left;width:25%;padding:25px 0;margin:0 20px;font-size:18px;color:#333;text-align:center;background:url(/sh_all/page/img/cm_sasun.png) repeat;font-family:notokr-bold}
.p0102 .cont_area02 ul{float:left;overflow:hidden;width:70%;padding-top:13px}
.p0102 .cont_area02 ul li{float:left;position:relative;width:50%;font-size:15px;letter-spacing:-.3px;color:#444;line-height:1.6;text-align:center}
.p0102 .cont_area02 ul li:after{position:absolute;content:"";right:10px;top:50%;margin-top:-10px;width:19px;height:19px;border-radius:22px;background:url(/sh_all/page/img/p0202_plus.png) center no-repeat #ffe6e6}
.p0102 .cont_area02 ul li:last-child:after{display:none}
.p0102 .cont_area02 ul li p{font-size:15px;color:#fe5566;font-family:notokr-bold}
.p0102 .cont_area02 ul li p:after{display:block;content:"";width:12px;height:1px;margin:8px auto 10px;background-color:#fe5566}
.p0102 .cont_area02 .line{height:1px;margin:20px 20px;background-color:#ffcccc}
.p0102 .cont_area02 p{float:left;width:70%;padding-top:3px;font-size:15px;letter-spacing:-.3px;color:#444;line-height:1.6;text-align:center}
.p0102 .cont_area02 p a{display:inline-block;padding:10px 20px;margin-top:7px;border-radius:2px;font-size:14px;color:#fff;background-color:#fe5556;transition:all .3s;font-family:notokr-medium}
.p0102 .cont_area02 p a:hover{background-color:#ff2e2f}


/* 디자인 주문제작 */
.p0202{padding:40px 0 80px;font-size:16px;line-height:1.6;color:#777;letter-spacing:-.15px;font-family:notokr-regular}
.p0202 .inner{width:1070px!important}
.p0202 .tit_area span.bold{font-family:notokr-bold}
.p0202 .tit_area span.blue{color:#3498db}
.p0202 .tit_txt{font-size:30px;line-height:1.3;letter-spacing:-1px;color:#333;text-align:center;font-family:notokr-demilight}
.p0202 .tit_txt p{margin-bottom:25px;font-size:17px;letter-spacing:-.15px;text-decoration:underline;font-family:notokr-medium}
.p0202 .tit_area .icon{overflow:hidden;width:725px;;margin:50px auto;background:url(/sh_all/page/img/p0202_icon_bg.png) no-repeat}
.p0202 .tit_area .icon li{float:left;width:50%;padding:33px 0 33px 163px;box-sizing:border-box}
.p0202 .tit_area .icon li span.blue{font-size:12px;color:#3498db;letter-spacing:1px;font-family:notokr-medium}
.p0202 .tit_area .icon li .i_tit{font-size:20px;color:#333;font-family:notokr-demilight}
.p0202 .tit_area .icon li:nth-child(1){background:url(/sh_all/page/img/p0202_icon01.png) 63px no-repeat}
.p0202 .tit_area .icon li:nth-child(2){background:url(/sh_all/page/img/p0202_icon02.png) 63px 28px no-repeat}
.p0202 .cont_area{margin-top:70px}
.p0202 .cont_area .info_box{padding:25px 0 0;border-top:solid 2px #444950}
.p0202 .cont_area .info_box:after{display:block;visibility:hidden;clear:both;content:""}
.p0202 .cont_area .info_box .cont_img{float:left}
.p0202 .cont_area .info_box .cont_txt{float:right;position:relative;width:58%;padding-top:13px;height:249px;border-bottom:solid 1px #dbdbdb;box-sizing:border-box}
.p0202 .cont_area .info_box .cont_txt span{font-size:12px;color:#3498db;letter-spacing:1px;font-family:notokr-medium}
.p0202 .cont_area .info_box .cont_txt .service{padding:4px 0 15px;font-size:20px;color:#333;font-family:notokr-bold}
.p0202 .cont_area .info_box .cont_txt .price{display:block;position:absolute;bottom:20px;right:0;width:150px;height:40px;border-radius:30px;font-size:17px;line-height:40px;color:#fff;text-align:center;background-color:#f25f50;box-shadow:2px 4px 8px 0 rgba(0, 0, 0, 0.1411764705882353);font-family:notokr-bold}
.p0202 .cont_area .step_box{overflow:hidden;margin-top:36px}
.p0202 .cont_area .step_box li{float:left;position:relative;width:20%;height:137px;padding-top:40px;border:solid 1px #dbdbdb;color:#333;text-align:center;box-sizing:border-box}
.p0202 .cont_area01 .step_box li:nth-child(2){border:none;color:#fff;background-color:#444950}
.p0202 .cont_area01 .step_box li:nth-child(3){margin-right:-1px}
.p0202 .cont_area01 .step_box li:nth-child(5){border:none;color:#fff;background-color:#3498db}
.p0202 .cont_area .step_box li .number{position:absolute;left:15px;top:15px;font-size:12px;letter-spacing:2px;font-family:notokr-medium}
.p0202 .cont_area .step_box li p{padding-top:15px;font-size:14px;font-family:notokr-medium}
.p0202 .cont_area .portfolio_area{margin-top:55px;text-align:center}
.p0202 .cont_area .portfolio_area .pf_tit_area{margin-bottom:20px;background:url(/sh_all/page/img/p0202_pf_bg.png) 0 12px repeat-x}
.p0202 .cont_area .portfolio_area .pf_tit{display:inline-block;padding:0 40px;margin-bottom:5px;font-size:22px;color:#333;background-color:#fff;font-family:notokr-bold}
.p0202 .cont_area .portfolio_area .pf_tit span{color:#3498db}
.p0202 .cont_area .pf_lt_area{overflow:hidden}
.p0202 .cont_area .pf_lt_area ul li{float:left;width:348px;margin:0 12px 20px 0}
.p0202 .cont_area .pf_lt_area ul li:nth-child(3n){margin-right:0}
.p0202 .cont_area .pf_lt_area ul li .pf_img{display:block;width:100%;height:214px;border:solid 1px #ddd;box-sizing:border-box}
.p0202 .cont_area .pf_lt_area ul li img{width:100%}
.p0202 .cont_area .pf_lt_area ul li .btn{position:relative;overflow:hidden}
.p0202 .cont_area .pf_lt_area ul li .btn a{display:block;width:100%;height:32px;font-size:13px;line-height:32px;color:#fff;text-align:center;background-color:#73767a}
.p0202 .cont_area02 .step_box li{width:calc(100% /6);width:-webkit-calc(100% /6);width:-moz-calc(100% /6);border:none}
.p0202 .cont_area02 .step_box li:nth-child(1), .p0202 .cont_area02 .step_box li:nth-child(2), .p0202 .cont_area02 .step_box li:nth-child(3){border:solid 1px #dbdbdb;margin-right:-1px}
.p0202 .cont_area02 .step_box li:nth-child(4){border-right:solid 1px #5e646b;color:#fff;background-color:#444950}
.p0202 .cont_area02 .step_box li:nth-child(5){border:none;color:#fff;background-color:#444950}
.p0202 .cont_area02 .step_box li:nth-child(6){border:none;color:#fff;background-color:#3498db}
.p0202 .cont_area02 .info_box .cont_txt .price{font-family:notokr-medium}
.p0202 .request_btn{display:block;position:relative;margin:45px auto 0;padding-right:20px;width:200px;height:50px;border-radius:2px;font-size:15px;line-height:50px;color:#fff;text-align:center;background-color:#444950;transition:all 0.2s}
.p0202 .request_btn:after{display:block;position:absolute;top:1px;right:29px;content:"\f044";color:#ff6656;transition:all 0.2s;font-family:FontAwesome}
.p0202 .request_btn:hover{background-color:#ff6656}
.p0202 .request_btn:hover:after{color:#fff}

/* 모바일웹 무료제작 */
.p0301 .bg_area{position:relative;width:100%;min-height:550px;padding-top:185px;font-size:16px;color:#fff;text-align:center;background:url(/sh_all/page/img/p0301_bg.jpg) center no-repeat}
.p0301 .bg_area .txt{position:relative;z-index:1;opacity:0}
.p0301 .bg_area h3{margin-bottom:25px;font-size:40px;line-height:1.5;letter-spacing:-1px;color:#fff;font-family:'notokr-light'}
.p0301 .bg_area .dot{position:relative}
.p0301 .bg_area .dot:before{content:"";display:block;position:absolute;top:-3px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:4px;background-color:#fff}
.p0301 .bg_area .mask{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);opacity:0}
.p0301 .cont01{padding:80px;margin-top:-70px!important;background-color:#fff}
.p0301 .cont01 ul{text-align:center}
.p0301 .cont01 ul li{display:inline-block;vertical-align:top;width:24%}
.p0301 .cont01 ul li .icon{display:inline-block;width:105px;height:105px;border-radius:105px;background-color:#f2f2f2;background-repeat:no-repeat;background-position:center}
.p0301 .cont01 ul li:nth-child(1){-webkit-animation-delay:.2s;-ms-animation-delay:.2s;animation-delay:.2s}
.p0301 .cont01 ul li:nth-child(2){-webkit-animation-delay:.4s;-ms-animation-delay:.4s;animation-delay:.4s}
.p0301 .cont01 ul li:nth-child(3){-webkit-animation-delay:.6s;-ms-animation-delay:.6s;animation-delay:.6s}
.p0301 .cont01 ul li:nth-child(1) .icon{background-image:url(/sh_all/page/img/p0301_icon01.png)}
.p0301 .cont01 ul li:nth-child(2) .icon{background-image:url(/sh_all/page/img/p0301_icon02.png)}
.p0301 .cont01 ul li:nth-child(3) .icon{background-image:url(/sh_all/page/img/p0301_icon03.png)}
.p0301 .cont01 ul li h4{margin:15px 0;font-size:17px;color:#222;font-family:'notokr-medium'}
.p0301 .cont02{padding:80px 0;text-align:center;background-color:#f2f2f2}
.p0301 .cont02 h3{margin-bottom:20px;font-size:40px;line-height:1.5;letter-spacing:-1px;color:#222;font-family:'notokr-light'}
.p0301 .cont02 .txt{font-size:17px;color:#222;font-family:'notokr-demilight'}
.p0301 .cont02 .txt:after{display:block;content:url(/sh_all/page/img/cm_dot.png);margin:10px 0 20px}
.p0301 .cont02 .txt span{font-family:'notokr-medium'}

/* 실시간 제작현황 */
.p0502 .bg_area{position:relative;width:100%;min-height:350px;padding-top:130px;font-size:16px;color:#fff;text-align:center;background:url(/sh_all/page/img/p0502_bg.jpg) center no-repeat}
.p0502 .bg_area .txt{position:relative;z-index:1;opacity:0}
.p0502 .bg_area h3{margin-bottom:25px;font-size:40px;line-height:1.5;letter-spacing:-1px;color:#fff;font-family:'notokr-light'}
.p0502 .bg_area .dot{position:relative}
.p0502 .bg_area .dot:before{content:"";display:block;position:absolute;top:-3px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:4px;background-color:#fff}
.p0502 .bg_area .mask{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0}
.p0502 .tab_area{position:relative;width:100%;background-color:#f2f2f2}
.p0502 .tab_area ul{overflow:hidden}
.p0502 .tab_area ul li{float:left;padding:0 45px;font-size:17px;line-height:65px;font-family:'notokr-medium'}
.p0502 .tab_area ul li.on{background-color:#fff}
.p0502 .tab_area ul li a{color:#8a8a8a}
.p0502 .tbl_area{padding-top:20px}
.p0502 .tbl_area .total{overflow:hidden;margin-bottom:5px;color:#222}
.p0502 .tbl_area .total span{font-size:14px;float:right}
.p0502 .make_tbl{width:100%;text-align:center}
.p0502 .make_tbl tr th{padding:12px 0;border-top:1px solid #222;border-bottom:2px solid #222;font-size:15px;font-weight:normal;color:#222;font-family:'notokr-bold'}
.p0502 .make_tbl tr td{padding:13px 0;border-bottom:1px solid #e1e1e1}
.p0502 .make_tbl tr td.c_name{font-weight:normal;color:#222;font-family:'notokr-bold'}
.p0502 .make_tbl tr td.state span{display:inline-block;min-width:68px;padding:0 12px;border-radius:2px;font-size:12px;line-height:24px;color:#fff;background-color:#777;font-family:'notokr-medium'}
.p0502 .make_tbl tr:hover{background-color:#f7f7f7}

/* 접속자 분석 */
.p0402 .bg_area{position:relative;width:100%;min-height:350px;padding-top:130px;font-size:16px;color:#fff;text-align:center;background:url(/sh_all/page/img/p0402_bg.jpg) center no-repeat}
.p0402 .bg_area .txt{position:relative;z-index:1;opacity:0}
.p0402 .bg_area h3{margin-bottom:20px;font-size:40px;line-height:1.5;letter-spacing:-1px;color:#fff;font-family:'notokr-light'}
.p0402 .bg_area h3 .plus{position:relative}
.p0402 .bg_area h3 .plus:after{ display:block;content:"";position:absolute;top:-5px;right:-7px;width:16px;height:16px;background:url(/sh_all/page/img/p0402_plus.png) no-repeat}
.p0402 .bg_area .dot{position:relative}
.p0402 .bg_area .dot:before{content:"";display:block;position:absolute;top:-3px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:4px;background-color:#fff}
.p0402 .bg_area .plus_img{margin-bottom:25px}
.p0402 .bg_area .mask{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);opacity:0}
.p0402 .inner{width:1070px!important}
.p0402 .cont{padding:70px 0}
.p0402 .cont p{margin-bottom:15px;font-size:18px;color:#222;font-family:'notokr-medium'}
.p0402 .cont p .num{display:inline-block;width:35px;height:35px;margin-right:10px;border-radius:35px;font-size:15px;text-align:center;color:#fff;line-height:35px}
.p0402 .cont p .m_color{font-family:'notokr-bold'}
.p0402 .cont .img{margin:15px 0 60px;padding:35px 0;border-radius:2px;text-align:center;background-color:#f7f7f7}

/* 고객지원 */
.p0601{padding-bottom:80px}
.p0601 .bg_area{position:relative;z-index:0;width:100%;min-height:455px;padding:130px;font-size:16px;color:#fff;text-align:center;background:url(/sh_all/page/img/p0601_bg.jpg) center no-repeat}
.p0601 .bg_area .txt{position:relative;z-index:1;opacity:0}
.p0601 .bg_area h3{margin-bottom:20px;font-size:40px;line-height:1.5;letter-spacing:-1px;color:#fff;font-family:'notokr-light'}
.p0601 .bg_area h3 .plus{position:relative}
.p0601 .bg_area h3 .plus:after{ display:block;content:"";position:absolute;top:-5px;right:-7px;width:16px;height:16px;background:url(/sh_all/page/img/p0402_plus.png) no-repeat}
.p0601 .bg_area .dot{position:relative}
.p0601 .bg_area .dot:before{content:"";display:block;position:absolute;top:-3px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:4px;background-color:#fff}
.p0601 .bg_area .plus_img{margin-bottom:25px}
.p0601 .bg_area .mask{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);opacity:0}
.p0601 .cs_area{position:relative;z-index:1;overflow:hidden;width:1100px;margin:-80px auto 70px}
.p0601 .cs_area li{float:left;width:33.33%;height:255px;padding:45px 0 0 45px;color:#fff;background-repeat:no-repeat;background-position:88% 79%}
.p0601 .cs_area li h5{font-size:16px;font-family:'notokr-medium'}
.p0601 .cs_area li .tel{margin:10px 0;font-size:32px;font-weight:300;font-family:"Montserrat"}
.p0601 .cs_area li .txt{font-size:14px;color:rgba(255,255,255,.7)}
.p0601 .cs_area li:nth-child(1){background-image:url(/sh_all/page/img/p0601_icon01.png)}
.p0601 .cs_area li:nth-child(2){border-bottom:1px solid #e1e1e1;color:#222;background-color:#fff;background-image:url(/sh_all/page/img/p0601_icon02.png)}
.p0601 .cs_area li:nth-child(2) .txt{color:#777}
.p0601 .cs_area li:nth-child(3) {background-color:#444;background-image:url(/sh_all/page/img/p0601_icon03.png)}
.p0601 .tit_area{text-align:center}
.p0601 .tit_area h4{margin-bottom:15px;font-size:28px;letter-spacing:-.5px;;color:#222;font-family:'notokr-light'}
.p0601 .faq_area{width:1100px;margin:0 auto 70px;border-top:2px solid #222;border-bottom:1px solid #bfbfbf}        
.p0601 .faq_cont{position:relative;border-bottom:1px solid #e1e1e1;line-height:2}
.p0601 .faq_cont:after{content:"\f078";position:absolute;right:20px;top:17px;font-size:11px;color:#999;-webkit-transition:color .2s;-ms-transition:color .2s;transition:color .2s;font-family:FontAwesome}
.p0601 .faq_cont .tit{padding:15px 10px;color:#222;cursor:pointer;font-family:'notokr-medium'}
.p0601 .faq_cont .tit .num{padding:0 25px 0 15px;font-size:14px;font-family:'notokr-bold'}
.p0601 .faq_cont .txt_wrap{display:none;position:relative;padding:30px 0}
.p0601 .faq_cont .txt_wrap:before{content:"A";position:absolute;top:30px;left:27px;font-size:14.5px;font-weight:bold;color:#555!important;font-family:'nanumgothic'}
.p0601 .faq_cont .txt_wrap .txt{padding-left:65px;line-height:1.6}
.p0601 .faq_cont.active:after{content:"\f077"}
.p0601 .faq_cont.active .tit{background-color:#f7f7f7}
.p0601 .a_btn{display:inline-block}