@charset "utf-8";
  
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

/* Reset 
---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0; padding:0;box-sizing:border-box;}
fieldset,img{border:0 none;}
dl,ul,ol,menu,li{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:''; content:none;}
input,select,textarea,button{font-size:100%; vertical-align:middle;}
button{border:0 none; background-color:transparent; cursor:pointer;}
table{border-collapse:collapse; border-spacing:0;}
body{-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'], input[type='password'], input[type='submit'], input[type='search']{-webkit-appearance:none; border-radius:0;}
input:checked[type='checkbox']{background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{-webkit-appearance:button; border-radius:0;}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none;}
body,th,td,input,select,textarea,button{font-size:14px; color:#777;} /* color값은 디자인가이드에 맞게사용 */
a{color:#777; text-decoration:none;}
a:active, a:hover{text-decoration:none;}
address,caption,cite,code,dfn,em,var{font-style:normal; font-weight:normal;}
img{vertical-align:middle;}


/* Common
---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.mT5 {margin-top:5px;}
.mR7 {margin-right:7px;}
.mL7 {margin-left:7px;}
.mL20 {margin-left:20px;}
.mT30 {margin-top:30px;}
.mB60 {margin-bottom:60px;}
.ta_C {text-align:center;}


.hidden{margin:0; padding:0; width:0; height:0; line-height:0; font-size:0; text-indent:-9999em; overflow:hidden;}


/*  Layout
---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
html,body{height:100%;}
#wrap{position:relative; width:100%; min-width:320px;}


/*  Header
---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#header{padding:5px 12px; width:100%; height:60px; box-sizing:border-box; background:#fff;}
#header h1{float:left; width:auto; height:60px; line-height:0; font-size:0;}
#header h1 a{display:block; height:100%; line-height:1; font-size:20px;}
#header h1 a img{width:200px; height: auto; margin-top:2px;}

#nav{z-index:777; transition:.3s background linear;}
#nav.open{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000);}

#nav .btn_allmenu{z-index:999; position:absolute; top:28px; right:10px;margin-top:-10px; width:26px; height:20px; cursor:pointer; transition:.3s all linear;}
#nav .btn_allmenu span{position:absolute; right:1px; display:block; width:26px; height:3px; transition:.3s all linear; background:#006fbc; cursor:pointer;}
#nav .btn_allmenu span.line01{top:0;}
#nav .btn_allmenu span.line02,
#nav .btn_allmenu span.line03{top:9px; transform:rotate(0deg);}
#nav .btn_allmenu span.line04{top:18px;}
#nav.open .btn_allmenu{position:fixed;}
#nav.open .btn_allmenu span.line01{right:50%; width:0;}
#nav.open .btn_allmenu span.line02{transform:rotate(45deg);}
#nav.open .btn_allmenu span.line03{transform:rotate(-45deg);}
#nav.open .btn_allmenu span.line04{right:50%; width:0;}
#nav.open .btn_allmenu:after{display:none;}

/* ie8 용 */
#nav.open .btn_allmenu span.line01,
#nav.open .btn_allmenu span.line02,
#nav.open .btn_allmenu span.line03,
#nav.open .btn_allmenu span.line04{display:none\9;}
#nav.open .btn_allmenu:after{display:inline-block\9; content:"\2715\9"; font-weight:bold\9; font-size:29px\9; line-height:20px\9; color:#006fbc\9;}

.navigation{z-index:888; position:fixed; -webkit-transform:translate(0); top:0; right:-280px; padding-top:65px; width:280px; height:100%; box-sizing:border-box; background:#fff; transition:.3s all linear;}
#nav.open .navigation{right:0;}

.navigation > li{border-top:1px solid #ddd;}
.navigation > li:last-child{border-bottom:1px solid #ddd;}
.navigation .main_menu{position:relative;display:block; padding:0 15px; height:45px; overflow:hidden; line-height:45px; font-size:16px; color:#333; cursor:pointer;}
.navigation .main_menu:after{position:absolute; top:50%; right:15px; display:inline-block; content:""; margin-top:-3px; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:6px solid #bbb;}
.navigation > li.active{border-color:#006fbc;}
.navigation > li.active .main_menu{font-weight:500; color:#006fbc; background:#fff;}
.navigation > li.active .main_menu:after{border-bottom:6px solid #bbb; border-top:0;}

.sub_menu{display:none; background:#006fbc;}
.sub_menu li a{display:block; padding:0 15px; height:40px; overflow:hidden; line-height:40px; font-size:14px; color:#fff; border-top:1px solid #f5f5f5;}
.sub_menu li:first-child a{border-top:0;}
.sub_menu li a:before{display:inline-block; content:"\2010"; margin-right:7px;}



.lang_show {
    display: inline-block;
	margin-top:20px;
    position: relative;
    margin-left: 10px;
    height: 23px;
    border: 1px solid #fff;
    border-radius: 11px;
    margin-bottom: 10px;
}

.lang_show a {
    font-size: 12px;
    line-height: 21px;
    padding: 0 14px;
    font-weight: 500;
    display: block;
    color: #fff;
}

.lang_show .material-icons {
    display: block;
    position: absolute;
    right: 6px;
    top: 2px;
    font-size: 18px;
    color: #fff;
}

.lang_show {
    padding-right: 12px;
    background-color: #000;
    border: 1px solid #000;
}


.lang_show ul {
    position: absolute;
    left: -11px;
    top: 31px;
}

.lang_show ul li {
    padding-right: 12px;
}

.lang_show ul li a {
    display: block;
    margin-bottom: 38px;
    width: 55px;
}

.lang_show .lang_list {
    display: none;
    position: absolute;
    background-color: #000;
    width: 71px;
    left: -3px;
    border-radius: 10px;
    padding: 5px 0;
    top: -1px;
}

.lang_show .lang_list dd a {
    color: #fff;
    font-weight: 400;
    position: relative;
    line-height: 26px;
}

.lang_show .lang_list dd a i {
    color: #fff !important;
    right: 8px !important;
    top: 5px !important;
}


/*  Footer
---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.footer{padding:25px 10px; width:100%; box-sizing:border-box; text-align:center; background:#eee;}
.footer a, .footer p, .footer dd{color:#626262;}
.footer > ul, foot_btn > dl{line-height:0; font-size:0;}

.foot_btn{margin:0 -2px;}
.foot_btn li{display:inline-block; margin:0 3px; line-height:0; font-size:0;}
.foot_btn li a{display:inline-block; padding:6px 10px; letter-spacing:-1px; line-height:1; font-size:13px; border:1px solid #a1a1a1;}

.foot_clause li{margin-top:20px; display:inline-block; margin-left:5px; padding-left:5px; line-height:10px; border-left:1px solid #bbb;}
.foot_clause li:first-child{margin-left:0; padding-left:0; border-left:0;}
.foot_clause li a{line-height:10px; font-size:13px;}

.foot_info{margin-top:20px;}
.foot_info dd{display:inline-block; margin:0 5px; word-break:break-all; line-height:1.4; font-size:12px;}
.foot_info + .copyright{margin-top:10px; font-size:12px;}


/*  Main Page
---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#main_contents{z-index:666;}
#main_contents:after{content:""; display:block; clear:both;}

.main_img{width:100%; margin:0; padding:0}
.main_img img{width:100%;}

.box {clear:both; margin:0 auto; padding:2%; width:100%; *zoom:1; text-align:center;}
.box:after {content:""; display:block; clear:both;}
.box .box_w {display:inline-block; width:32%; margin:0 0 6px; padding:.5%}
.box .box_w a img{margin:0; padding:0}


/*  Sub Page
---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#subContainer{z-index:666; padding:12px 15px 70px; border-top:1px solid #ddd;}
#subContainer:after{content:""; display:block; clear:both;}

#contents{width:100%; margin:0 auto; padding:0px 10px 50px 10px;}
.con_title h3{margin:0; padding:0; width:100%; height:40px; font-size:20px; text-align:left; color:#424242; letter-spacing:-1px; margin-bottom:30px;
border-bottom:1px solid #dcdcdc; font-weight: 500; line-height: 40px;}
#mobile_contents h2 {margin:0; padding:0; width:100%; height:40px; font-size:20px; text-align:left; color:#424242; letter-spacing:-1px; margin-bottom:30px;
border-bottom:1px solid #dcdcdc; font-family:'Noto Sans KR'; font-weight: 500; }


/*-----------  sub1_1  회사소개  -----------*/
.sub_wrap {width:100%; margin:0 auto; padding:0px 10px 50px 10px;}
.sub1_1_area01_inner { width: 100%; height: 330px; background: url('/images/mtl01-19-0009/m/sub/company_img01.jpg') no-repeat center center;}
.sub1_1_area01_inner p {  vertical-align: middle; text-align: center;  font-size: 20px; color: #fff; font-weight:300; line-height: 30px; padding-top: 180px;}
.sub1_1_area01_inner p:before { content:''; display:block; width:23px; height:19px; background: url('/images/mtl01-19-0009/sub/quotes01.png') no-repeat 962px 67px;}
.sub1_1_area01_inner p:after { content:''; display:block; width:23px; height:19px; background: url('/images/mtl01-19-0009/sub/quotes02.png') no-repeat 1000px 67px;}
.sub1_1_area01_inner p span {font-size:20px; color:#fff; font-weight:450;}
.sub1_1_txt p { line-height: 22px; font-weight:300; margin-top: 30px;}
.sub1_1_area02List {padding:50px 0px; background:#f5f5f5;}
.sub1_1_area02List li { text-align: center; margin-bottom: 30px;}
.sub1_1_area02List li:last-child { margin-bottom: 0px;}
.sub1_1_area02List li h3 { font-size: 16px; font-weight: 300; color: #6c6c6c; padding-top: 10px;}
.sub1_1_area02List li h1 { font-size: 40px; color: #6c6c6c; font-weight: bold; padding: 8px 0px;}
.sub1_1_area02List li p {font-size: 18px; color: #888;}
.sub1_1_area03 {padding:50px 0px;}
.sub1_1_area03 p { line-height: 22px; font-weight:300; }
.sub1_1_area03List li {text-align: center; margin-bottom:30px;}
.sub1_1_area03List li:last-child {margin-bottom:0px;}
.sub1_1_area03List li p span { display: inline-block; width: 50px; height: 50px; line-height: 50px; background: #006fbc; border-radius: 50%; color: #fff; font-size: 20px;}
.sub1_1_area03List li p span:after {content:''; display:block; width:1px; height:30px; background:#006fbc; margin: 0 auto; margin-top: 20px;}
.sub1_1_area03List li h2 { font-size: 20px; color: #333; line-height: 27px; padding: 65px 0px 20px 0px; font-weight:400;}

/*-----------  sub1_2  연혁  -----------*/
.width_inner {width:1200px; margin:0 auto; margin-bottom:100px; text-align: center;}
.tabcontent { display: none; width:1200px; margin:0 auto;  }
.tabcontent:after {content:''; display:block; clear:both;}
.tabcontent.current { display: block;}
.tab { display: inline-block;  margin-bottom: 60px;}
.tab:after {content:''; display:block; clear:both;}
.tab li {float:left; width:250px; height:60px; line-height: 60px; background:#f5f5f5; border:1px solid #ddd; border-right:none; text-align: center;}
.tab li:last-child {border-right:1px solid #ddd;}
.tab li a {font-size:20px; color:#333; font-weight:300; display: block; }
.tab li.current {background:#006fbc;}
.tab li.current a {color:#fff; font-weight:400;}
.sub1_2_left { float: left; width: 540px; padding-bottom: 320px; text-align:right; background: url('/images/mtl01-19-0009/sub/history_bg.jpg') no-repeat 0px 168px;}
.sub1_2_left h2 { font-size: 32px; color: #333; font-weight: 450;margin-bottom: 35px;}
#contents .sub1_2_left p { color: #555; margin-top: 10px;}
.sub1_2_right { float: right; width: 660px; padding: 25px 0px 50px 55px; background: url('/images/mtl01-19-0009/sub/history_centerbar.png') no-repeat 50px 10px;
    text-align: left;}
.sub1_2_history li { margin-top:55px;}
.sub1_2_history li h3 { font-size: 24px; color: #006fbc; margin-bottom: 15px;}
.sub1_2_history li h3:before {content:''; display:inline-block; width:52px; height:7px; background: url('/images/mtl01-19-0009/sub/history_year.png') no-repeat center center;
margin: 0px 13px 0px 1px; vertical-align: middle;}
.sub1_2_history li p { margin-bottom: 15px;   padding-left: 67px;}
.sub1_2_history li p:last-child {margin-bottom: 0px;}
.sub1_2_history li p > span { font-size: 16px; color: #555; font-weight: 400; display: inline-block; margin-right: 5px;}

/*-----------  sub1_3  오시는 길  -----------*/
.location_info {padding-top:30px; }
.location_info table {width:100%;}
.location_info table tr {border-top: 1px solid #e1e1e1;}
.location_info table tr:last-child {border-bottom: 1px solid #e1e1e1;}
.location_info table tr th { background: #f5f5f5; color: #333; font-weight: 400; text-align: left; padding: 0px 10px;}
.location_info table tr th > img { margin-right: 6px;}
.location_info table tr td { padding: 15px; line-height: 24px; color: #555; font-weight: 300;}
.location_info table tr td strong {font-weight:400; color: #333; }
.location_info table tr td strong span {font-size:16px; color:#006fbc;}


/* 고객센터 */

.s_box {	
	min-height:100px; 
	padding:10px; 
	background:url(../images/sub6_img1.gif) 5% 20px no-repeat; 
	margin:30px auto 0;
	border:1px solid #d3d3d3; 
	border-radius:7px; 
	-moz-border-radius:7px; 
	-webkit-border-radius:7px; 	
	font-size:14px; 
	color:#666; 
	line-height:25px;
}
.s_box dt {clear:both; float:left; padding-left:9px; background:url(../images/icon_dot2.gif) left 10px no-repeat; font-weight:bold; letter-spacing:-1px;}
.s_box dd {float:left; margin-left:5px;}

/* ~ 고객센터 */

#contents h2 {width:100%; height:40px; font-size:20px; text-align:left; color:#4f4f4f; letter-spacing:-1px; border-bottom:1px solid #e0e0e0; margin-bottom:30px;}
#contents .m_brand img{margin-bottom:20px;}
#contents .m_brand p{margin:20px auto;}
#sub_contents .text {font-size:14px; color:#666; line-height:20px;}
.s_txt {width:100%; padding:30px 0 0;}
.s_txt dt {font-size:16px; color:#006fbc; font-weight:500; letter-spacing:-1.5px; line-height:20px;}
.s_txt dd {margin-top:10px; font-size:13px; color:#666; letter-spacing:-1px; line-height:20px;}
.s_txt dd .ls_0 {letter-spacing:0;}
.s_txt2 {width:94%; padding:0 3% 25px;}
.s_txt2 dt {margin-top:20px; padding-left:9px; background:url(../images/icon_dot.gif) left 5px no-repeat; font-size:14px; color:#71b948; font-weight:bold; letter-spacing:-1px;}
.s_txt2 dd {margin-top:10px; font-size:12px; color:#666; letter-spacing:-1px; line-height:18px;}
.s_txt2 dd .ls_0 {letter-spacing:0;}
.s_img1 {width:100%; max-height:309px; background:url(/images/kor02-14-0072/m/sub/sub01_img.gif) top center no-repeat;}
.s_img2 {width:100%; height:218px; background:url(../images/sub2_img.gif) top center no-repeat;}
.map {width:94%; padding:30px 3% 0;}
.transfer {width:94%; padding:30px 3% 15px;}
.transfer li {clear:both; width:100%; padding:10px 0; border-top:1px dotted #b2b2b2; *zoom:1;}
.transfer li:after {content:""; display:block; clear:both;}
.transfer li p {float:left; width:80px;}
.transfer li dl {float:right; width:72%; margin-top:5px;}
.transfer li dl dt {font-size:14px; font-weight:bold; color:#71b948;}
.transfer li dl dd {margin-top:5px; font-size:12px; color:#7e7e7e; line-height:18px;}

.i_txt {width:96%; padding:10px 2% 15px;}
.i_txt li {clear:both; width:100%; padding:18px 0 15px; border-top:1px dotted #b2b2b2; *zoom:1;}
.i_txt li:after {content:""; display:block; clear:both;}
.i_txt li.first {border-top:none;}
.i_txt li p {float:left; width:30%; padding:0; margin:0}
.i_txt li dl {float:right; width:66%;}
.i_txt li dl dt {font-size:16px; font-weight:bold; color:#129a63;}
.i_txt li dl dd {margin-top:10px; font-size:14px; color:#666; line-height:20px;}

.notice {clear:both; width:100%;}
.notice li {width:94%; padding:15px 3% 15px; text-align:center; border-bottom:1px solid #d8d8d8; font-size:14px; color:#666; font-weight:bold;}
.notice li dl {width:100%; background:url(../images/btn_go.gif) right 10px no-repeat; *zoom:1;}
.notice li dl:after {content:""; display:block; clear:both;}
.notice li dl dt {width:90%; margin-bottom:10px; text-align:left; letter-spacing:-1px; line-height:18px;}
.notice li dl dd.name {padding-right:10px; border-right:1px solid #ddd; float:left; font-size:12px; color:#959595; font-weight:normal;}
.notice li dl dd.date {padding-left:10px; float:left; font-size:12px; color:#959595; font-weight:normal;}
.btn {width:94%; padding:20px 3% 15px;}
.btn_write {float:right; padding:10px 25px; text-align:center; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); background: -moz-linear-gradient(top, #fefefe, #efefef); border:1px solid #aaa; font-size:14px; color:#333}

.paging {clear:both; width:94%; padding:40px 3% 15px; text-align:center; color:#888;}
.paging img {vertical-align:middle;}
.paging span {padding:0 1px;}
.paging .on {color:#333; font-weight:bold;}

.search {clear:both; width:94%; padding:0 3% 60px; text-align:center;}
.search select {height:32px;}
.form_search {height:28px; padding-left:7px;}
.btn_search {margin:0px; padding:7px 15px; text-align:center; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); background: -moz-linear-gradient(top, #fefefe, #efefef); border:1px solid #aaa; font-size:14px; color:#333}

.tab {clear:both; width:96%; margin-bottom:10px; border-bottom:1px solid #bcbcbc; padding:30px 3% 0; *zoom:1;}
.tab:after {content:""; display:block; clear:both;}
.tab li {float:left; width:24.3%; padding:9px 0 8px; background:#f2f2f2; border:1px solid #bcbcbc; border-left:none; border-bottom:none; font-size:13px; color:#666; text-align:center;}
.tab li.first {border-left:1px solid #bcbcbc;}
.tab li.on {background:#fff; color:#000;}

.clause_txt {clear:both; width:94%; padding:30px 3%; font-size:14px; color:#666; line-height:20px;}
.tip {clear:both; width:94%; padding:30px 3%; font-size:12px; color:#999; text-align:center; line-height:20px;}

.login_box {width:100%; margin:30px 0px 0px 0px; padding:15px 5%; background:#f0f0f0; border:1px solid #c7cacb; *zoom:1;}
.login_box:after {content:""; display:block; clear:both;}
.input_area {float:left; width:70%;}
.input_area input {width:95%; height:28px; padding-left:5%; font-size:14px; color:#666; font-weight:bold; border: 1px solid #bdbdbd;}
.login_btn {width:27%; float:right; padding:25px 0; text-align:center; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); background: -moz-linear-gradient(top, #fefefe, #efefef); border:1px solid #aaa; font-size:14px; color:#333}
.login_box .check {clear:both; display:block; padding-top:10px; font-size:13px; color:#767676; letter-spacing:-1px;}
.login_box .check input[type="checkbox"] {vertical-align:-2px; margin-right:2px;}
.login_txt {width:100%;  padding:10px 2%; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); background: -moz-linear-gradient(top, #fefefe, #efefef); border:1px solid #c7cacb; border-top:none;}

.slogan { font-size:20px; font-weight:bold; line-height:24px; color:#fb553e;/*color:#2e89cf;*/ letter-spacing:-1.5px; padding:30px 0 0; }

.s_tit { font-size:11px; font-weight:normal; line-height:15px; }
.f_blue { color:#2d88cf; }


/* BBS_common */
#mobile_contents {margin:0 auto; padding:0 2% 5%}
#mobile_contents input,textarea,select,button,table,h1,h2,h3,h4,h5{line-height:1.3em}
#mobile_contents table {width:100%; border-collapse:collapse;}
#mobile_contents img,fieldset{border:0}
#mobile_contents ul,ol{list-style:none}
#mobile_contents address{font-style:normal}
#mobile_contents a{color:inherit;text-decoration:none}
#mobile_contents textarea {width:100%;border:1px solid #d8d8d8;}
#mobile_contents h2 {width:100%; height:40px;font-size:20px; text-align:left; color:#424242; letter-spacing:-1px;}
#mobile_contents ul {margin-top:25px;}

#mobile_contents .Btitle, #mobile_contents .viewtitle .Btitle {color:#515151; font-weight:600;}
#mobile_contents dd em, #mobile_contents .date em {color:#cecece; padding:0 5px;}
#mobile_contents dl dd, #mobile_contents table span {color:#959595; font-weight:normal; letter-spacing:-0.6px;}
#mobile_contents .cmt_view {width:100%; background:#eef3f5; margin:5px 0; padding:0;}
#mobile_contents .cmt_view li {border-bottom:1px dashed #bdc4c6; padding:5px 10px;}
#mobile_contents .cmt_view li:last-child {border-bottom:none;}
#mobile_contents .cmt_txt {margin-top: 0px;}
#mobile_contents .cmt_txt:after {content:'';display:block;clear:both;}

/* BBS_notice */
#mobile_contents .mobile_notice {clear:both; width:100%; border:1px solid #dcdcdc; }
#mobile_contents .mobile_notice li {padding:12px 2%; text-align:center; border-bottom:1px solid #dcdcdc; color:#666; font-weight:bold;}
#mobile_contents .mobile_notice li a:hover {background:#f3f3f3;}
#mobile_contents .mobile_notice li:last-child {border-bottom:none;}
#mobile_contents .mobile_notice li dl {width:100%; background:url( /images/basic/board/default/btn_go.png) right 8px no-repeat; *zoom:1;}
#mobile_contents .mobile_notice li dl:after {content:""; display:block; clear:both;}
#mobile_contents .mobile_notice li dt {width:90%; margin-bottom:10px; text-align:left; letter-spacing:-1px; line-height:18px;}
#mobile_contents .mobile_notice li .name {padding-right:10px; border-right:1px solid #ddd; float:left; }
#mobile_contents .mobile_notice li .date {padding-left:10px; float:left;}
#mobile_contents .mobile_notice li .hit {padding-left:5px; float:left;}

#mobile_contents .mobile_board {clear:both; width:100%; border:1px solid #dcdcdc; margin-top:25px;}
#mobile_contents .mobile_board .viewtitle {padding:12px 2%; color:#666; font-weight:600; background:#f3f3f3; border-bottom:1px solid #dcdcdc;}
#mobile_contents .mobile_board .name {display:inline-block; padding-right:10px;}
#mobile_contents .mobile_board .view {padding:15px 2%;}
#mobile_contents .mobile_board .view02 {padding:5px 2%;}
#mobile_contents .mobile_board #bbs_file_wrap {width:100%; margin:0 auto;}

#mobile_contents .mobile_board .bwrite th, .mobile_board .bwrite td {height:25px; text-align:left;padding:8px;border-bottom:1px solid #dcdcdc;}
#mobile_contents .mobile_board .bwrite th {color:#464646; font-weight:600; background-color:#f2f2f2;}
#mobile_contents .mobile_board .bwrite td input {width:100%; height:25px; border:1px solid #d8d8d8;}
#mobile_contents .mobile_board .bwrite td select {height:25px;border:1px solid #d8d8d8;}

#mobile_contents .mobile_board_del {clear:both; width:94%; border:1px solid #dcdcdc; background:#f9f9fb; margin:0 auto; margin-top:25px;}
#mobile_contents .mobile_board_del th, .mobile_board_del td {background:#f9f9fb;}
#mobile_contents .mobile_board_del th {width:20%;height:40px; text-align:left; word-wrap: break-word; word-break: break-all;}
#mobile_contents .mobile_board_del td {width:80%;height:40px; color:#797979; padding:0 5px; text-align:center; word-wrap: break-word; word-break: break-all;}
#mobile_contents .mobile_board_del .left {text-align:left;}
#mobile_contents .mobile_board_del .box {width:100%;}
#mobile_contents .mobile_board_del .box table {margin:0 auto; text-align:center;}
#mobile_contents .mobile_board_del .delete_input {width:100%; height:25px;}

/*BBS_faq*/
#mobile_contents .faq {clear:both; width:100%; border:1px solid #dcdcdc; margin-top:25px;}
#mobile_contents .faq td {height:40px; border-bottom:1px solid #dadada; color:#797979; padding-left:10px; word-wrap: break-word; word-break: break-all; text-align:left;}
#mobile_contents .faq tr[add_seq='1'] td{border-bottom: none;}
#mobile_contents .faq table tr:last-child td {border-bottom: none;}
#mobile_contents .faq .left {text-align:left;}
#mobile_contents .faq .view {color:#464646; padding-left:0; }
#mobile_contents .faq .view_con {color:#797979; width:100%; padding:15px 20px; background:#f3f3f3; }
#mobile_contents .faq .q {width:2%;padding-left:10px;}

/* BBS_WEBZINE */
#mobile_contents .webzine {clear:both; width:100%; border:1px solid #dcdcdc; }
#mobile_contents .webzine li {padding:15px 2% 0; text-align:center; border-bottom:1px solid #dcdcdc; color:#666; font-weight:bold; cursor: pointer;}
#mobile_contents .webzine li a:hover {background:#f3f3f3;}
#mobile_contents .webzine li:last-child {border-bottom:none;}
#mobile_contents .webzine li dl {width: auto; padding-left: 110px; background:url( /images/basic/board/default/btn_go.png) right 8px no-repeat; *zoom:1;}
#mobile_contents .webzine li dl:after {content:""; display:block; clear:both;}
#mobile_contents .webzine li dt {width:85%; margin-bottom:10px; text-align:left; letter-spacing:-1px; line-height:18px;}
#mobile_contents .webzine li .name {padding-right:10px; border-right:1px solid #ddd; float:left; color:#959595; font-weight:normal;}
#mobile_contents .webzine li .date {padding-left:10px; float:left; font-size:12px; color:#959595; font-weight:normal;}
#mobile_contents .webzine li .hit {padding-left:5px; float:left;}
#mobile_contents .webzine .webzine_thumb {width: 110px; height: 75px; padding: 0px; float: left;}

/* BBS_gallery */
#mobile_contents .gallery {clear:both; width:100%; margin-top:25px; }
#mobile_contents .gallery ul {overflow:hidden;border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;padding-bottom:10px;}
#mobile_contents .gallery li {position: relative; float: left; width: 50%; margin-top:25px; text-align: center;}
#mobile_contents .gallery li dt {padding-bottom: 10px; color:#5c5c5c;}
#mobile_contents .gallery li dd {color:#959595; font-weight:normal;letter-spacing:-1px;}
#mobile_contents .gallery .nodata {width: 100%; height: 30px;}
#mobile_contents .cmt_view .name {display:inline-block; padding-bottom:3px; color:#254c90;}
#mobile_contents .cmt_txt {width:100%; overflow:hidden; padding:0 !important}
#mobile_contents .cmt_txt:after {content:'';display:block;clear:both;}
#mobile_contents .cmt_txt li {float:left;}
#mobile_contents .cmt_txt .Tbox {width:79%;}
#mobile_contents .cmt_txt .Tbtn {width:20%; float:right;}
#mobile_contents .cmt_txt .Tbox textarea {height:40px; border:1px solid #bababa;}

/* 제품관리 */
#mobile_contents .product_list {clear:both; width:100%; border:1px solid #dcdcdc; }
#mobile_contents .product_list li {padding:15px 2% 0 15px; text-align:center; border-bottom:1px solid #dcdcdc; color:#666; font-weight:bold; cursor: pointer;}
#mobile_contents .product_list li a:hover {background:#f3f3f3;}
#mobile_contents .product_list li:last-child {border-bottom:none;}
#mobile_contents .product_list li dl {width: auto; padding-left: 110px; background:url( /images/basic/board/default/btn_go.png) right 8px no-repeat;}
#mobile_contents .product_list li dl:after {content:""; display:block; clear:both;}
#mobile_contents .product_list li dt {margin-bottom:10px; text-align:left; letter-spacing:-1px; line-height:18px;}
#mobile_contents .product_list li .icons { margin-bottom:10px; text-align:left; letter-spacing:-1px; line-height:18px;}
#mobile_contents .product_list .pro_image {width: 110px; height: 75px; padding: 0px; float: left;}

#mobile_contents ul.cate_navi { clear:both; width:100%; padding-bottom: 10px;}
#mobile_contents ul.cate_navi li {width: 50%; float: left;}
#mobile_contents ul.cate_navi li[left] {text-align: left;}
#mobile_contents ul.cate_navi li[right] {text-align: right;}
#mobile_contents ul.cate_navi .title {font-size: 12px; color: #515151;}
#mobile_contents ul.cate_navi .b { font-weight: 600;}

#mobile_contents ul.cate_list { clear:both; width:100%; height: 30px; border:1px solid #dcdcdc;}
#mobile_contents ul.cate_list li {width: 48%; height: 30px;  float: left; padding-top: 7px; padding-left: 3px;}

/* Align */
#mobile_contents .align_right {width:100%; text-align:right; margin:15px 0; overflow:hidden;}
#mobile_contents .align_right button {float:right;}
#mobile_contents .align_center {text-align:center; margin:15px auto;}
#mobile_contents .align_center button {text-align:center;}
#mobile_contents .btn_area {width:100%; overflow:hidden; margin:15px 0;}
#mobile_contents .agL {float:left;text-align:left;}
#mobile_contents .agR {float:right;text-align:right;}
#mobile_contents .none_float{float: none;}

/* Button */
#mobile_contents .btnWrite{ display:inline-block; background:#0686c7; box-sizing:border-box; border:1px solid #1e739e;padding:6px 17px 7px;}
#mobile_contents .btnList { display:inline-block; background:#fcfcfc; box-sizing:border-box; border:1px solid #bcbcbc;padding:6px 17px 7px;}
#mobile_contents .btnCmt  { display:inline-block; background:#4d4d4d; box-sizing:border-box; border:1px solid #373737; width:100%; height: 40px;}
#mobile_contents .delete_input {border:1px solid #cecece; height:25px; width:230px;}
#mobile_contents .coment_input {width:80px; height:24px; border:1px solid #b7b7b7;}
#mobile_contents .align_center button {margin:0 5px;}
#mobile_contents .btn_txt01 {color:#fff; font-weight:600;}
#mobile_contents .btn_txt02 {color:#1f1f1f; font-weight:600;}

#mobile_contents .btn {width:94%; padding:20px 3% 15px;}
#mobile_contents .btn_cancel {float:right; padding:5px 8px; text-align:center; background: webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); background: -moz-linear-gradient(top, #fefefe, #efefef); border:1px solid #aaa; font-size:12px; color:#333;}
#mobile_contents .btn_write {float:right; padding:7px 15px; text-align:center; background: -webkit-gradient(linear, left top, left bottom, from(#319fdf), to(#1585c4)); background: -moz-linear-gradient(top, #319fdf, #1585c4); border:1px solid #1377c1; font-size:14px; color:#fff; font-weight:bold;}

/* Paging */
#mobile_contents .paging {clear:both; width:94%; padding:40px 3% 15px; text-align:center; color:#888;}
#mobile_contents .paging img {vertical-align:middle;}
#mobile_contents .paging span {padding:0 1px;}
#mobile_contents .paging .on {color:#333; font-weight:bold;}
#mobile_contents .pagenate {clear:both;}
#mobile_contents .pagenate .board_pagetab a {display: inline-block; padding: 5px}

/* Search area */
#mobile_contents .mobile_search {clear:both; width:100%; text-align:center; border:1px solid #d8d8d8; margin-top:25px;}
#mobile_contents .mobile_search form {width:94%; margin:12px auto;}
#mobile_contents .mobile_search select, .mobile_search button, .mobile_search input {height:32px; width:100%; margin:3px auto;}
#mobile_contents .mobile_search input {padding-left:5px;}
#mobile_contents .mform_search, .mobile_search select {border:1px solid #ddd;}
#mobile_contents .mform_textarea { border:1px solid #cdcdcd; height:140px; width:100%;}

#mobile_contents .mbtn_search {display:inline-block; background:#575757; border:1px solid #454545; text-align:center;}
#mobile_contents .btn_txt {font-size:14px; color:#fff; font-weight:600;}

/* Color */
#mobile_contents .bold {font-weight:bold; color:#fe1536;}
#mobile_contents .bg01 {background:#eef3f5;}