@charset "utf-8";

/* =============== Common =============== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, textarea, input, button, select,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;
    padding:0;
    border:0;
    font:inherit;
    font-family:'Nanum Gothic','나눔 고딕','맑은 고딕','Malgun Gothic','Apple SD Gothic Neo',Dotum,'돋움',sans-serif;
    text-align:left;
	line-height:1;
	letter-spacing:-0.5px;
	word-wrap:break-word;
	word-break:keep-all;
    color:#333
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display:block}
img {border:0; vertical-align:middle}
em,i,address{font-style:normal}
body {line-height:1; font-size:16px; font-weight:normal}
nav,ol,ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:""; content:none}
form, fieldset{margin:0; padding:0; border:none}
caption ,legend{display:none}
strong {font-weight:bold}

/* position */
.fl {float:left !important}
.fr {float:right !important}
.clearfix{display:block; clear:both; content:''}
.clear {clear:both !important}

/* font size */
.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}
.fs17 {font-size:17px !important}
.fs18 {font-size:18px !important}
.fs19 {font-size:19px !important}
.fs20 {font-size:20px !important}
.fs22 {font-size:22px !important}
.fs24 {font-size:24px !important}
.fs30 {font-size:30px !important}
.fs36 {font-size:36px !important}

/* font weight */
.fn {font-weight:normal !important}
.fb {font-weight:bold !important}

