@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
*{margin:0; padding:0; list-style-type:none; }
html, body { font-family: 'Nanum Gothic', sans-serif; font-size: 24px; color: #666; line-height: 36px; height: 100%; letter-spacing: -0.25px }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td { margin:0; padding:0; -webkit-text-size-adjust:none;}
img {vertical-align: top;}
img,fieldset{border:0}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
hr {display:none;}
a {color:inherit;}
a, a:link {color:#333; text-decoration:none;}
em,i,address {font-style:normal; font-weight:normal;}
legend,caption {display:none; clear:both;}
input,textarea,select,button,table{ font-size:inherit;font-family:inherit;line-height:inherit; }/**font-size:100%;*/
table{border-collapse:collapse}
textarea, input {outline-color:-moz-use-text-color; outline-style:none; outline-width:medium;}
textarea { resize:none; }
label { cursor:pointer; }
a:visited { font-family: 'Nanum Gothic', sans-serif; color:#333; }
a:hover, a:active { font-family: 'Nanum Gothic', sans-serif; color:#333; text-decoration:none; }

input[type="button"], input[type="text"],input[type="image"],input[type="submit"] { -webkit-appearance:none; -webkit-border-radius:0;}
input:checked[type="checkbox"]{ background-color:#fff; -webkit-appearance:checkbox; }
button, input[type="reset"], input[type="button"], input[type="submit"] { line-height:normal !important; }

article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
command, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr { display: inline; }

/* ���� ���� */
.p0{ padding: 0px !important}
.pl0{ padding-left: 0px !important}
.pr0{ padding-right: 0px !important}
.pt0{ padding-top: 0px !important}

.pt10{ padding-top: 10px !important}
.pt20{ padding-top: 20px !important}
.pt30{ padding-top: 30px !important}
.pt50{ padding-top: 50px !important}

.pb0{ padding-bottom: 0 !important}

/* common */
.fl{ float: left }
.fr{ float: right }
.ac{ text-align: center }
.ar{ text-align: right }
.am{ vertical-align: middle }

.skipNav,.hide { position:absolute;top:-9999px;left:-9999px;font-size:0;line-height:0; }
.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden}
.clfix {display: inline-block}
.clfix {display: block}
* html .clfix {height: 1%} /* Hides from IE-mac */
.clfix {zoom: 1} /*for IE 5.5-7*/

.col-green{ color: #309408 }
.col-blue{ color: #425c83 }
/*************************************************************************************
 *																					 *
 *********************************** layout ******************************************
 *																					 *
 *************************************************************************************/

#wrap{ width: 100% }
#wrap #container{ width: 640px; height: 100%; margin: 0 auto; overflow: hidden; position: relative }

#header{ width: 640px;  position: relative }
#innerWrap{ position: relative; left: 0; top: 0; height: 100%;  }
.mainHeader{   height: 123px; z-index: 2;  border-bottom:1px solid #cccccc;}
.mainHeader h1{ padding-top: 23px; padding-left:20px; }
.mainHeader .btnLogin{ position: absolute; left: 236px; top: 12px; height:63px; width:328px; z-index:10;    background: url(/image/main/search_bg.png) no-repeat 0 0; }
.mainHeader .btnLogin img {margin-top:12px;  z-index: 11 }
.mainHeader .btnLogin input {line-height: 0; width:270px; height:50px; border:0 none; margin-left: 4px; margin-top:4px;}
.mainHeader .btnGnb{ position: absolute; right: 20px; top: 27px }

.c_menu li{ float:left;}

.gold_cont {width:640px;}
.gold_cont .gold_cont_left {width:320px; float:left;}
.gold_cont .gold_cont_left .gold_cont_left_cont {width:318px; height:262px; border:1px solid #cccccc;}
.gold_cont .gold_cont_left .gold_cont_left_cont .gold_text1 {padding-left:21px; padding-top:10px; font-size:0.9em; font-weight:700; }
.gold_cont .gold_cont_left .gold_cont_left_cont .gold_text2 {padding-left:21px; padding-right:28px; font-size:0.8em; line-height: 120%;}
.gold_cont .gold_cont_left .gold_cont_left_cont .gold_cont_icon {text-align: right; padding-top:26px; padding-right:20px;}

.gold_cont .gold_cont_right {width:320px; float:left;}
.gold_cont .gold_cont_right .gold_cont_left_cont {width:318px; height:262px; border:1px solid #cccccc;}
.gold_cont .gold_cont_right .gold_cont_left_cont .gold_text1 {padding-left:21px; padding-top:10px; font-size:0.9em; font-weight:700; }
.gold_cont .gold_cont_right .gold_cont_left_cont .gold_text2 {padding-left:21px; padding-right:28px; font-size:0.8em; line-height: 120%;}
.gold_cont .gold_cont_right .gold_cont_left_cont .gold_cont_icon {text-align: right; padding-top:26px; padding-right:20px;}

.silver_cont {width:640px;}
.silver_cont .silver_cont_left1 {width:213px;  float:left;}
.silver_cont .silver_cont_left1 .silver_cont_left1_cont {width:211px; height:213px; border:1px solid #cccccc;}
.silver_cont .silver_cont_left1 .silver_cont_left1_cont .silver_text1 {font-size:0.9em; font-weight:700; padding-left:20px; padding-top:20px;}
.silver_cont .silver_cont_left1 .silver_cont_left1_cont .silver_text2 {font-size:0.8em; line-height: 120%; padding-left:20px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;   width:180px; }

.silver_cont .silver_cont_left2 {width:213px; height:213px; float:left;}
.silver_cont .silver_cont_left2 .silver_cont_left1_cont {width:211px; height:213px; border:1px solid #cccccc;}
.silver_cont .silver_cont_left2 .silver_cont_left1_cont .silver_text1 {font-size:0.9em; font-weight:700; padding-left:20px; padding-top:20px;}
.silver_cont .silver_cont_left2 .silver_cont_left1_cont .silver_text2 {font-size:0.8em; line-height: 120%; padding-left:20px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;   width:180px; }

.silver_cont .silver_cont_left3 {width:214px; height:213px; float:left;}
.silver_cont .silver_cont_left3 .silver_cont_left1_cont {width:212px; height:213px; border:1px solid #cccccc;}
.silver_cont .silver_cont_left3 .silver_cont_left1_cont .silver_text1 {font-size:0.9em; font-weight:700; padding-left:20px; padding-top:20px;}
.silver_cont .silver_cont_left3 .silver_cont_left1_cont .silver_text2 {font-size:0.8em; line-height: 120%; padding-left:20px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;   width:180px; }

.bronze_inner {margin-bottom:10px;}
.bronze_inner .bronze_cont {height:129px; border:1px solid #cccccc;}
.bronze_inner .bronze_cont .bronze_cont1 {width:225px; float: left; padding:24px 0 0 19px;}
.bronze_inner .bronze_cont .bronze_cont1 img { border:4px solid #cccccc;  }
.bronze_inner .bronze_cont .bronze_cont2 {width:330px; float: left; font-size:0.7em; line-height: 120%; padding-top:42px; }
.bronze_inner .bronze_cont .bronze_cont2 span {font-weight:700;}
.bronze_inner .bronze_cont .bronze_cont3 {width:37px; float: left; padding-top:49px;}

#gnb{ width: 337px; position: absolute; right: -337px; top: 0; height: 100%; background: #fff; }





#mainVisual{ height: 436px; position: relative; margin-top: -36px; z-index: 1;}
#subCont{ position: relative; margin-top: -36px; z-index: 1; }
.mainBtn{ font-size: 0; line-height: 0 }
.mainBtn li{ float: left }
.contactWrap{ position: relative; height: 72px; background: url(/image/main/bg_contact.gif) no-repeat 0 0; }
.contactWrap .phoneNum{ position: absolute; left: 215px; top: 23px; }
.contactWrap .btnContact{ position: absolute; left: 420px; top: 15px; }
.mainBoard tr td{ padding: 8px 0 8px 0; font-size: 0.9em; border: none; }
.mainBoard tr td img { vertical-align: middle; }
.mainBoard tr.noticeCol td { background-color: #7e8592; color: #fff; font-weight: 700; }
.mainBoard tr.noticeCol .title{ text-align: left; padding-left: 20px; }
.mainBoard tr.noticeCol .cont{ text-align: left; padding-left: 20px; }
.mainBoard tr.noticeCol .date{ text-align: left; padding-left: 10px; }

.mainBoard tr.talkCol td { background-color: #fff; font-weight: 700; }
.mainBoard tr.talkCol .title{ text-align: left; padding-left: 20px; }
.mainBoard tr.talkCol .cont{ text-align: left; padding-left: 20px; }
.mainBoard tr.talkCol .date{ text-align: left; padding-left: 10px; }


#footer{position: relative; }
#footer .footLink{ line-height: 0; font-size: 0; border-bottom: 1px solid #868d99; border-top: 2px solid #868d99; }
#footer .footLink li{ float: left }
#footer .copy{ text-align: left; padding: 24px 0 30px 30px;  border-top: 1px solid #fff; background-color: #f9f9fa;  position: relative;}


#content{ background: #fff }
#content .contInner{ padding: 25px 15px 50px }

/* sub */
.subTit{ width: 100%; height: 66px; background: url(/m/image/common/bg_sub_tit.gif) no-repeat 0 0; line-height: 66px; font-family: Times; text-align: center; font-size: 38px; color: #fff}
.subTab li{ float: left; background: url(/m/image/common/bg_tab_off.gif) repeat-x 0 100%; width: 50% }
.subTab li a{ display: block; height: 52px; text-align: center; line-height: 48px; font-family: Tahoma; font-size: 26px; color: #888 }
.subTab li.on a{  background: url(/m/image/common/bg_tab_on.gif) repeat-x 0 100%; color: #222 }
.subTab li:nth-child(2) a{ border-left: 1px solid #7f7f7f }

.tabLen03 li{ width: 33% }
.tabLen03 li:nth-child(3){ width: 34% }
.tabLen03 li:nth-child(3) a{ border-left: 1px solid #7f7f7f }

.titsSub01{ font-size: 28px; font-family: 'Nanum Gothic', sans-serif; font-weight: 700; color: #222; text-align: center }
.fontNanum{ font-size: 24px; line-height: 36px; font-family: 'Nanum Gothic', sans-serif; font-weight: 400; color: #444 }
.subImg{ padding: 25px 0 }
.brandTxt02{ margin-top: 70px; border-left: 4px solid #000; padding-left: 11px }
.brandTxt02 h4{ display: block; font-size: 28px; line-height: 30px; color: #222; font-weight: 700 }
.brandTxt02 p{ font-size: 24px; color: #444444 ; line-height: 36px; margin-top: 10px }
.brandTxt02 a.col-red{ color: #e30707; text-decoration: underline}

.dlList{ margin-top: 25px }
.dlList dt{ float: left; font-weight: 700;  }
.dlList dd{ display: table; padding-left: 6px }

.listScBox{ height: 53px; border-top: 1px solid #a0a0a0; background: #8b8b8b; padding-top: 16px }
.listScBox .selTit{ padding: 9px 8px 0 15px }
.listScBox .btn{ vertical-align: middle; margin-left: 4px}

.viewList{ margin-top: 23px; width: 629px; margin-left: -19px }
.viewList li{ float: left; margin-left: 19px; padding-bottom: 19px }


.viewList02{ margin-top: 23px; width: 629px; margin-left: -19px }
.viewList02 li{ float: left; margin-left: 19px; height: 460px}
.viewList02 li span.img{ display: block }
.viewList02 li span.txt{ display: block; width: 295px; color: #222; font-size: 26px; font-family: Tahoma}

.viewList03{ margin-top: 23px; width: 624px; margin-left: -14px; border-bottom: 1px solid #ddd; padding-bottom: 20px }
.viewList03 li{ float: left; margin-left: 14px; padding-bottom: 14px }


.pagingWrap{ text-align: center; padding-top: 15px }
.pagingWrap .paging{ display: inline-block }
.pagingWrap .paging a{ float: left }
.pagingWrap .paging span{ float: left; font-family: Tahoma; font-size: 24px; padding: 9px 28px 0}
.pagingWrap .paging span strong{ color: #222; font-weight: 400 }

.viewTxt{ padding-top: 20px   }
.viewTxt h3{ font-size: 24px; font-weight: 400; color: #444 }
.viewTxt h4{ font-size: 18px; font-weight: 700; color: #444; padding-top: 20px }
.viewTxt p{ width: 630px; font-size: 18px; font-weight: 400; color: #444;  }
.viewTxt span{ font-size: 18px; font-weight: 400; color: #444; }
.viewTxt font{ width: 630px !important; font-size: 18px; display: block;font-family: 'Nanum Gothic', sans-serif; }

.viewTxt02{ padding-top: 20px; color: #444; font-size: 24px  }


.imgList01{ padding-top: 30px; line-height: 0; font-size: 0 }
.imgList01 li{ float: left  }

.listBtnWrap{ padding-top: 50px }
.listScArea{ border: 1px solid #d1d1d1; padding-left: 15px  }
.listScArea input{ border: none; vertical-align: middle }
.listScArea input[type="text"]{ height:54px; line-height: 54px; width: 195px}

.storeList{}
.storeList li{ border-bottom: 1px solid #d0d0d0; position: relative; padding: 20px 0 }
.storeList li strong.tit{ display: block; width: 100%; font-size: 24px; font-weight: 700; color: #444; line-height: 36px; /* padding-right: 220px  */}
.storeList li p.add{  display: block; width: 100%; font-size: 24px; color: #444; line-height: 36px; margin-top: 10px}
.storeList li span.tel{ font-size: 24px; color: #444; line-height: 36px; position: absolute; right: 20px; top: 20px }

.listType01{ width: 100%; table-layout: fixed; }
.listType01 td{ border-bottom: 1px solid #ddd; padding: 15px 0; text-align: center; font-size: 24px; color: #222 }
.listType01 tr.hit td{ background: #f4f4f4; }
.listType01 td img{ vertical-align: middle }
.listType01 td.link{ text-align: left  }
.listType01 td.link a{ font-size: 24px; color: #222; vertical-align: middle; font-size: 24px; color: #222  }

.listType02{ width: 100%; table-layout: fixed; border-top: 1px solid #ddd; }
.listType02 th{ border-bottom: 1px solid #ddd; padding: 15px 0; font-weight: 400; text-align: center; font-size: 24px; color: #444 }
.listType02 th.bgUp{ background: #f4f4f4 url(/m/image/news/bg_arr_up.gif) no-repeat 150px 30px; }
.listType02 th.bgDown{ background: #f4f4f4 url(/m/image/news/bg_arr_down.gif) no-repeat 150px 30px; }
.listType02 td{ border-bottom: 1px solid #ddd; padding: 15px 0; font-weight: 400; text-align: center; font-size: 24px; color: #444 }
.listType02 td.link{ text-align: left; padding-left: 10px }
.listType02 td.link a{ color: #444 }

.pressView h3{ border-bottom: 1px solid #ddd; padding: 10px 0; margin-bottom: 10px; color:#222  }
.pressView .pressTxt{ padding-bottom: 10px; color:#222 }

.bdLineBt{ padding-bottom: 30px; border-bottom: 1px solid #ddd }