@import url('font/NanumGothic.css');
@import url('font/NanumSquare.css');
/*@import url('../css/font/noto-sans.css');*/
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
/***************************** clearfix start ****************************/

/*스크롤 항상고정
body{overflow-Y:scroll; *overflow-Y:;} */

/* 기본 폰트 */
body, article, p, h1, h2, h3, h4, h5, h6, a, div, ul, li, ol, dl, dd, dt,span, samp {font-family:"NanumGothic", Sans-serif;}
body, article, p {font-size:16px;}
p {color:#777; line-height:24px; word-break :break-all;}

body {padding: 0; margin: 0;}

/* a-style */
a {color:#0e898c; text-decoration:none;}
a:hover, a:active {color:#333;text-decoration:none; }

article, aside, hgroup, header, footer, figure, figcaption, nav, section {display:block;}
div, ul, li, ol, dl, dd, dt {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; margin:0; vertical-align:middle; list-style:none;}

i {vertical-align:middle;}
.clear {clear:both;}

/* ---------------------------------------------
    기본 스타일 설정
--------------------------------------------- */
/* 패딩 ALL */
.pa0 {padding:0px !important;}
.pa5 {padding:5px !important;}
.pa10 {padding:10px !important;}
.pa15 {padding:15px !important;}
.pa20 {padding:20px !important;}
.pa30 {padding:30px !important;}
.pa40 {padding:40px !important;}
.pa50 {padding:50px !important;}
/* 마진 ALL */
.ma0 {margin:0px !important;}
.ma5 {margin:5px !important;}
.ma10 {margin:10px !important;}
.ma15 {margin:15px !important;}
.ma20 {margin:20px !important;}
.ma30 {margin:30px !important;}
.ma40 {margin:40px !important;}
.ma50 {margin:50px !important;}
/* 마진 top */
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
/* 마진 right */
.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
/* 마진 bottom */
.mb0 {margin-bottom:0px !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;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
/* 마진 left */
.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
/* 패딩 top */
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
/* 패딩 right */
.pr0 {margin-right:0px !important;}
.pr5 {margin-right:5px !important;}
.pr10 {margin-right:10px !important;}
.pr15 {margin-right:15px !important;}
.pr20 {margin-right:20px !important;}
.pr30 {margin-right:30px !important;}
.pr40 {margin-right:40px !important;}
.pr50 {margin-right:50px !important;}
/* 패딩 bottom */
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
/* 패딩 left */
.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
/* 투명 */
.opacity10 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)'; /* IE-8 */ filter:alpha(opacity=10); /* IE-7 */ opacity:.1; /* all-browser */}
.opacity20 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)'; filter:alpha(opacity=20); opacity:.2;}
.opacity30 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)'; filter:alpha(opacity=30); opacity:.3;}
.opacity40 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)'; filter:alpha(opacity=40); opacity:.4;}
.opacity50 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter:alpha(opacity=50); opacity:.5;}
.opacity60 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'; filter:alpha(opacity=60); opacity:.6;}
.opacity70 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; filter:alpha(opacity=70); opacity:.7;}
.opacity80 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; filter:alpha(opacity=80); opacity:.8;}
.opacity90 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; filter:alpha(opacity=90); opacity:.9;}
.opacity100 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter:alpha(opacity=100); opacity:1;}
/* 라운드 (ie-8이하지원X) */
.round3 {-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -khtml-border-radius:3px;}
.round5 {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-border-radius:5px;}
.round8 {-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -khtml-border-radius:8px;}
.round10 {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -khtml-border-radius:10px;}
.round12 {-moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; -khtml-border-radius:12px;}
.round15 {-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; -khtml-border-radius:15px;}
.round20 {-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; -khtml-border-radius:20px;}
.round {-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -khtml-border-radius:50%;}

/*///////폰트관련설정/////////////////////////////////////*/

/* 제목 폰트 
h1 {font-size:30px;font-weight:bold;letter-spacing:-1.8px;}
h2 {font-size:24px;font-weight:bold;letter-spacing:-1.6px;}
h3 {font-size:18px;font-weight:bold;letter-spacing:-1.4px;}
h4 {font-size:16px;font-weight:bold;letter-spacing:-1.2px;}
h5 {font-size:14px;font-weight:bold;letter-spacing:-1px;}
h6 {font-size:12px;font-weight:bold;letter-spacing:-0.5px;}
*/

