footer{ position:relative; z-index:1; }
footer .ft-bg{ position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background-image:url("./img/footer-bg.png"); background-repeat:no-repeat; background-position:bottom; background-attachment:fixed; background-size:cover; }
footer .ft-info{ padding:20px 0 50px 0; }
footer .ft-logo{ margin-top:30px; }
footer .ft-copy{ padding:10px 0; text-align:center; }
footer .ft-info-1{ margin:25px 0px 0px; padding:0; width:100%; }
footer .ft-info-1 li { width:100%; height:auto; margin-bottom:20px; display:table; table-layout:fixed; font-size:18px; }
footer .ft-info-1 li{ line-height:18px; margin-bottom:12px; letter-spacing:0px; }
footer .ft-info-1 i{ width:35px; display:table-cell; vertical-align:top; }
footer .ft-info-1 .c{ width:auto; display:table-cell; vertical-align:top; }
footer .ft-subj{ text-transform:uppercase; margin-top:30px; }
footer .ft-info-2{ margin-top:15px; padding:0; }
footer .ft-info-2 li{ padding-bottom:10px; font-size:18px; }
footer .ft-sns{ margin-top:15px; margin-bottom:0; padding:0; }
footer .ft-sns li{ float:left; margin:0 5px 5px 0; width:30px; height:30px; padding:0; }
footer .ft-sns li img{ -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; transition:all 0.2s ease-out; border-radius:5px; width:30px; }
footer .ft-sns li img:hover{ border-radius:50%; }

