@charset "UTF-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);*/

/** -------------------------------- normalize 브라우저 동기화 -------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; display: inline; zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, figure, form { margin: 0; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #0091dc; color: #fff; }
p, pre { margin: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img, a img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
fieldset { border: 0; margin: 0; }
legend { border: 0; padding: 0; white-space: normal; margin-left: -7px; }
button, input, select, textarea { margin: 0; vertical-align: baseline; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer; overflow: visible; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0;}

/*	크롬프레임 스타일 */
.chromeframe { position: fixed; top: 5px; right: 5px; width: 480px; margin: 0.2em 0; border: 1px solid #cfcfcf; padding: 0.4em; background: #efefef; color: #2f2f2f; font-size: 0.8em; line-height: 1.5; }
.clearfix { zoom: 1; }
.clearfix:after { display: block; width: 0; height: 0; content: ''; clear: both; }

/*	==========================================================================
	초기화(옵션) 스타일 및 공통 스타일
	========================================================================== */
html { overflow-y: scroll; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: none; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }

::-moz-selection { background: #6d8091; text-shadow: none; }
::selection { background: #6d8091; text-shadow: none; color: #fff; }
img { vertical-align: top; }
textarea { resize: vertical; }
img, video, audio, object, embed { max-width: 100%; height: auto; }
iframe { max-width: 100%; }
caption { position: absolute; clip: rect(1px); clip: rect(1px, 1px, 1px, 1px); }
h1, h2, h3, h4, h5, h6 { color: #333333; font-weight: bold; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 {font-size: 17px;}
h2 {font-size: 16px;}
h3 {font-size: 15px;}
h4 {font-size: 14px;}
h5 {font-size: 13px;}
h6 {font-size: 13px;}
p aside { line-height: 17.55px; font-style: italic; }
em, i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
a { color: #333; text-decoration: none; line-height: inherit; }
a:hover, a:focus { color: gray; }
a img { border: none; }
button, input, select, textarea { font-family: 'Noto Sans KR', sans-serif "Nanum Gothic", "Helvetica Neue", Helvetica, "돋움", "돋움체", Arial, sans-serif; color: inherit; }

/* #Lists ====== */
ul, li, dl, dt, dd { list-style: none; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
dl dt { margin-bottom: 5px; font-weight: bold; }
dl dd { margin-bottom: 5px; }
hr { background: none; border: none; }
.fl { float: left; zoom: 1; }
.fl:after { display: table; content: ""; line-height: 0; clear: both; }
.fr { float: right; zoom: 1; }
.fr:after { display: table; content: ""; line-height: 0; clear: both; }
ul.fl > li { float: left; }
ul.fl:after { display: table; content: ""; line-height: 0; clear: both; }
.ir { overflow: hidden; text-indent: -9999em; }
.hidden { display: none !important; }
.hide-text { position: absolute; clip: rect(1px); clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix { zoom: 1; }
.clearfix:after { display: block; width: 0; height: 0; content: ''; clear: both; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-justify { text-align: justify !important; }
.vertical-middle { vertical-align: middle; }
.vertical-top { vertical-align: top; }
.posa { position: absolute; }
.posr { position: relative; }
.dis-inb { display: inline-block; }
.text-ellips { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.posa-lb { position: absolute; left: 0; bottom: 0; }
.posa-rb { position: absolute; right: 0; bottom: 0; }
.posa-lt { position: absolute; left: 0; top: 0; }
.posa-rt { position: absolute; right: 0; top: 0; }
.posa-lc { position: absolute; left: 0; top: 50%; }
.posa-rc { position: absolute; right: 0; top: 50%; }
.lh1 { line-height: 1; }
.box-size {box-sizing: border-box !important;}

/* - 공통 padding - margin - element- */
.no-pad{padding:0 !important;}
.no-margin{margin:0 !important;}
.row { margin-bottom: 40px; }
.row5 { margin-bottom: 5px; }
.row7 { margin-bottom: 7px; }
.row10 { margin-bottom: 10px; }
.row15 { margin-bottom: 15px; }
.row20 { margin-bottom: 20px; }
.row25 { margin-bottom: 25px; }
.row30 { margin-bottom: 30px; }
.row35 { margin-bottom: 35px; }
.row40 { margin-bottom: 40px; }
.row45 { margin-bottom: 45px; }
.row50 { margin-bottom: 50px; }
.row60 { margin-bottom: 60px; }
.row70 { margin-bottom: 70px; }
.row80 { margin-bottom: 80px; }
.row100 { margin-bottom: 100px; }
.row-t5 { margin-top: 5px; }
.row-t7 { margin-top: 7px; }
.row-t10 { margin-top: 10px; }
.row-t20 { margin-top: 20px; }
.row-t40 { margin-top: 40px; }
.row-t30 { margin-top: 30px; }
.row-t35 { margin-top: 35px; }
.row-t60 { margin-top: 60px; }
.row-t80 { margin-top: 80px; }
.pad-1em {padding: 1em;}
.pad { padding: 20px; }
.pad5 { padding: 5px; }
.pad15 { padding: 15px; }
.pad40 { padding: 40px; }
.pad10 { padding: 0 10px; }
.pad10-10 { padding: 10px; }
.pad15-10 { padding: 15px 10px; }
.pad10-20 { padding: 10px 20px; }
.pad20 { padding: 20px;}
.pad30 { padding: 30px; }
.pad-left-1em { padding-left: 1em; }
.pad-l1em { padding-left: 1em; }
.pad-left5 { padding-left: 5px; }
.pad-left10 { padding-left: 10px;}
.pad-left15 { padding-left: 15px;}
.pad-left20 { padding-left: 20px;}
.pad-l5em { padding-left: 5em;}
.pad-left50 { padding-left: 50px;}
.pad-left60 { padding-left: 60px;}
.pad-left120 { padding-left: 120px;}
.pad-r1em {padding-right: 1em}
.pad-right5 {padding-right: 5px}
.pad-right10 {padding-right: 10px}
.pad-right15 {padding-right: 15px}
.pad-right20 {padding-right: 20px}
.pad-right30 {padding-right: 30px}
.pad-t5 { padding-top: 5px;}
.pad-t10 { padding-top: 10px;}
.pad-t15 { padding-top: 15px;}
.pad-t20 { padding-top: 20px;}
.pad-t25 { padding-top: 25px;}
.pad-t30 { padding-top: 30px;}
.pad-t40 { padding-top: 40px;}
.pad-t50 { padding-top: 50px;}
.pad-t60 { padding-top: 60px;}
.pad-t70 { padding-top: 70px;}
.pad-t80 { padding-top: 80px;}
.pad-b30 { padding-bottom: 30px;}
.pad-b40 { padding-bottom: 40px;}
.pad-b50 { padding-bottom: 50px;}
.pad-b100 { padding-bottom: 100px;}
.mgt20 {margin-top:20px;}
.mr-r10 { margin-right: 10px; }
.mr-r15 { margin-right: 15px; }
.mr-r20 { margin-right: 20px; }
.mr-r30 { margin-right: 30px; }
.mr-r40 { margin-right: 40px; }
.mr-r50 { margin-right: 50px; }
.mr-l10 { margin-left: 10px; }
.w1em {width: 1em;}
.w2em {width: 2em;}
.w100per { width: 100%; }
.w95per { width: 95%; }
.w90per { width: 90%; }
.w85per { width: 85%; }
.w80per { width: 80%; }
.w75per { width: 75%; }
.w70per { width: 70%; }
.w65per { width: 65%; }
.w60per { width: 60%; }
.w55per { width: 55%; }
.w50per { width: 50%; }
.w40per { width: 40%; }
.w45per { width: 40%; }
.w33per { width: 33%; }
.w40per { width: 40%; }
.w35per { width: 35%; }
.w34per { width: 34%; }
.w31per { width: 31%; }
.w30per { width: 30%; }
.w28per { width: 28%; }
.w25per { width: 25%; }
.w20per { width: 20%; }
.w18per { width: 18%; }
.w17per { width: 17%; }
.w16per { width: 16%; }
.w15per { width: 15%; }
.w13per { width: 13%; }
.w12per { width: 12%; }
.w10per { width: 10%; }
.w8per { width: 8%; }
.w7per { width: 7%; }
.w5per { width: 5%; }
.w4per { width: 4%; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.min-w80 { min-width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.min-w100 { min-width: 100px; }
.w120 { width: 120px; }
.w150 { width: 150px; }
.w180 { width: 180px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w320 { width: 320px; }
.w350 { width: 350px; }
.w400 { width: 400px; }
.w500 { width: 500px; }
.h24 { height: 24px; }
.h30 { height: 30px; }
.h40 { height: 40px; }
.h50 { height: 50px; }
.min-h50 { min-height: 50px; }
.h80 { height:80px; }
.h100 { height: 100px; }
.min-h100 { min-height: 100px; }
.h110 { height: 110px; }
.h120 { height: 120px; }
.h150 { height: 150px; }
.h500 { height: 500px; }


/* - font  - */
.fc-key { color: #0091dc !important; }
.fc-key1 { color: #5183c3 !important; }
.fc-key2 { color: #2f72b6 !important; }
.fc-white { color: #fff !important; }
.fc-red { color: #ff595b !important; }
.fc-black { color: #222 !important; }
.fc-black2 { color: #333 !important; }
.fc-all-black { color: #000 !important; }
.fc-gray { color: #999999 !important; }
.fc-gray2 { color: #777 !important; }
.fc-blue { color: #2f72b6 !important; }
.fc-green { color: #78b752 !important; }
.fc-green2 { color: #788d76 !important; }
.fc-yellow { color: #fff150 !important; }
.fc-orange { color: #ff8400 !important; }
.fs-st { color: #333333; font-weight: bold; }
.title1 { font-size: 30px; color: #333333; }
.title2 { font-size: 24px; color: #333333; }
.title3 { font-size: 20px; color: #333333; }
.title4 { font-size: 16px; color: #333333; }
.title5 { font-size: 15px; color: #333333; }
.bd-dash-title { border-bottom: 1px dashed #dbdbdb; }
.bd-dash-title2 { border-bottom: 1px dashed #a1a1a1; }
.bd-vline-title { font-size: 20px; color: #000; background: url(/images/ko/img-common/bg-vline1.png) 0 bottom repeat-x; padding-bottom: 15px; }
.title-side { font-size: 12px; color: #0091dc; font-weight: normal; }
.dot-title { padding-left: 10px; background: url(/images/ko/img-common/bg-dot.png) 0 50% no-repeat; }
.dot-sq-title { padding-left: 10px; background: url(/images/ko/img-common/bg-dot-sq.png) 0 50% no-repeat; }
.arr-title { padding-left: 10px; background: url(/images/ko/img-common/bg-arr.png) 0 50% no-repeat; }
.mark-link { background: #ececec; padding: 1px 3px; color: #0091dc; }
.mark-link:hover { color: #0091dc; }
.gubun {padding: 0 1em;}
.gubun-bar { display: inline-block; margin: 0 10px; color: #999999; font-size: 12px; }
.circle-helper { display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(/images/ko/img-common/circle-helper.png) 0 0 no-repeat; cursor: pointer; text-indent: -9999px; }
.helper-layer {position: absolute; display: none; font-size: 12px; background: #fff; padding: 10px; z-index: 3}
.circle-helper.showly:hover + .helper-layer {display: block;}
.fs-big1 { font-size: 14px; }
.fs-big2 { font-size: 16px; }
.fs-big3 { font-size: 18px; }
.fs-big4 { font-size: 20px; }
.fs-big5 { font-size: 24px; }
.fs-big6 { font-size: 40px; }
.fs-bold { font-weight: bold; }
.fs-default { font-size: 13px}
.fs-small1 { font-size: 12px; }
.fs-small2 { font-size: 11px; }
.fw-normal { font-weight: normal !important; }
.fw-max {font-weight: 900 !important;}
.fw-500 {font-weight: 500 !important;}
.letter-spacing { letter-spacing: -0.5px; }
.line-height { line-height: inherit; }

/* - bg color - */
.bg-white { background: #fff !important; }
.bg-gray { background: #666 !important; }
.bg-gray-is1 { background: #eee !important; }
.bg-red { background: #ff595b !important; }
.bg-blue { background: #dbeafa !important; }
.bg-blue-light { background: #e7edf3 !important; }
.bg-gray-light { background: #f8f8f8 !important; }
.bg-yellow { background: #fff150 !important; }
.bg-yellow-light { background: #f7f6f1 !important; }
.bg-green-light { background: #ecf4e7 !important; }
.bg-red-light { background: #f6e8e8 !important; }
.bg-dark-blue { background: #002b56 !important; }


/* line style */
.line-gray1 { border-bottom: 1px solid #d8d8d8; }
.line-gray2 { border-bottom: 1px solid #e7e7e7; }
.line-gray3 { border-bottom: 1px solid #666; }
.line-blue1 { border-bottom: 1px solid #273541; }
.line-blue2 { border-bottom: 1px solid #4a5967; }

.line-k1 {border-bottom: 1px solid #494949;}
.line-k2 {border-bottom: 2px solid #494949;}

.y-scroll { overflow-y: scroll; }
.y-scroll-default { height: 200px; overflow-y: scroll; }
.y-scroll-myord { height: 180px; overflow-y: scroll; }
.x-scroll { overflow-x: scroll; }
.scroll { overflow: scroll; }

/* - box style - */
.box-dot { border: 1px dotted #cccccc; }
.box-gray { background: #f8f8f8; padding: 10px; }
.box-gray2 { background: #ccc; padding: 20px; }
.box-border-gray1 { border: 5px solid #e5e5e5; padding: 30px; }
.box-border-gray2 { border: 1px solid #e5e5e5; padding: 30px; }
.box-border-black { border: 1px solid #494949; padding: 20px; }
.box-border-gray2-bt { border: 1px solid #e5e5e5; padding: 30px; background: #fff; border-top: 3px solid #494949; }
.box-border-gray3-bt { border: 1px solid #e5e5e5; padding: 30; background: #fff; border-top: 3px solid #494949; }
.box-border-gray3 { border: 1px solid #e5e5e5; padding: 15px; }
.box-border-gray4 { border: 1px solid #e5e5e5; padding: 5px; }
.box-round4 { border-radius: 4px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25); }
.box-blue { background: #dbeafa; border: 1px solid #cad8e1; }
.box-green { background: #d3eabc; border: 1px solid #c2daa9; }
.box-bg-gray {background: #f9f9f9;}
.box-shadow {box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.35);}

/* ===========================ui & components=============================== */
.btn { display: inline-block; display: inline; /* IE7 inline-block hack */ zoom: 1; padding: 10px 20px; margin-bottom: 0; font-size: 13px; line-height: 1; text-align: center; vertical-align: middle; cursor: pointer; -webkit-border-radius: 3px; border-radius: 3px; border: 0; }

.btn-default { background-color: #eff4f5; color: #3d4e5d; }
.btn-default:hover { background-color: #dae7e9; }
.btn-default:active, .btn-default.active { background-color: #9abec3; outline: 0; }
.btn-default:focus { outline: thin dotted #eee; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn-main { background-color: #0091dc; color: white; }
.btn-main.dark {background: #2f72b6;}
.btn-main:hover { background-color: #10aeff; }
.btn-main:active, .btn-main.active { background-color: #006fa9; outline: 0; }
.btn-main:focus { outline: thin dotted #eee; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn-gray { background-color: #999999; color: white; }
.btn-gray:hover { background-color: #b3b3b3; }
.btn-gray:active, .btn-gray.active { background-color: gray; outline: 0; }
.btn-gray:focus { outline: thin dotted #eee; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn-dkgray { background-color: #494949; color: white; }
.btn-dkgray:hover { background-color: #626262; }
.btn-dkgray:active, .btn-dkgray.active { background-color: #2f2f2f; outline: 0; }
.btn-dkgray:focus { outline: thin dotted #eee; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn-dkblue { background-color: #002b56; color: white; }
.btn-dkblue:hover { background-color: #004489; }
.btn-dkblue:active, .btn-dkblue.active { background-color: #001123; outline: 0; }
.btn-dkblue:focus { outline: thin dotted #eee; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn-simple { background-color: white; color: #38434d; border: 1px solid #cccccc; }
.btn-simple:hover { background-color: #f4f7fe; }
.btn-simple:active, .btn-simple.active { background-color: #0091dc;border: 1px solid #0091dc; outline: 0; }
.btn-simple:focus { outline: thin dotted #eee; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn-bd-gray { border: 1px solid #999; background-color: #e2e2e2; color: #666666; }
.btn-bd-gray:hover { background-color: #e2e2e2; }
.btn-bd-gray:active, .btn-bd-gray.active { background-color: #afafaf; outline: 0; }
.btn-bd-gray:focus { outline: thin dotted #eee; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn-bd-dkgray { border: 1px solid #666; background-color: #999999; color: white; }
.btn-bd-dkgray:hover { background-color: #999999; }
.btn-bd-dkgray:active, .btn-bd-dkgray.active { background-color: #666666; outline: 0; }
.btn-bd-dkgray:focus { outline: thin dotted #eee; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn-bd-dkgray2 { border: none; background-color: #666666; color: white; }
.btn-bd-dkgray2:hover { background-color: #666666; }
.btn-bd-dkgray2:active, .btn-bd-dkgray2.active { background-color: #333333; outline: 0; }
.btn-bd-dkgray2:focus { outline: thin dotted #eee; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn-bd-gray-blue { border: 1px solid #999; background-color: #dbeafa; color: #333333; }
.btn-bd-gray-blue:hover { background-color: #e4effb; }
.btn-bd-gray-blue:active, .btn-bd-gray-blue.active { background-color: #8abbef; outline: 0; }
.btn-bd-gray-blue:focus { outline: thin dotted #eee; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn-bd-red { background: #fff; border: 1px solid #ff595b; color: #ff595b; }
.btn-ico { padding: 5px 15px; height: 35px; line-height: 20px; background: #f8f8f8; }
.btn-bd-black { background: #fff; border: 1px solid #222; color: #222; }
.btn-bd-blue { background: #fff; border: 1px solid #2f72b6; color: #2f72b6; }
.btn-bd-darkBlue { background: #fff; border: 1px solid #1d507d; color: #1d507d; }
.btn-bd-green { background: #fff; border: 1px solid #78b752; color: #78b752; }
.btn-bd-yellow { background: #fff; border: 1px solid #fff150; color: #fff150; }
.btn-bd-orange { background: #fff; border: 1px solid #ff8400; color: #ff8400; }

.btn_white_new {background:#fff; border:none; color:#004b72;}

.btn-k1 {background: #434343; color:#fff;}
.btn-l-gray {background: #ededed; color: #1b1c30;}
.no-radius { border-radius: 0 !important;}

.btn-disable { background-color: #e5e5e5; color: #bfbfbf; border: 1px solid #bfbfbf; cursor: default; }
.btn-disable:hover { background-color: #e5e5e5; }
.btn-disable:active, .btn-disable.active { background-color: #b2b2b2; outline: 0; }
.btn-disable:focus { outline: thin dotted #eee; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn-disable:focus { outline: none; }
.btn-disable:active { background-color: #e5e5e5; outline: 0; }

.btn-full { width: 100%; }
.btn-xlarge { padding: 16px 50px; font-size: 19px; font-weight: bold; }
.btn-large { padding: 12px 28px; font-size: 17px; font-weight: bold; }
.btn-small { padding: 2px 16px; font-size: 12px; line-height: 20px; -webkit-border-radius: 3px; border-radius: 3px; }
.btn-mini { padding: 0 8px; font-size: 11px; line-height: 18px; -webkit-border-radius: 2px; border-radius: 2px; }

/* ------------------- form control ------------------- */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; font-size: inherit; border: 1px solid #ccc; color: #666666; display: inline-block; padding: 4px 6px; vertical-align: middle; outline: none; margin: 0; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { -webkit-box-shadow: 0 0 5px #999999; box-shadow: 0 0 5px #999999; border-color: #999999; background: #fafafa; outline: none; }

input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="week"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #e5e5e5; color: #bfbfbf;display: none; }
input[type="text"][readonly], input[type="password"][readonly], input[type="date"][readonly], input[type="datetime"][readonly], input[type="datetime-local"][readonly], input[type="month"][readonly], input[type="week"][readonly], input[type="email"][readonly], input[type="number"][readonly], input[type="search"][readonly], input[type="tel"][readonly], input[type="time"][readonly], input[type="url"][readonly], textarea[readonly] { background-color: #f8f8f8; color: #bfbfbf; }
input.calendar[readonly] {background-color: white}
input.sp {border-color: #535353; color: #333;}

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #c9ced4; font-size: 12px; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #c9ced4; font-size: 12px; }

.grp-form input, .grp-form button, .grp-form select { margin-right: 2px; vertical-align: middle; }
.grp-form select { height: 25px; }
.item-form input, .item-form select { font-size: 12px; letter-spacing: -0.3px; }
.grp-form1 input, .grp-form1 button, .grp-form1 select { margin-right: 2px; vertical-align: middle; height: 25px;}
.grp-form1 button {padding: 0 1em; line-height: 25px; border-radius: 0; background: #ddd;}
input[type="checkbox"], input[type="radio"] { width: 15px; height: 15px; vertical-align: middle; }

select { padding: 1px; min-width: 40px; vertical-align: middle; border: 1px solid #ccc; color: inherit; }
select[disabled] {background-color: #e5e5e5; color: #bfbfbf;}
select.min1 { min-width: 100px; }
select.narrow { height: 23px; }
select.no-bd { border: none; background: #fff; }

/* Normalize file input width */
input[type="file"] { width: 100%; }
input.narrow { padding: 3px 6px; }
input[type="text"].big { padding: 8px 6px; font-size: 14px; }
input.int-hidden { border: none; background-color: #fff !important; }
input.int-hidden:focus { box-shadow: none; background: none; }
.search-int-btn > input, .search-int-btn > button, .search-int-btn > select {height:30px }
.search-int-btn > input {margin-right: 0}

/* ------------------- paging style ------------------- */
.paging { padding: 20px; text-align: center; }
.paging a { display: inline-block; background: #fff; height: 22px; line-height: 22px; border: 1px solid #cccccc; font-size: 12px; min-width: 6px; padding: 0 8px; box-sizing: border-box; }
.paging a:hover { border: 1px solid #494949; color: #494949; }
.paging a.selpg { color: #494949; font-weight: bold; border: 1px solid #494949; }

/* ------------------- table style define ------------------- */
table { width: 100%; background: #fff; }
table th { padding: 6px; font-weight: bold; text-align: center; }
table td { padding: 3px 6px; }
table td.text-left, table th.text-left { text-align: left; }
table td.text-right, table th.text-right { text-align: right; }
table td.vt, table th.vt { vertical-align: top; }
table img {vertical-align: middle}

table.tb-basic thead > tr > th { background: #e7edf3; color: #333333; }
table.tb-basic tbody > tr:hover { background: #f8f8f8; }
table.tb-basic td, table.tb-basic th { text-align: center; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}

table.tb-policy {}
table.tb-policy thead > tr > th { background: #f9f9f9; color: #333333; }
table.tb-policy td, table.tb-policy th {border: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font-size: 13px; padding: 3px 1em;}
table.tb-policy th {border-bottom: none;}

table.tb-default {}
table.tb-default thead {border-top: 2px solid #494949;}
table.tb-default th { background: #f9f9f9; color: #333333;}
table.tb-default th, table.tb-default td {border-bottom: 1px solid #e5e5e5;}
table.tb-default tbody > tr:hover { background: #f5f5f5; }
table.tb-default tbody > tr.active { background: #ededed;}
table.tb-default tbody > tr.active2 { background: #f8f8f8;}
table.tb-default tbody > tr.active-viewcont { background: #e9f4dd;}
table.tb-default td { text-align: center; padding: 4px 6px; }
table.tb-default td.no-padding { padding: 0 !important; }
table.tb-default td.show-content { text-align: left; padding: 20px; }

table.tb-default { border-top: 1px solid #e5e5e5; }
table.tb-default.bd th, table.tb-default.bd td { border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; }
table.tb-default.sf td { font-size: 12px; }
table.tb-default.wide td { padding: 8px 6px; }
table.tb-default.faq { border-top: none; }
table.tb-default.faq td { padding: 8px 6px; }
table.tb-default.header2 th { border-left: 1px solid #e5e5e5; padding:4px;}
table.tb-default.header2 th.first { border-left: 0}

table.tb-default.write { border-top: 0; }
table.tb-default.write th { background: #eee; }
table.tb-default.write th.bg-light { background: #f2f2f2; }
table.tb-default.write tr:hover { background: none; }
table.tb-default.write tbody > tr:first-child { border-top: 2px solid #494949;}
table.tb-default.write tbody > tr.bt1 {border-top: 1px solid #e5e5e5;}
table.tb-default.write td { text-align: left; padding: 6px; }

table.tb-default.no-hover tr:hover { background: none; }

table.tb-default.write2 th { background: #f8f8f8; }
table.tb-default.write2 tr:hover { background: none; }
table.tb-default.write2 td { text-align: left; padding: 15px; }

table.tb-default.bt1 { border-top: none; }
table.tb-default.bt2 { border-top: 1px solid #e5e5e5;}
table.tb-default.bt3 thead {border-top: none;}

table.tb-default.price1 th { background: #e0e0e0; padding-right: 4px; text-align: right; }
table.tb-default.price1 td { padding-right: 10px; text-align: right; }

table.tb-default.price2 { margin-top: 10px; }
table.tb-default.price2 tbody > tr:first-child { border-top: none; }
table.tb-default.price2 th { background: #818181; padding-right: 4px; text-align: right; color: #fff; }
table.tb-default.price2 td { background: #e0e0e0; padding-right: 10px; text-align: right; font-weight: bold; }

table.tb-line {border: 1px solid #e5e5e5;}
table.tb-line tr {border: 0;}
table.tb-line th, table.tb-line td {border: 1px solid #e5e5e5; border-top: 0;}

table.tb-line-is1 {}
table.tb-line-is1 th, table.tb-line-is1 td {border: 1px solid #e5e5e5; text-align: left;}

table.data-over {font-size: 12px; letter-spacing: -0.5px}
table.data-over td {padding: 9px 4px;}

table.tb-stripe tbody > tr:nth-child(2n) { background: #f8f8f8; }
table.tb-stripe tbody > tr:hover { background: #e4ebf2; }

table.tb-deg1 tr { border-bottom: 1px solid #d3d3d3; }
table.tb-deg1 th.tit { background: #ededed; color: #5183c3; text-align: left; vertical-align: top; padding: 25px 0;  text-align: center;}
table.tb-deg1 td.br-line { border-right: 1px solid #d3d3d3; font-weight: bold; font-size: 14px; text-align: center; padding-top: 30px; }

table.tb-deg2 { border: none; }
table.tb-deg2 tr, table.tb-deg2 th, table.tb-deg2 td { border: none; }

table.tb-deg3 { border: none; }
table.tb-deg3 tr, table.tb-deg3 th, table.tb-deg3 td { border: none; text-align: left; padding: 6px 0 !important; }

.no-bd { border-bottom: none !important; }
table tr.no-bg:hover { background: none !important; }
table.innertb {border-top: 0; border-bottom: 0;}
table.innertb tr:last-child {border-bottom: 0;}
.price-tfoot {background: #f9f9f9; color: #333;}
.price-tfoot.is2 {background: #eee;}

.tb {display: table; width: 100%;}
.tb>.rows {display: table-row;}
.tb>.rows>.cells {display: table-cell;}

table.tc td {text-align: center;}

.cal-ui {display: inline-block;}
.cal-ui input[type="text"] {width: 100px;}
.cal-ui span {padding: 0 0.4em;}
.cal-ui img {vertical-align: middle; padding-left: 4px}
.addr-form > div {margin-bottom: 5px}
.addr-form > div:last-child {margin-bottom: 0}
.addr-form input[type="text"], .addr-form button {height: 28px}
.addr-form button {background: #8f9195; color: #fff; font-size: 12px;}
.tell-ui input {width: 5em; height: 28px; text-align: center}
.tell-ui span, .mail-ui span {padding: 0 0.3em;}
.tell-ui select {height: 28px; width: 5em;}
.mail-ui input[type=text], .mail-ui button, .mail-ui select {height: 28px}