@font-face {    
 font-family: 'NanumGothic';    
 src: url('../fonts/NanumGothic.eot'); /* IE9 Compat Modes */    
 src: url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */        
 url('../fonts/NanumGothic.woff') format('woff'), /* Modern Browsers */        
 url('../fonts/NanumGothic.ttf')  format('truetype'), /* Safari, Android, iOS */        
 url('../fonts/NanumGothic.svg#svgMothnnaFont') format('svg'); /* Legacy iOS */
}

/* 모바일 코딩 필수 공통영역 */
* { margin:0; padding:0; -webkit-text-size-adjust:none; }
body {background:#ffffff; color:#666; font-size:14px; font-family:NanumGothic, NanumGothicWeb, NanumGothic, 굴림, Gulim, 돋움, Dotum, Helvetica, AppleGothic;}
body, input, textarea, select, button, table{ font:12px NanumGothic, NanumGothicWeb, NanumGothic, 굴림, Gulim, 돋움, Dotum, Arial, Sans-serif; color:#6f6f6f; line-height:18px;}
img, fieldset { border:0; padding:0; margin:0;}
ul, ol, li, dl { 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; }
a:visited { color:#333; }
a:hover, a:active { color:#333;	text-decoration:none; }
*/

a, a:link { text-decoration:none; }
a:visited {  }
a:hover, a:active { 	text-decoration:none; }

em, i, address { font-style:normal; font-weight:normal; }
legend, caption { display:none; clear:both; }
input,  select, button, table { font-size:inherit; font-family:inherit; line-height:inherit; }
section, nav, article, aside, hgroup, header, footer { display:block; background:#fff;/*배경컬러*/}
textarea, input { background:url(none); -webkit-border-radius:1px; -webkit-apprearance:none; }
textarea { resize:none; } /* resize:none;*/
label { cursor:pointer; }
.helv { font-family:NanumGothic, NanumGothicWeb, NanumGothic, HelveticaNeue, Dotum, 굴림, Gulim, Apple-Gothic; }
.verd { font-family:NanumGothic, NanumGothicWeb, NanumGothic, 돋움, HelveticaNeue, Dotum, 굴림, Gulim, Apple-Gothic, verdana,; }
.bold { font-weight:bold; }


/* Browser Resets */
.flex-container a,
.flexslider a,
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none; }


/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0; background-color:red;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav { height: 0; }
.flex-direction-nav a {width: 30px; height: 30px; margin: -30px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -999em;}
.flex-direction-nav .flex-next {background-position: -30px 0; right: 5px;}
.flex-direction-nav .flex-prev {left: 5px;}
.flex-direction-nav .flex-disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center; }
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav a {width: 14px; height: 13px; display: block; cursor: pointer; text-indent: -999em;}
/*.flex-control-nav a:hover {background-position: 0 -13px;}*/
.flex-control-nav a.flex-active {background-position: 0 -13px; cursor: default;}

#container-slider {width: 100%; margin: 0 auto; }

/* UI btn Object */
/*기본버튼*/
.btn_basic,
.btn_basic *{display:inline-block; overflow:visible; position:relative; margin:0; padding:0; border:0;
background:url(../image/btn_set.png) no-repeat; color:#636363; text-decoration:none !important;vertical-align:top; white-space:nowrap; letter-spacing:-1px;}
.btn_basic{margin-right:6px;}
.btn_basic *{left:6px; cursor:pointer;}
.btn_basic.medium,
.btn_basic.medium *{height:24px;line-height:24px;}
.btn_basic.medium.on *{ height:24px;line-height:24px; color:#ff0000; font-weight:bold; }
.btn_basic.large,
.btn_basic.large *{height:30px;line-height:30px;}
.btn_basic.xlarge,
.btn_basic.xlarge *{height:36px;line-height:36px;}
.btn_basic.small,
.btn_basic.small *{height:19px;line-height:19px;}
.btn_basic.medium{background-position:left 0;}
.btn_basic.large{background-position:left -30px;}
.btn_basic.xlarge{background-position:left -65px;}
.btn_basic.small{background-position:left -106px;}
.btn_basic.medium *{padding:0 8px 0 2px;background-position:right top;font-size:12px; /*left:6px; margin-left:-6px;*/}
.btn_basic.large *{padding:0 10px 0 4px;background-position:right -30px;font-size:13px; /*left:6px; margin-left:-6px;*/}
.btn_basic.xlarge *{padding:0 10px 0 4px;background-position:right -65px;font-size:20px; /*left:6px; margin-left:-6px;*/}
.btn_basic.small *{padding:0 8px 0 2px;background-position:right -106px;font-size:11px; /*left:6px; margin-left:-6px;*/}


/*베이직컬러버튼*/
.btn_color,
.btn_color *{display:inline-block; overflow:visible; position:relative; margin:0; padding:0; border:0;
background:url(../image/btn_set.png) no-repeat; color:#fff; text-decoration:none !important; vertical-align:top; white-space:nowrap;}
.btn_color{margin-right:6px;}
.btn_color *{left:6px; cursor:pointer; }
.btn_color.medium,
.btn_color.medium *{height:24px;line-height:24px}
.btn_color.large,
.btn_color.large *{height:30px;line-height:30px}
.btn_color.xlarge,
.btn_color.xlarge *{height:36px;line-height:36px}
.btn_color.small,
.btn_color.small *{height:19px;line-height:19px}
.btn_color.medium{background-position:left -300px}
.btn_color.large{background-position:left -330px}
.btn_color.xlarge{background-position:left -365px}
.btn_color.small{background-position:left -406px}
.btn_color.medium *{padding:0 8px 0 2px;background-position:right -300px;font-size:12px; /*left:6px; margin-left:-6px;*/}
.btn_color.large *{padding:0 10px 0 4px;background-position:right -330px;font-size:13px; /*left:6px; margin-left:-6px;*/}
.btn_color.xlarge *{padding:0 10px 0 4px;background-position:right -365px;font-size:20px; /*left:6px; margin-left:-6px;*/}
.btn_color.small *{padding:0 8px 0 2px;background-position:right -406px;font-size:11px; /*left:6px; margin-left:-6px;*/}
.btn_color *:link,
.btn_color *:hover,
.btn_color *:active,
.btn_color *:visited,
.btn_color *:focus{color:#fff}


/*투명버튼*/
.btn_alpha,
.btn_alpha *{display:inline-block; overflow:visible; position:relative; margin:0; padding:0; border:0;
background:url(../mobile2012/images/btn_set.png) no-repeat; color:#eeeeee; text-decoration:none !important; vertical-align:top; white-space:nowrap;}
.btn_alpha{margin-right:6px;}
.btn_alpha *{left:6px; cursor:pointer;}
.btn_alpha a:link,
.btn_alpha a:hover,
.btn_alpha a:active,
.btn_alpha a:visited,
.btn_alpha a:focus{color:#eeeeee}
.btn_alpha.strong *{font-weight:bold !important}
.btn_alpha.icon *{padding-left:15px}
.btn_alpha.icon span{_width:15px; _margin-right:-15px; padding:0 !important}
.btn_alpha,
.btn_alpha *{height:30px;line-height:30px}
.btn_alpha {background-position:left -130px}
.btn_alpha *{padding:0 9px 0 3px; background-position:right -130px; font-size:13px; /*left:6px; margin-left:-6px;*/}
.btn_alpha .pre{padding:0; margin-right:-3px; margin-left:2px; width:15px; background-position:0px -472px;}
.btn_alpha .next{padding:0; margin-right:-3px; margin-left:2px; width:15px; background-position:-20px -472px;}
.btn_alpha .home{padding:0; margin-right:-3px; margin-left:2px; width:15px; background-position:-40px -471px;}
.btn_alpha .menu{padding:0; margin-right:-3px; margin-left:2px; width:15px; background-position:-60px -471px;}
/* //UI btn Object */


/*상단로고*/
#wrap_head {background:#fff; border-bottom:2px solid #0066b9; text-align:center;}
h1.main_logo {display:inline-block;}
#logo {margin:10px 0px; display:block;}
@media all and (max-width:480px) { #logo img{width:140px;} }
@media all and (max-width:320px) { #logo img{width:120px;} }
@media all and (max-width:360px) { #logo img{width:130px;} }
@media all and (max-width:768px) { #logo {} }


/*상단버튼아이콘(좌)--*/
#btnApp_right {float:right;width:230px;padding:0; height:42px; margin:-47px 5px 0 -5px; display:inline;width:auto;}
#btnApp_left {float:left;width:230px;padding:0; height:42px; margin:-47px -5px 0 5px; display:inline;width:auto;}
.btnico {display:inline;margin:0;padding:0;list-style:none;vertical-align:top;}
.btnico li{display:inline;vertical-align:top;}
.btnico a{display:inline-block;height:42px;}
.btnico .link a{width:42px;height:0;padding:42px 0 0 0; overflow:hidden; background:url(../image/btn_iconset.png) no-repeat;}
.btnico .home a{background-position:0 0px;}
.btnico .total a{background-position:0 -42px;}
.btnico .pre a{background-position:0 -84px;}
.btnico .next a{background-position:0 -126px;}
/*상단버튼아이콘(우)--*/

/*전체메뉴보기*/
.all_lnbW { width:100%; position:absolute; top:51px; left:0px; z-index:100; overflow:hidden; border-bottom:solid 1px #000;
background:url(../image/menu_tab_bg.png) repeat-x 0 -30px #242424; -webkit-background-size:6px auto; -moz-background-size:6px auto; visibility:hidden;}
.all_lnb {margin:0 auto; overflow:hidden; padding:20px 0 35px 0px; width:285px;}
.all_lnb li {position:relative; float:left; width:95px; text-align:center;}
.all_lnb li a {display:block; padding-top:10px;}
.all_lnb li img {width:66px;}
.close { position:absolute; right:0px; bottom:0px; display:inline-block; padding:10px;}
/**/

/* 검색창 */
#searchWrapr { display:inline; background:#cf0808;}
#searchWrapr fieldset { margin:10px;}
#searchWrapr .bg_search { position:relative; paddingt:0 30px;}
#searchWrapr input.searchtext { width:50%; height:20px; color:#444; background-color:#eee; border:1px solid #dadada; margin:0 0px 0 0px; }


/* 숨겨진 검색창 */
/*#content { display:none; height:42px; background:#cf0808; width:100%; padding-top:11px; }
#content fieldset { margin:0 9px; }
#content .bg_search { position:relative; padding-right:36px; }
#content .wrapBox { height:32px; background-color:#fff; }
#content .wrapBox input.type_text { width:85%; height:20px; color:#444; border:0 none; margin:5px 0 0 10px; }
#content input.type_btn { position:absolute; top:0px; right:0px; display:block; width:36px; height:32px; background:url(images/btn_down_search.png) no-repeat; border:0; text-indent:-500em; } */

/* UI Object */
.tab_face{width:100%; height:80x; padding:0 0 30px 0;/*컨텐트탑여백유지*/ background:url(mobile2012/images/menu_tab_bg.png) repeat-x #242424;;/*부컬러*/}
.tab_face ul{position:relative; margin:0; padding:0; border-bottom:2px solid #5947b5;/*포인트컬러*/list-style:none;*zoom:1;}
.tab_face ul:after{display:block; clear:both; content:""}
.tab_face li{float:left; width:19.65%; border-left:1px solid; /*border-image:url(mobile2012/images/menu_btm_bgline.png) -1 -1 repeat; opacity:0.9; background-color:transparent;*//*대메뉴바라인*/ text-align:center; height:48px; _margin-right:1px;
background:url(mobile2012/images/menu_tab_bg.png) repeat-x #242424;/*부컬러*/}
.tab_face li a,
.tab_face li a span{cursor:pointer}
.tab_face li a{text-decoration:none; }
.tab_face li a span{display:inline-block; width:auto; padding-top:14px; color:#fff; }
.tab_face li ul{width:100%; display:none; overflow:hidden; position:absolute; top:50px; height:25px;/*30px*/ left:0; margin-bottom:0; padding-top:5px; border:0; white-space:nowrap; list-style:none;*zoom:1;
background:url(mobile2012/images/sub_tab_bg.png) repeat-x; background-color:#fff; }/*서브메뉴텍스트*/
/*background:url(mobile2012/images/sub_tab_bgon.png) repeat-x;/*서브메뉴배경*/
.tab_face li ul:after{display:block; clear:both; content:""; }
.tab_face li li{overflow:visible; width:auto; position:relative; left:0; padding:0 10px; border-left:1px solid #ddd; background:transparent;}/*서브메뉴바라인*/
.tab_face li li a{ margin:0; padding:5px 0; font-weight:normal; color:#666; }
.tab_face.m1 .m1,
.tab_face.m2 .m2,
.tab_face.m3 .m3,
.tab_face.m4 .m4,
.tab_face.m5 .m5,
.tab_face.m6 .m6,
.tab_face.m7 .m7,
.tab_face.m8 .m8,
.tab_face.m9 .m9,
.tab_face.m10 .m10,
.tab_face.m11 .m11,
.tab_face.m12 .m12{ background-color:#5947b5;/*포인트컬러*/ }
.tab_face.m1 .m1 a span,
.tab_face.m2 .m2 a span,
.tab_face.m3 .m3 a span,
.tab_face.m4 .m4 a span,
.tab_face.m5 .m5 a span,
.tab_face.m6 .m6 a span,
.tab_face.m7 .m7 a span,
.tab_face.m8 .m8 a span,
.tab_face.m9 .m9 a span,
.tab_face.m10 .m10 a span,
.tab_face.m11 .m11 a span,
.tab_face.m12 .m12 a span{font-weight:bold; height:35px; background:url(mobile2012/images/menu_tab_bg.png) repeat-x #5947b5;/*서브메뉴배경*//*포인트컬러*/}
.tab_face.m1 .m1 ul,
.tab_face.m2 .m2 ul,
.tab_face.m3 .m3 ul,
.tab_face.m4 .m4 ul,
.tab_face.m5 .m5 ul,
.tab_face.m6 .m6 ul,
.tab_face.m7 .m7 ul,
.tab_face.m8 .m8 ul,
.tab_face.m9 .m9 ul,
.tab_face.m10 .m10 ul,
.tab_face.m11 .m11 ul,
.tab_face.m12 .m12 ul{display:block;}
.tab_face li li a:hover,
.tab_face li li a:active,
.tab_face li li a:focus,
.tab_face.s1 .s1 a,
.tab_face.s2 .s2 a,
.tab_face.s3 .s3 a,
.tab_face.s4 .s4 a,
.tab_face.s5 .s5 a,
.tab_face.s6 .s6 a,
.tab_face.s7 .s7 a,
.tab_face.s8 .s8 a,
.tab_face.s9 .s9 a,
.tab_face.s10 .s10 a,
.tab_face.s11 .s11 a,
.tab_face.s12 .s12 a{font-weight:bold; color:#333; padding:0 0; letter-spacing:normal; }
.tab_face.js_off{padding:5px}
.tab_face.js_off ul{border:0}
.tab_face.js_off li{float:none;}
.tab_face.js_off li a{float:none; font-weight:bold; }
.tab_face.js_off li ul{display:block; position:static; left:0; top:0; padding:0 0; background:#fff}
.tab_face.js_off li li{display:inline;}
.tab_face.js_off li li a{font-weight:normal !important; color:#333; letter-spacing:normal;}
.tab_face.js_off li li a:hover,
.tab_face.js_off li li a:active,
.tab_face.js_off li li a:focus{text-decoration:underline; }
/* //UI Object */


/* 대메뉴 */
.main_menu { width:100%; background:url(../image/menu_tab_bg.png) repeat-x #042549;  text-align:center; overflow:hidden; border-bottom:2px solid #042549;}
.main_menu li { float:left; width:19.65%;; height:48px;}
.main_menu li.line{ float:left; width:1px; background:url(../image/menu_tab_bgline.png) no-repeat 0 0 #0056b7;}
.main_menu li a { display:block; border:none; height:48px; color:#fff; padding-top:14px; font-size:12px; letter-spacing:-1px; font-weight:bold;}
.main_menu li a.tab_m {background:url(../image/menu_tab_bg.png) repeat-x #0056b7; overflow:hidden; height:36px;}
.main_menu li a.on { color:#f6f6f6; background-color:#042549; font-weight:bold; height:36px;}

/* 대메뉴하단추가 */
.main_btmenu { clear:both; width:100%; background:url(../image/menu_btm_bg.png) repeat-x #339cb5; text-align:center; overflow:hidden; }
.main_btmenu li { float:left; width:24.6%; height:65px; }
.main_btmenu li.line{ float:left; width:1px; background:url(../image/menu_btm_bgline.png) no-repeat 0 0 #126b80;}
.main_btmenu li a { display:block; border:none; _height:65px; color:#f6f6f6; padding-top:38px; font-size:12px; }
.main_btmenu li a.tab_m {border-right:0px solid #f6f6f6; background:url(../image/menu_btm_ico.png) no-repeat; overflow:hidden;height:28px;}
.main_btmenu li a.phone {background-position:center 10px;}/*left top*/
.main_btmenu li a.sms {background-position:center -48px;}
.main_btmenu li a.map {background-position:center -106px;}
.main_btmenu li a.info {background-position:center -164px;}
.main_btmenu li a.gourl {background-position:center -222px;}
.main_btmenu li a.on { color:#f6f6f6; background:url(../image/menu_btm_bgon.png) repeat-x;}


/* 하단메뉴추가 */
.main_addmenu { width:100%; background:url(../image/menu_tab_bg.png) repeat-x #690d28;/*부컬러*/ text-align:center; overflow:hidden; border-bottom:0px solid #5947b5;/*포인트컬러*/}
.main_addmenu li { float:left; width:24.6%;; height:40px;}
.main_addmenu li.line{ float:left; width:1px; background:url(../image/menu_tab_bgline.png) no-repeat 0 0 #690d28;/*부컬러*/}
.main_addmenu li a { display:block; border:none; color:#ebebeb; line-height:40px; font-size:12px; letter-spacing:0px; font-weight:bold;}
.main_addmenu li a.tab_m {background:url(../image/menu_tab_bg.png) repeat-x #690d28;/*부컬러*/ overflow:hidden; }


/* 메뉴아이콘 추가 */
.main_icomenu { clear:both; width:100%; background:url(../image/menu_btm_bg.png) repeat-x#A91944;/*포인트컬러*/text-align:center; overflow:hidden; }
.main_icomenu li { float:left; width:19.65%; height:65px; }
.main_icomenu li.on { background:url(mobile2012/images/menu_btm_bgon.png) repeat-x; /*선택시컬러*/}
.main_icomenu li.line{ float:left; width:1px; background:url(mobile2012/images/menu_btm_bgline.png) no-repeat 0 0 #A91944;/*포인트컬러*/}
.main_icomenu li a { display:block; border:none; color:#f6f6f6; padding-top:37px; font-size:12px; }
.main_icomenu li a.tab_m {background:url(mobile2012/images/menu_icomenu.png) no-repeat; overflow:hidden; height:28px; }
.main_icomenu li a.com {background-position:center 10px;}/*left top*/
.main_icomenu li a.biz {background-position:center -48px;}
.main_icomenu li a.photo {background-position:center -106px;}
.main_icomenu li a.consult {background-position:center -164px;}
.main_icomenu li a.loca {background-position:center -222px;}


/* 메인 컨텐츠 */
#main { clear:both; margin:0 0 -5px 0; }
.mvisual { max-width:100%; margin:0; padding:0; border:none;}
.visual { max-width:100%; padding:10px 0; border:none;}


/* 서브메뉴 */
.sub_menu { border-bottom:0px solid #dddddd; height:30px; overflow:hidden;}
.sub_menu li { float:left; border-right:1px solid #dddddd; }
.sub_menu li a { display:block; border:none; color:#999999; padding:6px 10px 5px 10px; }
.sub_menu li a.on { color:#666666; font-weight:bold;}

/* 서브 */
.sub_tit { padding:10px 0 0 0; color:#434343; line-height:30px; font-size:30px; letter-spacing:-1px;}/*서브타이틀*/
@media all and (max-width:480px) { .sub_tit {font-size:24px;} }
.subadd_tit { padding:10px 0 0 0; color:#434343; line-height:30px; font-size:18px; letter-spacing:-1px;}/*타이틀*/
#s_main { clear:both; _margin:10px; position:relative; padding:10px; text-align:justify;}/*서브컨텐츠감싸기*/
#s_main_movie { clear:both; _margin:0px; background-color:#000000; height:300px; position:relative; padding:0px; text-align:justify;}/*서브컨텐츠감싸기*/
#s_main_search { clear:both; _margin:0px; position:relative; padding:0px; text-align:justify;}/*서브컨텐츠감싸기*/

.m_cont {margin:10px 0 0 0; padding:0 0 10px 0; border-top:1px solid #ccc;}
.m_cont .play { font-size:16px; display:block; padding:10px 0; text-align:center; }
.m_bg {_background:url(mobile2012/images/m1_01_img.png) no-repeat left bottom; padding:0 0; }
.m_cont .m_tit { font-size:16px; display:block; margin-bottom:10px; }
.m_cont .map { display:block; text-align:center; }
#img {display:block;}
@media all and (max-width:320px) { #img img{width:600px;} }
@media all and (max-width:360px) { #img img{width:600px;} }
@media all and (max-width:480px) { #img img{width:620px;} }
@media all and (max-width:768px) { #img {} }

/*프로덕트*/
.procontainer{margin-top:20px;}
.procontainer .pro{margin-bottom:40px;}
.procontainer .pro p{border:1px solid #ededed; margin-right:40px; text-align:center; padding:20px 0; text-align:center; width:100%;}
.procontainer .pro .tableBox{margin-top:10px;}
.procontainer .pro .tableBox h6{font-size:14px; color:#0563cd; margin-bottom:10px;}
.procontainer .pro .tableBox a{display:block; text-align:center; margin-top:15px;}
.procontainer .protable{width:100%; border-collapse:collapse; border:1px solid #ededed;}
.procontainer .protable th{padding:5px 10px; background:#d6e3f2; text-align:left; font-weight:bold; border:1px solid #ededed;}
.procontainer .protable td{padding:5px 10px; text-align:left; border:1px solid #ededed;}

.addBox{}
.addBox h6{font-size:14px; color:#0563cd; margin-bottom:10px;}
.addBox span.stxt{display:block; font-size:11px; margin-top:10px;}

@media all and (max-width:320px) { .procontainer .pro .tableBox a img{width:150px;} }
@media all and (max-width:360px) { .procontainer .pro .tableBox a img{width:120px;} }
@media all and (max-width:480px) { .procontainer .pro .tableBox a img{width:150px;} }
@media all and (max-width:768px) { .procontainer .pro .tableBox a {} }


/*agree*/
.agree1{padding:20px; border:1px solid #ededed; font-size:11px; color:#666; height:100px; overflow:auto; margin-bottom:10px;}
.agree1 h2{color:#555;}
p.checkagree{margin-bottom:30px; text-align:center;}
p.checkagree input{vertical-align:middle;}

p.btn{margin-top:30px; text-align:center;}
@media all and (max-width:320px) { p.btn img{width:150px;} }
@media all and (max-width:360px) { p.btn img{width:120px;} }
@media all and (max-width:480px) { p.btn img{width:150px;} }
@media all and (max-width:768px) {p.btn img {} }

/*table*/
.tableBox1{width:100%; border-collapse:collapse; border:1px solid #ededed;}
.tableBox1 th{padding:10px; background:#eeeeee; text-align:left; font-weight:bold; border:1px solid #fff; width:30%;}
.tableBox1 th span{color:red;}
.tableBox1 td{padding:10px; text-align:left; border:1px solid #ededed;}
.tableBox1 select, .tableBox1 input{border:1px solid #ccc; color:#666; font-size:12px; height:20px;}
.tableBox1 input.input_txt3{width:10%;}
.tableBox1 input.input_txt1{width:40%;}
.tableBox1 .textarea{width:100%; height:100px; border:1px solid #ccc; color:#666; font-size:12px;}

.ph30{height:20px;}
.container1 p.txt{margin-bottom:30px;}
.container1 strong, .container1 span{display:block;}
.container1 strong{font-size:15px; color:#e04a45; margin-bottom:10px; border-bottom:1px solid #e04a45; padding-bottom:10px;}
.container1 span.title{color:#3087d1; font-size:13px; font-weight:bold; padding-bottom:5px;}

/*업체정보테이블*/
.infobox { margin-top:20px; border-top:2px solid #bebebe;}
.infobox th { text-align:left; border-right:1px solid #bebebe; width:25%; background-color:#eeeeee;}
.infobox th, .infobox td { border-bottom:1px solid #bebebe; height:20px; padding:1px 5px 2px 5px;}
.tab_text { display:inline-block; margin-top:2px; }
/*.pro_list { margin:15px 0; overflow:auto; }
.pro_list li { display:inline; margin:0 0 10px 15px; width:55px; float:left; }
.pro_list li span { display:block; text-align:center; font-size:11px; }	*/

/*오시는길*/
.mapbox {border-top:1px solid #dddddd; padding-bottom:10px;}
.mapbox th { text-align:left;}
.mapbox th, .mapbox td { border-bottom:1px solid #dddddd; height:30px; }
.tab_text { display:inline-block; margin-top:3px; }
.btn_loca { font-family:Verdana, Arial, Helvetica, sans-serif; height:26px; padding:0 8px 3px 8px; border:1px solid #aaaaaa; font-size:90%; color:#FFFFFF; letter-spacing:-1px; text-align:center;
 box-shadow:0 1px 0 rgba(0, 0, 0, .1); -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #989898), color-stop(100%, #787878)); /*Safari*/
 background: -webkit-linear-gradient(top, #989898, #787878); /*WebKit nightly*/
 background: -moz-linear-gradient(top, #989898, #787878); /* Modzilla Firefox */
 position:absolute; top:5px; right:10px; }
 .btn_tel { height:26px; padding:0px 10px 0 8px; border:1px solid #aaaaaa; font-size:90%;ss letter-spacing:-1px; text-align:center;
 box-shadow:0 1px 0 rgba(0, 0, 0, .1); -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e5e5e5)); /*Safari*/
 background: -webkit-linear-gradient(top, #fff, #e5e5e5); /*WebKit nightly*/
 background: -moz-linear-gradient(top, #fff, #e5e5e5); /* Modzilla Firefox */
 float:right; margin-right:0; }
 .btn_email { height:26px; padding:0px 10px 0 8px; border:1px solid #aaaaaa; font-size:90%; letter-spacing:-1px; text-align:center;
 box-shadow:0 1px 0 rgba(0, 0, 0, .1); -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e5e5e5)); /*Safari*/
 background: -webkit-linear-gradient(top, #fff, #e5e5e5); /*WebKit nightly*/
 background: -moz-linear-gradient(top, #fff, #e5e5e5); /* Modzilla Firefox */
 float:right; margin-right:0; }


/* 사진갤러리 */
.pro_list { margin:15px 0; overflow:auto; }
.pro_list li { display:inline; margin:0 10px 10px 0; float:left; }
.pro_list li a img{ width:90px; height:90px; border-radius:10px; -webkit-border-radius:10px;}
.pro_list li span { display:block; text-align:center; font-size:11px; }

/*컨텐츠스타일1*/
.conStyle0{margin:15px 0;}
.conStyle1 dt { color:#5947b5;/*포인트컬러*/ font-weight:bold; margin:10px 0 2px 0; font-size:15px; }
.conStyle1 dd { background:url(../image/icon_round.png) no-repeat 1px 7px; padding-left:8px; line-height:18px; padding-bottom:2px; -webkit-background-size:4px 4px; }
@media screen and (-webkit-device-pixel-ratio: 2) { .conStyle1 dd { background: url("../image/icon_roundx2.png") no-repeat 1px 7px; }}
/*컨텐츠스타일2*/
.conStyle2 dt { color:#6f6f6f; font-weight:bold; margin:10px 0 2px 0; }
.conStyle2 dt.tit { color:#5947b5;/*포인트컬러*/ font-size:15px; margin:0; }
.conStyle2 dd { padding:0; line-height:18px; }
.conStyle2 dd.tit { color:#5947b5;/*포인트컬러*/ font-size:12px; font-weight:bold; margin:0; }



/* footer */
#footer {border-top:1px solid #aeaeae; background-color:#dcdcdc; text-align:center; font-size:12px; padding:10px 0 10px 0; clear:both; }
#footer .foot_box { padding:0 5px 7px 5px; border-top:1px solid #e2e2e2; }
#footer ul { margin:0 0 5px 0; line-height:14px; }
#footer ul span.bar { display:inline;padding:0 5px; color:#c2c2c2; }
#footer ul li { display:inline-block; _height:16px; margin:0; text-align:center; letter-spacing:0px; }
#footer ul li.title{ display:inline; font-weight:bold; color:#464646; font-size:13px;}
#footer input { height:26px; padding:0px 10px 0 8px; border:1px solid #aaaaaa; font-size:11px; _color:#222; letter-spacing:-1px; text-align:center;
 box-shadow:0 1px 0 rgba(0, 0, 0, .1); -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e5e5e5)); /*Safari*/
 background: -webkit-linear-gradient(top, #fff, #e5e5e5); /*WebKit nightly*/
 background: -moz-linear-gradient(top, #fff, #e5e5e5); /* Modzilla Firefox */ }
#footer p.privacy { width:100%; margin:12px 0 0 0; height:12px; font-size:12px; letter-spacing:-1px; }
#footer p.privacy a { color:#787878; }
#footer p.privacy span.bar { padding:0 8px 0 7px; font-size:11px; color:#c2c2c2; }
#footer p.copyright { width:100%; height:8px; margin-top:17px; font-size:9px; letter-spacing:0; }
.endbar { float:left; width:100%; height:auto; background:#424242; color:#CCCCCC; font-size:0.65em; }
.endbar span.copyrights { float:left; padding:5px 0 0 10px; display:inline-block; }
.endbar img { float:right; margin:0; }
.endbar a span.topico{float:right; width:50px; height:21px; margin:2px 2px 0 0; _padding-right:10px; background:url(http://mbiz114.com/mobile2012/images/btn_iconset.png) no-repeat -50px 0px; _overflow:hidden; }



/*사이트정책*/
.rules {text-align:justify;}
.rules h3{_color:#434343; margin:20px 0 10px 0; letter-spacing:0px; font-weight:bold;}
.rules h3.first{margin-top:0;}
.rules h3 a{_color:#434343; text-decoration:none;}
.rules ol,
.rules .ex{padding-left:16px;}
.rules ol li .letter{margin:0 4px 0 -18px;}
.rules ol li.title2{margin:7px 0 0 0;}
.rules ul{padding-left:0px;}
.rules ul li .letter{margin:0 4px 0 -10px;}
.rules .old{margin:10px 0 0 0; font-weight:bold; color:#53312d;}
.rules .depth{margin-left:2px;}
.rules .u{text-decoration:underline;}

/* 추가*/
h6 { margin:0; padding:0 }
.wrap_auth {padding-top:4px;clear:both}
.wrap_auth .txt_warn {width:100%;margin:7px 0 -1px;}
.get_regist .txt_warn {width:100%;margin:7px 0 -1px;}

.wrap_agree {position:relative;width:100%;margin:0px 0 0 0px;padding:0px 0 0px}
.wrap_agree .agree_inp2 {position:absolute;top:0px;left:0}
.wrap_agree .inp_check {float:left;margin:1px 5px 0 0;*margin:-3px 5px 0 0}
.wrap_agree .lab_agree {float:left;font-weight:bold}

.wrap_agree .agree_rule {height:157px;margin:5px 0 9px;padding:17px 0px;border:1px solid #e1e1e3;line-height:19px;color:#777;clear:both}
.wrap_agree .txt_personal {position:relative;margin:0 auto;display:block;overflow-x: hidden; overflow-y: scroll; padding-top:0 !important; }
.wrap_agree .tit_rule {display:block;margin-bottom:3px;font-weight:normal;color:#222}
.wrap_agree .agree_inp1 {position:absolute;top:0;left:0}

.wrap_agree .tab_rule_left {float:left;clear:both;margin-bottom:6px}
.wrap_agree .tab_rule {float:right;margin-bottom:6px}
.wrap_agree .tab_rule .link_rule {color:#777}
.wrap_agree .tab_rule .txt_on {color:#222}
.wrap_agree .tab_rule .txt_bar {color:#e2e2e2}

.wrap_agree .agreement_new h6 {font-size:12px; margin-bottom:0;font-weight:normal}
.wrap_agree .agreement_new .tit {display:block;margin:10px 0}
.wrap_agree .agreement_new .agreement {line-height:18px}
.wrap_agree .agreement_new .agreement .doc_list li{margin-top:0}
.wrap_agree .agreement_new .agreeText {margin:21px 0 0 0;text-align:center}
.wrap_agree .agreement_noti h6 {display:block;height:19px;font-size:12px;font-weight:normal;margin-bottom:3px;padding-top:17px;color:#222}


.bbs_sn_align {float:right; clear:both; margin:1px; height:30px;text-align:right;}
.bbs_sn_img { cursor:pointer; margin:1px; vertical-align: middle; border:0;}

.qr_code_display {
  border : 3px solid #0076CA;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
  margin:0 auto;
  left:0;
  top:0;
}
.window{
      display: none;
      position:absolute;
      z-index:10000;
}

.layer_pop{display:none;position:fixed;top:50%;left:50%;z-index:999;padding-bottom:10px;border : 3px solid #0076CA; margin:10px;padding:10px;background-color:#fff;}
#mask{display:none;position:fixed;top:0;left:0;z-index:10;z-index:998;width:100%;height:100%;background:#000;opacity:1}

#searchpm{border:1px solid #FF6600;background-color:#ffffff;width:100%;height:28px;margin:0px 20px 1px 5px;font-size:14pt;padding:5px 5px 0px 5px;}