@charset "utf-8";

body.drawer--open{
	overflow:hidden;
}


/**
 * 	MOBILE
 * 	- Network Dialog
 */
 .denim-network--dialog__container{
     display:none;
 }

 body.network-dialog--opened .denim-network--dialog__container{
   position:fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   z-index:100000;
   background-color:rgba(0,0,0,0.95);
   height: 100vh;
}

.denim-network--dialog-content__wrapper{
	position:absolute;
	top:20%;
	bottom:20%;
	left:0;
	right:0;
}

.denim-network--dialog-content__wrapper .denim-post-templates--card__wrapper img{
	width:100%;
	height:auto;
}



/**
 * 	MOBILE
 * 	- Container
 */
 .denim__container{
     /*overflow:hidden;*/
 }

 .search .denim--body__container{
    margin-bottom: 82px;
}
.fixed-header .denim--body__container{
	margin-top:60px;
}



/** ------------------------------ **/
/**
 * 	MOBILE
 * 	- Network Bar
 */
 .network-bar__container{
     z-index: 1000;
     position: relative;
 }

 .network-bar__container:after{
   content:'';
   display:table;
   clear:both;
}

.network-bar__container div.built-in-menu--trigger{
	border-color:#222;
}

.network-bar__container div.bloter-gnb-family{
    height: 40px;
    border-bottom: 1px solid #e7e7e7; 
    text-align: center;
}
.network-bar__container div.bloter-gnb-family ul{
    vertical-align: middle;
    display: inline-block;
    margin: 7.5px auto;
    padding: 0px;
    
}
.network-bar__container div.bloter-gnb-family ul li{
    list-style: none;
    float: left;
}
.network-bar__container div.bloter-gnb-family ul li a{
    color: #7785aa;
    font-weight: 500; /*bold*/
    text-decoration: none;
    font-size: 13px;
}
.network-bar__container div.bloter-gnb-family ul li a:after {
    content: "|";
    margin: 0 20px;
    color: #c9cedd;
    opacity: 0.7;
    font-size: 13px;
}
.network-bar__container div.bloter-gnb-family ul li:last-child a:after{
    display: none;
}

.built-in-menu--trigger{
	-webkit-transition:background-color 0.3s; 
	-moz-transition:background-color 0.3s;
	-o-transition:background-color 0.3s;
	transition:background-color 0.3s;
}

.built-in-menu--trigger:hover{
	background-color:#222;
}


/* ABOUT */
.network-menu--about{
	float:left;
}

.network-menu--about .built-in-menu--trigger{
	width:150px;
	border-right:1px solid #000;
}

.network-menu--about .built-in-menu--items{
	top: calc(100% - 1px);
	left:0;
	right:auto;
	width:150px;
}

/* FAMILY */
.network-menu--family{
	float:right;
	width:50%;
}

.network-menu--family .built-in-menu--trigger{
	border-left:1px solid #000;
}

.network-menu--family .built-in-menu--items{
	left:0;
	width:100%;
}

.network-menu--family .built-in-menu--trigger-action{
	text-align:center;
}

/* inline */
.network-menu--family.inline-menu__wrapper{
	float:right;
}

.network-menu--family .inline-menu--trigger{
	width:180px;
	border-left:1px solid #000;
}

.network-menu--family .inline-menu--trigger-action{
	text-decoration: none;
    color: #fff;
    display: block;
    font-size: 0.875rem;
    height: 32px;
    line-height: 32px;
    padding: 0px 28px 0px 12px;
}

.network-menu--family .inline-menu--items{
	position:absolute;
}




.inline-navigation__container{
	margin:0px;
	padding:0px;
	list-style: none;
}

.inline-navigation__container:after{
	content:'';
	display:table;
	clear:both;
}

.inline-navigation__container li{
	float:left;
	padding:0px 10px;
}

.inline-navigation__container li a{
	text-decoration:none;
	color:#fff;
}

.inline-navigation__container li a:hover{
	text-decoration:underline;
}






.network-family--items.inline-navigation__container li .network-family--item__wrapper a{
	color:#333;
}

.network-family--items.inline-navigation__container li .network-family--item__wrapper a.color--udemy{
	color:#17aa1c;
}

.network-family--items.inline-navigation__container li .network-family--item__wrapper a.color--make .prefix{
    color:#df010e;
}

.network-family--items.inline-navigation__container li .network-family--item__wrapper a.color--make .location{
    color:#01a3eb;
}





/* MAGAZINE */
.network-menu--magazine{
	float:left;
	width:50%;
}



/* Netwrok Logo Bar */
.network-logo-bar__container{
    max-width: 1110px;
    margin: 0 auto;
    padding: 0 15px;
    box-shadow: 0px 1px 1px rgba(0,0,0, 0.3);
    text-align: center;
}

.network-logo-bar__wrapper{
    margin: 0px -15px 0px -15px;
    position: relative;
    text-align: center;
}

.network-logo__wrapper, .network-ad__wrapper{
    padding: 12px 0px;
}
.network-logo__wrapper-m, .network-ad__wrapper{
    padding: 12px 0px;
}

.network-logo__wrapper{
	display:inline-block;	
    /* float: left; */
}
.network-logo__wrapper-m{  
    display:inline-block;  
}

.network-logo__wrapper .image{
	height:42px;
	width:auto;
}
.network-logo__wrapper-m .image{
    height:42px;
    width:auto;
}
.network-logo__wrapper.fix-size .image{
	height:36px;
}
.network-logo__wrapper-m.fix-size .image{
    height:36px;
}

.network-ad__wrapper{
	position: absolute;
	top: 0;
}

.network-ad__wrapper a {
    min-width: 156px;
    background-color: #e7e7e7;
}

.network-ad__wrapper.network-ad--left{
    position: absolute;
    left: 0;
}

.network-ad__wrapper.network-ad--right{
    position: absolute;
	right: 0;
}

.plus-ad__wrapper{
	width:234px;
	height:60px;
	background-color:#eee;
}




/* Divider */
.network-divider__container{
	position:relative;
	z-index:900;
	background-color: #fff;
}

.network-loader{
	max-width:1140px;
	margin:0 auto;
	border:1px solid #0088CC;
	position: relative;
    z-index: 500;
}










/** ------------------------------ **/
/**
 * 	MOBILE
 * 	- Global Navigation
 */
 .global-navigation__container{
     position:relative;
     height:60px;
     background-color:#fff;
     z-index:200;

     /* border-bottom: 1px solid #d1d1d1; */

     -webkit-transition:background-color 0.3s; 
     -moz-transition:background-color 0.3s;
     -o-transition:background-color 0.3s;
     transition:background-color 0.3s;
 }

 .fixed-header .global-navigation__container{
   border-bottom: 1px solid #d1d1d1;
}

.fixed-header .global-navigation__container.is-focused{
	background-color: #fff;
	border-color: #fff;
}

.global-navigation__wrapper{
	max-width:1080px;
	margin:0 auto;
	position:relative;
	box-shadow:0px 1px 1px -1px rgba(0,0,0,0.5);
	/* border-bottom: 1px solid #d1d1d1; */
	overflow:hidden;
}

.fixed-header .global-navigation__wrapper{
	border-color:transparent;
}

.global-navigation__container.is-focused .global-navigation__wrapper{
	border-color:#6692A9;
}

.fixed-header .global-navigation__container.is-focused .global-navigation__wrapper{
	border-bottom:0px;
}


/* Search Wrapper */
.global-navigation--search__wrapper{
	
}

.search-action{
	padding:0px;
	height:30px;
	cursor:default;
	display:block;
	
	-webkit-transition:background-color 0.3s, color 0.3s; 
	-moz-transition:background-color 0.3s, color 0.3s;
	-o-transition:background-color 0.3s, color 0.3s;
	transition:background-color 0.3s, color 0.3s;
	
	background-color:rgba(255,255,255, 0);
	z-index:1;
}

.search-action .mdl-textfield__expandable-holder{
	position:relative;
}

.search-action.is-focused{
	z-index: 15;
	border-bottom: 1px solid #d1d1d1;
	
	/*
    background-color: #6692A9;
    color: #fff;
    */

    background-color: #fff;
    color:#0088CC;
}

.search-action.is-dirty .mdl-textfield__expandable-holder{
	color:transparent;
	z-index: 1;
}

.search-action.is-dirty.is-focused .mdl-textfield__expandable-holder{
	color:#333;
}

.search-action.is-dirty .mdl-textfield__input{
	border-color:transparent;
	z-index: 1;
}

.search-action.is-dirty.is-focused .mdl-textfield__input{
	border-color:1px solid rgba(0,0,0,.12);
}


.search-action--form{
	width:100%;
	height:100%;
}


.search-action label.mdl-button{
	position:absolute;
	
	width:60px;
	height:60px;
	
	top:50%;
	
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    border-right:1px solid #e2e2e2;
    border-radius: 0px;

    -webkit-transition:border-color 0.3s, color 0.3s; 
    -moz-transition:border-color 0.3s, color 0.3s;
    -o-transition:border-color 0.3s, color 0.3s;
    transition:border-color 0.3s, color 0.3s;

    background-color:#118ACB;
    color:#fff;
}

.search-action label.mdl-button:active, .search-action label.mdl-button:hover{
	/* background-color:transparent; */
}

.search-action.is-focused label.mdl-button{
	/* border-color:transparent; */
}


.search-action .mdl-textfield__expandable-holder{
	position:absolute;
	left:60px;
	right:15px;
	
	top:50%;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    
    margin:0px;
}

.search-action.is-focused .mdl-textfield__input{
	padding:8px 15px;
	border-radius:20px;
	background-color:#fff;
	color:rgba(0,0,0,0.8);
	border:1px solid rgb(151, 159, 177);
}


