/* #4485 Layer Popup */
.ctnbody-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
    z-index: 99;
    padding-top: 120px;
}
/*.ctnbody-wrap .bx-wrapper .bx-loading {
    display:none;
}*/
.ctnbody-wrap .bx-wrapper .bx-viewport {
    padding: 0;
    border: 0 none;
}
.ctnbody-wrap .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: relative;
    left: 0;
    bottom: 0;
}

.ctnbody-wrap .bx-wrapper .bx-pager.bx-default-pager a {
    width: 10px;
    height: 10px;
    border: #fff solid 2px;
    border-radius: 10px;
    background:none;
}

.ctnbody-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
.ctnbody-wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
    width: 10px;
    height: 10px;
    border: #fff solid 2px;
    background: #fff;
}

.ctnbody-wrap .bx-wrapper .bx-prev,
.ctnbody-wrap .bx-wrapper .bx-next {
    background: none;
    color: #fff;
    width: 70px;
    height: 110px;
    margin-top: -71px;
    overflow: hidden;
}

.ctnbody-wrap .bx-wrapper .bx-prev {
    left: -90px;
	background: url(/rndcomm/images/pop_arrow_w45L.png) no-repeat 50% 50%;
}

.ctnbody-wrap .bx-wrapper .bx-next {
    right: -90px;
	background: url(/rndcomm/images/pop_arrow_w45R.png) no-repeat 50% 50%;
}
/*
.ctnbody-wrap .bx-wrapper .bx-prev::after,
.ctnbody-wrap .bx-wrapper .bx-next::after {
    content: '';
    position: absolute;
    top: 20px;
    width: 100px;
    height: 100px;
    border: 1px solid #fff;
    transform: rotate(45deg);
}
*/
.ctnbody-wrap .bx-wrapper .bx-prev::after {
    left: 21px;
}

.ctnbody-wrap .bx-wrapper .bx-next::after {
    left: -53px;
}

.ctnbody-wrap .bx-wrapper .ctnbody a {
    display: block;
    width: 100%;
}

.ctnbody-wrap .bx-wrapper .ctnbody img {
    display: block;
	border-radius: 15px;
    overflow: hidden;
	/*
    border-bottom: #ddd solid 1px;
    border-right: #ddd solid 1px;
    border-top: #ddd solid 1px;
    border-left: #ddd solid 1px;
    width: 394px;
	*/
}

.ctnbody-wrap .bx-pager-item:first-of-type:last-of-type {
    display: none
}

.ctnbody-wrap .dialogPopup-controls {
    position: absolute;
    /*top: 90px;*/
    top:208px;
    left: 49%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 20px;
    width: 1100px;
    text-align: right;
}

.ctnbody-wrap .dialogPopup-controls button {
    color: #fff;
}

.ctnbody-wrap .dialogPopup-controls button i {
    vertical-align: middle;
}
.ctnbody-wrap .bx-wrapper .ctnbody {
    margin:0;
}
/*.dialogPopup-controls input[type="checkbox"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.dialogPopup-list .dialogPopup-item {
    display: inline-block;
    float: left;
}*/
.ctnbody-wrap .dialogPopup-list .dialogPopup-item:nth-child(4n) {
    margin-left: -1px;
    margin-right: 0;
}
.area-btn-popup {
    position: fixed;
    /*top: 650px;*/
	bottom: 10%;
    right: 0;
    z-index: 50;
}
.area-btn-popup a {font-size:15px;}
a.btn-popup {
    background: #303030;
    display: block;
    height: 100px;
    color: #fff;
    width: 43px;
    word-break: break-all;
    padding: 11px 14px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    text-align: left;
    /*box-shadow: 0 0 4px 1px gray;*/
	cursor:pointer;
}
a.btn-popup:hover {
    padding: 11px 14px;
    -ms-transform: scaleZ(1.5);
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease;
}

@media all and (min-width:768px) and (max-width:1200px) {
    #mainNotictPopupView {
        zoom: .8;
    }
}
/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	/*margin: 0 auto 60px;*/
    margin: 60px auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	border:0;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 20px;
	width: 100%;
	left:95px
}
/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: transparent;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border: 2px solid #999;
    outline: 0;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background-color: #999;
}

/*
.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: 0 0;
}
*/
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -38px;
	outline: 0;
	width: 41px;
	height: 81px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
	width:50px !important
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: 0 -15px;
}


.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: 0 -15px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/* Layer Popup */
.layer-noti-popup .bx-wrapper {
	margin: 0 auto;
}
.layer-noti-popup .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	left: 0;
	position: relative;
	bottom: 0;
}

.layer-noti-popup .bx-wrapper .bx-pager.bx-default-pager a {
	border: 1px solid #fff;
	width: 15px;
	height: 15px;
}

.layer-noti-popup .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-color: #fff;
}

.layer-noti-popup .bx-controls-direction {
	display: block;
}

.layer-noti-popup .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -72px;
	outline: 0;
	width: 72px;
	height: 143px;
	text-indent: -9999px;
	z-index: 999;
}

button {border:0 none;outline:0;cursor:pointer; background:none; margin:0; padding:0;vertical-align:middle; font-size:100%;/*font-family: "Nanum Gothic","dotum", "gulim", "verdana", sans-serif*/}
button span {position:relative; left:0; top:0;vertical-align:middle}
button::-moz-focus-inner {border:0; padding:0}

.ctnbody-wrap, .layer_notify{z-index:999;} .bx-wrapper{height:auto !important; background:none !important; box-shadow:none !important;}

ul>li .youtube_click_all .bi-youtube {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 60px;
    color: #ff0000;
    margin-top: 6%;
    width: auto;
    height: auto;
}

.youtube_click_all{cursor:pointer;}

.big,.down{line-height:1;}