@charset "utf-8";/* 익스8 이하  */
#ie_lower{position:relative;left:0;top:0;z-index:9999;width:100%;padding:7px 0;border-bottom:1px solid #fff073;border-top:1px solid #fff073;text-align:center;background-color:#fffbd9;font-family:nanumgothic} 
#ie_lower span{font-weight:bold;color:#f96319}
#ie_lower a{display:inline-block;padding-left:10px;color:#888}
#ie_lower a:hover{text-decoration:underline}

/* 공통 */
#pageCm{font-size:15px;line-height:1.6;letter-spacing:-.15px;color:#777;font-family:'notokr-regular'}
#pageCm .inner{position:relative;width:1070px}
#pageCm .inner_w{position:relative;width:1200px}
#pageCm .fw_bold{font-family:'notokr-bold'} 
#pageCm .chg_fc{color:#ff8400}
#pageCm .chg_bgc{background-color:#ff8400}
#pageCm .mask{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);opacity:0}
#pageCm .pg_dot{position:relative;width:5px;height:5px;margin:25px auto;border-radius:5px;background-color:#ccc}
#pageCm .pg_dot:before, #pageCm .pg_dot:after{display:block;content:"";position:absolute;left:-15px;top:0;width:5px;height:5px;border-radius:5px;background-color:#ccc}
#pageCm .pg_dot:after{left:auto;right:-15px}
#pageCm .tit_area{text-align:center}
#pageCm .tit_area h4{margin-bottom:7px;font-size:30px;letter-spacing:-.5px;color:#222;font-family:'notokr-light'}
#pageCm .cm_btn_wrap{text-align:center}
#pageCm .cm_btn{display:inline-block;height:50px;padding:0 30px;border-radius:30px;font-size:15px;line-height:50px;color:#fff;cursor:pointer;background-color:#272a31;-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-medium'}
#pageCm .cm_btn:hover{background-color:#ff8400}
#pageCm .cm_link_btn{display:inline-block;height:35px;padding:0 25px;margin:8px 2px 0;border-radius:2px;font-size:14px;line-height:35px;color:#fff;background-color:#ff8400;-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-medium'}
#pageCm .cm_link_btn:hover{background-color:#272a31}

/* 애니메이션 */
.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}}