/* Menus Container */
.global-navigation--menus__container{
	margin:0px 0px 0px 60px;
}

.global-navigation--menus__container:after{
	content:'';
	display:table;
	clear:both;
}


.global-navigation--logo__wrapper{
	padding:0px 15px;
	float:left;
	position:relative;
	z-index: 1;
}

.global-navigation--logo__wrapper .picture{
	height:60px;
	line-height:60px;
}

.global-navigation--logo__wrapper .picture img{
	width:auto;
	height:35px;
}


/* Menus Wrapper */
.global-navigation--menus__wrapper{
	overflow: hidden;
	z-index: 1;
	position: relative;
	height:36px;
}


.global-navigation--menu__wrapper{
	display:inline-block;
	line-height:1;
	
	white-space: nowrap;
    overflow: hidden;
    height: 36px;
    /*width: 500%;*/
}

.global-navigation--menu__wrapper ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

.global-navigation--menu__wrapper .global-navigation--menu-item__wrapper{
	float:left;
	position:relative;
}

.global-navigation--menu__wrapper .global-navigation--menu-item__wrapper[data-node-id="more"]{
	background-color:#0088cc;
}

.global-navigation--menu__wrapper .global-navigation--menu-item__wrapper[data-node-id="more"]:after{
	border-top-color:#fff !important;
}

.global-navigation--menu__wrapper .global-navigation--menu-item__wrapper[data-node-id="more"] a{
	color:#fff;
}

.global-navigation--menu__wrapper .global-navigation--menu-item__wrapper[data-node-id="more"]:hover{
	background-color:rgb(51, 157, 214);
}

.global-navigation--menu__wrapper .global-navigation--menu-item__wrapper[data-node-id="more"]:hover a{
	color:#fff;
}


.global-navigation--menu__wrapper .global-navigation--menu-item__wrapper a{
	display:block;
	text-decoration:none;
	color:#333;
	height:36px;
	line-height:36px;
	padding:0px 35px 0px 15px;
	font-size:0.875rem;
	font-weight:normal;
}

.global-navigation--menu__wrapper .global-navigation--menu-item__wrapper[data-node-id="more"]:hover a{
	color:#fff;
}

.global-navigation--menu__wrapper .global-navigation--menu-item__wrapper:not(.no-dropdown):after{
	content: " ";
	margin: 2px 0 0 0.5rem;
	padding: 0;
	border: 0.4rem solid transparent;
	border-top-color: #000;
	position: absolute;
	top: 50%;
	right: 1rem;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.global-navigation--menu__wrapper .global-navigation--menu-item__wrapper.no-dropdown a{
	padding:0px 15px;
}


.global-navigation--menu__wrapper .global-navigation--menu-item__wrapper.network-family--menu{
	display:none;
}

.fixed-header .global-navigation--menu__wrapper .global-navigation--menu-item__wrapper.network-family--menu{
	display:block;
}







/* Drawer */
.global-drawer{
	position:absolute;
	/*right:0;*/
    left: 0;
    top:0;
    z-index: 1;
}
.global-drawer--button{
	width:60px;
	height:60px;
	border:0px;
	outline:none;
	border-left:1px solid #e2e2e2;
	border-radius:0px;
}
.global-drawer--button, .global-drawer--button:hover{
	background-color: transparent;
}
.mobile-search-drawer{
    position:absolute;
    /*left:0;*/
    right: 0;
    top:0;
    z-index: 1;
}
.mobile-search-drawer--button{
    width:60px;
    height:60px;
    border:0px;
    outline:none;
    border-radius:0px;
    
    background-color: #fff;
    color: black;
}
.mobile-search-bar{
    display: none;
}
.mobile-search-bar.drawer--open{
    display: block;
}
#mobile-search-bar{
    position: absolute;
    left: 0;
    right: 0;
    padding: 8px;   
    background-color: #474747;
}

#mobile-search-bar input{
    width: 100%;
    border: 1px solid #5e849d;
    padding: 6px 8px;
    border-radius: 3px;
}



/* Groups */
.global-navigation--groups__container{	
	background-color:#fff;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    
    /*min-height: 16.625rem;*/    
    /* border-bottom: 1px solid #d1d1d1; */
    /*top:-16.625rem;*/

    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    -moz-transition: -moz-transform 0.2s ease-in-out;
    -o-transition: -o-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    
    z-index: 5;    
}


