/**°øÅë**/
#wrap{ font-family: 'Noto Sans KR', sans-serif;}
.clearboth { clear:both; height:0px; font-size:0px;}



/** Á¦Ç°¼Ò°³ **/
/*.goods_img {width:100%;  margin:0 auto;}
.goods_img img {width:100%; height:auto; }
.goods_img img:hover {width:100%; height:auto; }*/

/*pc*/
@media all and (min-width: 801px){




/*GM LIST*/ 
.gmlist { margin:0; padding:0  0 0; width:100%; height:20px; line-height:20px; color:#ccc; background-color:#333333;  }
.gmlist .gm_set{ margin:0 auto; padding:0  0 0; text-align:right; font-size:10px; height:20px; width:1024px; line-height:20px; color:#cccccc;  }
.gmlist .gm_set a:link{ color:#fff; padding:0 0 0 0; font-size:10px; text-decoration:none;}
.gmlist .gm_set a:visited{ color:#fff; padding:0 0 0 0; font-size:10px; text-decoration:none;}
.gmlist .gm_set a:hover{ color:#fff; padding:0 0 0 0; font-size:10px; text-decoration:none;}



.menu_line{border-bottom:1px solid #000000; width:100%; position:relative; top:0px; z-index:1; }



/** header **/
header{position:relative;z-index:999; height:80px; padding:0;}
#header{max-width:1024px;  margin:0 auto; position:relative;}
#header:after{content:""; display:block; clear:both; }
#header a{}


#logo{width:210px; 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-size:14px; line-height:77px; display:inline-block; }
.top_nav li a:hover{color:#00C; }

.top_nav .smenu{margin-top:25px; width:100px;}
.top_nav .smenu dd a{ font-size:13px;}
.top_gnb{display:none;}



/*sub visual*/
#svb1{width:100%; margin:0 auto; height:150px; text-align:center; background:url(../../img/imgset/visual/svb1.jpg); background-position: 50% 0;}
#svb2{width:100%; margin:0 auto; height:150px; text-align:center; background:url(../../img/imgset/visual/svb2.jpg); background-position: 50% 0;}
#svb3{width:100%; margin:0 auto; height:150px; text-align:center; background:url(../../img/imgset/visual/svb3.jpg); background-position: 50% 0;}
#svb4{width:100%; margin:0 auto; height:150px; text-align:center; background:url(../../img/imgset/visual/svb4.jpg); background-position: 50% 0;}
#svb5{width:100%; margin:0 auto; height:150px; text-align:center; background:url(../../img/imgset/visual/svb5.jpg); background-position: 50% 0;}
#svbm{width:100%; margin:0 auto; height:150px; text-align:center; background:url(../../img/imgset/visual/svbm.jpg); background-position: 50% 0;}
#svbg{width:100%; margin:0 auto; height:150px; text-align:center; background:url(../../img/imgset/visual/svbg.jpg); background-position: 50% 0;}
#svb{width:100%; margin:0 auto; height:150px; text-align:center; background:url(../../img/imgset/visual/svb1.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:50px 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.20em; 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:right;}
 #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:#f10033; color:#ffffff; width:95%; height:13px; padding:6px; margin:10px 0 0 0;}
#cont .mbox .mbox1000 .btnset01 .bs-desc02 .dc02-btn01:visited{background-color:#f3072e; color:#ffffff; }
#cont .mbox .mbox1000 .btnset01 .bs-desc02 .dc02-btn01:hover {color:#ffffff;background-color:#333333;}


 #cont .bbox { margin:20px auto 100px auto; padding:0 0 0 0; width:1024px; box-sizing:border-box;}
 #cont .bbox .bn01x{ float:left; margin:0px; padding:0px; width:256px;}
 /*°øÁö»çÇ×*/
 #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:#424242; font-size:15px;}
 #cont .bbox .bn01x .notice .notice-body{height:auto; padding:0px 10px 0 0;  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:#424242; font-size:16px;}
 #cont .bbox .bn01x .faq .faq-body{height:auto; padding:0px 10px 0 0; 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:#424242; font-size:16px;}
 #cont .bbox .bn01x .goods .goods-body{height:auto; padding:0px 20px 0 0; 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:#424242; font-size:16px;}
 #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:30px; 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:100px 0;}
.collection_title{text-align:center; margin-bottom:50px;}
.title{ display:block; font-size:36px; font-weight:500; margin:10px 0;}

.title_s{ display:block; font-weight:100; }


.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.30em; width:190px; letter-spacing:-1px; color:#ffffff; text-align:center; height:100px; line-height:100px; background-color:#333333; font-weight:700;border-right:#333 1px solid;border-bottom:#333 1px solid;border-left:#333 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: 500; width:190px; background-color:#efefef; color:#333333;  border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;border-right:#cccccc 1px solid;}
#ulliset .li1on a:link { height:40px; line-height:40px; padding-left:10px; list-style:none; color:#333; font-weight: 500; 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:#333; font-weight: 500; 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:700; color:#424242; font-size:20px;}
#left-csc .lc-body01 {padding:10px 0 0 0; color:#666666;}
#left-csc .lc-body01 .telno01{ font-size:24px; font-weight:500; color:#555555; line-height:160%;}
#left-csc .lc-body01 .faxno01{ font-weight:300;font-size:0.90em;}
#left-csc .lc-body01 .emailadd01{font-weight:300; font-size:0.90em;}
#left-csc .lc-body01 .worktime01{ margin:20px 0 0 0; font-size:0.90em; line-height:150%; }

}









/*mobile*/
@media all and (max-width:800px) {



/** 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:auto; padding:0; text-align:center; font-size:0.90em; width:100%; height:25px; line-height:25px; color:#ccc;background-color:#333333; }
.gmlist .gm_set{ margin:0; padding:0 10px; text-align:right; font-size:0.90em; height:25px; line-height:25px; color:#cccccc;  }
.gmlist .gm_set a:link{ color:#ccc; padding:0 0 0 0; font-size:0.90em; text-decoration:none;}
.gmlist .gm_set a:visited{ color:#ccc; padding:0 0 0 0; font-size:0.90em; text-decoration:none;}
.gmlist .gm_set a:hover{ color:#fff; padding:0 0 0 0; font-size:0.90em; text-decoration:none;}



/*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:85%; 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:#f3072e; color:#ffffff; width:70px; height:13px; padding:6px; margin:10px 0 0 0;}
#cont .mbox .mbox1000 .btnset01 .bs-desc02 .dc02-btn01:visited{background-color:#f3072e; color:#ffffff; }
#cont .mbox .mbox1000 .btnset01 .bs-desc02 .dc02-btn01:hover {color:#ffffff;background-color:#333333;}

 #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 .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;}
}