/* 모바일 코딩 필수 공통영역 */
@import url("//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css");

* {margin:0; padding:0; -webkit-text-size-adjust:none;}
html {width:100%; max-width:640px; margin:0 auto;}
body {width:100%; color:#333; font-size:16px; line-height:125%; font-family:'Nanum Gothic',Helvetica,AppleGothic,sans-serif;}
img, fieldset {border: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;}
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;}
section, nav, article, aside, hgroup, header, footer { display:block }
textarea, input {
	background:url(none);
	-webkit-border-radius:1px;
	-webkit-apprearance:none;
}
textarea {resize:none;}
.space-center {text-align:center;}
.space-right {text-align:right;}
.input,
.textarea {border:1px solid #c3c3c3; background:#ffffff; line-height:160%; padding:2px 0;}
.select {border:1px solid #c3c3c3; background:#ffffff; line-height:160%; padding:4px 0;}
.hide {display:none; visibility:hidden; line-height:0; font-size:0; text-indent:-9999px;}

.f_red {color:#ff0000}
.f_gray {color:#444}

.mgb10 {margin-bottom:10px;}
.mgb20 {margin-bottom:20px;}
.mgb30 {margin-bottom:30px;}

.outer {display:table; height:100%;}
.inner {display:table-cell; vertical-align:middle; text-align:center;}

/* 사용자 지정 */
body.bg {background:#2a2a2a;}

#menu  {position:fixed; top:0; right:-240px; width:240px; height:100%; background:rgba(25, 25, 25, 0.7); color:#fff; overflow:auto; z-index:100;}
#menu a {color:#fff !important;}
#menu .nav-menu {}
#menu .nav-menu li {font-weight:normal;}
#menu .nav-menu li a {padding:10px 10px 10px 43px; display:block;}
#menu .nav-menu li.active a {background:#5d1c82;}
#menu .nav-menu li.active .submenu li a {background:rgba(0, 0, 0, 0.7) url('../images/common/submenu-list-style.png') 33px center no-repeat; background-size:3px 3px;}
#menu .nav-menu li.active .submenu li a:hover,
#menu .nav-menu li.active .submenu li a:focus {background:rgba(255, 255, 255, 0.5) url('../images/common/submenu-list-style.png') 33px center no-repeat; background-size:3px 3px;}
#menu .nav-menu li .submenu {display:none;}
#menu .menu-head {height:70px; display:table; width:100%; background:#555555;}
#menu .menu-title-inner {display:table-cell; vertical-align:middle; text-align:left; font-size:24px; color:#fff; font-weight:700; padding-left:20px;}
#menu .menu-close-inner {display:table-cell; vertical-align:middle; text-align:right;}
#menu .menu-close-inner #menu-close {margin-right:20px;}
#menu .menu-close-inner img {width:16px;}

#wrapper {position:relative; background:#fff;}

/* header */
#header {position:relative; width:100%; height:63px; padding-top:7px; 
		background: #fff; 
		background: -webkit-linear-gradient(#fff 0%, #fffefe 33%, #efefef 66%, #fff 100%); 
		background: -o-linear-gradient(#fff 0%, #fffefe 33%, #efefef 66%, #fff 100%); 
		background: -moz-linear-gradient(#fff 0%, #fffefe 33%, #efefef 66%, #fff 100%); 
		background: linear-gradient(#fff 0%, #fffefe 33%, #efefef 66%, #fff 100%); 
}

#header .logo {float:left; margin-left:20px;}
#header .logo a {display:block; vertical-align:middle;}
#header .logo img {width:85px;}
#header .btn-menu {float:right; margin-right:20px;}
#header .btn-menu a {display:block; vertical-align:middle;}
#header .btn-menu img {width:30px;}

/* main */
#main {padding:0 20px;}
#notice-ticker {background:#555; overflow:hidden;}
#notice-ticker .title {width:9%; padding-left:35px; background:url('../images/common/ico-notice-ticker.png') 12px center no-repeat; background-size:15px 15px; height:40px; line-height:40px; color:#b1b1b1; font-size:90%; border-right:1px solid #969696; float:left;}
#notice-ticker ul {width:85%; right:0;}
#notice-ticker ul li {line-height:40px;}
#notice-ticker ul li a {color:#ededed; line-height:40px; font-size:90%; width:100%; padding:0 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#slides .slidesjs-container {box-shadow:0px 0px 30px #cacaca;}
#slides .slidesjs-pagination {text-align:center; height:50px;}
#slides .slidesjs-pagination li {display:inline-block; line-height:0; font-size:0; margin:0 2px;}
#slides .slidesjs-pagination li a {display:block; width:17px; height:17px; text-indent:-9999px; background:#fff; border:1px solid #d9d9d9; border-radius:50%;}
#slides .slidesjs-pagination li a.active {background:#00a4ca;}


.min_banner { width:100%; overflow:hidden; }
.min_banner .min_slider { margin-top:2px; width:100%; margin-bottom:40%;  overflow:hidden;}
.min_banner .min_slider ul {}
.min_banner .min_slider li {float:left; }
.min_banner .min_slider li img{float:left;   }

.min_banner .minmin {position:absolute; left:0; text-align:center; }
.min_banner .minmin li {display:inline-block;  *display:inline; width:100%; margin:0 1px 0 2px; cursor:pointer; vertical-align:top;}




.main-menu {width:90%; overflow:hidden; margin:20px auto;}
.main-menu ul {*zoom:1;}
.main-menu ul:after {content:''; display:block; clear:both;}
.main-menu li {float:left; width:33%; margin-bottom:13px;}
.main-menu li a {display:block; width:100%; text-align:center;}
.main-menu li img {width:95%;}
.main-tel {width:75%; margin:0 auto 20px;}
.main-tel a {display:block;}
.main-tel a img {width:100%;}

/* submenu */
.menuArea {width:100%; background: #606060; 
		background: -webkit-linear-gradient(#848484 0%, #5e5e5e 100%); 
		background: -o-linear-gradient(#848484 0%, #5e5e5e 100%); 
		background: -moz-linear-gradient(#848484 0%, #5e5e5e 100%); 
		background: linear-gradient(#848484 0%, #5e5e5e 100%); }
.menuArea ul {*zoom:1; border-top:2px solid #000;}
.menuArea ul:after {content:''; display:block; clear:both;}
.menuArea li {float:left; width:25%; box-sizing:border-box; text-align:center; border-left:1px solid #000;}
.menuArea li:first-child {border-left:0;}
.menuArea li a {display:block; width:100%; line-height:50px; font-size:100%; color:#fff; font-weight:800;}
.menuArea li.active a {color:#5d1c82; background:#fff;}

.submenuArea {width:100%; border-bottom:1px solid #5d1c82;}
.submenuArea ul {padding:13px 0; *zoom:1;}
.submenuArea ul:after {content:''; display:block; clear:both;}
.submenuArea li {/* float:left; */ box-sizing:border-box; text-align:center; border-left:1px solid #a9a9a9;}
.submenuArea li:first-child {border-left:0;}
/* .submenuArea li a {display:block; font-size:90%; line-height:14px; color:#4f4f4f; font-weight:800;} */
/* .submenuArea ul{display:flex;} */
.submenuArea li a {display:block; font-size:90%; line-height:14px; color:#4f4f4f; font-weight:800;}
.submenuArea li.on a {color:#5d1c82;}

.submenuArea ul{display:flex;}
.submenuArea ul li{/* padding:0 3px; */}
.submenuArea ul li a{height:100%;display:flex;justify-content:center;align-items:center;}

.submenuArea.list2 li {width:50%;}
.submenuArea.list3 li {width:33%;}
.submenuArea.list4 li {width:25%;}
.submenuArea.list5 li a{font-size:65%;}
.submenuArea.list5 li {width:20%;}


/* sub */
#sub .sub-title {height:40px; line-height:0; border-bottom:1px solid #eaeaea; margin-bottom:30px;}
#sub .sub-title h2 {font-size:100%; line-height:40px; font-weight:700; color:#4f4f4f; padding:0 10px;}
#sub .content-area {padding:0 10px 50px;}
#sub .content-area .banner {margin-bottom:20px;}
#sub .content-area .banner img {width:100%;}
#sub .product-area {position:relative; width:100%; margin-bottom:20px;}
#sub .product-area img {width:100%;}
#sub .product-area .mov {position:absolute; top:35%; left:0; width:100%; height:75%;}
#sub .product-area .mov iframe {width:100%; height:80%;}
#sub .product-view .tabs {width:100%; border-bottom:1px solid #3c4fad; height:41px; margin-bottom:20px;}
#sub .product-view .tabs ul {*zoom:1;}
#sub .product-view .tabs ul:after {content:''; display:block; clear:both;}
#sub .product-view .tabs li {float:left; width:32%; margin-left:2%; box-sizing:border-box;}
#sub .product-view .tabs li:first-child {margin-left:0;}
#sub .product-view .tabs li a {display:block; font-size:90%; height:40px; line-height:40px; background:#e6e6e6; border:1px solid #e6e6e6; border-bottom:1px solid #3c4fad; text-align:center; color:#484747; font-weight:700;}
#sub .product-view .tabs li.active a {background:#fff; border:1px solid #3c4fad; border-bottom:1px solid #fff;}

.movie-wrap {position:relative; line-height:0;}
.movie-wrap img {width:100%;}
.movie-wrap .play {position:absolute; top:50%; left:50%; margin:-31px 0 0 -31px; width:62px; height:62px; background:url('../images/sub/play.png') 0 0 no-repeat; background-size:62px 62px;}
.movie-wrap .play span {font-size:0; line-height:0; text-indent:-999px;}

.product-summary {position:relative;}
.product-summary .slidesjs-navigation {position:absolute; top:0; width:20px; height:100%; z-index:1000; text-indent:-9999px;}
.product-summary .slidesjs-previous {left:0; background:url('../images/sub/product-left.png') 0 center no-repeat; background-size:10px 20px;}
.product-summary .slidesjs-next {right:0; background:url('../images/sub/product-right.png') 0 center no-repeat; background-size:10px 20px;}

.product-info {padding:20px;}
.product-info .title {font-size:110%; font-weight:700; margin-bottom:20px;}
.product-info .info .subtitle {padding-left:20px; background:url('../images/sub/summary-subtitle-bullet.png') 0 5px no-repeat; background-size:12px 12px; color:#484747; font-size:100%; font-weight:700; padding-bottom:10px; border-bottom:2px solid #5d5d5d;}
.product-info .info .description ul {padding:10px 0;}
.product-info .info .description li {padding:5px 0 5px 15px; background:url('../images/sub/summary-list-bullet.png') 0 center no-repeat; background-size:10px 10px; font-size:80%; color:#484747;} 
.product-detail { border-top:1px solid #3c4fad; padding:10px 0;}
.product-detail img {width:100%;}
.product-detail table {width:100% !important;}


#sub .company {width:100%;}
#sub .company h3 {font-size:90%; font-weight:700; color:#3c4fad; margin-bottom:20px;}
#sub .company h3 span.violet {color:#5d1c82}
#sub .company p {margin-bottom:20px; color:#464646; font-size:85%;}
#sub .company .table table {width:100%; border-spacing:0; border-collapse:collapse;}
#sub .company .table th {font-size:12px; text-align:left; font-weight:700; color:#484747; vertical-align:top; padding:5px 0;}
#sub .company .table th:after {content:'|'}
#sub .company .table td {color:#484747; padding:5px 0; text-align:left; font-size:12px;}
#sub .company .table td span {color:#2597e6}

#sub .sub-tabs {margin-bottom:10px; border-bottom:1px solid #4759b2; height:31px;}
#sub .sub-tabs ul {*zoom:1;}
#sub .sub-tabs ul:after {content:''; display:block; clear:both;}
#sub .sub-tabs li {float:left; box-sizing:border-box; width:33.3%; height:30px; line-height:30px; font-size:14px;}
#sub .sub-tabs li a {display:block; text-align:center; background:#f6f6f6; border:1px solid #d5d5d5; border-bottom:0; color:#373737; font-weight:700;}
#sub .sub-tabs li.active a {background:#3c4fad; border:1px solid #3c4fad; color:#fff;}

.map-info {margin-top:15px; border-top:2px solid #4759b2; border-bottom:1px solid #dddcdc; padding:10px 2px;}
.map-info th {background:url('../images/sub/mapinfo-bullet.png') 0 6px no-repeat; line-height:24px; height:24px; font-size:13px; padding-left:18px; vertical-align:top; text-align:left;}
.map-info td {font-size:13px; line-height:24px; height:24px;}
.map-info td span.color1 {color:#b20e0e;}
.map-info td span.color2 {color:#1e8219;}


/* footer */
#footer {width:100%; text-align:center; clear:both; background:#404040; padding:10px 0;}
.foot-link {width:100%; height:30px; text-align:center; color:#bcbcbc; font-size:90%; font-weight:bold;}
.foot-link li {display:inline-block; line-height:33px;}
.foot-link a {color:#bcbcbc;}
.foot-link .bar {margin:0 10px;}
.address {color:#bcbcbc; font-size:60%; line-height:20px; padding:0 3px;}

/* sub title */
.sub_title {position:relative; width:100%; height:42px; background:#836150; font-size:17px; line-height:42px; font-weight:bold; color:#fff; text-align:center; overflow:hidden;}
.sub_title h2 {font-size:17px; font-weight:700;}
.sub_title a {position:absolute; top:0; display:inline-block; height:42px; color:#fff; font-size:12px; line-height:42px; background-repeat:no-repeat; background-size:20%;}
.sub_title .prev {left:10px; background-image:url(../images/common/bt_prev.png); background-position:0 50%; padding-left:12px;}
.sub_title .next {right:10px; background-image:url(../images/common/bt_next.png); background-position:100% 50%; padding-right:12px;}
.subImg {width:100%;}

/* sub content */
.sub-content {padding:10px;}
.pr {display:block}

.root_daum_roughmap_landing {width:100% !important;}