.global-navigation--groups__container.shown{
	display:block;
	margin-top:0px;
	/* box-shadow: 0px 0px 2px rgba(0,0,0,0.35); */
	
	-webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.fixed-header .global-navigation--groups__container.shown{
	margin-top:-1px;
}

.navigation--group__container{
	padding:1rem;
	border-top: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	
	/*min-height: 16.625rem;*/
}

.sub-navigation--type .navigation--group__container{
	padding:0px;
	position:relative;
}

.global-navigation--groups__wrapper{
	display:none;
}

.global-navigation--groups__wrapper.shown{
	display:block;
}

.navigation--group-inner-article .article--header{
	margin-bottom:5px;
	
	-webkit-transition: opacity .35s;
	-moz-transition: opacity .35s;
	-o-transition: opacity .35s;
	-ms-transition: opacity .35s;
	transition: opacity .35s;
}

.navigation--group-inner-article .article--header:hover{
	opacity: 0.8;
}

.navigation--group-inner-article .article--header .figure{
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #000;
	background-image: url(../images/circles.svg);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.navigation--group-inner-article .article--title{
	margin:0px;
	font-size:1.05rem;
	line-height:1.3;
}

.navigation--group-inner-article .article--title a{
	text-decoration:none;
	color:rgba(0,0,0,0.8);
}




/**
 * 	MOBILE
 * 	- Denim
 */
 .denim__wrapper{
     width: 100%;
     margin: 0 auto;
     padding: 0;
     position: relative;
     min-height: 25rem;
     left: 0;
     -webkit-transition: left 0.2s ease-in-out 0s;
     -moz-transition: left 0.2s ease-in-out 0s;
     -o-transition: left 0.2s ease-in-out 0s;
     transition: left 0.2s ease-in-out 0s;
 }

 /** ------------------------------ **/
/**
 * 	MOBILE
 * 	- Drawer
 */
 .global-drawer__container{
     position:fixed;	
     width:13rem;
     height:100%;
     background-color:#424242;
     overflow-y:auto;
     top:0;
     right:100%;

     z-index:10000;

     -webkit-transition: all 0.2s ease-in-out 0s;
     -moz-transition: all 0.2s ease-in-out 0s;
     -o-transition: all 0.2s ease-in-out 0s;
     transition: all 0.2s ease-in-out 0s;


 }

 .admin-bar .global-drawer__container{
   top:35px;
}

.admin-bar .fixed-header .global-drawer__container{
	top:0px;
}

.global-drawer--closer{
	display:none;
}



.drawer--header-logo__container{
	height:52px;
	background-color: #474747;
	box-shadow: 0px 0px 2px rgba(25,25,255,0.4);
}

.drawer--header-logo__wrapper{
	text-align:center;
	/*margin-left:60px;*/
	padding:10px 0px;
	width:calc(100% - 60px);
}

.drawer--header-logo__wrapper img{
	width:auto;
	height:32px;
	display:inline-block;
}



.drawer--open .global-drawer__container{
	display:block;
	-moz-transform: translateX(+13rem);
    -ms-transform: translateX(+13rem);
    -webkit-transform: translateX(+13rem);
    transform: translateX(+13rem);
}

.drawer--open .global-drawer--closer{
	position: absolute;
	top:0;
	left:0;
	width: 60px;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.34);
    display: block;
}

.drawer--open .global-drawer--closer i{
	position:absolute;
	left:50%;
	top:50%;
	color:#fff;
	
	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size:2.5rem;
}


.denim--header__container,
.network-bar__container,
.denim__wrapper{
	-webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.drawer--open .denim--header__container{
	-moz-transform: translateX(+13rem);
    -ms-transform: translateX(+13rem);
    -webkit-transform: translateX(+13rem);
    transform: translateX(-13rem);
}

.drawer--open .network-bar__container{
	-moz-transform: translateX(+13rem);
    -ms-transform: translateX(+13rem);
    -webkit-transform: translateX(+13rem);
    transform: translateX(+13rem);
}

.drawer--open .denim__wrapper{
	-moz-transform: translateX(+13rem);
    -ms-transform: translateX(+13rem);
    -webkit-transform: translateX(+13rem);
    transform: translateX(+13rem);
}










.drawer--open .global-underlay{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	
	z-index:9999;
	background-color:rgba(0,0,0,0.8);
}




.drawer--body{
	color:#474747;
	/*padding:30px 0px 100px;*/
}

.drawer--body ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

.drawer--body ul li{
	margin:0px;
	padding:0 0 0 8px;
}


.drawer--body .primary-navigation__wrapper{
    display:block;
    padding:10px 0px 10px 20px;
    border-bottom: 1px solid #2E2E2E;
    background-color: #2E2E2E;
}
.drawer--body .primary-navigation__wrapper li {
    margin : 10px 0;   
    font-size: 13px;
}
.drawer--body .primary-navigation__wrapper li a{
    color:#d3d3d3;
    text-decoration:none;    
    font-weight: 600;
}

.drawer--body .drawer-family-menu{
    display:block;
    background-color: #424242;
}
.drawer--body .drawer-family-menu li {
    border-bottom: 1px solid #2E2E2E;   
    padding: 8px 0px 8px 15px; 
    font-size: 12px;
}
.drawer--body .drawer-family-menu li a{
    color:#999;
    text-decoration:none; 
    font-weight: 600;
}
.drawer--body .drawer-family-menu li i{
    color:#999;
    float: right;
    padding-right: 10px;
    line-height: 24px;
    font-size: 20px;

}
.drawer--body .drawer-footer{
    text-align: center;
    background-color: #424242;
    width: 100%;
    height: 100%;
    padding: 15px 0;

}
.drawer--body .drawer-footer a{
    color:#999;
    text-decoration:none;
    font-size : 9px; 
    padding: 2px;
    font-weight: 600;
}
.drawer--body .drawer-footer span{
    color:#999;
    text-decoration:none;
    font-size : 9px; 
    padding: 2px;
}


.drawer--body .sub-navigation__container{
	display:none;
}

.drawer--body .sub-navigation__container li a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:15px 0px 15px 50px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.drawer--body .sub-navigation__container li:first-child a{
	border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.drawer--body .social-links__wrapper{
	padding:0px 25px;
	margin-bottom:15px;
}

.drawer--body .social-links__wrapper .denim-widget--social-icon{
	width:46px;
	height:46px;
	margin-left:10px;
	margin-bottom:5px;
}

.drawer--body .social-links__wrapper .denim-widget--social-icon img{
	width:46px;
	height:46px;
}


.primary-navigation--name{
	padding:15px 25px;
	position:relative;
}

.primary-navigation--name i{
	display:block;
	position:absolute;
	width:24px;
	height:24px;
	right:25px;
	top:50%;
	
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*
.primary-navigation--name:after{
	content: "\f347";
	display:block;
	font-family: dashicons;
	
	position:absolute;
	width:24px;
	height:24px;
	right:25px;
	top:50%;
	
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
*/


.drawer--body .primary-navigation__wrapper.opened .primary-navigation--name{
	background-color:#2673B5;
}

.drawer--body .primary-navigation__wrapper.opened .sub-navigation__container{
	display:block;
}















/**
 * 	MOBILE
 * 	- Common Style
 */
 body.denim{
     /* padding-top:60px; */
     /*padding-bottom:60px;*/
 }

 body.denim.admin-bar{
    position: inherit !important;
}


.site-global__wrapper{
	position:relative;
}







/**
 * 	MOBILE
 * 	- Layout Pannel
 */
 .denim-layout--pannel__container{
     display:flex;
     justify-content: space-around;
     align-items: stretch;
 }


 .denim-layout--pannel.denim-layout--with-sidebar{
   width:100%;
   /*display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: stretch;*/
}

.denim-layout--sidebar{
	width:325px;
	-webkit-flex: 0 0 325px;
    -ms-flex: 0 0 325px; 
    flex:0 0 325px;
    max-width:325px;

    padding-right:25px;
    position: relative;
}

.denim-layout--sidebar.sidebar-direcion--right{
	padding-right:0px;
	padding-left:25px;
}






















/**
 * 	MOBILE
 * 	- Global Navigation
 */


 .fixed-header .denim--header__container{
     position:fixed;
     top:0;
     width:100%;
 }



/**
 * 	MOBILE
 * 	- Network Footer
 */
 .network-footer__wrapper{
     background-color:#474747;
     padding:14px 0px;
 }




 .enable-animation .denim--footer__container{
   -webkit-animation: network-footer-hide .2s ease-in;
   -moz-animation: network-footer-hide .2s ease-in;
   -ms-animation: network-footer-hide .2s ease-in;
   -o-animation: network-footer-hide .2s ease-in;
   animation: network-footer-hide .2s ease-in;
   -webkit-animation-fill-mode: forwards;
   -moz-animation-fill-mode: forwards;
   -o-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
   
   z-index:10000;
}

.relative-footer .denim--footer__container{
	position:relative;
	opacity: 1;
	
	-webkit-animation: network-footer-show .2s ease-out;
    -moz-animation: network-footer-show .2s ease-out;
    -ms-animation: network-footer-show .2s ease-out;
    -o-animation: network-footer-show .2s ease-out;
    animation: network-footer-show .2s ease-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    
    z-index:10000;
}


.enable-animation.fixed-footer .denim--footer__container{
	position:fixed;
	bottom:0;
	width:100%;
	opacity: 0;
	
	-webkit-animation: network-footer-show .2s ease-out;
    -moz-animation: network-footer-show .2s ease-out;
    -ms-animation: network-footer-show .2s ease-out;
    -o-animation: network-footer-show .2s ease-out;
    animation: network-footer-show .2s ease-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.enable-animation.fixed-footer.slide--down .denim--footer__container{
	/*
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	
	height: 0px;
	z-index:300;
	overflow:none;
	*/
	
	-webkit-animation: network-footer-hide .2s ease-in;
    -moz-animation: network-footer-hide .2s ease-in;
    -ms-animation: network-footer-hide .2s ease-in;
    -o-animation: network-footer-hide .2s ease-in;
    animation: network-footer-hide .2s ease-in;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    
    /*z-index:-100;*/
    /*opacity:0;*/
    /*overflow:hidden;*/

    opacity: 1;
}

.enable-animation.fixed-footer.slide--up .denim--footer__container{
	/*
	 height: 48px;
    
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	*/
	
	-webkit-animation: network-footer-show .2s ease-out;
    -moz-animation: network-footer-show .2s ease-out;
    -ms-animation: network-footer-show .2s ease-out;
    -o-animation: network-footer-show .2s ease-out;
    animation: network-footer-show .2s ease-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    
    /*z-index: 600;*/
    
}


























.denim-global-navigation{
	height:60px;
}
















.denim--header__container{
	
}


.primary-menu-container{
    max-width: 1080px;
    margin: 0 auto;
}





/**
 * 	MOBILE
 * 	- Mast Head
 */
 .masthead{
     z-index: 700;
     background-color:#fff;
     position:relative;
     position: fixed;
     top:0;
     left:0;
     right:0;
 }

 body.denim.admin-bar .masthead{
   top:46px;
}

.masthead.float{
	
}

.masthead--logo__wrapper,
.masthead--action__wrapper,
.search-action{
	height:60px;
}

.masthead--logo__wrapper{
	position:relative;
	border-bottom:1px solid #e2e2e2;
}

.masthead--logo{
	max-height:45px;
	width:auto;
	position:absolute;
	top:50%;
	left:50%;
	
	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

    z-index: 10;
}

.masthead--logo a{
	display:block;
}

.masthead--logo .image{
	padding:7px 0px;
	height:45px;
	width: auto;
}
























.masthead--logo__wrapper{
	position:relative;
	height:60px;
	border-bottom:1px solid #e2e2e2;
}


















/**
 * 	- Mast Head Menu Action
 */




/**
 * 	Global Navigation - Hamburger
 */
 .global-navigation{
	/*
	position:fixed;
	top:15px;
	width:100%;
	*/
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:auto;
	
}

.admin-bar .global-navigation{
	top:60px;
}

.global-navigation.no-animation{
	animation: none;
    -webkit-animation: none;
    display: none;
}

.global-navigation.enable-animation{	
	background-color:#fff;
	border-bottom: 1px solid #e2e2e2;
	
	-webkit-animation: global-navigation-hide-mobile .2s ease-in;
    -moz-animation: global-navigation-hide-mobile .2s ease-in;
    -ms-animation: global-navigation-hide-mobile .2s ease-in;
    -o-animation: global-navigation-hide-mobile .2s ease-in;
    animation: global-navigation-hide-mobile .2s ease-in;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    
    z-index:-100;
    opacity:0;
    overflow:hidden;
}

.global-navigation.enable-animation.show{
	-webkit-animation: global-navigation-show-mobile .2s ease-out;
    -moz-animation: global-navigation-show-mobile .2s ease-out;
    -ms-animation: global-navigation-show-mobile .2s ease-out;
    -o-animation: global-navigation-show-mobile .2s ease-out;
    animation: global-navigation-show-mobile .2s ease-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    z-index:600;
}

.global-navigation--underlay.no-animation{
	animation: none;
    -webkit-animation: none;
    display: none;
}

.global-navigation--underlay.enable-animation{
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    
    z-index: -100;
    -webkit-animation: global-navigation-underlay-hide-mobile .2s ease-in;
    -moz-animation: global-navigation-underlay-hide-mobile .2s ease-in;
    -ms-animation: global-navigation-underlay-hide-mobile .2s ease-in;
    -o-animation: global-navigation-underlay-hide-mobile .2s ease-in;
    animation: global-navigation-underlay-hide-mobile .2s ease-in;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

}

.global-navigation--underlay.enable-animation.show{
	display:block;
	opacity:0.7;
	z-index: 500;
	background-color: #000;
	
	-webkit-animation: global-navigation-underlay-show-mobile .2s ease-in;
    -moz-animation: global-navigation-underlay-show-mobile .2s ease-in;
    -ms-animation: global-navigation-underlay-show-mobile .2s ease-in;
    -o-animation: global-navigation-underlay-show-mobile .2s ease-in;
    animation: global-navigation-underlay-show-mobile .2s ease-in;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

/*
.global-navigation--menu__wrapper{
	max-width:280px;
	margin:30px auto 10px auto;
}
*/
.global-navigation--menu__wrapper:after{
	content:'';
	display:table;
	clear:both;
}

.menu-lower{
	margin:0px;
	padding:0px;
	list-style:none;
}

.menu-lower:after{
	content:'';
	display:table;
	clear:both;
}


/*.menu-item{
	float:left;
	width:33.333333333%;
    }*/

    .menu-item__wrapper{
     padding:10px 6px;
     text-align:center;
     display:block;
     text-decoration:none;
     color:#333;
 }

 .menu-item__wrapper i{
     display: block;
     font-size: 1.5rem;
     border-radius: 3px;
     border: 1px solid #ccc;
     width: 50px;
     height: 50px;
     line-height: 50px;
     margin: 0px auto 4px;
     background-color:#000;
     color:#fff;
 }

 .menu-item__wrapper .menu-item--title{
     line-height: 1.2;
     display: inline-block;
     min-height: 32px;
     position: relative;
     vertical-align: top;
     color: #666;
     font-weight: bold;
 }





 .menu-container{
    padding: 6px 0px;
    border-top: 3px solid #5e849d;
    border-bottom: 1px solid #979faf;
}

.menu-container ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    line-height: 33px;    
}

.menu-container ul:after {
  content: "";
  display: table;
  clear: both;
}

.menu-container ul li{
    display: inline-block;
    padding: 0 2.4% 0 2.4%;
    text-align: center;
    /*font-family: "Nanum Square";*/
}


.menu-container .current-menu-item .menu-item-wrapper a{
    font-weight: bold;
}
.menu-container .current-menu-item.current_page_item .menu-item-wrapper a{
    font-weight: bold;
}

.menu-container .current-post-ancestor.current-menu-parent.current-post-parent .menu-item-wrapper a{
    font-weight: bold;
}



.menu-container ul li:last-child{
    display: inline-block;
    float: right;
    vertical-align: middle;
    padding: 0;
    padding-right: 2%;
    height: 33px;
}

.menu-container ul li .menu-item-wrapper a,
.menu-container.primary-menu-container ul li.menu-item a {
    text-decoration: none;
    color: #494949;
    font-weight: 500;
    /*font-family: "Nanum Square";*/
    font-size: 15px; /*15px 1rem*/
}


.menu-container ul li .menu-item-wrapper a:hover{
    color: #333;
    font-weight: bold;
}

.menu-container ul li .menu-item-wrapper a.color--udemy{
    color:#17aa1c;
}

.menu-container ul li .menu-item-wrapper a.color--make .prefix{
    color:#df010e;
}

.menu-container ul li .menu-item-wrapper a.color--make .location{
    color:#01a3eb;
}


#search-action--input{
    padding: 6px 8px;
    border: 1px solid #999;
    border-radius: 15px;
    height: 32px;
    width: 220px;
}

#search-action--input, #search-action--input:focus{
    outline: none;
}

.mobile-search{
    height: 60px;
    position: absolute;
    left: 0;
}













/**
 * 	Absolute Full Fill Anchor tag
 */
 .absolute-full-fill{
     position:absolute;
     top:0;
     right:0;
     bottom:0;
     left:0;
     z-index: 1;
 }


/**
 * 	Aspect Ratio Box
 */
 .aspect-ratio--box{
     margin:0px;
     position:relative;
     display:block;
     overflow:hidden;	
 }

 .aspect-ratio--box:before{
   content:'';
   display:block;
   padding-top:56.25%;
}


.aspect-ratio--box.ratio-4-3:before{
	padding-top:75%;
}

.aspect-ratio--box.ratio-1-1:before{
	padding-top:100%;
}

.aspect-ratio--box.ratio-conference:before{
	padding-top:83.3333333%;
}

.aspect-ratio--box-inner{
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
}


/**
 * 	Figure Responsive Layout
 * 	- 16:9, 4:3, 1:1
 */
 figure, figure.figure, .figure{
     margin:0px;
 }

 figure.responsive-layout,
 figure.figure.responsive-layout,
 .figure.responsive-layout{
   position:relative;
   display:block;
   overflow:hidden;
   box-shadow:0px 0px 1px rgba(0,0,0,0.15);
}

figure.responsive-layout:before,
figure.figure.responsive-layout:before,
.figure.responsive-layout:before{
	content:'';
	display:block;
	padding-top:56.25%;
}

figure.responsive-layout.ratio-45:before,
figure.figure.responsive-layout.ratio-45:before,
.figure.responsive-layout.ratio-45:before{
	padding-top:45%;
}

figure.responsive-layout.ratio-4-3:before,
figure.figure.responsive-layout.ratio-4-3:before,
.figure.responsive-layout.ratio-4-3:before{
	padding-top:75%;
}

figure.responsive-layout.ratio-1-1:before,
figure.figure.responsive-layout.ratio-1-1:before,
.figure.responsive-layout.ratio-1-1:before{
	padding-top:100%;
}

figure.responsive-layout.ratio-conference:before,
figure.figure.responsive-layout.ratio-conference:before,
.figure.responsive-layout.ratio-conference:before{
	padding-top:83.33333333%;
}


figure.responsive-layout picture,
figure.responsive-layout picture.picture,
figure.responsive-layout .picture,
figure.figure.responsive-layout picture,
figure.figure.responsive-layout picture.picture,
figure.figure.responsive-layout .picture,
.figure.responsive-layout picture,
.figure.responsive-layout picture.picture,
.figure.responsive-layout .picture{
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-color:#222;
	background-image: url(../images/circles.svg);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

figure.responsive-layout picture.png,
figure.responsive-layout picture.picture.png,
figure.responsive-layout .picture.png,
figure.figure.responsive-layout picture.png,
figure.figure.responsive-layout picture.picture.png,
figure.figure.responsive-layout .picture.png,
.figure.responsive-layout picture.png,
.figure.responsive-layout picture.picture.png,
.figure.responsive-layout .picture.png{
	background-color:#fff;
	background-image: none;
}


figure.responsive-layout picture img,
figure.responsive-layout picture img.image,
figure.responsive-layout picture .image,
figure.responsive-layout picture img,
figure.responsive-layout picture.picture img.image,
figure.responsive-layout .picture .image,
figure.figure.responsive-layout picture img,
figure.figure.responsive-layout picture img.image,
figure.figure.responsive-layout picture .image,
figure.figure.responsive-layout picture img,
figure.figure.responsive-layout picture.picture img.image,
figure.figure.responsive-layout .picture .image,
.figure.responsive-layout picture img,
.figure.responsive-layout picture img.image,
.figure.responsive-layout picture .image,
.figure.responsive-layout picture img,
.figure.responsive-layout picture.picture img.image,
.figure.responsive-layout .picture .image{
	position: absolute;
    top: -200px;
    left: -200px;
    bottom: -200px;
    right: -200px;
    margin: auto;
    width: auto;
    height: auto;
    max-height: 100%;
    min-width: 100%;
}






/**
 * 	이미지를 배경으로 사용하는 박스
 *	The article box using an picture as a background.
 */
 .article-box{

 }

 .article-box.background-picture{
     position:relative;
 }

 .article-box.background-picture:before{
   position: absolute;
   display: block;
   content: '';
   background-image: -webkit-gradient(linear,left top,left bottom,color-stop(5%,transparent),to(#000));
   background-image: linear-gradient(to bottom,transparent 5%,#000);
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   z-index: 1;
}

.article-box.background-picture .article-box-category__container{
  position:absolute;
  top:0;
  left:0;
  z-index: 1;
}
/* default */
.article-box.background-picture .article-box-category{
   line-height:1.4;
   margin:15px 0px 0px 15px;
   padding:5px 12px;
   background-color:#1268B3;
   color:#fff;
   font-size:0.925rem;
}

.article-box.background-picture .article-box-content__container{
  position:absolute;
  bottom:0;
  width:100%;
  z-index: 1;
}
/* default */
.article-box-content{
   padding:15px;
   color:#fff;
}


.article-box-title{
	font-size:1.2rem;
	margin:0px 0px 12px;
}

.article-box-title a{
	color:#fff;
	text-decoration:none;
}

.article-box-meta__container{
	font-size:0.825rem;
}

.article-box-meta__container:after{
	content:'';
	display:table;
	clear:both;
}

.article-box-meta__container .meta-item{
  float:left;
  line-height:1;
  padding:0px 10px;
  border-right:1px solid #e2e2e2;
}

.article-box-meta__container .meta-item:first-child{
  padding-left:0px;
}

.article-box-meta__container .meta-item:last-child{
  padding-right:0px;
  border:0px;
}

.article-box-meta--author{
  text-decoration: none;
  line-height:inherit;
  color:inherit;
}

.article-box-meta--publish{
  display:inline-block;
  line-height:inherit;
}





/**
 * 	MOBILE
 * 	- Article List > New
 */
 .general-article{
     padding:25px 0px;
     border-bottom: 1px solid #e2e2e2;
     overflow: hidden;
     background-color: #F9F9F9;
     cursor:pointer;
 }

 .general-article--header{
   margin-bottom:12px;
}

.general-article--kicker{
	font-size:0.825rem;
	margin:0px;
	line-height:1.1;
	color:#118ACB;
	font-weight: bold;
}

.general-article--title{
	font-size:1.5rem;
	margin:0px auto 10px;
}

.general-article--title a{
	text-decoration: none;
	color:#333;
	line-height:1.3;
}

.general-article--content a.absolute-fill{
	text-decoration:none;
}

.general-article--title,
.general-article--summary,
.general-article--thumbnail__wrapper{
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.general-article--content__wrapper{
	padding:8px 0px;
}

.general-article--thumbnail__wrapper{
	position:relative;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-color:rgba(0, 0, 0, 0.6);
	background-image: url(../images/circles.svg);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    overflow:hidden;
}

.general-article--content{
	margin-right:0px;
	padding-left:24px;
	min-height:160px;
}

.general-article--summary{
	font-size:1rem;
	line-height:1.5;
	margin-top:0px;
	color: #555;
}

.general-article--meta{
	font-size: 13px;
    color: #a1a1a1;
    line-height: 18px;
}

.general-article--meta:after{
	content:"";
	display:table;
	clear:both;
}

.general-article--meta .meta-item{
	float:left;
	border-right:1px solid #e2e2e2;
	padding:0px 10px;
}

.general-article--meta .meta-item:first-child{
	padding-left:0px;
}

.general-article--meta .meta-item:last-child{
	padding-right:0px;
	border-right:0px;
}

.general-article--meta .meta-item a.author{
	color: #a1a1a1;
	text-decoration:none;
	border-bottom:1px dotted transparent;
}

.general-article--meta .meta-item a.author:hover{
	border-color:#a1a1a1;
}



/**
 * 	MOBILE
 * 	- Article List > Old
 */
 .recent-news-article{
     padding:25px 0px;
     border-bottom: 1px solid #e2e2e2;
     overflow: hidden;
     background-color: #F9F9F9;
 }

 .recent-news-header{
   margin-bottom:12px;
}

.recent-news-category{
	font-size:0.825rem;
	margin:0px;
	line-height:1.1;
	color:#118ACB;
	font-weight: bold;
}

.recent-news-title{
	font-size:1.5rem;
	margin:0px auto 10px;
}

.recent-news-title a{
	text-decoration: none;
	color:#333;
	line-height:1.3;
}

.recent-news-content--wrapper{
	padding:8px 0px;
}

.recent-news-content--wrapper .recent-news-figure{
	margin-left:0px;
	background-color:#f2f2f2;
}

.recent-news-content--wrapper .recent-news-content{
	margin-right:0px;
	padding-left:24px;
}

.recent-news-summary__wrapper{
	display:block;
	text-decoration:none;
}

.recent-news-summary{
	font-size:1rem;
	line-height:1.5;
	margin-top:0px;
	color: #555;
}




.recent-news-meta{
	font-size: 13px;
    color: #a1a1a1;
    line-height: 18px;
}

.recent-news-meta:after{
	content:"";
	display:table;
	clear:both;
}

.recent-news-meta > div{
	float:left;
	border-right:1px solid #e2e2e2;
	padding:0px 10px;
}

.recent-news-meta > div:first-child{
	padding-left:0px;
}

.recent-news-meta > div:last-child{
	padding-right:0px;
	border-right:0px;
}

.recent-news-meta .byline a{
	color: #a1a1a1;
	text-decoration:none;
}

.recent-news-meta .byline a:hover{
	text-decoration:underline;
}

.recent-news-article .recent-news--thumbnail{
	margin:0px;
	position:relative;
	overflow:hidden;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
}

.recent-news-article .recent-news--thumbnail:before{
	content:"";
	display:block;
	padding-top:56.25%;
}

.recent-news-article .recent-news--thumbnail picture{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}


.recent-news-article .recent-news--thumbnail picture img{
	position: absolute;
    top: -200px;
    left: -200px;
    bottom: -200px;
    right: -200px;
    margin: auto;
    width: auto;
    height: auto;
    max-height: 100%;
    min-width: 100%;
}










/**
 * 	MOBILE
 * 	- Ad(fixed size) > Sidebar
 */
 .ad--sidebar__wrapper{
     width:300px;
     position:relative;
     background-color:#DEDEDE;
     box-shadow:0px 0px 1px rgba(0,0,0, 0.3);
 }

 .ad--sidebar__wrapper.fixed-size{
   width:300px;
   height:250px;
}

.ad--sidebar{
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	display:block;
}

.ad-content{
	font-size:3rem;
	color:#333;
	
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
























/**
 * 	Test
 */
 .article-box--test{
     width:320px;
     background-color:#f00;
 }







 .sub-navigation--group__container{
   margin:0px;
   padding:0px;
   list-style:none;
   width:240px;
   
   min-height:calc(16.625rem - 1px);
   
   border-right:1px solid #ccc;
}

.sub-navigation--node__wrapper{
	border:1px solid transparent;
	border-right:0px;
	border-left:0px;
}


.sub-navigation--node-title{
	width:100%;
	
	text-decoration:none;
	color:#333;
	padding:9px 13px;
	display:block;
	font-size:14px;
	line-height:18px;
	
	border-left:6px solid #333;
}

.sub-navigation--node-title:hover{
	color:#222;
}

.sub-navigation--node-title.is-active{
	background-color:#E0E0E0;
}


.sub-navigation--contents__wrapper{
	left: 240px;
	
	display:none;
	
	background-color: #E0E0E0;
	
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    
    /* padding: 15px 10px; */
    min-height:16.625rem;
}

.sub-navigation--node__wrapper:first-child .sub-navigation--contents__wrapper{
	display:block;
}





.popover{
	max-width:276px;
	position:absolute;
}



















/**
 * 	Fixed Footer Tab Menu
 */
 .fixed-footer-tab-menu__wrapper{
     display:block;
     position:fixed;
     left:0;
     right:0;
     bottom:0;

     z-index:10;
     background-color: #fff;
     border-top: 1px solid #e2e2e2;
 }

 .fixed-footer-tab-menu{
   position:relative;
}

.fixed-footer-tab-menu:after{
	content:'';
	display:table;
	clear: both;
}

.tab-menu-item{
	display:block;
	float: left;
	text-decoration:none;
	color: #aaa;
    font-size: 0.725rem;
    line-height: 1.5;
    
    margin:6px 0px;
    text-align:center;

    width:25%;
}

.tab-menu-item:hover,
.tab-menu-item.current-menu-item{
	color:#1268B3;
}

.tab-menu-item i{
	display:block;
	margin-bottom:2px;
}

.fixed-footer-tab-menu.tab-1-cell .tab-menu-item{
	width:100%;
}

.fixed-footer-tab-menu.tab-2-cell .tab-menu-item{
	width:50%;
}

.fixed-footer-tab-menu.tab-3-cell .tab-menu-item{
	width:33.333333333333%;
}

.fixed-footer-tab-menu.tab-4-cell .tab-menu-item{
	width:25%;
}






/**
 * 	MOBILE
 * 	- Footer
 */
 .denim--footer__wrapper{
     background-color:#fff;
 }

 #footer{ font-size: 10pt; line-height:1.2;}
 #footer{
    background: #474747;
    padding: 30px 0;
    text-align: center;
    font-family: "나눔고딕", "NanumGothic", "Nanum Gothic", "맑은 고딕", "Malgun Gothic", "Georgia Pro", Arial!important;
}
#footer .wrap {
    margin: 0 auto;
    /* max-width: 740px; */
    font-size: 9pt;
    line-height: 20px;
}
#footer a {
    display: inline-block;
    text-decoration: none;
}
#footer span {
    color: #999;
}
#footer .footer_logo {
    padding-bottom: 10px;
}
#footer .footer_logo .bloter-ci--full-small-white {
    margin-bottom: 8px;
    width: 160px; /*before:165 */  
}
#footer .footer_logo-m .bloter-ci--full-small-white {
    margin-bottom: 8px;
    height: 30px; 
}

#footer .family_site ul{
    margin: 0;
}
#footer .family_site li{
    padding: 0 0;
    font-size: 9pt;
    line-height: 20px;
    list-style: none;
    display: inline;
}
#footer .family_site li a:after {
    content: "|";
    margin: 0 14px 0 16px;
    color: #999;
    opacity: 0.5;
}
#footer .family_site li:nth-child(5n):after {
    content: '\A'; 
    white-space:pre;
}
#footer .family_site li:nth-child(5n) a:after{
    content:    "";
}
#footer .family_site li:last-child a:after{
    content:    "";
}
#footer .family_site a {
    color: #999;
    margin: 0px 0px;
}