/* text align */
.t-left {text-align:left !important}
.t-center {text-align:center !important}
.t-right {text-align:right !important}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* text color */
.t-black {color:#333 !important}
.t-white {color:#fff !important}
.t-red {color:#e90030 !important}
.t-blue {color:#0054a6 !important}
.t-indigo {color:#002157 !important}
.t-green {color:#009b00 !important}
.t-gray {color:#999 !important}

/* bg color */
.bg-black {background-color:#333 !important}
.bg-white {background-color:#fff !important}
.bg-gray {background-color:#eee !important}
.bg-blue {background-color:#0054a6 !important}
.bg-red {background-color:#e90030 !important}
.bg-b-l {background-color:#f2f7fb !important}

/* width */
.wp5 {width:5% !important}
.wp10 {width:10% !important}
.wp13 {width:13% !important}
.wp15 {width:15% !important}
.wp17 {width:17% !important}
.wp20 {width:20% !important}
.wp25 {width:25% !important}
.wp30 {width:30% !important}
.wp35 {width:35% !important}
.wp40 {width:40% !important}
.wp45 {width:45% !important}
.wp47 {width:47% !important}
.wp50 {width:50% !important}
.wp55 {width:55% !important}
.wp60 {width:60% !important}
.wp65 {width:65% !important}
.wp70 {width:70% !important}
.wp75 {width:75% !important}
.wp80 {width:80% !important}
.wp85 {width:85% !important}
.wp86 {width:86% !important}
.wp90 {width:90% !important}
.wp95 {width:95% !important}
.wp100 {width:100% !important}

/* margin */
.mg0 {margin:0 !important}
.mt0 {margin-top:0 !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}
.mt60 {margin-top:60px !important}
.mt70 {margin-top:70px !important}
.mt80 {margin-top:80px !important}
.mr0 {margin-right:0 !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}
.mb0 {margin-bottom:0 !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}
.mb80 {margin-bottom:80px !important}
.ml0 {margin-left:0 !important}
.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml20 {margin-left:20px !important}
.ml22 {margin-left:22px !important}
.ml30 {margin-left:30px !important}
.ml40 {margin-left:40px !important}
.ml50 {margin-left:50px !important}
.mg0 {margin:0px !important}
.mg10 {margin:10px !important}
.mg20 {margin:20px !important}
.mg30 {margin:30px !important}
.mg40 {margin:40px !important}

/* padding */
.pt0 {padding-top:0 !important}
.pt5 {padding-top:5px !important}
.pt10 {padding-top:10px !important}
.pt20 {padding-top:20px !important}
.pt30 {padding-top:30px !important}
.pt40 {padding-top:40px !important}
.pt50 {padding-top:50px !important}
.pr0 {padding-right:0 !important}
.pr10 {padding-right:10px !important}
.pr20 {padding-right:20px !important}
.pr30 {padding-right:30px !important}
.pr40 {padding-right:40px !important}
.pr50 {padding-right:50px !important}
.pb0 {padding-bottom:0 !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}
.pl0 {padding-left:0 !important}
.pl10 {padding-left:10px !important}
.pl20 {padding-left:20px !important}
.pl25 {padding-left:25px !important}
.pl30 {padding-left:30px !important}
.pl40 {padding-left:40px !important}
.pl50 {padding-left:50px !important}
.pd0 {padding:0px !important}
.pd10 {padding:10px !important}
.pd20 {padding:20px !important}
.pd30 {padding:30px !important}
.pd40 {padding:40px !important}
.pd50 {padding:50px !important}


/* border */
.bd0 {border:0 !important}
.bt0 {border-top:0 !important}
.br0 {border-right:0 !important}
.bb0 {border-bottom:0 !important}
.bl0 {border-left:0 !important}

/* line-height */
.line12 {line-height:12px !important}
.line14 {line-height:14px !important}
.line16 {line-height:16px !important}
.line18 {line-height:18px !important}
.line20 {line-height:20px !important}
.line22 {line-height:22px !important}
.line24 {line-height:24px !important}
.line26 {line-height:26px !important}
.line28 {line-height:28px !important}
.line30 {line-height:30px !important}


/* Title */
h1, h2, h3, h4, h5, h6 {margin:0; padding:0}

/* Box */
*,html {box-sizing:border-box}
*, *:before, *:after {box-sizing:border-box}

/* font - 나눔고딕 */
@font-face{
	font-family:'Nanum Gothic';
	font-weight:normal;
	font-style: normal;
	src:url("/inc/font/NanumGothic-Regular.eot");
	src:url("/inc/font/NanumGothic-Regular.eot?#iefix") format('embedded-opentype'),
		url("/inc/font/NanumGothic-Regular.woff2") format('woff2'),
		url("/inc/font/NanumGothic-Regular.woff") format('woff');
}
@font-face{
	font-family:'Nanum Gothic';
	font-weight:bold;
	font-style: normal;
	src:url("/inc/font/NanumGothic-Bold.eot");
	src:url("/inc/font/NanumGothic-Bold.eot?#iefix") format('embedded-opentype'),
		url("/inc/font/NanumGothic-Bold.woff2") format('woff2'),
		url("/inc/font/NanumGothic-Bold.woff") format('woff');
}
@font-face{
	font-family:'Nanum Gothic';
	font-weight:800;
	font-style: normal;
	src:url("/inc/font/NanumGothic-ExtraBold.eot");
	src:url("/inc/font/NanumGothic-ExtraBold.eot?#iefix") format('embedded-opentype'),
		url("/inc/font/NanumGothic-ExtraBold.woff2") format('woff2'),
		url("/inc/font/NanumGothic-ExtraBold.woff") format('woff');
}

/* Table */
table {width:100%; border-collapse:collapse; border-spacing:0}
table thead th,table tbody th,table tbody td {font-size:15px; padding:12px 10px; line-height:26px; vertical-align:middle}
table thead th,table tbody th {font-weight:bold; color:#000}
table tbody td {font-size:15px; color:#464646}

/* Link */
a {font-family:'Nanum Gothic','나눔 고딕','맑은 고딕','Malgun Gothic','Apple SD Gothic Neo',Dotum,'돋움',sans-serif; color:#333; text-decoration:none}
a:hover,a:active,a:focus {text-decoration:none}
.uline {}
.uline:hover,.uline:active,.uline:focus {text-decoration:underline !important; color:#0054a6 !important}

/* Form */
form, fieldset {margin:0; padding:0; border:0}
input,button,select,textarea {font-family:inherit}
input[type="button"],button,label {cursor:pointer}
input[type="text"],input[type="password"],select{height:30px; padding:6px 8px 5px; font-size:14px; border:1px solid #ccc; vertical-align:middle; color:#363636}
input[type="text"]::-ms-clear,input[type="password"]::-ms-reveal {display:none}
input[readonly] {background-color:#eee}
input[readonly]:focus {border-color:#ccc}
input:focus,select:focus,textarea:focus{outline:0; border-color:#0054a6}
textarea {width:100%; min-height:150px; padding:30px; font-size:14px; line-height:24px; border:1px solid #ccc; resize:none; color:#363636}

/* checkbox, radio */
span.chk, span.radio{position:relative; display:inline-block}
span.chk input,span.radio input{position:absolute; left:-9999px; opacity:0; filter:alpha(Opacity=0)}
span.chk label,span.radio label{display:inline-block; min-height:20px; line-height:18px; margin:0; padding:0 30px; color:#363636}
span.chk label{background:url(/images/common/ico_checkbox.png) 0 0 no-repeat}
span.radio label{background:url(/images/common/ico_radio.png) 0 0 no-repeat}
span.chk label.active, span.radio label.active{background-position:0 -150px;}
span.chk label.disabled, span.radio label.disabled{background-position:0 -300px}
span.chk label.readonly, span.radio label.readonly{background-position:0 -450px}
span.chk.hidden-label,span.radio.hidden-label{top:7px}
span.chk.hidden-label label,span.radio.hidden-label label{font-size:0px; width:20px; height:20px; padding:0;}

/* select */
.select-box {position:relative; top:1px; display:inline-block; width:auto; height:30px; background:url(/images/common/ico_select_arrow.png) right center no-repeat; border:1px solid #ccc}
.select-box label {position:absolute; display:inline-block; font-size:14px; color:#363636; width:auto; top:0; bottom:0; left:0; right:0; padding:6px 45px 6px 10px}
.select-box select {display:inline-block; height:30px; font-size:14px; line-height:30px; padding-right:45px; opacity:0; filter: alpha(opacity=0); cursor:pointer}
.select-box.active {border-color:#0054a6}
.select-box.disabled {background-color:#eee; border-color:#ddd}
.select-box.disabled label {color:#999}

/* file */
.file-box {position:relative}
.file-box input[type="file"] {position:absolute; width:1px; height:1px; padding:0; overflow:hidden; border:0; clip:rect(0,0,0,0)}
.file-box label,.file-box .upload-name {display:inline-block; height:30px; line-height:30px; font-size:13px; padding:0 10px; vertical-align:middle}
.file-box label {border:1px solid #ccc; background:#f4f4f4; color:#333; cursor:pointer}
.file-box .upload-name {width:300px; margin-left:-5px; background:#fff; border:1px solid #ccc; color:#999; -webkit-appearance:none; -moz-appearance:none; appearance:none}

/* placeholder */
::-webkit-input-placeholder {color:#bbb !important}
:-moz-placeholder {color:#bbb !important}
::-moz-placeholder {color:#bbb !important}
:-ms-input-placeholder {color:#bbb !important}
/*.hasPholder {color:#bbb !important}*/

/* skipnavi */
#skipnavi {position:absolute; top:0; left:0; z-index:99999; width:100%; height:0;}
#skipnavi a {display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; font-size:0}
#skipnavi a:focus, #skipnavi a:hover {width:100%; height:80px; line-height:80px; padding:0; font-size:18px; background-color:#333; color:#fff; z-index:9000}

/* blind */
.blind {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

/* button */
.btn {display:inline-block; width:170px; height:45px; font-size:16px; font-weight:bold; line-height:45px; text-align:center; border:1px solid #0054a6; background:#0054a6; color:#fff; outline:0; cursor:pointer}
.btn:hover,.btn:active,.btn:focus {background-color:#0042a6}
.btn-lg {width:245px; height:50px; line-height:50px; font-size:18px}
.btn-sm {width:130px; height:35px; line-height:35px; font-size:14px}
.btn-xs {width:90px; height:30px; line-height:30px; font-size:12px}

/* main button */
.btn-m-type1 {margin-top:70px; text-indent:-30px; border:1px solid #7f7f7f; color:#555; background:#fff url(/images/main/ico_btn_arrow.png) 90px 16px no-repeat}
.btn-m-type1:hover,.btn-m-type1:active,.btn-m-type1:focus {border-color:#000; background-color:#fff}
.btn-m-type2 {width:40px; height:16px; margin-top:5px; line-height:20px; font-weight:normal; font-size:14px; text-align:left; border:0; text-decoration:underline; background-color:#fff; color:#7d7d7d}
.btn-m-type2:hover,.btn-m-type2:active,.btn-m-type2:focus {text-decoration:underline; background-color:#fff; color:#3d3d3d}
.btn-m-type3 {width:93px; height:24px; line-height:24px; font-size:12px; text-indent:-5px; margin-top:10px; border:0; background-color:#959595}
.btn-m-type3:hover,.btn-m-type3:active,.btn-m-type3:focus {background-color:#858585}
.btn-m-type4,.btn-m-type5,.btn-m-type6 {width:108px; height:28px; line-height:28px; font-size:12px; margin-top:10px; border:0;}
.btn-m-type4 {background-color:#e90030}
.btn-m-type4:hover,.btn-m-type4:active,.btn-m-type4:focus {background-color:#d9032f}
.btn-m-type5 {background-color:#0054a6}
.btn-m-type5:hover,.btn-m-type5:active,.btn-m-type5:focus {background-color:#0042a6}
.btn-m-type6 {width:130px; background-color:#464646}
.btn-m-type6:hover,.btn-m-type6:active,.btn-m-type6:focus {background-color:#363636}
.btn-m-type7 {width:75px; height:16px; line-height:16px; font-size:12px; font-weight:normal; margin-top:20px; text-align:left; border:0; background:#004a80 url(/images/main/ico_btn_arrow2.png) right 8px no-repeat; color:#f7941d}
.btn-m-type7:hover,.btn-m-type7:active,.btn-m-type7:focus {background-color:#004a80; text-decoration:underline}

.btn-area {margin:50px 0; text-align:center}
.btn-area a,.btn-area button {margin:0 5px}
.btn-list,.btn-line {background-color:#fff; color:#0054a6}
.btn-list:hover,.btn-list:active,.btn-list:focus,
.btn-line:hover,.btn-line:active,.btn-line:focus {background-color:#f7f7f7}
.btn-search {width:50px; height:40px; line-height:40px; text-indent:-9999px; border:0; background:#686868 url(/images/contents/ico_search.png) center center no-repeat}
.btn-search:hover,.btn-search:active,.btn-search:focus {background-color:#585858}
.btn-gray {border-color:#686868; background-color:#686868}
.btn-gray:hover,.btn-gray:active,.btn-gray:focus {border-color:#585858; background-color:#585858}
.btn-dis {border-color:#ddd; background-color:#ddd; cursor:default}
.btn-dis:hover,.btn-dis:active,.btn-dis:focus {background-color:#ddd}

/* =============== LayOut =============== */
/* Layout */
#wrap {min-width:1200px}
#header {}
#container {}
#footer {border-top:1px solid #333949}


/* =============== Header =============== */
.top-banner-area{height:120px; background-color:#e3e3e3}
.header-area {border-bottom:2px solid #a2a2a2}

/* lnb */
.lnb-area {height:40px; border-bottom:1px solid #e5e5e5;}
.lnb-area .lnb {width:1200px; margin:0 auto; text-align:right}
.lnb-area .lnb .lnb-inner {display:inline-block}
.lnb-area .lnb .lnb-inner:after {display:block; clear:both; content:''}
.lnb-area .lnb .lnb-inner li {position:relative; float:left; font-size:13px; height:40px; line-height:40px}
.lnb-area .lnb .lnb-inner li a {padding-right:15px; line-height:42px; background:url(/images/common/ico_arrow_right.png) right 3px no-repeat}
.lnb-area .lnb .lnb-inner li .pipe {position:relative; top:2px; display:inline-block; font-size:16px; margin:0 10px; color:#ddd}
.lnb-area .lnb .lnb-inner li.after,.lnb-area .lnb .lnb-inner li.after2 {display:none;}
.lnb-area .lnb .lnb-inner li.online {margin-left:20px; padding:0 10px; border-left:1px solid #ddd}
.lnb-area .lnb .lnb-inner li.link {width:45px; height:40px; background-color:#999}
.lnb-area .lnb .lnb-inner li.link a {position:absolute; top:0; bottom:0; left:0; right:0; line-height:40px; text-align:center; color:#fff}
.lnb-area .lnb .lnb-inner li.online a,.lnb-area .lnb .lnb-inner li.link a{padding:0; background:none}
.lnb-area .lnb .lnb-inner li span.ico-user {position:absolute; top:11px; left:-20px; width:16px; height:18px; background:url(/images/common/ico_user.png) 0 0 no-repeat}

/* gnb */
.gnb-area {position:relative; width:1200px; height:105px; margin:0 auto}
.gnb-area .logo {position:relative; display:inline-block; width:450px; height:45px; margin-top:40px}
.gnb-area .logo a {display:block;width:161px; height:34px; background:url(/images/common/logo.png) 0 0 no-repeat}
.gnb-area .logo .logo-txt {position:absolute; top:0; left:175px; line-height:20px; padding-left:15px; border-left:1px solid #ddd}
.gnb-area .sns {position:absolute; top:40px; right:100px}
.gnb-area .sns:after {display:block; clear:both; content:''}
.gnb-area .sns li {float:left; margin-right:10px}
.gnb-area .sns li.last {padding-right:20px; border-right:1px solid #ddd}
.gnb-area .sns li a {display:block; width:34px; height:34px; text-indent:-9999px; background:url(/images/common/ico_sns.jpg) 0 0 no-repeat}
.gnb-area .sns .insta {background-position::0 0}
.gnb-area .sns .facebook {background-position:-34px 0}
.gnb-area .sns .twitter {background-position:-68px 0}
.gnb-area .sns .youtube {background-position:-102px 0}
.gnb-area .sns .linkin {background-position:-136px 0}

.gnb-area .btn-gnb {position:absolute; top:40px; right:0; display:block; width:85px; height:34px; padding:8px 7px 6px; border:1px solid #ddd; background:url(/images/common/ico_gnb.png) 9px 8px no-repeat;
border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; behavior:url('/inc/htc/PIE.htc')}
.gnb-area .btn-gnb .btn-txt {display:inline-block; height:18px; font-size:14px; font-weight:bold; margin-left:28px; padding-left:10px; border-left:1px solid #ddd}
.gnb-area .gnb {display:none; position:absolute; top:107px; width:1200px; margin:0 auto; padding:40px 50px; background-color:#fff; z-index:9999}
.gnb-area .gnb .gnb-inner {}
.gnb-area .gnb .gnb-inner:after {display:block; clear:both; content:''}
.gnb-area .gnb .gnb-inner li {float:left; width:20%}
.gnb-area .gnb .gnb-inner dl {padding:20px;}
.gnb-area .gnb .gnb-inner dl dt {font-size:16px; font-weight:bold; padding-bottom:20px; border-bottom:2px solid #003663; color:#003663}
.gnb-area .gnb .gnb-inner dl dd {}
.gnb-area .gnb .gnb-inner dl dd a {display:block; font-size:14px; padding:10px 0 10px 10px; border-bottom:1px solid #e8e8e8; line-height:24px}
.gnb-area .gnb .gnb-inner dl dd a:hover,.gnb-area .gnb .gnb-inner dl dd a:active,.gnb-area .gnb .gnb-inner dl dd a:focus {color:#fff; background-color:#003663}
.gnb-area .btn-gnb-close {position:absolute; top:20px; right:30px; width:20px; height:20px; text-indent:-9999px; background:url(/images/common/ico_gnb_close.png) 0 0 no-repeat}
.gnb-overlay {position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; text-indent:-9999px; cursor:default; background-color:#000; opacity:.6;filter:alpha(opacity=60); z-index:9000}


/* =============== Footer =============== */
/* foot notice */
.foot-area {border-bottom:1px solid #ddd}
.foot-info {position:relative; width:1200px; margin:0 auto}
.foot-info:after {display:block; clear:both; content:''}
.foot-info .foot-notice {position:relative; width:730px; height:70px}
.foot-info .foot-notice:after {display:block; clear:both; content:''}
.foot-info .foot-notice h1 {float:left; width:80px; font-size:18px; font-weight:bold; margin-top:26px}
.foot-info .foot-notice .more {position:absolute; top:22px; right:0; font-size:13px; padding:7px 25px 8px 0; border-right:1px solid #ddd; color:#7d7d7d; background:url(/images/common/ico_arrow_right.png) 42px 10px no-repeat}
.foot-info .foot-notice .bx-wrapper {float:left; position:absolute; top:28px; left:80px}
.foot-info .foot-notice .slide-area {}
.foot-info .foot-notice .slide-area li {padding-left:50px; height:20px; width:550px}
.foot-info .foot-notice .slide-area li a {display:block; width:100%; font-size:14px; padding-top:2px}

/* foot link */
.foot-link-area {position:absolute; top:15px; right:0;}
.foot-link-area .foot-link {position:relative; right:55px; width:220px; height:40px; background:url(/images/common/ico_foot_sel_arrow.png) center right no-repeat; border:1px solid #ddd}
.foot-link-area .foot-link label {position:absolute; font-size:14px; color:#333; width:170px; top:12px; left:10px}
.foot-link-area .foot-link .foot-select {width:100%; height:40px; min-height:40px; line-height:40px; font-size:14px; padding:0 10px; opacity:0; filter: alpha(opacity=0); cursor:pointer}
.foot-link-area .btn-link {position:absolute; top:0; right:0; width:50px; height:40px; font-size:13px; font-weight:bold; text-align:center; line-height:40px; background-color:#999; color:#fff}

/* foot copyright */
.foot-copy {position:relative; width:1200px; margin:0 auto; padding:30px 0 60px}
.foot-copy:after {display:block; clear:both; content:''}
.foot-copy .foot-logo {float:left; width:161px; height:34px; margin-right:40px; text-indent:-9999px; background:url(/images/common/foot_logo.png) 0 0 no-repeat}
.foot-copy .foot-nav {float:left}
.foot-copy .foot-nav ul {}
.foot-copy .foot-nav ul:after {display:block; clear:both; content:''}
.foot-copy .foot-nav ul li {float:left; margin-right:10px;}
.foot-copy .foot-nav ul li .pipe {position:relative; top:-2px; font-size:11px; padding-left:10px}
.foot-copy .foot-nav ul li a,.foot-copy .foot-nav address {font-size:13px; font-weight:bold; color:#555}
.foot-copy .foot-nav address {margin:7px 0;}
.foot-copy .foot-nav .copy {font-size:13px; color:#999}
.foot-copy .foot-img {position:absolute; top:30px; right:0; display:inline-block; width:140px; height:58px; text-indent:-9999px; background:url(/images/common/img_foot_certi.jpg) 0 0 no-repeat}


/* =============== Top Slide Banner =============== */
.top-banner-area {position:relative;}
.top-slider {position:relative; width:1200px; height:120px; margin:0 auto}
.top-slider .bx-controls {}
.top-slider .bx-controls div {display:inline-block}
.top-slider .bx-controls-direction {position:absolute; bottom:0; left:0; right:0; width:100%; height:0}
.top-slider .bx-controls-direction a {position:absolute; top:-75px; display:inline-block; width:20px; height:39px; text-indent:-9999px; background:url(/images/common/ico_main_slide_ctrl.png) 0 0 no-repeat}
.top-slider .bx-controls-direction .bx-prev {left:0; background-position:0 -60px}
.top-slider .bx-controls-direction .bx-next {right:0; background-position:-20px -60px}

.top-slider .bx-pager {position:absolute; bottom:0; left:49%; width:auto}
.top-slider .bx-pager-item {text-align:center; margin:0 4px; cursor:pointer;}
.top-slider .bx-pager-item .bx-pager-link {display:inline-block; width:10px; height:10px; text-align:center; text-indent:-9999px;background:url(/images/common/ico_main_slide_ctrl.png) -10px -40px no-repeat}
.top-slider .bx-pager-item .bx-pager-link.active {background-position:0 -40px}

.top-slider .bx-controls-auto {position:absolute; bottom:-1px; left:52%; width:auto}
.top-slider .bx-controls-auto-item {height:15px; margin:0 4px;}
.top-slider .bx-controls-auto-item a {display:inline-block; width:6px; height:8px; text-indent:-9999px; background:url(/images/common/ico_main_slide_ctrl.png) 0 -40px no-repeat}
.top-slider .bx-controls-auto-item a.bx-start {background-position:-28px -40px}
.top-slider .bx-controls-auto-item a.bx-stop {background-position:-20px -40px}
.top-slider .bx-controls-auto-item a.bx-start.active {background-position:-43px -40px}
.top-slider .bx-controls-auto-item a.bx-stop.active {background-position:-35px -40px}
.top-slider .btn-banner1 {position:absolute; top:14px; right:240px; display:inline-block; z-index:999}

/* banner close */
.btn-slide-close {display:inline-block; position:absolute; top:14px; right:35px; font-size:13px;}
.btn-slide-close .close{display:inline-block; width:14px; height:14px; margin-left:5px; text-indent:-9999px; background:url(/images/common/ico_main_slide_ctrl.png) -32px -20px no-repeat}


/* =============== Footer Slide Notice =============== */
.foot-notice .bx-controls-auto {position:absolute; top:0}
.foot-notice .bx-controls-auto-item {}
.foot-notice .bx-controls-auto-item a {position:absolute; top:0; display:inline-block; width:16px; height:17px; text-indent:-9999px; background:url(/images/common/ico_main_slide_ctrl.png) 0 0 no-repeat}
.foot-notice .bx-controls-auto-item a.bx-start {left:16px;background-position:-16px 0}
.foot-notice .bx-controls-auto-item a.bx-stop {left:0; background-position:0 0}
.foot-notice .bx-controls-auto-item a.bx-start:hover, .foot-notice .bx-controls-auto-item a.bx-start:active,.foot-notice .bx-controls-auto-item a.bx-start:focus {background-position:-48px 0}
.foot-notice .bx-controls-auto-item a.bx-stop:hover,.foot-notice .bx-controls-auto-item a.bx-stop:active,.foot-notice .bx-controls-auto-item a.bx-stop:focus {background-position:-32px 0}


/* =============== Datepicker =============== */
.calendar-area {position:relative; display:inline-block; width:130px; padding-right:30px;}
.ui-datepicker-trigger {position:absolute; top:0; right:0; width:30px; height:30px; text-align:center; border:1px solid #ccc; border-left:0; background-color:#f4f4f4; outline:0}
/* 
.ui-datepicker-trigger:hover,.ui-datepicker-trigger:active {background-color:#eee}
.ui-datepicker-trigger img {position:relative; top:-1px;}
.ui-datepicker {padding:0;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:44%; margin:0 2px}
.ui-datepicker select {height:26px; padding:4px 3px 3px; font-size:14px; font-weight:normal; border:0}
.ui-datepicker-header {padding:7px 0 !important; background-color:#0054a6}
.ui-datepicker-prev,.ui-datepicker-prev .ui-icon, .ui-widget-content .ui-icon,.ui-datepicker-next,.ui-datepicker-next .ui-icon, .ui-widget-content .ui-icon {top:10px !important; width:20px !important; height:20px !important; cursor:pointer;}
.ui-datepicker-prev {left:8px !important}
.ui-datepicker-prev span.ui-icon {background:url(/images/common/ico_cal_arrow.png) 0 0 no-repeat}
.ui-datepicker-next {right:12px !important}
.ui-datepicker-next span.ui-icon {background:url(/images/common/ico_cal_arrow.png) -20px 0 no-repeat}
.ui-datepicker-prev-hover,.ui-datepicker-next-hover {top:10px !important; border:0 !important; background:none !important}
.ui-datepicker-prev-hover {left:8px !important}
.ui-datepicker-next-hover {right:12px !important}
.ui-datepicker-calendar {}
.ui-datepicker-calendar thead th {font-size:13px; padding:5px; border-bottom:1px solid #ddd; background-color:#f4f4f4; color:#000;}
.ui-datepicker-calendar tbody td {padding:0; border-bottom:1px solid #ddd !important; border-right:1px solid #ddd !important}
.ui-datepicker-calendar tbody td a {font-size:14px; padding:8px 0 !important; text-align:center; border:0 !important; background-color:#fff !important; color:#000 !important;}
.ui-datepicker-calendar tbody td a:hover,.ui-datepicker-calendar tbody td a:active {background-color:#f4f4f4 !important}
.ui-datepicker-today .ui-state-highlight,.ui-datepicker-week-end.ui-datepicker-today .ui-state-highlight {font-weight:bold !important; background-color:#8cc5fc !important; color:#fff !important}
.ui-datepicker-today .ui-state-highlight:hover,.ui-datepicker-today .ui-state-highlight:active {background-color:#8cc5fc !important}
.ui-datepicker .ui-datepicker-buttonpane {margin:0 !important}
.ui-datepicker .ui-datepicker-buttonpane button {font-size:14px; color:#000;}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close {font-weight:normal}
#ui-datepicker-div .ui-widget-content {border:0 !important}
#ui-datepicker-div .ui-datepicker-calendar {margin:0 !important}
.ui-datepicker-calendar tbody td.ui-datepicker-week-end a {background-color:#f9f9f9 !important; color:#999 !important}
.ui-datepicker-current-day.ui-datepicker-today .ui-state-active,.ui-datepicker-current-day .ui-state-active,.ui-datepicker-current-day.ui-datepicker-week-end .ui-state-active {font-weight:bold !important; background-color:#0054a6 !important; color:#fff !important}
*/