.philosophy_wrap {background-color:#f8f7f7;padding-top:90px;padding-bottom:240px;}
.our_philosophy {border:1px solid #000000;height:300px;padding-top:75px;padding-left:37px;margin-top:-140px;}
.our_philosophy span {font-size:28px;color:#000000;font-weight:600;display:inline-block;position:relative;padding-bottom:25px;letter-spacing: 2px;}
.our_philosophy span:after {display:block;content:"";width:40px;height:1px;background-color:#000000;position:absolute;left:0;bottom:0;}
.our_philosophy_text {padding-left:50px;padding-top:10px;}
.our_philosophy_text .t1 {font-size:18px;font-weight:300;color:#333333;margin-bottom:30px;letter-spacing:1.5px;}
.our_philosophy_text .t2 {font-size:16px;font-weight:300;color:#888888;letter-spacing:-0.5px;line-height:2;}

.mission_wrap {padding-top:90px;padding-bottom:50px;}
.mission {background-color:#222222;height:300px;padding-top:75px;padding-right:37px;margin-top:-245px;text-align:right;}
.mission span {font-size:28px;color:#fff;font-weight:600;display:inline-block;position:relative;padding-bottom:25px;}
.mission span:after {display:block;content:"";width:40px;height:1px;background-color:#fff;position:absolute;right:0;bottom:0;}
.mission_text {padding-right:50px;padding-top:10px;text-align:right;}
.mission_text .t1 {font-size:18px;font-weight:300;color:#333333;margin-bottom:30px;letter-spacing:1.5px;}
.mission_text .t2 {font-size:16px;font-weight:300;color:#888888;letter-spacing:-0.5px;line-height:2;}

.what_we_do {padding:100px 0 140px 0;border-top:1px solid #e4e4e4;text-align:center;}
.what_we_do .title span {margin-bottom:25px;}
.what_we_do .title span {display:inline-block;font-size:40px;color:#000;font-weight:600;padding-bottom:25px;position:relative;letter-spacing:0.5px;}
.what_we_do .title span:after {position:absolute;left:50%;margin-left:-20px;bottom:0;background-color:#d10714;width:40px;height:1px;content:"";display:block;}
.what_we_do .text {font-size:18px;color:#333333;font-weight:300;letter-spacing:1.5px;margin-bottom:25px;line-height: 1.7;}
.what_we_do .link {font-size:16px;color:#aaaaaa;text-decoration:none;padding-bottom:0;position:relative;font-family: 'Nanum Gothic';}
.what_we_do .link:after {position:absolute;left:0;bottom:0;background-color:#cccccc;width:100%;height:1px;content:"";display:block;}

.about .about_bg {position:relative;background-image:url('/skin/default/img/sub/about_bg.jpg');background-attachment:fixed;background-repeat:no-repeat;background-size:cover;height:900px;}
.about .about_bg .about_text {position:absolute;left:0;top:211px;width:100%;text-align:center;}
.about .about_bg .about_text .big {font-size:120px;color:#fff;font-weight:600;line-height:0.9;margin-bottom:40px;letter-spacing:-0.25px;}
.about .about_bg .about_text .small {font-size:26px;color:#fff;font-weight:100;line-height:1;letter-spacing:-0.1px;}
.agency_box {position:absolute;z-index:30;left: -600px;top: -230px;}
.agency_box .agency_line {position:absolute;left:0;top:0;top:149px;left:140px;width:320px;height:320px;border-top:3px solid #fff;border-left:3px solid #fff;border-bottom:3px solid #d10714;border-right:3px solid #d10714;padding-left:47px;padding-top:50px;}
.agency_box .agency_line .tt {font-size:28px;font-weight:700;margin-bottom:90px;color:#fff;letter-spacing:1px;}
.agency_box .agency_line .ss {font-size:18px;font-weight:200;color:#fff;letter-spacing:2px;}
.over_eight {z-index:30;height: 570px;position:relative;margin-top:-82px;background-color:#d10714;text-align:center;padding:100px 0;}
.over_eight .tit {padding-bottom:30px;position:relative;margin-bottom:120px;color:#fff;font-size:30px;font-weight:700;letter-spacing:-0.25px;}
.over_eight .tit:before {width:40px;height:1px;background-color:#e8838a;content:"";display:block;position:absolute;left:50%;margin-left:-20px;bottom:0;}
.over_eight .txt p {color:#fff;font-size:20px;font-weight:200;letter-spacing:-0.5px;line-height: 1.7;}

.firsthistory_list li {display: table;width: 100%;margin-bottom: 100px;}
.firsthistory_list li.last {margin-bottom: 0;}
.firsthistory_list li .year,
.firsthistory_list li .cont {padding: 10px 0;vertical-align: top;line-height: 1.5;}
.firsthistory_list li .year {display: table-cell;text-align: center;width: 28.55%;font-size: 32px;color: #d1d1d1;font-weight: 700;}
.firsthistory_list li .cont {display: table-cell;width: 71.45%;font-size: 20px;color: #333333;font-weight: 400;line-height: 2.2;}

.about_main_text {text-align:center;margin-top:160px;padding-bottom: 100px;}
.about_main_text .amt1 {margin-bottom:100px;line-height:1.7;}
.about_main_text .amt1 .inline {display:inline-block;position:relative;font-size:40px;color:#000000;font-weight: 300;line-height:1.7;}
.about_main_text .amt1 .inline:before {position:absolute;left:-250px;top:-50px;content:"";display:block;width:126px;height:107px;background:url('/skin/default/img/sub/about_dda.png') no-repeat 0 0;}
.about_main_text .amt2 {font-size:18px;color:#666666;font-weight: 300;line-height: 1.7;}

.helloweb_count {background-color:#c1232b;padding:75px 0 65px 0;}
.helloweb_count .count_box {text-align:center;}
.helloweb_count .count_box .count {font-size:70px;color:#fff;font-weight:700;margin-bottom:35px;}
.helloweb_count .count_box .count_text {font-size:20px;color:#fff;font-weight:300;line-height:1.2;}
.helloweb_count .count_box .count_stext {font-size:20px;color:#db9597;font-weight:300;line-height:1.2;}
.certi_wrap {text-align:center;padding:100px 0;}
.certi_wrap img {display:inline-block;}
.certi_wrap .certi_list {margin-bottom:70px;}
.certi_wrap .certi_list .certi_left {text-align:right;}
.certi_wrap .certi_list .certi_center {text-align:center;}
.certi_wrap .certi_list .certi_right {text-align:left;}
.certi_wrap .certi_text {margin-bottom:30px;font-size:18px;color:#666666;font-weight:300;}
.certi_wrap .certi_link {font-size:16px;color:#010101;font-weight:700;display:inline-block;width:190px;height:60px;line-height:60px;border:1px solid #000;text-decoration:none;}

.award_wrap {height:810px;}
.award_wrap .agency {background-color:#f2f2f2;}
.award_wrap .agency .tit {position:relative;font-size:28px;color:#000;letter-spacing:1px;font-weight:700;padding-bottom:35px;margin-bottom:40px;}
.award_wrap .agency .tit:after {position:absolute;left:50%;margin-left:-20px;bottom:0;background-color:#000000;width:40px;height:1px;content:"";display:block;}
.award_wrap .agency strong {color:#d10714;font-weight:700;}
.award_wrap .agency .txt {font-size:18px;color:#000;font-weight:300;line-height:2;}
.award:before {display:table;content:"";}
.award:after {display:table;content:"";clear:both;}
.award .award_img {float:left;width:50%;height:50%;position:relative;}
.award .award_img.award_img1 {background-image:url('/skin/default/img/sub/helloweb_office.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;}
.award .award_img.award_img2 {background-image:url('/skin/default/img/sub/helloweb_work.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;}
.award .award_img.award_img3 {background-color:#d5212a;}
.award .award_img.award_img4 {background-image:url('/skin/default/img/sub/pic_award.jpg');background-repeat:no-repeat;background-size:cover;}
.award_img_tit {font-size:20px;color:#fff;position:absolute;left:0;top:0;width:100%;height:100%;}
.award_mark {margin-bottom:25px;}
.award_mark_tit {font-size:20px;color:#fff;position:relative;padding-top:25px;line-height:1.3;}
.award_mark_tit:after {position:absolute;left:50%;margin-left:-15px;top:0;background-color:#fff;width:30px;height:1px;content:"";display:block;}

.helloweb_member {padding:100px 0 0 0;position:relative;}
.helloweb_member .mem_item {height:380px;}
.helloweb_member .title {font-size:28px;color:#000;font-weight:700;text-align:center;position:relative;padding-bottom:30px;margin-bottom:86px;letter-spacing:1px;}
.helloweb_member .title:after {position:absolute;left:50%;margin-left:-20px;bottom:0;background-color:#000;width:40px;height:1px;content:"";display:block;}
.helloweb_member .about_life {padding-bottom:130px;position:relative;}
.helloweb_member .about_life .navigation {position:absolute;bottom:0;right:0;overflow:hidden;z-index:10;}
.helloweb_member .about_life .navigation .prev {margin-right:1px;}
.helloweb_member .about_life .navigation .prev,
.helloweb_member .about_life .navigation .next {font-size:0;float:left;display:block;width:100px;height:100px;background-color:#040202;position:relative;}
.helloweb_member .about_life .navigation .prev:before,
.helloweb_member .about_life .navigation .next:before{background-image:url('/skin/default/img/sub/about_arrow.png');background-repeat:no-repeat;content:"";display:block;position:absolute;left:50%;top:50%;margin-left:-12px;margin-top:-22px;width:23px;height:44px;}
.helloweb_member .about_life .navigation .prev:before {background-position:0 0;}
.helloweb_member .about_life .navigation .next:before {background-position:-23px 0;}
.helloweb_member .about_life .navigation .prev:hover,
.helloweb_member .about_life .navigation .next:hover {background-color:#d10714;}
.about-slider,
.about-slider .wrapper {position: relative;}
.about-slider .wrapper {overflow: hidden;}
.about-slider ul {display: block;list-style: none;position: relative;}
.about-slider li {display: block;list-style: none;position: absolute;top: 0; left: 0;}
.about-slider li.extra-slider-first {position: relative;}
.about-slider {margin:0 auto;width: 100%;max-width: 1920px;}
.about-slider ul {margin: auto;max-width: 100%;cursor:inherit !important;}
.about-slider li {width: 100%;}
.about-slider li img {max-width: 100%;height: auto;}

.helloweb_history .history-mar {margin-bottom: 100px;}
.helloweb_history .hidden_history {display: none;}
.helloweb_history .history_title {height:300px;background-color:#000;padding-left:40px;}
.helloweb_history .history_title .vm {text-align:left;}
.helloweb_history .history_title .tit {padding-bottom:25px;font-size:28px;color:#fff;font-weight:700;position:relative;display:inline-block;letter-spacing:1px;}
.helloweb_history .history_title .tit:after {position:absolute;left:0;bottom:0;background-color:#fff;width:40px;height:1px;content:"";display:block;}
.helloweb_history .history2015 {margin-top:-30px;}
.helloweb_history .history .year {font-size:200px;font-weight:700;color:#f6f5f5;line-height:1;margin-left:-10px;}
.helloweb_history .history .cont {font-size:18px;font-weight:400;color:#333333;line-height:2;letter-spacing:-0.5px;word-break:keep-all;line-height: 5;}
.helloweb_history .history_list {padding-left: 100px;}
.helloweb_history .history_list li {margin-bottom:80px;}
.helloweb_history .history_list li.last {margin-bottom:0;}
.helloweb_history .history2014 .year {text-align:right;margin-left:0;margin-right:-10px;}
.helloweb_history .history2014 .history_list li {text-align:right;}
.helloweb_history .hh_more {text-align:center;margin-bottom: 50px;}
.helloweb_history .hh_more a {text-decoration:none;display:inline-block;background-color: #d10714;width:200px;height:68px;line-height:68px;font-size:20px;color:#fff;font-weight:300;}
.helloweb_history .history2013 {margin-top:-195px;}
.helloweb_history .history2012 {margin-top:-174px;}
.helloweb_history .history2012 .year {text-align:right;margin-left:0;margin-right:-10px;}
.helloweb_history .history2012 .history_list li {text-align:right;}
.helloweb_history .history2011 {margin-top:-174px;}
.helloweb_history .history2010 {margin-top:-174px;}
.helloweb_history .history2010 .year {text-align:right;margin-left:0;margin-right:-10px;}
.helloweb_history .history2010 .history_list li {text-align:right;}
#hidden_history {display:none;}
.sub_footer {padding:45px 0 35px 0;text-align:center;background-color:#f0f0f0;}
.sub_footer .copyright {font-size:15px;color:#666666;font-weight:400;}

.contact {padding:200px 75px;position:relative;}
.contact .contact_wrap {position:relative;z-index:1;}
.contact .contact_border {position:absolute;width:100%;height:100%;border:0 solid #f7f7f7;border-bottom:none;left:0;top:0;}
.contact_form {padding:0 200px;}
.contact .sub_title {margin-bottom:25px;text-align:center;font-size:60px;font-weight:600;letter-spacing:-0.25px;color:#333333;position:relative;padding-bottom:25px;}
.contact .sub_title:after {position:absolute;left:50%;margin-left:-23px;bottom:0;background-color:#d01c25;width:46px;height:3px;content:"";display:block;}
.contact .sub_stitle {margin-bottom:60px;font-size:20px;color:#333333;font-weight:300;text-align:center;}
.helloweb_input {position: relative;height: 54px;margin-top: 20px;}
.helloweb_input:before, .helloweb_input .spin {width: 0;height: 1px;position: absolute;bottom: 0;left: 0;background-color: #d01c25;}
.helloweb_input:before {content: "";background: rgba(0, 0, 0, 0.1);z-index: 3;height: 1px;width: 100%;}
.helloweb_input .spin {visibility:hidden;}

.helloweb_input label {margin-bottom:0;display:block;line-height: 54px;font-size: 16px;font-weight: 300;color:#666666;position: absolute;top: 0;left: 0;z-index: 2;cursor: pointer;width:100%;font-family: 'Nanum Gothic';}
.helloweb_input label span.star {color:#d01c25;display:inline-block;margin-right:3px;}
.helloweb_input label span.ex {color:#bbbbbb;}

.helloweb_input .input {position: relative;z-index: 1;height: 54px;top: 0;border: none;background: transparent;font-size: 18px;color: #666666;font-weight: 300;outline: none;width: 100%;}
.helloweb_input .select {position: relative;z-index: 1;height: 54px;top: 0;border: none;background: url('/skin/default/img/common/ico_select_arrow.png') no-repeat 93% center;font-size: 18px;color: #666666;font-weight: 300;outline: none;width: 100%;-webkit-appearance: none;-moz-appearance: none;border: 0 none;}
.helloweb_input .select::-ms-expand {display: none;}
.sub.sub06 .helloweb_input .select {background-position:87% center;}

.privacy_text {padding:0 200px;margin-bottom:40px;}
.privacy_text pre {height:180px;background-color:#f5f5f5;color:#000000;border:1px solid #c8c8c8;font-size:14px;font-weight:300;border-radius:0;padding:15px;white-space: pre-line;}
.select_wrap {position:relative;display:block;z-index:0}
.select_wrap select {z-index:1;}
.select_wrap:before {display:block;position:absolute;content:'';right:-2px;top:-2px;height:54px;width:19px;margin:2px;background:#fff;z-index:5;border-bottom:1px solid rgba(0, 0, 0, 0.0);}

.helloweb_input.hellweb_textarea {height:180px;}
.helloweb_input.hellweb_textarea label {height:180px;line-height:1.3;}
.helloweb_input .textarea {resize:none;position: relative;z-index: 1;height: 180px;top: 0;border: none;background: transparent;font-size: 18px;color: #666666;font-weight: 300;outline: none;width: 100%;line-height:1.3;}
.helloweb_input label.active {display:none;}

.filebox {position: relative;height: 54px;margin-top: 20px;}
.filebox:before {content: "";display:block;background: rgba(0, 0, 0, 0.1);z-index: 3;height: 1px;width: 100%;position: absolute;bottom: 0;left: 0;}
.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox label {display: inline-block;font-size: 0;width:54px;height: 50px;line-height: 50px;vertical-align: middle;background: url('/skin/default/img/sub/ico_search.png') no-repeat center center;cursor: pointer;position:absolute;right:0;bottom:0;z-index:4;margin-bottom:0;}
.filebox .upload-name {position: relative;z-index: 1;height: 54px;top: 0;border: none;background: transparent;font-size: 16px;color: #666666;font-weight: 300;outline: none;width: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;font-family: 'Nanum Gothic';}
.contact .contact_btn_area {text-align:center;margin-top:50px;}
.contact .contact_btn_area .contact_btn {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;width: 200px;height: 55px;line-height: 55px;display: inline-block;border-radius: 2px;background:#333333 url('/skin/default/img/main/btn_arrow_white.png') no-repeat 150px 18px;font-size:16px;color:#fff;font-weight:300;border:none;text-align:left;padding-left:69px;outline:none;}
.contact .contact_btn_area .contact_btn:hover {background-color:#d01c25;}

.contact .contact_btn_area {font-size:0;text-align:center;}
.contact .contact_btn_area ul {overflow:hidden;display:inline-block;}
.contact .contact_btn_area ul li {float:left;}
.contact .contact_btn_area ul li.mar {margin-right:10px;}
.contact .contact_btn_area .pay_btn {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;width: 200px;height: 55px;line-height: 55px;display: inline-block;border-radius: 2px;background:#d01c25 url('/skin/default/img/main/btn_arrow_white.png') no-repeat 140px 18px;font-size:16px;color:#fff;font-weight:300;border:none;text-align:left;padding-left:62px;outline:none;text-decoration:none;}
.contact .contact_btn_area .pay_btn:hover {background-color:#a90008;background-position: 145px 18px;}
.contact .contact_btn_area .cancel_btn {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;width: 200px;height: 55px;line-height: 55px;display: inline-block;border-radius: 2px;background:#ededee;font-size:16px;color:#333333;font-weight:300;border:none;text-align:left;text-align:center;outline:none;}
.contact .contact_btn_area .cancel_btn:hover {background-color:#cfd1d7;}

.works .works_bg {position: relative;background-image: url('/skin/default/img/sub/work_bg.jpg');height: 545px;background-position:center center;background-size:cover;}
.works .works_bg .works_text {position: absolute;left: 0;top: 0;width: 100%;height:100%;text-align: center;}
.works .works_bg .works_text .big {font-size: 110px;color: #fff;font-weight: 200;line-height: 0.9;letter-spacing: -0.25px;}
.works .works_bg .works_text .big strong {font-weight: 600;}
.works .works_bg .works_text .small {font-size: 26px;color: #fff;font-weight: 100;line-height: 1;letter-spacing: -0.1px;}
.works_menu_wrap {height:55px;}
.works_menu {text-align:center;margin-top: 40px;}
.works_menu.scroll {position:fixed;top:0;left:0;width:100%;z-index:99;margin-top: 0;}
.works_menu .container {height:55px;overflow:hidden;}
.works_menu .works_menu_inline {display:block;}
.works_menu .works_arrow {display:none;position:absolute;z-index:10;left:50%;top:17px;margin-left: -8px;}
.works_menu ul {display:table;text-align:center;width: 100%;}
.works_menu ul li {display:table-cell;width: 50%;vertical-align: middle;}
.works_menu ul li a {background-color: #fff;display:block;padding:0 31px;height:55px;line-height:55px;font-size:16px;color:#333333;font-weight: 400;text-decoration:none;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;border: 1px solid #dddddd;font-family: 'Nanum Gothic';}
.works_menu ul li.active a,
.works_menu ul li a:hover {background-color:#d01c25;color: #fff;border-color: #d01c25;}

.works_best {margin-top:78px;margin-bottom:33px;}
.works_best_text {position:relative;background-color:#f2f2f2;height:500px;}
.works_best_text .text {padding-left:72px;text-align:left;}
.works_best_text .text .t1 {font-size:32px;color:#d01c25;font-weight:500;position:relative;padding-bottom:10px;margin-bottom:35px;letter-spacing:-0.5px;}
.works_best_text .text .t1:after {position:absolute;left:0;bottom:0;background-color:#d01c25;width:40px;height:1px;content:"";display:block;}
.works_best_text .text .t2 {font-size:13px;color:#a2a2a2;font-weight:400;margin-bottom:5px;letter-spacing:-0.5px;}
.works_best_text .text .t3 span {display:inline-block;font-size:36px;color:#333333;font-weight:400;margin-bottom:30px;padding-right:49px;position:relative;}
.works_best_text .text .t3 span:after {position:absolute;right:0;top:8px;background:url('/skin/default/img/sub/ico_award_red.png');width:30px;height:36px;content:"";display:block;}
.works_best_text .text .t4 {font-size:15px;color:#666666;font-weight:300;line-height:1.6;}
.works_list {margin-bottom:120px;margin-top:50px;}
.works_list .item {position:relative;margin-bottom:20px;overflow:hidden;height: 300px;}
.works_list .item .ex {position:absolute;width:100%;height:50px;background-color:#d01c25;bottom:-100%;left:0;opacity:0;filter: alpha(opacity=0);-moz-opacity:0;}
.works_list .item a:hover .ex {display:block;}
.works_list .item .ex .e1 {font-size:14px;color:#fff;font-weight:400;margin-bottom:5px;}
.works_list .item .ex .e2 {font-size:18px;color:#fff;font-weight:200;}
.works_list .item .ex_more {position:absolute;width:100%;height:100%;background-color:#d01c25;bottom:0;left:0;}
.works_list .item .ex_more img {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.works_list .item .ex_more:hover img {transform: rotate(180deg);}

.works_link .title {color:#fff;font-size:38px;font-weight:400;margin-bottom:5px;}
.works_link .stitle {color:#fff;font-size:20px;font-weight:300;margin-bottom:50px;}
.works_members {text-align:center;background-image:url('/skin/default/img/main/bg_map1.jpg');background-repeat:no-repeat;background-size:cover;height:350px;}
.works_project {background-image:url('/skin/default/img/sub/project_bg.jpg');background-repeat:no-repeat;background-size:cover;height:350px;}
.works_members .stitle {color:#edbcbd;}
.works_project .title {color:#2f2f2f;}
.works_project .stitle {color:#666666;}
.works_link .works_link_btn {background-color:#fff;width:182px;height:50px;line-height:50px;display:inline-block;border-radius:2px;text-decoration:none;}
.works_link .works_link_btn:hover {background-color:#fff5f6;}
.works_link .works_link_btn span {font-size:14px;color:#b71d25;font-weight:500;display:inline-block;padding-right:41px;position:relative;}
.works_link .works_link_btn span:after {position:absolute;right:0;top:16px;background:url('/skin/default/img/main/btn_arrow.png') no-repeat 0 0;width:24px;height:11px;content:"";display:block;}
.works_link .works_project .works_link_btn {background-color:#333333;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.works_link .works_project .works_link_btn:hover {background-color:#b71d25;}
.works_link .works_project .works_link_btn span {color:#fff;}
.works_link .works_project .works_link_btn span:after {background:url('/skin/default/img/main/btn_arrow_white.png') no-repeat 0 0;}

.services .services_bg {position: relative;background-image: url('/skin/default/img/sub/services_bg.jpg');background-repeat:no-repeat;background-size:cover;background-attachment: fixed;height: 900px;}
.services .services1_bg {background-image: url('/skin/default/img/sub/services1_bg.jpg');}
.services .services2_bg {background-image: url('/skin/default/img/sub/services2_bg.jpg');}
.services .services_bg .services_text {position: absolute;left: 0;top: 0;width: 100%;height:100%;text-align: center;}
.services .services_bg .services_text .big {font-size: 110px;color: #fff;font-weight: 300;line-height: 0.9;margin-bottom: 40px;letter-spacing: -0.25px;}
.services .services_bg .services_text .small {font-size: 26px;color: #fff;font-weight: 100;line-height: 1;letter-spacing: -0.1px;}
.services1 {margin-top:116px;margin-bottom:280px;}
.container-small {padding-right: 100px;padding-left: 100px;}
.container-medium {padding-right: 200px;padding-left: 200px;}
.block-title .title {position: absolute;top: 0;left: 0;padding: 45px 30px;width: 100%;font-size: 24px;color: #d10714;line-height: initial;z-index: 1;font-weight: 500;}
.block-title .title span {display:inline-block;position:relative;}
.block-title .title span:after {width:100%;height:1px;background-color:#d10714;display:block;content:"";position:absolute;left:0;bottom:0;}
.block-title p {position: absolute;bottom: 0;left: 0;font-size: 20px;padding: 45px 30px;width: 100%;color: #fff;line-height: 1.3;z-index: 1;letter-spacing:1px;}
.block-title, nav ul li a {float: left;width: 300px;height: 300px;box-shadow: inset 0 0 0 3px #e0dedb;margin: 0 0 -150px;position: relative;padding: 30px;z-index: 1;border: 0;}
.draw {-webkit-transition: color 0.25s;transition: color 0.25s;position: relative;}
.block-title::before, .block-title::after, nav ul li a:before, nav ul li a:after {content: '';position: absolute;width: 100%;height: 100%;}
.draw::before, .draw::after {border: 3px solid transparent;width: 0;height: 0;position: absolute;content: "";}
.draw::before {top: 0;left: 0;}
.draw::after {bottom: 0;right: 0;}
.btb-active.draw::before, .btb-active.draw::after, .draw:hover::before, .draw:hover::after {width: 100%;height: 100%;}

.btb-active.draw::before, .draw:hover::before {border-top-color: #d10714;border-right-color: #d10714;-webkit-transition: width 0.25s ease-out,height 0.25s ease-out 0.25s;transition: width 0.25s ease-out,height 0.25s ease-out 0.25s;}
.btb-active.draw::after, .draw:hover::after {border-bottom-color: #d10714;border-left-color: #d10714;-webkit-transition: border-color 0s ease-out 0.5s,width 10s ease-out 0.5s,height 0.25s ease-out 0.75s;transition: border-color 0s ease-out 0.5s,width 0.25s ease-out 0.5s,height 0.25s ease-out 0.75s;}
.block-title .title,.block-title p {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.agency-design-dev-tag {background: #333;text-align: left;width: 100%;height:604px;color: #f9edd4;position: relative;overflow: hidden;}
.agency-design-dev-tag .img {position: absolute;left: 0;top: 0;width: 1200px;height: 604px;background: url('/skin/default/img/sub/service_img1.jpg') center no-repeat;}
.agency-design-dev-tag h3 {color: #fff;font-size: 36px;font-weight:600;letter-spacing:1.5px;position: relative;z-index: 1;line-height:initial;text-align:right;margin-bottom:40px;}
.agency-design-dev-tag p {color: #f3f3f3;font-size: 16px;font-weight:200;letter-spacing:1.5px;position: relative;z-index: 1;line-height: initial;text-align:right;}
.responsive_home {float: left;width: 50%;background: #d10714;margin: -165px 0 0 0;position: relative;height:330px;}
.responsive_home a {text-decoration:none;}
.responsive_home h4 {font-size:18px;color: #fff;font-weight:200;}
.responsive_work {float: left;width: 50%;background: #333;color: #fff;position: relative;z-index: 1;height:330px;font-size:18px;font-weight:200;}
.responsive_work a {text-decoration:none;}
.responsive_work h4, .responsive_work h4 a {font-size:18px;color: #fff;font-weight:200;}
.services2 {margin-bottom:280px;}
.services2 .block-title {float:none;margin:0 auto -150px auto;}
.services2 .block-title p {color:#333333;}
.services2 .search_optimization {background-color:#f8f7f7;padding:190px 0;}
.services2 .search_optimization .search_opti_text {height:560px;}
.services2 .search_optimization .search_opti_text h4 {text-align:left;font-size:36px;color:#333333;font-weight:600;margin-bottom:40px;letter-spacing:1.5px;}
.services2 .search_optimization .search_opti_text p {line-height:2;text-align:left;font-size:16px;color:#333333;font-weight:300;letter-spacing:0.1px;}

.services3 {margin-bottom:280px;}
.services3 .block-title {float:right;}
.services3 .services3_bg {height:655px;background-image: url('/skin/default/img/sub/service_img3.jpg');background-size: cover;background-position:center center;}
.services3 .services3_text h4 {text-align:left;font-size:36px;color:#fff;font-weight:600;margin-bottom:40px;letter-spacing:1.5px;}
.services3 .services3_text p {line-height:2;text-align:left;font-size:16px;color:#fff;font-weight:300;letter-spacing:0.1px;}

.services4 {margin-bottom:280px;}
.services4 .wordpress_text {background-color:#d10714;height:605px;padding:0 80px;margin-top:-542px;}
.services4 .wordpress_text h4 {text-align:left;font-size:36px;color:#fff;font-weight:600;margin-bottom:40px;letter-spacing:1.5px;}
.services4 .wordpress_text p,.services4 .wordpress_text a {line-height:2;text-align:left;font-size:16px;color:#fff;font-weight:300;letter-spacing:0.1px;}

.services5 {margin-bottom:280px;}
.services5 .block-title {float:none;margin:0 auto -150px auto;}
.services5 .block-title p {color:#333333;}
.services5 .builder {background-color:#f8f7f7;padding:190px 0;}
.services5 .builder .builder_text {height:560px;}
.services5 .builder .builder_text h4 {text-align:left;font-size:36px;color:#333333;font-weight:600;margin-bottom:40px;letter-spacing:1.5px;}
.services5 .builder .builder_text p {line-height:2;text-align:left;font-size:16px;color:#333333;font-weight:300;letter-spacing:0.1px;}

.services6 .block-title {float:right;}
.services6 .services6_bg {height:655px;background-image: url('/skin/default/img/sub/service_img6.jpg');background-size: cover;background-position:center center;}
.services6 .services6_text h4 {text-align:left;font-size:36px;color:#fff;font-weight:600;margin-bottom:40px;letter-spacing:1.5px;}
.services6 .services6_text p {line-height:2;text-align:left;font-size:16px;color:#fff;font-weight:300;letter-spacing:0.1px;}

.life_list {margin-top:50px;}
.life_list .item {border:1px solid #000000;height:300px;padding:0 35px;}
.life_list .item .vm {text-align:left;}
.life_list .item .tit {font-size:28px;color:#000000;font-weight:500;position:relative;padding-bottom:25px;margin-bottom:20px;line-height:1.2;letter-spacing:5px;}
.life_list .item .tit:after {position:absolute;left:0;bottom:0;background-color:#000;width:40px;height:1px;content:"";display:block;}
.life_list .item .txt {font-size:14px;color:#666666;font-weight:300;line-height:1.7;}

.helloweb_field {line-height:54px;font-size: 16px;font-weight: 300;color:#666666;margin-top:20px;}
.helloweb_field .star {color:#d01c25;margin-right:3px;}
.helloweb_field_check {display:inline-block;}
.helloweb_field_check.mar {margin-right:40px;}
.helloweb_field_check input[type="checkbox"] {outline: none;border: none;background-color: #fff;-webkit-border-radius: 0;-webkit-appearance: none;display: none;}
.helloweb_field_check input[type=checkbox]:checked + label {background-position: 0 0;}
.helloweb_field_check label {height: 18px;line-height: 1.3;font-size: 13px;color: #8e8d8d;font-weight: 300;margin:0;}
.helloweb_field_check input[type="checkbox"] + label:before {content: "";margin: 0 5px 0 0;vertical-align: sub;width: 15px;display: inline-block;height: 15px;overflow: hidden;background-position: -15px 0;background-image:url(/skin/default/img/common/member_check.png);}
.helloweb_field_check input[type="checkbox"]:checked + label:before {background-position: 0 0;}

.responsive_msg {margin:50px 0 10px 0;text-align:center;border:8px solid #f0f0f0;padding:30px;}
.responsive_msg h3 {line-height:1.5;font-size:20px;}
.h_gtitle {margin-bottom:50px;text-align:center;font-size:42px;color:#333333;font-weight:600;position:relative;padding-bottom:15px;}
.h_gtitle strong {color: #d01c25;}
.h_gtitle:before {position:absolute;left:50%;margin-left:-23px;bottom:0;background-color:#d10714;width:46px;height:3px;content:"";display:block;}

.process_wrap {padding: 80px 0 150px 0;}
.process_wrap .process {width: 100%;}
.process_wrap .process:before {content: "";display: block;}
.process_wrap .process:after {content: "";display: block;clear:both;}
.process_wrap .process .item {float:left;}
.process_wrap .process.item5 .item {width: 20%;}
.process_wrap .process.item6 .item {width: 16.666666667%;}
.process_wrap .process .item .stage {font-size: 18px;color: #fff;font-weight: 400;height: 60px;background-color: #d01c25;}
.process_wrap .process .item .text {height: 180px;}
.process_wrap .process .item .tt1 {margin-bottom: 5px;font-size: 18px;color: #333333;font-weight: 500;}
.process_wrap .process .item .tt2 {display: table;width: 100%;font-size: 14px;color: #999999;font-weight: 300;margin-bottom: 20px;}
.process_wrap .process .item .tt2.last {margin-bottom: 0;}
.process_wrap .process .item .dev {background-color: #f3f4f6;height: 180px;}
.process_wrap .process .item .lineboth {border-right: 1px solid #dddddd;border-left: 1px solid #dddddd;}
.process_wrap .process .item .lineright {border-right: 1px solid #dddddd;}
.process_wrap .process .item .lineleft {border-left: 1px solid #dddddd;}
.process_wrap .process.item6 .item.item-1 {width: 50%;}
.process_wrap .process.item6 .item.item-2 {width: 16.666666667%;}
.process_wrap .process.item6 .item.item-3 {width: 16.666666667%;}
.process_wrap .process.item6 .item.item-4 {width: 16.666666667%;}
.process_wrap .process.item5 .item.item-1 {width: 40%;}
.process_wrap .process.item5 .item.item-2 {width: 40%;}
.process_wrap .process.item5 .item.item-3 {width: 20%;}
.process_btn {text-align: center;margin-top: 100px;}
.process_btn a {display: inline-block;font-size: 20px;font-weight: 400;width: 220px;height: 68px;line-height: 68px;color: #fff;text-decoration: none;}
.process_btn a.red {background-color: #d10714;margin-right: 10px;}
.process_btn a.cancel {background-color: #e0e0e0;color: #000;}

.service_designplan_img {margin: 80px 0 100px 0;}

.table_list {width:100%;border-collapse:collapse;border-spacing:0;border-top:1px solid #000;}
.table_list th {position: relative;z-index: 1;vertical-align:middle;font-size:16px;font-weight:normal;padding:23px 15px;text-align:center;color:#333;background-color:#f6f6f6;overflow:hidden;word-break:normal;border:1px solid #dddddd;border-top: none;font-family: 'Nanum Gothic';}
.table_list td {vertical-align:middle;font-size:16px;color:#333;font-weight: 200;border:1px solid #dddddd;text-align:center;padding:19px 15px;overflow:hidden;word-break:normal;font-family: 'Nanum Gothic';}
.table_list td.text-left {text-align:left;}
.table_list td a {font-size:22px;color:#000000;font-weight: 200;}
.table_list td a.re span {margin-right:5px;display:inline-block;font-size:14px;color:#52b3d3;padding-left:18px;background:url('/skin/img/fac_img/ico_re.png') no-repeat left center;}
.table_list td strong {font-size:14px;color:#333333;font-weight:500;}

.contact_menu {padding: 0 200px;margin-bottom: 50px;padding-top: 20px;}
.contact_menu ul {display:table;text-align:center;width: 100%;border-left: 1px solid #dddddd;}
.contact_menu ul li {display:table-cell;width: 33.333333333%;vertical-align: middle;}
.contact_menu ul li a {background-color: #fff;display:block;padding:0 31px;height:55px;line-height:55px;font-size:16px;color:#333333;font-weight: 400;text-decoration:none;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;border: 1px solid #dddddd;border-left:none;font-family: 'Nanum Gothic';}
.contact_menu ul li.active a,
.contact_menu ul li a:hover {background-color:#d01c25;color: #fff;border-color: #d01c25;}
.map_area {margin-top: 100px;}
.map_area .map_info {overflow:hidden;padding: 45px 40px;background-color: #d01c25;}
.map_area .map_info.map_info1 {background-color: #1e1e1e;}
.map_area .map_info .th {float:left;width: 30%;font-size: 30px;color: #fff;font-weight: 500;}
.map_area .map_info .td {float:left;width: 70%;}
.map_area .map_info .td .info.mar {margin-bottom: 25px;}
.map_area .map_info .td .info .ttt {font-size: 20px;color: #ffffff;font-weight: 500;line-height: 1.7;margin-bottom: 5px;}
.map_area .map_info .td .info .tdd {font-size: 15px;color: #f1c1c3;font-weight: 300;font-family: 'Nanum Gothic';line-height: 1.7;}
.map_area .map_info.map_info1 .td .info .tdd {color: #fff;}
.map_area .map_info .td .info .tdd span.mar {display: inline-block;margin-right: 10px;}
.map_area .map_info .td .info .tdd span.w {color: #d01c25;}
.map_area .map_info.map_info1 .td .info .tdd span.w {color: #1e1e1e;}
.root_daum_roughmap .wrap_controllers {display: none !important;}

.store .store_bg {position: relative;background-image: url('/skin/default/img/sub/store_bg.jpg');height: 545px;background-position:center center;background-size:cover;}
.store .store_bg .store_text {position: absolute;left: 0;top: 0;width: 100%;height:100%;text-align: center;}
.store .store_bg .store_text .big {margin-bottom: 40px;font-size: 110px;color: #fff;font-weight: 200;line-height: 0.9;letter-spacing: -0.25px;}
.store .store_bg .store_text .big strong {font-weight: 600;}
.store .store_bg .store_text .small {font-size: 26px;color: #fff;font-weight: 100;line-height: 1;letter-spacing: -0.1px;}

.store_menu {text-align:center;margin-top: 40px;}
.store_menu.scroll {position:fixed;top:0;left:0;width:100%;z-index:99;margin-top: 0;}
.store_menu .container {height:100%;overflow:hidden;}
.store_menu .store_menu_inline_wrap {border-left: 1px solid #dddddd;border-top: 1px solid #dddddd;}
.store_menu .store_menu_inline {display:block;}
.store_menu .store_arrow {display:none;position:absolute;z-index:10;left:50%;top:17px;margin-left: -8px;}
.store_menu ul {display:table;text-align:center;width: 100%;}
.store_menu ul li {display:table-cell;width: 25%;vertical-align: middle;}
.store_menu ul li a {background-color: #fff;display:block;padding:0 31px;height:55px;line-height:55px;font-size:16px;color:#333333;font-weight: 400;text-decoration:none;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;border: 1px solid #dddddd;border-top: none;border-left: none;font-family: 'Nanum Gothic';}
.store_menu ul li.active a,
.store_menu ul li a:hover {background-color:#d01c25;color: #fff;border-color: #d01c25;}

.works_list .count {font-size: 16px;color: #333333;font-weight: 400;margin-bottom: 15px;font-family: 'Nanum Gothic';}
.works_list .count strong {color: #d01c25;}
.works_list .item a {text-decoration: none;}
.works_list .item .text {text-align: center;padding: 20px 15px;}
.works_list .item .text .e1 {font-size: 18px;color: #333333;font-family: 'Nanum Gothic';line-height: 1.5;font-weight: bold;}
.works_list .item .text .e2 {font-size: 18px;color: #d01c25;font-family: 'Nanum Gothic';line-height: 1.5;}

.tech_pop {position: fixed;right:0;bottom:0;z-index: 100;top: 0;left: 0;text-align: center;overflow-x: hidden;overflow-y: auto;}
.tech_pop .pop_back {position: fixed;left: 0;top: 0;right:0;bottom:0;background-color: rgba(0, 0, 0, 0.7);z-index: 101;}
.tech_pop .content_wrap {margin-top: 100px;margin-bottom: 50px;position: relative;display: inline-block;max-width:1200px;background-color: #fff;padding: 100px;z-index: 102;}
.tech_pop .content_wrap .pop_close {z-index: 102;position: absolute;right: 20px;top: 20px;}
.tech_pop .content {text-align:left;position: relative;z-index: 102;}
.tech_pop .content .tit {font-size: 30px;color: #333333;font-weight: 500;margin-bottom: 15px;text-align: center;}
.tech_pop .content .img {margin-bottom: 30px;}
.tech_pop .content .text {word-break: keep-all;font-size: 24px;color: #d01c25;line-height: 1.7;text-align: center;}
.tech_pop .content .works_text {word-break: keep-all;font-size: 16px;color: #000;line-height: 1.7;text-align: center;font-family: 'Nanum Gothic';}
.tech_pop .content .works_text span {color:#d01c25}
.tech_pop .content .stit {font-size: 20px;color: #333333;font-weight: 500;margin-bottom: 10px;text-align: center;}
.tech_pop .content .roll_wrap {margin-bottom: 25px;}

.roll_wrap .owl-carousel .owl-nav .owl-next,
.roll_wrap .owl-carousel .owl-nav .owl-prev {font-size: 0;display: block;overflow: hidden;margin-top: -58px;position: absolute;top: 50%;z-index: 50;text-indent: -9999px;white-space: nowrap;width: 32px;height: 115px;}
.roll_wrap .owl-carousel .owl-nav .owl-next:before,
.roll_wrap .owl-carousel .owl-nav .owl-prev:before {background-size: 42px auto;content: "";display: block;width: 21px;height: 42px;position: absolute;left: 50%;margin-left: -11px;top: 50%;margin-top: -21px;background-repeat: no-repeat;}
.roll_wrap .owl-carousel .owl-nav .owl-prev {left: -66px;}
.roll_wrap .owl-carousel .owl-nav .owl-prev:before {background-image: url('/skin/default/img/sub/main_slide_off.png');}
.roll_wrap .owl-carousel .owl-nav .owl-next {right: -66px;}
.roll_wrap .owl-carousel .owl-nav .owl-next:before {background-image: url('/skin/default/img/sub/main_slide_off.png');background-position: -21px 0;}

.work_view {margin-top: 50px;margin-bottom: 50px;}
.work_view img {max-width:100%;height: auto !important;}
.work_view .tit {font-size: 24px;color: #000;font-weight: 500;position: relative;padding: 30px;border: 1px solid #ccc;border-top: 1px solid #000;}
.work_view .tit span {font-size: 18px;color: #d01c25;font-weight: 300;position: absolute;right: 20px;top: 35px;}
.work_view .cont {padding: 30px;border: 1px solid #ccc;border-top: none;}
.work_view_btn {text-align: center;margin-bottom: 100px;}
.work_view_btn a {text-decoration: none;display: inline-block;background-color: #d10714;width: 200px;height: 68px;line-height: 68px;font-size: 20px;color: #fff;font-weight: 300;}

.loader {position:fixed;bottom:0;left:50%;margin-left:-100px;display:none;}

@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-moz-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-ms-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-moz-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-o-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
.uil-ripple-css {
  background: none;
  position: relative;
  width: 200px;
  height: 200px;
}
.uil-ripple-css div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  width: 0;
  height: 0;
  opacity: 0;
  border-radius: 50%;
  border-width: 12px;
  border-style: solid;
  -ms-animation: uil-ripple 1s ease-out infinite;
  -moz-animation: uil-ripple 1s ease-out infinite;
  -webkit-animation: uil-ripple 1s ease-out infinite;
  -o-animation: uil-ripple 1s ease-out infinite;
  animation: uil-ripple 1s ease-out infinite;
}
.uil-ripple-css div:nth-of-type(1) {
  border-color: #d01c25;
}
.uil-ripple-css div:nth-of-type(2) {
  border-color: #d01c25;
  -ms-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}