#footer .footer_menu {
    padding: 10px 0 7px 0;
    color: #e8e8e8;
    font-size: 9pt;
    line-height: 20px;
}
#footer .footer_menu a {
    color: #e8e8e8;
    margin: 0px 0px;
}
#footer .footer_menu li{
    padding: 10px 0;
    font-size: 9pt;
    line-height: 20px;
    list-style: none;
    display: inline-block;
}
#footer .footer_menu li a:after {
    content: "|";
    margin: 0 3px 0 5px;
    color: #e8e8e8;
    opacity: 0.5;
}
#footer .footer_menu li:last-child a:after{
    content:    "";
}


#footer .company_info {
    color: #aaa;
    font-size: 9pt;
    line-height: 20px;
    padding-top: 10px;
}
#footer .company_info a{
    margin: 0px 4px;
}
#footer .footer_copyright {
    color: #aaa;
    font-size: 9pt;
    line-height: 20px;
}


/*이전 푸터*/
/*.network-footer__wrapper{
	color:#fff;
}

.about__wrapper{
	display: flex;
	justify-content: space-around;
	align-items: stretch;
	flex-wrap: wrap;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom: 1px solid #eee;
	
	margin-right: 15px;
    margin-left: 15px;
}

.about-pannel__wrapper{
	width:50%;
}

.about-pannel__wrapper:after{
	content:'';
	display:table;
	clear:both;
}

.bloter-ci__wrapper{
	float:left;
	margin-right:15px;
}

.bloter-ci--full-small-white{
	height:28px;
	display:block;
	margin:0px;
    }*/


    .about-info__wrapper{
     overflow:hidden;
     padding:0px 10px 0px 15px;
     font-size:12px;
     border-left:1px solid #eee;
 }

 .about-info__wrapper *{
     font-family:"맑은 고딕", "Malgun Gothic", "돋움", Dotum, Arial;
 }

 .about-info__wrapper i.material-icons{
     font-family: 'Material Icons';
 }



 .page-links__wrapper,
 .page-contacts__wrapper{
     margin:0px;
     padding:0px;
     list-style: none;
     margin-bottom:4px;
 }

 .page-links__wrapper:after,
 .page-contacts__wrapper:after{
     content:'';
     display:table;
     clear:both;
 }

 .page-links__wrapper li,
 .page-contacts__wrapper li{
     float:left;
     padding:0px 8px;
     line-height:1;
 }

 .page-links__wrapper li:first-child,
 .page-contacts__wrapper li:first-child{
     padding-left:0px;
 }

 .page-links__wrapper li a,
 .page-contacts__wrapper li a{
     color:#999;
     font-size:12px;
     text-decoration: none;
     line-height:1;
     vertical-align: middle;
 }

 .page-links__wrapper li a{
     font-family:"맑은 고딕";
 }

 .company-registraion-number,
 .company-registraion--owner{
     margin-bottom:8px;
 }

 .page-links__wrapper li i,
 .page-contacts__wrapper li i{
     font-size: 18px;
     line-height: 1;
     vertical-align: middle;
 }

 .page-links__wrapper li i{
     margin: 0px -2px 0px -5px;
     max-width:18px;
 }

 .page-contacts__wrapper li i{
     font-size: 15px;
     margin-right:5px;
     max-width:15px;
 }





 /* Copyright */
 .copyright__wrapper{
     margin-right: 15px;
     margin-left: 15px;
 }

 .copyright__wrapper:after{
     content:'';
     display:table;
     clear:both;
 }

 .copyright-text{
     float:left;
     width:calc(100% - 88px);
     line-height:32px;
     color:#fff;
 }

 .ccl__wrapper{
     float:right;
     width:88px;
 }

 .ccl__wrapper a{
     display:block;
 }

 .ccl__wrapper a img{
     display:block;
 }











