/**°øÅë**/
#wrap{ font-family:NanumGothic, 'Nanum Gothic', '³ª´®°íµñ', NG, µ¸¿ò, ±¼¸², sans-serif;}
.clearboth { clear:both; height:0px; font-size:0px;}
*{-webkit-text-size-adjust:none;} 


/* btn1 */
.btn1 {float:left; width:100px; margin:0 10px; }
.btn1 a {display: inline-block; width: 100px; height: 25px; border-bottom: 3px solid #dddddd; font-size: 12px; font-weight: 400; color: #999999; line-height: 25px; transition: all 0.5s ease 0s; text-align: center;border-radius: 0; text-decoration:none;background-color: #ffffff;}
.btn1 a:hover { color: #000000; background-color: #ffffff; border-bottom: 3px solid #000;font-size: 12px;font-weight: 400; letter-spacing:0; text-decoration:none;}
/* btn2 */
.btn2 {width:100px; margin:20px 0 0 0;}
.btn2 a:link {display: inline-block; width: 100px; height: 25px; font-size: 12px; font-weight: 400; background-color: #000; color: #ffffff; line-height: 25px; transition: all 0.3s ease 0s; text-align: center;border-radius: 0;text-decoration:none;}
.btn2 a:visited {display: inline-block; width: 100px; height: 25px;  font-size: 12px; font-weight: 400; background-color: #000; color: #ffffff; line-height: 25px; transition: all 0.3s ease 0s; text-align: center;border-radius: 0;text-decoration:none;}
.btn2 a:hover { height:25px; color: #000000; background-color: #ffb647; font-size: 12px;font-weight: 600; letter-spacing:1px; text-decoration:none;}

.collection{width:100%; padding:50px 0 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;}


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

/* Å×À̺í */
.tableline   { width:100%; border-top:1px #dddddd solid; border-bottom:0px #dddddd solid; border-left:1px #e5e5e5 solid; font-size:0.80em;}
.tableline td  { border-bottom:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; padding:4px; }
.board_desc input,select {border:#cccccc 1px solid;}
.board_desc textarea {border:0px;}

/*GM LIST*/ 
.gmlist { margin:0; padding:0  0 0; width:100%; height:20px; line-height:20px; color:#ccc; background-color:#ffffff;  }
.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:#666; padding:0 0 0 0; font-size:10px; text-decoration:none;}
.gmlist .gm_set a:visited{ color:#666; padding:0 0 0 0; font-size:10px; text-decoration:none;}
.gmlist .gm_set a:hover{ color:#666; padding:0 0 0 0; font-size:10px; text-decoration:none;}
.menu_line{border-bottom:1px solid #efefef; 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:170px; height:auto; float:left; position:relative; top:18px;}
#logo img{width:100%;}

.addarea {display:none;}

/* »ó´Ü 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:0.95em; line-height:77px; 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:180px; text-align:center; background:url(../../img/pd/visual/svb1.jpg); background-position: 50% 0; }
#svb2{width:100%; margin:0 auto; height:180px; text-align:center; background:url(../../img/pd/visual/svb1.jpg); background-position: 50% 0;}
#svb3{width:100%; margin:0 auto; height:180px; text-align:center; background:url(../../img/pd/visual/svb1.jpg); background-position: 50% 0;}
#svb4{width:100%; margin:0 auto; height:180px; text-align:center; background:url(../../img/pd/visual/svb1.jpg); background-position: 50% 0;}
#svb5{width:100%; margin:0 auto; height:180px; text-align:center; background:url(../../img/pd/visual/svb1.jpg); background-position: 50% 0;}
#svbm{width:100%; margin:0 auto; height:180px; text-align:center; background:url(../../img/pd/visual/svb1.jpg); background-position: 50% 0;}
#svbg{width:100%; margin:0 auto; height:180px; text-align:center; background:url(../../img/pd/visual/svb1.jpg); background-position: 50% 0;}
#svb{width:100%; margin:0 auto; height:180px; text-align:center; background:url(../../img/pd/visual/svb1.jpg); background-position: 50% 0;}

/*º»¹®*/
#conts_main { height:auto; margin:0 auto 0; 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;}




/* °øÅë ¼½¼Ç ŸÀÌƲ¹Ù */
.mTitleBar {width:100%; height:auto; padding:0 0 30px 0; margin:0;  text-align:center;}
.mTitleBar:after {content:""; display:block; clear:both;}
.mTitleBar .tit01{font-size:40px; color:#333; display:block; padding:50px 0 15px 0; }
.mTitleBar .desc01 {font-size:16px; color:#878787; display:block; line-height:150%; padding:0 0 15px 0; font-weight:normal;}


.goods_img {width:1024px;  margin:0 auto; padding:0 0 100px 0 ; text-align:center; font-weight:600;}
.goods_img img {width:100%; height:auto; border:#fff 10px solid; box-sizing:border-box;}
.goods_img img:hover {width:100%; height:auto;border:#f5f5f5 10px solid; box-sizing:border-box;}



#btmInfo {width:100%; height:auto; margin:0; padding:80px 0; background-color:#fff;} 
#btmInfo:after {content:""; display:block; clear:both;}

#btmInfo .bi_Area{width:1024px; margin:0 auto; padding:0; } 
#btmInfo .bi_Area:after {content:""; display:block; clear:both;}
#btmInfo .bi_Area .bi_Left {float:left; width:33.33%; margin:0; padding:0 20px; box-sizing:border-box;}
#btmInfo .bi_Area .bi_Center {float:left; width:33.33%; margin:0; padding:0 20px; box-sizing:border-box;}
#btmInfo .bi_Area .bi_Right {float:left; width:33.33%; margin:0; padding:0 20px; box-sizing:border-box;}
#btmInfo .bi_Area .tit01 {font-size:20px; font-weight:600; color:#333; padding:0 0 10px 0; margin:0 0 15px 0; border-bottom:#666 2px solid;}
#btmInfo .bi_Area .tit01 a{display:block; color:#333; }
#btmInfo .bi_Area .tel01 {font-size:30px; font-weight:600; color:#333; padding:0 0 10px 0; line-height:100%; }
#btmInfo .bi_Area .etc01 {font-size:15px; font-weight:normal; color:#666; padding:0 0 15px 0; line-height:150%; }
#btmInfo .bi_Area .comment01 {font-size:13px; font-weight:normal; color:#999; padding:7px 0; width:85%;border-top:#ddd 1px solid;}
 .board_latest01 table tr td{padding:3px 0; font-size:14px;}




/*°øÅë ¼­ºê¸Þ´º*/
.h1 { margin:0 0 10px 0; padding:0 0 0 0; font-size:1.50em; width:190px; letter-spacing:-1px; color:#333333; text-align:center; height:100px; line-height:100px; background-color:#ffffff; font-weight:900; border-bottom:#333333 3px solid; /*border-right:#ddd 1px solid;border-left:#ddd 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:#283f68; color:#ffffff;  /*border-top:#cccccc 1px solid;border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;border-right:#cccccc 1px solid;*/}
#ulliset .li1on:first-child {border-top:none;}
#ulliset .li1on a:link { height:40px; line-height:40px; padding-left:10px; list-style:none; color:#ffffff; 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:#ffffff; font-weight: 900; width:180px;}
#ulliset .clear { clear:both;}

/*footer*/
#footer_bg { margin:0; padding:0; width:100%; border-top:1px solid #091b27; background-color:#091b27; 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:#999999;}
#footer_bg .footer .linkset ul li a:hover{color:#ffffff;}
#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:80%; }
#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:#999999; line-height:200%; font-size:0.80em;}
#footer_bg .footer .info .copy li { clear:both;  color:#999999; font-size:0.75em; line-height:150%;}

/*¼­ºê¸Þ´º ÇÏ´Ü °í°´¼¾ÅÍ*/
#left-csc { padding:20px 0; text-align:left; margin:80px 0 0 10px; -color:#ffffff; webkit-box-sizing: border-box;box-sizing:border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}#left-csc .lc-tit01 {height:32px; line-height:32px; padding:0 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.60em; font-weight:900; color:#555555; line-height:130%;}
#left-csc .lc-body01 .faxno01{ font-weight:600;font-size:0.80em;}
#left-csc .lc-body01 .emailadd01{font-weight:600; font-size:0.75em;}
#left-csc .lc-body01 .worktime01{ margin:10px 0 0 0; font-size:0.75em; line-height:130%; }}





/*mobile*/
@media all and (max-width:1024px) 
{/* Æû¸ÞÀÏ */
.formmail_border { width:80%;}.formmail_textarea_style{ width:100%;}

/* Å×À̺í */
.tableline   { width:100%; border-top:1px #dddddd solid; border-bottom:0px #dddddd solid; border-left:1px #e5e5e5 solid; font-size:0.80em;}
.tableline td  { border-bottom:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; padding:4px; }
#search_display1 input,select,checkbox {border:1px #cccccc solid;}
.board_desc input,select {border:#cccccc 1px solid; color:#333333;width:80%; padding:3px 0; }
.board_desc input[type="checkbox"], input[type="radio"]{width:auto;}.board_desc textarea {border:0px; color:#333333; }



/** 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; z-index:1; margin:0 auto; text-align:center;}
#logo img{width:70%;}

.addarea{width:44px; height:20px; float:right; position:relative; top:23px; right:5px; z-index:2; padding:3px; text-align:center;}
.addarea img{width:80%;}


/* »ó´Ü nav */
.top_gnb{width:44px; height:20px; float:left; position:relative; top:30px; left:10px; z-index:2; padding:3px; text-align:center;}
.top_gnb img{width:70%;} 
nav{display:none;}
.top_nav{display:none;}





/*footer*/
#footer_bg { margin:0; padding:0 10px; width:100%; background-color :#091b27; font-size:1.00em; box-sizing:border-box;}
#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:#cccccc;}
#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:auto; height:30px; }
#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:#cccccc; line-height:200%; font-size:0.80em;}
#footer_bg .footer .info .copy li { clear:both;  color:#cccccc; 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:#f8f8f8; }
.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:#999; padding:0 0 0 0; font-size:0.90em; text-decoration:none;}

/*sub visual*/
#svb, #svb1, #svb2, #svb3, #svb4, #svb5, #svbm, #svbg{display:none;}




/* °øÅë ¼½¼Ç ŸÀÌƲ¹Ù */
.mTitleBar {width:100%; height:auto; padding:50px 0 10px; margin:0;  text-align:center;}
.mTitleBar:after {content:""; display:block; clear:both;}
.mTitleBar .tit01{font-size:26px; color:#333; display:block; padding:0 0 10px 0; }
.mTitleBar .desc01 {font-size:14px; color:#878787; display:block; line-height:150%; padding:0 0 15px 0; font-weight:normal;}



.goods_img {width:89%;  margin:0 auto 50px; padding:0 0 25px 0 ; text-align:center; font-size:14px;}
.goods_img img {width:100%; height:auto; border:#fff 3px solid; box-sizing:border-box;}



#btmInfo {width:100%; height:auto; margin:0; padding:40px 0; background-color:#fff;} 
#btmInfo:after {content:""; display:block; clear:both;}

#btmInfo .bi_Area{width:100%; margin:0; padding:0; } 
#btmInfo .bi_Area:after {content:""; display:block; clear:both;}
#btmInfo .bi_Area .bi_Left {float:none; width:95%; margin:0 auto; padding:0 20px; box-sizing:border-box;}
#btmInfo .bi_Area .bi_Center {float:none; width:95%; margin:0 auto; padding:0 20px; box-sizing:border-box;}
#btmInfo .bi_Area .bi_Right {float:none; width:95%; margin:0 auto; padding:0 20px; box-sizing:border-box;}
#btmInfo .bi_Area .tit01 {font-size:1.0em; font-weight:normal; color:#333; padding:0 0 0 10px; height:30px; line-height:30px; margin:3px auto;border:#ddd 1px solid; position: relative;}
#btmInfo .bi_Area .tit01:after {content:"+"; display:block; position: absolute; top: 10px; right: 10px; color:#333; top:0;}
#btmInfo .bi_Area .tit01 a{display:block; color:#333; }
#btmInfo .bi_Area .tel01 {font-size:2.0em; font-weight:600; color:#333; padding:10px 0 10px 10px;}
#btmInfo .bi_Area .tel01 a{ color:#000;}
#btmInfo .bi_Area .etc01 {font-size:0.95em; font-weight:normal; color:#666; padding:0 0 15px 10px;}
#btmInfo .bi_Area .etc01 a{ color:#000;}
#btmInfo .bi_Area .comment01 {font-size:0.9em; font-weight:normal; color:#424242; padding:7px 0 7px 10px; width:100%;border-top:#ddd 1px solid;box-sizing:border-box;}
#btmInfo .bi_Area .board_latest01 {display:none;}



.board_output_gallery_img {width:100%;  margin:0;  text-align:left;}
.board_output_gallery_img img {width:100%; max-width:500px; height:auto; }
td.board_output_gallery_img {width:auto;}/*¼­ºê¸Þ´º ÇÏ´Ü °í°´¼¾ÅÍ*/
#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;}

}