@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
* {font-family: 'Noto Sans KR', sans-serif;}

@font-face { 
  font-family: 'Noto Sans KR',sans-serif; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR',sans-serif; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR',sans-serif; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR',sans-serif; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR',sans-serif; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR',sans-serif; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 

/* 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{ margin:0; padding:0; }
body,input,textarea,select,button,table{ font-family:'Noto Sans KR',sans-serif,AppleGothic,sans-serif; font-size:12px; }
img,fieldset{ border:0; }
table { border-collapse:collapse; border-spacing:0; }
ul,ol,li{ list-style:none; }
em,address{ font-style:normal; }
a{ text-decoration:none; font-family:'Noto Sans KR',sans-serif; color:#979797;}
a:hover,a:active,a:focus{ text-decoration:underline; }
.blind, legend, hr { position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; }



/*****************************************************************************************************************************************************************
*	LAYOUT [S]
******************************************************************************************************************************************************************/
#wrap{ width:100%;}
#header{ width:100%; /*background:url('../img/common/headerBG.png') repeat-x top;*/ z-index:22; position:absolute; background-color:#fff; top:0px; height:100px; }
.hearder_bar {width:1000px; height:120px; margin:0px auto; position:relative;}
#content{ width:100%; position:relative;}
.sub_content{ width:1000px; margin:120px auto 0px auto; position:relative; padding-bottom:30px;}
.shop_content { padding:20px 0; }
#footer{ width:100%;background:#252525; clear:both;}
/*****************************************************************************************************************************************************************
*	LAYOUT [E]
******************************************************************************************************************************************************************/



/*****************************************************************************************************************************************************************
*	HEADER [S]
******************************************************************************************************************************************************************/
.hearder_bar .logo { position:absolute; top:29px; left:0px; width:277px; height:52px; }

.top_ly { position:relative; width:1000px; height:57px; margin:0; padding:0; }
.top_ly .rel_svc { position:relative; margin:20px 0 0 0; top:0px; left:0px; float:right; z-index:100; width:245px; height:16px; }
.top_ly .rel_svc .top_menu a { position:absolute; top:0px; left:0; float:left; display:block; width:202px; height:16px; overflow:hidden; text-indent:-20000px; background:url('/img/common/menu_ly_v02.png') no-repeat -25px -19px; }
.top_ly .rel_svc .top_menu .btn_etc_cate1 { left:-10px; width:35px; background-position:-16px -17px; }
.top_ly .rel_svc .top_menu .btn_etc_cate2 { left:30px; width:45px; background-position:-55px -17px; }
.top_ly .rel_svc .top_menu .btn_etc_cate3 { left:79px; width:45px; background-position:-103px -17px; }
.top_ly .rel_svc .top_menu .btn_etc_cate4 { left:128px; width:45px; background-position:-151px -17px; }
.top_ly .rel_svc .top_menu .btn_etc_cate5 { left:180px; width:52px; background-position:-201px -17px; }

.top_ly .rel_svc .top_menu .btn_etc_cate1:hover { left:-10px; width:35px; background-position:-16px -32px; }
.top_ly .rel_svc .top_menu .btn_etc_cate2:hover { left:30px; width:45px; background-position:-55px -32px; }
.top_ly .rel_svc .top_menu .btn_etc_cate3:hover { left:79px; width:45px; background-position:-103px -32px; }
.top_ly .rel_svc .top_menu .btn_etc_cate4:hover { left:128px; width:45px; background-position:-151px -32px; }
.top_ly .rel_svc .top_menu .btn_etc_cate5:hover { left:180px; width:52px; background-position:-201px -32px; }

.top_ly .rel_svc .top_menu .btn_etc_cate11 { left:-18px; width:45px; background-position:-256px -17px; }
.top_ly .rel_svc .top_menu .btn_etc_cate21 { left:30px; width:45px; background-position:-305px -17px; }
.top_ly .rel_svc .top_menu .btn_etc_cate11:hover { left:-18px; width:45px; background-position:-256px -32px; }
.top_ly .rel_svc .top_menu .btn_etc_cate21:hover { left:30px; width:45x; background-position:-305px -32px; }


/* 메인메뉴 */
.gnb {position:relative; width:650px; height:70px; float:right; margin-top:-12px; }
.cnv ul                     {position:relative; margin:0 0 0 30px;}
.cnv li                   {float:left;}
.cnv p a                  {display:block;float:left; height:40px; background:url('/img/common/menu_ly_v02.png') no-repeat;text-indent:-20000px; vertical-align:top;}
.cnv_menu01 p a           {width:127px; background-position:-25px -50px;}
.cnv_menu02 p a           {width:139px; background-position:-152px -50px;}
.cnv_menu03 p a           {width:112px; background-position:-291px -50px;}
.cnv_menu04 p a           {width:126px; background-position:-403px -50px;}
.cnv_menu05 p a           {width:139px; background-position:-529px -50px;}

.cnv_menu01 p a:hover,.cnv_menu01 p a:focus,.cnv_menu01 p a:active,.cnv_menu01_on p a,.cnv_menu01 .cnv_menu01 p a {background-position:-25px -83px;}
.cnv_menu02 p a:hover,.cnv_menu02 p a:focus,.cnv_menu02 p a:active,.cnv_menu02_on p a,.cnv_menu02 .cnv_menu02 p a {background-position:-152px -83px;}
.cnv_menu03 p a:hover,.cnv_menu03 p a:focus,.cnv_menu03 p a:active,.cnv_menu03_on p a,.cnv_menu03 .cnv_menu03 p a {background-position:-291px -83px;}
.cnv_menu04 p a:hover,.cnv_menu04 p a:focus,.cnv_menu04 p a:active,.cnv_menu04_on p a,.cnv_menu04 .cnv_menu04 p a {background-position:-403px -83px;}
.cnv_menu05 p a:hover,.cnv_menu05 p a:focus,.cnv_menu05 p a:active,.cnv_menu05_on p a,.cnv_menu05 .cnv_menu05 p a {background-position:-529px -83px;}

.cnv li .submenu           {display:none;position:absolute;top:30px;left:0px;_left:-850px;padding:8px 0 5px 35px;}
.cnv li .submenu .gap_cols1 {margin:0 0 0 -20px;}
.cnv li .submenu .gap_cols2 {margin:0 0 0 135px;}
.cnv li .submenu .gap_cols3 {margin:0 0 0 160px;}
.cnv li .submenu .gap_cols4 {margin:0 0 0 125px;}
.cnv li .submenu .gap_cols5 {margin:0 0 0 560px;}

.cnv li .submenu ul        {float:left;}
.cnv li .submenu ul li     {float:none;height:18px;margin:0px;line-height:16px}
.cnv li .submenu a         {text-decoration:none !important}
.cnv li .submenu a         {color:#655300;  font-weight:bold; letter-spacing:-1px; font-size:12px; }
.cnv li .submenu a:hover,.cnv li .submenu a:focus,.cnv li .submenu a:active           {color:#453900; }
.cnv li .submenu a em      {color:#ffffff; font-family:Tahoma; font-size:10px; letter-spacing:0em; }
.cnv li .submenu a:hover em,.cnv li .submenu a:focus em,.cnv li .submenu a:active em  {color:#453900;}

.cnv .cnv_menu01_on .submenu,.cnv .cnv_menu02_on .submenu,.cnv .cnv_menu03_on .submenu,.cnv .cnv_menu04_on .submenu,.cnv .cnv_menu05_on .submenu{display:block;}


.cnv_menu01 .submenu .gap_col   {width:50px;}
.cnv_menu01 .submenu .gap_col2   {width:84px;}

.cnv_menu02 .submenu .gap_col   {width:70px;}
.cnv_menu02 .submenu .gap_col2  {width:60px;}
.cnv_menu02 .submenu .gap_col3  {width:50px;}

.cnv_menu03 .submenu .gap_col   {width:70px;}
.cnv_menu03 .submenu .gap_col2  {width:80px;}

.cnv_menu04 .submenu .gap_col   {width:60px;}
.cnv_menu04 .submenu .gap_col2  {width:70px}
.cnv_menu04 .submenu .gap_col3  {width:90px}

.cnv_menu05 .submenu .gap_col   {width:90px;}
.cnv_menu05 .submenu .gap_col2  {width:70px}
.cnv_menu05 .submenu .gap_col3  {width:50px}
.cnv_menu05 .submenu .gap_col4  {width:80px}

/*****************************************************************************************************************************************************************
*	HEADER [E]
******************************************************************************************************************************************************************/

/**********************************************************************************************************************************
* VISUAL [S]
************************************************************************************************************************************************/
button{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:0 0;background-color:transparent;text-indent:-9999px;overflow:hidden;cursor:pointer;font-size:1em;line-height:1.12em; border:0 none}
.trans{position:absolute !important;left:0 !important;top:-999% !important;width:0px !important;height:0px !important;overflow:hidden !important;opacity:0 !important; filter:alpha(opacity=0) !important}
/* 기본
.main-conts-a{position: relative;  width:100%; height:415px;}
.main-conts-a .num{position:absolute;left:50%; top:224px;width:12px;height:0px;background-image:url('/img/common/main-top-dot.png');background-position:-19px -72px;z-index:3;text-indent:-9999px;font:1px/1px serif;}
.main-conts-a .img{background-color:#3a3c41; text-align:center; margin:0px auto;}
.main-conts-a .img img{display:block; height:425px; }
*/

.main-conts-a{position: relative; height:425px; overflow:hidden; margin-top:100px;}
.main-conts-a .num{position:absolute;left:50%; top:224px;width:12px;height:0px;background-image:url('/img/common/main-top-dot.png');background-position:-19px -72px;z-index:3;text-indent:-9999px;font:1px/1px serif;}
.main-conts-a .img{position:absolute; max-width:100%; max-height:100%; width:auto; height:auto; top:0; bottom:0; left:0; right:0; margin:0px auto; background-color:#3a3c41;}
.main-conts-a .img img{position:absolute; left:50%; margin-left:-861px; display:block; height:425px; }

.main-conts-a .btns{position:absolute;left:50%;top:170px;width:1140px;height:49px;margin:0 0 0 -570px;z-index:9; overflow:hidden;}
.main-conts-a .btns span{display:block;width:26px;height:100%}
.main-conts-a .btns span.p{float:left}
.main-conts-a .btns span.n{float:right}
.main-conts-a .btns span button{background-image:url('/img/common/main-top-dot.png')}
.main-conts-a .btns span button:focus{outline:1px dotted #fff}
.main-conts-a .btns span.p button{background-position:0 0}
.main-conts-a .btns span.n button{background-position:-63px 0}

/**********************************************************************************************************************************
* VISUAL [E]
************************************************************************************************************************************************/



/*****************************************************************************************************************************************************************
*	foot [S]
******************************************************************************************************************************************************************/
.footerContainer { position:relative; width:1000px; height:200px; padding:10px 0;	margin:0 auto; }
.footerContainer .siteInformation { height:20px; float:right; }
.footerContainer .siteInformation li { float:left; padding:10px 0 0 14px; height:20px; background:url(../img/common/copy_line.gif) 7px 11px no-repeat; }
.footerContainer .siteInformation li.first { padding:10px 0 0 0; margin:0; background:none; }
.footerContainer .copy_add { width:500px; padding:0; float:left; clear:both; }
.footerContainer span img { padding-left:20px;}
.foot_coll { position:relative; width:310px; padding:20px 0 11px 0; _padding:20px 0; height:55px; float:right; }

/*****************************************************************************************************************************************************************
*	foot [E]
******************************************************************************************************************************************************************/

/**font**/
.blue{color:#005db5;}


.txt01{ color:#303030; font-family:'Noto Sans KR',sans-serif; font-weight:bold; font-size:16px; line-height:20px; letter-spacing:-1px;}
.blueLine{border-bottom:1px solid #6898d4; line-height:18px;}




/* top_margin */
.t_mar2 {margin-top:2px;}
.t_mar4 {margin-top:4px;}
.t_mar5 {margin-top:5px;}
.t_mar10 {margin-top:10px;}
.t_mar15 {margin-top:15px;}
.t_mar20 {margin-top:20px;}
.t_mar25 {margin-top:25px;}
.t_mar30 {margin-top:30px;}
.t_mar35 {margin-top:35px;}
.t_mar40 {margin-top:40px;}
.t_mar45 {margin-top:45px;}
.t_mar50 {margin-top:50px;}
.t_mar55 {margin-top:55px;}
.t_mar60 {margin-top:60px;}
.t_mar65 {margin-top:65px;}
.t_mar70 {margin-top:70px;}
.t_mar75 {margin-top:75px;}
.t_mar80 {margin-top:80px;}
.t_mar85 {margin-top:85px;}
.t_mar90 {margin-top:90px;}
.t_mar95 {margin-top:95px;}
.t_mar100 {margin-top:100px;}