/**
 * 	MOBILE
 * 	- Plus AD
 */
/**
 * 	bloter plus ad
 */
 #plus-ad-carousel .plus-ad-container{
     width:234px;
     height:60px;
     margin:0px auto;
     overflow:hidden;
 }

 #plus-ad-carousel .plus-ad-item{
   display:block;
   overflow:hidden;
   width:234px;
   height:60px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;	
}

#plus-ad-carousel .plus-ad-item.plus-ad-item--text{
	text-align:center;	
	line-height: 1;
}

#plus-ad-carousel .plus-ad-text--container{
	width:234px !important;
	height:60px !important;
	overflow:hidden;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    padding: 0px 5px;
    text-align: center;
    word-break: break-all;
    text-overflow: ellipsis;
}

#plus-ad-carousel .plus-ad-text--title{
	margin: 7px 0px 5px 0px;
	line-height: 1;
	font-size: 20px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: "Malgun Gothic";
}

#plus-ad-carousel .plus-ad-item.plus-ad-item--general_image{
	cursor:pointer;
}

#plus-ad-carousel .plus-ad-item.plus-ad-item--text .plus-ad-text--title a{
	color:#0088CC;
}

#plus-ad-carousel .plus-ad-item.plus-ad-item--text .plus-ad-text--title a:hover{
	text-decoration:underline;
}