/* 제작진행절차 */
.sh_process{padding-bottom:50px}
.sh_process .top_bg{position:relative;width:100%;height:550px;font-size:15px;color:#fff;text-align:center;background:url(/sh_page/img/process_bg.jpg) no-repeat;background-size:cover}
.sh_process .top_bg h3{position:relative;z-index:1;margin-bottom:140px;padding-top:110px;font-size:42px;line-height:1.5;letter-spacing:-1px;color:#fff;opacity:0;font-family:'notokr-light'}
.sh_process .top_bg .txt{position:relative;z-index:1;margin:0 auto}
.sh_process .top_bg ul{margin:45px 0 70px;text-align:center}
.sh_process .top_bg ul li{display:inline-block;vertical-align:bottom;width:205px;height:205px;margin:0 2px;padding:35px 0 0 35px;font-size:16px;color:#222;text-align:left;background-color:#fff;font-family:'notokr-medium'}
.sh_process .top_bg ul li p{margin-bottom:50px;font-size:16px;font-weight:700;text-transform:uppercase;font-family:'Montserrat',sans-serif}
.sh_process .top_bg ul li p:after{content:"";display:block;width:12px;height:2px;margin-top:10px;background-color:#222}
.sh_process .top_bg ul li:nth-child(1){-webkit-animation-delay:.2s;-ms-animation-delay:.2s;animation-delay:.2s}
.sh_process .top_bg ul li:nth-child(2){-webkit-animation-delay:.4s;-ms-animation-delay:.4s;animation-delay:.4s}
.sh_process .top_bg ul li:nth-child(3){-webkit-animation-delay:.6s;-ms-animation-delay:.6s;animation-delay:.6s}
.sh_process .top_bg ul li:nth-child(4){-webkit-animation-delay:.8s;-ms-animation-delay:.8s;animation-delay:.8s}
.sh_process .top_bg ul li:nth-child(5){color:#fff;-webkit-animation-delay:1s;-ms-animation-delay:1s;animation-delay:1s}
.sh_process .top_bg ul li:nth-child(5) p:after{background-color:#fff}
.sh_process .top_bg ul li span{display:block;margin-top:3px;font-size:13px;font-weight:500;letter-spacing:0;color:#bbb;font-family:'Montserrat',sans-serif}
.sh_process .top_bg ul li:nth-child(5) span{color:#ffd09d}
.sh_process .cont{margin:0 auto;padding-top:70px}
.sh_process .cont .tit{margin-bottom:15px;font-size:19px;color:#222;font-family:'notokr-medium'}
.sh_process .cont .tit .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}
.sh_process .cont .img{margin:15px 0 60px;padding:35px 0;border-radius:2px;text-align:center;background-color:#f7f7f7}
.sh_process .faq_area{margin-top:12px;border-top:2px solid #222;border-bottom:1px solid #bfbfbf}        
.sh_process .faq_cont{position:relative;border-bottom:1px solid #e1e1e1;line-height:2}
.sh_process .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}
.sh_process .faq_cont .que{padding:15px 10px;color:#222;cursor:pointer;font-family:'notokr-medium'}
.sh_process .faq_cont .que .num{padding:0 25px 0 15px;font-size:14px;font-family:'notokr-bold'}
.sh_process .faq_cont .txt_wrap{display:none;position:relative;padding:30px 0}
.sh_process .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'}
.sh_process .faq_cont .txt_wrap .txt{padding-left:65px;line-height:1.6}
.sh_process .faq_cont.active:after{content:"\f077"}
.sh_process .faq_cont.active .que{background-color:#f7f7f7}

/* 특혜서비스 */
.sh_benefit{padding:50px 0}
.sh_benefit .cont01{overflow:hidden;margin:0 auto}
.sh_benefit .cont01 li{float:left;width:256px;height:130px;margin:0 15px 15px 0;padding-top:38px;border:1px solid #e1e1e1;text-align:center}
.sh_benefit .cont01 li span{display:block;font-size:18px;color:#222;font-family:'notokr-medium'}
.sh_benefit .cont01 li.right{}
.sh_benefit .cont01 li.center{width:527px;padding:38px 0 0;border:none;font-size:27px;color:#222;background:url(/sh_page/img/sasun.png) repeat;font-family:'notokr-bold'}
.sh_benefit .cont01 li.center p{font-size:13px;line-height:1;letter-spacing:.2px}
.sh_benefit .cont01 li.mgr_0{margin:0}
.sh_benefit .cont01 li.st{border:1px solid #ffd7ac;color:#f59f42;background-color:#fff9f3;opacity:0}
.sh_benefit .cont02{margin:0 auto}
.sh_benefit .cont02 li{padding:40px 30px;border-bottom:1px dashed #d2d2d2;-webkit-transition:all .2s;transition:all .2s;cursor:default}
.sh_benefit .cont02 li:hover{background-color:#f7f7f7} 
.sh_benefit .cont02 li p{position:relative;margin-bottom:15px;font-size:19px;color:#222;font-family:'notokr-medium'}
.sh_benefit .cont02 li 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}
.sh_benefit .cont02 li p a{float:right;padding:5px 20px;border-radius:2px;font-size:14px;color:#fff;background-color:#272a31;transition:all .2s;font-family:'notokr-medium'}
.sh_benefit .cont02 li p a:hover{background-color:#ff8400}

/* 업종별 최적화프로그램 */
.sh_program{padding-bottom:50px}
.sh_program .bg_area{position:relative;width:100%;height:500px;padding-top:155px;font-size:16px;color:#fff;text-align:center;background:url(/sh_page/img/program_bg.jpg) no-repeat;background-size:cover}
.sh_program .bg_area .txt{position:relative;z-index:1;opacity:0}
.sh_program .bg_area h3{margin-bottom:25px;font-size:42px;line-height:1.5;letter-spacing:-1px;color:#fff;font-family:'notokr-light'}
.sh_program .bg_area .dot{position:relative}
.sh_program .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}
.sh_program .cont{margin:-70px auto 0;padding:60px 60px 0;text-align:center;background-color:#fff}
.sh_program .cont ul{overflow:hidden}
.sh_program .cont ul li{float:left;width:32.5%;margin-bottom:13px;border:1px solid #e1e1e1;font-size:14.5px;-webkit-transition:border .2s;transition:border .2s;cursor:default}
.sh_program .cont ul li a{display:block;padding:35px 20px 50px;color:#777}
.sh_program .cont ul li.lt2, .sh_program .cont ul li.lt5{margin:0 1.2%}
.sh_program .cont ul li img{width:100%}
.sh_program .cont ul li h5{padding:10px 0;font-size:19px;color:#222;font-family:'notokr-medium'}
.sh_program .cont ul li .go_btn{width:130px;padding:7px 0;margin:18px auto 0;border-radius:30px;border:1px solid #ff8400;color:#ff8400;-webkit-transition:background .2s;transition:all .2s;font-family:'notokr-medium'}
.sh_program .cont ul li:hover{border-color:#ff931f}
.sh_program .cont ul li:hover .go_btn{color:#fff;background-color:#ff8400} 

/* 담당디자이너란 */
.sh_designer .bg_area{position:relative;width:100%;height:500px;padding-top:155px;font-size:16px;color:#fff;text-align:center;background:url(/sh_page/img/designer_bg.jpg) no-repeat;background-size:cover}
.sh_designer .bg_area .txt{position:relative;z-index:1;opacity:0}
.sh_designer .bg_area h3{margin-bottom:25px;font-size:42px;line-height:1.5;letter-spacing:-1px;color:#fff;font-family:'notokr-light'}
.sh_designer .bg_area .dot{position:relative}
.sh_designer .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}
.sh_designer .tit_area01{padding-top:70px;margin:-70px auto 55px;text-align:center;background-color:#fff}
.sh_designer .tit_area01 h4{margin-bottom:7px;font-size:30px;letter-spacing:-.5px;;color:#222;font-family:'notokr-light'}
.sh_designer .cont01{position:relative}
.sh_designer .cont01 .line{position:absolute;left:0;top:85px;width:0;height:1px;background-color:#333;opacity:0;transition:opacity 2.5s, width ease 1.5s}
.sh_designer .cont01 ul{width:1070px;height:200px;margin:0 auto}
.sh_designer .cont01 ul li{display:inline-block;position:relative;vertical-align:top;width:16%;font-size:16px;color:#222;text-align:center;cursor:default;opacity:0;transition:all .4s}
.sh_designer .cont01 ul li span{display:block;padding-bottom:8px;font-size:14px;letter-spacing:0;color:#bebebe;-webkit-transition:color .2s;transition:color .2s;font-family:'notokr-bold'}
.sh_designer .cont01 ul li span.on{color:#ff8400}
.sh_designer .cont01 ul li .dot{position:absolute;left:50%;top:82px;width:7px;height:7px;margin-left:-3px;border-radius:7px;background-color:#222;-webkit-transition:all .2s;transition:all .2s}
.sh_designer .cont01 ul li .dot.on{top:72px;margin-left:-13px;width:26px;height:26px;border:8px solid #222;border-radius:26px;background-color:#fff}
.sh_designer .cont01 ul li .txt{position:absolute;width:300px;font-size:14px;top:120px;left:50%;margin-left:-150px;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}
.sh_designer .cont01 ul li .txt.on{opacity:1}
.sh_designer .cont01 ul li:nth-child(1){-webkit-transform:translateY(100px);transform:translateY(100px)}
.sh_designer .cont01 ul li:nth-child(1).on{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .79s 0.09s, transform .79s 0.09s;transition:opacity .79s .09s, transform .79s .09s}
.sh_designer .cont01 ul li:nth-child(2){-webkit-transform:translateY(99px);transform:translateY(99px)}
.sh_designer .cont01 ul li:nth-child(2).on{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .78s 0.18s, transform .78s 0.18s;transition:opacity .78s .18s, transform .78s .18s}
.sh_designer .cont01 ul li:nth-child(3){-webkit-transform:translateY(98px);transform:translateY(98px)}
.sh_designer .cont01 ul li:nth-child(3).on{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .77s 0.27s, transform .77s 0.27s;transition:opacity .77s .27s, transform .77s .27s}
.sh_designer .cont01 ul li:nth-child(4){-webkit-transform:translateY(97px);transform:translateY(97px)}
.sh_designer .cont01 ul li:nth-child(4).on{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .76s 0.36s, transform .76s 0.36s;transition:opacity .76s .36s, transform .76s .36s}
.sh_designer .cont01 ul li:nth-child(5){-webkit-transform:translateY(96px);transform:translateY(96px)}
.sh_designer .cont01 ul li:nth-child(5).on{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .75s 0.45s, transform .75s 0.45s;transition:opacity .75s .45s, transform .75s .45s}
.sh_designer .cont01 ul li:nth-child(6){-webkit-transform:translateY(95px);transform:translateY(95px)}
.sh_designer .cont01 ul li:nth-child(6).on{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .74s 0.54s, transform .74s 0.54s;transition:opacity .74s .54s, transform .74s .54s}
.sh_designer .cont02{margin:60px auto 90px}
.sh_designer .cont02 .cont_box{overflow:hidden;position:relative;width:100%;height:400px;margin-top:30px;font-size:0;white-space:nowrap}
.sh_designer .cont02 .cont_box > div{display:inline-block;overflow:hidden;position:relative;width:25%;height:100%;-webkit-transition:width .3s;transition:width .3s}
.sh_designer .cont02 .cont_box .bg01{background:url(/sh_page/img/designer_img01.jpg) center no-repeat}
.sh_designer .cont02 .cont_box .bg02{background:url(/sh_page/img/designer_img02.jpg) center no-repeat}
.sh_designer .cont02 .cont_box .bg03{background:url(/sh_page/img/designer_img03.jpg) center no-repeat}
.sh_designer .cont02 .cont_box .bg04{background:url(/sh_page/img/designer_img04.jpg) center no-repeat}
.sh_designer .cont02 .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}
.sh_designer .cont02 .cont_box ul{position:relative;top:50%;margin-top:-73px;text-align:center;color:#fff;-webkit-transition:margin-top .3s;transition:margin-top .3s}
.sh_designer .cont02 .cont_box ul li{display:block}
.sh_designer .cont02 .cont_box ul li.s_tit{margin-top:10px;font-size:14px}
.sh_designer .cont02 .cont_box ul li.s_tit:after{content:"";display:block;width:12px;height:2px;margin:10px auto;background-color:#fff}
.sh_designer .cont02 .cont_box ul li.b_tit{font-size:20px}
.sh_designer .cont02 .cont_box ul li.desc{font-size:15px;padding-top:23px;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}
.sh_designer .cont02 .cont_box > div.active{width:34%}
.sh_designer .cont02 .cont_box > div.deactive{width:22%}
.sh_designer .cont02 .cont_box > div:hover ul{margin-top:-115px}
.sh_designer .cont02 .cont_box > div:hover ul li.desc{opacity:1} 
.sh_designer .cont02 .cont_box > div:hover ul li.detail_btn{opacity:1}
.sh_designer .cont02 .cont_box > div:hover:before{opacity:1} 

/* 모바일웹무료제작 */
.sh_mobile{padding-bottom:50px}
.sh_mobile .bg_area{position:relative;width:100%;height:500px;padding-top:155px;font-size:16px;color:#fff;text-align:center;background:url(/sh_page/img/mobilepg_bg.jpg) no-repeat;background-size:cover}
.sh_mobile .bg_area .txt{position:relative;z-index:1;opacity:0}
.sh_mobile .bg_area h3{margin-bottom:25px;font-size:42px;line-height:1.5;letter-spacing:-1px;color:#fff;font-family:'notokr-light'}
.sh_mobile .bg_area .dot{position:relative}
.sh_mobile .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}
.sh_mobile .cont01{padding:80px 0;margin:-70px auto 0;background-color:#fff}
.sh_mobile .cont01 ul{text-align:center}
.sh_mobile .cont01 ul li{display:inline-block;vertical-align:top;width:26%}
.sh_mobile .cont01 ul li .icon{display:inline-block;width:120px;height:120px;border-radius:120px;background-color:#f5f5f5;background-repeat:no-repeat;background-position:center}
.sh_mobile .cont01 ul li:nth-child(1){-webkit-animation-delay:.2s;-ms-animation-delay:.2s;animation-delay:.2s}
.sh_mobile .cont01 ul li:nth-child(2){-webkit-animation-delay:.4s;-ms-animation-delay:.4s;animation-delay:.4s} 
.sh_mobile .cont01 ul li:nth-child(3){-webkit-animation-delay:.6s;-ms-animation-delay:.6s;animation-delay:.6s}
.sh_mobile .cont01 ul li:nth-child(1) .icon{background-image:url(/sh_page/img/mobile_icon01.png)}
.sh_mobile .cont01 ul li:nth-child(2) .icon{background-image:url(/sh_page/img/mobile_icon02.png)}
.sh_mobile .cont01 ul li:nth-child(3) .icon{background-image:url(/sh_page/img/mobile_icon03.png)}
.sh_mobile .cont01 ul li h4{margin:15px 0;font-size:19px;color:#222;font-family:'notokr-medium'}
.sh_mobile .cont02{padding:70px 0 80px;text-align:center;background-color:#f5f5f5}
.sh_mobile .cont02 h3{margin-bottom:20px;font-size:38px;line-height:1.5;letter-spacing:-1px;color:#222;font-family:'notokr-light'}
.sh_mobile .cont02 .txt{font-size:17px;color:#222;font-family:'notokr-demilight'}
.sh_mobile .cont02 .txt span{font-family:'notokr-medium'}

/* 무료로그분석 */
.sh_log .cont{margin:50px auto}
.sh_log .cont .tit{margin-bottom:15px;font-size:19px;color:#222;font-family:'notokr-medium'}
.sh_log .cont .tit .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}
.sh_log .cont .img{margin:15px 0 60px;padding:35px 0;border-radius:2px;text-align:center;background-color:#f7f7f7}
.sh_log .cm_btn_wrap{padding-bottom:20px}

/* 실시간제작현황 */
.sh_make_list .bg_area{position:relative;width:100%;min-height:350px;padding-top:130px;font-size:16px;color:#fff;text-align:center;background:url(/sh_page/img/makelist_bg.jpg) center no-repeat}
.sh_make_list .bg_area .txt{position:relative;z-index:1;opacity:0}
.sh_make_list .bg_area h3{margin-bottom:25px;font-size:40px;line-height:1.5;letter-spacing:-1px;color:#fff;font-family:'notokr-light'}
.sh_make_list .bg_area .dot{position:relative}
.sh_make_list .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}
.sh_make_list .tab_area{position:relative;width:100%;background-color:#f2f2f2}
.sh_make_list .tab_area ul{overflow:hidden;margin:0 auto}
.sh_make_list .tab_area ul li{float:left;padding:0 45px;font-size:17px;line-height:65px;font-family:'notokr-medium'}
.sh_make_list .tab_area ul li.on{background-color:#fff}
.sh_make_list .tab_area ul li a{color:#8a8a8a}
.sh_make_list .tbl_area{margin:0 auto;padding-top:20px}
.sh_make_list .tbl_area .total{overflow:hidden;margin-bottom:5px;color:#222}
.sh_make_list .tbl_area .total span{font-size:14px;float:right}
.sh_make_list .make_tbl{width:100%;text-align:center}
.sh_make_list .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'}
.sh_make_list .make_tbl tr td{padding:13px 0;border-bottom:1px solid #e1e1e1}
.sh_make_list .make_tbl tr td.c_name{font-weight:normal;color:#222;font-family:'notokr-bold'}
.sh_make_list .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:#a1a1a1;font-family:'notokr-medium'}
.sh_make_list .make_tbl tr:hover{background-color:#f7f7f7}
.sh_make_list .make_tbl tr td.state span.ing{background-color:#555}
.sh_make_list .make_tbl tr td.state span.gohome , .sh_make_list .make_tbl tr td.state span.comp{background-color:#ff8400}

/* 고객지원센터 */
.sh_cscenter .bg_area{position:relative;width:100%;height:450px;padding-top:155px;font-size:16px;color:#fff;text-align:center;background:url(/sh_page/img/cscenter_bg.jpg) no-repeat;background-size:cover}
.sh_cscenter .bg_area .txt{position:relative;z-index:1;opacity:0}
.sh_cscenter .bg_area h3{margin-bottom:25px;font-size:42px;line-height:1.5;letter-spacing:-1px;color:#fff;font-family:'notokr-light'}
.sh_cscenter .bg_area .dot{position:relative}
.sh_cscenter .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}
.sh_cscenter .cs_area{position:relative;z-index:1;overflow:hidden;width:1070px;margin:-70px auto 60px;border-radius:15px 15px 0 0}
.sh_cscenter .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%;background-color:#ff8400}
.sh_cscenter .cs_area li h5{font-size:16px;font-family:'notokr-medium'}
.sh_cscenter .cs_area li .tel{margin:10px 0;font-size:32px;font-weight:300;font-family:"Montserrat"}
.sh_cscenter .cs_area li .txt{font-size:14px;color:rgba(255,255,255,.7)}
.sh_cscenter .cs_area li:nth-child(1){background-image:url(/sh_page/img/cscenter_icon01.png)}
.sh_cscenter .cs_area li:nth-child(2){border-bottom:1px solid #e1e1e1;color:#222;background-color:#fff;background-image:url(/sh_page/img/cscenter_icon02.png)}
.sh_cscenter .cs_area li:nth-child(2) .txt{color:#777}
.sh_cscenter .cs_area li:nth-child(3){background-color:#444;background-image:url(/sh_page/img/cscenter_icon03.png)}
.sh_cscenter .inq_latest{padding:50px 0 45px;margin-bottom:50px;background-color:#f7f7f7}
.sh_cscenter .inner{overflow:hidden}
.sh_cscenter .inq_area{overflow:hidden;float:left;width:68%;padding-top:7px}
.sh_cscenter .inq_latest .inner{margin:0 auto}
.sh_cscenter .inq_latest .inq_tit{float:left;width:33%;border-top:2px solid #333;text-align:right}
.sh_cscenter .inq_latest .inq_tit h4{padding:25px 0 12px;font-size:26px;color:#222;letter-spacing:-1px;font-family:'notokr-light'}
.sh_cscenter .inq_latest .inq_tit .cm_btn{margin-top:35px;padding:0 50px!important}
.sh_cscenter .inq_latest .inq_cont{float:right;width:60%;border-top:2px solid #333}
.sh_cscenter .inq_latest .inq_cont ul li{overflow:hidden;padding:0 35px;border-bottom:1px dotted #ccc;line-height:45px}
.sh_cscenter .inq_latest .inq_cont ul li .date{float:left;padding-right:30px;font-size:15px;color:#222;text-align:center;font-family:'Montserrat'}
.sh_cscenter .inq_latest .inq_cont ul li .date .day{display:inline-block;vertical-align:middle;padding-left:5px;font-size:17px;font-weight:700;color:#ff8400}
.sh_cscenter .inq_latest .inq_cont ul li .notice{float:left;font-size:15px;color:#777}
.sh_cscenter .inq_latest .inq_cont ul li .notice img{padding:0 0 6px 5px}
.sh_cscenter .inq_latest .inq_cont ul li .notice span{font-size:16px;color:#222;font-family:'notokr-medium'}
.sh_cscenter .bnr_area{float:right;width:30%;text-align:center}
.sh_cscenter .bnr_area p{padding:7px 0 12px;font-size:22px;color:#222;letter-spacing:-1px}
.sh_cscenter .bnr_area .txt{position:relative;margin:0 35px;padding-bottom:6px;text-align:left}
.sh_cscenter .bnr_area .txt a{display:block;position:absolute;right:0;top:0;width:50px;height:50px;border-radius:50px;line-height:50px;color:#fff;text-align:center;background-color:#272a31;-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-bold'}
.sh_cscenter .bnr_area .txt a:hover{transform:translateY(-7px);background-color:#ff8400}
.sh_cscenter .faq_area{width:1070px;margin:0 auto 90px;border-top:2px solid #333;border-bottom:1px solid #bfbfbf}        
.sh_cscenter .faq_cont{position:relative;border-bottom:1px solid #e1e1e1;line-height:2}
.sh_cscenter .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}
.sh_cscenter .faq_cont .tit{padding:15px 10px;color:#222;cursor:pointer;font-family:'notokr-medium'}
.sh_cscenter .faq_cont .tit .num{padding:0 25px 0 15px;font-size:14px;font-family:'notokr-bold'}
.sh_cscenter .faq_cont .txt_wrap{display:none;position:relative;padding:30px 0}
.sh_cscenter .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'}
.sh_cscenter .faq_cont .txt_wrap .txt{padding-left:65px;line-height:1.6}
.sh_cscenter .faq_cont.active:after{content:"\f077"}
.sh_cscenter .faq_cont.active .tit{background-color:#f7f7f7}

/* 검색사이트 등록 */
.sh_search{padding-bottom:50px}
.sh_search .bg_area{position:relative;width:100%;height:500px;padding-top:155px;font-size:16px;color:#fff;text-align:center;background:url(/sh_page/img/search_bg.jpg) no-repeat;background-size:cover}
.sh_search .bg_area .txt{position:relative;z-index:1;opacity:0}
.sh_search .bg_area h3{margin-bottom:25px;font-size:42px;line-height:1.5;letter-spacing:-1px;color:#fff;font-family:'notokr-light'}
.sh_search .bg_area .dot{position:relative}
.sh_search .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}
.sh_search .tit_area01{padding-top:70px;margin:-70px auto 35px;text-align:center;background-color:#fff}
.sh_search .tit_area01 h4{margin-bottom:7px;font-size:30px;letter-spacing:-.5px;;color:#222;font-family:'notokr-light'}
.sh_search .cont{margin:0 auto}
.sh_search .cont .img_link{display:block;margin-bottom:60px;border:1px solid #ddd}
.sh_search .cont .img_area li{margin-bottom:60px}
.sh_search .cont .img_area li p{margin-bottom:15px;font-size:19px;color:#222;font-family:'notokr-medium'}
.sh_search .cont .img_area li 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;background-color:#00b35e}
.sh_search .cont .img_area li .c_green{color:#00b35e}
.sh_search .cont .img_area li .list_img{padding:35px;background-color:#f7f7f7}
.sh_search .cont .img_area li .list_img img{width:100%}
.sh_search  .tabs_area{width:1070px;margin:0 auto 40px}
.sh_search .tabs{display:table;margin:0 auto;overflow:hidden}
.sh_search .tabs li{position:relative;float:left;width:140px;height:42px;margin:0 5px;border-radius:3px;font-size:15px;line-height:42px;text-align:center;color:#fff;background-color:#ccc;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;font-family:'notokr-medium'}
.sh_search .tabs li:hover{background-color:#aaa}
.sh_search .tabs li.on{background-color:#ff8400}
.sh_search .daum_area dl{min-height:190px;margin-bottom:50px;padding:20px 0 70px 280px;border-bottom:1px dashed #d2d2d2}
.sh_search .daum_area dl.list01{background:url(/sh_page/img/daum_sch_list1.jpg) left top no-repeat}
.sh_search .daum_area dl.list02{background:url(/sh_page/img/daum_sch_list2.jpg) left top no-repeat}
.sh_search .daum_area dl.list03{background:url(/sh_page/img/daum_sch_list3.jpg) left top no-repeat}
.sh_search .daum_area dt{margin-bottom:15px;font-size:19px;color:#222;font-family:'notokr-medium'}
.sh_search .daum_area dt .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;background-color:#5364de}
.sh_search .daum_area dt .c_blue{color:#5364de}
.sh_search .daum_area dd.tit{padding:10px 0 5px;color:#222;font-family:'notokr-bold'}
.sh_search .daum_area .ps{padding-top:5px;font-size:14px;color:#ff8400}
.sh_search .daum_area .ps_box{padding:35px;background-color:#f7f7f7}

/* 유지보수 */
.sh_maintenance{padding-bottom:70px}
.sh_maintenance .inner{margin:0 auto}
.sh_maintenance .tit_area01{position:relative;padding:80px 0 0;margin-top:60px;font-size:16px;line-height:1.6;color:#222;text-align:center}
.sh_maintenance .tit_area01:before{display:block;content:"";position:absolute;top:0;left:50%;z-index:-1;width:220px;height:210px;margin-left:-110px;border:14px solid #efefef}
.sh_maintenance .tit_area01 h3{font-size:42px;letter-spacing:-1px;font-family:'notokr-light'}
.sh_maintenance .tit_area01 h3:after{display:block;content:"";width:1px;height:70px;margin:10px auto 30px;background-color:#ff8400}
.sh_maintenance .tit_area01 p{font-size:14px;font-weight:600;letter-spacing:0;font-family:'Montserrat',sans-serif}
.sh_maintenance .cont01{padding:50px 0;margin:50px 0 70px;background-color:#f7f7f7}
.sh_maintenance .point{overflow:hidden;width:1070px;margin:15px auto 0}
.sh_maintenance .point li{float:left;width:53%;padding:45px 90px 45px 40px;border-radius:25px 0;letter-spacing:-.4px;text-align:left;border:1px solid #e1e1e1;background-color:#fff}
.sh_maintenance .point li.right{margin:40px 0 0 -6%;padding-right:35px}
.sh_maintenance .point li h4{margin-bottom:10px;font-size:19px;color:#333;font-family:'notokr-medium'}
.sh_maintenance .point li h4 .num{display:inline-block;width:40px;height:40px;margin-right:10px;border-radius:40px;font-size:16px;color:#fff;text-align:center;line-height:40px;font-family:'notokr-medium'}
.sh_maintenance .point li p{padding-bottom:8px;font-size:17px;color:#222;font-family:'notokr-medium'}
.sh_maintenance .point li u{color:#222}
.sh_maintenance .cont02 ul{overflow:hidden;margin-top:30px}
.sh_maintenance .cont02 ul li{float:left;position:relative;width:24.25%;height:240px;margin-right:1%;padding:35px 35px 0 35px;text-align:left;background-color:#f7f7f7;-webkit-transition:background 1s;transition:background 1s;cursor:default} 
.sh_maintenance .cont02 ul li:last-child{margin-right:0}
.sh_maintenance .cont02 ul li p{font-size:14px;font-weight:600;color:#222;font-family:'Montserrat',sans-serif}
.sh_maintenance .cont02 ul li p:after{content:"";display:block;width:12px;height:2px;margin-top:10px;background-color:#222}
.sh_maintenance .cont02 ul li h5{padding:45px 0 10px;font-size:17px;color:#222;font-family:'notokr-medium'}  
.sh_maintenance .ps{padding:35px;margin-top:30px;border:1px solid #e1e1e1} 
.sh_maintenance .ps u{color:#222}
 
/* 부정클릭방지 */
.sh_clickfraud{padding-bottom:50px}
.sh_clickfraud .bg_area{position:relative;width:100%;height:500px;padding-top:155px;font-size:16px;color:#fff;text-align:center;background:url(/sh_page/img/clickfraud_bg.jpg) no-repeat;background-size:cover}
.sh_clickfraud .bg_area .txt{position:relative;z-index:1;opacity:0}
.sh_clickfraud .bg_area h3{margin-bottom:25px;font-size:42px;line-height:1.5;letter-spacing:-1px;color:#fff;font-family:'notokr-light'}
.sh_clickfraud .bg_area .dot{position:relative}
.sh_clickfraud .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} 
.sh_clickfraud .mask{background-color:rgba(0,0,0,.3)!important}
.sh_clickfraud .cont01{padding:80px 0;margin:-70px auto 0;background-color:#fff}
.sh_clickfraud .cont01 .cont_area{overflow:hidden;width:1070px;margin:0 auto;border:1px solid #e1e1e1}
.sh_clickfraud .cont01 .cont_area > div, .sh_clickfraud .cont01 .cont_area > ul{float:left;width:50%;height:530px}
.sh_clickfraud .cont01 .cont_area .left{background:url(/sh_page/img/clickfraud_img01.jpg) no-repeat}
.sh_clickfraud .cont01 .cont_area .left .tit{float:right;margin-top:230px;display:inline-block;padding:35px 70px 35px 40px;font-size:24px;letter-spacing:-.5px;line-height:1.4;color:#fff;background-color:rgba(0,0,0,.7);font-family:'notokr-thin'}
.sh_clickfraud .cont01 .cont_area .left .tit p{font-size:17px;line-height:1.5;letter-spacing:-.3px}
.sh_clickfraud .cont01 .cont_area .right{position:relative;padding:55px 45px 0}
.sh_clickfraud .cont01 .cont_area .right p{padding-bottom:25px;font-size:13px;font-weight:600;letter-spacing:0;color:#ff8400;font-family:'Montserrat',sans-serif}
.sh_clickfraud .cont01 .cont_area .right li{margin-bottom:40px;line-height:1.7} 
.sh_clickfraud .cont01 .cont_area .right li:last-child{margin-bottom:0}
.sh_clickfraud .cont01 .cont_area .right li h4{padding-bottom:10px;font-size:18px;color:#222;letter-spacing:-.5px;font-family:'notokr-medium'}
.sh_clickfraud .cont01 .cont_area .right li u{color:#222}
.sh_clickfraud .cont02{padding:60px 0 70px;background-color:#f7f7f7}
.sh_clickfraud .cont02 ul{width:1070px;margin:20px auto 0;padding-top:15px;text-align:center}
.sh_clickfraud .cont02 ul li{display:inline-block;vertical-align:top;width:29%;height:355px;padding:43px 30px 30px;box-shadow:0px 0px 20px 0 rgba(0, 0, 0, 0.09);background-color:#fff}
.sh_clickfraud .cont02 ul li:nth-child(2){margin:0 17px}
.sh_clickfraud .cont02 ul li .icon{width:100px;height:100px;margin:0 auto 25px;border-radius:50px;line-height:100px;background-color:#f7f7f7}
.sh_clickfraud .cont02 ul li .icon img{width:60px}
.sh_clickfraud .cont02 ul li .tit{padding-bottom:10px;font-size:18px;color:#222;font-family:'notokr-medium'}
.sh_clickfraud .cont02 ul li .ps{padding-top:13px;font-size:13px}

/* 회사소개 */
.sh_company{min-width:1350px}
.sh_company .bg_area{position:relative;width:100%;height:980px;height:100vh}
.sh_company .bg_area{position:fixed;top:0;width:100%;height:980px;height:100vh;padding-top:425px;font-size:16px;color:#fff;text-align:center;background-image:url(/sh_page/img/company_bg.jpg);background-attachment:fixed;background-position:-30px 0;background-repeat:no-repeat}
.sh_company .bg_area .txt{position:relative;z-index:1;opacity:0;font-size:22px;letter-spacing:-.3px}
.sh_company .bg_area p{padding-bottom:30px;opacity:0;font-family:'notokr-light'}
.sh_company .bg_area h3{margin-bottom:25px;font-size:62px;font-weight:100;line-height:1.3;letter-spacing:-1px;color:#fff;text-transform:uppercase;font-family:'Montserrat',sans-seri}
.sh_company .bg_area h3:after{display:inline-block;content:"";width:9px;height:9px;border-radius:9px;background-color:#ff8400}
.sh_company .mask{background-color:rgba(0,0,0,.3)!important}
.sh_company .cont01_wrap{position:relative;width:100%;height:980px;height:100vh}
.sh_company .cont01{position:fixed;top:100%;z-index:1001;width:100%;height:980px;height:100vh;background:#222;-webkit-transition:top 1s cubic-bezier(0.38, .3, 0, 1);transition:top 1s cubic-bezier(0.38, .3, 0, 1)}
.sh_company .cont01.active{top:0}
.sh_company .cont01 .opa_area{position:relative;z-index:1}
.sh_company .cont01 .tit_area01{position:relative;padding:80px 0 0;margin-top:60px;font-size:16px;line-height:1.6;color:#fff;text-align:center;opacity:0}
.sh_company .cont01 .tit_area01:before{display:block;content:"";position:absolute;top:0;left:50%;z-index:-1;width:220px;height:210px;margin-left:-110px;border:14px solid #333}
.sh_company .cont01 .tit_area01 h3{font-size:42px;letter-spacing:-1px;color:#fff;font-family:'notokr-thin'}
.sh_company .cont01 .tit_area01 h3:after{display:block;content:"";width:1px;height:0;margin:10px auto 30px;background-color:#ff8400}
.sh_company .cont01 .tit_area01 h3 em{font-style:normal;opacity:0}
.sh_company .cont01 .tit_area01 .chg_fc{font-size:14px;font-weight:600;letter-spacing:0;font-family:'Montserrat',sans-serif}
.sh_company .cont01 .tit_area01 .txt{margin-top:60px;line-height:1.8;opacity:0}
.sh_company .cont01.active .tit_area01{opacity:1;-webkit-transition:opacity 1s .5s;transition:opacity 1s .5s}
.sh_company .cont01.active .tit_area01 h3 em:nth-child(1),.sh_company .cont01.active .tit_area01 h3 em:nth-child(6),.sh_company .cont01.active .tit_area01 h3 em:nth-child(12){opacity:1;-webkit-transition:opacity 1.9s 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);transition:opacity 1.9s 1s cubic-bezier(0.215, 0.610, 0.355, 1.000)}
.sh_company .cont01.active .tit_area01 h3 em:nth-child(2),.sh_company .cont01.active .tit_area01 h3 em:nth-child(9),.sh_company .cont01.active .tit_area01 h3 em:nth-child(11){opacity:1;-webkit-transition:opacity 2.2s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);transition:opacity 2.2s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000)}
.sh_company .cont01.active .tit_area01 h3 em:nth-child(3),.sh_company .cont01.active .tit_area01 h3 em:nth-child(5),.sh_company .cont01.active .tit_area01 h3 em:nth-child(8){opacity:1;-webkit-transition:opacity 2.5s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);transition:opacity 2.5s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000)}
.sh_company .cont01.active .tit_area01 h3 em:nth-child(4),.sh_company .cont01.active .tit_area01 h3 em:nth-child(7),.sh_company .cont01.active .tit_area01 h3 em:nth-child(10){opacity:1;-webkit-transition:opacity 2.8s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);transition:opacity 2.8s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000)}
.sh_company .cont01.active .tit_area01 h3:after{height:70px;-webkit-transition:height .9s .6s;transition:height .9s .6s}
.sh_company .cont01.active .tit_area01 .txt{margin-top:0;opacity:1;-webkit-transition:all 2s 1.5s;transition:all 3s 1.2s}
.sh_company .cont01 .cont_area{padding-top:50px;margin-top:30px;text-align:center;font-size:16px;color:#888;opacity:0}
.sh_company .cont01 .cont_area ul{margin:40px auto;padding-left:75px}
.sh_company .cont01 .cont_area ul li{position:relative;display:inline-block;width:23%;min-height:160px;padding:38px 0 0 100px;font-size:20px;line-height:1.4;color:#fff;text-align:left;font-family:'notokr-medium'}
.sh_company .cont01 .cont_area ul li .circle{position:absolute;top:50%;left:0;z-index:-1;width:150px;height:150px;margin-top:-75px;border-radius:75px;border:75px solid #222}
.sh_company .cont01.active .cont_area{margin-top:0;opacity:1;-webkit-transition:all 2s 1.8s;transition:all 2s 1.8s}
.sh_company .cont01.active .cont_area  ul li .circle{border-width:0;background-color:#ff8400}
.sh_company .cont01.active .cont_area  ul li:nth-child(1) .circle{-webkit-transition:all 1.6s 2s;transition:all 1.6s 2s}
.sh_company .cont01.active .cont_area  ul li:nth-child(2) .circle{-webkit-transition:all 1.6s 2.2s;transition:all 1.6s 2.3s}
.sh_company .cont01.active .cont_area  ul li:nth-child(3) .circle{-webkit-transition:all 1.6s 2.4s;transition:all 1.6s 2.6s}
.sh_company .cont01 .bg_img{position:absolute;bottom:0;right:-10%;z-index:-1;opacity:0}
.sh_company .cont01.active .bg_img{right:0;opacity:1;-webkit-transition:all 2s 3s;transition:all 2s 3s}
.sh_company .cont02{position:relative;z-index:1002;height:930px;background-color:#ff8400;-webkit-transition:background 1s;transition:background 1s}
.sh_company .cont02.active{background-color:#fff;-webkit-transition:background 2.5s;transition:background 2.5}
.sh_company .cont02 .tit_area01{position:relative;padding:130px 0 0;margin-top:60px;font-size:16px;line-height:1.6;color:#fff;text-align:center;opacity:0}
.sh_company .cont02 .tit_area01 h3{padding-top:10px;font-size:42px;letter-spacing:-1px;color:#222;font-family:'notokr-thin'}
.sh_company .cont02 .tit_area01 h3 em{font-style:normal;opacity:0}
.sh_company .cont02 .tit_area01 .chg_fc{font-size:14px;font-weight:600;letter-spacing:0;font-family:'Montserrat',sans-serif}
.sh_company .cont02.active .tit_area01{opacity:1;-webkit-transition:opacity 1s .5s;transition:opacity 1s .5s}
.sh_company .cont02.active .tit_area01 h3 em:nth-child(1),.sh_company .cont02.active .tit_area01 h3 em:nth-child(6),.sh_company .cont02.active .tit_area01 h3 em:nth-child(12){opacity:1;-webkit-transition:opacity 1.9s 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);transition:opacity 1.9s 1s cubic-bezier(0.215, 0.610, 0.355, 1.000)}
.sh_company .cont02.active .tit_area01 h3 em:nth-child(2),.sh_company .cont02.active .tit_area01 h3 em:nth-child(9),.sh_company .cont02.active .tit_area01 h3 em:nth-child(11){opacity:1;-webkit-transition:opacity 2.2s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);transition:opacity 2.2s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000)}
.sh_company .cont02.active .tit_area01 h3 em:nth-child(3),.sh_company .cont02.active .tit_area01 h3 em:nth-child(5),.sh_company .cont02.active .tit_area01 h3 em:nth-child(8){opacity:1;-webkit-transition:opacity 2.5s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);transition:opacity 2.5s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000)}
.sh_company .cont02.active .tit_area01 h3 em:nth-child(4),.sh_company .cont02.active .tit_area01 h3 em:nth-child(7),.sh_company .cont02.active .tit_area01 h3 em:nth-child(10){opacity:1;-webkit-transition:opacity 2.8s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);transition:opacity 2.8s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000)}
.sh_company .cont02 .grid{position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;width:100%;max-width:880px;margin:0 auto}
.sh_company .cont02 .grid span{display:block;position:absolute;top:0;z-index:1;width:1px;height:0;background:#ff8400;-webkit-transition:all .3s;transition:all .3s}
.sh_company .cont02 .grid span.line01{left:0;margin-left:-1px}
.sh_company .cont02 .grid span.line02{left:50%;margin-left:-1px}
.sh_company .cont02 .grid span.line03{left:100%;margin-left:-1px}
.sh_company .cont02 .grid.active span{height:100%;background-color:#e1e1e1;-webkit-transition:all 4s;transition:all 4s}
.sh_company .cont02 .division{width:1320px;margin:65px auto 0;text-align:center}
.sh_company .cont02 .division:after{display:block;content:"";visibility:hidden;clear:both}
.sh_company .cont02 .division > li{display:inline-block;vertical-align:top;width:427px;transform: translateY(50%);opacity:0;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}
.sh_company .cont02 .division > li:nth-child(2){margin:0 10px}
.sh_company .cont02 .division > li .img{margin-bottom:30px;-webkit-transition:all .2;transition:all .2s}
.sh_company .cont02 .division > li .tit{padding-top:10px;font-size:18px;color:#222;font-family:'notokr-medium'}
.sh_company .cont02 .division > li .dot{width:7px;height:7px;margin:30px auto;transform:translateY(-200px);border-radius:7px;border:3.5px solid #ff8400;opacity:0;-webkit-transition:all .2s;transition:all .2s}
.sh_company .cont02 .division.active > li .dot{transform:translateY(0);opacity:1}
.sh_company .cont02 .division > li:hover .dot{width:20px;height:20px;border-radius:20px;border:6px solid #ff8400}
.sh_company .cont02 .division > li:hover .img{transform:translateY(-10px)}
.sh_company .cont02 .division.active > li{transform:translateY(0);opacity:1}
.sh_company .cont02 .division.active > li:nth-child(1){-webkit-transition:all .7s .2s;transition:all .7s .2s}
.sh_company .cont02 .division.active > li:nth-child(2){-webkit-transition:all .7s .4s;transition:all .7s .4s}
.sh_company .cont02 .division.active > li:nth-child(3){-webkit-transition:all .7s .6s;transition:all .7s .6s}
.sh_company .cont02 .division .txt_up li{height:28px;overflow:hidden;padding-top:28px}
.sh_company .cont02 .division .txt_up.active li{padding-top:0}
.sh_company .cont02 .division .txt_up.active li:nth-child(1){-webkit-transition:all 1s 1.2s;transition:all 1s 1.2s}
.sh_company .cont02 .division .txt_up.active li:nth-child(2){-webkit-transition:all 1s 1.4s;transition:all 1s 1.4s}
.sh_company .cont02 .division .txt_up.active li:nth-child(3){-webkit-transition:all 1s 1.6s;transition:all 1s 1.6s}
.sh_company .cont03{position:relative;z-index:1003;padding-bottom:70px;background-color:#fff}
.sh_company .cont03 .bnr_area{overflow:hidden}
.sh_company .cont03 .bnr_area li{overflow:hidden;float:left;position:relative;width:33.33%;height:390px;padding-top:115px;line-height:1.8;text-align:center;color:rgba(255,255,255,.7);cursor:pointer;font-family:'notokr-demilight'}
.sh_company .cont03 .bnr_area li .bg{position:absolute;top:0;z-index:-2;-webkit-transition:all 1s linear;transition:all 1s linear}
.sh_company .cont03 .bnr_area li span{font-size:14px;font-weight:600;letter-spacing:0;font-family:'Montserrat',sans-serif}
.sh_company .cont03 .bnr_area li .tit{padding:15px 0;font-size:26px;color:#fff;letter-spacing:-1px;font-family:'notokr-demilight'}
.sh_company .cont03 .bnr_area li .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:rgba(255,132,0,.3);opacity:0;-webkit-transition:all 1s linear;transition:all 1s linear}
.sh_company .cont03 .bnr_area li:hover .bg{transform:scale(1.1)}
.sh_company .cont03 .bnr_area li:hover .overlay{opacity:1}

/* 조직도 */
.sh_organization .bg_area{position:relative;width:100%;height:500px;padding-top:155px;font-size:16px;color:#fff;text-align:center;background:url(/sh_page/img/organization_bg.jpg) no-repeat;background-size:cover}
.sh_organization .bg_area .txt{position:relative;z-index:1;opacity:0}
.sh_organization .bg_area h3{margin-bottom:25px;font-size:42px;line-height:1.5;letter-spacing:-1px;color:#fff;font-family:'notokr-light'}
.sh_organization .bg_area .dot{position:relative}
.sh_organization .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}
.sh_organization .inner_w{padding:65px 0;margin:-70px auto 0;background-color:#fff}
.sh_organization .teamlist{width:1070px;margin:0 auto}
.sh_organization .teamlist dl{margin-bottom:10px;overflow:hidden}
.sh_organization .teamlist dl dt{overflow:hidden;float:left;position:relative;width:260px;height:230px;background:#272a31}
.sh_organization .teamlist dl dt:before{content:"M";position:absolute;right:-50px;bottom:15px;z-index:0;font-size:180px;line-height:1;color:rgba(255,255,255,.07);font-family:'notokr-black'}
.sh_organization .teamlist dl:nth-child(2) dt:before{content:"D";right:auto;left:-45px}
.sh_organization .teamlist dl:nth-child(3) dt:before{content:"S";right:-35px}
.sh_organization .teamlist dl:nth-child(4) dt:before{content:"J";right:auto;left:-20px}
.sh_organization .teamlist dl dt p.eng{position:relative;z-index:1;padding:140px 0 5px 45px;font-size:15px;font-weight:600;color:#ff8400;letter-spacing:0;font-family:'Montserrat',sans-serif}
.sh_organization .teamlist dl dt p.kor{position:relative;z-index:1;font-size:15px;color:#fff;padding:0 0 0 45px}
.sh_organization .teamlist dl dd{float:left;width:260px;height:230px;background-color:#f4f4f4;background-repeat:no-repeat;background-position:center 67px;margin-left:10px}
.sh_organization .teamlist dl dd p{font-size:15px;font-weight:600;color:#222;text-align:center;letter-spacing:0;font-family:'Montserrat',sans-serif}
.sh_organization .teamlist dl dd p:before{display:block;content:"";width:40px;height:8px;margin:130px auto 32px;border-radius:100%;background-color:#d1d1d1}
.sh_organization .teamlist dl dd.sm-1{background-image:url(/sh_page/img/organization_sm1.png);background-size:45px;background-position:center 55px}
.sh_organization .teamlist dl dd.sm-2{background-image:url(/sh_page/img/organization_sm2.png);background-size:35px;background-position:center 62px}
.sh_organization .teamlist dl dd.sm-3{background-image:url(/sh_page/img/organization_sm3.png);background-size:50px}
.sh_organization .teamlist dl dd.sd-1{background-image:url(/sh_page/img/organization_sd1.png);background-size:57px}
.sh_organization .teamlist dl dd.sd-2{background-image:url(/sh_page/img/organization_sd2.png);background-size:55px}
.sh_organization .teamlist dl dd.sd-3{background-image:url(/sh_page/img/organization_sd3.png);background-size:60px}
.sh_organization .teamlist dl dd.ss-1{background-image:url(/sh_page/img/organization_ss1.png);background-size:57px}
.sh_organization .teamlist dl dd.sj-1{background-image:url(/sh_page/img/organization_sj1.png);background-size:50px}
.sh_organization .teamlist dl dd.sj-2{background-image:url(/sh_page/img/organization_ss1.png);background-size:57px}


/* ================================================================================================================ 코딩 마케팅페이지 시작  */
/* 공통 */
#cd_wrap{min-width:1230px;width:100%;padding-top:80px;font-size:17px;line-height:1.6;letter-spacing:-0.1px;color:#777;text-align:center;background:url(/sh_page/img/cd_bg.png) center top no-repeat;font-family:'notokr-regular'}
#cd_wrap *{box-sizing:border-box}
#cd_wrap .c_blue{color:#3498db}
#cd_wrap .c_black{color:#222}
#cd_wrap .c_red{color:#ea2c2c}
#cd_wrap .underline{background:url(/sh_page/img/cd_underline.png) left 84% repeat-x}
#cd_wrap .underline_red{background:url(/sh_page/img/cd_underline_red.png) left 84% repeat-x}
#cd_wrap strong{font-weight:normal;font-family:notokr-bold}
#cd_wrap h3{margin-bottom:35px;font-size:40px;line-height:1.4;letter-spacing:-1px;color:#c1c1c1;font-family:'notokr-bold'}

/* section1 */
#cd_wrap .section1{position:relative;margin-bottom:100px}
#cd_wrap .section1 .deco_wrap .deco-1{position:absolute;top:1330px;left:12%;z-index:100;animation-delay:0.8s}
#cd_wrap .section1 .deco_wrap .deco-2{position:absolute;top:1300px;right:10%;z-index:100;animation-delay:1s}
#cd_wrap .section1 .deco_wrap .deco-3{position:absolute;top:1470px;right:19%;z-index:100;animation-delay:1.2s}
#cd_wrap .section1 h3{margin-top:20px;opacity:0;filter:alpha(opacity=0)}
#cd_wrap .section1 .cont{margin-top:40px;opacity:0;filter:alpha(opacity=0)}
#cd_wrap .section1 .img_area1{position:relative;margin:115px 0 20px;opacity:0;filter:alpha(opacity=0)}
#cd_wrap .section1 .img_area1 .circle{display:none\0/IE8+9/*익스*/;position:absolute;left:40%;top:56%;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);z-index:-1;width:270px;height:270px;border:1px solid #ea2c2c;border-radius:180%;behavior:url(/sh_page/js/PIE.htc);-webkit-animation:circle 10s ease-in-out infinite;animation:circle 2s ease-in-out infinite}
@-webkit-keyframes circle{from{width:0;height:0}70%{width:270px;height:270px;opacity:0}to{opacity:0}}
@keyframes circle{from{width:0;height:0}70%{width:270px;height:270px;opacity:0}to{opacity:0}}
#cd_wrap .section1 ul{overflow:hidden;width:1230px;margin:0 auto 30px;padding:30px 30px 0;opacity:0;filter:alpha(opacity=0)}
#cd_wrap .section1 ul li{float:left;width:40%;font-size:20px;line-height:1.4;color:#222}
#cd_wrap .section1 ul li:nth-child(2){width:20%;font-size:58px;line-height:1.5;color:#bfbfbf;font-family:notokr-bold;animation-delay:0.5s}
#cd_wrap .section1 ul li strong{font-size:28px}
#cd_wrap .section1 .img_area2{position:relative;width:1230px;margin:0 auto;opacity:0;filter:alpha(opacity=0)}
#cd_wrap .section1 .img_area2 p{position:absolute;bottom:20.5%;width:100%;border-radius:5px;font-size:24px;line-height:80px;color:#fff;background-color:#ea2c2c;font-family:notokr-bold}
#cd_wrap .section1 .img_area2 div{padding-top:40px;font-size:22px;line-height:34px;color:#222;background:url(/sh_page/img/cd_sec1_img3.png) 73% top no-repeat}
#cd_wrap .section1 .img_area2 .circle2{position:absolute;left:50%;top:92%;padding-top:0;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);z-index:-1;width:250px;height:250px;border-radius:180%;behavior:url(/sh_page/js/PIE.htc);background:none #fde9e9;-webkit-animation:circle2 10s ease-in-out infinite;animation:circle2 2s ease-in-out infinite}
@-webkit-keyframes circle2{from{width:0;height:0}70%{width:250px;height:250px;opacity:0}to{opacity:0}}
@keyframes circle2{from{width:0;height:0}70%{width:250px;height:250px;opacity:0}to{opacity:0}}

/* section2 */
#cd_wrap .section2{padding:110px 0;background-color:#f4f4f4}
#cd_wrap .section2 h4{margin-bottom:20px;font-size:28px;line-height:1.5;color:#222;font-family:notokr-bold}
#cd_wrap .section2 .deco{display:inline-block;margin:30px 0 40px;-webkit-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear}
@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
#cd_wrap .section2 ul{overflow:hidden;width:1230px;margin:0 auto}
#cd_wrap .section2 ul li{float:left}
#cd_wrap .section2 ul li img{display:block;border:1px solid #ddd} 
#cd_wrap .section2 ul li p{display:inline-block;width:197px;height:43px;margin-top:35px;border-radius:3px;behavior:url(/sh_page/js/PIE.htc);font-size:18px;line-height:42px;color:#fff;background-color:#222}
#cd_wrap .section2 ul li:nth-child(2){float:right}
#cd_wrap .section2 .compare{position:relative;width:1230px;margin:0 auto;padding-top:35px;font-size:28px;letter-spacing:-.5px;color:#222;font-family:notokr-bold}
#cd_wrap .section2 .compare:before{display:block;position:absolute;left:297px;top:0;content:'';width:58px;height:58px;background:url(/sh_page/img/cd_sec2_left.png) no-repeat}
#cd_wrap .section2 .compare:after{display:block;position:absolute;right:297px;top:0;content:'';width:58px;height:58px;background:url(/sh_page/img/cd_sec2_right.png) no-repeat}

/* section3 */
#cd_wrap .section3{position:relative;width:100%;height:373px;padding-top:55px;margin-bottom:120px;color:rgba(204,204,204,.65);background:url(/sh_page/img/cd_sec3_bg.png) no-repeat fixed}
#cd_wrap .section3 h4{display:inline-block;padding:30px 50px;font-size:32px;line-height:1.5;color:#fff;font-family:notokr-bold;background:url(/sh_page/img/cd_sec3_deco.png) left 20px no-repeat}

/* section4 */
#cd_wrap .section4{margin-bottom:150px}
#cd_wrap .section4 .cd_btn{display:inline-block;width:240px;height:53px;margin:40px 0 50px;border:1px solid #22b500;border-radius:3px;behavior:url(/sh_page/js/PIE.htc);font-size:18px;line-height:52px;color:#22b500;transition:all 0.3s ease-in-out}
#cd_wrap .section4 .cd_btn:hover{color:#fff;background-color:#22b500}
#cd_wrap .section4 ul{overflow:hidden;width:1230px;margin:0 auto}
#cd_wrap .section4 ul li{float:left}
#cd_wrap .section4 ul li img{display:block} 
#cd_wrap .section4 ul li p{display:inline-block;width:300px;height:43px;margin-top:35px;border-radius:3px;behavior:url(/sh_page/js/PIE.htc);font-size:18px;line-height:42px;color:#fff;background-color:#222}
#cd_wrap .section4 ul li:nth-child(2){float:right}

/* section5 */
#cd_wrap .section5{overflow:hidden;position:relative;width:100%;margin-bottom:150px}
#cd_wrap .section5 > div{float:left;width:50%;height:720px}
#cd_wrap .section5 .left{padding:205px 70px 0;font-size:48px;line-height:60px;letter-spacing:15px;color:#fff;background:url(/sh_page/img/cd_sec5_bg.png) 75% bottom no-repeat;text-align:right;font-family:notokr-bold}
#cd_wrap .section5 .right{position:relative;padding:70px;color:#fff;background:url(/sh_page/img/cd_sec5_bg2.png) no-repeat #3498db}
#cd_wrap .section5 .right .num{padding-right:53px;font-size:15px;line-height:76px;letter-spacing:5px;text-align:right;font-family:notokr-bold}
#cd_wrap .section5 .right .num:after{display:block;position:absolute;right:1px;top:0;width:76px;height:76px;content:'';background:url(/sh_page/img/cd_sec5_num.png) no-repeat}
#cd_wrap .section5 .right .cont_area{margin-top:70px;line-height:32px;text-align:left}
#cd_wrap .section5 .right .cont_area h4{margin-bottom:43px;font-size:36px;font-family:notokr-bold}
#cd_wrap .section5 .right .cont_area span{display:inline-block;padding:0 5px;color:#015c99;background-color:#fff}
#cd_wrap .section5 .right .bx-pager{position:absolute;z-index:100;bottom:110px;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);padding:0 120px;background:url(/sh_page/img/cd_sec5_line.png) center 25px no-repeat}
#cd_wrap .section5 .right .bx-pager-item{float:left}
#cd_wrap .section5 .right .bx-pager-item a{display:block;width:4px;height:21px;margin-top:14px;background:#fff;text-indent:-1000px;margin-left:15px;overflow:hidden;transition:all 0.3s}
#cd_wrap .section5 .right .bx-pager-item a.active{height:35px;margin-top:0;-webkit-box-shadow:0px 0px 15px 0px rgba(255,255,255,1);-moz-box-shadow:0px 0px 15px 0px rgba(255,255,255,1);box-shadow:0px 0px 15px 0px rgba(255,255,255,1)}

/* section6 */
#cd_wrap .section6{margin-bottom:100px}
#cd_wrap .section6 ul{width:1070px;margin:50px auto 55px;background:url(/sh_page/img/cd_sec6_bg.png) center no-repeat}
#cd_wrap .section6 ul li{display:inline-block;width:269px;height:269px;padding:117px 65px 0 0;font-size:22px;color:#fff;text-align:right;font-family:notokr-bold}
#cd_wrap .section6 ul li:nth-child(1){background:url(/sh_page/img/cd_sec6_li_bg01.png) no-repeat;animation-delay:0.5s}
#cd_wrap .section6 ul li:nth-child(2){margin:0 30px;background:url(/sh_page/img/cd_sec6_li_bg02.png) no-repeat;animation-delay:0.7s}
#cd_wrap .section6 ul li:nth-child(3){background:url(/sh_page/img/cd_sec6_li_bg03.png) no-repeat;animation-delay:0.9s}
#cd_wrap .section6 h4{margin-bottom:30px;font-size:30px;line-height:1.5;font-family:notokr-bold}
#cd_wrap .section6 .cd_btn{display:inline-block;width:240px;height:53px;margin:50px 0;border:1px solid #3498db;border-radius:3px;behavior:url(/sh_page/js/PIE.htc);font-size:18px;line-height:52px;color:#3498db;transition:all 0.3s ease-in-out;cursor:pointer;animation-delay:0.3s}
#cd_wrap .section6 .cd_btn:hover{color:#fff;background-color:#3498db}
/* ================================================================================================================ 코딩 마케팅페이지 끝 */


/* ================================================================================================================ 무료디자인 & 포트폴리오 리스트 스타일 시작 */
#designSample{font-family:'notokr-regular'}
#designSample .sch_area{position:relative;width:100%;padding:35px 0;text-align:center;background-color:#fff}
#designSample .sch_area h3{display:inline-block;vertical-align:middle;margin-right:15px;font-size:32px;color:#222;font-family:'notokr-light'}
#designSample .sch_area h3 span{font-family:'notokr-bold'}
#designSample .sch_area .sch_form{display:inline-block;vertical-align:middle;overflow:hidden;position:relative;width:415px;margin:10px auto;border:1px solid #ddd;text-align:left;background-color:#f2f2f2}
#designSample .sch_area .sch_form input[type=text]{width:355px;height:48px;padding-left:20px;border:none;font-size:18px}
#designSample .sch_area .sch_form .sch_btn{position:absolute;right:0;top:0;width:60px;height:100%;border:none;font-size:0;background:url(/sh_page/img/design/sh_search_w.png) center no-repeat #333;cursor:pointer}
#designSample .sch_area .popular_wd{margin-top:17px}
#designSample .sch_area .popular_wd span{display:inline-block;padding:3px 15px;margin-right:10px;border-radius:2px;font-size:14px;color:#fff;background-color:#333;font-family:'notokr-medium'}
#designSample .sch_area .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}
#designSample .sch_area .popular_wd a:hover{border-color:#ff8400}
#designSample .sch_area .popular_wd a.on{background:#ff8400;color:#fff;border-color:#ff8400}
#designSample .sch_area .required{background-image:none!important}
#designSample .list_bg_wrap{position:relative;width:100%;background-color:#f7f7f7}

#designSample .type_area{padding:29px 0 20px;text-align:center;background-color:#ebebeb}
#designSample .type_area .inner{width:1070px;margin:0 auto}
#designSample .type_area a{display:inline-block;vertical-align:top;width:11.5%;height:50px;padding:0 12px;margin:0 3px 9px;border-radius:2px;font-size:15px;text-align:;line-height:50px;color:#333;background-color:#fff;-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-medium'}
#designSample .type_area a:hover{-webkit-box-shadow:2px 2px 9px -1px rgba(0,0,0,0.24);-moz-box-shadow:2px 2px 9px -1px rgba(0,0,0,0.24);box-shadow:2px 2px 9px -1px rgba(0,0,0,0.24)}
#designSample .type_area a.on{border-color:#272a31;color:#fff;background-color:#272a31}
#designSample .type_area a.on.loan{border-color:#b51440!important;background-color:#b51440!important}
#designSample .type_area a.on.rc{border-color:#d93737!important;background-color:#d93737!important}
#designSample .type_area a.on.it{border-color:#ed6a4a!important;background-color:#ed6a4a!important}
#designSample .type_area a.on.udc{border-color:#165ab0!important;background-color:#165ab0!important}
#designSample .type_area a.on.hos{border-color:#2672cf!important;background-color:#2672cf!important}
#designSample .type_area a.on.ps{border-color:#41bbaf!important;background-color:#41bbaf!important}
#designSample .type_area a.on.land{border-color:#00926d!important;background-color:#00926d!important}
#designSample .type_area a.on.edu{border-color:#22a266!important;background-color:#22a266!important}

#designSample .search_btn_area{display:inline-block;vertical-align:middle;margin-left:10px}
#designSample .search_btn_area a{display:inline-block;width:140px;height:38px;border-radius:30px;font-size:15px;line-height:38px;color:#fff;text-align:center;background-color:#2ab4ea;transition:all .2s}
#designSample .search_btn_area a.free_make_btn{margin-right:2px;background-color:#333}

#designSample .type_tit{padding:50px 0 0;font-size:17px;line-height:1.6;background-color:#f7f7f7}
#designSample .type_tit:after{display:block;visibility:hidden;clear:both;content:""}
#designSample .type_tit .inner{position:relative;width:1050px;margin:0 auto;padding:0 40px;border-radius:5px;border:7px solid #ff8400}
#designSample .type_tit .inner:before{display:block;content:"";position:absolute;left:50%;top:-25%;z-index:0;width:98%;height:150%;margin-left:-49%;background-color:#f7f7f7}
#designSample .type_tit p{position:relative;z-index:1;float:left;min-height:60px;margin-right:50px;padding-top:10px;font-size:36px;font-weight:600;line-height:1;color:#333;letter-spacing:-1.5px;font-family:'Montserrat',sans-serif}
#designSample .type_tit p:after{display:inline-block;content:"";width:6px;height:6px;margin-left:2px;border-radius:10px;background-color:#ff8400}
#designSample .type_tit .txt{position:relative;z-index:1}

#sampleList{/*display:table;*/width:92%;margin:0 auto;padding:55px 0;box-sizing:content-box;-webkit-transition:width .2s;transition:width .2s}
#sampleList:after{display:block;visibility:hidden;clear:both;content:""}
#sampleList > div{/*float:left;margin-bottom:40px*/}
#sampleList .make_design{position:relative;height:205px;margin-bottom:40px;border-radius:8px;font-size:15px;line-height:1.6;overflow:hidden;background:#333 /*url(/sh_page/img/design/make_design_bg.png) right bottom no-repeat*/;-webkit-transition:all .3s;transition:all .3s}
#sampleList .make_design a{display:block;height:100%;padding:40px 0 0 40px}
#sampleList .make_design a h3{padding-bottom:25px;font-size:20px;color:#fff;font-family:notokr-bold}
#sampleList .make_design a p{color:#afafaf}
#sampleList .make_design a span.cus{position:absolute;right:33px;top:43px;font-size:12px;color:#ff8400;letter-spacing:1px}
#sampleList .make_design .make_design_hover{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;background-color:rgba(52, 52, 52, 0.74);transition:all 0.3s}
#sampleList .make_design .make_design_hover .go_btn{display:table;width:176px;height:40px;margin:82px auto 0;font-size:14px;line-height:40px;color:#fff;letter-spacing:-0.3px;text-align:center;background-color:#ff8400}
#sampleList .make_design .make_design_hover .go_btn img{margin-right:5px} 
#sampleList .make_design:hover{-webkit-transform:translateY(-10px);transform:translateY(-7px);-webkit-box-shadow:0px 25px 43px -24px rgba(0,0,0,0.9);box-shadow:0px 25px 43px -24px rgba(0,0,0,0.9)}
#sampleList .sample_item{width:370px;padding:20px;position:relative;margin:0 33px 50px;border-radius:8px;background-color:#fff;box-sizing:border-box;transition:all 0.2s}
#sampleList .sample_item .premium_ba{position:absolute;right:8px;top:8px;z-index:10}
#sampleList .sample_item .private_ba{position:absolute;left:10px;top:10px;z-index:10;padding:0 10px;border-radius:2px;font-size:13.5px;line-height:25px;color:#fff;background-color:#3ec9ff;font-family:'notokr-medium'}
#sampleList .sample_item .thum_img_area{position:relative;border:solid 1px #e5e5e5;z-index:0;box-sizing:border-box}
#sampleList .sample_item .thum_img_area img{width:100%}
#sampleList .sample_item .thum_txt_area{padding-top:20px}
#sampleList .sample_item .thum_txt_area .design_code{position:relative;padding-bottom:10px;margin-bottom:10px;border-bottom:solid 1px #e5e5e5;font-size:13px;font-family:notokr-medium}
#sampleList .sample_item .thum_txt_area .design_code span.code{font-size:21px;font-family:notokr-bold}
#sampleList .sample_item .thum_txt_area .prc_r{text-align:right;font-family:notokr-medium}
#sampleList .sample_item .thum_txt_area .prc_r .prc{font-size:22px;color:#ff8400;font-family:notokr-bold}
#sampleList .sample_item .thum_txt_area .prc_r .g_prc{padding-right:6px;font-size:14px;color:#a5a5a5;font-family:notokr-medium}
#sampleList .sample_item .thum_txt_area .prc_r .g_prc .line{text-decoration:line-through}
#sampleList .sample_item .thum_txt_area .state{position:absolute;right:0;top:8px;color:#adadad}
#sampleList .sample_item .thum_txt_area .state .liked{margin-right:7px}
#sampleList .sample_item .thum_txt_area .state .number{padding-left:3px;font-size:13px;font-weight:500;font-family:Open Sans}
#sampleList .sample_item .thum_img_area .hover_thum{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;background:rgba(255, 255, 255, 0.92);opacity:0;transition:all 0.3s}
#sampleList .sample_item .thum_img_area .hover_thum .go_btn{position:absolute;top:50%;left:15%;margin-top:-80px;z-index:10}
#sampleList .portfolio_item .thum_img_area .hover_thum .go_btn{margin-top:-48px}
#sampleList .sample_item .thum_img_area .hover_thum .go_btn button{background:none;border:none}
#sampleList .sample_item .thum_img_area .hover_thum .go_btn a,#sampleList .sample_item .thum_img_area .hover_thum .go_btn button{display:block;position:relative;padding:5px 0;font-size:16px;color:#333;font-family:notokr-medium}
#sampleList .sample_item .thum_img_area .hover_thum .go_btn a:after,#sampleList .sample_item .thum_img_area .hover_thum .go_btn button:after{display:inline-block;position:absolute;margin-left:-10px;opacity:0;transition:all 0.2s}
#sampleList .sample_item .thum_img_area .hover_thum .go_btn .select_btn:after{content:url('/sh_page/img/design/select_btn_hover.png')}
#sampleList .sample_item .thum_img_area .hover_thum .go_btn a.detail_btn:after{content:url('/sh_page/img/design/detail_btn_hover.png')}
#sampleList .sample_item .thum_img_area .hover_thum .go_btn a.pc_btn:after{content:url('/sh_page/img/design/pc_btn_hover.png')}
#sampleList .sample_item .thum_img_area .hover_thum .go_btn button.mobile_btn:after{content:url('/sh_page/img/design/mobile_btn_hover.png')}
#sampleList .sample_item .thum_img_area .hover_thum .go_btn a.demo_btn:after{content:url('/sh_page/img/design/demo_btn_hover.png')}
#sampleList .sample_item .thum_img_area .hover_thum .go_btn a:hover:after,#sampleList .sample_item .thum_img_area .hover_thum .go_btn button:hover:after{margin-left:8px;opacity:1}
#sampleList .sample_item .mobile_img{position:absolute;top:50%;right:-175px;margin-top:-150px;opacity:0;transition:all 0.3s ease-in-out}
#sampleList .sample_item:hover{box-shadow:0px 5px 31px rgba(0, 0, 0, 0.23137254901960785)}
#sampleList .sample_item:hover .hover_thum{opacity:1}
#sampleList .sample_item:hover .mobile_img{right:-30px;opacity:1}
#sampleList .sample_item .hover_go{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%}

/* 검색창 fixed*/
#designSample .sch_area.fixed{position:fixed;top:0;left:0;width:100%;min-width:1070px;height:142px;padding:25px 0 0;z-index:999;-webkit-animation:updown .4s;-ms-animation:updown .4s;animation:updown .4s;box-shadow:2px 2px 1px 1px rgba(0, 0, 0, 0.03)}
#designSample .sch_area.fixed h3{display:inline-block;font-size:28px;margin-right:5px}
#designSample .sch_area.fixed .sch_form{display:inline-block;margin:0 10px}
#designSample .sch_area.fixed .search_btn_area{display:inline-block}
#designSample .sch_area.fixed .popular_wd{margin-top:10px}
#designSample .type_area.fixed{position:fixed;top:0;left:0;z-index:999;width:100%;min-width:1070px;padding:20px 0 10px;-webkit-animation:updown .4s;-ms-animation:updown .4s;animation:updown .4s;box-shadow:2px 2px 1px 1px rgba(0, 0, 0, 0.1)}
@-webkit-keyframes updown{from{top:-40px}to{top:0}}
@-ms-keyframes updown{from{top:-40px}to{top:0}}
@keyframes updown{from{top:-40px}to{top:0}}

/* 썸네일 이미지 높이 400px 이하 일때*/
#sampleList .sample_item .thum_img_area.s_thum .hover_thum{background:rgba(255, 255, 255, 0.92)}
#sampleList .sample_item .thum_img_area.s_thum .hover_thum .go_btn{}
#sampleList .sample_item .thum_img_area.s_thum .mobile_img{width:30%;margin-top:-80px}
#sampleList .sample_item:hover .thum_img_area.s_thum .mobile_img{right:30px}

@media (max-width:1914px){#sampleList{width:94%}}
@media (max-width:1873px){#sampleList{width:96%}}
@media (max-width:1833px){#sampleList{width:98%}}
@media (max-width:1797px){#sampleList{width:100%}}
@media (max-width:1760px){#sampleList{width:78%}}
@media (max-width:1693px){#sampleList{width:82%}}
@media (max-width:1615px){#sampleList{width:85%}}
@media (max-width:1560px){#sampleList{width:90%}}
@media (max-width:1470px){#sampleList{width:100%}}

/* ================================================================================================================ 무료디자인 & 포트폴리오 리스트 스타일 끝 */


/* ================================================================================================================ 무료디자인&포트폴리오 뷰 스타일 시작 */
#designView{margin:50px 0 20px;padding-bottom:50px;font-size:15px;line-height:1.7;color:#555;letter-spacing:-0.3px;font-family:'notokr-regular'}
#designView .chg_fc{color:#ff8400}
#designView .fw_bold{font-family:'notokr-bold'} 
#designView .chg_ff_mont{font-family:'Montserrat',sans-serif}
#designView .cm_btn_wrap{text-align:center}
#designView .cm_btn{display:inline-block;height:50px;padding:0 30px;border-radius:30px;font-size:15px;line-height:50px;color:#fff;cursor:pointer;background-color:#272a31;-webkit-transition:background .2s;transition:background .2s;font-family:'notokr-medium'}
#designView .cm_btn:hover{background-color:#ff8400}
#designView .info{position:relative;overflow:hidden;width:1070px;margin:0 auto}	
#designView .info .left{float:left;width:52%;height:500px;border-bottom:1px solid #ddd}
#designView .info .img{height:340px;margin-bottom:10px;border:solid 1px #ddd;overflow:hidden}
#designView .info .img a{display:block;height:100%}
#designView .info .img img{width:100%}
#designView .info .cont{float:right;position:relative;width:45%;height:500px;border-top:2px solid #222;border-bottom:1px solid #ddd}
#designView .info .cont .code{padding:8px 13px;border-bottom:1px solid #ddd;font-size:22px;color:#222}
#designView .info .cont .code span{font-weight:700}
#designView .info .cont .type{padding-left:15px;margin:15px 0 0;color:#222;font-family:'notokr-medium'}
#designView .info .cont .type p{display:inline-block;color:#fff;width:27px;height:27px;margin-right:5px;border-radius:50%;line-height:27px;text-align:center;background-color:#333}
#designView .info .cont .type span{color:#ff8400}
#designView .info .cont .type span:after{display:inline-block;content:"";width:1px;height:10px;margin:0 7px;font-size:10px;background-color:#ccc}
#designView .info .cont .price{position:relative;padding:5px 0 10px 15px;font-size:15px;line-height:1.2;color:#ababab;font-family:'notokr-medium'} 
#designView .info .cont .price .prime{padding-top:10px}
#designView .info .cont .price .prime span{position:relative;font-size:16px;font-weight:600;text-decoration:line-through}
#designView .info .cont .price .prime span:before{position:absolute;content:"";left:-5%;top:50%;width:135%;height:1px;margin-top:-1px;background-color:#fe5556}
#designView .info .cont .price .prime span:after{position:absolute;content:"";right:-30%;top:8px;width:19px;height:18px;background-image:url(/sh_page/img/design/prc_arr_red.png)}
#designView .info .cont .price .sale{padding:3px 0 0;color:#222}
#designView .info .cont .price .sale span{font-size:32px;font-weight:700;vertical-align:sub}
#designView .info .cont .dc{position:absolute;top:0;right:30px;width:102px;height:104px;padding-top:25px;font-size:13px;line-height:1.4;color:#f2adad;text-align:center;background:url(/sh_page/img/design/prc_arr_bg.png) no-repeat;font-family:'notokr-medium'}
#designView .info .cont .dc span{display:block;font-size:19px;font-weight:700;color:#fff}
#designView .info .cont .dc span.free{font-weight:normal;font-family:'notokr-bold'}
#designView .info .cont .banefit{overflow:hidden;padding:0 0 10px;border-top:1px solid #ddd}
#designView .info .cont .banefit .tit{float:left;width:13%;padding-top:3px;font-size:15px;color:#222}
#designView .info .cont .banefit ul{overflow:hidden;float:right;width:100%}
#designView .info .cont .banefit ul li{font-size:14px;letter-spacing:-.5px;line-height:32px;color:#777;font-family:'notokr-medium'}
#designView .info .cont .banefit ul li:first-child{padding-top:10px}
#designView .info .cont .banefit ul li span{display:inline-block;width:140px;text-align:center;color:#000}
#designView .info .cont .banefit ul li.st{background-color:#fff4e8!important}
#designView .info .cont .banefit ul li:nth-child(odd){background-color:#f5f5f5}
#designView .info .cont .banefit.pf{border-top:none}
#designView .info .cont .banefit.pf ul li:first-child{padding-top:0}
#designView .info .cont .print_btn{position: absolute;right:20px;bottom:17px;width:120px;height:32px;border:1px solid #ddd;border-radius:2px;font-size:13px;text-align:center;line-height:32px;color:#222;background-color:#f5f5f5;cursor:pointer;font-family:'notokr-medium'}
#designView .info .cont .print_btn i{font-size:14px}
#designView .info .cont .license{height:120px;border-top:1px solid #ddd}
#designView .info .program{overflow:hidden;padding:15px;border-top:2px solid #222}
#designView .info .program dl{overflow:hidden;float:left;width:60%}
#designView .info .program dl dt{padding-bottom:6px;font-size:15px;color:#222}
#designView .info .program dl dd{float:left;margin-right:6px;font-size:12px;letter-spacing:-.7px;text-align:center;color:#777;font-family:'notokr-medium'}
#designView .info .program dl dd:last-child{margin-right:0}
#designView .info .program dl dd .icon{overflow:hidden;position:relative;width:66px;height:62px;margin-bottom:4px;border:1px solid #ddd;line-height:60px;background-color:#f7f7f7}
#designView .info .program dl.choice{width:40%}
#designView .info .program dl.choice dd .icon:before{display:block;content:"";position:absolute;top:-10px;left:-10px;width:16px;height:16px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background-color:#5a5963}
#designView .de_btn_area{display:table;margin:50px auto 0}
#designView .de_btn_area a, #designView .de_btn_area button{display:inline-block;vertical-align:top;width:127px;height:40px;margin-right:5px;border-radius:3px;line-height:40px;font-size:14px;color:#fff;text-align:center;background-color:#5a5963;transition:all .2s}
#designView .de_btn_area a:hover, #designView .de_btn_area button:hover{background-color:#424149}
#designView .de_btn_area .select{background-color:#3498db}
#designView .de_btn_area .select:hover{background-color:#03a9f5}
#designView .de_btn_area a.de_list{border:solid 1px #b1b1b1;color:#333;background-color:#fff}
#designView .de_btn_area a:last-child{margin-right:0}
#designView .sample_list{width:1070px;margin:0 auto;padding-top:80px} 
#designView .sample_list h4{margin-bottom:15px;font-size:24px;letter-spacing:-.3px;color:#222;text-align:center;font-family:'notokr-demilight'}
#designView .sample_list h4 span{color:#ff8400;font-family:'notokr-bold'}
#designView .sample_list ul{overflow:hidden}
#designView .sample_list ul li{overflow:hidden;float:left;width:24.25%;height:170px;margin:0 1% 15px 0;padding:7px;border:1px solid #e4e4e4;-webkit-transition:border .3s;transition:border .3s}
#designView .sample_list ul li:hover{border-color:#ffa11b}
#designView .sample_list ul li a{overflow:hidden;display:block;position:relative;height:100%}
#designView .sample_list ul li:nth-child(4n){margin-right:0}
#designView .sample_list ul li img{max-width:100%}
#designView .sample_list ul li p{position:absolute;left:0;right:0;bottom:0;padding:5px 0;font-size:14px;text-align:center;color:#fff;background-color:rgba(0,0,0,.7);-webkit-transition:all .2s;transition:all .2s}
#designView .sample_list ul li:hover p{padding:7px 0;background-color:rgba(0,0,0,.9)}
#designView .sample_list .empty{padding:30px 0;border:1px solid #e4e4e4;font-size:17px;text-align:center;color:#888}
#designView .sample_list .empty span{color:#222;font-family:'notokr-bold'}

/* 뷰페이지 업종별 디자인 */
#viewCm{margin-top:65px;font-size:15px;color:#777;line-height:1.7;letter-spacing:-.2px;font-family:'notokr-regular'}
#viewCm .inner{position:relative;width:1070px}
#viewCm .chg_fc{color:#ff8400}
#viewCm .chg_ff_mont{font-family:'Montserrat',sans-serif}
#viewCm .fw_bold{font-family:'notokr-bold'} 
#viewCm .tit_area{padding:65px 0 130px;font-size:15px;color:#222;text-align:center;background-color:#f7f7f7}
#viewCm .tit_area h3{display:inline-block;padding-top:5px;font-size:32px;letter-spacing:-1px;font-family:'notokr-light'}
#viewCm .tit_area h3:after{display:inline-block;content:"";width:7px;height:7px;margin-left:3px;border-radius:7px;background-color:#ff8400}
#viewCm .subj{text-align:center}
#viewCm .subj span{font-size:14px;font-weight:600;letter-spacing:0;color:#ff8400}
#viewCm .subj h4{font-size:22px;color:#222}
#viewCm .cont01{margin:-90px auto 80px;padding-top:35px;text-align:center;background-color:#fff}
#viewCm .cont01 .subj{padding:75px 0 25px}
#viewCm .cont01 .box{margin-bottom:50px}
#viewCm .cont01 .box:after{display:block;content:"";visibility:hidden;clear:both}
#viewCm .cont01 .box li{float:left;position:relative;width:24.25%;height:240px;margin-right:1%;padding:35px 0 0 35px;text-align:left;background-color:#f7f7f7;-webkit-transition:background 1s;transition:background 1s;cursor:default} 
#viewCm .cont01 .box li:last-child{margin-right:0}
#viewCm .cont01 .box li span{font-size:14px;font-weight:600;color:#222}
#viewCm .cont01 .box li p{padding:55px 0 10px;font-size:17px;color:#222;font-family:'notokr-medium'}
#viewCm .cont01 .box li:nth-child(1){-webkit-animation-delay:0;-ms-animation-delay:0;animation-delay:0}
#viewCm .cont01 .box li:nth-child(2){-webkit-animation-delay:.2s;-ms-animation-delay:.2s;animation-delay:.2s}
#viewCm .cont01 .box li:nth-child(3){-webkit-animation-delay:.4s;-ms-animation-delay:.4s;animation-delay:.4s}
#viewCm .cont01 .box li:nth-child(4){-webkit-animation-delay:.6s;-ms-animation-delay:.6s;animation-delay:.6s}
#viewCm .cont01 .box li:hover{background-color:#fff}
#viewCm .cont01 .icon{padding-left:70px}
#viewCm .cont01 .icon li{min-height:131px;padding:20px 0 20px 200px;margin-bottom:20px;text-align:left;background-position:left center;background-repeat:no-repeat}
#viewCm .cont01 .icon li p{padding-bottom:5px;font-size:17px;color:#222;font-family:'notokr-medium'}
#viewCm .cont01 .icon li:nth-child(1){background-image:url(/sh_page/img/design/view_icon01.png)}
#viewCm .cont01 .icon li:nth-child(2){background-image:url(/sh_page/img/design/view_icon02.png)}
#viewCm .cont01 .icon li:nth-child(3){background-image:url(/sh_page/img/design/view_icon03.png)}
#viewCm .cont01 .icon li:nth-child(4){background-image:url(/sh_page/img/design/view_icon04.png)} 
#viewCm .cont02{padding-top:70px;background-color:#f7f7f7} 
#viewCm .cont02 .subj{padding-bottom:35px;font-size:16px}
#viewCm .cont02 .subj h4:after{display:block;content:"";width:20px;height:1px;margin:15px auto;background-color:#222}  
#viewCm .cont02 .img{overflow:hidden}
#viewCm .cont02 .img li{overflow:hidden;float:left;position:relative;width:25%;height:340px;padding-top:100px;text-align:center;color:#fff;-webkit-transition:all .3s;transition:all .3s}
#viewCm .cont02 .img li:nth-child(1){background-image:url(/sh_page/img/design/view_img01.jpg)}
#viewCm .cont02 .img li:nth-child(2){background-image:url(/sh_page/img/design/view_img02.jpg)}
#viewCm .cont02 .img li:nth-child(3){background-image:url(/sh_page/img/design/view_img03.jpg)}
#viewCm .cont02 .img li:nth-child(4){background-image:url(/sh_page/img/design/view_img04.jpg)}
#viewCm .cont02 .img li .txt{position:relative;z-index:1;padding:0 20px}
#viewCm .cont02 .img li .num{display:inline-block;width:42px;height:42px;border-radius:42px;font-size:15px;font-weight:600;letter-spacing:0;text-align:center;line-height:42px;background-color:#ff8400;-webkit-transition:all .3s;transition:all .3s}
#viewCm .cont02 .img li p{padding:17px 0 13px;-webkit-transition:all .3s;transition:all .3s}
#viewCm .cont02 .img li h5{font-size:20px}
#viewCm .cont02 .img li .cont{padding-top:15px;opacity:0;-webkit-transition:all .3s;transition:all .3s} 
#viewCm .cont02 .img li .mask{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;background-color:rgba(255,132,0,.6);opacity:0;-webkit -transition:all .3s;transition:all .3s}
#viewCm .cont02 .img li:hover{padding-top:10px}
#viewCm .cont02 .img li:hover .mask{opacity:1}
#viewCm .cont02 .img li:hover .num{opacity:0;transform:translateY(-50px)} 
#viewCm .cont02 .img li:hover p{opacity:0}
#viewCm .cont02 .img li:hover .cont{opacity:1} 

/* 마우스오버 테두리효과 */
.border-effect li em{display:block;position:absolute;background-color:#ff8400;z-index:10}
.border-effect li .emL{left:0;bottom:0;width:1px;height:0}
.border-effect li .emT{left:0;top:0;width:0;height:1px}
.border-effect li .emR{right:0;top:0;width:1px;height:0}
.border-effect li .emB{right:0;bottom:0;width:0;height:1px}
.border-effect li:hover .emL{-webkit-animation:lineAniL 0.8s 0.1s forwards;animation:lineAniL 0.8s 0.1s forwards}
.border-effect li:hover .emT{-webkit-animation:lineAniT 0.8s 0.3s forwards;animation:lineAniT 0.8s 0.3s forwards}
.border-effect li:hover .emR{-webkit-animation:lineAniR 0.8s 0.5s forwards;animation:lineAniR 0.8s 0.5s forwards}
.border-effect li:hover .emB{-webkit-animation:lineAniB 0.5s forwards;animation:lineAniB 0.5s forwards}
@-webkit-keyframes lineAniL{0%{height:0}25%{height:100%}48%{height:100%}49%{height:100%}100%{height:100%}}
@-webkit-keyframes lineAniT{0%{width:0}25%{width:100%}48%{width:100%}49%{width:100%}100%{width:100%}}
@-webkit-keyframes lineAniR{0%{height:0}25%{height:100%}50%{height:100%}51%{height:100%}100%{height:100%}}
@-webkit-keyframes lineAniB{0%{width:0}25%{width:100%}50%{width:100%}51%{width:100%}100%{width:100%}}
@keyframes lineAniL{0%{height:0}25%{height:100%}48%{height:100%}49%{height:100%}100%{height:100%}}
@keyframes lineAniT{0%{width:0}25%{width:100%}48%{width:100%}49%{width:100%}100%{width:100%}}
@keyframes lineAniR{0%{height:0}25%{height:100%}50%{height:100%}51%{height:100%}100%{height:100%}}
@keyframes lineAniB{0%{width:0}25%{width:100%}50%{width:100%}51%{width:100%}100%{width:100%}}

/* 뷰페이지 탭 공통 */
#designView .free_tit_area{margin:95px 0 0;font-size:16px;text-align:center;color:#777}
#designView .free_tit_area h3{padding-bottom:10px;font-size:32px;color:#222;letter-spacing:-1px;font-family:'notokr-light'}
#designView .free_tit_area h3 span{position:relative;font-family:'notokr-bold'}
#designView .free_tit_area h3 span:before{position:absolute;top:0;left:14px;width:4px;height:4px;border-radius:50%;content:'';background-color:#ff8700}
#designView .free_cont_area{}
#designView .free_cont_area > div{padding-bottom:60px}
#designView .free_cont_area > div:nth-child(even){background-color:#f7f7f7}
#designView .free_cont_area .free_in{width:1070px;margin:0 auto;padding:70px 0 50px;box-sizing:border-box}
#designView .free_cont_area .tabs{display:table;margin:0 auto;overflow:hidden}
#designView .free_cont_area .tabs li{position:relative;float:left;width:140px;height:42px;margin:0 5px;border-radius:3px;font-size:15px;color:#fff;line-height:42px;text-align:center;cursor:pointer;background-color:#ccc;-webkit-transition:all .3s;transition:all .3s;font-family:'notokr-medium'}
#designView .free_cont_area .tabs li:hover{background-color:#aaa}
#designView .free_cont_area .tabs li.on{background-color:#ff8400}
#designView .cont_area{width:1070px;margin:0 auto}
#designView .cont_area:after{display:block;visibility:hidden;clear:both;content:""}
#designView .cont_area > div{float:left}
#designView .cont_area .img{width:55%;box-shadow:0px 3px 18px rgba(0, 0, 0, 0.13)}
#designView .cont_area .img img{width:100%}
#designView .cont_area .txt{width:45%;padding-left:40px;box-sizing:border-box}

#designView #tab01 .cont_area .txt .demo_list{margin-top:60px}
#designView #tab01 .cont_area .txt .demo_list li{width:100%;margin-bottom:10px;font-size:16px;color:#333}
#designView #tab01 .cont_area .txt .demo_list li .num{font-size:15px;font-weight:600;line-height:36px;color:#222;letter-spacing:0;text-align:center;font-family:'Montserrat',sans-serif}
#designView #tab01 .cont_area .txt .demo_list li .num:after{display:inline-block;vertical-align:middle;content:"";width:3px;height:3px;margin:0 15px;border-radius:3px;background-color:#ff8400}
#designView #tab01 .cont_area .txt p{padding:25px 0;margin-top:30px;font-size:15px;text-align:center;background-color:#fff}
#designView #tab01 .cont_area .txt .cm_btn{margin-top:25px}

#designView #tab02 .cont_area .change_list{padding-top:5px}
#designView #tab02 .cont_area .change_list dl{position:relative;margin-bottom:20px;padding:0 0 0 40px;box-sizing:border-box}
#designView #tab02 .cont_area .change_list dl span.number{display:inline-block;position:absolute;top:0;left:0;width:30px;height:30px;border-radius:30px;font-size:13px;font-weight:600;line-height:30px;color:#fff;text-align:center;background-color:#272a31;font-family:'Montserrat',sans-serif}
#designView #tab02 .cont_area .change_list dl dt{font-size:16px;color:#333;font-family:'notokr-medium'}
#designView #tab02 .cont_area .change_list dl dt span{color:#ff8400}
#designView #tab02 .cont_area .change_list dl dd{padding-top:5px}

#designView #tab03 .make_step{width:1070px;margin:0 auto;overflow:hidden}
#designView #tab03 .make_step li{float:left;position:relative;width:346px;height:170px;margin:0 15px 15px 0;padding:30px 0 0 30px;background-color:#fff;box-sizing:border-box}
#designView #tab03 .make_step li:nth-child(3n){margin-right:0}
#designView #tab03 .make_step li span.step{display:block;font-size:13px;font-weight:600;color:#222;font-family:'Montserrat',sans-serif}
#designView #tab03 .make_step li > img{position:absolute;right:20px;bottom:30px}
#designView #tab03 .make_step li .tit{padding-top:40px;font-size:16px;color:#333;font-family:notokr-medium}
#designView #tab03 .make_step li .tit span{color:#ff8400}
#designView #tab03 .make_step li .eng{font-size:13px;color:#aaa;letter-spacing:0.2px;font-family:'Montserrat',sans-serif}
#designView #tab03 .make_step li:last-child{background-color:#34373c}
#designView #tab03 .make_step li:last-child span.step{color:#fff}
#designView #tab03 .make_step li:last-child .tit{color:#fff}
#designView #tab03 .make_step li:last-child .eng{color:#a6a6a6}

/* 포트폴리오 개별 뷰스타일 */ 
#designView .info.portfolio .left, #designView .info.portfolio .cont{height:340px}
#designView .info.portfolio .left{border-bottom:none}
#designView .info.portfolio .img{margin-bottom:0}
#designView .info.portfolio .cont .code{font-weight:normal;font-family:'notokr-bold'}
#designView .info.portfolio .cont .banefit ul li{line-height:40px}
#designView .info.portfolio .cont .banefit ul li span{width:100px}
#designView .pf_capture{width:100%;margin:40px 0 50px;padding:40px 0;text-align:center;background-color:#f7f7f7}
#designView .pf_capture .inner{width:1070px;margin:0 auto}
#designView .pf_capture .inner a{overflow:hidden;display:inline-block;vertical-align:top;width:28%;max-height:470px;margin:0 10px;border:1px solid #ddd}
#designView .pf_capture .inner a img{width:100%}
#designView .sample_list.pf{width:100%;padding:30px 0;background-color:#f7f7f7}
#designView .sample_list.pf .inner{width:1070px;margin:0 auto}
#designView .sample_list.pf ul li{background-color:#fff}

/* 포트폴리오 사용된 디자인코드 */
#designView .info.pf_design{width:100%}
#designView .info.pf_design .inner{overflow:hidden;width:1070px;margin:0 auto}
#designView .info.pf_design .pf_design_txt{position:relative;padding:10px 15px;border-top:1px solid #ddd;font-size:14px;color:#222;background-color:#f7f7f7}
#designView .info.pf_design .pf_design_txt b{font-weight:normal;font-family:'notokr-bold'}
#designView .info.pf_design .pf_design_txt a{position: absolute;right:20px;top:50%;width:120px;height:32px;margin-top:-16px;border-radius:2px;font-size:13px;text-align:center;line-height:32px;color:#fff;background-color:#ff8400;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-medium'}
#designView .info.pf_design .pf_design_txt a:hover{background-color:#ff9928}
#designView .info.pf_design .cont .banefit ul li:first-child{padding-top:5px}
#designView .info.pf_design .cont .banefit{padding-bottom:5px}
#designView .info.pf_design .cont .banefit ul li:nth-child(odd){background-color:#fff}
#designView .pf_custom{width:1070px;padding:30px 0;margin:0 auto;border:1px solid #e4e4e4;font-size:17px;text-align:center;color:#888}
#designView .pf_custom span{color:#222;font-family:'notokr-bold'}
#designView .de_btn_area.portfolio{margin:50px auto}
#designView .de_btn_area.portfolio a.pc{background-color:#ff8400}
#designView .de_btn_area.portfolio a.pc:hover{background-color:#ff9928} 
/* ================================================================================================================ 무료디자인 & 포트폴리오 뷰 스타일 끝 */

/* 디자인뷰 견적서 출력 - 임대,라이센스 공통 */
#type_rental{padding:20px;font-size:12px;color:#777;letter-spacing:0;line-height:1.6;font-family:'dotum'}
#type_rental .fw_bold{font-weight:bold}
#type_rental .tit_area{line-height:1}
#type_rental .tit_area img{margin-right:5px}
#type_rental .tit_area h2{float:right;font-size:22px;line-height:1;color:#222;letter-spacing:-.5px;font-family:'notokr-medium'}
#type_rental .info{overflow:hidden;position:relative;padding:10px 15px;margin:8px 0 10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:#222}
#type_rental .info dl{float:left;width:33%;line-height:1.9}
#type_rental .info dl dt{float:left;width: 30%;font-weight:bold}
#type_rental .info dl dd{float:left;position:relative;width:70%}
#type_rental .info dl dd.sign span{padding-left:20px}
#type_rental .info dl dd.sign img{position:absolute;top:-35px;left:80px}
#type_rental .info dl.f_r{width:50%}
#type_rental .info dl.f_r dt{width:25%}
#type_rental .info ul{position:absolute;top:10px;right:10px}
#type_rental .info .txt{padding-top:10px;font-weight:bold;clear:both}
#type_rental .type_total{width:100%;position:relative;height:47px;padding:0 15px;line-height:47px;color:#222;background-color:#f2f2f2}
#type_rental .type_total .st{color:#ff0003}
#type_rental .type_total .txt{float:right;padding-right:150px}
#type_rental .type_total .total{position: absolute;right:15px;top:-1px;font-size:22px;font-weight:normal;font-family:'notokr-medium'}
#type_rental table{width:100%;margin:10px 0;border-top:2px solid #222;border-bottom:2px solid #222}
#type_rental table th{height:47px;color:#222;border-left:1px solid #ccc;background-color:#f2f2f2}
#type_rental table th:first-child{border-left:none}
#type_rental table td{padding:10px 15px;border-top:1px solid #ccc;border-left:1px solid #ccc;text-align:center}
#type_rental table td:first-child{border-left:none;text-align:left}
#type_rental table td b,#type_rental table td:nth-child(2){color:#222}
#type_rental table td .ps{padding-top:15px;color:#ff8400}
#type_rental .cont{position:relative;padding:15px;border:1px solid #ccc;background-color:#f7f7f7}
#type_rental .cont .tit{padding-bottom:5px;color:#222}
#type_rental .cont .ps{padding-top:15px}
#type_rental .cont dl{overflow:hidden;position:absolute;top:15px;right:15px;width:200px;color:#222}
#type_rental .cont dl dt{float:left;width:40%}
#type_rental .cont dl dd{float:left;width:60%;text-align:right}
#type_rental .print_btn{width:127px;height:40px;margin:15px auto 0;border-radius:3px;font-weight:bold;line-height:40px;color:#fff;text-align:center;background-color:#5a5963;-webkit-transition:all .2s;transition:all .2s;cursor:pointer}
#type_rental .print_btn:hover{background-color:#424149}