@charset "utf-8";
/* 
Reset & Set Stylesheet
v2.0.1
First Updated: 2017-01-16
Last Updated: 2017-02-09
Author: Waysoft
*/

html {font-family: 'Pretendard','Montserrat','Nanum Gothic', 'malgun gothic', 'dotum';overflow-x:hidden;}
body, h1, h2, h3, h4, input {font-family: 'Pretendard','Montserrat','Nanum Gothic', 'malgun gothic', 'dotum'; font-size: 13px; color: #555;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
dl, dt, dd, ul, ol, li {list-style-type: none; list-style-image: none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:"";content:none;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
hr { display: none;}
img {vertical-align:middle;max-width:100%;}

/* link */
a {color:#333;text-decoration:none;} 
a:hover {color:#27409a;}
a:active {color:#27409a;text-decoration:none;}

/* text align */
.txt_left {text-align:left !important}
.txt_center {text-align:center !important}
.txt_right {text-align:right !important}
.txt_justify {text-align:justify}
.txt_bold {font-weight:bold}
.txt_normal {font-weight:normal}

/* layer align */
.fl,.floatL{float:left !important} .fr,.floatR{float:right} .fn{float:none}
.db{display:block} .di{display:inline} .dn{display:none} .dib{display:inline-block}
.ofh{overflow:hidden} .ofa{overflow:auto} .ofv{overflow:visible} .ofs{overflow:scroll}
.overflows{overflow-y:auto;overflow-x:hidden}
.tal{text-align:left !important} .tar{text-align:right !important} .tac{text-align:center}
.cl{clear:left} .cr{clear:right} .cb{clear:both}
.ps{position:static} .pr{position:relative} .pa{position:absolute} .pf{position:fixed}
.tablef{table-layout:fixed}  .bg_none {background:none !important;}
.vam{vertical-align:middle}  .border_none {border:none !important;}

/* 각종 유용한 오브젝트. */
.curp{cursor:pointer}		
.default_button{display:block;width:15px;height:15px;border:1px solid black;}
.center{margin: 0 auto;}
.wauto{width:auto;} .hauto{height:auto;}
.wfull{width:100%;} .hfull{height:100%;}
.whalf{width:50%;} .hhalf{height:50%;}
.mp0{margin:0;padding:0;} .m0{margin:0;} .p0{padding:0;}
.casket{float:left;display:block;_display:inline;overflow:hidden;}
.tn{text-decoration:none;} .tu{text-decoration:underline;} .to{text-decoration:overline;} .tl{text-decoration:line-through;}
.ti9{text-indent:-999em;}

/*상단 패딩*/
.padding0 {padding:0px 0px 0px 0px !important;}
.pt0{padding-top:0px !important}
.pt3{padding-top:3px !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pt25{padding-top:25px !important}
.pt30{padding-top:30px !important}
.pt35{padding-top:35px !important}
.pt40{padding-top:40px !important}

/*왼쪽 패딩*/
.pl0{padding-left:0px !important}
.pl4{padding-left:4px !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important }
.pl11{padding-left:11px !important }
.pl13{padding-left:13px !important }
.pl15{padding-left:15px !important }
.pl20{padding-left:20px !important }
.pl23{padding-left:23px !important }
.pl25{padding-left:25px !important }
.pl30{padding-left:30px !important }
.pl35{padding-left:35px !important }
.pl37{padding-left:37px !important }
.pl40{padding-left:40px !important }
.pl45{padding-left:45px !important }

/*오른쪽 패딩*/
.pr2{padding-right:2px !important }
.pr3{padding-right:3px !important }
.pr5{padding-right:5px !important }
.pr10{padding-right:10px !important }
.pr11{padding-right:11px !important }
.pr13{padding-right:13px !important }
.pr15{padding-right:15px !important }
.pr18{padding-right:18px !important }
.pr20{padding-right:20px !important }
.pr30{padding-right:30px !important }
.pr40{padding-right:40px !important }
.pr50{padding-right:50px !important }

/*하단 패딩*/
.pb5 {padding-bottom:5px !important}
.pb10 {padding-bottom:10px !important}
.pb20 {padding-bottom:20px !important}
.pb30 {padding-bottom:30px !important}
.pb40 {padding-bottom:40px !important}
.pb50 {padding-bottom:50px !important}

/*상단 마진*/
.mt3{margin-top:3px !important}
.mt5{margin-top:5px !important}
.mt7{margin-top:9px !important}
.mt10{margin-top:10px !important} , .mart10 {margin-top:10px;}
.mt13{margin-top:13px !important }
.mt15{margin-top:15px !important }
.mt20 {margin-top:20px !important }
.mt30 {margin-top:30px !important }
.mt40{margin-top:40px !important }
.mt45{margin-top:45px !important }
.mt50{margin-top:50px !important }
.mt60{margin-top:60px !important }
.mt70{margin-top:70px !important }
.mt100{margin-top:100px !important }

/*왼쪽 마진*/
.ml2{margin-left:2px !important}
.ml5{margin-left:5px !important}
.ml8{margin-left:8px !important}
.ml10{margin-left:10px !important}
.ml13{margin-left:13px !important}
.ml14{margin-left:14px !important}
.ml15{margin-left:15px !important}
.ml18{margin-left:18px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml33{margin-left:33px !important}
.ml35{margin-left:35px !important}
.ml40{margin-left:40px !important}
.ml45{margin-left:45px !important}
.ml70{margin-left:70px !important}

/*오른쪽 마진*/
.mr3{margin-right:3px !important }
.mr5{margin-right:5px !important }
.mr8{margin-right:8px !important }
.mr10{margin-right:10px !important }
.mr15{margin-right:15px !important }
.mr20{margin-right:20px !important }
.mr25{margin-right:25px !important }
.mr30{margin-right:30px !important }
.mr40{margin-right:40px !important }
.mr50{margin-right:50px !important }

/*하단 마진*/
.mb4{margin-bottom:4px !important }
.mb5{margin-bottom:5px !important }
.mb10{margin-bottom:10px !important }
.mb15{margin-bottom:15px !important }
.mb20{margin-bottom:20px !important }
.mb30{margin-bottom:30px !important }

/*buttons*/
.btn {border-radius:3px;}
a.btn-success, a.btn-primary, a.btn-warning, a.btn-danger {color: #fff;}
.btn-success {background: #26B99A;border: 1px solid #169F85;}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {background: #169F85;}
.btn-dark {color:#E9EDEF;background-color: #4B5F71;border-color: #364B5F;}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark {color: #FFFFFF;background-color: #394D5F;border-color: #394D5F;}
.btn-round {border-radius: 30px; }
.btn.btn-app {position: relative;padding: 15px 5px;margin: 0 0 10px 10px;min-width: 80px;height: 60px;box-shadow:none;border-radius: 0;text-align: center;color: #666;border: 1px solid #ddd;background-color: #fafafa;font-size: 12px;}
.btn.btn-app > .fa, .btn.btn-app > .glyphicon, .btn.btn-app > .ion {font-size: 20px;display: block;}
.btn.btn-app:hover {background: #f4f4f4;color:#444;border-color:#aaa;}
.btn.btn-app:active, .btn.btn-app:focus {box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn.btn-app > .badge {position: absolute;top: -3px;right: -10px;font-size: 10px;font-weight: 400; }

textarea {padding: 10px;vertical-align:top;width: 200px;}
textarea:focus {outline-style: solid;outline-width: 2px;}
.btn_ {display: inline-block;padding: 3px 9px;margin-bottom: 0;font-size: 14px;line-height: 20px;text-align: center;vertical-align: middle;cursor: pointer;color: #333333;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);background-color: #f5f5f5;background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

/*특수 버튼*/
.btn-login{width:100px;height:90px;background:#d15c56;border:0;border-radius:0;font-size:15px;font-weight:bold;color:#fff;border-radius:3px;}
.btn-login:hover{color: #fff;background-color: #bb4e49;border-color: #ac2925;}