#plus-ad-carousel .plus-ad-item.plus-ad-item--text .plus-ad-text--content{
	overflow:hidden;
	font-size: 11px;	
}

#plus-ad-carousel .plus-ad-item img{
	width:234px !important;
	height:60px !important;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


#plus-ad-carousel{
	display:none;
}

#plus-ad-carousel.owl-loaded{
	display:block;
}












@media (max-width: 479px){ /* MDL 모바일 사이즈 */

}




@media (max-width: 839px) and (min-width: 480px){ /* MDL 태블릿 사이즈 */
	

	/**
	 *	TABLET
	 * 	- Common Style
	 */
     body.denim{
      /* padding-top:60px; */
      /*padding-bottom:60px;*/
  }

  body.denim.admin-bar{

  }

  .denim-layout--pannel__container{
    margin-right: 0px;
    margin-left: 0px;
}



	/**
	 * 	TABLET
	 * 	- Mast Head
	 */
     .masthead--logo__wrapper,
     .masthead--action__wrapper,
     .search-action{
      height:60px;
  }

  .masthead--logo__wrapper{
      border-bottom:1px solid #e2e2e2;
  }

  .search-action label.mdl-button{
      width:60px;
      height:60px;
      border-right:1px solid #e2e2e2;
      border-radius: 0px;

      -webkit-transition:border-color 0.3s; 
      -moz-transition:border-color 0.3s;
      -o-transition:border-color 0.3s;
      transition:border-color 0.3s;
  }

  .search-action.is-focused{
      border-bottom:1px solid #e2e2e2;
  }

  .search-action.is-focused label.mdl-button{
      border-color:transparent;
  }



  .search-action .mdl-textfield__expandable-holder{
      left:60px;
      right:32px;
  }





  .menu-action--button{
      width:60px;
      height:60px;
  }

	/**
	 *	Global Navigation - Hamburger
	 */

     .global-navigation{
      position:fixed;
      top:60px;
      right:0;
      width:100%;
  }

  .admin-bar .global-navigation{
      top:92px;
  }


  .global-navigation.enable-animation{

      background-color:#fff;
      border-bottom: 0px;


      -webkit-animation: global-navigation-hide .2s ease-in;
      -moz-animation: global-navigation-hide .2s ease-in;
      -ms-animation: global-navigation-hide .2s ease-in;
      -o-animation: global-navigation-hide .2s ease-in;
      animation: global-navigation-hide .2s ease-in;
      -webkit-animation-fill-mode: forwards;
      -moz-animation-fill-mode: forwards;
      -o-animation-fill-mode: forwards;
      animation-fill-mode: forwards;



      z-index:-100;
      opacity:0;
      overflow:hidden;
  }



  .global-navigation.enable-animation.show{
      -webkit-animation: global-navigation-show .2s ease-out;
      -moz-animation: global-navigation-show .2s ease-out;
      -ms-animation: global-navigation-show .2s ease-out;
      -o-animation: global-navigation-show .2s ease-out;
      animation: global-navigation-show .2s ease-out;
      -webkit-animation-fill-mode: forwards;
      -moz-animation-fill-mode: forwards;
      -o-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      z-index:600;
  }









  .tab-menu-item{
      margin:8px 0px;
      width:16.666666667%;
  }

  .fixed-footer-tab-menu.tab-5-cell .tab-menu-item{
      width:20%;
  }

  .fixed-footer-tab-menu.tab-6-cell .tab-menu-item{
      width:16.666666667%;
  }
}




/* (max-width: 839px) and (min-width: 480px) */

@media screen and (max-width: 782px){
	
	
	
}




