/* 메인 */ .ds_main_visual_wrap{width:100%;position:relative} .ds_main_container{width:100%;position:relative;padding-top:5px;height:75px;background-color:#f0f0f0;margin-bottom:40px;} .ds_main_container .main_section1_title{width:100%;height:98px;background-color:#f0f0f0;background:url('./images/main_section1_bg.png') no-repeat center 0;} .ds_main_container .main_section1_title .main_section1_content{width:1170px;margin:0 auto;} .ds_main_container .main_section1_title .main_section1_content p{font-size:20px;line-height:75px;} .ds_main_container .main_section1_title .main_section1_content p img{vertical-align:middle;} .ds_main_container .main_section1_title .main_section1_content p .button1{float:right;cursor:pointer;font-size:16px;font-weight:bold;margin-top:17px;font-family:'Nanum Gothic','나눔고딕','돋움',Dotum,AppleGothic,sans-serif;*margin-top:-60px;} .ds_container_wrap{width:1170px;margin:0 auto;overflow:hidden;/* *zoom:1 */} .ds_container_wrap .ds_mainmenu {margin-bottom:40px;} .ds_container_wrap .ds_mainmenu .ds_main_template {float:left;position:relative;} .ds_container_wrap .ds_mainmenu .ds_main_template ul {float:left;width:370px;} .ds_container_wrap .ds_mainmenu .ds_main_template ul .temp_img {background:#d2d1d0;width:300px;height:200px;margin-bottom:30px;} .ds_container_wrap .ds_mainmenu .ds_main_template ul .temp_subject {font-size:22px; font-weight:800;color:#c7081b;margin-bottom:20px;} .ds_container_wrap .ds_mainmenu .ds_main_template ul .temp_content {color:#2d2d2d;line-height:21px;font-size:14px; font-weight:400;} .ds_main_container2{width:100%;position:relative;height:300px;background-color:#f0f0f0; margin-top:40px; margin-bottom:40px;padding:50px 0;} .ds_main_container2 .main_section2_content{width:1200px;margin:0 auto;} .ds_main_container2 .main_section2_content ul{float:left;width:270px;margin-left:20px;} .ds_main_container2 .main_section2_content ul li{text-align:center;margin-bottom:30px;} .ds_main_container2 .main_section2_content ul .main_icon_subject{font-size:28px;font-weight:700;color:#2e2e2e;margin-bottom:20px;} .ds_main_container2 .main_section2_content ul .main_icon_content{color:#2e2e2e;line-height:22px;margin-bottom:0px; font-weight:400;} .ds_main_container3{width:1170px;margin:0 auto;position:relative;margin-bottom:40px;} .ds_main_container3 .main_section3_content .welcome_section{float:left;width:48%;} .ds_main_container3 .main_section3_content .estimate_section{float:right;width:48%;} .ds_main_container3 .main_section3_content .instance_section{float:left;width:20%;} .ds_main_container3 .main_section3_content .instance_board_box{float:right;width:78%;} .ds_main_container3 .main_section3_content .welcom_subject{font-size:24px;color:#c7081b; font-weight:440;margin-bottom:20px; font-family: 'Open Sans', sans-serif, Arial;} .ds_main_container3 .main_section3_content .welcom_content{color:#2d2d2d;line-height:19px;} .ds_main_container3 .main_section3_content .estimate_section .estimate_box{width:100%;background:#f0f0f0;} .ds_main_visual_wrap{width:100%;} .ds_main_visual_wrap .ds_main_visual_roll{z-index:0;overflow:hidden;} .ds_main_visual_wrap .ds_main_visual_roll div.ds_main_visual_img {z-index:0;min-width:1000px; position:absolute;} .ds_main_visual_wrap .ds_main_visual_roll div.ds_main_visual_img img{z-index:0;/*position:absolute;top:0;left:50%;margin-left:-960px;*/} /* 서브공통 */ .ds_sub_con {width:740px; font-size:13px; line-height:22px; color:#2d2d2d;} .ds_sub_con h4 {height:40px; color:#2d2d2d; font-size:20px; font-weight:normal;} .ds_sub_con h4 span {margin-left:10px; font-size:12px;} .ds_sub_con_full {width:1170px; margin:0 auto; line-height:22px; color:#2d2d2d;} .ds_sub_con_full h4 {height:40px; color:#c7081b; font-size:20px; font-weight:normal;} .ds_sub_con_full h4 span {margin-left:10px; font-size:12px;} .ds_sub_title{font-size:17px;font-weight:bold;color:#c7081b;margin-bottom:30px;} /* contact us */ .ds_sub_con_full .ds_contact{margin-bottom:50px;} .ds_sub_con_full .ds_contact2{float:left;width:50%;margin-bottom:50px;} .ds_sub_con_full .ds_contact2 .ds_contact2_box1{float:left;width:50%;margin-right:10px;} .ds_sub_con_full .ds_contact2 .ds_contact2_box2{float:left;width:48%;} .ds_sub_con_full .ds_contact3{float:left;width:50%;margin-bottom:50px;} .ds_sub_con_full .ds_contact3 .ds_contact3_box1 li{margin-top:5px;} .ds_sub_con_full .ds_contact3 .ds_contact3_box1 ul li input{width:300px;border:1px solid #d9d9d9; background-color:#f5fafc;font-size:15px;height:34px;padding-left:5px;font-family:'Nanum Gothic','나눔고딕','돋움',Dotum,AppleGothic,sans-serif;} .ds_sub_con_full .ds_contact3 .ds_contact3_box1 ul li textarea{width:95%;border:1px solid #d9d9d9; background-color:#f5fafc;font-size:15px;height:180px;padding:5px;font-family:'Nanum Gothic','나눔고딕','돋움',Dotum,AppleGothic,sans-serif;} .contact_button{cursor:pointer;font-size:16px;font-weight:bold;margin-top:10px;font-family:'Nanum Gothic','나눔고딕','돋움',Dotum,AppleGothic,sans-serif;} /* PHOTO */ .ds_container_wrap .ds_mainmenu .ds_main_photo {float:left;position:relative;width:283px;height:146px;padding:28px 16px 0 26px ;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;} .ds_container_wrap .ds_mainmenu .ds_main_photo h3 {height:28px;} .ds_container_wrap .ds_mainmenu .ds_main_photo ul {} .ds_container_wrap .ds_mainmenu .ds_main_photo ul li {float:left;width:84px; margin-left:0px;margin-right:10px;} .ds_container_wrap .ds_mainmenu .ds_main_photo ul li span.img {float:left; width:84px; margin-bottom:12px;} .ds_container_wrap .ds_mainmenu .ds_main_photo ul li span.tit {float:left; width:84px; text-align:center;} .ds_container_wrap .ds_mainmenu .ds_main_photo ul li img {border:1px solid #dcdcdc;} /* INQUIRY */ .ds_container_wrap .ds_mainmenu .ds_main_inquiry {float:left;width:273px;height:146px;padding:28px 26px 0 26px ;background:url(./images/main_bg_inquiry.gif) no-repeat right top; border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;} .ds_container_wrap .ds_mainmenu .ds_main_inquiry h3 {height:28px;} /* SERVICE */ .ds_container_wrap .ds_mainmenu .ds_main_service {float:left;width:273px;height:146px;padding:28px 26px 0 26px ;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;} .ds_container_wrap .ds_mainmenu .ds_main_service h3 {height:28px;} /* SNS */ .ds_container_wrap .ds_mainmenu .ds_main_sns {float:left;width:273px;height:146px;padding:28px 26px 0 26px ;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;} .ds_container_wrap .ds_mainmenu .ds_main_sns h3 {height:28px;} /* ABOUT */ .ds_container_wrap .ds_mainmenu .ds_main_about {float:left;width:273px;height:146px;padding:28px 26px 0 26px ;background:url(./images/main_bg_about.gif) no-repeat right top;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;} .ds_container_wrap .ds_mainmenu .ds_main_about h3 {height:28px;} /*SCHEDULE*/ .ds_container_wrap .ds_mainmenu .ds_main_schedule {float:left;position:relative;width:273px;height:146px;padding:28px 26px 0 26px ;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;} .ds_container_wrap .ds_mainmenu .ds_main_schedule h3 {height:28px;} .ds_container_wrap .ds_mainmenu .ds_main_schedule dl{float:left; width:273px; border: 1px solid #e1e1e1;} .ds_container_wrap .ds_mainmenu .ds_main_schedule dl dt{float:left; width:80px; height:53px; padding:17px 0; margin-right:14px;text-align:center; border-right: 1px solid #e1e1e1; font-weight:normal;font-size:14px;} .ds_container_wrap .ds_mainmenu .ds_main_schedule dl dt strong{font-size:40px; color:#27292b; font-family:Tahoma} .ds_container_wrap .ds_mainmenu .ds_main_schedule dl dd {float:left; color:#777; width:175px; line-height:20px;} .ds_container_wrap .ds_mainmenu .ds_main_schedule dl dd.ds_dd_top {margin-top:15px;} /* MOVIE */ .ds_container_wrap .ds_mainmenu .ds_main_movie {float:left;width:273px;height:146px;padding:28px 26px 0 26px ;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;} .ds_container_wrap .ds_mainmenu .ds_main_movie h3 {height:28px;} /* MAP */ .ds_container_wrap .ds_mainmenu .ds_main_map {float:left;width:273px;height:146px;padding:28px 26px 0 26px ;background:url(./images/main_bg_map.gif) no-repeat right top;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;} .ds_container_wrap .ds_mainmenu .ds_main_map h3 {height:28px;} /* PRODUCT */ .ds_container_wrap .ds_mainmenu .ds_main_product {float:left;width:925px;height:146px;padding:28px 26px 0 26px ;border-right:1px solid #d9d9d9; position:relative;} .ds_container_wrap .ds_mainmenu .ds_main_product #ds_rightbtn {float:left; width:20px; padding-top:44px;} .ds_container_wrap .ds_mainmenu .ds_main_product #ds_imgsroll {float:left; width:876px; height:107px; overflow:hidden;} .ds_container_wrap .ds_mainmenu .ds_main_product #ds_imgsroll ul {} .ds_container_wrap .ds_mainmenu .ds_main_product #ds_imgsroll ul li {float:left; width:292px; text-align:center; } .ds_container_wrap .ds_mainmenu .ds_main_product #ds_leftbtn {float:left; width:20px; text-align:right; padding-top:44px;} /* 통합검색 */ #search_re{padding:1em 0 1.5em 0; vertical-align:middle; border-bottom:1px solid #ccc} .search_re_text {width:85%; padding:8px; border:3px solid #575757; vertical-align:middle;} .search_re_btn {width:75px; font:1.1em "HelveticaLTbold", "Arial", Helvetica, sans-serif; text-align:center; border:none; padding:10px; *padding:4px; font-weight: bold; color:#fff; background-color:#000; cursor:pointer;vertical-align:middle;} #search_re form{text-align:center; margin-bottom:1em} .ds_search{min-height:400px} .ds_search h2{margin-bottom:1em;float:left;border-top:1px solid #000;padding-top:.5em} .ds_search_section{margin:2em .8em} .ds_search_section h3{padding-bottom:.6em; border-bottom:2px solid #858585; color:#000; font-family:Arial,sans-serif; font-size:14px} .ds_search_section dl{margin:1em 0 2em 0; font-size:12px} .ds_search_section dl dt{margin:1em 0; font-weight:bold; padding:1em 0 .6em 0} .ds_search_section dl dt a{color:#000} .ds_search_section dl dd{font-weight:normal;font-size:11px;padding:0 0 1em 0; border-bottom:1px dotted #ccc; line-height:1.4em; color:#666} p.cut_text{font-family:dotum,sans-serif; line-height:1.4em; height:2.8em; overflow:hidden; word-break: break-all; letter-spacing:-1px} table.basic_table {width:100%;font-size:12px; border-top:1px solid #c1c1c1; margin-bottom:10px;} table.basic_table caption {display:none;} table.basic_table thead th {font-size:14px; background-color:#f6f6f6;text-align:center; padding:8px 0 8px 0px; color:#777;border-bottom:1px solid #e7e7e7; line-height:18px;} table.basic_table tbody th {border-bottom:1px solid #e7e7e7; background-color:#f6f6f6; text-align:center; padding:8px 0 8px 0px; color:#777; line-height:18px;} table.basic_table tbody td {border-bottom:1px solid #e7e7e7; text-align:left; padding:8px 0 8px 10px; color:#777; line-height:18px;} table.basic_table tbody td.ds_bd_right {border-right:1px solid #e7e7e7;} table.basic_table .txt_cen {text-align:center; padding-left:0px;} table.basic_table2 {width:100%;font-size:12px; border-top:1px solid #c1c1c1; margin-bottom:10px;} table.basic_table2 caption {display:none;} table.basic_table2 thead th {font-size:14px; background-color:#f6f6f6;text-align:center; padding:8px 0 8px 0px; color:#777;border-bottom:1px solid #e7e7e7; line-height:18px;} table.basic_table2 tbody th {border-bottom:1px solid #e7e7e7; background-color:#f6f6f6; text-align:center; padding:8px 0 8px 0px; color:#777; line-height:18px;} table.basic_table2 tbody td {border-bottom:1px solid #e7e7e7; text-align:center; padding:8px 0 8px 0px; color:#777; line-height:18px;} table.basic_table2 tbody td.ds_bd_right {border-right:1px solid #e7e7e7;} table.basic_table2 tbody td.ds_txt_red {color:#ff0000;} .ds_sub_tab {width:100%; height:35px; margin-bottom:30px;border-bottom:2px solid #e6e6e6;} .ds_sub_tab ul {overflow:hidden;height:40px; } .ds_sub_tab ul li {float:left; margin-right:4px;} .ds_sub_tab ul li span {float:left; width:120px; cursor:pointer; font-size:18px; height:24px; text-align:center; padding:7px 0px 2px 0px;} .ds_sub_tab ul li span.tabon {border-top:2px solid #e6e6e6;border-left:2px solid #e6e6e6;border-right:2px solid #e6e6e6;border-bottom:3px solid #fff; color:#c7081b;font-weight:bold;} .ds_sub_tab ul li span.taboff {border:2px solid #e6e6e6;border-bottom:none; color:#9d9d9d;} .ds_txt_cen {text-align:center;} .ds_img_right {float:right;} .ds_mgb_30 {margin-bottom:30px;} /* page_1 */ .ds_suba_010_01 {overflow:hidden;margin-bottom:50px;} .ds_suba_010_01 strong {font-size:15px;} .ds_suba_010_01 p{margin:20px 0 0 15px;line-height:25px} .ds_suba_010_01 ul{line-height:20px;margin-top:30px} .ds_suba_010_01 ul li{background:url(./images/location_bg2.png)no-repeat 20px 8px;padding-left:35px;} .ds_suba_010_01 ul li span{font-weight: bold;float: left;height: 35px;width: 55px;text-align:left;margin-right: 20px;} .ds_suba_010_01 .ds_suba_010_bg{background:url(./images/location_bg.png)no-repeat 0 6px;padding-left:12px;font-size:22px;font-weight:bold} .ds_suba_010_01 .ds_suba_010_bg2{background:url(./images/location_bg.png)no-repeat 0 6px;padding-left:12px;font-size:22px;font-weight:bold;} .ds_suba_010_01_image {margin-top:40px;text-align:center} .ds_suba_title_text {font-size:15px;font-weight:bold;padding-left:20px} /* page_2 */ .ds_suba_020_01 {overflow:hidden;margin-bottom:50px;} .ds_suba_020_01 h3{font-size:17px;color:#c7081b;font-weight:bold;text-align:center} .ds_suba_020_01 p{margin:40px 0 0 15px;text-align:center;} .ds_suba_020_01 ul{line-height:20px;margin:20px 0 40px 0} .ds_suba_020_01 ul li{background:url(./images/page_2_bullet.png)no-repeat 20px 6px;padding-left:45px;line-height:25px} .ds_suba_020_01 ul li span{font-weight: bold;float: left;height: 35px;width: 55px;text-align:left;margin-right: 20px;} .ds_suba_020_01 .ds_suba_020_bg{background:url(./images/location_bg.png)no-repeat 0 6px;padding-left:12px;font-size:20px;font-weight:bold} .ds_suba_020_01 .ds_suba_020_bg2{background:url(./images/location_bg.png)no-repeat 0 6px;padding-left:12px;font-size:22px;font-weight:bold;margin-top:50px} .ds_suba_020_01 .ds_suba_020_bg3{background:url(./images/suba_020_img_07.jpg)no-repeat center 0;height:30px;margin:40px 0 40px 0;} .ds_suba_020_product {margin-top:40px;margin-bottom:50px;background:url(images/suba_020_img_04.jpg)no-repeat center 10px;overflow:hidden} .ds_suba_020_product_size {width:50%;float:left;} .ds_suba_020_product_size ul{padding-right:20px;} .ds_suba_020_product_size ul li{background:url(./images/location_bg2.png)no-repeat 20px 13px;padding-left:30px;} .ds_suba_020_product_size2 {text-align:center;} .ds_suba_020_plats {width:50%;float:left;} .ds_suba_020_plats p{text-align:center;margin-top:40px;} .ds_suba_020_plats ul{padding-left:20px;} .ds_suba_020_plats ul li{background:url(./images/location_bg2.png)no-repeat 20px 13px;padding-left:35px;} .ds_suba_020_plats2 {text-align:center;} .ds_suba_020_hosting{width:280px;line-height:22px;margin:15px 0 0 55px;float:left} .ds_suba_020_hosting2{width:284px;line-height:22px;margin:15px 0 0 55px;float:right} .ds_suba_020_hosting3{background:url(./images/suba_020_img_07.jpg)no-repeat center 0;margin:40px 0 80px 0;padding-top:25px;background-size:100%} .ds_suba_020_hosting3 p{text-align:center;} .ds_suba_020_search {float:left;margin:30px 15px 40px 0px} .ds_suba_020_search2 {float:right;width:516px;margin-top:25px} .ds_suba_020_search2 p{font-size:15px;margin-bottom:20px} .ds_suba_020_return{font-size:17px;font-weight:bold;text-align:center;margin:20px 0 40px 0px;} .ds_cross {overflow:hidden;line-height:25px} .ds_cross p{margin:10px 0 20px 0} .ds_cross .ds_cross_bg{background:url(./images/location_bg.png)no-repeat 0 6px;padding-left:12px;font-size:20px;font-weight:bold;} .ds_cross .ds_cross_bg2{background:url(./images/location_bg.png)no-repeat 0 10px;padding-left:12px;font-size:20px;font-weight:bold;margin-bottom:20px} .ds_cross_text {overflow:hidden} .ds_cross_text .ds_cross_text2{margin:10px 0 40px 0;} .ds_cross_text2 {margin:50px 0 40px 0;} .ds_cross_text2 .ds_cross_text3{line-height:25px;margin:40px 0 0 15px} .ds_cross_text4 {line-height:25px;margin:40px 0 40px 0} /* page_2 까지*/ .ds_suba_020_con {margin-top:40px} .ds_suba_020_con h4 {float:left; width:128px; color:#567ca1; font-family:Tahoma; font-size:34px; padding-top:5px;} .ds_suba_020_con dl {float:right; width:612px;border-bottom: 1px solid #e1e1e1; padding-bottom:15px; margin-bottom:15px; } .ds_suba_020_con dl dt {float:left; width:15%; text-align:center; color:#555; font-family:Tahoma; font-size:22px;padding-top:2px; } .ds_suba_020_con dl dd {float:right; width:85%;} .ds_suba_030_01{overflow:hidden} .ds_suba_030_01 p {margin-bottom:40px;} .ds_suba_030_01 dl.ds_vision {height:490px; font-size:0; margin-bottom:40px; background:url(./images/suba_030_img_02.jpg) no-repeat left top; } .ds_suba_040_01 {overflow:hidden} .ds_suba_040_01 p {margin-bottom:40px;} /* page_5 코딩 */ .ds_advice {overflow:hidden;} .ds_advice ul{} .ds_advice ul li{height:235px} .ds_advice .ds_advice_img{margin:40px 20px 40px 0px;float:left} .ds_advice .ds_advice_text{line-height:22px;float:left;width:550px;margin-top:45px} .ds_advice .ds_advice_text p{color: #c6071b;font-weight: 800;font-size: 16px;} .ds_suba_050_01 {overflow:hidden;margin-bottom:50px;} .ds_suba_050_01 h3{font-size:17px;color:#c7081b;font-weight:bold;text-align:center} .ds_suba_050_01 p{margin:40px 0 0 15px;text-align:center;} .ds_suba_050_01 ul{line-height:20px;margin:20px 0 40px 0} .ds_suba_050_01 ul li{background:url(./images/page_2_bullet.png) no-repeat 20px 6px;padding-left:45px;line-height:25px} .ds_suba_050_01 ul li span{background:url(./images/location_bg2.png) no-repeat 20px 7px;padding-left:7px;} .ds_suba_050_01 .ds_suba_020_bg{background:url(./images/location_bg.png) no-repeat 0 6px;padding-left:12px;font-size:20px;font-weight:bold} .ds_suba_050_01 .ds_suba_020_bg2{background:url(./images/location_bg.png) no-repeat 0 6px;padding-left:12px;font-size:22px;font-weight:bold;margin-top:50px} .ds_suba_050_01 .ds_suba_020_bg3{background:url(./images/suba_020_img_07.jpg) no-repeat center 0;height:30px;margin:40px 0 40px 0;} /* 사업영역 */ .ds_subb_010_01 {overflow:hidden} .ds_subb_010_01 p {margin-bottom:40px;} .ds_subb_020_01 {overflow:hidden} .ds_subb_020_01 p {margin-bottom:40px;} .ds_subb_020_01 dl {height:155px; margin-bottom:10px;} .ds_subb_020_01 dl dt {float:left; width:180px;} .ds_subb_020_01 dl dd {float:left; width:560px;} .ds_subb_020_01 dl dd.ds_top_dd {margin-top:40px; } .ds_subb_030_01 {overflow:hidden} .ds_subb_040_01 {overflow:hidden;} .ds_subb_040_01 ul{overflow:hidden} .ds_subb_040_01 ul li{float:left; width:140px; height:250px;padding:0 20px 22px 22px; margin-bottom:20px; border-bottom:1px dotted #c1c1c1;} .ds_subb_040_01 ul li span{display:block} .ds_subb_040_01 ul li .ds_txt{height:35px;text-align:center;color:#777;margin-top:8px;padding:0 10px;line-height:1.4; font-size:12px; font-weight:bold} .ds_subb_040_01 ul li .ds_date{text-align:center;color:#777;margin-top:6px;padding:0 10px;line-height:1.4; font-size:11px; } /* 제품소개 */ .ds_subc_010_01{overflow:hidden} .ds_subc_010_01 p {margin-bottom:40px;} .ds_subc_020_01{overflow:hidden} .ds_subc_020_01 p {margin-bottom:40px;} .ds_subc_030_01 {overflow:hidden} .ds_subc_030_01 p {margin-bottom:40px;} .ds_subc_040_01 {overflow:hidden} .ds_subc_040_01 p {margin-bottom:40px;} /* R&D센터 */ .ds_sube_010_01 {overflow:hidden} .ds_sube_010_01 p {margin-bottom:40px;} .ds_sube_010_01 dl.ds_rnd {height:390px; font-size:0; margin-bottom:40px; background:url(./images/sube_010_txt_02.jpg) no-repeat left top; } /* 인재채용 */ .ds_subf_010_01 {overflow:hidden} .ds_subf_010_01 p {margin-bottom:40px;} .ds_subf_010_01 ul.ds_list_01{overflow:hidden;margin-bottom:40px} .ds_subf_010_01 ul.ds_list_01 li{overflow:hidden;float:left;border:1px solid #ccc;width:225px;height:300px;margin:0 16px 0 0px} .ds_subf_010_01 ul.ds_list_01 li dl{overflow:hidden;width:205px;margin:0 auto 0} .ds_subf_010_01 ul.ds_list_01 li dl dt{border-bottom:2px solid #000;color:#000;padding:26px 0 7px;font-weight:bold;text-align:center;margin-bottom:12px} .ds_subf_010_01 ul.ds_list_01 li dl dd{color:#666;padding:10px 6px 10px;background:url("./images/recruit_dott.gif") repeat-x left bottom;line-height:1.3} .ds_subf_010_01 ul.ds_list_02 {margin-bottom:40px;background-color:#f4f4f4;overflow:hidden;padding:23px} .ds_subf_010_01 ul.ds_list_02 li{overflow:hidden;margin-bottom:12px} .ds_subf_010_01 ul.ds_list_02 li:last-child{margin-bottom:0} .ds_subf_010_01 ul.ds_list_02 li.ds_last{margin-bottom:0} .ds_subf_010_01 ul.ds_list_02 li span{display:block} .ds_subf_010_01 ul.ds_list_02 li .ds_sj{font-weight:bold;color:#000} .ds_subf_010_04 ul.ds_list_02 li .ds_txt{color:#666;margin-top:5px} /* 커뮤니티 */ .ds_sube h2{margin-bottom:2em;float:left;border-top:1px solid #000;padding-top:.5em} .ds_sube h3{margin-bottom:1.5em} .ds_sube p{line-height:2em;color:#666;margin-bottom:1em} /* 사이트맵 */ .ds_sitemap{} .ds_sitemap h2{font-family:Arial,sans-serif;float:left;border-top:1px solid #000;padding-top:.5em;padding-bottom:1em} .ds_sitemap h3{font-size:1em} .ds_sitemap_box{width:25%;float:left;min-height:230px;margin-top:1.5em} .ds_sitemap h3,.ds_sitemap ul{margin:0 10px} .ds_sitemap_member h3{color:#6992fe} .ds_sitemap h3{padding:.5em 1em;border-bottom:1px solid #666;border-top:2px solid #000} .ds_sitemap ul{margin-top:.5em} .ds_sitemap ul li{background:url(./images/sub_icon_001.gif) 10px 50% no-repeat;} .ds_sitemap ul li a{display:block;padding:.5em 1em .5em 2em;border-bottom:1px dotted #ccc} /* ------------------------------------- 모듈디자인(간편결제) ------------------------------------- */ .ds_reqbill {} .ds_reqbill h4{font-weight:800;margin-left:0;margin-bottom:10px;} .ds_reqbill table.ds_reqbill_list {width:100%;border:none;border-spacing:0;} .ds_reqbill table.ds_reqbill_list caption {display:none; } .ds_reqbill table.ds_reqbill_list th{font-size:14px; color:#595656; padding:1.2em .5em;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .ds_reqbill table.ds_reqbill_list th.ds_th_first {border-left:1px solid #ddd;} .ds_reqbill table.ds_reqbill_list th.ds_th_end {border-right:1px solid #ddd;} .ds_reqbill table.ds_reqbill_list td{text-align:center;font-size:13px; padding:0.8em .5em;border-bottom:1px solid #ccc;color:#666} .ds_reqbill_write{} .ds_reqbill_write h4{font-weight:800;margin-left:0;margin-bottom:10px;} .ds_reqbill_write label {font-size:14px; width:18%;display:block;float:left;padding-top:0.4em;color:#595656} .ds_reqbill_write input {border:1px solid #ddd;height:25px;} .ds_reqbill_write input[type=radio] {border:none;margin-top:5px;margin-right:5px;} .ds_reqbill_write ul.ds_reqbill_ul1 {border-top:1px solid #e6e7e8; margin-bottom:30px;} .ds_reqbill_write ul.ds_reqbill_ul1 li{padding:.8em 1em;border-bottom:1px solid #e6e7e8; font-size:14px;color:#595656;} .ds_reqbill_write ul.ds_reqbill_ul1 li:after{display:block;content:"";clear:both} .ds_reqbill_write ul.ds_reqbill_ul1 li .ds_order_left {float:left;width:18%;display:block;} .ds_reqbill_write ul.ds_reqbill_ul1 li .ds_order_right {float:right;width:82%;} .ds_reqbill_write ul.ds_reqbill_ul2 {float:left; width:100%; border-top:1px solid #e6e7e8; border-bottom:1px solid #e6e7e8; background-color:#efefef; padding:.8em 1em; margin-bottom:20px;} .ds_reqbill_write ul.ds_reqbill_ul2 li {float:left; width:20%;} .ds_reqbill_write ul.ds_reqbill_ul2 li input {float:left;} .ds_reqbill_write ul.ds_reqbill_ul2 li label {font-size:14px; width:auto;display:block;float:left;padding-top:0.4em;color:#595656} .ds_reqbill_complet {} .ds_reqbill_complet h4{font-weight:800;margin-left:0;margin-bottom:10px;} .ds_reqbill_complet dl {float:left; width:100%; font-size:14px; color:#595656;border-top:1px solid #e6e7e8; margin-bottom:30px;} .ds_reqbill_complet dl dt {float:left; width:20%; border-bottom:1px solid #e6e7e8; padding:.8em 0} .ds_reqbill_complet dl dd {float:left; width:80%; border-bottom:1px solid #e6e7e8; padding:.8em 0} /* ------------------------------------- //모듈디자인(간편결제) ------------------------------------- */ /* --------------------------------------- 모듈디자인(쇼핑) -------------------------------------------- */ .ds_mall {float:left; width:100%;} /* 상품리스트 */ .b01_mall_cate {overflow:hidden;border:1px solid #e5e5e5; padding:25px 0; margin-bottom:30px;} .b01_mall_cate dl {margin:0 25px; line-height:22px;} .b01_mall_cate dl dt {float:left; width:120px; color:#565656; font-weight:bold;} .b01_mall_cate dl dd {float:left; background:url(./images/bullet01.gif) no-reㄹpeat left 10px; padding-left:8px; margin-right:25px;} .b01_mall_cate dl dd a {color:#909090; } .b01_mall_list {} .b01_mall_list p.mall_list_txt {float:left; width:50%; height:35px; color:#929292; } .b01_mall_list p.mall_list_type {float:right; width:50%; height:35px; text-align:right;} .b01_mall_list p.mall_list_type a {text-decoration:none;} .b01_mall_list p.mall_list_type span {margin-left:15px; padding-left:22px;padding-top:1px;} .b01_mall_list p.mall_list_type span.image_on {color:#ed1b2f; background:url(../shop/images/icon_img_on.gif) no-repeat left top;} .b01_mall_list p.mall_list_type span.image_off {color:#929292; background:url(../shop/images/icon_img.gif) no-repeat left top;} .b01_mall_list p.mall_list_type span.list_on {color:#ed1b2f; background:url(../shop/images/icon_list_on.gif) no-repeat left top;} .b01_mall_list p.mall_list_type span.list_off {color:#929292; background:url(../shop/images/icon_list.gif) no-repeat left top;} .b01_mall_list ul.mall_list_sort {float:left; width:100%;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; padding:15px 30px; margin-bottom:20px;} .b01_mall_list ul.mall_list_sort li {float:left; margin-right:20px; padding-right:20px; border-right:1px solid #d6d7d8;} .b01_mall_list ul.mall_list_gal {float:left; width:100%;} .b01_mall_list ul.mall_list_gal li {float:left; text-align:center; margin-bottom:30px;} .b01_mall_list ul.mall_list_gal li span.img img {width:150px; height:150px;border:1px solid #ececec;} .b01_mall_list ul.mall_list_gal li span.tit {float:left; line-height:22px; width:100%; text-align:center; margin-top:10px;} .b01_mall_list ul.mall_list_gal li span.price s {color:#9a9a9a; font-size:11px;} .b01_mall_list ul.mall_list_gal li span.price strong {color:#ed1b2f; font-size:12px;} .b01_mall_list ul.mall_list_gal div.goods_item {position:relative; width:152px; margin:0 auto;} .b01_mall_list ul.mall_list_gal div.goods_preview {top:130px;position:absolute;display:none; width:150px; height:22px;border:1px solid #454545; background:rgba(255,255,255,255); opacity:0.6; } .b01_mall_list ul.mall_list_gal div.goods_preview ul li {float:left; width:33%;text-align:center; background:url(../shop/images/icon_space.png) no-repeat right top;} .b01_mall_list table.mall_list_nor {width:100%;border:none;border-spacing:0; margin-bottom:10px;} .b01_mall_list table.mall_list_nor caption{display:none} .b01_mall_list table.mall_list_nor img{vertical-align:middle} .b01_mall_list table.mall_list_nor a{color:#666} .b01_mall_list table.mall_list_nor a:hover{text-decoration:none;color:#000} .b01_mall_list table.mall_list_nor th {font-size:14px; color:#595656; padding:1.2em .5em;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .b01_mall_list table.mall_list_nor th.ds_th_first {border-left:1px solid #ddd;} .b01_mall_list table.mall_list_nor th.ds_th_end {border-right:1px solid #ddd;} .b01_mall_list table.mall_list_nor td {font-size:13px; text-align:center; padding:8px 5px;border-bottom:1px solid #ccc;color:#666} .b01_mall_list table.mall_list_nor td.td_left {text-align:left;} /* 상품상세보기 */ .b01_mall_view_top {overflow:hidden;border:1px solid #e5e5e5; margin-bottom:30px;} .b01_mall_view_top .view_top_left {float:left; width:50%; padding-top:35px; text-align:center;} .b01_mall_view_top .view_top_left .dsshop_detail_btn {height:30px;padding:5px;margin-top:50px;} .b01_mall_view_top .view_top_left .dsshop_detail_btn .sample_btn_type1 {margin:0 auto;padding:5px; font-size:14px; line-height:20px;color:#fff; text-decoration:none; text-align:center; background-color:#c7081b; border:1px solid #a50616;} .b01_mall_view_top .view_top_left .dsshop_detail_btn .sample_btn_type1 a:hover,a:active,a:focus{text-decoration:none;} .b01_mall_view_top .view_top_right {float:left; width:46%; background-color:#f8f8f8; padding:35px 2%;} .b01_mall_view_top .view_top_right h4 {font-size:20px; color:#595656; height:40px;} .b01_mall_view_top .view_top_right ul.view_price {float:left; width:100%;height:40px;border-bottom:1px solid #e5e5e5;} .b01_mall_view_top .view_top_right ul.view_price li {color:#909090; font-size:18px; line-height:25px;} .b01_mall_view_top .view_top_right ul.view_price li strong {color:#ed1b2f;} .b01_mall_view_top .view_top_right ul.view_price li.view_price_org {font-size:12px; line-height:20px;} .b01_mall_view_top .view_top_right dl {float:left; width:100%;line-height:35px;border-bottom:1px solid #e5e5e5;} .b01_mall_view_top .view_top_right dl dt {float:left;width:20%; color:#686868;} .b01_mall_view_top .view_top_right dl dd {float:right; width:80%; color:#909090;} .b01_mall_view_top .view_top_right dl dd div.btn_solo {margin-top:8px;} .b01_mall_view_top .view_top_right dl dd div.btn_solo p {line-height:20px;} .b01_mall_view_top .view_top_right ul.view_sns {float:left; width:100%; margin:10px 0 20px 0;} .b01_mall_view_top .view_top_right ul.view_sns li {float:left; padding-top:5px;padding-right:5px;} .b01_mall_view_top .view_top_right ul.view_sns li.view_qr {float:right;padding-top:0px;padding-right:0px;} ul.view_btn {float:right;} ul.view_btn li {float:left; margin-left:5px;width:107px; height:36px; margin-bottom:3px;} ul.view_btn li a {width:107px; height:28px;padding-top:5px;} ul.view_btn li a:hover,a:active,a:focus{text-decoration:none;} ul.view_btn li .view_btn_type1 {float:left; font-size:14px; line-height:20px;color:#fff; text-align:center; background-color:#7b7b7b; border:1px solid #7b7b7b;} ul.view_btn li .view_btn_type2 {float:left; font-size:14px; line-height:20px;color:#656565; text-align:center; background-color:#fff; border:1px solid #c3c3c3;} ul.view_btn li .view_btn_type3 {float:left; font-size:14px; line-height:20px;color:#656565; text-align:center; background-color:#f1f1f1; border:1px solid #d5d5d5;} .b01_mall_view_con {width:100%;text-align:center} .b01_mall_view_con .tabmenu {height:38px; margin-bottom:30px;border:1px solid #e2e2e2} .b01_mall_view_con .tabmenu ul {float:left; } .b01_mall_view_con .tabmenu ul li {float:left; cursor:pointer;} .b01_mall_view_con .tabmenu ul li span {float:left; font-size:14px; line-height:20px;padding:0 35px; margin:9px 0; border-right:1px solid #e2e2e2} .b01_mall_view_con .tabmenu ul li span.tabon {color:#ed1b2f;} .b01_mall_view_con .tabmenu ul li span.taboff {color:#9d9d9d;} .b01_mall_view_con .view_con01{float:left; width:100%; display:block; text-align:left;} .b01_mall_view_con .view_con02{float:left; width:100%; display:none; text-align:left;} .b01_mall_view_con .view_con03{float:left; width:100%; display:none; text-align:left;} .b01_mall_view_con .view_con04{float:left; width:100%; display:none; text-align:left;} .b01_mall_view_con .view_con04 h3 {color:#535353; font-size:15px; font-weight:bold; height:24px; border-bottom:1px solid #dddddd; margin-bottom:15px;} .b01_mall_view_con .view_con04 ul {margin-bottom:30px;} .b01_mall_view_con .view_con04 ul li {color:#737373; line-height:23px;} .res_view_con_top {height:30px; background-color:#f7f7f7; padding:16px 25px; margin-bottom:30px;} .res_view_con_top h4 {float:left; color:#afd03d; font-size:30px; line-height:30px; font-weight:bold; margin-right:20px;} .res_view_con_top p.view_con_txt {float:left; color:#737373; font-size:12px; line-height:30px; } .res_view_con_top p.view_con_btn {float:right;} .qnalist {padding:20px;margin:0;border-bottom:1px solid #ddd;display:none;} .reviewlist {padding:20px;margin:0;border-bottom:1px solid #ddd;display:none;} /* 장바구니, 주문/결제, 주문완료 */ .b01_mall_order_top {overflow:hidden;border:1px solid #d5d5d5; padding:0px; margin-bottom:30px;} .b01_mall_order_top h3 {float:left;color:#494949; font-size:27px; line-height:38px;padding-left:50px; margin-left:30px; margin-top:30px; } .b01_mall_order_top h3.order_top_bg01 {background:url(../shop/images/order_top_bg01.png) no-repeat left top; } .b01_mall_order_top h3.order_top_bg02 {background:url(../shop/images/order_top_bg02.png) no-repeat left top; } .b01_mall_order_top h3.order_top_bg03 {background:url(../shop/images/order_top_bg03.png) no-repeat left top; } .b01_mall_order_top h3.order_top_bg04 {background:url(../shop/images/order_top_bg04.png) no-repeat left top; } .b01_mall_order_top ul {float:right;} .b01_mall_order_top ul li {float:left; height:60px; color:#858585; font-weight:bold;padding-right:30px; margin-right:15px; padding-top:30px; background:url('../shop/images/mypage_space.gif') no-repeat right top;} .b01_mall_order_top ul li span {color:#a5a5a5; font-size:30px; vertical-align:middle; } .b01_mall_order_top ul li.order_top_on {color:#383838;} .b01_mall_order_top ul li.order_top_on span {color:#ed1b2f;} .b01_mall_order_top ul li.order_top_end {background:none; margin-right:0;} .b01_mall_order_list {overflow:hidden;padding-bottom:30px;} .b01_mall_order_list h4 { font-size:15px; width:100%; height:25px;color:#191919; font-weight:bold;} .b01_mall_order_list table {width:100%;border:none;border-spacing:0; margin-bottom:10px;} .b01_mall_order_list table caption{display:none} .b01_mall_order_list table img{vertical-align:middle} .b01_mall_order_list table a{color:#666} .b01_mall_order_list table a:hover{text-decoration:none;color:#000} .b01_mall_order_list table th {font-size:14px; color:#595656; padding:1.2em .5em;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .b01_mall_order_list table th.ds_th_first {border-left:1px solid #ddd;} .b01_mall_order_list table th.ds_th_end {border-right:1px solid #ddd;} .b01_mall_order_list table td {font-size:13px; text-align:center; padding:8px 5px;border-bottom:1px solid #ccc;color:#666} .b01_mall_order_list table td.td_left {text-align:left;} .b01_mall_order_cash {margin-bottom:30px;} .b01_mall_order_cash ul {border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;line-height:24px;padding:20px 0 ;} .b01_mall_order_cash ul li {display:inline-block; color:#888; width:20%; text-align:center;vertical-align: middle;} .b01_mall_order_cash ul li span.cash_price1 {color:#4e4e4e; font-size:20px; line-height:29px;} .b01_mall_order_cash ul li span.cash_price2 {color:#ff0000; font-size:20px; line-height:29px;} .b01_mall_order_cash ul li span.receipt{background-color:#7b7b7b;color:#fff; padding:8px 12px;font-size: 14px;cursor:pointer} .b01_mall_order_cash dl {display:inline-block; width:100%; height:37px; font-size:13px; line-height:37px; border-bottom:1px solid #e9e9e9; } .b01_mall_order_cash dl dt {float:left; width:17%; color:#7a7a7a;} .b01_mall_order_cash dl dd {float:left; width:83%; color:#c6b38b;} .b01_mall_order {float:left; width:100%; margin-bottom:30px;} .b01_mall_order h4 { font-size:15px; width:100%; height:25px;color:#191919; font-weight:bold;} .b01_mall_order h4 span {font-weight:normal; font-size:11px; color:#4e4e4e; margin-left:15px; } .b01_mall_order table.order_table {width:100%; border-collapse:collapse; border-top:1px solid #babbbc;} .b01_mall_order table.order_table caption{display:none} .b01_mall_order table.order_table thead tr th {color:#595656; font-size:12px; font-weight:normal;line-height:18px; text-align:center; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; background-color:#fff; padding:7px 0px;} .b01_mall_order table.order_table tbody tr th {color:#595656; font-size:12px; font-weight:normal;line-height:18px; text-align:center; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; background-color:#fff; padding:7px 0px;} .b01_mall_order table.order_table tbody tr td {color:#909090; font-size:13px; line-height:18px; text-align:center; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; background-color:#fff; padding:7px 5px;} .b01_mall_order table.order_table tbody tr td span.btn_zipcode{border: 1px solid #d5d5d5; background-color:#f1f1f1;color:#313131; padding:4px 6px;font-size: 11px;cursor:pointer; margin-left:5px;} .b01_mall_order table.order_table tbody tr td span.txt_gname {color:#353535; font-weight:bold;} .b01_mall_order table.order_table tbody tr td span.txt_gdate {color:#927138;} .b01_mall_order table.order_table tbody tr td span.txt_gnumber {color:#5f683a; text-decoration:underline;} .b01_mall_order table.order_table tbody tr td span.txt_price {color:#353535; font-size:14px; font-weight:bold;} .b01_mall_order table.order_table tbody tr td span.txt_cancel {color:#e71515;} .b01_mall_order table.order_table tbody tr td img {vertical-align:middle;} .b01_mall_order table.order_table tbody tr td img.img_goods {float:left; border:1px solid #c2c2c2; margin-right:8px; } .b01_mall_order table.order_table2 {width:100%; border-collapse:collapse; border-top:1px solid #babbbc;} .b01_mall_order table.order_table2 caption{display:none} .b01_mall_order table.order_table2 thead tr th {color:#595656; font-size:12px; font-weight:normal;line-height:18px; text-align:center; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; background-color:#fff; padding:7px 0px;} .b01_mall_order table.order_table2 tbody tr th {color:#595656; font-size:12px; font-weight:normal;line-height:18px; text-align:center; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; background-color:#fff; padding:7px 0px;} .b01_mall_order table.order_table2 tbody tr td {color:#909090; font-size:13px; line-height:18px; text-align:left; border-bottom:1px solid #e9e9e9; border-right:none; background-color:#fff; padding:7px;} .b01_mall_order table.order_table2 tbody tr td span.btn_zipcode{border: 1px solid #d5d5d5; background-color:#f1f1f1;color:#313131; padding:4px 6px;font-size: 11px;cursor:pointer; margin-left:5px;} .b01_mall_order table.order_table2 tbody tr td span.txt_gname {color:#353535; font-weight:bold;} .b01_mall_order table.order_table2 tbody tr td span.txt_gdate {color:#927138;} .b01_mall_order table.order_table2 tbody tr td span.txt_gnumber {color:#5f683a; text-decoration:underline;} .b01_mall_order table.order_table2 tbody tr td span.txt_price {color:#353535; font-size:14px; font-weight:bold;} .b01_mall_order table.order_table2 tbody tr td span.txt_cancel {color:#e71515;} .b01_mall_order table.order_table2 tbody tr td img {vertical-align:middle;} .b01_mall_order table.order_table2 tbody tr td img.img_goods {float:left; border:1px solid #c2c2c2; margin-right:8px; } .b01_mall_order input {border:1px solid #dedede; height:21px; margin-bottom:5px; vertical-align:middle;} .b01_mall_order select {border:1px solid #dedede; height:25px; color:#777; margin-bottom:5px;} .b01_mall_order ul.paytype {float:left; width:100%; border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;} .b01_mall_order ul.paytype li {float:left; padding:8px 30px 8px 20px;} .order_yak{border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;padding:1em;height:180px;line-height:1.6em;overflow-y:scroll;color:#666;} .ds_coupon_view{margin:10px} .ds_couponview_section1{height:52px; padding:0;} .ds_couponview_section1 h2 {float:left;color:#363636; font-size:22px; line-height:52px;} .ds_couponview_section1 span {float:right;} .ds_couponview_section2 {border:1px solid #dbdbdb; padding:6px; margin-top:30px; margin-bottom:30px;} .ds_couponview_section2 .ds_couponview_list {border:1px solid #d5d9e2; background-color:#f0f1f5; margin-bottom:6px;} .ds_couponview_section2 .ds_couponview_result {border:1px solid #d5d9e2; background-color:#f0f1f5;} .ds_couponview_section2 .ds_couponview_result ul {height:24px; padding:15px;} .ds_couponview_section2 .ds_couponview_result ul li {float:left; width:25%; color:##4e4e4e; font-size:13px; line-height:24px; text-align:center; } .ds_couponview_section2 .ds_couponview_result ul li span {font-weight:bold; padding-left:10px; } .ds_couponview_section2 .ds_couponview_result ul li img {vertical-align:middle;} /* 마이페이지 */ .b01_mall_myinfo {float:left; border:1px solid #d5d5d5; padding:0px; margin-bottom:30px;width:99%} .b01_mall_myinfo h5 {float:left; width:12%; text-align:center; padding-top:25px; } .b01_mall_myinfo .myinfo_wallet {float:left;width:15%;padding-top:10px;} .b01_mall_myinfo .myinfo_wallet dl {width:100%; margin-top:5px;} .b01_mall_myinfo .myinfo_wallet dl dt {float:left;width:50%; color:#535353; line-height:20px;} .b01_mall_myinfo .myinfo_wallet dl dt img {vertical-align:middle; } .b01_mall_myinfo .myinfo_wallet dl dd {float:left;width:50%; color:#535353; line-height:20px; text-align:right;} .b01_mall_myinfo .myinfo_wallet dl dd strong {color:#bda779;} .b01_mall_myinfo ul {height:90px;} .b01_mall_myinfo ul li {float:left; height:74px; color:#858585; text-align:center; font-weight:bold; line-height:20px;padding-left:45px; padding-top:16px; margin-left:11px;background:url('../shop/images/mypage_space.gif') no-repeat left top; } .b01_mall_myinfo ul li span.txt_number {color:#494949; font-size:15px;} .b01_mall_myinfo ul li strong {color:#ed1b2f; font-size:17px;} /* 안내 */ .b01_mall_guide {float:left; border:1px solid #d5d5d5; padding:0px; margin-bottom:30px;width:99%} .b01_mall_guide h5 {width:12%; text-align:center; padding:10px;} .b01_mall_guide ul {padding:0 20px;} .b01_mall_guide ul li {color:#858585; text-align:left; line-height:30px; } .b01_mall_guide ul li span.txt_number {color:#494949; font-size:15px;} .b01_mall_guide ul li strong {color:#ed1b2f; font-size:17px;} .b01_mall_search {float:left; width:100%; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; padding:30px 0 15px 0; margin-bottom:30px; background:#FCFCFC} .b01_mall_search dl dt {float:left; width:20%; height:90px; color:#555555; font-size:14px; font-weight:bold; text-align:center;} .b01_mall_search dl dd.field1 {float:left; width:60%; height:30px; color:#777; } .b01_mall_search dl dd.field2 {float:left; width:20%; height:30px; color:#777; } .b01_mall_search dl dd input {vertical-align:middle;} .b01_mall_result {float:left; width:100%; margin-bottom:30px;} .b01_mall_result h4 { font-size:14px; width:100%; height:25px;color:#555555; font-weight:bold;} .b01_mall_result table.table_result {width:100%; border-collapse:collapse; border-top:1px solid #babbbc;} .b01_mall_result table.table_result caption{display:none} .b01_mall_result table.table_result thead tr th {color:#595656; font-size:12px; font-weight:normal;line-height:18px; text-align:center; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; background-color:#fff; padding:7px 0px;} .b01_mall_result table.table_result tbody tr th {color:#595656; font-size:12px; font-weight:normal;line-height:18px; text-align:center; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; background-color:#fff; padding:7px 0px;} .b01_mall_result table.table_result tbody tr td {color:#909090; font-size:13px; line-height:18px; text-align:center; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; background-color:#fff; padding:7px 0px;} .b01_mall_result table.table_result .br_none {border-right:none;} .b01_mall_result table.table_result tbody tr td.td_left {text-align:left; padding-left:8px;} .b01_mall_result table.table_result tbody tr td span.btn_receipt {float:right; margin-right:10px;} .b01_mall_result table.table_result tbody tr td span.btn_receipt span.receipt{border: 1px solid #c3c3c3;color:#313131; padding:4px 6px;font-size: 11px;cursor:pointer} .b01_mall_result table.table_result tbody tr td span.btn_receipt img {vertical-align:middle;cursor:pointer} .b01_mall_result table.table_result tbody tr td span.txt_gname {color:#353535; font-weight:bold;} .b01_mall_result table.table_result tbody tr td span.txt_gdate {color:#927138;} .b01_mall_result table.table_result tbody tr td span.txt_gnumber {color:#5f683a; text-decoration:underline;} .b01_mall_result table.table_result tbody tr td span.txt_price {color:#353535; font-size:14px; font-weight:bold;} .b01_mall_result table.table_result tbody tr td span.txt_cancel {color:#e71515;} .b01_mall_result table.table_result tbody tr td img {vertical-align:middle;} .b01_mall_result table.table_result tbody tr td img.img_goods {float:left; border:1px solid #c2c2c2; margin-right:8px; } .b01_mall_result table.table_result tbody tr td p.coupon_sub {width: 98px;height: 41px; font-size:11px; font-family:Dotum;text-align:center;padding-top: 9px;margin: 0 auto ;overflow: hidden;} .b01_mall_result table.table_result tbody tr td p.coupon_sub strong {color:#ed1b2f;} .b01_mall_result ul.top_info_txt {float:left; width:100%; margin-bottom:10px;} .b01_mall_result ul.top_info_txt li {color:#909090; font-size:12px; line-height:18px;} .b01_mall_result ul.top_info_txt li.txt_point {color:#927138;} #variableFiles td{border:0;padding:0;margin:0;} .b01_mall_result ul.top_info_search {height:22px; padding:15px 30px; margin-bottom:20px;border:1px solid #d5d5d5;} .b01_mall_result ul.top_info_search li {float:left; line-height:20px; font-weight:bold; margin-right:5px;} .b01_mall_result input {border:1px solid #dedede; height:21px; margin-bottom:5px; vertical-align:middle;} .b01_mall_result select {border:1px solid #dedede; height:25px; color:#777; margin-bottom:5px;} ul.b01_mall_btn {width:60px; margin:0 auto;} ul.b01_mall_btn li {width:60px; height:23px; margin-bottom:3px;} ul.b01_mall_btn li a {width:60px; height:18px;padding-top:2px;} ul.b01_mall_btn li a:hover,a:active,a:focus{text-decoration:none;} ul.b01_mall_btn li .ds_module_btn_type1 {float:left; font-size:11px; line-height:16px;color:#fff; text-align:center; background-color:#7b7b7b; border:1px solid #7b7b7b;} ul.b01_mall_btn li .ds_module_btn_type2 {float:left; font-size:11px; line-height:16px;color:#656565; text-align:center; background-color:#fff; border:1px solid #c3c3c3;} ul.b01_mall_btn li .ds_module_btn_type3 {float:left; font-size:11px; line-height:16px;color:#656565; text-align:center; background-color:#f1f1f1; border:1px solid #d5d5d5;} /* 상품Q&A */ .ds_qnalist h2{float:left;padding:.5em 0 2em 0;border-top:1px solid #000} .ds_qnalist_section1 p{margin-bottom:1em;color:#666} .qnalist{padding:1em;background:#f4f4f4;border-bottom:1px solid #ccc;text-align:left} .ds_qna_view{margin:10px} .ds_qnaview_section1{height:52px; padding:0;} .ds_qnaview_section1 h2 {float:left;color:#363636; font-size:22px; line-height:52px;} .ds_qnaview_section1 span {float:right;} .ds_qnaview_section2 {border:1px solid #ccc;padding:12px;margin-top:10px; margin-bottom:15px; } .ds_qnaview_section2 p {color:#888888;height:26px; line-height:26px; background-color:#f5f5f5; padding:0 5px;} .ds_qnaview_article1 {padding:11px 0; font-size:20px; font-weight:bold; color:#4e4e4e; line-height:54px;} .ds_qnaview_article1 img {height:54px; vertical-align:middle; margin-right:15px;} .ds_qnaview_article2 {} .ds_qnaview_article2 ul{border-top:1px solid #c2c3c4;} .ds_qnaview_article2 ul li {height:24px;padding:6px 0; border-bottom:1px solid #c2c3c4} .ds_qnaview_article2 ul li label {float:left; width:15%; line-height:24px; color:#7a7a7a; font-size:13px; } .ds_qnaview_article2 ul li input, .ds_qnaview_article2 ul li select {height:22px; border:1px solid #d8d8d8;} /* --------------------------------------- //모듈디자인(쇼핑) ------------------------------------------ */ /* ------------------------------------- 모듈디자인(공통) ------------------------------------- */ .ds_module_top {border:1px solid #e1e1e1; padding:40px 0px 40px 40px; margin-bottom:35px;} .ds_module_top p {min-height:68px;} .ds_module_top p span {float:left; width:68px; height:68px; vertical-align:middle;text-align:center; background:url(./images/module_top_img_bg.png) no-repeat left top; margin-right:25px;} .ds_module_btn {} .ds_module_btn ul {width:264px; margin:0 auto;} .ds_module_btn ul li {float:left; width:123px; height:34px; margin-right:7px;} .ds_module_btn ul li a {width:123px; height:30px;padding-top:4px;} .ds_module_btn ul li input {width:125px; height:36px; cursor:pointer;} .ds_module_btn ul li a:hover,a:active,a:focus{text-decoration:none;} .ds_module_btn ul li .ds_module_btn_type1 {float:left; font-size:14px;color:#fff; text-align:center; background-color:#7b7b7b; border:1px solid #7b7b7b;line-height:25px;} .ds_module_btn ul li .ds_module_btn_type2 {float:left; font-size:14px;color:#656565; text-align:center; background-color:#fff; border:1px solid #7b7b7b;line-height:25px;} .ds_paginate {margin:2em 0;text-align:center} .ds_paginate strong {color:#fff;border:1px solid #7b7b7b; background-color:#7b7b7b; padding:2px 5px;} .ds_paginate span {color:#777;border:1px solid #d8d8d8; padding:2px 5px;} /* ------------------------------------- 모듈디자인(게시판) ------------------------------------- */ /* board common */ .ds_board {} .ds_board_section {padding-bottom:5px;font-family:Arial,sans-serif} .ds_board_section .ds_align_left{color:#777;width:45%;display:inline-block} .ds_board_section .ds_align_right{text-align:right;display:block;float:right;font-family:Arial,sans-serif} .ds_highlight{background-color:#f9f9f9!important;} .ds_board_footer {width:100%;float:left;padding-top:12px;padding-bottom:12px;background-color:#f1f1f1;} .ds_board_footer .ds_board_search {width:55%;margin:0 auto;text-align:center} .ds_board_footer .ds_board_search img {float:left;} .ds_board_button {float:left; width:100%; margin-top:10px; margin-bottom:10px;} .ds_board_button ul.ds_board_btn_left {float:left;} .ds_board_button ul.ds_board_btn_rignt {float:right;} .ds_board_button ul.ds_board_btn_center {width:174px;margin:0 auto;} .ds_board_button ul.ds_board_btn_left li {float:left; font-size:12px; width:82px; height:30px; margin-left:0px; margin-right:5px;} .ds_board_button ul.ds_board_btn_rignt li {float:left; font-size:12px; width:82px; height:30px; margin-left:5px; margin-right:0px;} .ds_board_button ul.ds_board_btn_center li {float:left; font-size:12px; width:82px; height:30px; margin-left:0px; margin-right:5px;} .ds_board_button ul li a {width:80px; height:21px;padding-top:7px;} .ds_board_button ul li input {width:82px; height:30px; cursor:pointer;} .ds_board_button ul li a:hover,a:active,a:focus{text-decoration:none;} .ds_board_button ul li .ds_board_btn_type1 {float:left; color:#fff; text-align:center; background-color:#c7081b; border:1px solid #b00113;} .ds_board_button ul li .ds_board_btn_type2 {float:left; font-size:12px;color:#656565; text-align:center; background-color:#fff; border:1px solid #7b7b7b;} .ds_board_button ul li .ds_board_btn_type3 {float:left; width:70px; font-size:12px; color:#656565; text-align:center; padding-left:10px; border:1px solid #7b7b7b;} .ds_board_button ul li .ds_board_btn_type4 {float:left; width:70px; font-size:12px; color:#656565; text-align:center; padding-right:10px; border:1px solid #7b7b7b;} .ds_board_button .inquiry_text{float:right;margin-top:10px;color:#c7081b;} .ds_board_button .inquiry_text img{vertical-align:middle;} .ds_board_btn_bu1 {color:#fff; text-align:center; background-color:#cf0717; border:1px solid #b00113;padding:5px;} .ds_board_btn_bu2 {color:#656565; text-align:center; background-color:#fff; border:1px solid #7b7b7b;padding:5px;} /* 리스트페이지그림보기 */ .highslide{cursor:url(./highslide/graphics/zoomin.cur), pointer;outline:none} .highslide img{border:0px solid gray} .highslide:hover img{border:2px solid white} .highslide-image{border:2px solid white} .highslide-image-blur{} .highslide-caption{display:none;border:2px solid white;border-top:none;font-family:Verdana,Helvetica;font-size:10pt;padding:5px;background-color:white} .highslide-loading{display:block;color:white;font-size:9px;font-weight:bold;text-transform:uppercase;text-decoration:none;padding:3px;border-top:1px solid white;border-bottom:1px solid white;background-color:black} a.highslide-credits, a.highslide-credits i{padding:2px;color:silver;text-decoration:none;font-size:10px;display:none} a.highslide-credits:hover, a.highslide-credits:hover i{color:white;background-color:gray;display:none} .highslide-move{cursor:move} .highslide-display-block{display:block} .highslide-display-none{display:none} .control{float:right;display:block;position:relative;margin:0 5px;font-size:9pt;font-weight:bold;text-decoration:none;text-transform:uppercase;margin-top:1px;margin-bottom:1px} .control:hover{border-top:0px solid #333;border-bottom:1px solid #333;margin-top:0;margin-bottom:0} .control,.control *{color:#666} /* 게시판목록(basic,webzine) */ .ds_boardList {width:100%;border:none;border-spacing:0;} .ds_boardList caption{display:none} .ds_boardList img{vertical-align:middle} .ds_boardList a{color:#666} .ds_boardList a:hover{text-decoration:none;color:#000} .ds_boardList th{font-size:14px; color:#595656; padding:1.2em .5em;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .ds_boardList th.ds_th_first {border-left:1px solid #ddd;} .ds_boardList th.ds_th_end {border-right:1px solid #ddd;} .ds_boardList td{font-size:13px; padding:0.8em .5em;border-bottom:1px solid #ccc;color:#666} .ds_boardList .notice_text{font-weight:bold;} /* 게시판목록(gallery, partner) */ .ds_gallery {border-bottom:1px solid #e6e7e8; padding-top:20px; padding-bottom:20px;} .ds_gallery_section{padding-bottom:.5em;} ul.ds_gallery_item{margin-top:1em} ul.ds_gallery_item:after{clear:both;content:"";display:block} .ds_gallery_item li{float:left} .ds_gallery_noitem{width:100%;float;none} .ds_gallery_noitem li{text-align:center;padding-bottom:2.5em;border-bottom:1px solid #ccc} .ds_gallery_thum{padding:10px;border:1px solid #ccc;margin:0 12px;box-shadow:0 0 5px rgba(0,0,0,.3)} .ds_gallery_subject{text-align:center;margin:.8em 0 .5em 0;} .ds_gallery_date{text-align:center;margin:.3em 0 1em 0;color:#9b9b9b} .ds_gallery_footer{margin-top:1em;padding-top:.5em;text-align:center} /* 게시판목록(product) */ .ds_product {border-top:1px solid #e6e7e8; border-bottom:1px solid #e6e7e8; padding-top:20px;} .ds_product_item{margin-bottom:1em} .ds_product_item:after{clear:both;content:"";display:block} .ds_product_item li{width:50%;border:none;float:left} .ds_product_noitem{widht:100%} .ds_product_noitem li{border-bottom:1px solid #ccc;padding-bottom:2.5em;text-align:center} .ds_product_box{border:1px solid #dedede;margin:1em .7em;padding:.8em;} .ds_product_thum{float:left;padding-right:10px;background:#fff} .ds_product_thum img {border:1px solid #ccc;} .ds_product_box:after{clear:both;content:"";display:block} .ds_product_ext{} .ds_product_ext p{color:#9b9b9b;line-height:1.6em} .ds_product_ext p span {color:#727272;} .ds_product_ext h3{color:#5c5c5c; border-bottom:1px dotted #e6e7e8;font-size:1.5em;padding-bottom:.5em;margin-bottom:.5em} .ds_product_footer{margin-top:1em;border-top:1px solid #ccc;padding-top:.5em} .ds_product_footer input[type=text]{border:1px solid #ddd;height:18px} /* 게시판목록(jajoo) */ .ds_jajoo {float:left;width:100%;border-top:1px solid #e6e7e8;margin-top:10px;} .ds_jajoo ul{float:left;width:100%;} .ds_jajoo ul li{padding:1em 1em;border-bottom:1px solid #e6e7e8} .ds_jajoo_article{overflow:hidden;padding:1em 0;color:#666;line-height:1.8em; background:url(./images/icon_a.gif) no-repeat 1px 28px; padding-left:20px;} /* boardView */ .ds_boardView{} .ds_boardView_section1 {position:relative;overflow:hidden;border:1px solid #e6e7e8; padding:10px 25px 15px 25px;} .ds_boardView_section1 h3{font-size:20px; color:#565656; font-weight:normal;} .ds_boardView_section1 ul {} .ds_boardView_section1 ul li {float:left; color:#bababa; padding-right:30px; margin-right:30px; } .ds_boardView_section1 ul li img{vertical-align:middle;} .ds_boardView_author{float:left;width:30%} .ds_boardView_etc{float:right:width:65%;text-align:right} .ds_boardView_section1 ul li:after{clear:both;content:"";display:block} .ds_boardView_section2 {border-left:1px solid #e6e7e8;border-right:1px solid #e6e7e8; padding:0 25px;} .ds_boardView_section2 ul {} .ds_boardView_section2 ul li {color:#565656; padding:5px 0; } .ds_boardView_content {color:#777;min-height:700px;border-top:1px solid #e6e7e8;border-bottom:1px solid #d6d7d9;line-height:1.8em; padding-bottom:1em;margin:0 0 1em 0; padding-top:15px;} /* boardWrite */ .ds_boardWrite_section{} .ds_boardWrite_section h3{font-size:12px;padding:1em .5em;border-top:3px solid #000;border-bottom:1px solid #666} .ds_boardWrite_section label,.ds_boardWrite_tit{font-size:14px; width:120px;display:block;float:left;padding-top:0.4em;color:#595656} .ds_boardWrite_section input{border:1px solid #ddd;height:21px;float:left} .ds_boardWrite_section ul {border-top:1px solid #e6e7e8} .ds_boardWrite_section ul li{padding:.8em 1em;border-bottom:1px solid #e6e7e8} .ds_boardWrite_section ul li:after{display:block;content:"";clear:both} .ds_boardWrite_wrap checkbox{float:none} .ds_li_bg0{background:#fff} .ds_li_bg1{background:#fbfbfb} .ds_boardWrite_article1{padding:1em 0} .ds_boardWrite_btn{text-align:center;margin:1em 0} /* 글삭제 */ .ds_boardDel{} .ds_password_wrap{width:80%;margin:5em auto} .ds_password_wrap h3{padding-bottom:10px;font-size:12px} .ds_password_section{overflow:hidden;border-top:3px solid #ccc;border:1px solid #e6e7e8; padding:2em;} .ds_password_article{width:80%;margin:1em auto;text-align:center} .ds_password_article input {width:75px; height:27px; cursor:pointer;} .ds_password_article input.ds_board_btn_type1 {color:#fff; text-align:center; background-color:#7b7b7b; border:1px solid #7b7b7b;} input.ds_delete_btn{vertical-align:middle;border:1px solid #ddd;height:26px;line-height:26px;width:200px} /* 댓글 */ .ds_comment_section{color:#777;border:1px solid #e6e7e8; padding:15px 25px 10px 25px;} p.ds_commentrecomm_reply{font-weight:bold;padding:5px 0 10px 0} p.ds_commentrecomm_reply img {vertical-align:middle;} .ds_comment_article1{border-bottom:1px dotted #e6e7e8; padding-bottom:10px; margin-bottom:10px;} .ds_comment_article1 .reply_icon{float:right;margin-top:10px;} .ds_comment_article1:after{clear:both;display:block;content:""} .ds_comment_reply{float:left;width:40%} .ds_comment_sns{float:right;width:50%;text-align:right} .ds_comment_article2{margin:10px 0;background:#f3f3f3;padding:10px} .ds_comment_write{padding:10px 0;} .ds_comment_write input{vertical-align:middle;} .ds_comment_article3{padding-bottom:10px} .ds_comment_article3 img {vertical-align:middle;} .ds_comment_article3 input{border:1px solid #ddd;height:16px;padding:1px} .ds_comment_article4{width:100%;} .ds_comment_article4 textarea{width:83%;height:42px;padding:5px;} .ds_comment_article5{padding:10px 0 0 0} .ds_comment_article5:after{clear:both;display:block;content:""} .ds_comment_regBtn{float:right;margin-right:14px} /* ------------------------------------- 모듈디자인(회원) ------------------------------------- */ /* 회원관련(회원로그인페이지) */ .ds_login_article_wrap {overflow:hidden;border:1px solid #e1e1e1; padding:40px 50px 40px 50px; margin-bottom:35px;} .ds_login_article_wrap .ds_login_article1 {float:left;} .ds_login_article_wrap .ds_login_article1 p.ds_login_top {min-height:68px; margin-bottom:24px;} .ds_login_article_wrap .ds_login_article1 p.ds_login_top span {float:left; width:68px; height:68px; vertical-align:middle;text-align:center; background:url(./images/module_top_img_bg.png) no-repeat left top; margin-right:25px;} .ds_login_article_wrap .ds_login_article1 legend {display:none;} .ds_login_article_wrap .ds_login_article1 label{display:inline-block} .ds_login_article_wrap .ds_login_article1 label img {vertical-align:middle} .ds_login_article_wrap .ds_login_article1 input[type=text],.ds_login_article_wrap .ds_login_article1 input[type=password]{width:300px;border:1px solid #d9d9d9; background-color:#f5fafc;font-size:15px;height:34px} .ds_login_article_wrap .ds_login_article1 ul{float:left} .ds_login_article_wrap .ds_login_article1 ul li{padding-bottom:3px} .ds_login_article_wrap .ds_login_article1 p.ds_login_article_btn1{float:left; margin-left:5px;} .ds_login_article_wrap .ds_login_article2 {float:right; border-left:1px solid #e7e7e7; padding-left:30px;} .ds_login_article_wrap .ds_login_article2 ul li {padding-top:10px; padding-bottom:10px;border-bottom:1px solid #e7e7e7;} .ds_login_article_wrap .ds_login_article2 ul li.bd_none {border:none;} /* 회원관련(약관동의, 회원가입폼) */ .ds_confirm_box{border:1px solid #e4e4e4;padding:30px 20px 10px 20px; margin-bottom:30px;} .ds_confirm_yak{background:#f5f5f5;overflow:auto;height:200px;padding:8px;line-height:1.6em;} .ds_confirm_agree{padding:1em 0;text-align:center} .ds_join_section1 h2{padding-bottom:2em;float:left;border-top:1px solid #000;padding-top:.5em} .ds_join_section1 ul{border-top:1px solid #ddd;margin-top:2em; margin-bottom:2em;} .ds_join_section1 ul li{border-bottom:1px solid #ccc;padding:.5em 1em;color:#777} .ds_join_section1 ul li:after{display:block;content:"";clear:both} .ds_join_section1 label{font-weight:bold;display:block;float:left;padding:.5em 1em;width:120px;margin-right:10px;font-size:14px; color:#595656;} .ds_join_wrap{float:left;} .ds_join_section1 input,.ds_join_section1 checkbox,.ds_join_section1 radio,.ds_join_section1 textarea{vertical-align:middle;height:16px;border:1px solid #ddd;padding:1px;margin-top:3px} textarea.ds_join_comment{width:500px;height:100px;color:#666} input.ds_join_address2{width:500px} /* 회원관련(정보수정폼) */ .ds_modify_section1 h2{padding-bottom:2em;float:left;border-top:1px solid #000;padding-top:.5em} .ds_modify_section1 ul{border-top:1px solid #ddd;margin-top:2em; margin-bottom:2em;} .ds_modify_section1 ul li{border-bottom:1px solid #ccc;padding:.5em 1em;color:#777} .ds_modify_section1 ul li:after{display:block;content:"";clear:both} .ds_modify_section1 label{font-weight:bold;display:block;float:left;padding:.5em 1em;width:120px;margin-right:10px;font-size:14px; color:#595656;} .ds_modify_wrap{float:left;} .ds_modify_section1 input,.ds_modify_section1 checkbox,.ds_modify_section1 radio,.ds_modify_section1 textarea{vertical-align:middle;height:16px;border:1px solid #ddd;padding:1px;margin-top:3px} textarea.ds_modify_comment{width:500px;height:100px;color:#666} input.ds_modify_address2{width:500px} /* 회원관련(회원탈퇴) */ .ds_memOut_section1 h2{padding-bottom:2em;float:left;border-top:1px solid #000;padding-top:.5em} .ds_memOut_section1 ul{border-top:1px solid #ddd;margin-top:2em; margin-bottom:2em;} .ds_memOut_section1 ul li{border-bottom:1px solid #ccc;padding:.5em 1em;color:#777} .ds_memOut_section1 ul li:after{display:block;content:"";clear:both} .ds_memOut_section1 label{font-weight:bold;display:block;float:left;padding:.5em 1em;width:120px;margin-right:10px;font-size:14px; color:#595656;} .ds_memOut_wrap{float:left;width:100%} .ds_memOut_section1 input,.ds_memOut_section1 checkbox,.ds_memOut_section1 radio,.ds_memOut_section1 textarea{vertical-align:middle;height:16px;border:1px solid #ddd;padding:1px;margin-top:3px} textarea.ds_memOut_comment{width:500px;height:100px;color:#666} /* 회원관련(아이디찾기/비밀번호찾기) */ .ds_forgot_section1 {border:1px solid #ccc; margin-bottom:2em; padding:2em 0;} .ds_forgot_section1 h2{padding-bottom:2em;float:left;border-top:1px solid #000;padding-top:.5em} .ds_forgot_section1 h3{margin-top:1em} .ds_forgot_section1 p{margin-bottom:3em} .ds_forgot_section1 legend{display:none} .ds_forgot_section1 label{color:#474747; font-size:14px; font-weight:bold; width:20%;display:inline-block} .ds_forgot_section1 input[type=text],.ds_forgot_section1 input[type=password]{width:350px;border:1px solid #d9d9d9; background-color:#f5fafc;font-size:15px;height:34px} .ds_forgot_section1 ul{padding:0em 5em;} .ds_forgot_section1 ul li{margin-bottom:5px} p.ds_txtmail{margin:1em 5em 0em 5em;color:#777777;font-size:12px;} p.ds_idis_text1{border-top:2px solid #666;padding:1em;background:#f4f4f4;margin-bottom:0;line-height:1.6em;color:#666} p.ds_idis_text2{margin:1em 0;color:orange;line-height:1.6em;letter-spacing:-1px;font-size:11px} .ds_idis{font-weight:bold;color:#000} /* 회원관련(쪽지리스트/발송/확인) */ .ds_msg_tab {width:100%; height:35px; margin-bottom:30px;border-bottom:2px solid #e6e6e6;} .ds_msg_tab ul {overflow:hidden;height:40px; } .ds_msg_tab ul li {float:left; margin-right:4px;} .ds_msg_tab ul li span {float:left; width:150px; cursor:pointer; font-size:18px; height:24px; text-align:center; padding:7px 0px 2px 0px;} .ds_msg_tab ul li span.tabon {border-top:2px solid #e6e6e6;border-left:2px solid #e6e6e6;border-right:2px solid #e6e6e6;border-bottom:3px solid #fff; color:#5d81a4;} .ds_msg_tab ul li span.taboff {border:2px solid #e6e6e6;border-bottom:none; color:#9d9d9d;} .ds_msg_list{width:100%;border:none;border-spacing:0;} .ds_msg_list caption{display:none} .ds_msg_list th{font-size:14px; color:#595656; padding:1.2em .5em;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .ds_msg_list th.ds_th_first {border-left:1px solid #ddd;} .ds_msg_list th.ds_th_end {border-right:1px solid #ddd;} .ds_msg_list td{text-align:center;font-size:13px; padding:0.8em .5em;border-bottom:1px solid #ccc;color:#666} p.ds_message_count{color:#777777;font-weight:bold;padding:1em 0 .5em 0;display:block} .ds_msg ul{margin-top:3em;width:100%} .ds_msg ul li{float:left} .ds_msg ul:after{display:block;content:"";clear:both} .ds_msg_view {width:100%;border:none;border-spacing:0;border-top:1px solid #ddd;margin-top:2em; margin-bottom:2em;} .ds_msg_view caption{display:none} .ds_msg_view th,.ds_msg_view td{border:none;border-bottom:1px solid #ccc;padding:.8em 1em} .ds_msg_view th{background:#f4f4f4;text-align:left} .ds_msg_view td{color:#666} .ds_msg_txtarea{width:100%;border:1px solid #ddd;height:200px} .ds_msg_input{border:1px solid #ddd} /* 우편번호찾기 */ .ds_zip{width:100%;} .ds_zip .con{border:1px solid #ddd;padding:1em;} .ds_zip h2{padding-bottom:.5em;float:left;border-top:1px solid #000;padding-top:.5em} .ds_zip legend{display:none} .ds_zip_result{margin:1em 0} .ds_zip ul li{cursor:pointer;margin:.5em 0;} .ds_zip_txt{font-weight:bold;color:red} /* 일정관리(schedule.html) */ .ds_calendar{position:relative} .ds_calendar h2{padding-bottom:2em;float:left;border-top:1px solid #000;padding-top:.5em} .ds_calendar ul{border:3px solid #ddd;padding:1em;margin-bottom:2em} .ds_calendar_table{width:100%;border:1px solid #e3e3e3; border-spacing:0; border-collapse:collapse; font-family:Arial,sans-serif} .ds_calendar_table caption{padding:.5em; font-size:1.8em;} .ds_now_year{color:red; padding:0 2em} .ds_calendar_table th{padding:1em 0; background:#f4f4f4; border:1px solid #e3e3e3} .ds_calendar_table td{font-family:Arial,sans-serif; border:1px solid #e3e3e3} .ds_calendar_table td:hover{background:#faebed} /* 이용안내(manual.html) */ .ds_manual{} .ds_manual h2{padding-bottom:2em;float:left;border-top:1px solid #000;padding-top:.5em} .ds_manual_section{padding:20px;border:1px solid #ccc;border-radius:10px;line-height:1.6em;color:#666} /* 이용약관(stipulation.html) */ .ds_stipulation{} .ds_stipulation h2{padding-bottom:2em;float:left;border-top:1px solid #000;padding-top:.5em} .ds_stipulation_section{padding:20px;border:1px solid #ccc;border-radius:10px;line-height:1.6em;color:#666} /* 개인정보취급방침 */ .ds_privacy{} .ds_privacy h2{padding-bottom:2em;float:left;border-top:1px solid #000;padding-top:.5em} .ds_privacy_section{padding:20px;border:1px solid #ccc;border-radius:10px;line-height:1.6em;color:#666} /* ------------------------------------- //모듈디자인(회원) ------------------------------------- */ /* ------------------------------------- 모듈디자인(일정) ------------------------------------- */ /* 연간일정 */ /* .ds_year {float:left; width:100%;} .ds_year_cal {float:left; min-height:280px;} .ds_year .ds_year_cal table.ds_year_tbl {width:95%; border-collapse:collapse; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; font-size:12px; } .ds_year .ds_year_cal table.ds_year_tbl caption{padding:.5em 0; font-size:15px; font-weight:bold; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb;} .ds_year .ds_year_cal table.ds_year_tbl th{text-align:center; padding:.3em 0; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background-color:#eeeeee;} .ds_year .ds_year_cal table.ds_year_tbl td{text-align:center; color:#666; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb } .ds_year .ds_year_cal table.ds_year_tbl td.ds_txt_red a {color:#ff0000;} .ds_year .ds_year_cal table.ds_year_tbl td a{display:block; padding:.3em .3em; text-decoration:none; color:#666; cursor:text;} .ds_year .ds_year_cal table.ds_year_tbl td a.tooltip {color:#fff; cursor:pointer;outline:none; background-color:#777777;} */ table.ds_year_tbl {width:95%; border-collapse:collapse; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; font-size:12px; } table.ds_year_tbl caption{padding:.5em 0; font-size:15px; font-weight:bold; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb;} table.ds_year_tbl th{text-align:center; padding:.3em 0; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background-color:#eeeeee;} table.ds_year_tbl td{text-align:center; color:#666; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb } table.ds_year_tbl td.ds_txt_red a {color:#ff0000;} table.ds_year_tbl td a{display:block; padding:.3em .3em; text-decoration:none; color:#666; cursor:text;} table.ds_year_tbl td a.tooltip {color:#fff; cursor:pointer;outline:none; background-color:#777777;} /* 연간,월간,주간,일일 공통사용 */ a.tooltip strong {padding-bottom:2em; font-size:12px} a.tooltip:hover {text-decoration:none;} a.tooltip span { z-index:10;display:none; padding:10px; margin-top:10px; margin-left:10px; width:auto; line-height:16px; text-align:left } a.tooltip:hover span{ display:inline; position:absolute; border:1px solid #000; color:#424242; background:#fff; } /*CSS3 extras*/ a.tooltip span { border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; opacity:.8; } /* 월간일정 */ .ds_month {float:left; width:100%;} .ds_month table.ds_month_tbl {width:100%; border-collapse:collapse; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb;} .ds_month table.ds_month_tbl caption {padding:.7em 0; font-size:20px; font-weight:bold; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb;} .ds_month table.ds_month_tbl caption span {padding:0 1em;} .ds_month table.ds_month_tbl th{text-align:center; padding:.5em 0; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background-color:#eeeeee;} .ds_month table.ds_month_tbl td{ padding:.3em; height:104px; vertical-align:top; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; } .ds_month table.ds_month_tbl td span {color:#666; font-size:13px; font-weight:bold;} .ds_month table.ds_month_tbl td span.ds_txt_red {color:#ff0000;} .ds_month table.ds_month_tbl td a {display:block; text-decoration:none; color:#676767; cursor:text;} .ds_month table.ds_month_tbl td a.tooltip{cursor:pointer;outline:none; font-size:11px; background:url(../etc/images/bullet_m.gif) no-repeat left 8px; padding-left:7px;} .ds_month table.ds_month_tbl td a.tooltip span {font-size:12px; font-weight:normal;} /* 주간일정 */ .ds_week {float:left; width:100%;} .ds_week table.ds_week_tbl {width:100%; border-collapse:collapse; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb;} .ds_week table.ds_week_tbl caption {padding:.7em 0; font-size:20px; font-weight:bold; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb;} .ds_week table.ds_week_tbl caption span {padding:0 1em;} .ds_week table.ds_week_tbl th{text-align:center; padding:.5em 0; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background-color:#eeeeee;} .ds_week table.ds_week_tbl td{line-height:1.2em; padding:.5em; vertical-align:top; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; } .ds_week table.ds_week_tbl td.ds_week_time {text-align:right; padding-right:10px;} .ds_week table.ds_week_tbl td.ds_week_time span {float:left; color:#ccc; padding-left:5px;} .ds_week table.ds_week_tbl td.ds_week_today {background-color:#f6f6f6;} .ds_week table.ds_week_tbl td div {background:url(../etc/images/bullet_m.gif) no-repeat left 5px; padding-left:7px; margin-bottom:5px;} /* 일일일정 */ .ds_daily {float:left; width:100%;} .ds_daily table.ds_daily_tbl {width:100%; border-collapse:collapse; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb;} .ds_daily table.ds_daily_tbl caption {padding:.7em 0; font-size:20px; font-weight:bold; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb;} .ds_daily table.ds_daily_tbl caption span {padding:0 1em;} .ds_daily table.ds_daily_tbl th{text-align:center; padding:.5em 0; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background-color:#eeeeee;} .ds_daily table.ds_daily_tbl td{line-height:1.6em; padding:.5em; vertical-align:top; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; } .ds_daily table.ds_daily_tbl td.ds_daily_time {text-align:right; padding-right:10px;} .ds_daily table.ds_daily_tbl td.ds_daily_time span {float:left; color:#ccc; padding-left:5px;} .ds_daily table.ds_daily_tbl td div {background:url(../etc/images/bullet_m.gif) no-repeat left 8px; padding-left:7px;} /* ------------------------------------- //모듈디자인(일정) ------------------------------------- */ /* ------------------------------------- 모듈디자인(간편결제) ------------------------------------- */ .ds_reqbill {} .ds_reqbill table.ds_reqbill_list {width:100%;border:none;border-spacing:0;} .ds_reqbill table.ds_reqbill_list caption {display:none; } .ds_reqbill table.ds_reqbill_list th{font-size:14px; color:#595656; padding:1.2em .5em;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .ds_reqbill table.ds_reqbill_list th.ds_th_first {border-left:1px solid #ddd;} .ds_reqbill table.ds_reqbill_list th.ds_th_end {border-right:1px solid #ddd;} .ds_reqbill table.ds_reqbill_list td{text-align:center;font-size:13px; padding:0.8em .5em;border-bottom:1px solid #ccc;color:#666} .ds_reqbill_write{} .ds_reqbill_write label {font-size:14px; width:18%;display:block;float:left;padding-top:0.4em;color:#595656} .ds_reqbill_write input {border:1px solid #ddd;height:21px;} .ds_reqbill_write input[type=radio] {border:none;margin-top:5px;margin-right:5px;} .ds_reqbill_write ul.ds_reqbill_ul1 {border-top:1px solid #e6e7e8; margin-bottom:30px;} .ds_reqbill_write ul.ds_reqbill_ul1 li{padding:.8em 1em;border-bottom:1px solid #e6e7e8; font-size:14px;color:#595656;} .ds_reqbill_write ul.ds_reqbill_ul1 li:after{display:block;content:"";clear:both} .ds_reqbill_write ul.ds_reqbill_ul1 li .ds_order_left {float:left;width:18%;display:block;} .ds_reqbill_write ul.ds_reqbill_ul1 li .ds_order_right {float:right;width:82%;} .ds_reqbill_write ul.ds_reqbill_ul2 {float:left; width:100%; border-top:1px solid #e6e7e8; border-bottom:1px solid #e6e7e8; background-color:#efefef; padding:.8em 1em; margin-bottom:20px;} .ds_reqbill_write ul.ds_reqbill_ul2 li {float:left; width:20%;} .ds_reqbill_write ul.ds_reqbill_ul2 li input {float:left;} .ds_reqbill_write ul.ds_reqbill_ul2 li label {font-size:14px; width:auto;display:block;float:left;padding-top:0.4em;color:#595656} .ds_reqbill_complet {} .ds_reqbill_complet dl {float:left; width:100%; font-size:14px; color:#595656;border-top:1px solid #e6e7e8; margin-bottom:30px;} .ds_reqbill_complet dl dt {float:left; width:20%; border-bottom:1px solid #e6e7e8; padding:.8em 0} .ds_reqbill_complet dl dd {float:left; width:80%; border-bottom:1px solid #e6e7e8; padding:.8em 0} /* ------------------------------------- //모듈디자인(간편결제) ------------------------------------- */ /* 인라인 css 분리 */ /* 쇼핑몰 table.page10table */ table.page10table{width:100%;border-color: #cccccc;border-top: 2px #7f7f7f solid;} .page10table td{color:#777777;font-size:9pt;line-height:18px;padding:10px;border-bottom: 1px solid #dcdcdc} .page10table td.nopd{padding: 0px;} .page10table .sub2_1td_background001{text-align:center;font-weight:bold;background:#ededed} .page10table .sub2_1td_background002{text-align:center;font-weight:bold;background:#fafafb} /* //쇼핑몰 table.page10table */ /* 모바일 table.page11table */ table.page11table{border-color: #ededed;border-top: 2px #7f7f7f solid;border-bottom:1px #ededed solid;margin-top:40px} .page11table td{color:#777777;font-size:9pt;line-height:18px;padding:10px;border-bottom:1px solid #ededed;} .page11table .sub2_3td_background001{text-align:center;font-weight:bold;background:#ededed} /* //모바일 table.page11table */ /* 솔류션 table.page14table */ table.page14table{border-color: #cccccc;border-top: 2px #7f7f7f solid; margin: 0 auto; width: 100%; margin-top:40px} .page14table td{color:#777777;font-size:9pt;line-height:18px;padding:10px;border-bottom: 1px solid #dcdcdc} .page14table td.nopd{padding: 0px;} .page14table .sub2_1td_background001{text-align:center;font-weight:bold;background:#ededed} .page14table .sub2_1td_background002{text-align:center;font-weight:bold;background:#fafafb} .page14table .sub2_1td_background003{color:#ff2100;text-align:center} .page14table .sub2_1td_background004{text-align:center} /* //솔류션 table.page14table */ /* //인라인 css 분리 */ /******** 메인슬라이더 *******/ .ls-bottom-nav-wrapper{display:none;} /******** sns 연동 아이콘 *******/ .social {float: right;list-style: none;padding: 0;margin: 20px 0;} .social {width: auto;} .social li {float: left;display: inline;margin-right: 7.5px;margin-bottom: 5px;} .social li a {text-indent: -9999px;width: 32px;height: 32px;display: block; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } .facebook {background: url(./images/social.png) 0px 0px no-repeat;} .twitter {background: url(./images/social.png) -39px 0 no-repeat;} .youtube {background: url(./images/social.png) -78px 0px no-repeat;} .vimeo {background: url(./images/social.png) -117px 0px no-repeat;} .linkedin {background: url(./images/social.png) -156px 0px no-repeat;} .rss {background: url(./images/social.png) -195px 0px no-repeat;} .flickr {background: url(./images/social.png) -234px 0px no-repeat;} .skype {background: url(./images/social.png) -273px 0px no-repeat;} .google {background: url(./images/social.png) -312px 0px no-repeat;} .pinterest {background: url(./images/social.png) -351px 0px no-repeat;} .facebook:hover {background: url(./images/social.png) 0px -32px no-repeat;} .twitter:hover {background: url(./images/social.png) -39px -32px no-repeat;} .youtube:hover {background: url(./images/social.png) -78px -32px no-repeat;} .vimeo:hover {background: url(./images/social.png) -117px -32px no-repeat;} .linkedin:hover {background: url(./images/social.png) -156px -32px no-repeat;} .rss:hover {background: url(./images/social.png) -195px -32px no-repeat;} .flickr:hover {background: url(./images/social.png) -234px -32px no-repeat;} .skype:hover {background: url(./images/social.png) -273px -32px no-repeat;} .google:hover {background: url(./images/social.png) -312px -32px no-repeat;} .pinterest:hover {background: url(./images/social.png) -351px -32px no-repeat;} /* |-------------------------------------------------------------------------- | UItoTop jQuery Plugin 1.2 | http://www.mattvarone.com/web-design/uitotop-jquery-plugin/ |-------------------------------------------------------------------------- */ #toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:100%; background:url(./images/ui_totop.png) no-repeat left top; } #toTopHover { background:url(./images/ui_totop_on.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #toTop:active, #toTop:focus { outline:none; } #window{font-family:'Nanum Gothic','나눔고딕','돋움',Dotum,AppleGothic,sans-serif;} #window #windowContent{font-family:'Nanum Gothic','나눔고딕','돋움',Dotum,AppleGothic,sans-serif;padding:20px;} #window input{font-family:'Nanum Gothic','나눔고딕','돋움',Dotum,AppleGothic,sans-serif;height:30px;} #estimate_window{font-family:'Nanum Gothic','나눔고딕','돋움',Dotum,AppleGothic,sans-serif;} #estimate_window #estimate_windowContent{font-family:'Nanum Gothic','나눔고딕','돋움',Dotum,AppleGothic,sans-serif;padding:20px;} #estimate_window input{font-family:'Nanum Gothic','나눔고딕','돋움',Dotum,AppleGothic,sans-serif;height:30px;} /* 유지보수 얼마예요? */ #Maintenance_Tabs #unorderedList{z-index:0} #Maintenance_Tabs #unorderedList{margin-left: 30px;} #Maintenance_Tabs #unorderedList .tab_list{height: 40px;width:140px;font-family:'Nanum Gothic','나눔고딕','돋움',Dotum,AppleGothic,sans-serif;font-weight:bold;} #Maintenance_Tabs .content-container{padding:20px;font-family:'Nanum Gothic','나눔고딕','돋움',Dotum,AppleGothic,sans-serif;} #Maintenance_Tabs .content-container .explan p{line-height:25px;padding-left:25px} .contacts_subject{font-size:22px;font-weight:bold;margin:15px 0;background:url(./images/location_bg.png)no-repeat 0 9px;padding-left:12px;} /* ----------------------- TABLE ----------------*/ .tableA { width:100%; border:0; margin:0; } .tableA th { color: #ffffff; font-weight: bold; padding:8px 5px; text-align:left; background: #98abba; vertical-align:middle; } .tableA td { color:#868c91; border-bottom: #eeeeee solid 1px; padding:7px 5px; font-family:Nanum Gothic,'나눔고딕','Dotum','돋움', 'sans-serif'; font-size:12px; letter-spacing: 0px; vertical-align:middle; } .tableA td:nth-child(2n+2) {background: #f4f5f6;} .tableA th:nth-child(2n+2) {background: #889CAF;} .tableA td:first-child {color: #5a6771;} /* table styleB */ .professor_list {clear:both;} .tableB { width: 100%; border: 0; margin: 0; margin-bottom:40px; } .tableB td { color: #2d2d2d; border-bottom: #eeeeee solid 1px; padding: 7px 5px; font-family: Nanum Gothic,'나눔고딕','Dotum','돋움', 'sans-serif'; font-size: 12px; letter-spacing: 0px; text-align: center; vertical-align:middle; } .tableB p { text-align: center; font-weight: bold; margin-top: 5px; color: #5a6771; } .tableB th { color: #ffffff; font-weight: bold; padding: 8px 5px; text-align: center; background: #98abba; } .tableB .left_th { border-bottom: #acbbc7 solid 1px; } .tableB .pro_img {width:75px;} .tableB th:nth-child(2n+2) {background: #889CAF;} .tableB td:nth-child(2n+2) {background: #f4f5f6;} /* table styleC */ .tableC { width: 100%; border: 0; margin: 0; } .tableC td { color: #868c91; border-bottom: #eeeeee solid 1px; padding: 7px 5px; font-size: 12px; letter-spacing: 0px; text-align: center; vertical-align:middle; } .tableC th { color: #ffffff; font-weight: bold; padding: 8px 5px; text-align: center; background: #98abba; } .tableC th:nth-child(2n+2) {background: #889CAF;} .tableC_bg {font-weight:bold; color: #5a6771!important;} .td_bg {background:#f4f5f6; color: #5a6771!important;} /* table styleD */ .tableD {width:100%} .tableD td { color: black; border: #eeeeee solid 1px; padding:5px 0px; font-size: 12px; letter-spacing: 0px; text-align: center; vertical-align:middle; } .tableD th { color: #ffffff; height:28px; padding:5px 0px; text-align: center; background: #98abba; border: 1px solid #eeeeee; letter-spacing: -1px; font-size: 13px; vertical-align: middle; } /* table styleE */ .tableE { width:100%; border:0; margin:0; } .tableE th { color: #ffffff; font-weight: bold; padding:8px 5px; text-align:left; background: #98abba; vertical-align:middle; } .tableE td { color:#868c91; border-bottom: #eeeeee solid 1px; padding:7px 5px; font-size:12px; letter-spacing: 0px; vertical-align:middle; } .tableE tr:nth-child(2n) {background: #f4f5f6;} .tableE th:nth-child(2n+2) {background: #889CAF;} .tableE td:first-child {color: #5a6771;} /* table style end */ .tableD2 {width:100%} .tableD2 input {height:25px;} .tableD2 td { color: #868c91; border: #eeeeee solid 1px; padding: 5px; font-size: 11px; letter-spacing: 0px; text-align: left; vertical-align:middle; } .tableD2 th { color: #ffffff; padding:5px; text-align: center; background: #98abba; border: 1px solid #889CAF; letter-spacing: -1px; font-size: 11px; vertical-align: middle; } /* table style end */ .tableD3 {width:100%} .tableD3 input {height:25px;} .tableD3 td { color: #868c91; border: #eeeeee solid 1px; padding: 5px; font-size: 11px; letter-spacing: 0px; text-align: center; vertical-align:middle; } .tableD3 th { color: #ffffff; padding:5px; text-align: center; background: #98abba; border: 1px solid #889CAF; letter-spacing: -1px; font-size: 11px; vertical-align: middle; height:25px; } /* ========== 상품 상세페이지 newest 코딩 ============ */ .view_fixed {overflow:hidden;font-size:12px;border-top:1px dotted #bdbdbd;margin-top:40px;} .view_fixed h2 {margin-top: 10px;font-size: 20px;font-weight:bold; color: #303030; text-align:center;margin-bottom:40px;} .view_fixed p {margin:40px 0 10px 0;} .view_fixed_process {overflow: hidden;font-size: 12px;border-top: 1px dotted #bdbdbd;margin-top: 40px;} .view_fixed_process h2 {margin-top: 10px;font-size: 20px;font-weight:bold; color: #303030; text-align:center;} .view_fixed_process p {margin:40px 0 10px 0;} .view_number{} .view_number ul{margin-top:40px} .view_maintenance {overflow:hidden;font-size:12px} .view_maintenance h2 {margin-top: 10px;font-size: 20px;font-weight:bold; color: #303030; text-align:center;margin-bottom:40px;} .view_maintenance p {margin:40px 0 10px 0;} .view_maintenance_text01{overflow:hidden} .view_maintenance_text01 strong{font-size:14px;border-bottom:1px solid #8b8b8b} .view_maintenance_text01 ul{margin-top:40px} .view_maintenance_text01 ul li{background: url(./images/view_bullet_bg.gif)no-repeat 30px 21px;float: left;padding: 15px 0 0 43px;} .view_maintenence_subject{font-size: 20px;color: #c7081b;font-weight: bold;padding: 50px 0 0 35px;float: left;} .view_portfolio {overflow: hidden;font-size: 12px;border-top: 1px dotted #bdbdbd;margin-top: 50px;} .view_portfolio h2 {margin-top: 10px;font-size: 20px;font-weight:bold; color: #303030; text-align:center;margin-bottom:40px;} .view_portfolio p {margin:40px 0 10px 0;} .view_portfolio_last {width:590px;height:290px;margin:0 auto;margin-bottom:20px} .view_portfolio_line {width:185px;height:130px;border:1px solid #8b8b8b;float:left;margin:9px 0 0 7px} .view_bullet01{background:url(./images/number01.png)no-repeat 0 0;padding-lefT:25px;height:35px;} .view_bullet02{background:url(./images/number02.png)no-repeat 0 0;padding-lefT:25px;height:35px;} .view_bullet03{background:url(./images/number03.png)no-repeat 0 0;padding-lefT:25px;height:35px;} .view_bullet04{background:url(./images/number04.png)no-repeat 0 0;padding-lefT:25px;height:35px;} .view_bullet05{background:url(./images/number05.png)no-repeat 0 0;padding-lefT:25px;height:35px;} .view_bullet06{background:url(./images/number06.png)no-repeat 0 2px;padding-lefT:25px;height:50px;line-height:20px;} .view_bullet07{background:url(./images/number07.png)no-repeat 0 3px;padding-lefT:25px;height:50px;} .view_bullet08{background:url(./images/number08.png)no-repeat 0 4px;padding-lefT:25px;height:50px;} .view_bullet09{background:url(./images/number09.png)no-repeat 0 0;padding-lefT:25px;height:50px;} .view_bullet10{background:url(./images/number10.png)no-repeat 0 0;padding-lefT:25px;height:50px;} .view_bullet11{background:url(./images/number11.png)no-repeat 0 0;padding-lefT:25px;height:50px;} .view_bullet12{background:url(./images/number12.png)no-repeat 0 0;padding-lefT:25px;height:50px;} .view_funtion01 {float:left;width:326px;height:290px;background:url(./images/fixed_img_01.png)no-repeat 0 0;margin:0px 40px 0px 35px} .view_funtion01 p{padding:110px 30px 0 25px;line-height:30px;text-align:center;} .view_funtion02 {float:left;width:326px;height:290px;background:url(./images/fixed_img_02.png)no-repeat 0 0;} .view_funtion02 p{padding:110px 30px 0 25px;line-height:25px;text-align:center;} .view_funtion03 {float:left;width:326px;height:290px;background:url(./images/fixed_img_03.png)no-repeat 0 0;margin:0px 40px 0px 35px} .view_funtion03 p{padding:110px 30px 0 25px;line-height:30px;text-align:center;} .view_funtion04 {float:left;width:326px;height:290px;background:url(./images/fixed_img_04.jpg)no-repeat 0 0;} .view_funtion04 p{padding:110px 30px 0 25px;line-height:30px;text-align:center;} .view_funtion05 {float:left;width:326px;height:290px;background:url(./images/fixed_img_05.png)no-repeat 0 0;margin:0px 40px 0px 35px} .view_funtion05 p{padding:96px 30px 0 25px;line-height:24px;text-align:center;} .view_funtion06 {float:left;width:326px;height:290px;background:url(./images/fixed_img_06.jpg)no-repeat 0 0;} .view_funtion06 p{padding:110px 30px 0 25px;line-height:30px;text-align:center;} .view_funtion07 {float:left;width:326px;height:290px;background:url(./images/fixed_img_07.jpg)no-repeat 0 0;margin:0px 40px 0px 35px} .view_funtion07 p{padding:110px 30px 0 25px;line-height:30px;text-align:center;} .view_funtion08 {float:left;width:326px;height:290px;background:url(./images/fixed_img_08.jpg)no-repeat 0 0;} .view_funtion08 p{padding:110px 30px 0 25px;line-height:30px;text-align:center;} .view_funtion09 {float:left;width:326px;height:290px;background:url(./images/fixed_img_09.jpg)no-repeat 0 0;margin:0px 40px 0px 35px} .view_funtion09 p{padding:110px 30px 0 25px;line-height:30px;text-align:center;} .view_funtion10 {float:left;width:326px;height:290px;background:url(./images/fixed_img_10.jpg)no-repeat 0 0;} .view_funtion10 p{padding:100px 30px 0 25px;line-height:23px;text-align:center;} .view_fixed_event {width:340px;height:57px;margin-top:50px;border:3px solid #000;margin:0 auto} .view_fixed_event p{text-align:center;font-size:18px;font-weight:800;padding:17px 15px 0px 15px;} .view_fixed_event a{text-decoration:none;color:#c7081b} /* ================ 상품 상세 페이지 탬플릿별 (AA020_purple) ======================= */ .purple_intro_line {border-top:8px solid #C7081B;position:relative;top:-30px} .purple_intro0 {overflow:hidden;border-bottom:1px dotted #bdbdbd;padding-bottom:40px} .purple_intro0 ul {line-height: 25px;padding: 10px 10px 20px 10px;} .purple_intro0 ul li{list-style:none} .purple_intro0 h2{color:#c7081b;font-weight:800} .purple_intro1 {width: 110px;height: 130px;float: left;padding: 50px 25px 0 20px;} .view_purple {overflow:hidden;font-size:12px;margin-bottom:40px;border-bottom:1px dotted #bdbdbd;padding-bottom: 50px;} .view_purple h2 {margin-top: 10px;font-size: 20px;font-weight:bold; color: #303030; text-align:center;margin-bottom:40px;} .view_purple p {margin:40px 0 10px 0;text-align:center} .view_purple_press {font-size: 15px;font-weight: 800;color: #c7081b;margin: 40px 0 20px 0px;} .view_purple_page_bg{background:url(./images/location_bg.png)no-repeat 0 3px;padding-left:12px;font-size:13px;font-weight:800} .view_purple_back1{background:url(./images/location_bg.png)no-repeat 0 3px;padding-left:12px;font-size:13px;font-weight:800} .view_merit {overflow: hidden;font-size: 12px;border-bottom:1px dotted #bdbdbd;margin-bottom:40px;padding-bottom:40px} .view_merit h2 {margin-top: 10px;font-size: 20px;font-weight:bold; color: #303030; text-align:center;margin-bottom:40px;} .view_merit p {text-align:center;line-height:25px;} .view_merit2 {overflow: hidden;font-size: 12px;} .view_merit2 span{text-align:center;line-height:25px;margin-top:40px} .view_merit2 h2 {margin-top: 10px;font-size: 20px;font-weight:bold; color: #303030; text-align:center;margin-bottom:40px;} .view_merit2 p {text-align:center;line-height:25px;} .view_purple {overflow:hidden;font-size:12px} .view_purple h2 {margin-top: 10px;font-size: 20px;font-weight:bold; color: #303030; text-align:center;margin-bottom:40px;} .view_purple_merit p {margin:40px 0 10px 0;text-align:center} .view_purple_sample {overflow: hidden;font-size: 12px;border-top: 1px dotted #bdbdbd;margin-top: 40px;} .view_purple_sample h2 {margin-top: 10px;font-size: 20px;font-weight:bold; color: #303030; text-align:center;margin-bottom:40px;} .view_purple_sample p {margin:40px 0 10px 0;text-align:center} .view_purple_title_bg2{background:url(./images/location_bg.png)no-repeat 0 6px;padding-left:12px;font-size:20px;font-weight:bold} .page_4_number{overflow:hidden;} .page_4_number_tpl01{margin-top:40px;float:left;} .page_4_number_tpl02{float: right;width: 570px;padding: 40px 0 0 0;line-height: 20px;} .page_4_number_tpl02 span{color: #c6071b;font-weight: 800;font-size: 16px;letter-spacing: -0.1em;} /* 유지보수 style */ .hosting_price{background:url(./images/page_2_bullet.png)no-repeat 0px 3px;padding-left: 25px;font-size: 17px;font-weight: bold;color: #CF0717;padding-bottom:5px;} .hosting_bullet01{background:url(./images/number01.png)no-repeat 0px 6px;margin-lefT:15px;height:30px;} .hosting_bullet02{background:url(./images/number02.png)no-repeat 0px 6px;margin-lefT:15px;height:30px;} .hosting_bullet03{background:url(./images/number03.png)no-repeat 0px 6px;margin-lefT:15px;height:30px;} .hosting_bullet04{background:url(./images/number04.png)no-repeat 0px 6px;margin-lefT:15px;height:30px;} .hosting_bullet05{background:url(./images/number05.png)no-repeat 0px 6px;margin-lefT:15px;height:30px;} .hosting_bullet06{background:url(./images/number06.png)no-repeat 0px 6px;margin-lefT:15px;height:30px;} .hosting_bullet07{background:url(./images/number07.png)no-repeat 0px 6px;margin-lefT:15px;height:30px;} .hosting_bullet08{background:url(./images/number08.png)no-repeat 0px 6px;margin-lefT:15px;height:30px;} .hosting_bullet09{background:url(./images/number09.png)no-repeat 0px 6px;margin-lefT:15px;height:30px;} .hosting_bullet10{background:url(./images/number10.png)no-repeat 0px 6px;margin-lefT:15px;height:30px;} .hosting_bullet11{background:url(./images/number11.png)no-repeat 0px 6px;margin-lefT:15px;height:30px;} .hosting_bullet12{background:url(./images/number12.png)no-repeat 0px 6px;margin-lefT:15px;height:30px;} /* 상세 뷸릿 */ .ds_suba_020_view_size {} .ds_suba_020_view_size ul{} .ds_suba_020_view_size ul li{background:url(./images/location_bg2.png)no-repeat 135px 12px;} /* 뷸렛 테스트 */ .page_bullet01 {overflow:hidden;} .page_bullet01 ul {} .page_bullet01 ul li {background:url(./images/number01.png)no-repeat 0 0;padding-lefT:25px;height:30px;} .page_bullet02 {overflow:hidden;} .page_bullet02 ul {} .page_bullet02 ul li {background:url(./images/number02.png)no-repeat 0 0;padding-lefT:25px;height:30px;} .page_bullet03 {overflow:hidden;} .page_bullet03 ul {} .page_bullet03 ul li {background:url(./images/number03.png)no-repeat 0 0;padding-lefT:25px;height:30px;} .page_bullet04 {overflow:hidden;} .page_bullet04 ul {} .page_bullet04 ul li {background:url(./images/number04.png)no-repeat 0 0;padding-lefT:25px;height:30px;} .page_bullet05 {overflow:hidden;} .page_bullet05 ul {} .page_bullet05 ul li {background:url(./images/number05.png)no-repeat 0 0;padding-lefT:25px;height:30px;} .page_bullet06 {overflow:hidden;} .page_bullet06 ul {} .page_bullet06 ul li {background:url(./images/number06.png)no-repeat 0 0;padding-lefT:25px;height:30px;} .page_bullet07 {overflow:hidden;} .page_bullet07 ul {} .page_bullet07 ul li {background:url(./images/number07.png)no-repeat 0 0;padding-lefT:25px;height:30px;} .page_bullet08 {overflow:hidden;} .page_bullet08 ul {} .page_bullet08 ul li {background:url(./images/number08.png)no-repeat 0 0;padding-lefT:25px;height:30px;} .page_bullet09 {overflow:hidden;} .page_bullet09 ul {} .page_bullet09 ul li {background:url(./images/number09.png)no-repeat 0 0;padding-lefT:25px;height:30px;} .page_bullet10 {overflow:hidden;} .page_bullet10 ul {} .page_bullet10 ul li {background:url(./images/number10.png)no-repeat 0 0;padding-lefT:25px;height:30px;} .page_bullet11 {overflow:hidden;} .page_bullet11 ul {} .page_bullet11 ul li {background:url(./images/number11.png)no-repeat 0 0;padding-lefT:25px;height:30px;} .page_bullet12 {overflow:hidden;} .page_bullet12 ul {} .page_bullet12 ul li {background:url(./images/number12.png)no-repeat 0 0;padding-lefT:25px;height:30px;} /* 메타 태그 */ .sample_tag_field {font-weight:bold;font-size:25px;padding:20px;} .sample_tag_field .b{ color:#00f} .sample_tag_field .r{ color:#f00} .sample_tag_field .p{ color:#F966F1} /* 기본 스타일 */ .table_darkgray { background-color:#DFDFDF; font-size:12px; text-decoration:none; border-collapse: separate; margin:10px 0; } .table_gray { background-color:#F6F6F6; color:#333333; font-size:12px; font-weight: bold; text-decoration:none; letter-spacing: -1px; padding-left: 10px; padding-top: 7px; text-align: left; height:24px; } .table_white { background-color:#FFFFFF; color:#444444; font-size:12px; text-decoration:none; height:24px; padding:3px; } .text_box { border: 1px solid #CCCCCC; height: 16px; padding-left: 4px; padding-top: 3px; font-size:12px; }