@charset "euc-kr";
html, body, div, p, span, em, u, i, table, caption, thead, tbody, tfoot, tr, th, td, form, fieldset, label, legend, textarea, input, button, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, img, a {padding:0;margin:0;outline:0;}
body {position:relative;color:#666666;font-size:20px;font-family:"Roboto-Regular","애플고딕","Apple-Gothic",Arial,Helvetica,sans-serif;font-weight:normal;-webkit-text-size-adjust:none;} /* word-wrap:break-word;word-break:break-all; */
/*div, p, ul, li, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd {word-wrap:break-word;word-break:break-all;}*/
ul, ol, li, dl, dt, dd {list-style-type:none;}
table {empty-cells:show;}
select {font-size:14px;vertical-align:middle;padding:0;margin:0;}
legend {display:none;position:absolute;visibility:hidden;}
caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;line-height:0px;}
img {vertical-align:top;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;}
input {} /* -webkit-appearance:none; */
table, th, td {margin:0px;border-collapse:collapse;}
html {
/* -webkit-touch-callout:none; /* 화면을 길게 누르고 있을때 뜨는 팝업이나 액션시트를 제어합니다. none으로 설정하면 아무리 길게 눌러도 아무것도 뜨지 않습니다. */
/*-webkit-user-select:none; /* 텍스트나 이미지를 선택할 수 있게 하는 여부를 제어합니다. none으로 설정하면 텍스트나 이미지를 선택할 수 없습니다. */
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
/* 링크를 터치했을때 나오는 기본 영역의 색상을 제어합니다.
rgba(0, 0, 0, 0)은 색이 없는 투명을 의미하므로 위 색상으로 세팅하면 링크를 터치했을때 아무것도 표시되지 않습니다.
transparent를 넣을 수도 있겠지만, 이런 경우에는 iOS에서만 동작하고 Android에선 동작하지 않습니다.}*/
}
html, body {height:100%;}
body {
background-image:url('/mobile/images/common/bg_footer.png');background-repeat:repeat;background-position:center bottom;
-moz-background-size:320px 171px;
-o-background-size:320px 171px;
-webkit-background-size:320px 171px;
background-size:320px 171px;
}
/* 링크 */
a {text-decoration:none;cursor:pointer;} a:hover {text-decoration:none;}
/* 커서 */
.cursor {cursor:pointer;}
/* 클리어 */
.cb {clear:both;font-size:0px;line-height:0px;height:0px;}
/* 컨텐츠정렬관련 */
.al {text-align:left !important;} .ac {text-align:center !important;} .ar {text-align:right !important;}
/* 페이지 레이아웃 */
#wrap {position:relative;background-color:#ffffff;}
header {position:relative;background-color:#ffffff;z-index:100;}
header .header {position:relative;}
header .header h1 {padding:15px 0 0 0;}
header .header .top_prev {position:absolute;top:8px;left:10px;display:block;width:24px;height:24px;}
header .gnb {overflow:hidden;display:table;width:100%;height:28px;box-sizing:border-box;-webkit-box-sizing:border-box;}
header .gnb li {display:table-cell; height:28px;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;}
header .gnb li a {display:block;height:28px;text-align:center;color:#000000;font-size:13px;line-height:28px;background-color:#df2c6e;border-left:1px solid #f971a3; border-right:1px solid #b41c54; box-sizing:border-box;-webkit-box-sizing:border-box;}
header .gnb li a:hover, header .gnb li a.sel {color:#cbffff;font-size:13px;line-height:36px;background-color:#df2c6e; border-left:1px solid #f971a3; border-right:1px solid #b41c54;}
header .gnb li:first-child a {border-left:0;}
header .gnb li:last-child a {border-right:0;}
header .sub1 {overflow:hidden;display:table;width:100%;background-color:#df2c6e; padding-left:13px;}
header .sub1 li {float:left; text-align:center;color:#fff; line-height:18px; }
header .sub1 li a { display:block; padding:5px 10px; text-align:center; color:#fff; line-height:18px;background-color:#df2c6e; font-size:12px; }
header .sub1 li a.sel { color:#cbffff; font-weight:bold; font-size:12px; }
header .sub22 {overflow:hidden;display:table;width:100%;background-color:#f7f7f7; padding-left:13px;border-bottom:3px solid #d1d1d1;border-top:1px solid #d1d1d1;}
header .sub22 li {float:left; text-align:center;color:#fff; line-height:18px; }
header .sub22 li a { display:block; padding:5px 10px; text-align:center; color:#000; line-height:18px;background-color:#f7f7f7; font-size:12px; }
header .sub22 li a.sel { color:#ff8400; font-weight:bold; font-size:12px; }
header .sub23 {overflow:hidden;display:table;width:100%;background-color:#f7f7f7; padding-left:13px;border-bottom:3px solid #d1d1d1;border-top:1px solid #d1d1d1;}
header .sub23 li {float:left; text-align:center;color:#fff; line-height:18px; }
header .sub23 li a { display:block; padding:5px 10px; text-align:center; color:#000; line-height:18px;background-color:#f7f7f7; font-size:12px; }
header .sub23 li a.sel { color:#ff8400; font-weight:bold; font-size:12px; }
header .gnb2 {overflow:hidden;display:table;width:100%;height:28px;box-sizing:border-box;-webkit-box-sizing:border-box;}
header .gnb2 li {display:table-cell; height:28px;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;}
header .gnb2 li a {display:block;height:28px;text-align:center;color:#000000;font-size:13px;line-height:28px;background-color:#df2c6e;border-left:1px solid #f971a3; border-right:1px solid #b41c54; box-sizing:border-box;-webkit-box-sizing:border-box;}
header .gnb2 li a:hover, header .gnb li a.sel {color:#cbffff;font-size:13px;line-height:36px;background-color:#df2c6e; border-left:1px solid #f971a3; border-right:1px solid #b41c54;}
header .gnb2 li:first-child a {border-left:0;}
header .gnb2 li:last-child a {border-right:0;}
header .sub2 {overflow:hidden;display:table;width:100%;background-color:#df2c6e; padding-left:13px;}
header .sub2 li {float:left; text-align:center;color:#fff; line-height:18px; }
header .sub2 li a { display:block; padding:5px 10px; text-align:center; color:#fff; line-height:18px;background-color:#df2c6e; font-size:12px; }
header .sub2 li a.sel { color:#cbffff; font-weight:bold; font-size:12px; }
#Container .main_banner {padding:0px;}
#Container .main_banner #owl-slide-auto .item img{display: block;width: 100%;height: auto;}
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.grabbing {
cursor:url(grabbing.png) 8 8, move;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
.owl-theme .owl-controls{
margin-top: 10px;
text-align: center;
}
.owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
text-decoration: none;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 5px 5px 0;
/* filter: Alpha(Opacity=50);/*IE7 fix*/
/* opacity: 0.5; */
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #9b9b9b;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
background: #333;
/*
filter: Alpha(Opacity=100);/*IE7 fix*/
/* opacity: 1; */
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
/* preloading images */
.owl-item.loading{
min-height: 150px;
background: url(AjaxLoader.gif) no-repeat center center
}
#menu_content {position:relative;height:80px;text-align:center;background-color:#ffffff;z-index:100;}
#menu_content .menuTab1 {position:relative;height:80px;}
#menu_content .menuTab1 h1 {padding:15px 0 0 0;}
#menu_content .menuTab1 .top_prev {position:absolute;top:8px;left:10px;display:block;width:24px;height:24px;}
#menu_content .menuTab1 {overflow:hidden;display:table;width:100%;height:28px;box-sizing:border-box;-webkit-box-sizing:border-box;}
#menu_content .menuTab1 li {display:table-cell; height:28px;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;}
#menu_content .menuTab1 li a {display:block;height:28px;text-align:center;color:#ffffff;font-size:13px;line-height:28px;background-color:#df2c6e;border-left:1px solid #f971a3; border-right:1px solid #b41c54; box-sizing:border-box;-webkit-box-sizing:border-box;}
#menu_content .menuTab1 li a:hover, header .gnb li a.sel {color:#cbffff;font-size:13px;line-height:36px;background-color:#df2c6e; border-left:1px solid #f971a3; border-right:1px solid #b41c54;}
#menu_content .menuTab1 li:first-child a {border-left:0;}
#menu_content .menuTab1 li:last-child a {border-right:0;}
#left-menu { position: absolute; left: 0; top: 0; width: 400px; height: 100%; z-index: 1; background-color: #5f5156; }
#left-menu ul { float: left; margin: 0; padding: 0; width: 100%; height: 100%; overflow: auto; }
#left-menu ul li { float: left; margin: 0; padding: 0; width: 100%; border-bottom: 1px solid #786a6e; }
#left-menu ul li a { display: block; width: 100%; line-height: 70px; font-size: 20px; font-family:ngeb; padding-left:42px; color: #e5d7dc; }
#menu_content2 { display: none; position:relative;height:250px;text-align:center;background-color:#df2c6e;z-index:100; }
#menu_content2 ul { float: left; margin: 0; padding: 0; width: 100%; height: 100%; overflow: auto; }
#menu_content2 ul li { float: left; margin: 0; padding: 0; width: 100%; border-bottom: 1px solid #fea0c3; }
#menu_content2 ul li a { display: block; width: 100%; font-size:13px; line-height: 26px; font-family:ngeb; padding-left:0px; color: #e5d7dc; }
#menu_content3 { display: none; position:relative;height:150px;text-align:center;background-color:#df2c6e;z-index:100; }
#menu_content3 ul { float: left; margin: 0; padding: 0; width: 100%; height: 100%; overflow: auto; }
#menu_content3 ul li { float: left; margin: 0; padding: 0; width: 100%; border-bottom: 1px solid #fea0c3; }
#menu_content3 ul li a { display: block; width: 100%; font-size:13px; line-height: 26px; font-family:ngeb; padding-left:0px; color: #e5d7dc; }
#containerx {position:relative;z-index:1;text-align:left;}
#containerx .path { position:relative; padding:15px 10px 4px 15px; background-color:#e9e9e9; margin-top:13px; font-size:11px; }
#containerx .path img { padding:0 5px 3px 0; vertical-align:middle; }
#containerx .path .bold { font-weight:bold; color:#333; }
#containerx .path2 { position:relative; padding:2px 10px 4px 10px; font-size:12px; }
#containerx .path2 img { padding:0 5px 3px 0; vertical-align:middle; }
#containerx .path2 .bold { font-weight:bold; color:#333; }
#containerx .path2 a { color:#333; }
#containerx .path2 a:hover { text-decoration:underline; }
#containerx .path3 { position:relative; padding:6px 10px 4px 23px; background-color:#e9e9e9; font-size:11px; }
#containerx .path3 img { padding:0 5px 3px 0; vertical-align:middle; }
#containerx .path3 .bold { font-weight:bold; color:#333; }
footer {position:relative;z-index:1;}
footer .footer_btn {position:relative;height:24px;}
footer .footer_btn .left {position:absolute;top:10px;left:10px;}
footer .footer_btn .right {position:absolute;top:10px;right:10px;}
footer .footer_area {
height:191px;text-align:center;padding:11px 0 0 0;box-sizing:border-box;-webkit-box-sizing:border-box;
background-image:url('/mobile/images/common/bg_footer.png');background-repeat:repeat-x;background-position:center top;
-moz-background-size:320px 171px;
-o-background-size:320px 171px;
-webkit-background-size:320px 171px;
background-size:320px 171px;
}
footer .footer_area .footer_menu {font-size:0;line-height:0;margin-bottom:15px;}
footer .footer_area .footer_menu .menu_home {display:inline-block;text-align:center;background-color:#51b9ae;border:0px solid #41948b;line-height:0;box-sizing:border-box;-webkit-box-sizing:border-box;}
footer .footer_area .footer_menu .menu_home span {display:inline-block;width:60px;height:26px;color:#ffffff;font-size:12px;line-height:26px;background-color:#51b9ae;border:1px solid #41948b;box-sizing:border-box;-webkit-box-sizing:border-box;}
footer .footer_area .footer_menu .menu_pc_ver {display:inline-block;text-align:center;background-color:#94c868;border:0px solid #76a053;line-height:0;margin:0 1px;box-sizing:border-box;-webkit-box-sizing:border-box;}
footer .footer_area .footer_menu .menu_pc_ver span {display:inline-block;width:60px;height:26px;color:#ffffff;font-size:12px;line-height:26px;background-color:#94c868;border:1px solid #76a053;box-sizing:border-box;-webkit-box-sizing:border-box;}
footer .footer_area .footer_menu .menu_help_desk {display:inline-block;text-align:center;background-color:#9ca0a2;border:0px solid #7d8082;line-height:0;box-sizing:border-box;-webkit-box-sizing:border-box;}
footer .footer_area .footer_menu .menu_help_desk span {display:inline-block;width:140px;height:26px;color:#ffffff;font-size:12px;line-height:26px;background-color:#9ca0a2;border:1px solid #8c9091;box-sizing:border-box;-webkit-box-sizing:border-box;}
footer .footer_area .address {color:#ffffff;font-size:11px;margin-bottom:7px;}
footer .footer_area .copyright {margin-bottom:10px; font-size:11px;}
footer .footer_area .footer_logo {}
footer .footer_area .footer_logo span {display:inline-block;margin:0 18px;}