/* @charset "utf-8"; */ /* upDate : 2013. 8. 05 URI: http://klexam.net */ /* Common ----------------------------------------------------------------------- */ body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,header,nav,section,footer,time,fiqure {margin:0;padding:0;} img,fieldset,span,div{border:0; vertical-align:bottom} ul,ol{list-style:none} em,address{font-style:normal} table {border-spacing:1px; border-collapse:collapse} body,input,textarea,select,button,table,header,nav,section,footer,time,fiqure { font-family:'dotum','돋움',Dotum,AppleGothic,sans-serif; font-size:12px; } /*:focus {outline: 0;}*/ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, caption {display: block; margin:0; padding:0;} body {/* text-align:center; */ color:#181818} a{color:#777; text-decoration:none} a:hover {color:#1fa2f3; text-decoration:none;} a:active,a:focus {text-decoration:none;} input{vertical-align:middle;line-height:20px;} /*input:focus {border:1px solid #afc1da; background:#f5f5f5;}*/ /* ::selection {background:#33ff99;} ::-moz-selection {background:#33ff99;} */ .water{background:url(/images/main/kacpta_ca_m20130809_13.gif) no-repeat 10% 55%; background-color:white;} .water2{background:url(/images/main/kacpta_ca_m20130809_14.gif) no-repeat 5% 0; background-color:white;} /* Element ----------------------------------------------------------------------- */ .block {display:block;} .left {float:left;} .right {float:right;} .clear {clear:both;} hr {display:block; clear:both; visibility:hidden; padding:0; margin:0;} /* Layout */ .header_back_left {height:55px; width:50%; position:absolute; z-index:-9999; left:0; background:url(/images/main/kacpta_ca_m20130809_02ptn.gif) repeat-x;} .header_back_right {height:55px; width:50%; position:absolute; z-index:-9999; left:50%; background:url(/images/main/kacpta_ca_m20130809_02ptn.gif) repeat-x ;} .main_back_left {height:539px; width:50%; position:absolute; z-index:-9999; left:0; background:url(/images/main/kacpta_ca_m20130809_08ptn.gif) repeat-x;} .main_back_right {height:539px; width:50%; position:absolute; z-index:-9999; left:50%; background:url(/images/main/kacpta_ca_m20130809_08ptn.gif) repeat-x ;} #header_wrap {display:block; width:945px;/*★*/ height:55px; margin:0 auto; position:relative; background-color:#464646; } #header_wrap #header {display:block; position:absolute; left:0; top:0px;} /* #header_wrap #header h1 .logo {display:block; width:174px; height:45px; background:url(/images/logo.png) no-repeat 0 0;} */ #header_wrap #header h1 .logo {display:block; width:200px; height:93px; background:url(/images/main/kacpta_ca_m20130809_01.gif) no-repeat 0 0;} #header_wrap #header h1 span {visibility:hidden;} #header_wrap nav#lnb {display:block; position:absolute; right:10px; top:25px; width:320px;} /* LNB Style */ nav#lnb ul.lnb1 {position:absolute;right:0; top:0; display:block; clear:both;/* _width:220px;*/ } nav#lnb ul.lnb1:after {display:block; clear:both; content:''} ul.lnb1 li {display:block; float:left; } ul.lnb1 li.first {background:none; } ul.lnb1 li a {display:block; background:url(/images/main/kacpta_ca_m20130809_07.gif); margin:0 12px; height:5px;} ul.lnb1 li a.lnb01 {width:30px; background-position:0px 0px; } ul.lnb1 li a.lnb02 {width:35px; background-position:-37px 0px;} ul.lnb1 li a.lnb02_logout {width:28px; background:url(/images/main/kacpta_ca_m20130809_07_.gif) no-repeat -36px;} ul.lnb1 li a.lnb03 {width:32px; background-position:-79px 0px;} ul.lnb1 li a span {display:none;} nav#lnb2 ul.lnb2 {position:absolute; left:300px; top:22px; display:block; clear:both;} ul.lnb2 li {display:block; float:left; margin:0 60px 0 0; _margin:0 50px 0 0;} ul.lnb2 li a {display:block; height:16px;/*background:url(/images/nav/lnb.png) no-repeat;*/} ul.lnb2 li a.lnb11 {float:left; width:54px; background:url(/images/main/kacpta_ca_m20130809_03.gif) no-repeat 0 0;} ul.lnb2 li a.lnb11:hover {float:left; width:54px; background:url(/images/main/kacpta_ca_m20130809_03_.gif) no-repeat 0 0;} ul.lnb2 li a.lnb12 {float:left; width:54px; background:url(/images/main/kacpta_ca_m20130809_04.gif) no-repeat 0 0;} ul.lnb2 li a.lnb12:hover{float:left; width:54px; background:url(/images/main/kacpta_ca_m20130809_04_.gif) no-repeat 0 0;} ul.lnb2 li a.lnb13 {width:55px; background:url(/images/main/kacpta_ca_m20130809_05.gif) no-repeat 0 0;} ul.lnb2 li a.lnb13:hover {width:55px; background:url(/images/main/kacpta_ca_m20130809_05_.gif) no-repeat 0 0;} ul.lnb2 li a.lnb14 {width:70px; background:url(/images/main/kacpta_ca_m20130809_06.gif) no-repeat 0 0;} ul.lnb2 li a.lnb14:hover {width:70px; background:url(/images/main/kacpta_ca_m20130809_06_.gif) no-repeat 0 0;} ul.lnb2 li a span {display:none;} /* ------------------------------------------------------------------------------ Main ------------------------------------------------------------------------------ */ #main_container {display:block;} #main_container #content {position:relative; display:block; width:945px;/*★*/ height:547px; /*background:url(/images/main_visual.png) no-repeat 0 0;*/ margin:0 auto;} #main_container #content section.main_info {position:absolute; top:45px; display:block; width:945px;/*★*/ height:291px;} #main_container #content section.main_img{position:absolute; left:210px;width:745px; height:335px; background:url(/images/main/kacpta_ca_m20130809_17.jpg) no-repeat 0 0;z-index:-1;} /*로그아웃*/ #main_container #content section.main_info .logout{position:absolute; top:20px; width:199px;height:200px; display:block; background:url(/images/main/kacpta_ca_admin20130826_25.gif) no-repeat 0 0;} #main_container #content section.main_info .logout_option{position:absolute; left:14px; top:69px; vertical-align:bottom} #main_container #content section.main_info .logout_display {height:30px; width:110px;border:0px;position:absolute; left:10px; top:42px;} #main_container #content section.main_info .logout_submit {position:relative;left:120px; top:30px; width:60px; height:52px;background:url(/images/main/kacpta_ca_admin20130826_24.gif) no-repeat 0 0;} #main_container #content section.main_info .logout_bottoms{position:absolute; left:25px; top:160px;} #main_container #content section.main_info .logout_bottoms ul li{display:inline; font-size:11px;} #main_container #content section.main_info .logout_bottoms ul li a.findid {display:inline; font-size:11px;color:#FFFFFF;font-size:11px;letter-spacing:-1px;} #main_container #content section.main_info .logout_bottoms ul li a.findpw {display:inline; font-size:11px;color:#FFFFFF;font-size:11px;letter-spacing:-1px;} #main_container #content section.main_info .logout_bottoms ul li a.join {display:inline; font-size:11px;color:#FFFFFF;font-size:11px;letter-spacing:-1px;} #main_container #content section.main_info .logout_bottoms ul li .pipe {display:inline; font-size:11px;color:#FFFFFF;font-size:11px;letter-spacing:-1px;} /*로그인*/ #main_container #content section.main_info .login{position:absolute; top:20px; width:199px;height:200px; display:block; background:url(/images/main/kacpta_ca_m20130809_09.gif) no-repeat 0 0;} #main_container #content section.main_info .login_option{position:absolute; left:14px; top:74px; vertical-align:bottom} #main_container #content section.main_info .login_option #semu{vertical-align:bottom;width:16px;height:16px;} #main_container #content section.main_info .login_option #semoosa{vertical-align:bottom;width:16px;height:16px;} #main_container #content section.main_info .login_option #ilban{vertical-align:bottom;width:16px;height:16px;} #main_container #content section.main_info .login_option ul li{display:inline;} #main_container #content section.main_info .login_option ul li label img{vertical-align:middle;} #main_container #content section.main_info .login_input ul li .id{height:21px; width:110px;border:0px;position:absolute; left:20px; top:98px;} #main_container #content section.main_info .login_input ul li .password{height:21px; width:110px;border:0px;position:absolute; left:20px; top:124px;} #main_container #content section.main_info .login_submit{position:absolute; right:7px; top:97px; width:50px; height:52px;background:url(/images/main/kacpta_ca_m20130809_15.gif) no-repeat 0 0;} #main_container #content section.main_info .login_bottoms{position:absolute; left:10px; top:160px;} #main_container #content section.main_info .login_bottoms ul li{display:inline; font-size:11px;} #main_container #content section.main_info .login_bottoms ul li a.findid {display:inline; font-size:11px;color:#FFFFFF;font-size:11px;letter-spacing:-1px;} #main_container #content section.main_info .login_bottoms ul li a.findpw {display:inline; font-size:11px;color:#FFFFFF;font-size:11px;letter-spacing:-1px;} #main_container #content section.main_info .login_bottoms ul li a.join {display:inline; font-size:11px;color:#FFFFFF;font-size:11px;font-weight:bold;letter-spacing:-1px;} #main_container #content section.main_info .login_bottoms ul li .pipe {display:inline; font-size:11px;color:#FFFFFF;font-size:11px;letter-spacing:-1px;} /*뷰-달력애니메이트*/ #main_container #content section.main_info .view{position:absolute;right:50px; top:0px; width:203px;height:192px; display:block; /*background:url(/images/main/kacpta_ca_admin20130826_17.png) no-repeat 0 0; */} #main_container #content section.main_info .view_down{position:relative;left:98px; top:0px; width:98px;height:16px; display:block; background:url(/images/main/kacpta_ca_admin20130828_01.png) no-repeat 0 0; } #main_container #content section.main_info .view .view_nav{} #main_container #content section.main_info .view .view_content{} /*메뉴 -주문하기 시안확인 주문내역*/ #main_container #content section.main_info .menu{position:absolute;right:10px; top:200px; width:260px;height:78px; display:block; /*background:url(/images/main/kacpta_ca_m20130809_17.png*/) no-repeat 0 0;} #main_container #content section.main_info .menu ul.menu_nav {position:absolute; left:0px; top:0; display:block;} #main_container #content section.main_info .menu ul.menu_nav li {display:block; float:left; margin-left:2px; padding-left:4px;} #main_container #content section.main_info .menu ul.menu_nav li.first_m {margin:0; padding:0; background:none;} #main_container #content section.main_info .menu ul.menu_nav li a {display:block; height:78px;} #main_container #content section.main_info .menu ul.menu_nav li a.mnav1 {width:78px; background:url(/images/main/kacpta_ca_admin20130906_08.png) no-repeat 0 0;} #main_container #content section.main_info .menu ul.menu_nav li a.mnav2 {width:78px; background:url(/images/main/kacpta_ca_admin20130906_09.png) no-repeat 0 0;} #main_container #content section.main_info .menu ul.menu_nav li a.mnav3 {width:78px; background:url(/images/main/kacpta_ca_admin20130906_10.png) no-repeat 0 0;} #main_container #content section.main_info .menu ul.menu_nav li a.mnav1:hover{width:78px; background:url(/images/main/kacpta_ca_admin20130906_08_.png) no-repeat 0 0;} #main_container #content section.main_info .menu ul.menu_nav li a.mnav2:hover{width:78px; background:url(/images/main/kacpta_ca_admin20130906_09_.png) no-repeat 0 0;} #main_container #content section.main_info .menu ul.menu_nav li a.mnav3:hover{width:78px; background:url(/images/main/kacpta_ca_admin20130906_10_.png) no-repeat 0 0;} /* #main_container #content section.main_info .menu ul.menu_nav li a.mnav1 {width:78px; background:url(/images/main/kacpta_ca_m20130809_17.png) no-repeat 0 0;} #main_container #content section.main_info .menu ul.menu_nav li a.mnav2 {width:78px; background:url(/images/main/kacpta_ca_m20130809_17.png) no-repeat -91px 0;} #main_container #content section.main_info .menu ul.menu_nav li a.mnav3 {width:78px; background:url(/images/main/kacpta_ca_m20130809_17.png) no-repeat -182px 0;} */ #main_container #content section.main_info .menu ul.menu_nav li a span {display:none;} /*메인중단 이미지바*/ #main_container #content section.main_middle{position:absolute; top:337px; display:block; width:947px;/*★*/ height:10px;background-color:#f76431;} /*메인중단 이미지,공지사항등등*/ #main_container #content section.main_bottom{position:absolute; top:347px; display:block; width:945px;/*★*/ height:200px; border-left:1px solid #dedede;border-right:1px solid #dedede; } #main_container #content section.main_bottom .main_bottom_1{position:absolute; top:15px; left:10px; width:180px;height:170px;} #main_container #content section.main_bottom .gubunline{position:absolute; left:220px;top:22px;width:1px; height:147px;background:url(/images/main/kacpta_ca_m20130809_08ptn.gif) no-repeat 0 0;} #main_container #content section.main_bottom .gubunline2{position:absolute; left:680px;top:22px;width:1px; height:147px;background:url(/images/main/kacpta_ca_m20130809_08ptn.gif) no-repeat 0 0;} section ul.bottom_nav {position:absolute; left:0px; top:15px; display:block;} section ul.bottom_nav li {display:block; float:left; } section ul.bottom_nav li a {display:block; height:11px;} section ul.bottom_nav li a.bnav1 {width:180px; height:65px; background:url(/images/main/kacpta_ca_m20130809_19.gif) no-repeat 0 0;} section ul.bottom_nav li a.bnav2 {width:180px; height:65px; background:url(/images/main/kacpta_ca_m20130809_20.gif) no-repeat 0 0;margin-top:8px;} section ul.bottom_nav li a span {display:none;} #main_container #content section.main_bottom .main_bottom_2{position:absolute; top:15px; left:245px; width:400px;height:170px; } section ul.bottom_nav2{position:absolute; width:400px; left:0px; top:0px; display:block;} section ul.bottom_nav2 li {display:block; float:left; } section ul.bottom_nav2 li a {display:block; height:11px;} section ul.bottom_nav2 li a.bnav2_1 {width:59px; height:15px; margin-left:10px; background:url(/images/main/kacpta_ca_m20130809_22.gif) no-repeat 0 0;} section ul.bottom_nav2 li a.bnav2_2 {position:absolute;right:3px;top:3px;width:26px; height:11px; background:url(/images/main/kacpta_ca_m20130809_25.gif) no-repeat 0 0;} section ul.bottom_nav2 li a span {display:none;} /*공지사항*/ section ul.bottom_nav2_1{position:absolute;left:15px; top:25px; width:390px;line-height:190%;} section ul.bottom_nav2_1 li span{position:absolute; right:10px;} section ul.bottom_nav2_1 li.notice_list{background:url(/images/main/kacpta_ca_m20130809_23.gif) no-repeat 0 30%;padding:0px 8px 0px 8px;} section ul.bottom_nav2_1 li.notice_list img{vertical-align:middle; margin-right:3px;} #main_container #content section.main_bottom .main_bottom_3{position:absolute; top:15px; left:680px; width:280px;height:170px;} section ul.bottom_nav3 {position:absolute; left:0px; top:0px; display:block;} section ul.bottom_nav3 li {display:block; height:11px;} section ul.bottom_nav3 li.bnav3_1 {width:58px; height:15px; background:url(/images/main/kacpta_ca_m20130809_26.gif) no-repeat 0 0; margin:5px 0 0 5px;} section ul.bottom_nav3 li.bnav3_2 {width:187px; height:29px; background:url(/images/main/kacpta_ca_m20130809_27.gif) no-repeat 0 0;margin:15px 0 0 40px;} section ul.bottom_nav3 li span {display:none;} section ul.bottom_nav3_3 {position:absolute; left:30px; top:90px; display:block;} section ul.bottom_nav3_3 li {display:block;float:left;} section ul.bottom_nav3_3 li a {display:block; height:11px;} section ul.bottom_nav3_3 li a.bnav3_3 {width:60px; height:60px; background:url(/images/main/kacpta_ca_m20130809_28.gif) no-repeat 0 0;margin-right:21px;} section ul.bottom_nav3_3 li a.bnav3_4 {width:60px; height:60px; background:url(/images/main/kacpta_ca_m20130809_28.gif) no-repeat -80px 0; margin-right:21px;} section ul.bottom_nav3_3 li a.bnav3_5 {width:50px; height:60px; background:url(/images/main/kacpta_ca_m20130809_28.gif) no-repeat -160px 0;} section ul.bottom_nav3_3 li a span {display:none;} /* ------------------------------------------------------------------------------ footer ------------------------------------------------------------------------------ */ #footer_wrap {display:block; height:42px; background-color:#333333;} #footer_wrap footer {position:relative; display:block; clear:both; width:945px;/*★*/ /*margin:15px auto;*/ margin:0 auto; } /* Footer Style */ footer ul.foot_nav {position:absolute; left:0px; top:15px; display:block;} footer ul.foot_nav li {display:block; float:left; margin-left:8px; padding-left:8px;} footer ul.foot_nav li.first {margin:0; padding:0; background:none;} footer ul.foot_nav li a {display:block; height:12px;} footer ul.foot_nav li a.fnav1 {width:96px; background:url(/images/main/kacpta_ca_m20130809_29.gif) no-repeat 0 0;} footer ul.foot_nav li a.fnav2 {width:96px; background:url(/images/main/kacpta_ca_m20130809_29.gif) no-repeat -100px 0;} footer ul.foot_nav li a.fnav3 {width:96px; background:url(/images/main/kacpta_ca_m20130809_29.gif) no-repeat -201px 0;} footer ul.foot_nav li span{display:none;} footer .fam{ display:block;position:absolute; right:150px; top:14px; width:82px; height:10px; color:#ffffff; font:normal 11px gulim;} footer div.familysite {display:block; position:absolute; right:10px; top:10px; font:normal 11px gulim; color:#ffffff;cursor: pointer; z-index:999;} div.familysite div.family_name {display:block; width:126px; height:20px; padding:4px 0 0 6px; background:url(/images/main/familysite.png) no-repeat 0 0; font:normal 11px gulim;} div.familysite div ul.family_list {display:none; width:130px; height:51px; position:absolute; right:0; top:-52px; border:1px solid #ddd; background-color:#fff; margin:0;} div.familysite div ul.family_list li {display:block; margin:0;} div.familysite div ul.family_list li a {display:block; height:14px; padding:5px 5px 0;} div.familysite div ul.family_list li a:hover {color:#fff; background-color:#1fa2f3;} footer .foot_img {position:absolute; left:0px; top:65px; display:block;background:url(/images/main/kacpta_ca_m20130809_32.gif) no-repeat 0 0; width:407px; height:45px;margin-bottom:10px;} footer .seal {position:absolute; right:0px; top:65px; display:block; width:42px; height:42px;} /* ------------------------------------------------------------------------------ Sub ------------------------------------------------------------------------------ */ /* Sub Heaer Area */ section.sub_header {display:block; clear:both; height:151px; background:url(/images/main/kacpta_ca_m20130809_08ptn.gif) repeat-x 0 0;} section.sub_header h3 {display:block; width:945px;/*★*/ height:151px; margin:0 auto;} /* Sub Container */ #sub_container {display:block; clear:both; width:945px;/*★*/ margin:0px auto 1px; position:relative; border-top:5px solid #f76430; border-left:1px solid #dedede; border-right:1px solid #dedede;} #sub_container:after {display:block; clear:both; content:''} /* Sub layout */ #sub_container aside.sidebar {display:block; float:left; width:151px; margin:25px 30px 20px 25px; _margin:25px 35px 0 10px; /*padding-left:42px;*/} #sub_container section.sub_content {display:block; float:left; /*width:620px;*/width:700px; margin:25px 0 0 0; padding:0;} /* Sidebar Style */ aside.sidebar {} .sidebar section.snb_area {display:block; width:151px;} .sidebar section.snb_area h2 {display:none;} section.snb_area nav h3 span {display:none} section.snb_area nav ul li {display:block; width:151px; height:24px; margin:0; padding:0;} section.snb_area nav ul li a {display:block; width:151px; height:24px; margin:0; padding:0; background-position:0 0;} section.snb_area nav ul li a span {display:none;} section.snb_area nav.snb01 h3 {display:block; width:151px; height:91px; background:url(/images/sub01/kacpta_ca_s20130812_11.gif) no-repeat 0 0;} section.snb_area nav.snb01 ul li a.s01 {background-image:url(/images/sub01/kacpta_ca_s20130812_12.gif);} section.snb_area nav.snb01 ul li a.s01:hover, section.snb_area nav.snb01 ul li a.s01_current {background-image:url(/images/sub01/kacpta_ca_s20130812_12_.gif);} section.snb_area nav.snb01 ul li a.s02 {background-image:url(/images/sub01/kacpta_ca_s20130812_13.gif);} section.snb_area nav.snb01 ul li a.s02:hover, section.snb_area nav.snb01 ul li a.s02_current {background-image:url(/images/sub01/kacpta_ca_s20130812_13_.gif);} section.snb_area nav.snb01 ul li a.s03 {background-image:url(/images/sub01/kacpta_ca_s20130812_14.gif);} section.snb_area nav.snb01 ul li a.s03:hover, section.snb_area nav.snb01 ul li a.s03_current {background-image:url(/images/sub01/kacpta_ca_s20130812_14_.gif);} section.snb_area nav.snb01 ul li a.s04 {background-image:url(/images/sub01/kacpta_ca_s20130812_15.gif);} section.snb_area nav.snb01 ul li a.s04:hover, section.snb_area nav.snb01 ul li a.s04_current {background-image:url(/images/sub01/kacpta_ca_s20130812_15_.gif);} /*로그인*/ section.snb_area nav.snb02 h3 {display:block; width:151px; height:91px; background:url(/images/sub01/kacpta_ca_s20130812_11.gif) no-repeat 0 0;} section.snb_area nav.snb02 ul li a.s01 {background-image:url(/images/sub01/kacpta_ca_s20130812_12.gif);} section.snb_area nav.snb02 ul li a.s01:hover, section.snb_area nav.snb02 ul li a.s01_current {background-image:url(/images/sub01/kacpta_ca_s20130812_12.gif);} section.snb_area nav.snb02 ul li a.s02 {background-image:url(/images/sub01/kacpta_ca_s20130812_13.gif);} section.snb_area nav.snb02 ul li a.s02:hover, section.snb_area nav.snb02 ul li a.s02_current {background-image:url(/images/sub01/kacpta_ca_s20130812_13.gif);} section.snb_area nav.snb02 ul li a.s03 {background-image:url(/images/sub01/kacpta_ca_s20130812_14.gif);} section.snb_area nav.snb02 ul li a.s03:hover, section.snb_area nav.snb02 ul li a.s03_current {background-image:url(/images/sub01/kacpta_ca_s20130812_14.gif);} section.snb_area nav.snb02 ul li a.s04 {background-image:url(/images/sub01/kacpta_ca_s20130812_15.gif);} section.snb_area nav.snb02 ul li a.s04:hover, section.snb_area nav.snb02 ul li a.s04_current {background-image:url(/images/sub01/kacpta_ca_s20130812_15.gif);} /* Side_nav (사이드바) */ section.side_nav h2 {display:block; width:151px; height:48px; margin:8px 0 8px;} section.side_nav h2 a {display:block; width:151px; height:48px; background:url(/images/sub01/kacpta_ca_s20130812_17.gif) no-repeat 0 0;} section.side_nav h2 span {display:none;} section.side_nav p.book_link {margin-bottom:8px} section.side_nav p.customer_no {margin-bottom:8px} section.side_nav ul.quick_nav {display:block; margin:0 auto; padding:0;} section.side_nav ul.quick_nav li {display:block; float:left;} section.side_nav ul.quick_nav li a {display:block; height:61px;} section.side_nav ul.quick_nav li a.qn1 {width:45px; background:url(/images/sub01/kacpta_ca_s20130812_20.gif) no-repeat 0 0;} section.side_nav ul.quick_nav li a.qn2 {width:42px; margin:0 10px; background:url(/images/sub01/kacpta_ca_s20130812_20.gif) no-repeat -56px 0;} section.side_nav ul.quick_nav li a.qn3 {width:44px; background:url(/images/sub01/kacpta_ca_s20130812_20.gif) no-repeat -105px 0;} section.side_nav ul.quick_nav li a span {display:none;} /* ------------------------------------------------------ Sub Content Style ------------------------------------------------------ */ section.sub_content {position:relative;} section.sub_content h1 {display:block; margin:0; padding:0;margin-bottom:20px;} section.sub_content h2 {display:block; margin:0; padding:0;} section.sub_content h3 {display:block; margin:30px 0 0px 0; padding:0;} ul.sub_location {position:absolute; right:30px; top:14px; z-index:999;display:inline; font:normal 11px gulim,dotum; letter-spacing:-1px;} ul.sub_location a {color:#9c9c9c;} ul.sub_location a:hover {color:#1fa2f3; text-decoration:underline;} ul.sub_location:after {display:block; content:''} ul.sub_location li {display:block; float:right;} ul.sub_location li.home { padding:0 0 0 15px;} ul.sub_location li.home img {vertical-align:middle; } ul.sub_location li.depth2 { padding:0 0 0 10px;} ul.sub_location li.depth2 a{color:#676767;} /* ********************************** Sub contents Element Style ********************************** */ section.sub_content div.content_area {display:block; clear:both; margin-top:20px;} section.sub_content div.content_area:after {display:block; clear:both; content:''} div.content_area {} /* padding left */ .pl10 {padding-left:10px;} .pl20 {padding-left:20px;} .pl30 {padding-left:30px;} .pl35 {padding-left:35px;} .pl64 {padding-left:64px;} .pl70 {padding-left:70px;} .pl75 {padding-left:75px;} /* padding bottom */ .pb10 {padding-bottom:10px;} .pb18 {padding-bottom:18px;} .pb26 {padding-bottom:26px;} .pb36 {padding-bottom:36px;} .pb45 {padding-bottom:45px;} /* ----------------------------------------------------------------------- 상품소개 : 서브페이지 */ .product_nav{height:30px; width:700px; } .product_img{width:315px;/*height:260px;*/float:left;} .product_content{width:380px;/*height:230px;*/float:left;margin-top:20px;} .product_content .title{margin-bottom:10px;} .product_content ul{margin:0;padding:0; line-height:16px;} .product_content li.title{font-size:16px;color:#FB8A46;} .product_content li.title2{font-size:12px;color:#767676;font-weight:bold;} .product_content .money{margin:5px 0 5px 20px;font-weight:bold; font-size:14px;} .product_button{float:left;margin-right:10px;} .product_title{ font-size:16px; color:#916649; clear:both; padding-top:20px;} .product{ border-top:1px dotted #b8b8b8;height:250px;margin-bottom:20px;padding-top:15px;} .product2{padding-top:15px;margin-bottom:20px;/*height:270px;*/ border-top:1px dotted #b8b8b8;} .prodcut_bottom{ clear:both;height:25px;margin-bottom:35px;text-align:center;position:relative;} .prodcut_bottom .ordergo{position:absolute; left:310px; top:0;} .prodcut_bottom .view_down{position:absolute; right:0; top:0;} .img_zoom{text-align:center;margin-top:5px;} /* ----------------------------------------------------------------------- 주문하기 : 서브페이지 */ #order1{ color:#916649 ;margin-bottom:20px; letter-spacing:1px} #order1 .guide img{vertical-align:middle;margin-top:6px;} #order1 .guide span{font-size:12px; } #order1 table{border:1px solid #d0ae78;margin-top:15px;} #order1 table tr{border:1px solid #d0ae78;} #order1 table td{border:1px solid #d0ae78;} #order1 input{background-color:#f7f4ef} #order1 td .input_text{width:200px; margin:5px 10px 5px 10px;border:1px solid #dccfcb; height:18px;} #order1 td .input_mail{width:50px; margin:5px 3px 5px 10px;border:1px solid #dccfcb; height:18px;} #order1 td .input_mail2{width:67px; margin:5px 1px 5px 3px;border:1px solid #dccfcb; height:18px;} #order1 td .input_mail3{width:57px; border:1px solid #dccfcb; height:18px;font-size:11px;} #order1 td .input_phone{width:50px; height:20px; margin:5px 10px 5px 10px;padding-left:5px;} #order1 td .input_text:focus{border:1px solid #317A3D; height:18px;} #order1 img{vertical-align:middle} .order_style{width:120px;background-color:#fbf4e9;border-bottom:1px solid #d0ae78;} .num{width:48px; height:18px; margin:5px 10px 5px 10px; border:1px solid #dccfcb;text-align:center;color:#343434;} .input_text{width:200px; height:18px; color:#343434; border:1px solid #dccfcb;} .input_text:focus { border:1px #317A3D solid;} .num:focus { border:1px #317A3D solid;} .addr:focus { border:1px #317A3D solid;} .addr{width:250px;height:18px;margin:0px 10px 5px 10px; border:1px solid #dccfcb;color:#343434;} #order2{margin-top:20px;} #order2 .guide img{vertical-align:top;margin:10px 0 10px 0;} #order2 table{border:1px solid #d0ae78;} #order2 table tr{border:1px solid #d0ae78;} #order2 table th{border:1px solid #d0ae78;} #order2 table td{border:1px solid #d0ae78;} #order2 input{background-color:#f7f4ef} .order2_style1{height:50px;background-color:#eadac5;color:#916649}/*상품선택,개당판매가,합계**/ .sub_head{ background-color:#eadac5;color:#916649}/*수량,개별상호,본회상호,소계*/ .order2_table{height:30px; text-align:center;} .order2_table td input{margin-right:5px;} .order2_table td.table_align{text-align:left;padding-left:47px;} #order_ok{border:1px solid #d0ae78;margin-top:15px; height:346px;position:relative;} #order_ok .ok1{height:32px;border-bottom:1px solid #d0ae78; background-color:#eadac5} #order_ok .ok1 .ok1_1{position:absolute; top:10px; left:10px;width:300px; height:32px;} #order_ok .ok1 .ok1_1 span{color:#916649;font-size:13px; font-weight:bold;} #order_ok .ok1 .ok1_2{position:absolute; top:10px; right:0px;width:200px; text-align:center;} #order_ok .ok1 .ok1_2 span{margin-right:10px;} #order_ok .ok2{height:115px;font-size:11px; padding:10px 10px 0 23px;} #order_ok .ok2 ul li{line-height:150%;} #order_ok .ok2 ul li.le{margin-left:83px;} #order_ok .ok2 span.t1{color:#916649} #order_ok .ok3{height:32px;border-bottom:1px solid #d0ae78;border-top:1px solid #d0ae78;background-color:#eadac5;} #order_ok .ok3 .ok3_1{position:absolute; top:164px; left:10px;width:300px; height:32px;} #order_ok .ok3 .ok3_1 span{color:#916649;font-size:13px; font-weight:bold;} #order_ok .ok3 .ok3_2{position:absolute; top:164px; right:0px;width:200px;text-align:center;} #order_ok .ok3 .ok3_2 span{margin-right:10px;} #order_ok .ok4{font-size:11px;height:40px; padding:10px 10px 10px 23px;} #order_ok .ok5{height:100px; width:700px;} #order_ok .ok5 table{text-align:center; width:685px;margin:0 auto; font-size:11px; height:90px; } #order_ok .ok5 table td.ok5_head{font-size:13px; font-weight:bold;border-top:1px solid #F76431;} #order_ok .ok5 table td{border:1px solid #d1d1d1;} #order_ok .ok5 table tr{border:1px solid #d1d1d1;} #order2 .order_each{width:60px; height:23px; text-align:center; border:1px solid #dccfcb; line-height:23px;} /*본회상호*/ #order2 .order_each:focus{border:1px solid #317A3D; height:25px;} #order2 .sum{width:85px;height:21px; text-align:center; border:none; background-color:#ffffff} #order2 .each_sum{width:85px;height:21px; text-align:center; border:none; background-color:#ffffff} #order2 .sum1{width:85px;height:21px; text-align:center; border:none;background-color:#ffffff} #order2 .total{width:62px;height:21px; text-align:center; border:none;background-color:#ffffff} #order2 .total3{width:161px;height:21px; text-align:right; margin-right:25px; border:none;background-color:#ffffff} #order3{margin-top:30px;color:#343434} #order3 input{background-color:#f7f4ef} #order3 .choice{margin-top:10px;} #order3 table{border:1px solid #d0ae78;} #order3 table tr{border:1px solid #d0ae78;} #order3 table th{border:1px solid #d0ae78;} #order3 table td{border:1px solid #d0ae78;} .order3_table{height:30px; text-align:center;} .order3_table td input{margin-right:5px; background-color:#f7f4ef; border:none;} .order3_table td label{margin-right:35px;} .order3_table td.table_align{padding-left:5px;} .order3_table_1{height:30px; text-align:center;} .order3_table_1 td input{margin-right:5px;} .order3_table_1 td.table_align{text-align:left;padding-left:5px;} .order3_table_1 td label{margin-right:35px;} #order3 input.c_text{text-align:center; border:none; background-color:#ffffff;} #order3 input.c_text1{text-align:center; border:none;background-color:#ffffff;} #order3 input.result_sian{border:none;background-color:#ffffff;height:18px;} #order3 input.infile{width:370px;height:22px;border:none;} .table_align3{text-align:center; height:30px;} .table_align4{text-align:center; height:30px;} .table_etc{height:55px; text-align:center;} .table_etc textarea {width:450px;height:45px; border:1px solid #A4A4A4;background-color:#f7f4ef} .order3_foot{text-align:center;height:30px} .order3_foot td label{margin-right:15px;} .pay{margin:30px 0 30px 0; width:100%; border:1px solid #d0ae78; height:30px;background-color:#eadac5;} .pay .total_money{width:200px; height:22px; float:right;} /*파폭,크롬에서 가격이 두줄로나와서 width값 줌*/ .pay .money1{ width:80px; height:20px; float:left; font-size:14px; color:#916649;padding-top:8px; font-weight:bold;} .pay .money2{margin-top:-2px;padding-top:8px; } .pay .money2 input{border:none; background-color:#eadac5;height:20px; width:105px;vertical-align:top; font-size:16px; font-weight:bold;margin-right:15px;} .pay .payment{ height:22px;float:left;margin-left:20px;} .pay .payment_1{width:70px;height:20px; float:left; font-size:14px; color:#916649;padding-top:8px; font-weight:bold;} .pay .payment_2{float:left;padding-top:8px;width:380px} .pay .payment_2 label{margin-right:7px;} .submit_img{text-align:center; margin-bottom:20px; border-top:1px solid #d0ae78;padding-top:10px;} /* ----------------------------------------------------------------------- 시안확인: 서브페이지 */ .sian_table{width:750px; margin:10px auto;border:1px solid #d0ae78;} .sian_style{height:50px;background-color:#eadac5;border:1px solid #d0ae78;color:#916649 ;text-align:center;} .sian_style_1{height:30px;background-color:#eadac5; color:#916649 ;text-align:center;} .sian_style input{margin-right:5px;} .sian_style label{margin-right:35px; font-size:16px;} .sian_title{text-align:center; color:#916649; margin-top:15px; font-size:20px;} .sian{border:1px solid #d0ae78;} .sian tr{border:1px solid #d0ae78;} .sian th{border:1px solid #d0ae78;} .sian td{border:1px solid #d0ae78; background-color:#fbf4e9; text-align:center;} .sian_select th{border:1px solid #d0ae78;} .sian .names{color:#916649;background-color:none; } td.sian_img {border:1px solid #d0ae78; background:#FFFFFF;} .sian_title{color:#916649; text-align:center; font-size:17px;margin-top:10px;} .sian input[type=text] {width:80px; border:none;background-color:#fbf4e9; text-align:center; color:#916649} /* ----------------------------------------------------------------------- 회원가입 : 서브페이지 */ /* 로그인 */ div.login_form {position:relative; display:block;width:100%; height:250px; margin:50px 0 0 0; background-color:#f5f5f5; border:1px solid #dfdfdf} .login_form div.login {position:absolute; left:0px; top:0; display:block; height:220px; width:370px; padding:20px 0 0 40px; border-right:1px solid #dfdfdf} .login_form div.login p.login_title {display:block; margin-bottom:10px;} .login_form div.login a.login_btn {position:absolute; left:316px; top:143px;} .login_form div.login div.login_border{height:100px; width:350px; border-top:1px solid #606261; border-bottom:1px solid #606261;} .login_form div.login div.id_guide {display:block; width:77px; background:url(/images/sub02/kacpta_ca_s20130813_05.gif) no-repeat 0 46%; padding-left:110px;margin-top:20px; /* *margin-top:-1px*/ } .login_form div.login div.pw_guide {display:block; width:92px; background:url(/images/sub02/kacpta_ca_admin20130904_02.gif) no-repeat 0 46%; padding-left:110px; margin-top:5px; /* *margin-top:3px !important;*/ } .login_form div.login input {width:140px; height:18px; border:1px solid #d0d0d0; padding:4px 0 0 2px;} .login_form div.login input.en {ime-mode:inactive;} .login_form div.login_menu{position:absolute; top:130px; left:450px;width:250px; height:150px;} .login_form div.login_menu .btn_id a{margin-left:10px;} .login_form div.login_menu .btn_id img{vertical-align:middle;} .login_form div.login_menu .btn_password img{vertical-align:middle;} .login_form div.login_menu .btn_password a{margin-left:21px;} .login_form div.login_menu .btn_join img{vertical-align:middle;} .login_form div.login_menu .btn_join a{margin-left:41px;} .login_option2 #semu{vertical-align:bottom; width:13px; border:0px;} .login_option2 #ilban{vertical-align:bottom; width:13px; border:0px;} .login_option2 ul li{display:inline;vertical-align:bottom;} .login_option2 {margin-bottom:10px; margin-left:80px; } div.space{height:200px;} /* ----------------------------------------------------------------------- 메뉴얼 : 서브페이지 */ .product_nav{height:30px; font-size:11px; width:700px; border-bottom:1px solid #e8e8e8; margin-bottom:25px; } ul.navigation {list-style:none;position:relative; z-index:2;top:1px;display:table;border-left:1px solid #e8e8e8;} ul.navigation li {float:left;} ul.navigation li a {background:#f8f8f8;color:#222;display:block;padding:6px 15px;text-decoration:none;border-right:1px solid #e8e8e8;border-top:1px solid #e8e8e8;margin:0;} ul.navigation li a.selected {border-bottom:1px solid #fff;color:#fffdfa;background:#e83e1a; font-weight:bold;} .print_button{position:absolute; right:30px; top:63px;} /*스핀버튼*/ .smartspinner{padding: 0;padding: 2px 10px 2px 2px;border:solid 1px #afafaf;background: url(/images/sub02/normal.jpg) no-repeat right;text-align:center;} .smartspinner.up{background: url(/images/sub02/up.jpg) no-repeat right;background-color:#f6f6f6;cursor:pointer;} .smartspinner.down{background: url(/images/sub02/down.jpg) no-repeat right;background-color:#f6f6f6;cursor:pointer;} /*공지사항 */ div.notice_search {text-align: center; margin-bottom: 12px; height:21px; vertical-align:bottom;} table.boardList {margin-bottom:18px;} table.boardList thead {height: 35px; background:url(/images/sub05/noticeview_bg.gif) no-repeat 0 0} table.boardList th {height: 35px; font-size: 11px; color:#585858;} table.boardList td {height: 32px; color:#333333; border-bottom: rgb(224,224,224) 1px solid; padding: 2px 0 2px 0; } div.pagenate {text-align: center;} div.pagenate div.pagewrap B {color:#f76431; font-size:11px;} div.pagenate div.pagewrap a {line-height: 26px; padding-left:5px; padding-right:5px;} .bold {font-weight: bold; padding-right:15px; color:#585858;} ul#noticeview_tit {height: 35px; padding-left: 20px; background:url(/images/sub05/noticeview_bg.gif) no-repeat 0 0} ul#noticeview_tit li {float:left; padding: 10px 7px 10px 0px; font-size: 11px;} div#noticeview_con {padding:18px 7px 12px 20px; min-height:200px; border-bottom: 1px solid #F76430; line-height:2.5em;} /*FAQ */ ul#faq_box {padding-top: 25px;} ul#faq_box li {line-height: 28px; cursor:pointer; border-bottom:1px #7F7F7F dotted;} /* 시안확인 */ .list_table {border-spacing:0px; border-collapse:collapse;margin-bottom:20px; } .list_table th, .list_table td {border:1px solid #D0AE78} .left_table td { height:22px; } .list_table {background:#D0AE78;} .list_table th { background:#EADAC5; color:#916649; height:30px; } .list_table td { background:#FFFFFF; color:#666666; height:22px; padding:2px 0; } .list_table td.head {background:#FBF4E9; color:#6E462F; } .list_table td.head a { color:#6E462F; }