/* 폰트 두께 */
.normal {font-weight:normal;}
.bold {font-weight:bold;}
.bold500 {font-weight:500;}

/* 텍스트 자간*/
.ls02 {letter-spacing:-0.2px;}
.ls05 {letter-spacing:-0.5px;}
.ls08 {letter-spacing:-0.8px;}
.ls10 {letter-spacing:-1px;}
.ls12 {letter-spacing:-1.2px;}
.ls15 {letter-spacing:-1.5px;}
.ls18 {letter-spacing:-1.8px;}
.ls20 {letter-spacing:-2px;}

/* 폰트 크기, 자간 */
.fs10 {font-size:10px !important;}
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:16px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}
.fs22 {font-size:22px !important;}
.fs24 {font-size:24px !important;}
.fs26 {font-size:24px !important;}
.fs28 {font-size:24px !important;}
.fs30 {font-size:30px !important;}
.fs32 {font-size:32px !important;}
.fs36 {font-size:36px !important;}
.fs40 {font-size:40px !important;}
.fs48 {font-size:48px !important;}
.fs60 {font-size:60px !important;}

/* 흑백 기본 색상 */
.gray1 {color:#111 !important;}
.gray2 {color:#222 !important;}
.gray3 {color:#333 !important;}
.gray4 {color:#444 !important;}
.gray5 {color:#555 !important;}
.gray6 {color:#666 !important;}
.gray7 {color:#777 !important;}
.gray8 {color:#888 !important;}
.gray9 {color:#999 !important;}
.graya {color:#aaa !important;}
.grayb {color:#bbb !important;}
.grayc {color:#ccc !important;}
.grayd {color:#ddd !important;}
.graye {color:#eee !important;}
.black {color:#000 !important;}
.white {color:#fff !important;}

/* standard 텍스트컬러 */
.major {color:#fec614 !important}
.major2 {color:#573b02 !important}
.aqua {color:#00FFFF !important;}
.blue {color:#2276c4 !important;}
.fuchsia {color:#FF00FF !important;}
.green {color:#008000 !important;}
.lime {color:#00FF00 !important;}
.maroon {color:#800000 !important;}
.navy {color:#000080 !important;}
.olive {color:#808000 !important;}
.orange {color:#F58026 !important;}
.purple {color:#800080 !important;}
.red {color:#cf3736 !important;}
.teal {color:#008080 !important;}
.lemon {color:#FFFF00 !important;}
.yellow {color:#eabf12 !important;}


/* ---------------------------------------------
    버튼 스타일 설정
--------------------------------------------- */
.btn {display: inline-block; font-weight: normal; text-align: center; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; margin:0; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align:middle;}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.btn:hover,
.btn:focus,
.btn.focus {color: #333333; text-decoration: none;}
.btn:active,
.btn.active {outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none;}

.btn-xl,
.btn-group-xl > .btn {height:60px; padding: 15px 20px; font-size: 20px; line-height:30px; border-radius: 2px;}
.btn-lg,
.btn-group-lg > .btn {height:40px; padding: 7px 14px; font-size: 14px; line-height:26px; border-radius: 4px;}
.btn-sm,
.btn-group-sm > .btn {height:32px; padding: 5px 10px; font-size: 12px; line-height:22px; border-radius: 3px;}
.btn-xs,
.btn-group-xs > .btn {height:26px; padding: 4px 8px; font-size: 11px; line-height: 18px; border-radius: 2px;}
.btn-tool,
.btn-group-tool > .btn {height:26px; padding:0 7px; font-size:11px; line-height: 26px;; border-radius: 0px;}

input.btn-lg {height:40px; padding: 7px 14px; font-size: 14px; line-height:12px; border-radius: 4px;}
input.btn-sm {height:32px; padding: 5px 10px; font-size: 12px; line-height:12px; border-radius: 3px;}
input.btn-xs {height:26px; padding: 4px 8px; font-size: 11px; line-height: 10px; border-radius: 2px;}


/*---------------- btn-color ----------------*/
 
/*btn-major*/
.btn-major {color: #fff; background-color:#ffc107; border-color:#ffc107;}
.btn-major:hover,
.btn-major:focus,
.btn-major.focus,
.btn-major:active,
.btn-major.active,
.open>.dropdown-toggle.btn-major {color: #fff; background-color:#e4ac04; border-color: #e4ac04;}
.btn-major:active,
.btn-major.active,
.open>.dropdown-toggle.btn-major {background-image: none }
.btn-major.disabled,
.btn-major[disabled],
fieldset[disabled] .btn-major,
.btn-major.disabled:hover,
.btn-major[disabled]:hover,
fieldset[disabled] .btn-major:hover,
.btn-major.disabled:focus,
.btn-major[disabled]:focus,
fieldset[disabled] .btn-major:focus,
.btn-major.disabled.focus,
.btn-major[disabled].focus,
fieldset[disabled] .btn-major.focus,
.btn-major.disabled:active,
.btn-major[disabled]:active,
fieldset[disabled] .btn-major:active,
.btn-major.disabled.active,
.btn-major[disabled].active,
fieldset[disabled] .btn-major.active {background-color:#e4ac04; border-color: #e4ac04;}
.btn-major .badge {color:#ffc107; background-color: #fff }
a.btn-major {color: #fff;}

/*btn-major-b*/
.btn-major-b {color: #ffc107; background-color:transparent; border-color:#ffc107;}
.btn-major-b:hover,
.btn-major-b:focus,
.btn-major-b.focus,
.btn-major-b:active,
.btn-major-b.active,
.open>.dropdown-toggle.btn-major-b {color: #e4ac04; background-color:transparent; border-color: #e4ac04;}
.btn-major-b:active,
.btn-major-b.active,
.open>.dropdown-toggle.btn-major-b {background-image: none }
.btn-major-b.disabled,
.btn-major-b[disabled],
fieldset[disabled] .btn-major-b,
.btn-major-b.disabled:hover,
.btn-major-b[disabled]:hover,
fieldset[disabled] .btn-major-b:hover,
.btn-major-b.disabled:focus,
.btn-major-b[disabled]:focus,
fieldset[disabled] .btn-major-b:focus,
.btn-major-b.disabled.focus,
.btn-major-b[disabled].focus,
fieldset[disabled] .btn-major-b.focus,
.btn-major-b.disabled:active,
.btn-major-b[disabled]:active,
fieldset[disabled] .btn-major-b:active,
.btn-major-b.disabled.active,
.btn-major-b[disabled].active,
fieldset[disabled] .btn-major-b.active {background-color:transparent; border-color: #e4ac04;}
.btn-major-b .badge {color:#ffc107; background-color: #fff }
a.btn-major-b {color: #ffc107;}
 
/*btn-dark*/
.btn-dark {color: #ffffff; background-color: #707070; border-color: #606060;}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark.focus,
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {color: #ffffff; background-color: #555; border-color: #454545;}
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {background-image: none;}
.btn-dark.disabled,
.btn-dark[disabled],
fieldset[disabled] .btn-dark,
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled.focus,
.btn-dark[disabled].focus,
fieldset[disabled] .btn-dark.focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active,
.btn-dark.disabled.active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active {background-color: #707070; border-color: #606060;}
.btn-dark .badge {color: #707070; background-color: #ffffff;}
a.btn-dark {color: #fff;}

/*btn-gray*/
.btn-gray {color: #fff; background-color: #bbb; border-color: #b0b0b0;}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray.focus,
.btn-gray:active,
.btn-gray.active,
.open>.dropdown-toggle.btn-gray {color: #fff; background-color: #999; border-color: #909090;}
.btn-gray:active,
.btn-gray.active,
.open>.dropdown-toggle.btn-gray {background-image: none }
.btn-gray.disabled,
.btn-gray[disabled],
fieldset[disabled] .btn-gray,
.btn-gray.disabled:hover,
.btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray:hover,
.btn-gray.disabled:focus,
.btn-gray[disabled]:focus,
fieldset[disabled] .btn-gray:focus,
.btn-gray.disabled.focus,
.btn-gray[disabled].focus,
fieldset[disabled] .btn-gray.focus,
.btn-gray.disabled:active,
.btn-gray[disabled]:active,
fieldset[disabled] .btn-gray:active,
.btn-gray.disabled.active,
.btn-gray[disabled].active,
fieldset[disabled] .btn-gray.active {background-color: #999; border-color: #909090;}
.btn-gray .badge {color: #555; background-color: #fff }

/*btn-yellow*/
.btn-yellow {color: #885700; background-color: #fec614; border-color: #e3af09;}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow.focus,
.btn-yellow:active,
.btn-yellow.active,
.open>.dropdown-toggle.btn-yellow {color: #885700; background-color: #e4b320; border-color: #cc9f18;}
.btn-yellow:active,
.btn-yellow.active,
.open>.dropdown-toggle.btn-yellow {background-image: none }
.btn-yellow.disabled,
.btn-yellow[disabled],
fieldset[disabled] .btn-yellow,
.btn-yellow.disabled:hover,
.btn-yellow[disabled]:hover,
fieldset[disabled] .btn-yellow:hover,
.btn-yellow.disabled:focus,
.btn-yellow[disabled]:focus,
fieldset[disabled] .btn-yellow:focus,
.btn-yellow.disabled.focus,
.btn-yellow[disabled].focus,
fieldset[disabled] .btn-yellow.focus,
.btn-yellow.disabled:active,
.btn-yellow[disabled]:active,
fieldset[disabled] .btn-yellow:active,
.btn-yellow.disabled.active,
.btn-yellow[disabled].active,
fieldset[disabled] .btn-yellow.active {background-color: #e4b320; border-color: #cc9f18;}
.btn-yellow .badge {color: #555; background-color: #fff }

/*btn-tool*/
.btn-tool {color: #333333; background-color: transparent; border-color: #dddddd;}
.btn-tool:hover {color: #333333; background-color: #efefef; border-color: #dddddd;}
.btn-tool:focus,
.btn-tool.focus,
.btn-tool:active,
.btn-tool.active,
.open>.dropdown-toggle.btn-tool {color: #333333; background-color: #efefef; border-color: #aaa;}
.btn-tool:active,
.btn-tool.active,
.open>.dropdown-toggle.btn-tool {background-image: none }
.btn-tool.disabled,
.btn-tool[disabled],
fieldset[disabled] .btn-tool,
.btn-tool.disabled:hover,
.btn-tool[disabled]:hover,
fieldset[disabled] .btn-tool:hover,
.btn-tool.disabled:focus,
.btn-tool[disabled]:focus,
fieldset[disabled] .btn-tool:focus,
.btn-tool.disabled.focus,
.btn-tool[disabled].focus,
fieldset[disabled] .btn-tool.focus,
.btn-tool.disabled:active,
.btn-tool[disabled]:active,
fieldset[disabled] .btn-tool:active,
.btn-tool.disabled.active,
.btn-tool[disabled].active,
fieldset[disabled] .btn-tool.active {}
.btn-tool .badge {color: #555; background-color: #fff }
.tool-group > .btn-tool {border-color:transparent; color:#777;}
.tool-group > .btn-tool:hover {border-color:#ddd;}
.tool-group > .btn-tool:active, .tool-group > .btn-tool.active {border-color:#aaa;}
.btn-tool i {color:#777777;margin-top:-3px;}

/* 화살표 Pure CSS */
[class*="icono"] {position: relative; display: inline-block; vertical-align: middle; color: #666; box-sizing: border-box;}
[class*="icono"]:after,
[class*="icono"]:before {content: ""; box-sizing: border-box;}
[class*="icono-arrow2"] {width: 0; height: 0; border-width: 6px; border-style: solid; border-bottom-color: transparent; border-left-color: transparent;}
[class*="icono-arrow2"]:before {right: 3px; top: -3px; position: absolute; height: 8px; box-shadow: inset 0 0 0 32px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 9px; -webkit-transform-origin: right top; transform-origin: right top;}
[class*="icono-arrow2"][class*="-left"] {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
[class*="icono-arrow2"][class*="-left"][class*="-up"] {-webkit-transform: none; transform: none;}
[class*="icono-arrow2"][class*="-left"][class*="-down"] {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
[class*="icono-arrow2"][class*="-right"] {-webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
[class*="icono-arrow2"][class*="-right"][class*="-up"] {-webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
[class*="icono-arrow2"][class*="-right"][class*="-down"] {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
[class*="icono-arrow2"][class*="-up"] {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
[class*="icono-arrow2"][class*="-down"] {-webkit-transform: rotate(135deg); transform: rotate(135deg);}