a, a:hover {text-decoration:none;cursor:pointer}
dl, dt, dd{margin:0;padding:0}

#ma_page {width:100%;margin:0 auto;*width:1070px;white-space:nowrap}
.ma_txt03 {width:1070px;margin:0 auto}

#ma_title_01 {width:1070px;clear:both;margin:0 auto;padding:10px 0 30px 0}
#ma_title {float:left;width:70%}
#ma_title h3 {color:#d00;font-size:2.3em;line-height:2em;font-weight:bold}
#ma_title h3 span{color:#ebebeb;font-size:1.2em;line-height:2em}
#ma_title h3 strong{color:#666;font-size:0.9em;line-height:2em}
#ma_title h4 {color:#3f3f3f;font-size:1.3em;line-height:1.6em}
#ma_link {float:right;width:25%;*margin-top:-70px}
#ma_link ul li.ma_link_ho{width:264px;height:78px;color:#fff;background-image:url(/sh_page/img/ho_link.jpg);background-repeat:no-repeat;line-height:78px;font-size:0em;margin:0 auto;padding-bottom:3px;*color:#f3954d}
#ma_link ul li.ma_link_ce{width:264px;height:46px;color:#fff;background-image:url(/sh_page/img/ho_link_ce.jpg);background-repeat:no-repeat;line-height:46px;font-size:0em;margin:0 auto;*color:#aaaaaa}

/* 버튼 */