/* Default Setting */
/*body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, a, div, header, footer, span, button, input, textarea, select, address{margin:0; padding:0; box-sizing:border-box;}*/
body, button, input, select, textarea{font-family:'Noto Sans Korean', sans-serif; font-size:14px; font-weight:400; color:#4b4b4b; letter-spacing:-1px; overflow-x:hidden;}
table{border-collapse:collapse;}
caption{width:0; height:0; overflow:hidden; text-indent:-9999px;}
a{color:#4b4b4b; text-decoration:none;}
em{font-style:normal;}
button, input[type=submit]{border:none; /*background-color:transparent;*/ cursor:pointer; overflow:hidden;}
input[type=submit]{-webkit-appearance:none;}
/*select{
    border-radius:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}*/
select::-ms-expand{display:none;}
li{list-style:none;}
img{vertical-align:top; border:none;}
.mobile{display:none;}
.hidden{position:absolute; width:1px; height:1px; margin:-1px; border:none; clip:rect(0,0,0,0);}


#footer{background-color:#232527; position:relative;}
#footer_inner{width:100%; max-width:1200px; margin:0 auto; padding:10px 0 10px 0;}
#footer_inner > address{/*padding:4px 0 3px 0;*/ margin: 0; font-style:normal; font-size:22px; font-weight:300; color:#efefef;}
#footer_inner > p{font-size:22px; font-weight:300; color:#848484;}
#footer_link{height:50px;}
#footer_link div.link_box{width:297px; margin-left:4px; float:left; position:relative;}
#footer_link div.link_box:first-child{margin-left:0;}
#footer_link div.link_box button.open{width:100%; height:50px; font-size:15px; font-weight:300; color:#d7d7d7; text-align:left; text-indent:27px; background-color:#2b2d2f; position:relative;}
#footer_link div.link_box button.open:after{
    content:"";
    width:9px;
    height:6px;
    margin-top:-3px;
    position:absolute;
    top:50%;
    right:20px;
    background:url(./img/btn_up.png) no-repeat 0 -6px;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
#footer_link div.link_box > button.open.active:after{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}
#footer_link div.link_box div{
    visibility:hidden;
    width:100%;
    max-height:0;
    padding:0 20px 0 20px;
    position:absolute;
    bottom:50px;
    left:0;
    overflow:hidden;
    background-color:#2b2d2f;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
#footer_link div.link_box.active div{visibility:visible; max-height:520px; padding:20px 20px 10px 20px; z-index:3;}
#footer_link div.link_box div h5{padding-bottom:18px; font-size:15px; font-weight:500; color:#fff;}
#footer_link div.link_box div button.close{width:30px; height:30px; position:absolute; top:15px; right:12px; overflow:hidden;}
#footer_link div.link_box div button.close:before, #footer_link div.link_box div button.close:after{width:16px; height:3px; margin-left:-8px;}
#footer_link div.link_box div button.close:before{top:13px;}
#footer_link div.link_box div button.close:after{bottom:14px;}
#footer_link div.link_box div ul{max-height:450px; overflow-y:auto; overflow-x:hidden;}
#footer_link div.link_box div ul::-webkit-scrollbar{width:14px;}
#footer_link div.link_box div ul::-webkit-scrollbar-track{background-color:#656565;}
#footer_link div.link_box div ul::-webkit-scrollbar-thumb{background-color:#111; border-left:2px solid #656565; border-right:2px solid #656565;}
#footer_link div.link_box div ul::-webkit-scrollbar-thumb:hover{background-color:#000;}
#footer_link div.link_box div ul::-webkit-scrollbar-button:start:decrement{width:14px; height:14px; background:#656565 url(./img/btn_up1.png) no-repeat 50% 50%;}
#footer_link div.link_box div ul::-webkit-scrollbar-button:end:increment{width:14px; height:14px; background:#656565 url(./img/btn_down1.png) no-repeat 50% 50%;}
#footer_link div.link_box div ul li a{display:block; padding:4px 5px; position:relative;}
#footer_link div.link_box div ul li a span{font-size:15px; font-weight:300; color:#dbdbdb; word-break:keep-all; position:relative; z-index:1;}
#footer_link div.link_box div ul li a:before{
    content:"";
    width:0;
    height:100%;
    background-color:#101011;
    position:absolute;
    top:0;
    left:0;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}
#footer_link div.link_box div ul li a:hover:before, #footer_link div.link_box div ul li a:focus:before{width:100%; outline:1px dotted #ccc;}

#footer_sns{/*padding:30px 0;*/ overflow:hidden;}
#footer_sns h6{width:193px; height:39px; float:left; background:url(./img/logo.png) no-repeat 0 0/193px 39px; text-indent:-9999px;}
#footer_sns ul{float:right; overflow:hidden;}
#footer_sns ul li{float:left; margin-left:8px;}
#footer_sns ul li a{display:block; width:38px; height:38px; border-radius:50%; position:relative;}
#footer_sns ul li a span{display:block; width:26px; height:26px; margin:-13px 0 0 -13px; position:absolute; top:50%; left:50%; text-indent:-9999px; background-image:url(./img/sns.png); background-repeat:no-repeat; background-size:104px 26px;}
#footer_sns ul li.fb a span{background-position:0 0;}
#footer_sns ul li.tw a span{background-position:-26px 0;}
#footer_sns ul li.nb a span{background-position:-52px 0;}
#footer_sns ul li.yt a span{background-position:-78px 0;}
#fnb ul{overflow:hidden;}
#fnb ul li{float:left;}
#fnb ul li:after{content:""; display:inline-block; width:1px; height:18px; margin:0 10px; background-color:#898989;}
#fnb ul li:last-child:after{display:none;}
#fnb ul li a{font-size:20px; font-weight:300; color:#fff;}
#fnb ul li a strong{font-weight:300; color:#88c8ff;}

#full_dim{display:none; width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0, 0, 0, 0.8); z-index:103;}
#full_dim.active{display:block;}

/* ë‹«ê¸° ë²„íŠ¼ */
button.close{text-indent:-9999px;}
button.close:before, button.close:after{content:""; position:absolute; left:50%; background-color:#fff;}
button.close:before{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}
button.close:after{
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
}


/* Tablet */
@media all and (min-width:768px) and (max-width:1199px) {
    
    #footer_inner{padding:30px 20px;}
    #footer_inner > address{padding:4px 0 3px 0; font-size:14px;}
    #footer_inner > p{font-size:14px;}
    #footer_link{height:45px;}
    #footer_link div.link_box{width:calc(25% - 3px);}
    #footer_link div.link_box button.open{height:45px; font-size:14px; text-indent:15px;}
    #footer_link div.link_box button.open:after{width:6px; height:4px; margin-top:-2px; right:15px; background-position:0 -4px;background-size:6px 8px;}
    #footer_link div.link_box div{padding:0 10px 0 15px; bottom:45px; }
    #footer_link div.link_box.active div{max-height:450px; padding:15px 10px 10px 15px;}
    #footer_link div.link_box div h5{padding-bottom:13px; font-size:14px;}
    #footer_link div.link_box div button.close{top:10px; right:10px;}
    #footer_link div.link_box div button.close:before, #footer_link div.link_box div button.close:after{height:2px;}
    #footer_link div.link_box div button.close:before{top:14px;}
    #footer_link div.link_box div ul{height:375px;}
    #footer_link div.link_box div ul::-webkit-scrollbar{width:10px;}
    #footer_link div.link_box div ul::-webkit-scrollbar-button:start:decrement{width:10px; height:10px;}
    #footer_link div.link_box div ul::-webkit-scrollbar-button:end:increment{width:10px; height:10px;}
    #footer_link div.link_box div ul li a{padding:3px 0;}
    #footer_link div.link_box div ul li a span{font-size:13px;}
    #footer_link div.link_box div ul li a:before{display:none;}

    #fnb ul li:after{margin:0 9px;}
    #fnb ul li a{font-size:13px;}

    
}

/* Mobile */
@media only all and (max-width:767px){
    
    #footer_inner{padding:40px 10px 80px 10px; position:relative;}
    #footer_inner > address{font-size:12px;}
    #footer_inner > p{font-size:12px;}
    #footer_link{width:100%; height:auto; display:inline-block;}
    #footer_link div.link_box{width:calc(50% - 5px); margin-left:0;}
    #footer_link div.link_box:nth-child(n+3){margin-top:10px;}
    #footer_link div.link_box:nth-child(even){float:right;}
    #footer_link div.link_box button.open{height:45px; font-size:13px; text-indent:15px;}
    #footer_link div.link_box button.open:after{width:8px; height:5px; margin-top:-2.5px; right:15px; background-position:0 -5px; background-size:8px 10px;}
    #footer_link div.link_box div{padding:0 10px; bottom:45px;}
    #footer_link div.link_box.active div{max-height:300px; padding:10px 10px 5px 10px;}
    #footer_link div.link_box div h5{padding-bottom:10px; font-size:13px;}
    #footer_link div.link_box div button.close{top:5px; right:5px;}
    #footer_link div.link_box div button.close:before, #footer_link div.link_box div button.close:after{height:2px;}
    #footer_link div.link_box div button.close:before{top:14px;}
    #footer_link div.link_box div ul{height:230px;}
    #footer_link div.link_box div ul::-webkit-scrollbar{width:6px;}
    #footer_link div.link_box div ul::-webkit-scrollbar-thumb{border-left:1px solid #656565; border-right:1px solid #656565;}
    #footer_link div.link_box div ul::-webkit-scrollbar-button:start:decrement{width:6px; height:6px; background-size:4px 2px;}
    #footer_link div.link_box div ul::-webkit-scrollbar-button:end:increment{width:6px; height:6px; background-size:4px 2px;}
    #footer_link div.link_box div ul li a{padding:3px 0;}
    #footer_link div.link_box div ul li a span{font-size:13px;}
    #footer_link div.link_box div ul li a:before{display:none;}

    #footer_sns{padding:20px 0;}
    #footer_sns h6{width:162px; height:33px; float:none; background-size:162px 33px;}
    #footer_sns ul{width:100%; position:absolute; bottom:20px; left:0; text-align:center;}
    #footer_sns ul li{display:inline-block; float:none; margin:0 8px;}
    #footer_sns ul li a{width:40px; height:40px; background-size:120px 30px;}
    #footer_sns ul li.tw a{background-position:-30px 0;}
    #footer_sns ul li.nb a{background-position:-60px 0;}
    #footer_sns ul li.yt a{background-position:-90px 0;}
    #fnb ul{padding-bottom:10px;}
    #fnb ul li:before{height:7px; margin:0 7px;}
    #fnb ul li a{font-size:13px;}

    
}

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 2px; }
.ui-datepicker .ui-datepicker-prev { left: 2px; }
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-datepicker .ui-datepicker-prev-hover { left: 2px; }
.ui-datepicker .ui-datepicker-next-hover { right: 2px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width: auto; }
.ui-datepicker-multi .ui-datepicker-group { float: left; }
.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }
.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }

/* Icons */
.ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; }
.ui-widget.ui-widget-content { border: 1px solid #c5c5c5; }
.ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #0a2856; background: #153b74; color: #ffffff; font-weight: bold; }
.ui-widget-header a { cursor: pointer; color: #333333; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #031838; background: #0a2856; font-weight: normal; color: #fff; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; }

.ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #0a2856; background: #153b74; font-weight: normal; color: #ffffff; }
.ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #153b74; background: #fff; color: #000; }
.ui-state-checked { border: 1px solid #dad55e; background: #fffa90; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ }

/* states and images */
.ui-icon { width: 16px; height: 16px; }
.ui-widget-header .ui-icon { background-image: url("/images/np/ui-icons_ffffff_256x240.png"); }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; }
