/* CSS Document */

@charset "utf-8";


article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}
audio,canvas,progress,video{display:inline-block}
article,aside,audio,blockquote,body,canvas,caption,dd,details,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,iframe,legend,li,main,menu,nav,ol,p,pre,section,summary,table,tbody,td,template,textarea,tfoot,th,thead,tr,ul,video{margin:0;padding:0;border:0;font-size:inherit;font-family:inherit;box-sizing:border-box;word-break:break-all}
a,em,span{margin:0;padding:0;box-sizing:border-box;display:inline-block}
b,strong{font-weight:600}
address,cite,dfn,em,i{font-style:normal}
img{border:none;vertical-align:middle}
audio,img,video{max-width:100%;max-height:100%}
svg{overflow:hidden;vertical-align:middle}
switch{display:none}
figcaption,figure{margin:0;padding:0}
mark{background-color:#ff0;color:#000}
small{font-size:90%}
sub,sup{position:relative;font-size:.9em;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
del{color:#aaa!important;text-decoration:line-through}
label{display:inline-block;cursor:pointer}
iframe{display:block;max-width:100%}
template{display:none}
summary{display:list-item;cursor:pointer}
output{display:inline-block}
ul,ul>li{list-style:none}
ol{overflow:hidden;position:relative;counter-reset:number}
ol>li{counter-increment:number}
ol>li:before{content:counter(number,decimal) "."}
table{width:100%;border-collapse:collapse;border-spacing:0}
caption{overflow:hidden;position:relative;left:0;top:0;width:1px;height:1px;background:0 0;font-size:0;color:transparent;line-height:0;text-indent:100%}
legend{overflow:hidden;position:absolute;width:1px;height:1px;background:0 0;font-size:0;color:transparent;line-height:0}
fieldset{border:none;min-width:0}
hr{overflow:hidden;position:absolute;height:0;width:0}
:after,:before{display:none;content:''}
.clearfix{display:block}
.clearfix:after{content:"";display:table;clear:both}
.clear{clear:both}
.hide{display:none}
.skip{overflow:hidden;position:absolute;width:1px;height:1px;background:0 0;font-size:0!important;color:transparent!important;line-height:0}
button,input,optgroup,select,textarea{margin:0;padding:0;border:1px solid;box-sizing:border-box;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;vertical-align:middle}
button,input,select{display:inline-block}
button,input{overflow:visible}
input[type=search],input[type=text]{-webkit-border-radius:0;-webkit-appearance:none}
input[type=search]{outline-offset:-2px;-webkit-appearance:none}
input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
input[type=file]{border:none}
input[type=file]::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;-moz-appearance:button;border:1px solid #bbb;background:#e0e0e0;box-shadow:none}
input[type=checkbox],input[type=radio]{padding:0;border:none}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{overflow:visible;border-color:transparent;background-color:transparent;cursor:pointer}
textarea{display:block;overflow:auto;resize:vertical}
input[disabled]{background-color:#ebebeb}
select:disabled{background-color:#ebebeb}
[hidden]{display:none!important}
@media screen and (max-width:768px){
	.skip,caption,legend{overflow:visible;font-size:3px!important}
}
#header{position:relative; z-index:30; width:100%; background-color:#fff}
#container{position:relative; z-index:10; width:100%; background-color:#fff}
#container:focus{border:1px solid #000}
#footer{position:relative; z-index:20; width:100%; background-color:#fff}
#screen{visibility:hidden; overflow:scroll; position:absolute; width:100px; height:100px}

a:link,a:visited,a:active,a:hover{text-decoration:none!important;color:inherit}
a:focus{text-decoration:none}
button,input,optgroup,select,textarea{border-width:0}

/* 레이아웃 공통 */
body,html{position:relative; height:100%}
body{overflow-x:hidden; background-color:#fff; color:#444; font-size:16px; line-height:30px; font-weight:400; letter-spacing:-0.025em; font-family:'NotoSansKR',sans-serif,Malgun Gothic;; word-wrap:break-word; -webkit-text-size-adjust:none}
@media all and (max-width:640px){
body{font-size:14px; line-height:22px}
}
#header{position:relative; z-index:30; width:100%; background-color:#fff}
#container{position:relative; z-index:10; width:100%; background-color:#fff}
#container:focus{border:1px solid #000}
#footer{position:relative; z-index:20; width:100%; background-color:#fff}
#screen{visibility:hidden; overflow:scroll; position:absolute; width:100px; height:100px}

/* slick */
.slick-slider{position:relative;}
.slick-list{overflow:hidden; position:relative}
.slick-track{position:relative; top:0; left:0; margin-right:auto; margin-left:auto}
.slick-track:after,.slick-track:before{display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:none!important;display:inline-block!important;vertical-align:top;border-right: 1px solid #f1f3f6;text-align:center}

.slick-slide.slick-loading img{display:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block}
.slick-slide img{max-height:40px;max-width:150px}



/* 본문바로가기  */
.accessibility{overflow:hidden; position:absolute; top:0; left:0; z-index:3000; width:100%}
.accessibility a{overflow:hidden; display:block; z-index:3000; width:1px; height:1px; margin:0 -1px -1px 0; text-align:center; font-size:0; line-height:0}
#accessibility a:active,#accessibility a:hover,.accessibility a:focus{width:auto; height:30px; margin:0; padding:8px 0; background-color:#333; color:#fff; font-size:14px; line-height:16px}

/* 담당자 */
.satisfaction{margin:30px 0; padding:0; border:1px solid #e9e9e9}
.satisfaction .kogl_open{padding:24px 3% 20px; min-height:75px}
.satisfaction .kogl_open img{float:left; margin-top:-4px; margin-right:20px}
.satisfaction .satisfaction_list{padding:20px 3%; background:#f7f7f7}
.satisfaction .question{padding:2px 0 2px 36px; background:url(/common/images/program/comment_smile.png) left top no-repeat; color:#000}
.satisfaction .satisfaction_list label{vertical-align:middle; display:inline-block; position:relative; margin-right:20px; white-space:nowrap}
.satisfaction .satisfaction_list .input_radio{display:block; margin-top:8px}
.satisfaction .satisfaction_list .input_radio input[type=radio]{width:16px; height:16px}
.satisfaction .satisfaction_list .opinion{display:table; width:100%; margin-top:8px}
.satisfaction .satisfaction_list .opinion_submit{display:table-cell; width:1%; vertical-align:middle}
.satisfaction .satisfaction_list .opinion input[type=text]{/*display:block;  width:100%;*/ display:inline-block; width:calc(100% - 105px); padding:4px 0 4px 10px; border:1px solid #e1e1e1; border-right:none}
.satisfaction .satisfaction_list .opinion input[type=submit]{display:inline-block; padding:4px 20px; border:1px solid #757575; background-color:#202e70; color:#fff}
.satisfaction .manager_info{position:relative; padding:0 3%}
.satisfaction .manager_info ul{padding:15px 0}
.satisfaction .manager_info ul li{float:left; margin-left:45px}
.satisfaction .manager_info ul li:first-child{margin-left:0; padding-left:0}
.satisfaction .manager_info ul li span{display:inline-block; color:#000}
.satisfaction .manager_info ul li span:after{content:""; display:inline-block; width:1px; height:15px; margin:0 6px 2px 8px; background:#ccc; vertical-align:middle}
@media all and (max-width:860px){
.satisfaction .kogl_open{padding-top:20px; line-height:1.3}
.satisfaction .kogl_open img{margin-top:4px}
}
@media all and (max-width:710px){
.satisfaction .manager_info ul li{width:50%; margin-left:0}
}
@media all and (max-width:500px){
.satisfaction .manager_info ul li{float:none; width:100%}
.satisfaction .satisfaction_list label{margin-right:40px}
}

/* 메뉴 */
.menu.init,.menu.init .depth,.menu.init .depth:after,.menu.init .depth:before,.menu.init .depth_item,.menu.init .depth_item:after,.menu.init .depth_item:before,.menu.init .depth_list,.menu.init .depth_list:after,.menu.init .depth_list:before,.menu.init .depth_text,.menu.init .depth_text:after,.menu.init .depth_text:before,.menu.init .depth_title,.menu.init .depth_title:after,.menu.init .depth_title:before,.menu.init:after,.menu.init:before{transition-property:all; transition-duration:0.25s; transition-timing-function:linear}
.menu,.menu .depth,.menu .depth_item,.menu .depth_list,.menu .depth_text{position:relative}
.menu{font-size:0; line-height:0}
.menu .depth:not(.depth1){visibility:hidden; opacity:0; overflow:hidden}
.menu .depth1{z-index:30}
.menu .depth_list{z-index:10}
.menu .depth_text{display:inline-block}
.menu.after:after,.menu.before:before{display:block; position:absolute}
.menu.before:before{z-index:10}
.menu.after:after{z-index:20}
.menu .depth_title{overflow:hidden; position:absolute; z-index:20}
.menu .depth1.clearfix .depth1_list{float:right}
.menu .depth_list.clearfix>.depth_item{float:left}
.menu .depth_list.cut>.depth_item{display:inline-block; vertical-align:top}
.menu.pulldown .depth1{height:inherit}
.menu.pulldown .depth1_item,.menu.pulldown .depth1_list{height:inherit}
.menu.pulldown .depth2{position:absolute; bottom:0; left:0; width:100%}
.menu.eachdown .depth1{height:inherit}
.menu.eachdown .depth1_item,.menu.eachdown .depth1_list{position:static; height:inherit}
.menu.eachdown .depth2{position:absolute; bottom:0; left:0; width:100%}
.menu.dropdown .depth2{position:absolute; top:100%; left:0; width:100%; transform-origin:center top; transform:scaleY(0)}
.lnb{font-size:0; line-height:0}
@media all and (min-width:1001px){
.lnb .menu_hide,.lnb .menu_show{display:none}
.lnb.length3 .menu .depth1_item{width:33.33%}
.lnb.length4 .menu .depth1_item{width:25%}
.lnb.length5 .menu .depth1_item{width:20%}
.lnb.length6 .menu .depth1_item{width:16.66%}
.lnb.length7 .menu .depth1_item{width:14.28%}
.lnb.length8 .menu .depth1_item{width:12.5%}
}
@media all and (max-width:1000px){
.menu.after:after,.menu.before:before{display:none}
.menu .depth_title{display:none}
.menu .depth1.clearfix .depth1_list{float:none}
.menu .depth_list.clearfix>.depth_item{float:none}
.menu .depth_list.cut>.depth_item{display:block}
.menu.pulldown .depth1,.menu.pulldown .depth1_item,.menu.pulldown .depth1_list{height:auto}
.menu.pulldown .depth2{position:relative; bottom:auto; left:auto}
.menu.eachdown .depth1{height:auto}
.menu.eachdown .depth1_item,.menu.eachdown .depth1_list{position:relative; height:auto}
.menu.eachdown .depth2{position:relative; bottom:auto; left:auto}
.menu.dropdown .depth2{position:relative; top:auto; left:auto; transform:scaleY(1)}
.lnb:before{display:block; visibility:hidden; opacity:0; position:fixed; top:0; left:0; z-index:40; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); transition-property:visibility,opacity; transition-duration:0.25s; transition-timing-function:linear}
.lnb .menu{visibility:hidden; overflow-x:hidden; overflow-y:auto; position:fixed; top:0; right:-302px; z-index:50; width:302px; height:100%; transition-property:visibility,right; transition-duration:0.25s; transition-timing-function:linear}
.lnb .wrap{padding-right:0; padding-left:0}
.lnb_show,.lnb_show body{overflow:hidden}
.lnb_show .lnb .menu{visibility:visible; right:0}
.lnb_show .lnb:before{visibility:visible; opacity:1}
.lnb .menu .depth1{z-index:10}
.lnb .menu_show{position:absolute; z-index:30}
.lnb .menu_hide{position:absolute; z-index:30}
}