@media (min-width: 840px){ /* MDL 데스크탑 사이즈 */



    .network-logo__wrapper, .network-ad__wrapper{
        padding: 15px 0px;
    }
    .network-logo__wrapper-m, .network-ad__wrapper{
        padding: 20px 0px 18px 0px;
    }
    
    .network-logo__wrapper.fix-size .image{
        height:50px;
    }
    
    .network-logo__wrapper-m.fix-size .image{
        height:60px;
    }
    .network-logo-bar__container{
        box-shadow: none;
    }
    
    .network-logo-bar__wrapper{
        margin: 0px;
    }
    
    
    
    
    .mobile-search-bar.drawer--open{
        display: none;
    }
    
    
    
    
    
    
    
    
    
    
    
    

    .about__wrapper:after{
      content:'';
      clear:both;
      display:block;
  }

  .about-pannel__wrapper{
      float:left;
  }

  .denim-layout--pannel.denim-layout--with-sidebar{
      width:100%;
      max-width: calc(100% - 325px);
      /*display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: stretch;*/

  }

  .denim-layout--pannel__container{
     margin-right: 15px;
     margin-left: 15px;
 }


	/**
	 * 	DESKTOP
	 * 	- Container
	 */
     .fixed-header .denim--body__container{
      margin-top:30px;
  }


	/**
	 * 	DESKTOP
	 * 	- Network Bar
	 */

     /* ABOUT */
     .network-menu--about{
      float:left;
  }

  .network-menu--about .built-in-menu--trigger{
      border-right:1px solid #000;
      border-left:0px;
  }

  /* FAMILY */
  .network-menu--family{
      /* float:right; */
      float:left;
      width:auto;
  }

  .network-menu--family .built-in-menu--trigger{
      border:0px;
      border-right:0px;
      display:none;
  }

  .network-menu--family .built-in-menu--items{
      display:block;
      position:relative;
      width:100%;
  }

  .network-menu--family .built-in-menu--items:after{
      content:'';
      display:table;
      clear:both;
  }

  .network-menu--family .built-in-menu--item{
      float: left;
  }

  .network-menu--family .built-in-menu--item a{
      margin:0px;
      border:0px !important;
  }

  .network-menu--family .built-in-menu--item a.color--udemy{
      color:#17aa1c;
  }

  .network-menu--family .built-in-menu--item a.color--udemy:hover{
      color:#fff;
      background-color:#17aa1c;
  }




  .network-menu--magazine .built-in-menu--trigger{
      border-right:1px solid #000;
  }










	/**
	 *	DESKTOP
	 * 	- Common Style
	 */
     body.denim{
      padding-top:0px;
      padding-bottom:0px;
  }

  body.denim.admin-bar{

  }



	/**
	 * 	DESKTOP
	 * 	- Global Navigation
	 */
     .denim-global-navigation .menu-action{
      display:none;
  }

  .global-navigation__container,
  .global-navigation--search__wrapper,
  .global-navigation--menus__container,
  .global-navigation--sticky-menus__wrapper{
      height:36px;
  }

  .global-navigation--sticky-menus__wrapper{
      position:absolute;
      right:0;
      top:0;
      z-index: 1;
      background-color:#fff;
      border-left:1px solid #d1d1d1;


  }

  .fixed-header .global-navigation--sticky-menus__wrapper{
      border-bottom: 1px solid #d1d1d1;
  }

  .global-navigation--sticky-menus__wrapper:before{
      position:absolute;
      display:block;
      content:'';
      top:0;
      bottom:0;
      width:3.5rem;
      left:calc(-3.5rem - 1px);
      margin-right:1px;

      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
      background-size: 100%;
      background-image: -webkit-gradient(linear, 100% 0%, 0% 100%, color-stop(0%, #ffffff),color-stop(100%, rgba(255,255,255,0)));
      background-image: -moz-linear-gradient(right top, #ffffff,rgba(255,255,255,0));
      background-image: -webkit-linear-gradient(right top, #ffffff,rgba(255,255,255,0));
      background-image: linear-gradient(to left bottom, #ffffff,rgba(255,255,255,0));
  }


  .global-navigation--logo__wrapper{
      display:none;
  }

  .global-navigation--menus__container{
      margin-left:30px;
  }


  .fixed-header .global-navigation--logo__wrapper{
      display:block;
  }

  .fixed-header .global-navigation--logo__wrapper .picture{
      height:36px;
      line-height:36px;
  }

  .fixed-header .global-navigation--logo__wrapper .picture img{
      height:25px;
  }





	/**
	 * 	DESKTOP
	 * 	- Mast Head
	 */
     body.denim.admin-bar .masthead{
      top:32px;
  }

  .masthead--logo__wrapper,
  .masthead--action__wrapper,
  .search-action{
      height:36px;
      min-height:36px;
  }

  .masthead--logo__wrapper{
      border-bottom:1px solid #e2e2e2;
  }

  .search-action label.mdl-button{
      width:36px;
      height:36px;
      border-color:transparent;
      border-radius: 0px;

      -webkit-transition:border-color 0.3s; 
      -moz-transition:border-color 0.3s;
      -o-transition:border-color 0.3s;
      transition:border-color 0.3s;
  }

  .search-action.is-focused{
      border-bottom:0px;
  }

  .search-action.is-focused label.mdl-button{
      border-color:transparent;
  }

  .search-action.is-focused .mdl-textfield__input{
      padding:4px 15px;
  }

  .search-action .mdl-textfield__expandable-holder{
      left:60px;
      right:32px;
  }



  .menu-action--button{
      width:60px;
      height:60px;
      cursor:pointer;
      border-color:transparent;
  }

	/**
	 *	Global Navigation - Hamburger
	 */

     .global-navigation{
		/*
		position:fixed;
		top:60px;
		right:0;
		width:100%;
		*/
	}
	
	.admin-bar .global-navigation{
		top:92px;
	}
	
	.global-navigation.enable-animation{

		background-color:#fff;
		border-bottom: 0px;
		
		
		-webkit-animation: global-navigation-hide .2s ease-in;
     -moz-animation: global-navigation-hide .2s ease-in;
     -ms-animation: global-navigation-hide .2s ease-in;
     -o-animation: global-navigation-hide .2s ease-in;
     animation: global-navigation-hide .2s ease-in;
     -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
     -o-animation-fill-mode: forwards;
     animation-fill-mode: forwards;



     z-index:-100;
     opacity:0;
     overflow:hidden;
 }



 .global-navigation.enable-animation.show{
  -webkit-animation: global-navigation-show .2s ease-out;
  -moz-animation: global-navigation-show .2s ease-out;
  -ms-animation: global-navigation-show .2s ease-out;
  -o-animation: global-navigation-show .2s ease-out;
  animation: global-navigation-show .2s ease-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  z-index:600;
}




.global-navigation--groups__wrapper .denim-layout--adjust-width{
  margin:0 auto;
}



	/**
	 * 	DESKTOP
	 * 	- Article List > New
	 */
     .general-article--kicker{
      font-size:1rem;
  }

  .general-article--title{
      font-size:2.5rem;
  }

  .general-article--summary{
      font-size:1.1rem;
  }

  .general-article:hover .general-article--title,
  .general-article:hover .general-article--summary,
  .general-article:hover .general-article--thumbnail__wrapper{
      opacity:0.8;
  }

	/**
	 * 	DESKTOP
	 * 	- Home Recent News Section
	 */
     .recent-news-category{
      font-size:1rem;
  }

  .recent-news-title{
      font-size:2.5rem;
  }

  .recent-news-summary{
      font-size:1.1rem;
  }

  .recent-news-article .recent-news-title,
  .recent-news-article .recent-news-summary,
  .recent-news-article .recent-news--thumbnail{
      -webkit-transition: opacity .5s;
      -moz-transition: opacity .5s;
      -o-transition: opacity .5s;
      -ms-transition: opacity .5s;
      transition: opacity .5s;
  }

  .recent-news-article:hover .recent-news-title,
  .recent-news-article:hover .recent-news-summary,
  .recent-news-article:hover .recent-news--thumbnail{
      opacity:0.8;
  }






	/**
	 * 	DESKTOP
	 * 	- Absolute Layer > Author Card
	 */
     .denimAbsoluteLayerPositioner{
      position:absolute;
      height:0;
      z-index: 200;
  }

  .denimAbsoluteLayer{
      position:absolute;
      left:0;		
  }

  .authorCardContainer{
      padding:10px 0px;
  }

  .authorCardWrapper{
      width:380px;
      position:relative;
      background-color:#fff;
      border: 0;
      border-radius: 2px;
      box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 10px rgba(0, 0, 0, .35);
      overflow:hidden;
  }


  .authorCardUnderlayWrapper{
      height:147px;
      position: relative;
      background-color:#222;
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url(../images/circles.svg);
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }

  .authorCardUnderlay{
      position:absolute;
      top:50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      width:100%;

  }


  .authorCardAvatarWrapper{
      position:absolute;
      bottom:-35px;
      left:10px;

      width:90px;
      background-color:#fff;
      border-radius: 3px;
      box-shadow: 0 0px 1px rgba(0, 0, 0, .27);
      padding: 1px;
      border: 1px solid #DCDCDC;

      z-index:20;
  }

  .authorCardAvatar{
      border:3px solid #fff;
  }

  .authorCardAvatar a{
      display:block;
  }


  .authorCardMetaWrapper{
      position:absolute;
      bottom:0;
      left:100px;
      right:0;
      padding:0px 15px 5px 15px;
  }

  .authorCardName{
      margin:0px;
      font-weight:bold;
      line-height:1.2;
      font-size:1.15rem;
      color:#fff;
  }

  .authorCardName a.author--url{
      text-decoration:none;
      font-size:1rem;
      color:#fff;
      font-weight: bold;
  }

  .authorCardMeta{
      color:#fff;
  }

  .authorCardInfoWrapper{
      min-height:55px;
      padding:10px 15px 10px 110px;
      position:relative;
      z-index: 10;
      background-color: #fff;
  }

  .authorCardDescription{
      word-break:break-all;
      font-size:0.825rem;
      line-height:1.4;
      text-align:justify;


      /* padding: 5px 8px; */
      padding: 5px 0px;
      margin-bottom: 5px;
      /* background-color: #E3F3FF; */
      color: #777;
  }

  .authorCardInfoWrapper ul{
      margin:0px;
      padding:0px;
      list-style:none;
      font-size:0.825rem;
  }



  .authorCardContacts{
      padding:5px 0px 0px;
  }

  .authorCardContactItem{
      display:inline-block;
      width:20px;
      height:20px;
      font-size:11px;
      position:relative;

      margin-right:3px;
      border-radius:3px;
      background-color:#ccc;

      -webkit-transition: background-color .35s;
      -moz-transition: background-color .35s;
      -o-transition: background-color .35s;
      -ms-transition: background-color .35s;
      transition: background-color .35s;

  }

  .authorCardContactItem i{
      display:block;
      position: absolute;
      top:50%;
      left:50%;
      color:#fff;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
  }

  .authorCardContactItem[data-social="home"]{
      background-color:rgba(18, 104, 179, 0.75);
  }

  .authorCardContactItem[data-social="twitter"]{
      background-color:rgba(0, 172, 237, 0.75);

  }

  .authorCardContactItem[data-social="facebook"]{
      background-color:rgba(59, 89, 152, 0.75);
  }

  .authorCardContactItem[data-social="google-plus"]{
      background-color:rgba(211, 72, 54, 0.75);
  }

  .authorCardContactItem[data-social="home"]:hover{
      background-color:#1268B3;
  }

  .authorCardContactItem[data-social="twitter"]:hover{
      background-color:#00aced;
  }

  .authorCardContactItem[data-social="facebook"]:hover{
      background-color:#3b5998;
  }

  .authorCardContactItem[data-social="google-plus"]:hover{
      background-color:#d34836;
  }

}

@media (max-width: 1024px) and (min-width: 841px){ /* MDL 데스크탑 사이즈 */
	
}











/**
 * 	Key Frames
 */
 @-webkit-keyframes global-navigation-show{
     0%{
      display:none;-webkit-transform:translate3d(100%,0,0);
      -moz-transform:translate3d(100%,0,0);
      -ms-transform:translate3d(100%,0,0);
      -o-transform:translate3d(100%,0,0);
      transform:translate3d(100%,0,0);
      opacity:0;
  }
  1%{
      display:block;
  }
  100%{
      -webkit-transform:translate3d(0,0,0);
      -moz-transform:translate3d(0,0,0);
      -ms-transform:translate3d(0,0,0);
      -o-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0);
      opacity:1;
  }
}

@-webkit-keyframes global-navigation-hide{
	0%{
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
		opacity:1;
	}
	99%{
		-webkit-transform:translate3d(100%,0,0);
		-moz-transform:translate3d(100%,0,0);
		-ms-transform:translate3d(100%,0,0);
		-o-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0);
		opacity:0;
	}
	100%{
		display:none;
	}
}

@-moz-keyframes global-navigation-show{
	0%{
		display:none;
		-webkit-transform:translate3d(100%,0,0);
		-moz-transform:translate3d(100%,0,0);
		-ms-transform:translate3d(100%,0,0);
		-o-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0);
		opacity:0;
	}
	1%{
		display:block;
	}
	100%{
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
		opacity:1;
	}
}

@-moz-keyframes global-navigation-hide{
	0%{
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
		opacity:1;
	}
	99%{
		-webkit-transform:translate3d(100%,0,0);
		-moz-transform:translate3d(100%,0,0);
		-ms-transform:translate3d(100%,0,0);
		-o-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0);
		opacity:0;
	}
	100%{
		display:none;
	}
}


@keyframes global-navigation-show{
	0%{
		display:none;
		-webkit-transform:translate3d(100%,0,0);
		-moz-transform:translate3d(100%,0,0);
		-ms-transform:translate3d(100%,0,0);
		-o-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0);
		opacity:0;
	}
	1%{
		display:block;
	}
	100%{
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
		opacity:1;
	}
}