.tabs_area {background:#fff;border-bottom:2px solid #39F;margin-bottom:30px;margin-top:20px}
ul.tabs {overflow:hidden;position:relative;width:1070px} /* 탭메뉴 */
ul.tabs li {float:left;text-align:center;background:#eceded;edulor:#666666;font-size:1.2em;cursor:pointer;padding:12px 20px;width:173px} /* width값 개별설정 */
ul.tabs li.on {background:#fff;color:#39F;border:1px solid #39F;border-bottom:0}

.tabs_area2 {background:#fff;border-top:2px solid #3c3f47;border-bottom:1px solid #39F;border-left:1px solid #e3e3e3;margin-bottom:55px;margin-top:90px}
.tabs_area2.first {margin-top:30px}
ul.tabs2 {overflow:hidden;position:relative;width:1070px} /* 탭메뉴 */
ul.tabs2 li {float:left;text-align:center;edulor:#666666;font-weight:bold;font-size:1.2em;cursor:pointer;padding:12px 0;border-right:1px solid #e3e3e3} /* width값 개별설정 */
ul.tabs2 li a {edulor:#666666;display:block}
ul.tabs2 li.on {background-edulor:#3498db;edulor:#FFFFFF}
ul.tabs2 li.on a {edulor:#FFFFFF}

.ma_btn01 {width:1070px;z-index:99999}
.ma_btn01 ul {width:148px;float:left;height:61px;text-align:center;margin-right:4px;margin-bottom:20px}

.page_btn01 {width:148px;height:61px;background:#fff;line-height:61px;font-size:1em;float:left}
.page_btn01 a {color:#757575;width:100px;height:61px;background:#fff;display:inline-block}
.page_btn01 a:hover{background:#fff;color:#666}

.page_btn01on {width:148px;height:61px;background:#464646;line-height:61px;font-size:1em;color:#FFF;float:left;font-weight:bold}
.page_btn01on a {color:#666;width:148px;height:61px;background:#fff;display:inline-block}
.page_btn01on a:hover{background:#fff;color:#666}




.page_btn_it {width:148px;height:61px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_it_off.jpg);background-repeat:no-repeat;color:#666;font-weight:bold}
.page_btn_it a {color:#666;width:148px;height:61px;display:inline-block}
.page_btn_it a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_it_on.jpg);background-repeat:no-repeat;color:#fff}

.page_btn_iton {width:148px;height:70px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_it_on.jpg);background-repeat:no-repeat;color:#fff;font-weight:bold}
.page_btn_iton a {color:#fff;width:148px;height:70px;display:inline-block}
.page_btn_iton a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_it_on.jpg);background-repeat:no-repeat;color:#fff}



.page_btn_rc {width:148px;height:61px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_rc_off.jpg);background-repeat:no-repeat;color:#666;font-weight:bold}
.page_btn_rc a {color:#666;width:148px;height:61px;display:inline-block}
.page_btn_rc a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_rc_on.jpg);background-repeat:no-repeat;color:#fff}

.page_btn_rcon {width:148px;height:70px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_rc_on.jpg);background-repeat:no-repeat;color:#fff;font-weight:bold}
.page_btn_rcon a {color:#fff;width:148px;height:70px;display:inline-block}
.page_btn_rcon a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_rc_on.jpg);background-repeat:no-repeat;color:#fff}



.page_btn_ps {width:148px;height:61px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_ps_off.jpg);background-repeat:no-repeat;color:#666;font-weight:bold}
.page_btn_ps a {color:#666;width:148px;height:61px;display:inline-block}
.page_btn_ps a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_ps_on.jpg);background-repeat:no-repeat;color:#fff}

.page_btn_pson {width:148px;height:70px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_ps_on.jpg);background-repeat:no-repeat;color:#fff;font-weight:bold}
.page_btn_pson a {color:#fff;width:148px;height:70px;display:inline-block}
.page_btn_pson a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_ps_on.jpg);background-repeat:no-repeat;color:#fff}



.page_btn_loan {width:148px;height:61px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_loan_off.jpg);background-repeat:no-repeat;color:#666;font-weight:bold}
.page_btn_loan a {color:#666;width:148px;height:61px;display:inline-block}
.page_btn_loan a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_loan_on.jpg);background-repeat:no-repeat;color:#fff}

.page_btn_loanon {width:148px;height:70px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_loan_on.jpg);background-repeat:no-repeat;color:#fff;font-weight:bold}
.page_btn_loanon a {color:#fff;width:148px;height:70px;display:inline-block}
.page_btn_loanon a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_loan_on.jpg);background-repeat:no-repeat;color:#fff}



.page_btn_co {width:148px;height:61px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_co_off.jpg);background-repeat:no-repeat;color:#666;font-weight:bold}
.page_btn_co a {color:#666;width:148px;height:61px;display:inline-block}
.page_btn_co a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_co_on.jpg);background-repeat:no-repeat;color:#fff}

.page_btn_coon {width:148px;height:70px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_co_on.jpg);background-repeat:no-repeat;color:#fff;font-weight:bold}
.page_btn_coon a {color:#fff;width:148px;height:70px;display:inline-block}
.page_btn_coon a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_co_on.jpg);background-repeat:no-repeat;color:#fff}



.page_btn_law {width:148px;height:61px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_law_off.jpg);background-repeat:no-repeat;color:#666;font-weight:bold}
.page_btn_law a {color:#666;width:148px;height:61px;display:inline-block}
.page_btn_law a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_law_on.jpg);background-repeat:no-repeat;color:#fff}

.page_btn_lawon {width:148px;height:70px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_law_on.jpg);background-repeat:no-repeat;color:#fff;font-weight:bold}
.page_btn_lawon a {color:#fff;width:148px;height:70px;display:inline-block}
.page_btn_lawon a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_law_on.jpg);background-repeat:no-repeat;color:#fff}





.page_btn_edu {width:148px;height:61px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_edu_off.jpg);background-repeat:no-repeat;color:#666;font-weight:bold}
.page_btn_edu a {color:#666;width:148px;height:61px;display:inline-block}
.page_btn_edu a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_edu_on.jpg);background-repeat:no-repeat;color:#fff}

.page_btn_eduon {width:148px;height:70px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_edu_on.jpg);background-repeat:no-repeat;color:#fff;font-weight:bold}
.page_btn_eduon a {color:#fff;width:148px;height:70px;display:inline-block}
.page_btn_eduon a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_edu_on.jpg);background-repeat:no-repeat;color:#fff}



.page_btn_lei {width:148px;height:61px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_lei_off.jpg);background-repeat:no-repeat;color:#666;font-weight:bold}
.page_btn_lei a {color:#666;width:148px;height:61px;display:inline-block}
.page_btn_lei a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_lei_on.jpg);background-repeat:no-repeat;color:#fff}

.page_btn_leion {width:148px;height:70px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_lei_on.jpg);background-repeat:no-repeat;color:#fff;font-weight:bold}
.page_btn_leion a {color:#fff;width:148px;height:70px;display:inline-block}
.page_btn_leion a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_lei_on.jpg);background-repeat:no-repeat;color:#fff}



.page_btn_food {width:148px;height:61px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_food_off.jpg);background-repeat:no-repeat;color:#666;font-weight:bold;margin-right:-4px}
.page_btn_food a {color:#666;width:148px;height:61px;display:inline-block}
.page_btn_food a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_food_on.jpg);background-repeat:no-repeat;color:#fff}

.page_btn_foodon {width:148px;height:70px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_food_on.jpg);background-repeat:no-repeat;color:#fff;font-weight:bold}
.page_btn_foodon a {color:#fff;width:148px;height:70px;display:inline-block}
.page_btn_foodon a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_food_on.jpg);background-repeat:no-repeat;color:#fff}



.page_btn_hsell {width:148px;height:61px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_hsell_off.jpg);background-repeat:no-repeat;color:#666;font-weight:bold}
.page_btn_hsell a {color:#666;width:148px;height:61px;display:inline-block}
.page_btn_hsell a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_hsell_on.jpg);background-repeat:no-repeat;color:#fff}

.page_btn_hsellon {width:148px;height:70px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_hsell_on.jpg);background-repeat:no-repeat;color:#fff;font-weight:bold}
.page_btn_hsellon a {color:#fff;width:148px;height:70px;display:inline-block}
.page_btn_hsellon a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_hsell_on.jpg);background-repeat:no-repeat;color:#fff}



.page_btn_lei {width:148px;height:61px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_lei_off.jpg);background-repeat:no-repeat;color:#666;font-weight:bold}
.page_btn_lei a {color:#666;width:148px;height:61px;display:inline-block}
.page_btn_lei a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_lei_on.jpg);background-repeat:no-repeat;color:#fff}

.page_btn_leion {width:148px;height:70px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_lei_on.jpg);background-repeat:no-repeat;color:#fff;font-weight:bold}
.page_btn_leion a {color:#fff;width:148px;height:70px;display:inline-block}
.page_btn_leion a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_lei_on.jpg);background-repeat:no-repeat;color:#fff}



.page_btn_wed {width:148px;height:61px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_wedding_off.jpg);background-repeat:no-repeat;color:#666;font-weight:bold}
.page_btn_wed a {color:#666;width:148px;height:61px;display:inline-block}
.page_btn_wed a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_wedding_on.jpg);background-repeat:no-repeat;color:#fff}

.page_btn_wedon {width:148px;height:70px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_wedding_on.jpg);background-repeat:no-repeat;color:#fff;font-weight:bold}
.page_btn_wedon a {color:#fff;width:148px;height:70px;display:inline-block}
.page_btn_wedeon a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_wedding_on.jpg);background-repeat:no-repeat;color:#fff}


.page_btn_bea {width:148px;height:61px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_bea_off.jpg);background-repeat:no-repeat;color:#666;font-weight:bold}
.page_btn_bea a {color:#666;width:148px;height:61px;display:inline-block}
.page_btn_bea a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_bea_on.jpg);background-repeat:no-repeat;color:#fff}

.page_btn_beaon {width:148px;height:70px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_bea_on.jpg);background-repeat:no-repeat;color:#fff;font-weight:bold}
.page_btn_beaon a {color:#fff;width:148px;height:70px;display:inline-block}
.page_btn_beaon a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_bea_on.jpg);background-repeat:no-repeat;color:#fff}



.page_btn_hos {width:148px;height:61px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_hos_off.jpg);background-repeat:no-repeat;color:#666;font-weight:bold}
.page_btn_hos a {color:#666;width:148px;height:61px;display:inline-block}
.page_btn_hos a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_hos_on.jpg);background-repeat:no-repeat;color:#fff}

.page_btn_hoson {width:148px;height:70px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_hos_on.jpg);background-repeat:no-repeat;color:#fff;font-weight:bold}
.page_btn_hoson a {color:#fff;width:148px;height:70px;display:inline-block}
.page_btn_hoson a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_hos_on.jpg);background-repeat:no-repeat;color:#fff}




.page_btn_move {width:148px;height:61px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_move_off.jpg);background-repeat:no-repeat;color:#666;font-weight:bold}
.page_btn_move a {color:#666;width:148px;height:61px;display:inline-block}
.page_btn_move a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_move_on.jpg);background-repeat:no-repeat;color:#fff}

.page_btn_moveon {width:148px;height:70px;line-height:61px;font-size:1.2em;float:left;background-image:url(/sh_page/img/page_btn_move_on.jpg);background-repeat:no-repeat;color:#fff;font-weight:bold}
.page_btn_moveon a {color:#fff;width:148px;height:70px;display:inline-block}
.page_btn_moveon a:hover{width:148px;height:70px;line-height:61px;float:left;background-image:url(/sh_page/img/page_btn_move_on.jpg);background-repeat:no-repeat;color:#fff}


/* 0201버튼 */
.page_go_btn {display:block;width:120px;margin-top:5px;font-size:13px;font-weight:bold;color:#fff!important;text-align:center;background-color:#979797;transition:all 0.2s}
.page_go_btn:hover {color:#fff;background-color:#333}


/*0101 공용*/
.ma_page01 {width:100%;margin:0 auto;padding:10px 0;clear:both}
.ma_page01 h3 {font-size:2em;color:#333;line-height:1.5em;margin-top:30px;*margin-top:80px}
.ma_page01 h3 span {font-size:0.7em;line-height:1.2em}
.ma_page01 h3 strong {color:#d00}
.ma_page01 h4 {color:#6d6d6d;font-size:1.2em;line-height:1.5em;padding:20px 0}
.ma_line {background-image:url(/sh_page/img/ma_line.jpg);width:100%;clear:both;padding:10px 0;background-repeat:no-repeat;height:2px;margin-top:30px}
.ma_txt {width:100%;margin:0 auto;padding:10px 0}
.ma_txt h3 {color:#1f1f1f;font-size:1.6em;font-weight:bold}
.ma_txt h3 span {color:#ff6e03}
.ma_txt h3 span.ex_txt {font-size:0.65em}


/* ita*/
.ma_page01 div.ma_img_title {position:absolute;top:520px;right:10px;*top:540px}
.ma_page01 div.ma_img_title05 {position:absolute;top:520px;right:10px;*top:540px}
.ma_txt div.ma_d {background-image:url(/sh_page/img/ma_d.jpg);width:100%;height:150px;background-repeat:no-repeat;padding:20px 0;*width:1070px}
.ma_txt div.ma_d dl {float:left;width:25%;*width:267px}
.ma_txt div.ma_d dl dt {color:#333;font-size:1.4em;line-height:2.5em;margin-left:70px;font-weight:bold;*margin-top:13px}
.ma_txt div.ma_d dl dd {color:#676767;font-size:1em;margin-left:30px;margin-top:10px}
.ma_txt div.ma_d01 {background-image:url(/sh_page/img/ma_d01.jpg);width:100%;height:632px;background-repeat:no-repeat;padding:20px 0;*width:1070px}
.ma_txt div.ma_d01 dl {width:100%;*width:1070px;height:150px}
.ma_txt div.ma_d01 dl.ma_d01_a {margin-top:-10px}
.ma_txt div.ma_d01 dl dt {color:#ff9000;font-size:1.4em;line-height:1.8em;margin-left:180px;font-weight:bold;*margin-top:13px}
.ma_txt div.ma_d01 dl dd {color:#676767;font-size:1em;margin-left:180px;margin-top:10px}




/* itb*/
.ma_page01 div.ma_img_title01 {position:absolute;top:550px;right:10px;*top:570px}
.ma_txt div.ma_d02 {width:100%;padding:20px 0;*width:1070px}
.ma_txt div.ma_d02 dl {float:left;width:476px}
.ma_txt div.ma_d02 dl.ma_d02a{background-image:url(/sh_page/img/ma_d02a.jpg);width:476px;height:285px;margin-right:100px}
.ma_txt div.ma_d02 dl.ma_d02b{background-image:url(/sh_page/img/ma_d02b.jpg);width:476px;height:285px}
.ma_txt div.ma_d02 dl.ma_d02c{background-image:url(/sh_page/img/ma_d02c.jpg);width:476px;height:285px;margin-right:100px}
.ma_txt div.ma_d02 dl.ma_d02d{background-image:url(/sh_page/img/ma_d02d.jpg);width:476px;height:285px}
.ma_txt div.ma_d02 dl dt {color:#ff9000;font-size:1.4em;line-height:1.8em;margin-left:50px;font-weight:bold;margin-top:165px}
.ma_txt div.ma_d02 dl dd {color:#676767;font-size:1.05em;margin-top:10px;line-height:1.5em;margin-left:5px}



/* itc*/
.ma_page02 {width:100%;margin:0 auto;padding:10px 0;clear:both}
.ma_page02 div.ma_img_title01 {position:absolute;top:560px;right:10px;*top:600px}
.ma_page02 h3 {font-size:2.8em;color:#d00;line-height:1.3em;margin-top:5px;*margin-top:55px}
.ma_page02 h3.dev {padding-left:149px}
.ma_page02 h4 {color:#6d6d6d;font-size:1.2em;line-height:1.5em;padding:20px 0}
.ma_page02 h4 strong {color:#1d1d1d;font-size:1.4em}
.ma_page02 .ma_page02_btn {padding:10px 50px;background:#fe6f6f;border-bottom:5px solid #e15050;color:#fff;width:100px;text-align:center;font-size:1.3em;display:inline-block}
.ma_page02 .ma_page02_btn a{color:#fff}
.ma_page02 .ma_page02_btn:hover {background:#e15050}

.ma_page02 .ma_page02_btn01 {padding:10px 50px;background:#989898;border-bottom:5px solid #6b6b6b;color:#fff;width:100px;text-align:center;font-size:1.3em;display:inline-block;margin-left:10px}
.ma_page02 .ma_page02_btn01 a{color:#fff}
.ma_page02 .ma_page02_btn01:hover {background:#6b6b6b}

.ma_line01 {background-image:url(/sh_page/img/ma_line.jpg);width:100%;clear:both;padding:10px 0;background-repeat:no-repeat;height:2px;margin-top:30px}
.ma_txt div.ma_d03{width:100%;padding:20px 0;*width:1070px}
.ma_txt div.ma_d03 ul li {float:left;margin-right:30px;border:1px solid #ebebeb;width:22%;height:100px;margin-bottom:20px;font-size:1.4em;color:#666;font-weight:bold;line-height:100px;text-align:center}
.ma_txt div.ma_d03 ul li.ma_d03_li {float:left;border:1px solid #ebebeb;width:22%;height:100px;margin-bottom:20px;font-size:1.4em;color:#666;font-weight:bold;line-height:100px;text-align:center}


.ma_txt_08 {width:100%;margin:0 auto;padding-top:20px}
.ma_txt_08 div.ma_txt_08a {float:left;width:45%}
.ma_txt_08 div.ma_txt_08b {float:right;width:580px;height:263px;background-image:url(/sh_page/img/ma_it.jpg)}
.ma_txt_08 div.ma_txt_08b h3 {text-align:center;font-size:2em;margin-top:50px;margin-left:50px}
.ma_txt_08 div.ma_txt_08b h3 span {color:#d00}
.ma_txt_08 div.ma_txt_08b h4 {font-size:0em;color:#fff}
.ma_txt_08 div.ma_txt_08b p.priced_a {color:#a2a2a2;font-size:2.1em;float:right;margin-top:30px;margin-right:50px}
.ma_txt_08 div.ma_txt_08b p.priced_a span{text-decoration:line-through}
.ma_txt_08 div.ma_txt_08b p.priced_b {color:#ec3d3d;margin-left:10px;font-size:3.8em;font-weight:bold;float:right;margin-top:15px;margin-right:45px;*line-height:1em}
.ma_txt_08 p {font-size:1em;padding:10px 0;color:#9A9A9A;display:block;clear:both}


/* itd*/
.ma_txt div.ma_d04{width:100%;*width:1070px;background-image:url(/sh_page/img/ma_d04.jpg);background-repeat:no-repeat;height:530px;margin:20px 0}
.ma_txt div.ma_d04 dl.ma_d04a {margin:40px 0 0 170px;float:left;width:35%;height:150px}
.ma_txt div.ma_d04 dl.ma_d04a dt {color:#ff9000;font-size:1.5em}
.ma_txt div.ma_d04 dl.ma_d04a dd {color:#7a7a7a;font-size:1em;line-height:1.3em;margin-left:5px;margin-top:10px}
.ma_txt div.ma_d04 dl.ma_d04b {margin:40px 0 0 150px;float:left;width:35%;height:150px}
.ma_txt div.ma_d04 dl.ma_d04b dt {color:#ff9000;font-size:1.5em}
.ma_txt div.ma_d04 dl.ma_d04b dd {color:#7a7a7a;font-size:1em;line-height:1.3em;margin-left:5px;margin-top:10px}







/* 0101_rca*/
.ma_txt_rc {width:100%;margin:0 auto;padding:10px 0}
.ma_txt_rc h3 {color:#1f1f1f;font-size:1.6em;font-weight:bold}
.ma_txt_rc h3 span {color:#d00}


.ma_txt_rc div.ma_d {background-image:url(/sh_page/img/ma_d.jpg);width:100%;height:150px;background-repeat:no-repeat;padding:20px 0;*width:1070px}
.ma_txt_rc div.ma_d dl {float:left;width:25%;*width:267px}
.ma_txt_rc div.ma_d dl dt {color:#333;font-size:1.4em;line-height:2.5em;margin-left:70px;font-weight:bold;*margin-top:13px}
.ma_txt_rc div.ma_d dl dd {color:#676767;font-size:1em;margin-left:30px;margin-top:10px}
.ma_txt_rc div.ma_d01 {background-image:url(/sh_page/img/ma_d01.jpg);width:100%;height:632px;background-repeat:no-repeat;padding:20px 0;*width:1070px}
.ma_txt_rc div.ma_d01 dl {width:100%;*width:1070px;height:150px}
.ma_txt_rc div.ma_d01 dl.ma_d01_a {margin-top:-10px}
.ma_txt_rc div.ma_d01 dl dt {color:#d00;font-size:1.4em;line-height:1.8em;margin-left:180px;font-weight:bold;*margin-top:13px}
.ma_txt_rc div.ma_d01 dl dd {color:#676767;font-size:1em;margin-left:180px;margin-top:10px}



.ma_txt_rc div.ma_d02 {width:100%;padding:20px 0;*width:1070px}
.ma_txt_rc div.ma_d02 dl {float:left;width:476px}
.ma_txt_rc div.ma_d02 dl.ma_d02a{background-image:url(/sh_page/img/ma_d02_rca.jpg);width:476px;height:285px;margin-right:100px}
.ma_txt_rc div.ma_d02 dl.ma_d02b{background-image:url(/sh_page/img/ma_d02_rcb.jpg);width:476px;height:285px}
.ma_txt_rc div.ma_d02 dl.ma_d02c{background-image:url(/sh_page/img/ma_d02_rcc.jpg);width:476px;height:285px;margin-right:100px}
.ma_txt_rc div.ma_d02 dl.ma_d02d{background-image:url(/sh_page/img/ma_d02_rcd.jpg);width:476px;height:285px}
.ma_txt_rc div.ma_d02 dl dt {color:#d00;font-size:1.4em;line-height:1.8em;margin-left:50px;font-weight:bold;margin-top:165px}
.ma_txt_rc div.ma_d02 dl dd {color:#676767;font-size:1.05em;margin-top:10px;line-height:1.5em;margin-left:5px}


.ma_txt_rc div.ma_d03{width:100%;padding:20px 0;*width:1070px}
.ma_txt_rc div.ma_d03 ul li {float:left;margin-right:30px;border:1px solid #ebebeb;width:22%;height:100px;margin-bottom:20px;font-size:1.4em;color:#666;font-weight:bold;line-height:100px;text-align:center}
.ma_txt_rc div.ma_d03 ul li.ma_d03_li {float:left;border:1px solid #ebebeb;width:22%;height:100px;margin-bottom:20px;font-size:1.4em;color:#666;font-weight:bold;line-height:100px;text-align:center}



.ma_txt_rc div.ma_d04{width:100%;*width:1070px;background-image:url(/sh_page/img/ma_d04.jpg);background-repeat:no-repeat;height:530px;margin:20px 0}
.ma_txt_rc div.ma_d04 dl.ma_d04a {margin:40px 0 0 160px;float:left;width:35%;height:150px}
.ma_txt_rc div.ma_d04 dl.ma_d04a dt {color:#d00;font-size:1.5em}
.ma_txt_rc div.ma_d04 dl.ma_d04a dd {color:#7a7a7a;font-size:1em;line-height:1.3em;margin-left:5px;margin-top:10px}
.ma_txt_rc div.ma_d04 dl.ma_d04b {margin:40px 0 0 160px;float:left;width:35%;height:150px}
.ma_txt_rc div.ma_d04 dl.ma_d04b dt {color:#d00;font-size:1.5em}
.ma_txt_rc div.ma_d04 dl.ma_d04b dd {color:#7a7a7a;font-size:1em;line-height:1.3em;margin-left:5px;margin-top:10px}


.ma_txt_rc div.ma_txt_rca {float:left;width:45%;padding-top:20px}
.ma_txt_rc div.ma_txt_rcb {float:right;width:580px;height:263px;background-image:url(/sh_page/img/ma_rc.jpg)}
.ma_txt_rc div.ma_txt_rcb h3 {text-align:center;font-size:2em;margin-top:50px;margin-left:50px}
.ma_txt_rc div.ma_txt_rcb h3 span {color:#d00}
.ma_txt_rc div.ma_txt_rcb h4 {font-size:0em;color:#fff}
.ma_txt_rc div.ma_txt_rcb p.priced_a {color:#a2a2a2;font-size:2.1em;float:right;margin-top:30px;margin-right:50px}
.ma_txt_rc div.ma_txt_rcb p.priced_a span{text-decoration:line-through}
.ma_txt_rc div.ma_txt_rcb p.priced_b {color:#ec3d3d;margin-left:10px;font-size:3.8em;font-weight:bold;float:right;margin-top:15px;margin-right:45px;*line-height:1em}
.ma_txt_rc p {font-size:1em;padding:10px 0;color:#9A9A9A;display:block;clear:both}






/* loan*/
.ma_txt_loan {width:100%;margin:0 auto;padding:10px 0}
.ma_txt_loan h3 {color:#1f1f1f;font-size:1.6em;font-weight:bold}
.ma_txt_loan h3 span {color:#333}


.ma_txt_loan div.ma_d {background-image:url(/sh_page/img/ma_d.jpg);width:100%;height:150px;background-repeat:no-repeat;padding:20px 0;*width:1070px}
.ma_txt_loan div.ma_d dl {float:left;width:25%;*width:267px}
.ma_txt_loan div.ma_d dl dt {color:#333;font-size:1.4em;line-height:2.5em;margin-left:70px;font-weight:bold;*margin-top:13px}
.ma_txt_loan div.ma_d dl dd {color:#676767;font-size:1em;margin-left:30px;margin-top:10px}
.ma_txt_loan div.ma_d01 {background-image:url(/sh_page/img/ma_d01.jpg);width:100%;height:632px;background-repeat:no-repeat;padding:20px 0;*width:1070px}
.ma_txt_loan div.ma_d01 dl {width:100%;*width:1070px;height:150px}
.ma_txt_loan div.ma_d01 dl.ma_d01_a {margin-top:-10px}
.ma_txt_loan div.ma_d01 dl dt {color:#333;font-size:1.4em;line-height:1.8em;margin-left:180px;font-weight:bold;*margin-top:13px}
.ma_txt_loan div.ma_d01 dl dd {color:#676767;font-size:1em;margin-left:180px;margin-top:10px}



.ma_txt_loan div.ma_d02 {width:100%;padding:20px 0;*width:1070px}
.ma_txt_loan div.ma_d02 dl {float:left;width:476px}
.ma_txt_loan div.ma_d02 dl.ma_d02a{background-image:url(/sh_page/img/ma_d02_loana.jpg);width:476px;height:285px;margin-right:100px}
.ma_txt_loan div.ma_d02 dl.ma_d02b{background-image:url(/sh_page/img/ma_d02_loanb.jpg);width:476px;height:285px}
.ma_txt_loan div.ma_d02 dl.ma_d02c{background-image:url(/sh_page/img/ma_d02_loanc.jpg);width:476px;height:285px;margin-right:100px}
.ma_txt_loan div.ma_d02 dl.ma_d02d{background-image:url(/sh_page/img/ma_d02_loand.jpg);width:476px;height:285px}
.ma_txt_loan div.ma_d02 dl dt {color:#333;font-size:1.4em;line-height:1.8em;margin-left:50px;font-weight:bold;margin-top:165px}
.ma_txt_loan div.ma_d02 dl dd {color:#676767;font-size:1.05em;margin-top:10px;line-height:1.5em;margin-left:5px}


.ma_txt_loan div.ma_d03{width:100%;padding:20px 0;*width:1070px}
.ma_txt_loan div.ma_d03 ul li {float:left;margin-right:30px;border:1px solid #ebebeb;width:22%;height:100px;margin-bottom:20px;font-size:1.4em;color:#666;font-weight:bold;line-height:100px;text-align:center}
.ma_txt_loan div.ma_d03 ul li.ma_d03_li {float:left;border:1px solid #ebebeb;width:22%;height:100px;margin-bottom:20px;font-size:1.4em;color:#666;font-weight:bold;line-height:100px;text-align:center}



.ma_txt_loan div.ma_d04{width:100%;*width:1070px;background-image:url(/sh_page/img/ma_d04.jpg);background-repeat:no-repeat;height:530px;margin:20px 0}
.ma_txt_loan div.ma_d04 dl.ma_d04a {margin:40px 0 0 160px;float:left;width:35%;height:150px}
.ma_txt_loan div.ma_d04 dl.ma_d04a dt {color:#333;font-size:1.5em}
.ma_txt_loan div.ma_d04 dl.ma_d04a dd {color:#7a7a7a;font-size:1em;line-height:1.3em;margin-left:5px;margin-top:10px}
.ma_txt_loan div.ma_d04 dl.ma_d04b {margin:40px 0 0 160px;float:left;width:35%;height:150px}
.ma_txt_loan div.ma_d04 dl.ma_d04b dt {color:#333;font-size:1.5em}
.ma_txt_loan div.ma_d04 dl.ma_d04b dd {color:#7a7a7a;font-size:1em;line-height:1.3em;margin-left:5px;margin-top:10px}




.ma_txt_loan div.ma_txt_loana {float:left;width:45%;padding-top:20px}
.ma_txt_loan div.ma_txt_loanb {float:right;width:580px;height:263px;background-image:url(/sh_page/img/ma_loan.jpg);margin-top:20px}
.ma_txt_loan div.ma_txt_loanb h3 {text-align:center;font-size:2em;margin-top:50px;margin-left:50px}
.ma_txt_loan div.ma_txt_loanb h3 span {color:#d00}
.ma_txt_loan div.ma_txt_loanb h4 {font-size:0em;color:#fff}
.ma_txt_loan div.ma_txt_loanb p.priced_a {color:#a2a2a2;font-size:2.1em;float:right;margin-top:30px;margin-right:50px}
.ma_txt_loan div.ma_txt_loanb p.priced_a span{text-decoration:line-through}
.ma_txt_loan div.ma_txt_loanb p.priced_b {color:#ec3d3d;margin-left:10px;font-size:3.8em;font-weight:bold;float:right;margin-top:15px;margin-right:45px;*line-height:1em}
.ma_txt_loan p {font-size:1em;padding:10px 0;color:#9A9A9A;display:block;clear:both}







/* co */
.ma_txt_co {width:100%;margin:0 auto;padding:10px 0}
.ma_txt_co h3 {color:#1f1f1f;font-size:1.6em;font-weight:bold}
.ma_txt_co h3 span {color:#4ea0ed}


.ma_txt_co div.ma_d {background-image:url(/sh_page/img/ma_d.jpg);width:100%;height:150px;background-repeat:no-repeat;padding:20px 0;*width:1070px}
.ma_txt_co div.ma_d dl {float:left;width:25%;*width:267px}
.ma_txt_co div.ma_d dl dt {color:#333;font-size:1.4em;line-height:2.5em;margin-left:70px;font-weight:bold;*margin-top:13px}
.ma_txt_co div.ma_d dl dd {color:#676767;font-size:1em;margin-left:30px;margin-top:10px}
.ma_txt_co div.ma_d01 {background-image:url(/sh_page/img/ma_d01.jpg);width:100%;height:632px;background-repeat:no-repeat;padding:20px 0;*width:1070px}
.ma_txt_co div.ma_d01 dl {width:100%;*width:1070px;height:150px}
.ma_txt_co div.ma_d01 dl.ma_d01_a {margin-top:-10px}
.ma_txt_co div.ma_d01 dl dt {color:#4ea0ed;font-size:1.4em;line-height:1.8em;margin-left:180px;font-weight:bold;*margin-top:13px}
.ma_txt_co div.ma_d01 dl dd {color:#676767;font-size:1em;margin-left:180px;margin-top:10px}



.ma_txt_co div.ma_d02 {width:100%;padding:20px 0;*width:1070px}
.ma_txt_co div.ma_d02 dl {float:left;width:476px}
.ma_txt_co div.ma_d02 dl.ma_d02a{background-image:url(/sh_page/img/ma_d02_coa.jpg);width:476px;height:285px;margin-right:100px}
.ma_txt_co div.ma_d02 dl.ma_d02b{background-image:url(/sh_page/img/ma_d02_cob.jpg);width:476px;height:285px}
.ma_txt_co div.ma_d02 dl.ma_d02c{background-image:url(/sh_page/img/ma_d02_coc.jpg);width:476px;height:285px;margin-right:100px}
.ma_txt_co div.ma_d02 dl.ma_d02d{background-image:url(/sh_page/img/ma_d02_cod.jpg);width:476px;height:285px}
.ma_txt_co div.ma_d02 dl dt {color:#4ea0ed;font-size:1.4em;line-height:1.8em;margin-left:50px;font-weight:bold;margin-top:165px}
.ma_txt_co div.ma_d02 dl dd {color:#676767;font-size:1.05em;margin-top:10px;line-height:1.5em;margin-left:5px}


.ma_txt_co div.ma_d03{width:100%;padding:20px 0;*width:1070px}
.ma_txt_co div.ma_d03 ul li {float:left;margin-right:30px;border:1px solid #ebebeb;width:22%;height:100px;margin-bottom:20px;font-size:1.4em;color:#666;font-weight:bold;line-height:100px;text-align:center}
.ma_txt_co div.ma_d03 ul li.ma_d03_li {float:left;border:1px solid #ebebeb;width:22%;height:100px;margin-bottom:20px;font-size:1.4em;color:#666;font-weight:bold;line-height:100px;text-align:center}



.ma_txt_co div.ma_d04{width:100%;*width:1070px;background-image:url(/sh_page/img/ma_d04.jpg);background-repeat:no-repeat;height:530px;margin:20px 0}
.ma_txt_co div.ma_d04 dl.ma_d04a {margin:40px 0 0 160px;float:left;width:35%;height:150px}
.ma_txt_co div.ma_d04 dl.ma_d04a dt {color:#4ea0ed;font-size:1.5em}
.ma_txt_co div.ma_d04 dl.ma_d04a dd {color:#7a7a7a;font-size:1em;line-height:1.3em;margin-left:5px;margin-top:10px}
.ma_txt_co div.ma_d04 dl.ma_d04b {margin:40px 0 0 160px;float:left;width:35%;height:150px}
.ma_txt_co div.ma_d04 dl.ma_d04b dt {color:#4ea0ed;font-size:1.5em}
.ma_txt_co div.ma_d04 dl.ma_d04b dd {color:#7a7a7a;font-size:1em;line-height:1.3em;margin-left:5px;margin-top:10px}






/* law */
.ma_txt_law {width:100%;margin:0 auto;padding:10px 0}
.ma_txt_law h3 {color:#1f1f1f;font-size:1.6em;font-weight:bold}
.ma_txt_law h3 span {color:#983ace}


.ma_txt_law div.ma_d {background-image:url(/sh_page/img/ma_d.jpg);width:100%;height:150px;background-repeat:no-repeat;padding:20px 0;*width:1070px}
.ma_txt_law div.ma_d dl {float:left;width:25%;*width:267px}
.ma_txt_law div.ma_d dl dt {color:#333;font-size:1.4em;line-height:2.5em;margin-left:70px;font-weight:bold;*margin-top:13px}
.ma_txt_law div.ma_d dl dd {color:#676767;font-size:1em;margin-left:30px;margin-top:10px}
.ma_txt_law div.ma_d01 {background-image:url(/sh_page/img/ma_d01.jpg);width:100%;height:632px;background-repeat:no-repeat;padding:20px 0;*width:1070px}
.ma_txt_law div.ma_d01 dl {width:100%;*width:1070px;height:150px}
.ma_txt_law div.ma_d01 dl.ma_d01_a {margin-top:-10px}
.ma_txt_law div.ma_d01 dl dt {color:#983ace;font-size:1.4em;line-height:1.8em;margin-left:180px;font-weight:bold;*margin-top:13px}
.ma_txt_law div.ma_d01 dl dd {color:#676767;font-size:1em;margin-left:180px;margin-top:10px}



.ma_txt_law div.ma_d02 {width:100%;padding:20px 0;*width:1070px}
.ma_txt_law div.ma_d02 dl {float:left;width:476px}
.ma_txt_law div.ma_d02 dl.ma_d02a{background-image:url(/sh_page/img/ma_d02_lawa.jpg);width:476px;height:285px;margin-right:100px}
.ma_txt_law div.ma_d02 dl.ma_d02b{background-image:url(/sh_page/img/ma_d02_lawb.jpg);width:476px;height:285px}
.ma_txt_law div.ma_d02 dl.ma_d02c{background-image:url(/sh_page/img/ma_d02_lawc.jpg);width:476px;height:285px;margin-right:100px}
.ma_txt_law div.ma_d02 dl.ma_d02d{background-image:url(/sh_page/img/ma_d02_lawd.jpg);width:476px;height:285px}
.ma_txt_law div.ma_d02 dl dt {color:#983ace;font-size:1.4em;line-height:1.8em;margin-left:50px;font-weight:bold;margin-top:165px}
.ma_txt_law div.ma_d02 dl dd {color:#676767;font-size:1.05em;margin-top:10px;line-height:1.5em;margin-left:5px}


.ma_txt_law div.ma_d03{width:100%;padding:20px 0;*width:1070px}
.ma_txt_law div.ma_d03 ul li {float:left;margin-right:30px;border:1px solid #ebebeb;width:22%;height:100px;margin-bottom:20px;font-size:1.4em;color:#666;font-weight:bold;line-height:100px;text-align:center}
.ma_txt_law div.ma_d03 ul li.ma_d03_li {float:left;border:1px solid #ebebeb;width:22%;height:100px;margin-bottom:20px;font-size:1.4em;color:#666;font-weight:bold;line-height:100px;text-align:center}



.ma_txt_law div.ma_d04{width:100%;*width:1070px;background-image:url(/sh_page/img/ma_d04.jpg);background-repeat:no-repeat;height:530px;margin:20px 0}
.ma_txt_law div.ma_d04 dl.ma_d04a {margin:40px 0 0 160px;float:left;width:35%;height:150px}
.ma_txt_law div.ma_d04 dl.ma_d04a dt {color:#983ace;font-size:1.5em}
.ma_txt_law div.ma_d04 dl.ma_d04a dd {color:#7a7a7a;font-size:1em;line-height:1.3em;margin-left:5px;margin-top:10px}
.ma_txt_law div.ma_d04 dl.ma_d04b {margin:40px 0 0 160px;float:left;width:35%;height:150px}
.ma_txt_law div.ma_d04 dl.ma_d04b dt {color:#983ace;font-size:1.5em}
.ma_txt_law div.ma_d04 dl.ma_d04b dd {color:#7a7a7a;font-size:1em;line-height:1.3em;margin-left:5px;margin-top:10px}






.ma_page03 {width:100%;margin:0 auto;padding:10px 0;clear:both}
.ma_page03 h3 {font-size:2em;color:#333;line-height:1.5em;margin-top:30px;*margin-top:60px}
.ma_page03 h3 strong {color:#e95d00;font-size:1.2em}
.ma_page03 h4 {color:#999;font-size:1.2em;line-height:2em;padding:20px 0;margin-left:10px}
.ma_page03 div.ma_img_title {position:absolute;top:30px;right:10px}
.ma_page03 div.ma_img_title01 {position:absolute;top:20px;right:10px}






/* 0201 */
.ma_page0201 {width:100%;margin:0 auto;padding:10px 0;clear:both;background-image:url(/sh_page/img/ma_0201.jpg);height:250px;background-repeat:no-repeat}
.ma_page0201 h3 {font-size:0px;color:#e9edf6;margin:0;padding:0}
.ma_page0201 h4 {font-size:0px;color:#e9edf6;margin:0;padding:0}
.ma_page0201 h5 {font-size:0px;color:#e9edf6;margin:0;padding:0}


.ma_txt03 h3 {color:#1f1f1f;font-size:1.6em;font-weight:bold}
.ma_txt03 h3 span {color:#0076d1}

.ma_txt03 ul {width:100%;*width:1070px;padding:20px 0;height:100px}
.ma_txt03 ul li {float:left;width:19%;margin-right:1%;border:1px solid #d0d0d0;background:#fff;text-align:center;height:100px}
.ma_txt03 ul li.r{float:left;width:19%;margin-right:-1%;border:1px solid #d0d0d0;background:#fff;text-align:center}
.ma_txt03 ul li p {color:#35302d;line-height:1.6em;font-size:1.2em;padding:25px 0 20px 0;font-weight:bold}
.ma_txt03 ul li.r p{color:#35302d;line-height:1.6em;font-size:1.2em;padding:25px 0 20px 0;font-weight:bold}

.ma_txt03 dl {width:100%;padding:10px 0;background:#fff}
.ma_txt03 dl.ma_txt03_a {width:100%;background:#fff} 
.ma_txt03 dl.ma_txt03_a h3 {background:#0076d0;border-radius:72px;behavior:url(/sh_img/quick/js/PIE.htc);margin:5px 0;width:40px;height:40px;line-height:40px;color:#fff;font-size:1.2em;font-weight:bold;float:left;text-align:center;*margin-top:-10px}
.ma_txt03 dl.ma_txt03_a dt {margin-left:5%;color:#333;font-size:1.5em;font-weight:bold;margin-top:10px;background:#fff}
.ma_txt03 dl.ma_txt03_a dt span {color:#0076d1}
.ma_txt03 dl.ma_txt03_a dd {margin-left:5%;color:#666;font-size:1.1em;padding-top:10px;line-height:1.8em;width:95%;white-space:nowrap}




/* 0202 */
.ma_page0202 {width:100%;margin:0 auto;padding:10px 0;clear:both;background-image:url(/sh_page/img/ma_0202.jpg);height:250px;background-repeat:no-repeat}
.ma_page0202 h3 {font-size:0px;color:#e9edf6;margin:0;padding:0}
.ma_page0202 h4 {font-size:0px;color:#e9edf6;margin:0;padding:0}
.ma_page0202 h5 {font-size:0px;color:#e9edf6;margin:0;padding:0}



.ma_txt04 h3 {color:#1f1f1f;font-size:1.6em;font-weight:bold}
.ma_txt04 h3 span {color:#0076d1}

.ma_txt04 div.ma_txt04_bg {background-image:url(/sh_page/img/ma_0202_bg.jpg);width:1070px;height:644px;background-repeat:no-repeat}
.ma_txt04 div.ma_txt04_bg dl.ma_txt_dl_l {float:left;height:325px;width:514px;margin-right:40px;*margin-bottom:25px;margin-top:15px}
.ma_txt04 div.ma_txt04_bg dl.ma_txt_dl_l dt{color:#222222;font-size:1.6em;line-height:2em;margin:15px 40px 5px 50px;*margin:30px 40px 5px 50px;font-weight:bold}
.ma_txt04 div.ma_txt04_bg dl.ma_txt_dl_l dd {color:#7a7a7a;font-size:1.1em;line-height:2.7em;margin:0 40px 0 70px}

.ma_txt04 div.ma_txt04_bg dl.ma_txt_dl_r {float:left;height:325px;width:514px;*margin-bottom:25px;margin-top:15px}
.ma_txt04 div.ma_txt04_bg dl.ma_txt_dl_r dt{color:#222222;font-size:1.6em;line-height:2em;margin:15px 40px 5px 0px;*margin:30px 40px 0 0px;font-weight:bold}
.ma_txt04 div.ma_txt04_bg dl.ma_txt_dl_r dd {color:#7a7a7a;font-size:1.1em;line-height:2.7em;margin:0 0 0 20px}






/* 0203 */
#ma_title_a {position:relative;width:1070px;clear:both;height:140px;margin:0 auto}
#ma_title_b {float:left;width:70%}
#ma_title_b h3 {font-size:2.2em;color:#333;line-height:1.5em;margin-top:30px;*margin-top:60px}
#ma_title_b h3 strong {color:#e95d00;font-size:1.3em}
#ma_title_b h4 {color:#666;font-size:1.2em;line-height:1.5em;padding:10px 0}
#ma_title_b h5 {color:#999;font-size:1em;line-height:1.5em}
#ma_title_b div.ma_img_title01 {position:absolute;top:65px;right:40px;*top:85px}

.ma_btn_naver {width:1060px;z-index:99999;padding-top:20px;margin:0 auto;*padding-top:170px}
.ma_btn_naver ul {width:196px;float:left;height:80px;margin-right:10px;text-align:center}
.page_btn_naver {width:196px;height:44px;background:#717171;line-height:44px;font-size:1.3em}
.page_btn_naver a {color:#FFF;width:196px;height:44px;display:inline-block}
.page_btn_naver a:hover{background-image:url(/sh_page/img/sh_homepage_naver_btn.jpg);width:196px;height:56px;color:#fff}
.page_btn_naver.on {background-image:url(/sh_page/img/sh_homepage_naver_btn.jpg);width:196px;height:56px;color:#fff;line-height:44px;font-size:1.3em}
.page_btn_naver.on a {width:196px;height:56px;color:#fff}
.page_btn_naver.on a:hover{color:#FFF}

.page_btn_navera {width:196px;height:44px;background:#717171;line-height:44px;font-size:1.3em}
.page_btn_navera a {color:#FFF;width:196px;height:44px;display:inline-block}
.page_btn_navera a:hover{background-image:url(/sh_page/img/sh_homepage_daum_btn.jpg);width:196px;height:56px;color:#fff}
.page_btn_navera.on {background-image:url(/sh_page/img/sh_homepage_daum_btn.jpg);width:196px;height:56px;color:#fff;line-height:44px;font-size:1.3em}
.page_btn_navera.on a {width:196px;height:56px;color:#fff}
.page_btn_navera.on a:hover{color:#FFF}

/* 0203_naver */
#ma_page div.ma_page_naver {width:1050px;border:1px solid #ebebeb;margin:0 auto;padding:10px 0;background-image:url(/sh_page/img/0203_naver.jpg);background-repeat:no-repeat;text-align:center;font-size:0em;color:#fff;height:342px}
#ma_page div.ma_page_naver_txt {width:1070px;margin:0 auto;padding:20px 0;background-image:url(/sh_page/img/0203_naver_bg.jpg);background-repeat:no-repeat;height:627px}
#ma_page div.ma_page_naver_txt p {margin-left:60px;color:#d00;font-size:1em;line-height:1.5em;font-weight:bold}
#ma_page div.ma_page_naver_txt dl {margin-left:350px;margin-bottom:100px}
#ma_page div.ma_page_naver_txt dl dt {color:#333;font-size:1.5em;font-weight:bold;padding-bottom:20px}
#ma_page div.ma_page_naver_txt dl dt span{color:#41b211}
#ma_page div.ma_page_naver_txt dl dd{color:#666;font-size:1.1em;line-height:1.8em;margin-left:20px}
#ma_page div.ma_page_naver_txt dl.ma_page_naver_txt_last {margin-bottom:60px}

/* 0203_daum */
#ma_page div.ma_page_daum {width:1050px;border:1px solid #ebebeb;margin:0 auto;padding:10px 0;background-image:url(/sh_page/img/daum.jpg);background-repeat:no-repeat;text-align:center;font-size:0em;color:#fff;height:342px}
#ma_page_daum_txt {width:1070px;margin:0 auto;padding:20px 0;background-image:url(/sh_page/img/daum_bg.jpg);background-repeat:no-repeat;height:803px}
#ma_page_daum_txt p {margin-left:60px;color:#d00;font-size:1em;line-height:1.5em;font-weight:bold}
#ma_page_daum_txt dl {margin-left:350px;margin-bottom:100px}
#ma_page_daum_txt dl dt {color:#333;font-size:1.5em;font-weight:bold;padding-bottom:20px}
#ma_page_daum_txt dl dt span{color:#5364de}
#ma_page_daum_txt dl dd{color:#666;font-size:1.1em;line-height:1.8em;margin-left:20px}
#ma_page_daum_txt dl dd.ma_page_daum_txt_dd {margin:10px 0 10px 20px;font-weight:bold}
#ma_page_daum_txt dl dd.ma_page_daum_txt_dd_a {margin-left:25px}
#ma_page_daum_txt dl dd.ma_page_daum_txt_dd_b {color:#d00;font-size:0.9em;margin-top:10px}
#ma_page_daum_txt dl.ma_page_daum_txt_last {margin-bottom:90px}




/* 0204*/

.ma_txt0204 h3 {color:#1f1f1f;font-size:1.6em;font-weight:bold}
.ma_txt0204 h3 span {color:#0076d1}


.ma_page0204 {width:1070px;margin:0 auto;padding:10px 0;clear:both;background-image:url(/sh_page/img/ma_0204.jpg);height:280px;background-repeat:no-repeat}
.ma_page0204 h3{font-size:0px;color:#e9edf6;margin:0;padding:0}
.ma_page0204 h4{font-size:0px;color:#e9edf6;margin:0;padding:0}
.ma_page0204 h5{font-size:0px;color:#e9edf6;margin:0;padding:0}


.ma_txt0204 div.ma_txt_img {background-image:url(/sh_page/img/ma_txt_img.jpg);background-repeat:no-repeat;width:1070px;height:300px}
.ma_txt0204 div.ma_txt_img dl {margin:50px 0}
.ma_txt0204 div.ma_txt_img dl dt {color:#0076d1;font-size:1.6em;font-weight:bold;line-height:2em;margin-left:150px}
.ma_txt0204 div.ma_txt_img dl dd.ma_txt_img_txt {color:#333;font-size:1.3em;font-weight:bold;margin-left:155px;line-height:1.5em}
.ma_txt0204 div.ma_txt_img dl dd {color:#666;font-size:1em;margin-left:155px;line-height:1.6em}
.ma_txt0204 p {color:#999}

.ma_txt0204  div.ma_txt_04 {width:100%;*width:1070px;margin-top:20px;overflow:hidden}
.ma_txt0204  div.ma_txt_04 dl {float:left;width:24%;margin-right:1%;border:1px solid #53a6e6;background:#f1f9ff;height:100px;padding:10px 0}
.ma_txt0204  div.ma_txt_04 dl dt {color:#0076d1;line-height:1.6em;font-size:1.4em;font-weight:bold;margin-bottom:10px;text-align:center}
.ma_txt0204  div.ma_txt_04 dl dd {color:#666;line-height:1.4em;font-size:1em;margin-left:20px;margin-top:10px}
.ma_txt0204  div.ma_txt_04 dl.ma_txt_03a {float:left;width:24%;margin-right:-1%;border:1px solid #53a6e6;background:#f1f9ff;height:100px}







/* 0603*/

.ma_page0603 {width:1070px;margin:0 auto;padding:10px 0;clear:both;background-image:url(/sh_page/img/ma_0603.jpg);height:250px;background-repeat:no-repeat}
.ma_page0603 h3 {font-size:0px;color:#e9edf6;margin:0;padding:0}
.ma_page0603 h4 {font-size:0px;color:#e9edf6;margin:0;padding:0}
.ma_page0603 h5 {font-size:0px;color:#e9edf6;margin:0;padding:0}

.ma_page0603a {width:100%;*width:1070px;margin:0 auto;padding:10px 0}
.ma_page0603a dl {margin:0;padding:0}
.ma_page0603a dl.ma_page0603_f {border:1px solid #ebebeb;background:#fff;width:348px;height:198px;float:left;margin-right:10px;text-align:center} 
.ma_page0603a dl.ma_page0603_f dt {background:#f7f7f7;height:50px;width:348px}
.ma_page0603a dl.ma_page0603_f dt p{position:relative;font-size:1.3em;color:#333;font-weight:bold;margin-left:20px;line-height:2.8em;text-align:left}
.ma_page0603a dl.ma_page0603_f dt p span {position:absolute;top:0;right:15px}
.ma_page0603a dl.ma_page0603_f dd {margin-left:0px;text-align:left}
.ma_page0603a div.ma_page0603_c {border:1px solid #ebebeb;width:348px;height:198px;float:left}



/*0206*/
#ma_page div.ma_title_05 {width:100%;margin:0 auto;padding:20px 0}
#ma_page div.ma_title_05 h3 {color:#333;font-size:2.8em;line-height:1.5em}
#ma_page div.ma_title_05 h3 span{color:#ff790c}
#ma_page div.ma_title_05 h4 {color:#8e8e8e;font-size:1.4em;line-height:1.5em;font-weight:normal}

#ma_page div.ma_co_p {width:100%;margin:0 auto;padding:20px 0}
#ma_page div.ma_co_p p {font-size:1.6em;line-height:1.8em;color:#383838}
#ma_page div.ma_co_p p strong {color:#fd8e17}
#ma_page div.ma_co_p span {display:block;font-size:1.1em;line-height:1.6em;color:#888888}
#ma_page div.ma_co_p span strong{color:#333}

#ma_page div.ma_co_int{width:100%;margin:0 auto;border-bottom:1px solid #333;border-top:1px solid #333;height:280px}
#ma_page div.ma_co_int dl {clear:both;display:block;margin:0 auto}
#ma_page div.ma_co_int dl dt{float:left;width:20%;border-bottom:1px solid #ebebeb;padding:20px 0;font-size:1.5em;color:#333}
#ma_page div.ma_co_int dl dt p {margin-left:10px}
#ma_page div.ma_co_int dl dd{float:right;width:76%;border-bottom:1px solid #ebebeb;padding:20px 0;font-size:1.1em;color:#858585;line-height:1.6em;height:50px}
#ma_page div.ma_co_int dl dd strong {color:#5a5a5a}

#ma_page div.ma_co_int dl.ma_co_int_a dt{float:left;width:20%;border-bottom:0px;padding:20px 0;font-size:1.5em;color:#333}
#ma_page div.ma_co_int dl.ma_co_int_a dt p {margin-left:10px}
#ma_page div.ma_co_int dl.ma_co_int_a dd{float:right;width:76%;border-bottom:0px;padding:20px 0;font-size:1.1em;color:#858585;line-height:1.6em;height:50px}
#ma_page div.ma_co_int dl.ma_co_int_a dd strong {color:#5a5a5a}



#slideshow {position:relative;width:1070px;height:500px;margin:0 auto}
#slides {position:absolute;width:1070px;height:500px;list-style:none;overflow:auto}
#slides li {width:1023px;height:500px}

.pagination {position:absolute;right:40px;bottom:10px;height:25px;z-index:9999}
.pagination li {float:left;width:13px;height:13px;cursor:pointer;background:#fff;margin:0 5px 0 0;text-align:center;z-index:2000;background:url('/sh_page/img/main_btn_off.png')}
.pagination li:hover {z-index:2000}
li.current {background:#0076d1;z-index:2000;background:url('/sh_page/img/main_btn_on.png');width:32px}

li#content {width:464px;height:270px;padding:15px 18px 15px 18px;background:#fff}
#content h1 {font:22px Georgia,Verdana;margin-bottom:15px;color:#036}



/*0207*/
.ma_page0207 {width:1070px;margin:0 auto;padding:10px 0;clear:both;background-image:url(/sh_page/img/ma_0207.jpg);height:250px;background-repeat:no-repeat}
.ma_page0207 h3{font-size:0px;color:#e9edf6;margin:0;padding:0}
.ma_page0207 h4{font-size:0px;color:#e9edf6;margin:0;padding:0}
.ma_page0207 h5{font-size:0px;color:#e9edf6;margin:0;padding:0}


.ma_txt07 h3 {color:#1f1f1f;font-size:1.6em;font-weight:bold}
.ma_txt07 h3 span {color:#0076d1}
.ma_txt07 h4 {color:#999999;font-size:1.1em;padding:10px 0;line-height:1.5em}


.ma_txt07_01 {padding-top:30px}
.ma_txt07_01 h3 {color:#1f1f1f;font-size:1.6em;font-weight:bold}
.ma_txt07_01 h3 span {color:#0076d1}
.ma_txt07_01 h4 {color:#999999;font-size:1.1em;padding:10px 0;line-height:1.5em}




.ma_txt07 dl.ma_txt_0207 {border:1px solid #ededed;background:#fbfbfb;width:348px;height:150px;text-align:center;float:left;margin-left:10px;margin-right:10px;margin-top:10px}
.ma_txt07 dl.ma_txt_0207 dt {color:#0076d1;font-size:1.5em;line-stacking:1.5em;padding:30px 0 20px 0;font-weight:bold}
.ma_txt07 dl.ma_txt_0207 dt span {color:#636363;font-size:0.85em}
.ma_txt07 dl.ma_txt_0207 dd {margin-left:0px}

.ma_txt07 dl.ma_txt_0207a {border:1px solid #ededed;background:#fbfbfb;width:348px;height:150px;text-align:center;float:left}
.ma_txt07 dl.ma_txt_0207a dt {color:#0076d1;font-size:1.5em;line-stacking:1.5em;padding:30px 0 20px 0;font-weight:bold}
.ma_txt07 dl.ma_txt_0207a dt span {color:#636363;font-size:0.85em}
.ma_txt07 dl.ma_txt_0207a dd {margin-left:0px}

.ma_txt07 dl.ma_txt_0207b {border:1px solid #ededed;background:#fff;width:348px;height:150px;text-align:center;float:left;margin-left:10px;margin-right:10px}
.ma_txt07 dl.ma_txt_0207b dt {color:#0076d1;font-size:1.5em;line-stacking:1.5em;padding:30px 0 20px 0;font-weight:bold}
.ma_txt07 dl.ma_txt_0207b dt span {color:#636363;font-size:0.85em}
.ma_txt07 dl.ma_txt_0207b dd {margin-left:0px}

.ma_txt07 dl.ma_txt_0207c {border:1px solid #ededed;width:348px;height:150px;text-align:center;float:left;margin:10px 0}
.ma_txt07 dl.ma_txt_0207c dt {color:#0076d1;font-size:1.5em;line-stacking:1.5em;padding:30px 0 20px 0;font-weight:bold}
.ma_txt07 dl.ma_txt_0207c dt span {color:#636363;font-size:0.85em}
.ma_txt07 dl.ma_txt_0207c dd {margin-left:0px}


.ma_txt07_01 dl.ma_txt03_a {width:100%;border:0px;text-align:left;padding:10px 0} 
.ma_txt07_01 dl.ma_txt03_a h3 {background:#0076d0;border-radius:72px;behavior:url(/sh_img/quick/js/PIE.htc);margin:5px 0;width:40px;height:40px;line-height:40px;color:#fff;font-size:1.2em;font-weight:bold;float:left;text-align:center}
.ma_txt07_01 dl.ma_txt03_a dt {margin-left:5%;color:#333;font-size:1.5em;line-height:2em;font-weight:bold}
.ma_txt07_01 dl.ma_txt03_a dt strong {color:#0076d1}
.ma_txt07_01 dl.ma_txt03_a dd {margin-left:5%;color:#666;font-size:1.1em;line-height:1.8em;white-space:nowrap;width:95%}



/*0208*/
#ma_page h3.ma_0208_h3 {color:#000;font-size:2.3em;line-height:2.3em}
#ma_page div.ma_0208 {padding:10px 0 20px 0;width:100%}
#ma_page div.ma_0208 ul{overflow:hidden}
#ma_page div.ma_0208 ul li {width:18%;border:1px solid #ebebeb;text-align:center;font-size:1.4em;color:#333;padding:20px 0 30px 0;float:left}
#ma_page div.ma_0208 ul li span {color:#CCC;font-size:1em;letter-spacing:-0.05em;line-height:1.5em;font-weight:bold}
#ma_page div.ma_0208 ul li.ma_0208_next {width:2%;text-align:center;border:0px;padding-top:40px;color:#CCC}

#ma_page dl.p0208_dl {width:100%;clear:both;padding:30px 0} 
#ma_page dl.p0208_dl dd {margin:0px;padding:0px}
#ma_page dl.p0208_dl dt {font-size:1.5em;font-weight:bold;line-height:2.5em}
#ma_page dl.p0208_dl dt strong {display:inline-block;background:#0076d0;border-radius:72px;behavior:url(/sh_img/quick/js/PIE.htc);color:#fff;text-align:center;line-height:30px;width:30px;height:30px;font-size:0.8em}
#ma_page dl.p0208_dl dt span {color:#0076d0}
#ma_page dl h4 {background:#dcdcdc;color:#333;text-align:center;font-size:1.1em;right:0px;position:absolute;margin-top:20px;padding:10px 20px;*font-size:0.8em;*padding:5px 20px;*margin-top:40px}
#ma_page dl h4.btn_0208{background:#368ed1;color:#333;text-align:center;font-size:1.1em;right:0px;position:absolute;margin-top:20px;padding:10px 30px;color:#fff;*font-size:0.8em;*padding:5px 20px;*margin-top:40px}
#ma_page dl.p0208_dl dd.table_0208 {float:left;width:40%}
#ma_page dl.p0208_dl dd.txt_0208 {float:right;width:58%;font-size:1.2em;line-height:1.8em}
#ma_page dl.p0208_dl dd.txt_0208 p {background:#368ed1;border-bottom:5px solid #0679d1;padding:10px 15px;text-align:center;width:200px;color:#fff;margin:0 auto}
#ma_page dl.p0208_dl dd.txt_0208 p:hover {background:#0679d1}
#ma_page dl.p0208_dl dd.text_0208 {width:100%;font-size:1.2em;line-height:1.8em;padding:5px 0 10px 0}
#ma_page dl.p0208_dl dd.img_0208 {border:1px solid #ebebeb;width:1068px;margin:0 auto;text-align:center;padding:10px 0}
#ma_page dl.p0208_dl dd.text_0208_q {width:100%;padding:10px 0;font-size:1.3em;color:#333}
#ma_page dl.p0208_dl dd.text_0208_q span {color:#5192c3}
#ma_page dl.p0208_dl dd.text_0208_a {padding:10px 0;font-size:1.1em;color:#666;background:#f7f7f7;width:95%;display:inline-block;padding:10px ;line-height:1.5em;margin-left:20px;margin-bottom:20px}



/*mobile_web, blog*/
#mobile_web img{padding-bottom:20px}
#mobile_web .cont_tit{padding-left:30px;font-size:20px;font-weight:bold;color:#3b3b3b;margin-bottom:20px;letter-spacing:-0.05em;background:url(/sh_page/img/mobile_tit.png) top left no-repeat}
#mobile_web .cont_txt{border:1px solid #ddd;padding:30px 35px;font-size:15px;line-height:23px;letter-spacing:-0.05em;color:#6d6d6d}
#mobile_web .cont_txt b{color:#4e4e4e;font-size:16px}
#mobile_web .list_wrap{overflow:hidden;margin:50px 0}
#mobile_web .list_wrap dl{float:left;width:325px;padding-left:100px;margin-right:45px;min-height:100px;box-sizing:border-box}
#mobile_web .list_wrap dt{font-size:19px;font-weight:bold;color:#313131;letter-spacing:-0.05em;padding:3px 0 4px;line-height:2em}
#mobile_web .list_wrap dd{font-size:15px;letter-spacing:-0.05em;line-height:24px;color:#717171}

#mobile_web .list_wrap dl.mobile_01{background:url(/sh_page/img/mobile_01.png) left center no-repeat}
#mobile_web .list_wrap dl.mobile_02{background:url(/sh_page/img/mobile_02.png) left center no-repeat}
#mobile_web .list_wrap dl.mobile_03{background:url(/sh_page/img/mobile_03.png) left center no-repeat;margin-right:0px}


#mobile_web .blog_list dl{width:490px;margin-bottom:30px}
#mobile_web .list_wrap dl.blog_01{background:url(/sh_page/img/blog_01.png) left center no-repeat}
#mobile_web .list_wrap dl.blog_02{background:url(/sh_page/img/blog_02.png) left center no-repeat}
#mobile_web .list_wrap dl.blog_03{background:url(/sh_page/img/blog_03.png) left center no-repeat;margin-right:0px}


/* 2016-04-04 디자인샘플 상세페이지 수정 시작_권진경 */
/* 상단 타이틀 */
#DsPageWrap {overflow:hidden;font-size:15px;line-height:25px;color:#777;letter-spacing:-0.25px}
.dsp_btit_wrap {display:inline-block;width:100%;padding-top:100px;background:url(/sh_page/img/ds_dot.png) top center no-repeat;;text-align:center}
.dsp_btit_wrap .stit {padding-top:15px;font-size:18px;color:#333}
.dsp_btit_wrap .wingbg {background:url(/sh_page/img/ds_wing.png) center top no-repeat}
.dsp_btit_wrap .btit {padding:18px 0 25px;font-size:36px;font-weight:bold;color:#333}
.dsp_btit_wrap .txtbox {width:100%;padding:20px 0;border:1px solid #ddd;font-size:16px;line-height:26px;background-color:#f4f4f4;box-sizing:border-box}
.dsp_stit_wrap{width:100%;margin:55px 0 28px;background:url(/sh_page/img/ds_tit_wrap.png) center repeat-x;text-align:center}
.dsp_stit_wrap .tit{width:36%;margin:0 auto;padding:10px 0;font-size:24px;color:#333;letter-spacing:-0.3px;font-weight:bold;background-color:#fff}

/* 디자인의 강점 */
.dsp_cont01 ul {overflow:hidden;margin-bottom:55px}
.dsp_cont01 ul li {float:left;position:relative;width:24.08%;margin-right:13px;padding:30px 0;border:1px solid #ddd;text-align:center;box-sizing:border-box}
.dsp_cont01 ul .last {margin-right:0}
.dsp_cont01 ul li .num  {position:absolute;top:-1px;left:-1px;padding:8px;font-size:19px;font-weight:bold;background-color:#444;letter-spacing:-0.3px;color:#fff}
.dsp_cont01 ul li .tit {padding-bottom:10px;font-size:18px;font-weight:bold;letter-spacing:-0.4px;color:#333;font-family:'Malgun Gothic','맑은고딕'}
.dsp_cont02 {padding-left:40px}
.dsp_cont02 ul li {overflow:hidden;margin-bottom:30px}
.dsp_cont02 ul li .img {float:left}
.dsp_cont02 ul li .txtbox {float:left;padding:27px 0 0 90px}
.dsp_cont02 ul li .txtbox .tit {font-size:17px;font-weight:bold;line-height:28px;color:#333}
.dsp_cont02 ul li .pdtop_15 {padding-top:15px}
.dsp_cont02 ul li .pdtop_40 {padding-top:40px}

/* 기본 프로그램 */
.dsp_cont03 ul {overflow:hidden}
.dsp_cont03 ul li {float:left;position:relative;margin-bottom:45px;text-align:center}
.dsp_cont03 ul .mgright_50 {margin-right:60px}
.dsp_cont03 ul li .num {position:absolute;left:50%;top:170px;width:66px;height:110px;margin-left:-31px;padding:20px 0 0 1px;font-size:28px;font-weight:bold;letter-spacing:-0.5px;background:url(/sh_page/img/ds_numbg.png) no-repeat}
.dsp_cont03 ul li .tit {padding-bottom:10px;padding-top:100px;font-size:18px;font-weight:bold;letter-spacing:-0.4px;color:#333;font-family:'Malgun Gothic','맑은고딕'}

/* 업종별 컬러 */
.dsp_bgcolor_ps {background-color:#41bbaf!important}
.dsp_tcolor_ps {color:#41bbaf}
.dsp_bgcolor_it {background-color:#ed6a4a!important}
.dsp_tcolor_it {color:#ed6a4a}
.dsp_bgcolor_rc {background-color:#df2020!important}
.dsp_tcolor_rc {color:#df2020}
.dsp_bgcolor_loan {background-color:#5bac19!important}
.dsp_tcolor_loan {color:#5bac19}
.dsp_bgcolor_edu {background-color:#22a266!important}
.dsp_tcolor_edu {color:#22a266}
.dsp_bgcolor_hos {background-color:#2672cf!important}
.dsp_tcolor_hos {color:#2672cf}
.dsp_bgcolor_co {background-color:#ff960d!important}
.dsp_tcolor_co {color:#ff960d} /* 주요업종을 제외한 나머지 업종 :co 로 통일 */
/* 2016-04-04 디자인샘플 상세페이지 수정 끝_권진경 */


/* 2016-04-14 디자인샘플 비용안내 수정 시작_권진경 */
/* 비용안내 공통 */
.cost_info_page .dsp_btit_wrap .btit_wrap{width:100%;margin:10px 0 45px;background:url(/sh_page/img/ds_tit_wrap.png) center repeat-x;text-align:center}
.cost_info_page .dsp_btit_wrap .btit_wrap .btit{width:36%;margin:0 auto;padding:10px 0;background-color:#fff}
.cost_info_page .dsp_btit_wrap .btit_wrap.price_t .btit{width:35%;margin:0 auto;padding:10px 0;background-color:#fff}
.cost_info_page .dsp_stit_wrap .tit {width:22%}
.cost_info_page .dsp_stit_wrap .tit.long {width:35%}
.cost_info_page .process {margin:50px 0 75px}
.cost_cont {width:100%;padding:30px 0;margin-bottom:50px;border:1px solid #ddd;font-size:16px;line-height:26px;background-color:#f4f4f4;text-align:center;box-sizing:border-box}
.cost_cont .tel {font-size:34px;font-weight:bold;line-height:36px;color:#ff960d}
.cost_cont .txt {margin:20px 0}
.cost_cont a {display:inline-block;width:20%;padding:13px 0;margin:0 7px;color:#fff;font-size:17px;font-weight:bold;text-align:center;border-radius:45px;behavior:url(/js/PIE.htc)}
.cost_cont a.btn_red {background-color:#eb0032}
.cost_cont a.btn_black {background-color:#333}

/* 비용안내 가격 */
.cost_cont_price {overflow:hidden;margin-bottom:20px}
.cost_cont_price .price_wrap {float:left;width:460px}
.cost_cont_price .price_wrap table {text-align:center}
.cost_cont_price .price_wrap table tr th {padding:8px 0;border-left:1px solid #333;font-size:17px;color:#fff;background-color:#333}
.cost_cont_price .price_wrap table tr td {padding:7px 0;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:15px;color:#777}
.cost_cont_price .price_wrap table tr .border_l {border-left:1px solid #ddd;font-weight:bold;background-color:#f7f7f7}
.cost_cont_price .price_wrap table tr td.td_rc {padding:11px 0}
.cost_cont_price .arr {float:left;padding:115px 55px 0 55px}
.cost_cont_price .sale {float:right;width:460px;height:281px;text-align:center;box-sizing:border-box}
.cost_cont_price .sale .tit {width:100%;padding:8px 0;font-size:17px;font-weight:bold;color:#fff;background-color:#ff1c42}
.cost_cont_price .sale .txtbox {padding:33px 0 34px;border:1px solid #ddd;border-top:none;background-color:#f7f7f7}
.cost_cont_price .sale .box_ps {padding:53px 0 54px}
.cost_cont_price .sale .s_pre {font-size:34px;color:#a2a2a2;letter-spacing:-1.2px}
.cost_cont_price .sale .s_pre span {display:inline-block;text-decoration:line-through}
.cost_cont_price .sale .rate {width:107px;height:62px;margin:30px auto 15px;padding-top:15px;font-size:15px;font-weight:bold;background:url(/sh_page/img/cost_rate.png) top center no-repeat;color:#fff}
.cost_cont_price .sale .rate span {font-size:20px}
.cost_cont_price .sale .s_next {font-size:46px;font-weight:bold;color:#ff1c42;letter-spacing:-1.5px}
.cost_ps {text-align:center;margin-bottom:80px}

/* 업종별 컬러 */
.dsp_tcolor_red {color:#eb0032}
/* 2016-04-14 디자인샘플 비용안내 수정 끝_권진경 */


/* 2016-04-25 디자인샘플 무료서비스 수정 시작_권진경 */
.free_service_page .dsp_btit_wrap .btit_wrap{width:100%;margin:10px 0 15px;background:url(/sh_page/img/ds_tit_wrap.png) center repeat-x;text-align:center}
.free_service_page .dsp_btit_wrap .btit_wrap .btit{width:55%;margin:0 auto;padding:10px 0;background-color:#fff}
.free_service_page .dsp_stit_wrap.service_t .tit{width:41%;margin:0 auto;padding:10px 0;background-color:#fff}
.free_service_page .dsp_stit_wrap {margin:45px 0 28px}
.free_cont ul {overflow:hidden}
.free_cont ul li {float:left;position:relative;min-height:370px;margin-bottom:60px;padding-bottom:25px;border:1px solid #ddd;text-align:center;box-sizing:border-box}
.free_cont ul li.center {margin:0 28px}
.free_cont ul li .icon {position:absolute;left:50%;top:122px;width:50px;height:45px;margin-left:-26px;padding:20px 0 0 1px;font-size:28px;font-weight:bold;letter-spacing:-0.5px}
.free_cont ul li .tit {padding-bottom:10px;padding-top:38px;font-size:18px;font-weight:bold;letter-spacing:-0.4px;color:#333;font-family:'Malgun Gothic','맑은고딕'}
/* 2016-04-25 디자인샘플 무료서비스 수정 끝_권진경 */

/* 2016-04-29 디자인샘플 타이틀이미지&탭 수정 시작_권진경 */
#make24_title{width:1070px;height:198px;margin-bottom:20px}
#make24_tab_wrap {margin-bottom:40px}
#make24_tab_wrap ul {overflow:hidden}
#make24_tab_wrap ul li {float:left;width:20%;height:47px;font-size:15px;line-height:47px;color:#333;text-align:center;background-color:#f2f2f2}
#make24_tab_wrap ul li:hover {cursor:pointer}
#make24_tab_wrap ul li.on {font-weight:bold;color:#fff;background:#ff8605;background:linear-gradient(-45deg, #ffc000 0%,#ff8605 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8605', endColorstr='#ffc000',GradientType=1 );/* IE6-8 */}

/* 2016-05-25 페이지 리터칭 시작_권진경*/
/* 공통 */
#cBox {overflow:hidden}	

/* 업종별 최적화프로그램 */
#p0202_wrap {margin:20px 0 50px;font-size:15px;line-height:25px;color:#717171;letter-spacing:-0.3px}
#p0202_wrap #cBox {margin-bottom:45px}
#p0202_wrap .f-box {float:left;width:515px;padding:30px;border:1px solid #ddd;box-sizing:border-box}
#p0202_wrap .r-box {float:right}
#p0202_wrap dl {float:left}
#p0202_wrap dl dt {padding-left:16px;margin:7px 0 15px;font-size:20px;font-weight:bold;color:#222;background:url(/sh_page/img/p0202_tit.png) left center no-repeat}
#p0202_wrap dl dd {padding-left:11px;line-height:28px;background:url(/sh_page/img/p0202_dot.png) left center no-repeat } 
#p0202_wrap .img {float:right}

#mobile_web h3 {margin-bottom:20px;color:#1f1f1f;font-size:1.6em;font-weight:bold}
#mobile_web h3 span {color:#0076d1}

/* websearch.php 웹수집최적화 */
#ma_page .c_blue {color:#3498db}
#ma_page .c_red {color:#ff8400}    
#ma_page .c_black {color:#333}
#ma_page .num {display:inline-block;width:30px;height:30px;margin-right:10px;border-radius:90px;font-size:13px;font-weight:bold;line-height:30px;text-align:center;color:#fff;background-color:#3498db}
#ma_page .clear_box {overflow:hidden}
#ma_page .page_top{margin-bottom:50px}

.sh_websearch {position:relative;margin-bottom:100px!important;white-space:normal!important}
.sh_websearch .center_img {margin:25px 0;text-align:center}
.sh_websearch .vs_wrap {font-size:15px;line-height:23px;color:#999;letter-spacing:-0.025em}
.sh_websearch .coding_p {float:left;position:relative;width:48%;padding-right:2%;border-right:1px dashed #ccc}
.sh_websearch .coding_p .vs {position:absolute;top:0;right:-20px;margin:0}
.sh_websearch .img_p {float:right;width:48%}
.sh_websearch .vs_wrap h4 {width:150px;margin:0 auto 25px;height:40px;border-radius:3px;font-size:16px;font-weight:bold;line-height:39px;color:#fff;background-color:#3498db;text-align:center}
.sh_websearch .vs_wrap ul li {margin-bottom:25px}
.sh_websearch .vs_wrap ul li h5 {margin-bottom:10px;font-size:17px;font-weight:bold;color:#333}
.sh_websearch .vs_wrap h6 {height:50px;margin:35px 0 25px;border:1px solid #3c3f47;font-size:16px;font-weight:bold;line-height:49px;text-align:center;color:#fff;background-color:#67696f}
.sh_websearch .vs_wrap .coding_p h6 {border-color:#ff6e00;background-color:#ff8400}
.sh_websearch .vs_wrap .naver_btn {display:block;width:310px;height:40px;margin:30px auto 0;border:1px solid #07aa3f;border-radius:3px;font-size:14px;font-weight:bold;line-height:40px;text-align:center;color:#07aa3f;transition:all 0.2s}
.sh_websearch .vs_wrap .naver_btn:hover {color:#fff;background-color:#07aa3f}
.sh_websearch .last_area {margin-top:60px;font-size:1.3em;color:#333;letter-spacing:-0.05em;line-height:1.5em;text-align:center}
.sh_websearch .last_area h4 {height:70px;margin-bottom:25px;font-size:23px;font-weight:bold;line-height:69px;color:#222;background:url(/sh_page/img/sh_websearch_h4_bg1.png) left top no-repeat, url(/sh_page/img/sh_websearch_h4_bg2.png) right bottom no-repeat, #f2f2f2}
.sh_websearch .last_area .websch {display:inline-block;position:relative;margin-top:30px;height:45px;padding:0 50px;border-radius:3px;font-size:16px;font-weight:bold;line-height:44px;color:#fff;background-color:#31353d;transition:all 0.2s}
.sh_websearch .last_area .websch:hover {padding-right:67px;background-color:#202737}
.sh_websearch .last_area .websch span:after {display:block;position:absolute;top:0;right:43px;content:url(/sh_page/img/sh_websearch_arr.png);opacity:0;transition:opacity 0.2s}
.sh_websearch .last_area .websch:hover span:after {opacity:1}

/* clickfraud.php 부정클릭 */
.sh_clickfraud {position:relative;margin-bottom:100px!important;font-size:15px;line-height:23px;color:#999;letter-spacing:-0.025em;white-space:normal!important}
.sh_clickfraud .tit_area {margin-bottom:40px;font-size:28px;font-weight:bold;line-height:36px;color:#989898}
.sh_clickfraud h3 {margin-bottom:10px;color:#1f1f1f;font-size:20px;font-weight:bold}
.sh_clickfraud h3 span {color:#0076d1}
.sh_clickfraud strong {text-decoration:underline}
.sh_clickfraud ul {margin-top:15px}
.sh_clickfraud ul li {padding:20px 0 20px 100px;margin-bottom:10px}
.sh_clickfraud ul li p {margin-bottom:0}
.sh_clickfraud ul .lst1 {background:url(/sh_page/img/sh_clickfraud_ico1.png) left center no-repeat}
.sh_clickfraud ul .lst2 {background:url(/sh_page/img/sh_clickfraud_ico2.png) left center no-repeat}
.sh_clickfraud ul .lst3 {background:url(/sh_page/img/sh_clickfraud_ico3.png) left center no-repeat}
.sh_clickfraud ul .lst4 {padding:25px 0 25px 100px;background:url(/sh_page/img/sh_clickfraud_ico4.png) left center no-repeat}
.sh_clickfraud ul li .c_blue {display:block;margin-bottom:5px;font-size:17px;color:#3498db}


/* 검색등록안내 */
#naver_search_pro {line-height:1.5; }
#naver_search_pro .c_black {color:#333}
#naver_search_pro .c_green {color:#00b35e}
#naver_search_pro .num {display:inline-block;width:30px;height:30px;margin-right:10px;border-radius:90px;font-size:13px;font-weight:bold;line-height:30px;text-align:center;color:#fff;background-color:#00b35e;}
#naver_search_pro ul {margin:30px 0;font-size:15px;color:#888;letter-spacing:-0.25px}
#naver_search_pro ul li {margin-bottom:40px}
#naver_search_pro ul li h4 {margin-bottom:5px;font-size:20px;letter-spacing:-1px;color:#333}
#naver_search_pro ul li p {padding-left:40px}
#naver_search_pro ul li .list_img {margin:15px 0 0 40px}
#naver_search_pro ul li .naver_btn {display:inline-block;height:25px;padding:0 15px;border:1px solid #00b35e;border-radius:3px;font-size:13px;font-weight:bold;line-height:24px;text-align:center;color:#00b35e;transition:all 0.2s}
#naver_search_pro ul li .naver_btn:hover {color:#fff;background-color:#00b35e}

/* 조직도 */
#page_organization {margin-bottom:100px;padding-top:30px}
#page_organization #page_top {padding:20px 0 40px;margin-bottom:50px;border-bottom:2px solid #333;font-size:17px;line-height:24px;color:#8e8e8e;background:url(/sh_page/img/organization_bg.png) no-repeat right top}
#page_organization #page_top .tit {margin-bottom:25px;font-size:30px;font-weight:bold;color:#333}
#page_organization #content_box {text-align:center}
#page_organization .co_list {overflow:hidden ;display:inline-block;margin-top:25px}
#page_organization .co_list li {float:left;width:166px;height:49px;font-size:18px;font-weight:bold;line-height:48px;color:#3c3f47;background:url(/sh_page/img/organization_co_bg.png) no-repeat}
#page_organization .co_list li:nth-child(2) {margin:0 10px;color:#fff;background:none #ff8400}
#page_organization .orga_area01 {overflow:hidden;width:711px;height:330px;margin:0 auto;padding-top:76px;background:url(/sh_page/img/organization_allbg.png) no-repeat;box-sizing:border-box}
#page_organization .orga_area01 li {float:left;font-size:18px;font-weight:bold;color:#3c3f47}
#page_organization .orga_area01 li:nth-child(1),#page_organization .orga_area01 li:nth-child(3) {width:25%}
#page_organization .orga_area01 li:nth-child(2) {width:50%}
#page_organization .dl_wrap {overflow:hidden;display:inline-block;margin:20px 0;}
#page_organization dl {float:left;width:115px;margin-right:5px;font-size:13.5px;line-height:27px;letter-spacing:-0.5px;color:#888}
#page_organization dl:nth-child(3), #page_organization dl:nth-child(5) {margin-left:30px}
#page_organization dl dt {display:block;height:35px;margin-bottom:10px;font-size:15px;font-weight:bold;line-height:34px;color:#fff;background-color:#3498db}
#page_organization .co_tel {overflow:hidden;width:775px;margin:0 auto}
#page_organization .co_tel li {float:left;width:235px;height:40px;margin-right:35px;font-size:16px;font-weight:bold!important;line-height:39px;color:#3c3f47;background-color:#f8f8f8}
#page_organization .co_tel li:nth-child(3) {margin-right:0}



/* ********************************** 코딩 마케팅페이지 coding.php ********************************** */
/* 익스8이하 */
#cd_lt_ie_9 {width:100%;padding:30px 0 35px;font-size:14px;line-height:1.5;text-align:center;color:#fff;background-color:#333}
#cd_lt_ie_9 ul {overflow:hidden;width:600px;margin:25px auto 0}
#cd_lt_ie_9 ul li {float:left}
#cd_lt_ie_9 ul li a {display:block;width:100px;padding:2px 0;margin:0 10px;font-size:13px;background-color:#fff}
#cd_lt_ie_9 ul li a:hover {color:#fff;background-color:#3498db}

/* 공통 */
#cd_wrap {min-width:1070px;width:100%;padding-top:120px;font-size:20px;line-height:30px;letter-spacing:-0.1px;color:#777;background:url(/sh_page/cd_page/img/cd_bg.png) top center no-repeat;text-align:center;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/cd_page/img/cd_underline.png) left 84% repeat-x}
#cd_wrap .underline_red {background:url(/sh_page/cd_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:53px;line-height:64px;letter-spacing:-0.2px;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/cd_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:21px;line-height:36px;color:#222}
#cd_wrap .section1 ul li:nth-child(2) {width:20%;font-size:60px;line-height:1.5;color:#bfbfbf;font-family:notokr-bold;animation-delay:0.5s}
#cd_wrap .section1 ul li strong {font-size:30px}
#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%;height:105px;font-size:32px;line-height:104px;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/cd_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/cd_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 {padding-top:42px;margin-bottom:30px;font-size:32px;line-height:1.5;color:#222;background:url(/sh_page/cd_page/img/cd_sec2_tit.png) center no-repeat;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/cd_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:42px;font-size:29px;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/cd_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/cd_page/img/cd_sec2_right.png) no-repeat}

/* section3 */
#cd_wrap .section3 {position:relative;width:100%;height:373px;padding-top:55px;margin-bottom:150px;color:rgba(204,204,204,.65);background:url(/sh_page/cd_page/img/cd_sec3_bg.png) no-repeat fixed}
#cd_wrap .section3 h4 {display:inline-block;padding:30px 50px;font-size:34px;line-height:1.5;color:#fff;font-family:notokr-bold;background:url(/sh_page/cd_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/cd_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/cd_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/cd_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/cd_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/cd_page/img/cd_sec5_num.png) no-repeat}
#cd_wrap .section5 .right .cont_area {margin-top:70px;line-height:34px;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:40px;left:50%;width:316px;-ms-transform:translateX(-50%);transform:translateX(-50%);padding:0 105px;background:url(/sh_page/cd_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/cd_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/cd_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/cd_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/cd_page/img/cd_sec6_li_bg03.png) no-repeat;animation-delay:0.9s}
#cd_wrap .section6 h4 {margin-bottom:30px;font-size:34px;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/cd_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}


/* @media */
@media screen and (max-width:1365px) {
#cd_wrap .section5 .right .cont_area {margin-top:20px;font-size:18px !important;line-height:26px !important}
#cd_wrap .section5 .right .cont_area h4 {line-height:41px}
#cd_wrap .section5 .right .bx-pager {width:100%;bottom:-70px !important}
#cd_wrap .section5 .right .bx-pager-item {float:none;display:inline-block}
}
@media screen and (max-width:1070px) {
/* .section1 */
#cd_wrap .section1 ul {width:1070px !important}
#cd_wrap .section1 .img_area1 img {width:100%}
#cd_wrap .section1 .img_area2 {width:1070px !important}
/* .section2 */
#cd_wrap .section2 ul {width:1070px !important}
#cd_wrap .section2 ul li {overflow:hidden;width:450px;text-align:center}
#cd_wrap .section2 ul li img {width:100%}
#cd_wrap .section2 .compare {width:1070px !important}
#cd_wrap .section2 .compare:before {left:220px !important}
#cd_wrap .section2 .compare:after {right:220px !important}
/* .section4 */
#cd_wrap .section4 ul {width:1070px !important}
#cd_wrap .section4 ul li {overflow:hidden;width:450px;text-align:center}
#cd_wrap .section4 ul li img {width:100%}
/* .section6 */
#cd_wrap .section6 ul li:nth-child(1) {padding:117px 90px 0 0}
#cd_wrap .section6 ul li:nth-child(2) {padding:117px 72px 0 0}
#cd_wrap .section6 ul li:nth-child(3) {padding:117px 80px 0 0}
}
/* ********************************** 코딩 마케팅페이지 끝 ********************************** */



/* 반응형 디자인 */
#res {width:100%;padding-top:50px}
#res .pre {white-space:pre-line;font-size:15.5px;line-height:28px}
#res .pg-section .tit_area p {display:inline-block;position:relative;margin-bottom:5px;font-size:15px;color:#222;letter-spacing:5px;text-transform:uppercase;font-weight:600}
#res .pg-section .tit_area h3 {position:relative;margin-bottom:30px;font-size:30px;color:#222;line-height:1.5}

#res .deco02 {position:absolute;z-index:5;top:0;right:0;width:100%;height:100%;background:url(/sh_page/img/res/p36_deco02.png) 100% 0 no-repeat;transition:none}
#res .pg-section .tit_area p {display:inline-block;position:relative;margin-bottom:5px;font-size:15px;color:#222;letter-spacing:5px;text-transform:uppercase}
#res .pg-section .tit_area h3 {position:relative;margin-bottom:25px;font-size:30px;color:#222;line-height:1.5;letter-spacing:-1px;}

#res #section3 {width:1070px;margin:auto;text-align:center;background:url(/sh_page/img/res/p36_deco03.png) right 35px no-repeat}
#res #section3 .tit_area {padding:0 15px}
#res #section3 .tit_area p:after {display:block;position:absolute;top:37px;left:-76px;z-index:-1;content:'';width:113px;height:3px;background:url(/sh_page/img/res/p36_tit_deco02.png) no-repeat}
#res #section3 .device {position:relative;max-width:541px;height:445px;margin:70px auto 0}
#res #section3 #p36_obj01 {position:absolute;z-index:1;top:0;left:0} 
#res #section3 #p36_obj02 {position:absolute;z-index:2;top:150px;right:-180px}
#res #section3 #p36_obj03 {position:absolute;z-index:3;top:260px;right:-10px}

#res #section2 {position:relative;z-index:6;padding-top:180px;text-align:center}
#res #section2 .tit_area {padding:0 15px}
#res #section2 .tit_area p:after {display:block;position:absolute;top:-30px;left:-102px;z-index:-1;content:'';width:172px;height:59px;background:url(/sh_page/img/res/p36_tit_deco01.png) no-repeat}
#res #section2 ul {display:inline-block;max-width:1230px;width:100%;margin-top:70px}
#res #section2 ul li {display:inline-block;width:311px;margin:0 10px;box-shadow:5px 5px 6px -2px rgba(0,0,0,0.1);transition:all 0.2s}
#res #section2 ul li:hover {box-shadow:7px 7px 8px 0px rgba(0,0,0,0.12)}
#res #section2 .gray_bg {position:absolute;z-index:-1;bottom:84px;width:100%;height:225px;background:#f5f5f5}

/* section4 */
#res #section4 {position:relative;z-index:6;height:450px/*height:100vh*/;padding:150px 0}
#res #section4 .sc_wrap {display:table;width:100%;height:100%;text-align:center}
#res #section4 .sc_wrap > div {display:table-cell;vertical-align:middle;width:50%}
#res #section4 .tit_area {color:#fff;background:rgb(241,168,109);background:-moz-linear-gradient(-45deg,  rgb(241,168,109) 0%, rgb(229,48,50) 90%);/* FF3.6-15 */
background:-webkit-linear-gradient(-45deg,  rgb(241,168,109) 0%,rgb(229,48,50) 90%);/* Chrome10-25,Safari5.1-6 */
background:linear-gradient(135deg,  rgb(241,168,109) 0%,rgb(229,48,50) 90%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1a86d', endColorstr='#e53032',GradientType=1 );/* IE6-9 fallback on horizontal gradient */}
#res #section4 .tit_area p {color:#fff}
#res #section4 .tit_area .bar {width:50px;height:3px;margin:0 auto 25px;background-color:#fff}
#res #section4 .tit_area h3 {margin-bottom:25px;color:#fff}
#res #section4 .cont_area {background:url(/sh_page/img/res/p36_sc4_bg.png) -290px no-repeat}
#res #section4 .cont_area img {-webkit-animation:fadeInOut 3.2s ease-in-out infinite;animation:fadeInOut 3.2s ease-in-out infinite}
@-webkit-keyframes fadeInOut {0% {opacity:1} 50% {opacity:0} 100% {opacity:1}}
@keyframes fadeInOut {0% {opacity:1} 50% {opacity:0} 100% {opacity:1}}
#res #section4 .cont_area h3 {margin-top:50px;font-size:30px;color:#fff;line-height:1.5}

#res #section5 {position:relative;z-index:6;text-align:center}
#res #section5 .deco_tit {font-size:15.5px}
#res #section5 .deco_tit p:after {display:block;position:absolute;top:-48px;left:-22px;z-index:-1;content:'';width:107px;height:140px;background:url(/sh_page/img/res/p36_tit_deco03.png) no-repeat}
#res #section5 .deco_tit h3 {margin-bottom:60px}
#res #section5 ul {display:inline-block;max-width:1230px;width:100%;margin-top:40px}
#res #section5 ul li {display:inline-block;width:22%;font-size:17px;line-height:26px;white-space:pre-line;letter-spacing:-1px}
#res #section5 ul li .icon {width:109px;height:109px;margin:0 auto 30px;border-radius:50%;background-color:#e53032;background-repeat:no-repeat;background-position:top center;transition:all 0.3s;box-sizing:border-box}
#res #section5 ul li:nth-child(1) .icon {background-image:url(/sh_page/img/res/p36_sc5_icon01.png)}
#res #section5 ul li:nth-child(2) .icon {background-image:url(/sh_page/img/res/p36_sc5_icon02.png)}
#res #section5 ul li:nth-child(3) .icon {background-image:url(/sh_page/img/res/p36_sc5_icon03.png)}
#res #section5 ul li:nth-child(4) .icon {background-image:url(/sh_page/img/res/p36_sc5_icon04.png)}
#res #section5 ul li:hover .icon {border:1px solid #e53032;background-color:#fff;background-position:bottom center}
#res #section5 .cont_area {display:table;position:relative;width:100%;height:350px;background:url(/sh_page/img/res/p36_sc5_bg.png) no-repeat}
#res #section5 .cont_area:before{position:absolute;top:0;left:0;z-index:0;content:'';width:100%;height:100%;opacity:1;background:rgba(0, 0, 0, 0.25);transition:all 2s}
#res #section5 .cont_area:hover:before {opacity:0}	
#res #section5 .cont_area .tit_area {display:table-cell;vertical-align:middle;padding:0 15px;color:rgba(255,255,255,.8)} 
#res #section5 .cont_area .tit_area p {color:#fff}
#res #section5 .cont_area .tit_area h3 {margin-bottom:20px;color:#fff}

#page30 {letter-spacing:-0.5px;}
/* section1 */
#page30 #section1 {position:relative;text-align:center}
#page30 #section1 .tit_area {padding-top:110px;font-size:20px;line-height:31px}
#page30 #section1 .tit_area h3{display:inline-block;position:relative;margin-bottom:25px;font-size:30px;letter-spacing:-1px;line-height:1.5;color:#222}
#page30 #section1 .tit_area h3:before {display:block;content:'';position:absolute;left:0;top:-20px;z-index:-1;width:78px;height:79px}
#page30 #section1 ul {display:inline-block;max-width:1230px;width:100%;margin:40px auto}
#page30 #section1 ul li {display:inline-block;position:relative;width:33%;margin:0 3%;padding:35px 0 32px;border:1px solid #ddd;color:#222}
#page30 #section1 ul li h5 {padding-top:10px;font-size:13px;letter-spacing:5px;text-transform:uppercase;background:url(/sh_page/img/res/p36_h5.png) top center no-repeat}
#page30 #section1 ul li h4 {font-size:24px;line-height:1.5}
#page30 #section1 ul li p {display:inline-block;margin-bottom:10px;font-size:28px;line-height:1.5;font-weight:600;letter-spacing:-1px;}
#page30 #section1 ul li span {font-size:14px;line-height:20px}
#page30 #section1 ul li .txt {display:block;margin-bottom:5px;white-space:pre-line;letter-spacing:-0.7px;font-size:15px}
/* section2 */
#page30 #section2 {position:relative;padding-top:110px}
#page30 #section2 .cont_wrap {position:relative;z-index:-3;width:100%;padding:65px 0;margin-top:30px;text-align:center;background-color:#e53032}
#page30 #section2 .cont_wrap .circle {position:absolute;left:50%;top:50%;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);z-index:-1;width:500px;height:500px;border-radius:180%;
border:1px solid rgba(255,255,255,.4);-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:1500px;height:1500px;opacity:0}to{opacity:0}}
@keyframes circle{from{width:0;height:0}70%{width:1500px;height:1500px;opacity:0}to{opacity:0}}
#page30 #section2 .cont_wrap .circle2 {position:absolute;left:50%;top:50%;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);z-index:-1;width:500px;height:500px;border-radius:180%;
border:1px solid rgba(255,255,255,.4);-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:1100px;height:1100px;opacity:0}to{opacity:0}}
@keyframes circle2{from{width:0;height:0}70%{width:1100px;height:1100px;opacity:0}to{opacity:0}}
#page30 #section2 .cont_wrap ul {display:inline-block;position:relative;margin:0 50px}
#page30 #section2 .cont_wrap ul li {padding-left:40px;margin-bottom:15px;color:#fff;text-align:left;background:url(/sh_page/img/res/p30_list.png) left 3px no-repeat}
#page30 #section2 .cont_wrap .pg_scroll {position:absolute;left:50%;bottom:45px;margin-left:-15px;-webkit-animation:arrow 1.5s infinite;-ms-animation:arrow 1.5s infinite;animation:arrow 1.5s infinite}
@-webkit-keyframes arrow{from{bottom:50px;opacity:1}to{bottom:45px;opacity:0}}
@-ms-keyframes arrow{from{bottom:50px;opacity:1}to{bottom:45px;opacity:0}}
@keyframes arrow{from{bottom:50px;opacity:1}to{bottom:45px;opacity:0}}
#page30 #section2 .cont_wrap .txt_bg {position:absolute;z-index:-2;top:25%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;font-size:64px;line-height:1;color:#c61214;white-space:pre-line;font-weight:600;line-height:75px}
/* section3 */
#page30 #section3 {position:relative;padding-top:110px;text-align:center}
#page30 #section3 ul {max-width:1230px;width:100%;margin-top:30px}
#page30 #section3 ul li {display:inline-block;width:22%;margin:0 45px;box-sizing:border-box}
#page30 #section3 ul li .icon {width:109px;height:109px;margin:0 auto 30px;border-radius:50%;background-color:#e53032;background-repeat:no-repeat;background-position:top center;transition:all 0.3s}
#page30 #section3 ul li:nth-child(1) .icon {background-image:url(/sh_page/img/res/p30_sc3_icon01.png)}
#page30 #section3 ul li:nth-child(2) .icon {background-image:url(/sh_page/img/res/p30_sc3_icon02.png)}
#page30 #section3 ul li:nth-child(3) .icon {background-image:url(/sh_page/img/res/p30_sc3_icon03.png)}
#page30 #section3 ul li:hover .icon {border:1px solid #e53032;background-color:#fff;background-position:bottom center;box-sizing:border-box}
#page30 #section3 ul li h4 {margin-bottom:2px;font-size:20px;color:#222}
#page30 #section3 ul li .pre {margin-top:15px;padding-top:15px;border-top:1px solid #ddd}
#page30 #section3 .ps {font-size:16px}

#res #section5 .cont_area {margin-top:110px;display:table;position:relative;width:100%;height:315px;background:url(/sh_page/img/res/p36_sc5_bg.png) no-repeat;background-size:cover}
#res #section5 .cont_area:before{position:absolute;top:0;left:0;z-index:0;content:'';width:100%;height:100%;opacity:1;background:rgba(0, 0, 0, 0.25);transition:all 2s}
#res #section5 .cont_area:hover:before {opacity:0}	
#res #section5 .cont_area .tit_area {display:table-cell;vertical-align:middle;padding:0 15px;color:rgba(255,255,255,.8)} 
#res #section5 .cont_area .tit_area p {color:#fff}
#res #section5 .cont_area .tit_area h3 {margin-bottom:20px;color:#fff}


.pagecommon {position:relative;min-height:100%;font-size:18px;line-height:29px;color:#555}
.pagecommon * {transition:all 0.2s}
.pagecommon .pre {white-space:pre-line}
.pagecommon .c_red {color:#e53032}
.pagecommon .tit_area02 {text-align:center}
.pagecommon .tit_area02 p {position:relative;margin-bottom:5px;font-size:15px;color:#222;letter-spacing:5px;text-transform:uppercase}
.pagecommon .tit_area02 h3 {display:inline-block;position:relative;padding:0 20px;font-size:30px;letter-spacing:-1px;color:#222;line-height:1.5;background-color:#fff}
.pagecommon .tit_area02 .h3_bg {display:inline-block;max-width:1230px;width:100%;background:url(/sh_page/img/res/h3_bg.png) left center repeat-x}


/* @media */
@media screen and (max-width:1365px) {
#cd_wrap .section5 .right .cont_area {margin-top:20px;font-size:18px !important;line-height:26px !important}
#cd_wrap .section5 .right .cont_area h4 {line-height:41px}
#cd_wrap .section5 .right .bx-pager {width:100%;bottom:20px !important}
#cd_wrap .section5 .right .bx-pager-item {float:none;display:inline-block}
}
@media screen and (max-width:1070px) {
/* .section1 */
#cd_wrap .section1 ul {width:1070px !important}
#cd_wrap .section1 .img_area1 img {width:100%}
#cd_wrap .section1 .img_area2 {width:1070px !important}
/* .section2 */
#cd_wrap .section2 ul {width:1070px !important}
#cd_wrap .section2 ul li {overflow:hidden;width:450px;text-align:center}
#cd_wrap .section2 ul li img {width:100%}
#cd_wrap .section2 .compare {width:1070px !important}
#cd_wrap .section2 .compare:before {left:220px !important}
#cd_wrap .section2 .compare:after {right:220px !important}
/* .section4 */
#cd_wrap .section4 ul {width:1070px !important}
#cd_wrap .section4 ul li {overflow:hidden;width:450px;text-align:center}
#cd_wrap .section4 ul li img {width:100%}
/* .section6 */
#cd_wrap .section6 ul li:nth-child(1) {padding:117px 90px 0 0}
#cd_wrap .section6 ul li:nth-child(2) {padding:117px 72px 0 0}
#cd_wrap .section6 ul li:nth-child(3) {padding:117px 80px 0 0}
}















