@charset "utf-8";
@import url(Layout.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);



/* Common */
body,p,h1,h2,h3,h4,h5,h6,menu,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{color:#555;font-size:14px;}
html,body{background-color:#fff}
table, img, fieldset{border:0;}
table{border-collapse:collapse;border-spacing:0px;}
menu,ul,ol,li{list-style: none outside none}
img{padding:0;margin:0;border:0 none;}
a:link, a:visited {color:#444;text-decoration:none;outline:none; select-dummy: expression(this.hideFocus=true); background:none;}
a:hover, a:active, a:focus {color:#336ae1;}
legend, hr, caption {display:none}
.blind {font-size: 0;height: 0;left: 0;line-height: 0;overflow: hidden;position:absolute;top:0;visibility:hidden;width: 0}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
.bg_none{background:none !important;}
.hidden{ display:none;}
.block{display:block;}
.readonly{border:solid 1px #ccc; background:#eee; color:#555;}
.inputStyle {line-height:18px; padding:2px 5px 3px 5px; border:solid 1px #cacaca;}

/* width */
.w_5{width:5px}
.w_10{width:10px}
.w_15{width:15px}
.w_30{width:30px}
.w_35{width:35px}
.w_40{width:40px}
.w_50{width:50px}
.w_55{width:55px}
.w_60{width:60px}
.w_65{width:65px}
.w_70{width:70px}
.w_75{width:75px}
.w_80{width:80px}
.w_85{width:85px}
.w_90{width:90px}
.w_95{width:95px}
.w_100{width:100px}
.w_110{width:110px}
.w_120{width:120px}
.w_130{width:130px}
.w_150{width:150px}
.w_160{width:160px}
.w_170{width:170px}
.w_180{width:180px}
.w_200{width:200px}
.w_210{width:210px}
.w_250{width:250px}
.w_300{width:300px}
.w_350{width:350px}
.w_400{width:400px}
.w_500{width:500px}
.w_95p{width:95%}


/* padding */
.pdd_T5 {padding-top:5px;}
.pdd_T10 {padding-top:10px;}
.pdd_T15 {padding-top:15px;}
.pdd_T20 {padding-top:20px;}
.pdd_T30 {padding-top:30px;}
.pdd_T40 {padding-top:40px;}
.pdd_R5 {padding-right:5px;}
.pdd_R10 {padding-right:10px;}
.pdd_R15 {padding-right:15px;}
.pdd_R20 {padding-right:20px;}
.pdd_R30 {padding-right:30px;}
.pdd_R40 {padding-right:40px;}
.pdd_B5 {padding-bottom:5px;}
.pdd_B10 {padding-bottom:10px;}
.pdd_B15 {padding-bottom:15px;}
.pdd_B20 {padding-bottom:20px;}
.pdd_B30 {padding-bottom:30px;}
.pdd_B35 {padding-bottom:35px;}
.pdd_B40 {padding-bottom:40px;}
.pdd_L5 {padding-left:5px;}
.pdd_L10 {padding-left:10px;}
.pdd_L15 {padding-left:15px;}
.pdd_L20 {padding-left:20px;}
.pdd_L30 {padding-left:30px;}
.pdd_L40 {padding-left:40px;}

/* margin */
.mgn_T5 {margin-top:5px;}
.mgn_T10 {margin-top:10px;}
.mgn_T15 {margin-top:15px;}
.mgn_T20 {margin-top:20px;}
.mgn_T25 {margin-top:25px;}
.mgn_T30 {margin-top:30px;}
.mgn_T40 {margin-top:40px;}
.mgn_T50 {margin-top:50px;}
.mgn_R5 {margin-right:5px;}
.mgn_R10 {margin-right:10px;}
.mgn_R15 {margin-right:15px;}
.mgn_R20 {margin-right:20px;}
.mgn_R25 {margin-right:25px;}
.mgn_R30 {margin-right:30px;}
.mgn_R40 {margin-right:40px;}
.mgn_B5 {margin-bottom:5px;}
.mgn_B10 {margin-bottom:10px;}
.mgn_B15 {margin-bottom:15px;}
.mgn_B20 {margin-bottom:20px;}
.mgn_B30 {margin-bottom:30px;}
.mgn_B40 {margin-bottom:40px;}
.mgn_L5 {margin-left:5px;}
.mgn_L10 {margin-left:10px;}
.mgn_L15 {margin-left:15px;}
.mgn_L20 {margin-left:20px;}
.mgn_L30 {margin-left:30px;}
.mgn_L40 {margin-left:40px;}

/* align */
.Fl_L {float:left;}
.Fl_R {float:right;}

.Al_L {text-align:left;}
.Al_C {text-align:center;}
.Al_R {text-align:right;}

/* color */
.Red {color:#e60015;}
.Black {color:#000;}
.Blue {color:#4478aa;}
.Orange {color:#e84d39;}

/*font-size*/
.F11{font-size:11px;}
.F12{font-size:12px;}
.F14{font-size:14px;}
.F16{font-size:16px;}
.F18{font-size:18px;}
.F120{font-size:20px;}

/**
* fullPage Pure Javascript v.0.0.4 (Alpha) - Not support given until Beta version.
* https://github.com/alvarotrigo/fullPage.js
* MIT licensed
*
* Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
*/
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
    height:100%;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
    height:100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;

}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip{
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}