html, body {height:100%;min-height:100%;margin:0px;padding:0px;}
body {min-width:px;background-color:#ffffff;font-family: "Arial,Helvetica";font-weight: normal;font-size: 12px;color: #303030;-webkit-font-smoothing: antialiased;}


#main-container{position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:0px;padding:0px;overflow:visible;min-height:100%;min-width:px;background-image: url('/contents/bg_001.jpg'); background-position: center top;}
#center-column{position:relative;margin:0px auto;overflow:visible;height:100%;width:;min-width:px;}

#content{position:absolute;overflow:visible;text-align:center;width:;min-width:px;min-height:0px;
margin-top:160px;margin-bottom:70px;}

#header{text-align:center;top:0px;height:160px;}
#header.fixtop_e {position:fixed;left:0;right:0;z-index:999!important;}
#header.fixtop_h {position:absolute;width:100%;}

#footer{text-align:center;bottom:0px;height:70px;}
#footer.fixbot_e {position:fixed;left:0;right:0;z-index:999!important;}
#footer.fixbot_h {position:absolute;width:100%;}




.compo { display:inline-block; overflow: visible;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.colcover { position: relative; float:left; width: 100%; }
.cholder { position: relative; overflow: visible; }
.scrollup { z-index:100000; position:fixed; bottom:20px; right:20px; display:none;}.scrollup i{ color: rgba(0,0,0,0.3);}.scrollup:hover i{ color: rgba(0,0,0,0.8);}
.clearfix {float: none; clear: both;}
.bbox {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
audio,canvas,video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
ul, li { margin:0px; padding:0px; list-style: none;}
table { border-collapse: collapse; }
table td, table th { padding: 2; }
strong { font-weight: bold; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, button { margin: 0px; padding:0px;}
a, img, input, select, textarea, button { border: 0; outline: none;}
a{text-decoration:none;}
a:link,a:visited,a:hover,a:active,i {color: inherit; outline: none;}
*.fa-shadow {text-shadow: 1px 1px 1px #ccc;}
*.fa-white {color: white}
*.fa-black {color: black}
*.fa-red {color: red}
*.fa-blue {color: blue}
*.fa-gray {color: gray}
.vertical-text { transform: rotate(-90deg);	transform-origin: left top 0; }
.wrong { background-color: red !important; color: white !important;}
input[type="text"], input[type="password"], textarea, select { width: 100%; padding: 5px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
textarea { height: 100%; }
input[type="image"], input[type="button"], input[type="submit"], button { cursor: pointer; background-color: transparent; }
iframe {border: none;}
button div { padding: 8px; }
.freeform { background:transparent; border: 0px; width:100%; height: 100%; }
.prosec {position: relative; width: 100%; overflow: visible; float: left; display: inline-block; }
.absleft {position: absolute; left:0px; top:50%;}
.absright {position: absolute; right:0px; top:50%;}
.alleft {text-align:left;}
.alcenter {text-align:center;}
.alright {text-align:right;}
.altop {top:0px;}
.almiddle {top: 50%; transform: translateY(-50%);}
.albottom {bottom:0px;}
.flleft {float:left;}
.flright {float:right;}
.posabs {position: absolute;}
.posrel {position: relative;}
.posfix {position: fixed;}
.absmax { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.fixmax { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.fit_cover {width: auto; height: auto; min-height:100%; min-width:100%;}
.fit_w {width: 100%; height: auto;}
.fit_h {height: 100%; width: auto;}
.fit_st {width: 100%; height: 100%;}
.bck_cover { background-position: center center;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
.bck_contain { background-position: center center;background-repeat: no-repeat;-webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain; }
.bck_fit { background-position: center center;background-repeat: no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%; }
.bck_auto { background-position: center center;background-repeat: no-repeat;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;background-size: auto; }
.bck_center { background-position: center center;background-repeat: no-repeat; }
.bck_repeat { background-repeat: repeat; }

.sworker { position: absolute; text-indent: -500px; height: 0px; width: 0px; z-index: -1; overflow: hidden;}
.hide { display: none; }
.pointer { cursor: pointer; }
.trans {transition: all 0.2s linear; -moz-transition: all 0.2s linear;}
.carousel ul.caro { list-style: none; display: none; margin:0px; padding:0px; width: 100%; height: 100%; }
.carousel ul.caro > li {float: left; position: relative; overflow: hidden; display:table-cell; vertical-align:middle; text-align:center; }
.carousel .navs { z-index: 999!important; position: absolute; cursor: pointer; }
.carousel .pag {left: 0px; position: absolute; bottom: 0px; right: 0px; z-index: 999; padding: 10px; }
.carousel .pager { position: static!important; padding:-15px; display:inline; width:auto; background-color:rgba(0, 0, 0, 0.0); -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px; }
.carousel .pager a { display: inline; padding: 3px; }
.carousel .pager span { border-radius: 10px; background-color: transparent; text-align:left; text-indent: -100px!important; line-height: 0; display: inline-block; width: 8px; height: 8px; overflow: hidden; }
.carousel .pager a.selected span,.carousel .pager a:hover span { box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.40); }
/*Smart Menu*/
.sm,.sm ul,.sm li{display:block;list-style:none;padding:0px;line-height:normal;direction:ltr;}
ul.sm li{position:relative;float:left;}
ul.sm a{position:relative;display:block;white-space:nowrap;}
ul.sm a.disabled{cursor:default;}
ul.sm ul{position:absolute;top:-9999999px;left:-800px;}
ul.sm-rtl{direction:rtl;}
ul.sm-rtl li{float:right;}
ul.sm ul.sm-nowrap>li>a{white-space:nowrap;}
ul.sm:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden;}
* html ul.sm{height:1px;}
*:first-child+html ul.sm{min-height:1px;}
ul.sm{-webkit-tap-highlight-color:rgba(0,0,0,0);}
ul.sm ul li,ul.sm-vertical li{float:none;}
ul.sm ul a,ul.sm-vertical a{white-space:normal;}
* html ul.sm-vertical li{float:left;width:100%;}
* html ul.sm-vertical ul li{float:none;width:auto;}
*:first-child+html ul.sm-vertical>li{float:left;width:100%;}
.onerow {clear: both;}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {	float: left; margin:0px 3% 10px 0px;}
.last, .col12 {margin-left: 0!important;margin-right:0!important; }
.col1 { width: 5.5%!important; }.col2 { width: 14%!important; }.col3 { width: 22.5%!important; }.col4 { width: 31%!important; }.col5 { width: 39.5%!important; }.col6 { width: 48%!important; }.col7 { width: 56.5%!important; }.col8 { width: 65%!important; }.col9 { width: 73.5%!important; }.col10 { width: 82%!important; }.col11 { width: 90.5%!important; }.col12 { width: 99%!important; }
@media all and (max-width: 768px) {.onerow {} .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {	float: none;width: 99%;	}}
div.img-selector label { position: relative;}
div.img-selector label > input{ display:none;}
div.img-selector label > img{ cursor:pointer; object-fit: contain; color: #ffffff; border:2px solid transparent; }
div.img-selector label > i{ display:none; position: absolute; bottom:5px; right: 5px; font-size: 14px;}
div.img-selector label > input:checked ~ i{ display: block; }