@charset 'utf-8';
@import url("font/notokr.css");



.full_layer{max-width:2000px;margin:0 auto}
.inner_layer{max-width:1100px;margin:0 auto;}
.full_layer:after,.inner_layer:after,.container:after,.list{content:"";display:block;clear:both}
.dis_table{display:table;table-layout:fixed;text-align:center;height:100%;width:100%}
.dis_table>.cell{display:table-cell;vertical-align:middle;height:100%;width:100%}

/** header **/
#header_wrap{position:fixed;z-index:100;left:0;right:0;top:0;background:#fff;transition:all .2s ease-out 0.2s;height:77px;}
#header_wrap .logo{position:absolute;left:15px;top:50%;margin-top:-20px;z-index:10;}
#header_wrap .logo a{}
.head_inner{position:relative;height:100%;border-bottom:1px solid #ddd;}
#nav{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9;}
#nav .gnb_full_menu{position:absolute;top:76px;left:0;width:100%;height:0;background:#fff;border-bottom:0;z-index:98;-webkit-transition:height 300ms ease-in-out;-moz-transition:height 300ms ease-in-out;-ms-transition:height 300ms ease-in-out;-o-transition:height 300ms ease-in-out;transition:height 300ms ease-in-out}
#nav.desk_on .gnb_full_menu{height:250px;border-bottom:2px solid #ed4e17}
#gnb{margin:0 auto;max-width:1100px;position:relative;z-index:99;text-align:center}
.gnb_1dli{position:relative;display:inline-block;}
.gnb_1da{display:block;text-align:center;padding:0 20px;line-height:77px;font-size:16px}
.gnb_2dul{position:absolute;left:0;right:0;visibility:hidden;opacity:0;-webkit-transition:opacity 300ms ease-in-out;-moz-transition:opacity 300ms ease-in-out;-ms-transition:opacity 300ms ease-in-out;-o-transition:opacity 300ms ease-in-out;transition:opacity 300ms ease-in-out}
#nav.desk_on .gnb_2dul{visibility:visible;opacity:1}

.head_right{position:absolute;right:15px;top:50%;margin-top:-14px;}
.head_right button{float:left;outline:none;color:#3eb134;font-size:2em;padding:0 4px;}
.head_right button+button{margin-left:5px;}
.head_right #btn_serach{}
.head_right #btn_open{display:none;}

/* contents */
#contentWrap{padding:77px 0 50px;}
#sub_banner{background-repeat:no-repeat;background-position:50% 0;background-size:cover;-webkit-background-size:cover;height:630px;background-image:url(../image/dummy/vis_philosophy.jpg);position:relative;}
#sub_banner:after{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:#000;opacity:.4;z-index:2;}
.bnr_div{display:table;table-layout:fixed;text-align:center;height:100%;width:100%;position:relative;z-index:3;}
.bnr_div .bnr_area{display:table-cell;vertical-align:middle;height:100%;width:100%}
.bnr_div .bnr_title,
.bnr_div .bnr_text{color:#fff;}
.bnr_div .bnr_title{font-size:50px;padding-bottom:10px;}
.bnr_div .bnr_text{font-size:16px;}

#breadcrumb{margin:0 auto;max-width:1100px;text-align:right;padding:30px 0;}
#breadcrumb li{display:inline-block;line-height:1;}
#breadcrumb li+li{margin-left:5px;}
#breadcrumb li:first-child i{color:#3eb134;font-size:17px;}
#breadcrumb li:after{content:"\e940";font-family:xeicon!important;display:inline-block;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#breadcrumb li:last-child:after{display:none}

.title_wrap{text-align:center;font-size:20px;}
.title_wrap h2{display:inline-block;border-bottom:1px solid #3eb134;font-weight:normal;}


#footer_wrap{background:#111;padding:20px 0;color: #999;}
#footer_wrap .foot_inner{padding-left:50px;}
#footer_wrap .site_link{}
#footer_wrap .site_link a{color:#999}
#footer_wrap .address{}
#footer_wrap .address span{position: relative;display: inline-block;padding-right: 12px;margin-right: 10px;font-size: 14px;color: #999;}
#footer_wrap .address span:after{
    content: '';
    width: 1px;
    height: 10px;
    background: #4a4c50;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -5px;
}
#footer_wrap .address span:last-child{padding-right:0;margin-right:0;}
#footer_wrap .address span:last-child:after{display:none;}

@media only screen and (max-width:1199px) {
	.container{padding:0 15px;}
}
@media only screen and (max-width:970px) {
	#header_wrap .logo{z-index:9;}
	#nav{position:fixed;right:-50%;top:0;left:inherit;width:50%;bottom:0;background:#fff;z-index:10;border-left:1px solid #ddd;overflow-y:auto;}
	.head_right #btn_open{display:block;}
	.gnb_1dli{display:block;border-bottom:1px solid #ddd;}
}