/**공통**/ #wrap{ font-family:NanumGothic, '나눔고딕', NG, sans-serif, 돋움, 굴림;} header{position:relative;z-index:999} .clearboth { clear:both; height:0; font-size:0;} /** 제품소개 **/ /*.goods_img {width:100%; margin:0 auto;} .goods_img img {width:100%; height:auto; } .goods_img img:hover {width:100%; height:auto; }*/ /*GM LIST*/ .gmlist { margin:0; padding:0; width:100%; background-color:#666666; height:25px; line-height:25px;} .gmlist .gm-layout {margin:0 auto; padding:0 10px 0 0; font-size:10px; width:1014px; color:#fff;} .gmlist .gm-layout .gl-left {width:auto; float:left;} .gmlist .gm-layout .gl-left ul{margin:0; padding:0;} .gmlist .gm-layout .gl-left li{margin:0; padding:0; list-style:none; float:left;} .gmlist .gm-layout .gl-left a:link{ color:#fff; padding:0 0 0 0; } .gmlist .gm-layout .gl-left a:visited{ color:#fff; padding:0 0 0 0; } .gmlist .gm-layout .gl-left a:hover{ color:#fff; padding:0 0 0 0; } .gmlist .gm-layout .gl-right {width:auto; float:right;text-align:right;} .gmlist .gm-layout .gl-right ul{margin:0; padding:0;} .gmlist .gm-layout .gl-right li{margin:0; padding:0; list-style:none; float:left; display:inline;} .gmlist .gm-layout .gl-right a:link{ color:#fff; padding:0 0 0 0; } .gmlist .gm-layout .gl-right a:visited{ color:#fff; padding:0 0 0 0; } .gmlist .gm-layout .gl-right a:hover{ color:#fff; padding:0 0 0 0; } /*pc*/ @media all and (min-width: 1024px){ .menu_line{border-bottom:1px solid #dcdcdc; width:100%; position:relative; top:78px; z-index:1 } header{position:relative;z-index:999} /** header **/ header{background:#FFF; height:79px; padding:0;} #header{max-width:1024px; margin:0 auto; position:relative;} #header:after{content:""; display:block; clear:both; } #header a{font-family:"나눔고딕",'Nanum Gothic',sans-serif;} #logo{width:230px; float:left; position:relative; top:20px;} #logo img{width:100%;} /* 상단 nav */ .top_nav{float:right; position:relative;} .top_nav li{float:left; margin-left:20px; text-align:left;} .top_nav li a.bmenu{font-family:"Calibri Light", sans-serif; font-size:0.8em; line-height:78px; display:inline-block; } .top_nav li a:hover{color:#00C; } .smenu{margin-top:30px; width:100px; } .top_gnb{display:none;} /*sub visual*/ #svb1{width:100%; margin:0 auto; height:150px; text-align:center; background:url(/bizdemo22663/img/img/s001.jpg); background-position: 50% 0;} #svb2{width:100%; margin:0 auto; height:150px; text-align:center; background:url(/bizdemo22663/img/img/s005.jpg); background-position: 50% 0;} #svb3{width:100%; margin:0 auto; height:150px; text-align:center; background:url(/bizdemo22663/img/img/s003.jpg); background-position: 50% 0;} #svb4{width:100%; margin:0 auto; height:150px; text-align:center; background:url(/bizdemo22663/img/img/s001.jpg); background-position: 50% 0;} #svb5{width:100%; margin:0 auto; height:150px; text-align:center; background:url(/bizdemo22663/img/img/s002.jpg); background-position: 50% 0;} #svbm{width:100%; margin:0 auto; height:150px; text-align:center; background:url(/bizdemo22663/img/img/s003.jpg); background-position: 50% 0;} #svbg{width:100%; margin:0 auto; height:150px; text-align:center; background:url(/bizdemo22663/img/img/s001.jpg); background-position: 50% 0;} #svb{width:100%; margin:0 auto; height:150px; text-align:center; background:url(/bizdemo22663/img/img/s002.jpg); background-position: 50% 0;} /*본문*/ #conts_main { height:auto; margin:0 auto 50px; width:100%; font-size:1.00em; line-height:180%; } /*메인*/ #conts { margin:0; width:100%; } #conts .conts-layout {height:auto; margin:0 auto 50px; width:1024px; font-size:1.00em; line-height:180%;} #conts .conts-layout .conts-left {float:left; width:224px;} #conts .conts-layout .conts-right {float:left; width:800px;} #cont {margin:0; padding:0; } #cont .mbox { margin:20px 0 50px 0; padding:0; width:100%; background-color:#ffffff; } #cont .mbox .mbox1000{ margin:0 auto; padding:0 0 0 0; width:1024px; } #cont .mbox .mbox1000 ul li{ float:left; margin:0px; padding:0px; width:256px; } #cont .mbox .mbox1000 .btnset01 { margin:40px 0 0 0; width:246px; line-height:100%; padding: 0 5px;} #cont .mbox .mbox1000 .btnset01 .bs-tit01 { margin:0; font-size:1.00em; text-align:left; color:#333333; font-weight:600; } #cont .mbox .mbox1000 .btnset01 .bs-desc01 {font-size:0.80em; text-align:left; color:#999999; margin:20px 0; } #cont .mbox .mbox1000 .btnset01 .bs-img01 { width:100%;} #cont .mbox .mbox1000 .btnset01 .bs-img01 img{ width:100%;} #cont .mbox .mbox1000 .btnset01 .bs-desc02 {font-size:0.80em; text-align:left;} #cont .mbox .mbox1000 .btnset01 .bs-desc02 .dc02-desc01 { color:#999999; margin:20px 0;} #cont .mbox .mbox1000 .btnset01 .bs-desc02 .dc02-btn01 { text-decoration:none; line-height:0.90em; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center; vertical-align:middle; display:inline-block;background-color:#363636; color:#ffffff; width:70px; height:13px; padding:6px; margin:10px 0 0 0;} #cont .mbox .mbox1000 .btnset01 .bs-desc02 .dc02-btn01:visited{background-color:#363636; color:#ffffff; } #cont .mbox .mbox1000 .btnset01 .bs-desc02 .dc02-btn01:hover {color:#ffffff;background-color:#489ee3;} #cont .bbox { margin:20px auto 0 auto; padding:0 0 0 0; width:1024px; } #cont .bbox .bn01x{ float:left; margin:0px; padding:0px; width:335px;} /*공지사항*/ #cont .bbox .bn01x .notice {width:100%; margin:0; text-align:left; padding:10px 0 0 10px;} #cont .bbox .bn01x .notice .notice-tit {height:32px; line-height:32px; padding:0px 0 0 0; font-weight:bold; color:#666666; font-size:13px;} #cont .bbox .bn01x .notice .notice-body{height:auto; padding:0px 10px 0 0; font-size:0.80em; line-height:180%;} /*강좌소식*/ #cont .bbox .bn01x .news{width:100%; margin:0; text-align:left; padding:10px 0 0 10px;} #cont .bbox .bn01x .news .news-tit {height:32px; line-height:32px; padding:0px 0 0 0; font-weight:bold; color:#666666; font-size:13px;} #cont .bbox .bn01x .news .news-body{height:auto; padding:0px 10px 0 0; font-size:0.80em; line-height:180%;} /*자주하는질문*/ #cont .bbox .bn01x .faq {width:100%; margin:0; text-align:left; padding:10px 0 0 10px;} #cont .bbox .bn01x .faq .faq-tit {height:32px; line-height:32px; padding:0px 0 0 0; font-weight:bold; color:#666666; font-size:13px;} #cont .bbox .bn01x .faq .faq-body{height:auto; padding:0px 10px 0 0; font-size:0.80em; line-height:180%;} /*제품소개*/ #cont .bbox .bn01x .goods {width:100%; margin:0; text-align:left; padding:10px 0 0 10px;} #cont .bbox .bn01x .goods .goods-tit {height:32px; line-height:32px; padding:0px 0 0 0; font-weight:bold; color:#666666; font-size:13px;} #cont .bbox .bn01x .goods .goods-body{height:auto; padding:0px 20px 0 0; font-size:0.80em; line-height:180%;} /*질문과답변*/ #cont .bbox .bn01x .csc {width:100%; margin:0; text-align:left; padding:10px 0 0 10px; } #cont .bbox .bn01x .csc .csc-tit {height:32px; line-height:32px; padding:0px 0 0 0; font-weight:bold; color:#666666; font-size:13px;} #cont .bbox .bn01x .csc .csc-body{height:auto; padding:0px 0 0 0;color:#666666;} #cont .bbox .bn01x .csc .csc-body .csc-telno{font-size:34px; font-weight:bold; color:#666666; line-height:130%;} #cont .bbox .bn01x .csc .csc-body .csc-faqno{font-weight:normal; line-height:180%;} #cont .bbox .bn01x .csc .csc-body .csc-emailno{font-weight:normal; font-size:0.80em;} /** 제품소개 **/ .collection{width:100%; padding:50px 0;} .collection_title{text-align:center; margin-bottom:50px;} .title{ display:block; font-family:"Calibri Light", sans-serif; font-size:36px; font-weight:100; margin:5px 0;} .title_s{ display:block; font-family:"Calibri Light", sans-serif;} .goods_img {width:1024px; margin:0 auto;} .goods_img img {width:100%; height:auto; /*padding:3px 0;*/border:#ffffff 2px solid;} .goods_img img:hover {width:100%; height:auto; border:#dddddd 2px solid;} /*공통 서브메뉴*/ .h1 { margin:0px; padding:0 0 0 0; font-size:1.20em; width:190px; letter-spacing:-1px; color:#ffffff; text-align:center; height:100px; line-height:100px; background-color:#33b3d0; font-weight:900;border-right:#33b3d0 1px solid;border-bottom:#33b3d0 1px solid;border-left:#33b3d0 1px solid;} #ulliset { padding:0px; margin:0; font-size:0.90em;} #ulliset .ul1 { margin:0px; padding:0px 0 0 0; list-style:none; } #ulliset .li1 {width:190px; border:none; height:40px; line-height:40px; padding-left:0px; border-left:#dddddd 1px solid;border-right:#dddddd 1px solid;} #ulliset .li1 a {width:180px; padding-left:10px; border:none; cursor:pointer; display:block;border-bottom:#d4d4d4 1px solid; height:40px; line-height:40px; color:#666666; } #ulliset .li1 a:visited {width:180px; padding-left:0px; border:none; cursor:pointer; display:block;border-bottom:#d4d4d4 1px solid; height:40px; line-height:40px;} #ulliset .li1 a:hover { line-height:40px; padding-left:10px; list-style: none; color:#333333; width:180px; text-decoration:none;} #ulliset .li1on { height:40px;line-height:40px; padding:0px; list-style: none; font-weight: 900; width:190px; background-color:#9e7fba; color:#ffffff; border-bottom:#9e7fba 1px solid;border-left:#9e7fba 1px solid;border-right:#9e7fba 1px solid;} #ulliset .li1on a:link { height:40px; line-height:40px; padding-left:10px; list-style:none; color:#fff; font-weight: 900; width:180px;cursor:pointer; display:block;text-decoration:none;} #ulliset .li1on a:visited { height:40px; line-height:40px; padding-left:0px; list-style: none; color:#fff; font-weight: 900; width:180px;} #ulliset .clear { clear:both;} /*footer*/ #footer_bg { margin:0; padding:0; width:100%; border-top:1px solid #dddddd; background-color:#ffffff; font-size:1.00em; } #footer_bg .footer .linkset ul{ width:100%; text-align:center; margin:20px 0px; font-size:0.95em;} #footer_bg .footer .linkset ul li{display:inline-block; margin:0 5px; font-weight:bold;} #footer_bg .footer .linkset ul li a{color:#666;} #footer_bg .footer .linkset ul li a:hover{color:#333333;} #footer_bg .footer { margin:0 auto; width:1024px; padding:25px 0;} #footer_bg .footer .logo { float:left; width:200px; padding:55px 0 0 0;} #footer_bg .footer .logo img{ width:100%; } #footer_bg .footer .info { float:left; width:824px auto; margin:0 0 0 0; } #footer_bg .footer .info .linkset { float:left; } #footer_bg .footer .info .linkset li { float:left; font-weight:bold; padding:0 20px 10px 0; color:#919191; line-height:200%; font-size:0.80em;} #footer_bg .footer .info .copy li { clear:both; color:#919191; font-size:0.75em; line-height:150%;} /*서브메뉴 하단 고객센터*/ #left-csc { margin:0; text-align:left; padding:50px 0 50px 0; width:auto;} #left-csc .lc-tit01 {height:32px; line-height:32px; padding:30px 0 0 0; font-weight:900; color:#666666;} #left-csc .lc-body01 {padding:10px 0 0 0; color:#666666;} #left-csc .lc-body01 .telno01{ font-size:1.80em; font-weight:900; color:#555555; line-height:160%;} #left-csc .lc-body01 .faxno01{ font-weight:600;font-size:0.80em;} #left-csc .lc-body01 .emailadd01{font-weight:600; font-size:0.80em;} #left-csc .lc-body01 .worktime01{ margin:20px 0 0 0; font-size:0.80em; line-height:150%; } /*게시판 댓글*/ .board_comment_bgcolor {font-size:0.80em;} } /*mobile*/ @media all and (max-width:1023px) { /** header **/ header{position:relative;z-index:999} header{background:#FFF; height:80px; border-bottom:1px solid #e6e9f0; padding:0;} #header{ width:100%; margin:0 auto; position:relative;} #header:after{content:""; display:block; clear:both; } #logo{width:200px; position:relative; top:25px; left:10px;} #logo img{width:70%;} /* 상단 nav */ .top_gnb{width:44px; height:20px; float:right; position:relative; top:30px; right:15px;} .top_gnb img{width:70%;} nav{display:none;} .top_nav{display:none;} /** 제품소개 **/ .goods_img {width:95%; margin:0 auto; padding:0;} .goods_img img {width:100%; height:auto; padding:0;} /*footer*/ #footer_bg { margin:0; padding:0; width:100%; border-top:1px solid #d3d3d3; background-color :#e5e5e5; font-size:1.00em; } #footer_bg .footer .linkset ul{ width:100%; text-align:center; margin:20px 0px; font-size:0.95em;} #footer_bg .footer .linkset ul li{display:inline-block; margin:0 0; font-weight:bold;} #footer_bg .footer .linkset ul li a{color:#666;} #footer_bg .footer .linkset ul li a:hover{color:#333333;} #footer_bg .footer { margin:0 auto; width:100%; padding:25px 0;} #footer_bg .footer .logo { width:100%; padding:25px 0 0 0; text-align:center;} #footer_bg .footer .logo img{ width:50%; } #footer_bg .footer .info { width:100%; margin:0 0 0 0; } #footer_bg .footer .info .linkset { text-align:center; } #footer_bg .footer .info .linkset li { font-weight:bold; padding:0 5px; color:#919191; line-height:200%; font-size:0.80em;} #footer_bg .footer .info .copy li { clear:both; color:#919191; font-size:0.75em; line-height:150%;text-align:center;} /*본문 이미지일 경우*/ #contentsArea img{width:100%; max-width:740px;} /*GM LIST*/ .gmlist { margin:0; padding:0; width:100%; background-color:#84c8d4; height:25px; line-height:25px;} .gmlist .gm-layout {margin:0 auto; padding:0 10px 0 0; font-size:10px; width:100%; color:#fff;} .gmlist .gm-layout .gl-left {width:auto; float:left;} .gmlist .gm-layout .gl-left ul{margin:0; padding:0;} .gmlist .gm-layout .gl-left li{margin:0; padding:0; list-style:none; float:left;} .gmlist .gm-layout .gl-left a:link{ color:#fff; padding:0 0 0 0; } .gmlist .gm-layout .gl-left a:visited{ color:#fff; padding:0 0 0 0; } .gmlist .gm-layout .gl-left a:hover{ color:#fff; padding:0 0 0 0; } .gmlist .gm-layout .gl-right {width:auto; float:right;text-align:right;} .gmlist .gm-layout .gl-right ul{margin:0; padding:0;} .gmlist .gm-layout .gl-right li{margin:0; padding:0; list-style:none; float:left; display:inline;} .gmlist .gm-layout .gl-right a:link{ color:#fff; padding:0 0 0 0; } .gmlist .gm-layout .gl-right a:visited{ color:#fff; padding:0 0 0 0; } .gmlist .gm-layout .gl-right a:hover{ color:#fff; padding:0 0 0 0; } /*sub visual*/ #svb, #svb1, #svb2, #svb3, #svb4, #svb5, #svbm, #svbg{display:none;} /*본문*/ #conts { height:auto; margin:0 auto 50px; width:100%; font-size:1.00em; line-height:180%; } #conts .conts-left { display:none;} #conts .conts-right {width:95%; margin:0 auto;} #cont .mbox { margin:0 0 50px 0; padding:0; width:100%; } #cont .mbox .mbox1000{ background-color:#ffffff; } #cont .mbox .mbox1000 ul li{width:100%;} #cont .mbox .mbox1000 .btnset01 { margin:60px auto 60px auto; width:95%; line-height:100%; padding: 0 5px; clear:both;} #cont .mbox .mbox1000 .btnset01 .bs-tit01 { margin:0; font-size:1.00em; text-align:left; color:#333333; font-weight:600; } #cont .mbox .mbox1000 .btnset01 .bs-desc01 {font-size:0.80em; text-align:left; color:#999999; margin:10px 0; } #cont .mbox .mbox1000 .btnset01 .bs-img01 { width:100%;} #cont .mbox .mbox1000 .btnset01 .bs-img01 img{ width:100%;} #cont .mbox .mbox1000 .btnset01 .bs-desc02 {font-size:0.80em; text-align:left;} #cont .mbox .mbox1000 .btnset01 .bs-desc02 .dc02-desc01 { color:#999999; margin:10px 0;} #cont .mbox .mbox1000 .btnset01 .bs-desc02 .dc02-btn01 { text-decoration:none; line-height:0.90em; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center; vertical-align:middle; display:inline-block;background-color:#363636; color:#ffffff; width:70px; height:13px; padding:6px; margin:10px 0 0 0;} #cont .mbox .mbox1000 .btnset01 .bs-desc02 .dc02-btn01:visited{background-color:#363636; color:#ffffff; } #cont .mbox .mbox1000 .btnset01 .bs-desc02 .dc02-btn01:hover {color:#ffffff;background-color:#489ee3;} #cont .bbox { margin:0 auto; padding:0 0 20px 0; width:100%; } #cont .bbox .bn01x{ float:left; margin:0px; padding:0px; width:100%;} /*공지사항*/ #cont .bbox .bn01x .notice {width:100% auto; margin:0; text-align:left; padding:0 0 30px 0;} #cont .bbox .bn01x .notice .notice-tit {height:32px; line-height:32px; padding:0 10px; font-weight:bold; color:#666666; font-size:13px; background-color:#efefef; border-top:#dddddd 1px solid;border-bottom:#dddddd 1px solid; } #cont .bbox .bn01x .notice .notice-body{height:auto; padding:10px 10px 0 10px; font-size:0.80em; line-height:180%;} /*강좌소식*/ #cont .bbox .bn01x .news {width:100% auto; margin:0; text-align:left; padding:0 0 30px 0;} #cont .bbox .bn01x .news .news-tit {height:32px; line-height:32px; padding:0 10px; font-weight:bold; color:#666666; font-size:13px; background-color:#efefef; border-top:#dddddd 1px solid;border-bottom:#dddddd 1px solid; } #cont .bbox .bn01x .news .news-body{height:auto; padding:10px 10px 0 10px; font-size:0.80em; line-height:180%;} /*자주하는질문*/ #cont .bbox .bn01x .faq {width:100% auto; margin:0; text-align:left; padding:0 0 30px 0;} #cont .bbox .bn01x .faq .faq-tit {height:32px; line-height:32px; padding:0 10px; font-weight:bold; color:#666666; font-size:13px;background-color:#efefef; border-top:#dddddd 1px solid;border-bottom:#dddddd 1px solid; } #cont .bbox .bn01x .faq .faq-body{height:auto; padding:10px 10px 0 10px; font-size:0.80em; line-height:180%;} /*제품소개*/ #cont .bbox .bn01x .goods {width:100% auto; margin:0; text-align:left; padding:0 0 30px 0;} #cont .bbox .bn01x .goods .goods-tit {height:32px; line-height:32px; padding:0 10px; font-weight:bold; color:#666666; font-size:13px;background-color:#efefef; border-top:#dddddd 1px solid;border-bottom:#dddddd 1px solid; } #cont .bbox .bn01x .goods .goods-body{height:auto; padding:10px 10px 0 10px; font-size:0.80em; line-height:180%;} /*질문과답변*/ #cont .bbox .bn01x .csc {width:100% auto; margin:0; text-align:left; padding:0 0 30px 0; } #cont .bbox .bn01x .csc .csc-tit {height:32px; line-height:32px; padding:0 10px; font-weight:bold; color:#666666; font-size:13px;background-color:#efefef; border-top:#dddddd 1px solid;border-bottom:#dddddd 1px solid; } #cont .bbox .bn01x .csc .csc-body{height:auto; padding:10px 10px 0 10px; text-align:center;} #cont .bbox .bn01x .csc .csc-body .csc-telno{font-size:2.00em; font-weight:bold; color:#666666; line-height:130%;} #cont .bbox .bn01x .csc .csc-body .csc-faqno{font-size:0.90em; font-weight:normal; line-height:180%;} #cont .bbox .bn01x .csc .csc-body .csc-emailno{font-size:0.80em;font-weight:normal;} /** 제품소개 **/ .collection {width:100%; margin:0px 0 0 0;} .collection_title{text-align:center; margin-bottom:30px;} .title{ display:block; font-family:"Calibri Light", sans-serif; font-size:1.50em; font-weight:bold; margin:0 0 5px 0;} .title_s{ display:block; font-family:"Calibri Light", sans-serif;font-size:0.80em;} .goods_img {width:100%; margin:20px auto; padding:0;} .goods_img img {width:100%; height:auto; padding:0;} /*서브메뉴 하단 고객센터*/ #left-csc { display:none;} /*공통 서브메뉴*/ .h1 { display:none;} #ulliset { display:none;} /*게시판 댓글*/ .board_comment_bgcolor {font-size:0.80em;} .board_comment_bgcolor input{width:auto;} .board_comment_bgcolor bordertextarea {width:70%;} #border {width:95%; padding:0; margin:0;} }