@keyframes global-navigation-hide{
	0%{
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
		opacity:1;
	}
	99%{
		-webkit-transform:translate3d(100%,0,0);
		-moz-transform:translate3d(100%,0,0);
		-ms-transform:translate3d(100%,0,0);
		-o-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0);
		opacity:0;
	}
	100%{
		display:none;
	}
}






@-webkit-keyframes global-navigation-show-mobile {
	from{
		-webkit-transform: translateX(+100%);
		-moz-transform: translateX(+100%);
		-ms-transform: translateX(+100%);
		-o-transform: translateX(+100%);
		transform: translateX(+100%);
	}
	to {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@-webkit-keyframes global-navigation-hide-mobile {
	from{
		-webkit-transform: translate3d(0,45px,0);
		-moz-transform: translate3d(0,45px,0);
		-ms-transform: translate3d(0,45px,0);
		-o-transform: translate3d(0,45px,0);
		transform: translate3d(0,45px,0)
	}
	to {
		-webkit-transform: translate3d(0,-100%,0);
		-moz-transform: translate3d(0,-100%,0);
		-ms-transform: translate3d(0,-100%,0);
		-o-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
		opacity: 0
	}
}

@keyframes global-navigation-show-mobile{
	from{
		-webkit-transform: translateX(+100%);
		-moz-transform: translateX(+100%);
		-ms-transform: translateX(+100%);
		-o-transform: translateX(+100%);
		transform: translateX(+100%);
	}
	to {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes global-navigation-hide-mobile {
	from{
		-webkit-transform: translate3d(0,45px,0);
		-moz-transform: translate3d(0,45px,0);
		-ms-transform: translate3d(0,45px,0);
		-o-transform: translate3d(0,45px,0);
		transform: translate3d(0,45px,0);
		opacity: 1
	}
	to {
		-webkit-transform: translate3d(0,-100%,0);
		-moz-transform: translate3d(0,-100%,0);
		-ms-transform: translate3d(0,-100%,0);
		-o-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
		opacity: 0
	}
}



/* footer animation */
@-webkit-keyframes network-footer-show {
	from{
		-webkit-transform: translateX(+100%);
		-moz-transform: translateX(+100%);
		-ms-transform: translateX(+100%);
		-o-transform: translateX(+100%);
		transform: translateX(+100%);
	}
	to {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@-webkit-keyframes network-footer-hide {
	from{
		-webkit-transform: translate3d(0,45px,0);
		-moz-transform: translate3d(0,45px,0);
		-ms-transform: translate3d(0,45px,0);
		-o-transform: translate3d(0,45px,0);
		transform: translate3d(0,45px,0)
	}
	to {
		-webkit-transform: translate3d(0,-100%,0);
		-moz-transform: translate3d(0,-100%,0);
		-ms-transform: translate3d(0,-100%,0);
		-o-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
		opacity: 0
	}
}

@keyframes network-footer-show{
	from{
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
	to {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes network-footer-hide {
	from{
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1
	}
	to {
		-webkit-transform: translate3d(0,100%,0);
		-moz-transform: translate3d(0,100%,0);
		-ms-transform: translate3d(0,100%,0);
		-o-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
		opacity: 0
	}
}






@-webkit-keyframes global-navigation-underlay-show-mobile {
	from{
		opacity: 0;
	}
	to {
		opacity: 0.7;
	}
}


@keyframes global-navigation-underlay-show-mobile{
	from{
		opacity: 0;
	}
	to {
		opacity: 0.7;
	}
}


@-webkit-keyframes global-navigation-underlay-hide-mobile {
	from{
		opacity: 0.7;
	}
	to {
		opacity: 0;
	}
}


@keyframes global-navigation-underlay-hide-mobile{
	from{
		opacity: 0.7;
	}
	to {
		opacity: 0;
	}
}























@-webkit-keyframes global-masthead-show{
	0%{
		display:none;-webkit-transform:translate3d(100%,0,0);
		-moz-transform:translate3d(100%,0,0);
		-ms-transform:translate3d(100%,0,0);
		-o-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0);
		opacity:0;
	}
	1%{
		display:block;
  }
  100%{
      -webkit-transform:translate3d(0,0,0);
      -moz-transform:translate3d(0,0,0);
      -ms-transform:translate3d(0,0,0);
      -o-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0);
      opacity:1;
  }
}

@-webkit-keyframes global-masthead-hide{
	0%{
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
		opacity:1;
	}
	99%{
		-webkit-transform:translate3d(100%,0,0);
		-moz-transform:translate3d(100%,0,0);
		-ms-transform:translate3d(100%,0,0);
		-o-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0);
		opacity:0;
	}
	100%{
		display:none;
	}
}

@-moz-keyframes global-masthead-show{
	0%{
		display:none;
		-webkit-transform:translate3d(100%,0,0);
		-moz-transform:translate3d(100%,0,0);
		-ms-transform:translate3d(100%,0,0);
		-o-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0);
		opacity:0;
	}
	1%{
		display:block;
	}
	100%{
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
		opacity:1;
	}
}

@-moz-keyframes global-masthead-hide{
	0%{
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
		opacity:1;
	}
	99%{
		-webkit-transform:translate3d(100%,0,0);
		-moz-transform:translate3d(100%,0,0);
		-ms-transform:translate3d(100%,0,0);
		-o-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0);
		opacity:0;
	}
	100%{
		display:none;
	}
}


@keyframes global-masthead-show{
	0%{
		display:none;
		-webkit-transform:translate3d(100%,0,0);
		-moz-transform:translate3d(100%,0,0);
		-ms-transform:translate3d(100%,0,0);
		-o-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0);
		opacity:0;
	}
	1%{
		display:block;
	}
	100%{
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
		opacity:1;
	}
}

@keyframes global-masthead-hide{
	0%{
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
		opacity:1;
	}
	99%{
		-webkit-transform:translate3d(100%,0,0);
		-moz-transform:translate3d(100%,0,0);
		-ms-transform:translate3d(100%,0,0);
		-o-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0);
		opacity:0;
	}
	100%{
		display:none;
	}
}







/**
 * 	Loader
 */
 .circle-loader--one {
     margin: 60px auto;
     font-size: 10px;
     position: relative;
     text-indent: -9999em;
     border-top: 1.1em solid rgba(0,255,0, 0.2);
     border-right: 1.1em solid rgba(0,255,0, 0.2);
     border-bottom: 1.1em solid rgba(0,255,0, 0.2);
     border-left: 1.1em solid #00ff00;
     -webkit-transform: translateZ(0);
     -ms-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-animation: circle-spinner 1.1s infinite linear;
     animation: circle-spinner 1.1s infinite linear;
 }

 .circle-loader--one,
 .circle-loader--one:after {
   border-radius: 50%;
   width: 10em;
   height: 10em;
}

@-webkit-keyframes circle-spinner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes circle-spinner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}







.more-loader:before, .more-loader:after, .more-loader {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: load7 1.8s infinite ease-in-out;
}
.more-loader {
	color: #000000;
	font-size: 10px;
	margin: 80px auto;
	position: relative;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.more-loader:before {
	left: -3.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.more-loader:after {
	left: 3.5em;
}
.more-loader:before, .more-loader:after {
	content: '';
	position: absolute;
	top: 0;
}
@-webkit-keyframes load7 {
	0%, 80%, 100% {
		box-shadow: 0 5px 0 -3px;
	}
	40% {
		box-shadow: 0 5px 0 0;
	}
}
@keyframes load7 {
	0%,	80%, 100% {
		box-shadow: 0 5px 0 -3px;
	}
	40% {
		box-shadow: 0 5px 0 0;
	}
}

.special-conference-tab-title{
	font-size:32px;
}




/** WP Admin **/
body.denim.admin-bar .fixed-header .denim--header__container{
	top:0px;
}	

@media screen and (max-width: 782px) and (min-width: 601px){
	
	body.denim.admin-bar .fixed-header .denim--header__container{
		top:46px;
	}
}

@media screen and (min-width: 783px){
	body.denim.admin-bar .fixed-header .denim--header__container{
		top:32px;
	}
}


/*pagination 추가*/
.pagination {
    clear:both;
    padding:20px 0;
    position:relative;
    font-size:15px; /*11px*/
    line-height:13px;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin: 0 auto 60px auto;
}

.pagination span, .pagination a {
    display:inline-block;
    margin: 4px 4px 4px 0;
    padding:6px 9px 5px 9px;
    text-decoration:none;
    width:auto;
    color:#999;
    font-family:Tahoma;
    background: #fff;
    border:1px solid #fff;
}

.pagination a:hover{
    color:#5e849d;
    border:1px solid #eee;

}

.pagination .current{
    padding:6px 9px 5px 9px;
/*    background: #3279BB;
color:#fff;*/
color:#5e849d;
border:1px solid #eee;
}