@charset "utf-8"; 

/* 컨텐츠 */
#contents { width:980px; margin:0 auto 110px; min-height:480px; }
#container .tab_con { padding-top:58px; }

#contents .tab_area { width:980px; }
#contents .tab_area ul.tab_2list { height:48px; }
#contents .tab_area ul.tab_2list li { float:left; }
#contents .tab_area ul.tab_2list li a { display:block; overflow:hidden; width:490px; height:48px; background:url(/image/comm/tab_topcon_gray_490.png) no-repeat; }
#contents .tab_area ul.tab_2list li.on a { background-position:0 0; color:#333; }
#contents .tab_area ul.tab_2list li.off a { background-position:0 -48px; color:#767676; }
#contents .tab_area ul.tab_2list li a span { display:block; font-size:20px; line-height:20px; width:490px; text-align:center; padding-top:15px; }

/* 설치 및 이용 */
.wrap_step_area h4.step_title,.wrap_step_area_solo h4.step_title { display:inline-block; *display:inline; *zoom:1; padding-right:30px; height:57px; margin-bottom:16px; background:url(/image/install/bg_steptitle_right.png) no-repeat right 0; }
.wrap_step_area h4.step_title span.wrap_title,.wrap_step_area_solo h4.step_title span.wrap_title { position:relative; padding:0 10px 0 20px; height:53px; border-left:2px solid #c4c4c4; border-top:2px solid #c4c4c4; border-bottom:2px solid #c4c4c4; display:inline-block; }
.wrap_step_area h4.step_title span.wrap_title span.title_step,.wrap_step_area_solo h4.step_title span.wrap_title span.title_step { display:inline-block; *display:inline; *zoom:1; font-size:22px; line-height:22px; margin-top:16px; color:#767676; font-weight:500; padding-right:6px; }
.wrap_step_area h4.step_title span.wrap_title span.title_title,.wrap_step_area_solo h4.step_title span.wrap_title span.title_title { display:inline-block; *display:inline; *zoom:1; font-size:22px; line-height:22px; margin-top:16px; color:#f58220; font-weight:500; }

.wrap_step_area { margin-bottom:60px; }
.wrap_step_area .con_step { width:490px; padding:0 0 30px; text-align:center; }
.wrap_step_area span.step_text_center { display:block; text-align:center; font-size:16px; line-height:23px; }
.wrap_step_area span.step_text,.wrap_step_area_solo span.step_text { display:block; font-size:16px; line-height:23px; text-align:left; }
.wrap_step_area .con_step .step_text_area { padding-left:35px; }
.wrap_step_area .step_area_pc { float:left; width:490px; }
.wrap_step_area .step_area_child { float:left; width:490px; }
.wrap_step_area .step_area_mobile { float:left; width:490px; }
.wrap_step_area .pc_step01 span.step_text_center { padding-top:100px; }
.wrap_step_area .btn_download_area { padding-top:20px; }
.wrap_step_area .step_area_pc span.small_text{ font-size:0.8em; line-height:0.8em; }
.wrap_step_area .step_area_pc .btn_open_popup{ padding-top:10px; }

.wrap_step_area .step_area_child .step_text_area { padding-top:15px; }
.wrap_step_area .step_area_mobile .step_text_area { padding-top:20px; }
.wrap_step_area .children_step01 .con_step { text-align:center; padding-top:90px; }
.wrap_step_area .children_step01 span.step_text_center { padding-top:20px; }
.wrap_step_area .children_step01 .btn_purchase_area { padding-top:20px; }
.wrap_step_area .step_area_mobile .con_step { padding-top:20px; }
.wrap_step_area .step_area_mobile .con_step .btn_install_area { padding-top:20px; }
.wrap_step_area .step_area_mobile .con_step .btn_install_area a { display:block; margin-top:5px; }
.wrap_step_area .caution_area_left { text-align:left; }
.wrap_step_area .caution_area_left p { display:inline-block; *display:inline; *zoom:1; line-height:1.4em; background:url(/image/comm/icon_bullet_gray_4.png) no-repeat 0 6px; padding-left:12px; margin-top:8px; font-size:13px; }
.wrap_step_area .caution_area_center { text-align:center; margin-top:10px; }
.wrap_step_area .caution_area_center p { display:inline-block; *display:inline; *zoom:1; background:url(/image/comm/icon_bullet_gray_4.png) no-repeat 0 3px; padding-left:12px; margin-top:8px; font-size:13px; }

.wrap_step_area_solo .con_step { width:980px; height:290px; padding:0 0 30px; }
.wrap_step_area_solo .con_step img { float:left; }
.wrap_step_area_solo .con_step .step_text_area { float:left; padding:100px 0 0 35px; }

/* 사용가이드 04/08 업데이트 */
.wrap_con_guide_area { width:100%; }
.con_guide_area { float:left; width:765px; }

.con_guide_area h3.num_title { height:25px; }
.con_guide_area h3.num_title span { vertical-align:middle; float:left; }
.con_guide_area h3.num_title span.text { font-size:20px; line-height:25px; color:#333; }
.con_guide_area h3.num_title span.number_img { display:inline-block; width:39px; height:25px; margin-right:10px; }
.con_guide_area h3.num_title span.number_img01, .con_guide_area h3.num_title span.number_img02, .con_guide_area h3.num_title span.number_img03, .con_guide_area h3.num_title span.number_img04, .con_guide_area h3.num_title span.number_img05
, .con_guide_area h3.num_title span.number_img06, .con_guide_area h3.num_title span.number_img07, .con_guide_area h3.num_title span.number_img08, .con_guide_area h3.num_title span.number_img09, .con_guide_area h3.num_title span.number_img10, .con_guide_area h3.num_title span.number_img11 { display:block; overflow:hidden; text-indent:-9999px; width:39px; height:25px; margin-right:8px; }
.con_guide_area h3.num_title span.number_img01 { background:url(/image/install/icon_black_number01.png) no-repeat; }
.con_guide_area h3.num_title span.number_img02 { background:url(/image/install/icon_black_number02.png) no-repeat; }
.con_guide_area h3.num_title span.number_img03 { background:url(/image/install/icon_black_number03.png) no-repeat; }
.con_guide_area h3.num_title span.number_img04 { background:url(/image/install/icon_black_number04.png) no-repeat; }
.con_guide_area h3.num_title span.number_img05 { background:url(/image/install/icon_black_number05.png) no-repeat; }
.con_guide_area h3.num_title span.number_img06 { background:url(/image/install/icon_black_number06.png) no-repeat; }
.con_guide_area h3.num_title span.number_img07 { background:url(/image/install/icon_black_number07.png) no-repeat; }
.con_guide_area h3.num_title span.number_img08 { background:url(/image/install/icon_black_number08.png) no-repeat; }
.con_guide_area h3.num_title span.number_img09 { background:url(/image/install/icon_black_number09.png) no-repeat; }
.con_guide_area h3.num_title span.number_img10 { background:url(/image/install/icon_black_number10.png) no-repeat; }
.con_guide_area h3.num_title span.number_img11 { background:url(/image/install/icon_black_number11.png) no-repeat; }

.con_guide_area .guide_section { padding-top:60px; }
.con_guide_area .guide_section_first { padding-top:50px; }
.con_guide_area .guide_section_first .img_area{ padding:15px 0; }
.con_guide_area .guide_section .img_area { padding:15px 0; }

.con_guide_area .guide_pc09, .con_guide_area .guide_pc11 { text-align:center; }
.con_guide_area .guide_pc09 .img_area, .con_guide_area .guide_pc11 .img_area { padding:30px 0; }
.con_guide_area .guide_pc09 .text_area_center, .con_guide_area .guide_pc11 .text_area_center { text-align:center; font-size:16px; line-height:23px; }

.con_guide_area .guide_use_mobile { padding-top:60px; }
.con_guide_area .guide_use_mobile .wrap_con_list { padding-top:25px; }
.con_guide_area .guide_use_mobile .wrap_con_list .con_list01, .con_guide_area .guide_use_mobile .wrap_con_list .con_list02 { float:left; width:380px; text-align:center; }
.con_guide_area .guide_use_mobile .wrap_con_list .text_num_gray01, .con_guide_area .guide_use_mobile .wrap_con_list .text_num_gray02 { text-align:left; font-size:15px; line-height:21px; margin:20px 0 0 55px; padding-left:25px; }
.con_guide_area .guide_use_mobile .wrap_con_list .text_num_gray01 { background:url(/image/install/icon_circlenumber_gray01.png) no-repeat 0 1px; }
.con_guide_area .guide_use_mobile .wrap_con_list .text_num_gray02 { background:url(/image/install/icon_circlenumber_gray02.png) no-repeat 0 1px; }

.wrap_side_menu_area { float:right; width:198px; padding-top:50px; }
.side_menu_area { padding-bottom:5px; border-left:1px solid #ddd; border-top:1px solid #ddd; border-right:1px solid #ddd; background:#f5f5f5 url(/image/install/bg_sidemenu_bottom.png) repeat-x 0 bottom; }
.side_menu_area h3 { padding:20px 12px 5px; color:#ce7900; font-size:15px; line-height:15px; }
.side_menu_area ul { padding:5px 12px 10px; }
.side_menu_area ul li { border-bottom:1px solid #ddd; }
.side_menu_area ul li a { display:block; margin-left:10px; padding:10px 0; color:#666; }
.side_menu_area ul li a:hover { color:#333; }
.side_menu_area ul li a.on { color:#f58220; }

.con_guide_area .guide_mobile03 h4 { margin-top:15px; }

.con_guide_area .guide_mobile09 { text-align:center; }
.con_guide_area .guide_mobile09 .img_area { padding:30px 0; }
.con_guide_area .guide_mobile09 .text_area_center { text-align:center; font-size:16px; line-height:23px; }