@charset "UTF-8";

@font-face{font-family:'Glyphicons Halflings';
src:url('/resources/css/fonts/glyphicons-halflings-regular.eot');
src:url('/resources/css/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
url('/resources/css/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
url('/resources/fonts/glyphicons-halflings-regular.woff') format('woff'),
url('/resources/css/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
url('/resources/css/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');}

@font-face {
    font-family:NanumMyeongjo;
    font-weight:bold;
    src:local(※), url('/resources/css/fonts/NanumMyeongjo-Bold.ttf') format('ttf');
}

@font-face {
    font-family:NanumMyeongjo;
    font-weight:500;
    src:local(※), url('/resources/css/fonts/NanumMyeongjo-ExtraBold.ttf') format('ttf');
}

@font-face {
    font-family:NanumMyeongjo;
    font-weight:300;
    src:local(※), url('/resources/css/fonts/NanumMyeongjo-Regular.ttf') format('ttf');
}

 /** Common **/
 
html{font-size:16px;}
@media (max-width: 1500px) {
	html{font-size:15px;}
}
@media (max-width: 1200px) {
	html{font-size:14px;}
}
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,
fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,figure, 
figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,time,mark,audio,video{letter-spacing: -0.02rem; font-family: "Titillium Web", "Nanum Barun Gothic", Dotum, "Open Sans", Tahoma, Verdana, AppleGothic,sans-serif;margin:0;padding:0;border:0;}

p,span,a{ font-weight:inherit; }
h2 p, h2 span, h2 a{ font-weight:inherit; }

/* HTML5 display-role reset for older browsers */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{overflow-y:scroll;font-weight:400; word-wrap:break-word; word-break:keep-all; color:#666;}
body,button,input,select,textarea,body h1,body h2,body h3,body h4,body h5,body h6,
body .h1,body .h2,body .h3,body .h4,body .h5,body .h6{}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
hr{display:none;height:0;-moz-box-sizing:content-box;box-sizing:content-box}
em,address{font-style:normal}
ul,ol{list-style:none; list-style-image:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
button{border:0;cursor:pointer;}
img{max-width:100%;border:0;}

caption, legend{overflow:hidden;width:0;height:0;font-size:0;line-height:0}
textarea{resize:none;}
textarea.vert{resize:vertical;}
a {color: #333;}
.dropdown-toggle:focus,
a:focus,button:focus{outline:thin dotted}
a:active,a:hover,button:active,button:hover{outline:0 none}

#wrap{overflow:hidden; position: relative;}
/* accessibility */ 
#accessibility{position:absolute; left:0; top:0; width:100%; z-index:9999;}
#accessibility li{position:absolute; left:0; top:0; width:100%; z-index:9999;}
#accessibility a{overflow:hidden; display:block; width:1px; height:1px; margin-bottom:-1px; color:#444; font-size:0; text-decoration:none;}
#accessibility a:active, #accessibility a:focus{width:100%; height:auto; padding:5px 0; background:#eee;  font-size:14px; text-align:center;}

.form-control{-webkit-box-shadow: none;  box-shadow: none;}

/*드레그 색상변경 */
::-moz-selection {background-color:#4D6D93;color: #fff;}
::selection {background-color:#4D6D93;color: #fff}


.w_100{width:100% !important;}
#a2mdms {margin-bottom: 15px;}

div, span, li, p, a, form, button{-webkit-transition: all 0.3s ease 0s;  -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s;  -o-transition: all 0.3s ease 0s;   transition: all 0.3s ease 0s;}
    
.dropdown-menu{-webkit-transition: none;  -moz-transition: none; -ms-transition: none;  -o-transition: none;  transition: none;}
    
#accessibility,
#accessibility a{-webkit-transition: none; -moz-transition: none;  -ms-transition: none; -o-transition: none;  transition: none;}
    
    
.dropdown-menu{ border-radius: 0; margin-top:-1px; }
.bootstrap-datetimepicker-widget { position:  absolute; height: auto;}

/* 버튼 */
.swiper-controls a:focus,
.bx-controls a:focus { outline: 0; box-shadow: inset 0 0 0 0.2rem rgba(0,123,255,.25);}
.btn{border-radius:0;}
.btn-light{color:#000; background-color:#fff; border-color:#fff;}
.btn-primary{ background-color:#0067b3; border-color:#0067b3;}
.btn-success {  background-color: #107d29; border-color:#107d29;}
.btn-default{background-color: transparent; border:1px solid #ddd;}
.btn-info {  background-color: #00788c;  border-color: #00788c;}
.btn-secondary{background-color:#343b40;}
.btn-dark {  background-color: #000;  border-color: #000;}
.btn-default:hover,
.btn-default:focus{background-color: #e6e6e6 ;}
.btn-dark :hover,
.btn-dark :focus{background-color:#343a40; border-color:#343a40;}
.btn-lg{padding: 12px .75rem; font-size: 1rem; width:100%; max-width:357px;}
.btn-sm{padding: 8px 25px; font-size:0.875rem; }
.table-hover .btn-sm { padding: 5px 12px;}
.btn-border {border: 2px solid #000;padding: 7px 11px;padding-right: 46px;position:  relative; color: #000;font-size:0.750em;font-weight:700;}


.btn-border:after {position:  absolute;width: 6px;height: 6px;border-right: 1px solid #000;border-top: 1px solid #000;display:  block;content: "";right: 18px;top: 50%;transform: rotate(45deg);margin-top: -3px;}
.btn-border:hover,
.btn-border:focus{background:#000; color:#fff !important; }
.btn-border:hover:after,
.btn-border:focus:after{border-color:#fff;}

.btn-border.white {border: 2px solid #fff; color: #fff;}
.btn-border.white:after {border-right: 1px solid #fff;border-top: 1px solid #fff;}
.btn-border.white:hover,
.btn-border.white:focus{border-color:#fff; background:#fff; color:#000 !important;}
.btn-border.white:hover:after,
.btn-border.white:focus:after{border-color:#000;}

.btn-border.blue {border: 2px solid #3475d9;  background:#3475d9;  color: #fff;}
.btn-border.blue:after {border-right: 1px solid #fff;border-top: 1px solid #fff;}
.btn-border.blue:hover,
.btn-border.blue:focus{border-color:#3475d9; background:#fff; color:#3475d9 !important;}
.btn-border.blue:hover:after,
.btn-border.blue:focus:after{border-color:#3475d9;}

.btn-video,
.btn-video:hover,
.btn-video:focus,
.btn-video:active,
.btn-video.active{ border-radius: 500px; width:99px; height:99px; background: url(/resources/images/lead/btn_play.png) 50% 50% no-repeat !important; background-size: contain !important;background-color:rgba(0,0,0,0.3) !important;}
.btn-video-close,
.btn-video-close:hover,
.btn-video-close:focus,
.btn-video-close:active,
.btn-video-close.active{border-radius: 500px; width:89px; height:89px; background: url(/resources/images/lead/btn_video_close.png) 50% 50% no-repeat !important; background-size: contain !important;background-color:rgba(0,0,0,0.3) !important;}
.btn-mute,
.btn-mute:hover,
.btn-mute:focus,
.btn-mute:active,
.btn-mute.active{border-radius: 500px; width:89px; height:89px; background: url(/resources/images/lead/btn_mute.png) 50% 50% no-repeat !important; background-size: contain !important;background-color:rgba(0,0,0,0.3) !important;}
.btn-volume,
.btn-volume:hover,
.btn-volume:focus,
.btn-volume:active,
.btn-volume.active{border-radius: 500px; width:89px; height:89px; background: url(/resources/images/lead/btn_volume.png) 50% 50% no-repeat !important; background-size: contain !important;background-color:rgba(0,0,0,0.3) !important;}

/* 아이콘 */

.btn .icon_download{width:30px; height:30px; display:block; margin:0 auto; background: url(/resources/images/icon_download.png) 50% 50% no-repeat;}
.btn .icon_view{width:30px; height:30px; display:block; margin:0 auto; background: url(/resources/images/icon_view.png) 50% 50% no-repeat;}

.btn:hover .icon_download,
.btn:focus .icon_download,
.btn:active .icon_download{ background: url(/resources/images/icon_download_on.png) 50% 50% no-repeat;}


@media (max-width: 1300px) {

}
@media (max-width: 1000px) {
.btn-video, 
.btn-video:hover, 
.btn-video:focus, 
.btn-video:active, 
.btn-video.actives,
.btn-video-close, 
.btn-video-close:hover, 
.btn-video-close:focus, 
.btn-video-close:active, 
.btn-video-close.active,
.btn-mute,
.btn-mute:hover,
.btn-mute:focus,
.btn-mute:active,
.btn-mute.active,
.btn-volume,
.btn-volume:hover,
.btn-volume:focus,
.btn-volume:active,
.btn-volume.active{ height: 70px; width:70px;}
}
@media (max-width:750px) {

}