/*-----------------------------------------------------------------------------------*/
/*	기본셋팅
/*-----------------------------------------------------------------------------------*/

/*-- font --*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic);
/*-- font --*/

body {
	overflow-x:hidden;
	position:relative;
	margin: 0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size: 13px;
	line-height: 20px;
	color: #666;
	background-color:#fff;
}

#wrap {overflow-x:hidden; position:relative; z-index:5;}

section {background-color:;}

.container {padding-left:0; padding-right:0;}

a, input, select, textarea {
	vertical-align:top;
	outline:none !important;
	-webkit-appearance: ;
	-webkit-border-radius: 0;
}

select:-moz-focusring {
    color: transparent;
	outline:none !important;
    text-shadow: 0 0 0 #000 !important;
	border:0 !important;
}

textarea {resize: none;}

img {
	max-width:100.1%;
	height:auto;
}

a {color:#999; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}

a:hover, a:focus {
	text-decoration:none; 
	color: ;
}



.margbot0 {margin-bottom:0;}
.margbot5 {margin-bottom:5px !important;}
.margbot10 {margin-bottom:10px;}
.margbot20 {margin-bottom:20px;}
.margbot25 {margin-bottom:25px;}
.margbot30 {margin-bottom:30px !important;}
.margbot40 {margin-bottom:40px;}
.margbot50 {margin-bottom:50px;}
.margbot60 {margin-bottom:60px;}
.margbot70 {margin-bottom:70px;}
.margbot80 {margin-bottom:80px;}

.pad0 {padding:0 !important;}
.padbot0 {padding-bottom:0 !important;}
.padbot10 {padding-bottom:10px !important;}
.padbot20 {padding-bottom:20px !important;}
.padbot30 {padding-bottom:30px !important;}
.padbot40 {padding-bottom:40px !important;}
.padbot50 {padding-bottom:50px !important;}
.padbot60 {padding-bottom:60px !important;}
.padbot70 {padding-bottom:70px !important;}
.padbot80 {padding-bottom:80px !important;}
.padtop0 {padding-top:0 !important;}



/*-----------------------------------------------------------------------------------*/
/*	text
/*-----------------------------------------------------------------------------------*/

hr {border-color:#ededed;}

ul, ol {padding:0; margin:0;}

li {padding:0; margin:0; list-style:none;}

p {margin:0}

h1, h2, h3, h4, h5, h6 {
	margin-top:0;
	font-family: 'Roboto', sans-serif;
	text-transform:none;
	font-weight:300;
	color:#333;
}

h1 {margin:0; line-height:46px; font-size:46px;}

h2 {
	margin: 0;
}

h2 b {font-weight:500;}
h3 {margin:0 0 21px; line-height:25px; font-size:22px;}
h3 b {font-weight:900;}
h4 {margin:0 0 30px; line-height:25px; font-size:20px;}
h4 b {font-weight:500;}
h5 {margin:0 0 15px; line-height:20px; font-size:15px;}
h6 {margin:0 0 15px; line-height:20px; font-size:12px;}

.center {text-align:center;}
.right {text-align:right;}

.color_text {color:#30a67c;}
.color_dark {color:#505050;}
.color_light {color:#979797;}
.color_white {color:#fff;}
.color_red {color:#c10707;}
.color_yellow {color:#fec400;}

.color_bg {background:#30a67c;}

/* __________ blockquote __________ */
blockquote {position:relative; margin: 0 0 13px; padding:0 0 0 47px; border:0; font-style:italic; font-size:16px; color:#979797;}
blockquote:before {content:'��'; position:absolute; left:15px; top:13px; font-style:italic; font-size:70px; color:#979797;}



/*-----------------------------------------------------------------------------------*/
/*	단축키
/*-----------------------------------------------------------------------------------*/

/* __________ Buttons __________ */
#a_sec_list .btn {
	margin: 0 0 0 15px;
	padding: 24px 27px 22px !important;
	border:2px solid #ccc;
	box-shadow: none;
	text-transform:uppercase;
	font-weight: 900;
	line-height: 20px;
	font-size: 13px;
	color: #999;
	text-shadow: none;
	background: #fff;
	background-image: none !important;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	height: inherit !important;
	border-radius: 45px;
}

#a_sec_list .btn>span {
	color:#fff;
	font-size: inherit;
}

#a_sec_list .btn:focus, .btn:hover {
	color:#333 !important; 
	border-color:#333 !important;
}

#a_sec_list .btn-active {background-color:#1c1c1c !important; color:#fff !important; border-color:#1c1c1c !important;}

#a_sec_list .btn-active:hover {color:#fff !important;}

@media (min-width: 992px) {
#a_sec_list .btn-lg {
	padding: 24px 28px !important; 
	font-size:13px;
}
}

@media (max-width: 991px) {
#a_sec_list .btn-sm {
	padding: 20px 24px !important; 
	font-size:12px;
}
}

@media (max-width: 768px) {
#a_sec_list .btn-xs {
	padding: 16px 20px !important; 
	font-size:11px;
}
}

#a_sec_list .btn_shortcodes .btn {margin:0 7px 10px 0;}

#a_sec_list .btn_shortcodes .btn:last-child {margin-right:0;}

#a_sec_list .ie .btn, .ie .btn-default {filter:none !important;}



/*-----------------------------------------------------------------------------------*/
/*	HEADER
/*-----------------------------------------------------------------------------------*/

/* __________ Logo __________ */
.etp-logo p {
	display: inline-block;
	font-weight: bold;
	font-size: 24px;
	padding: 15px 0;
}


/* __________ Menu __________ */
.a_menu_box {
	position:relative;
}

.navbar-fixed-top.affix-top {
	position: relative;
}

.navbar-custom {
    padding: 8px 0;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
	-o-transition: padding 0.3s;
    transition: padding 0.3s;
    border: none;
}

.navbar-custom.affix {
	padding: 5px 0;
}

.etp_account li {
	float:left;
}

.etp_account button i {
	color: #c7c7c7;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.etp_account button i:hover {
	color: #ea89a7;
}



/*-----------------------------------------------------------------------------------*/
/*	TOP SEARCH
/*-----------------------------------------------------------------------------------*/

.top-search {
	display:none;
    position: relative;
    z-index: 2000;
	margin: 5px 0;
}

.top-search .input-group-addon {
	border-radius: 0;
}

.top-search input[type="text"] {
	border: none;
	width: 100%;
}

.top-search .close-search {
	cursor:pointer;
}

/* serch */
.etp-search-form .search-btn {
	background-color: transparent;
	color: #999;
	position: absolute;
    right: 30px;
    top: 30px;
    border: 0;
}

.etp-search-form input.itext {
	border-color: ;
	background-color: transparent;
}

.etp-search-form input::-webkit-input-placeholder { 
	color: #999;
}

.top-search .etp-search-form {
	background: #fff;
	padding: 6px;
    border: 1px solid #ccc;
	font-size: 12px;
}



/*-----------------------------------------------------------------------------------*/
/*	HOME
/*-----------------------------------------------------------------------------------*/

#etp_mslider {
	position:relative;
}







/*-----------------------------------------------------------------------------------*/
/*	section margin
/*-----------------------------------------------------------------------------------*/

#contacts {
	position: relative;
	z-index:0;
	padding:0;
	background:transparent;
}

@media (max-width: 991px) {
#contacts {
	min-height: auto !important;
}
}



/*-----------------------------------------------------------------------------------*/
/*	FOOTER
/*-----------------------------------------------------------------------------------*/

footer {
	position: relative;
	padding: 40px 0;
	color: #fff;
	background-color: #1f328c;
	margin-top: 45px;
}

#etp_mslider .stp_tri_top {
    position: absolute;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    border-right: 37px solid transparent;
    border-left: 37px solid transparent;
    border-top: 33px solid #1f328c;
	z-index: 9;
}

#etp_mslider .stp_tri_txt_top {
	position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
	text-align: center;
	color: rgba(255,255,255,0.5);
	transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
}

#etp_mslider .stp_tri_txt_top p {
	margin-bottom: -30px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.2em;
}

#etp_mslider .stp_tri_top:hover .stp_tri_txt_top, footer .stp_tri:hover .stp_tri_txt {
	color: rgba(255,255,255,1);
}

@media (max-width: 768px) {
#etp_mslider .stp_tri_top {
    bottom: 40px;
}
}





footer .stp_tri, #etp_mslider .stp_tri {
    position: absolute;
    top: -27px;
    left: 50%;
	bottom: auto;
    transform: translateX(-50%);
    content: "";
    border-right: 31px solid transparent;
    border-left: 31px solid transparent;
    border-bottom: 27px solid #1f328c;  
}

footer .stp_tri_txt {
	position: absolute;
    top: 2px;
    left: 50%;
    transform: translateX(-50%);
	text-align: center;
	color: rgba(255,255,255,0.5);
	transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
}

footer .stp_tri_txt p {
	margin-top: -13px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.2em;
}

footer .container {
	position: relative;
	z-index: 2;
}

.dia_bg {
    position: absolute;
    top: 0;
	width: 100%;
    height: 100%;
    overflow: hidden;
    transform: scaleX(1);
    transform-origin: left;
    background: rgba(0,0,0,.02);
}

.dia_bg .bg-black {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.03);
}

.dia_bg .bg-black-1 {
    z-index: 2;
    width: 100%;
    transform: skewX(-24deg) translateX(-580px);
}

.dia_bg .bg-black-2 {
    z-index: 3;
    width: 250px;
    transform: skewX(-24deg) translateX(-195px);
}

.dia_bg .bg-black-3 {
    z-index: 4;
    width: 250px;
    transform: skewX(24deg) translateX(195px);
}

.dia_bg .bg-black-4 {
    z-index: 5;
    width: 620px;
    transform: skewX(24deg) translateX(196px);
}

footer h4 {color:#fff;}



/* 푸터 설명 */
footer .etp-logo p {
	color: #fff;
	padding: 0 0 15px 0;
}

footer .c_int {
	line-height: 24px;
	margin-top: 5px;
}

.etp_f_banner {
	position: absolute;
    bottom: 0;
}

.etp_f_banner a {
	float: left;
	margin-right: 15px;
}



/* About us */
footer p {
	font-size:12px;
	line-height: 24px;
}

.foot_about_block p {
	width: 100%;
	text-align: right;
	color: rgba(255,255,255,0.5);
}

footer .social {
	margin: 30px 0;
	display: inline-block;
	float: right;
}

/* 푸터 메뉴 */
ul.footer_menu {
	margin-bottom: 27px;
}

@media (max-width: 767px) {
ul.footer_menu, footer .social {
	float: left !important;	
}

.etp_f_banner {
    position: relative;
}

.foot_about_block p, footer .copy {
	text-align: left !important;
}

footer .etp_copyright {
	clear: both;
	display:inline-block;
	margin-top: 30px;
	width: 100%;
}
}

ul.footer_menu li {
	position: relative;
	display: inline;
    vertical-align: middle;
}

ul.footer_menu li a {
	padding: 0 10px;
	transition: all 0.4s;
	font-size: 12px;
	font-weight: 500;
	color: rgba(255,255,255,1);
}

ul.footer_menu li a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 1px;
    height: 10px;
    background-color: rgba(255,255,255,0.3);
}

ul.footer_menu li:first-child a:after {
    display: none;
}

ul.footer_menu li a:hover {
	color: #ea89a7;
}

ul.footer_menu li:first-child a {
	padding-left: 0;
	border-left: 0;
}

ul.footer_menu li:last-child a {
	padding-right: 0;
}

.social li {
	display:inline-block;
	margin-left: 8px;
}

.social li a {
	display: block;
	width: 38px;
	height: 38px;
	border: 1px solid #fff  
	text-align: center;
	line-height: 38px;
	font-size: 18px;
	color: #fff 
	border-radius: 50%;
}



/* 푸터 링크 */
footer .link {
    display: inline-block;
    font-weight: 700 !important;
    font-size: 0.75em !important;
    border: 2px solid #333;
    padding: 6px 8px;
    margin: 0 6px 10px 0;
    vertical-align: top;
	color: #333;
}

footer .link:hover {
	border-color: #999;
	color: #999;
}

footer .copy {
	font-size: 11px;
	text-align: right;
	color: rgba(255,255,255,0.3);
}

footer .copy .f_c_c {
	color: rgba(255,255,255,0.6);
}



/* __________ Contact Form __________ */

@media (max-width: 991px) {
.a_cf {
	padding-bottom:30px;	
}
}

.contact_form textarea,
.contact_form input[type="text"],
.contact_form textarea,
.contact_form input[type="email"],
.contact_form textarea,
.contact_form input[type="tel"] {
	width: 100%;
	margin: 0;
	padding: 10px 8px;
	text-transform: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	line-height: 20px;
	font-size: 12px;
	color: #333;
	font-style: normal;
	border-radius: 0;	
	background: none;
	border: 2px solid #242424;
	box-shadow: none;
	transition: border-color 0.3s ease-in-out; 
	-webkit-transition: border-color 0.3s ease-in-out;
}

@media (min-width: 992px) {
.contact_form .email {
	padding-right: 0;
}
}

.contact_form textarea {
	overflow: hidden;
	min-height: 95px;
	resize: none;
}
.contact_form textarea,
.contact_form input[type="text"].last {margin-right:0;
}

.contact_form ::-webkit-input-placeholder { 
	/* Chrome/Opera/Safari */
	color: #333;
}

.contact_form ::-moz-placeholder { 
	/* Firefox 19+ */
	color: #333;
}

.contact_form :-ms-input-placeholder { 
	/* IE 10+ */
	color: #333;
}

.contact_form :-moz-placeholder { 
	/* Firefox 18- */
	color: #333;
}

.contact_form ul li { 
	font-size: 11px;
	margin-top: 3px;
}

.help-block {
	margin: 0;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	outline: 0;
	box-shadow: none;
	color:#666;
	border-color:#ccc;
}

.contact_btn {
	display:inline-block;
	cursor:pointer;
	margin: 0 7px 10px 0;
	padding:13px 30px;
	border: 2px solid #242424;
	border-radius: 0;
	box-shadow: 0;
	text-shadow:none;
	text-decoration:none;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	line-height:20px;
	font-size:13px;
	color:#333;
	background: none; 
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.contact_btn.active, .contact_btn:hover {background: none; color:#fff; border-color:#ccc;}

.notification_error {color:#30a67c;}



/*-----------------------------------------------------------------------------------*/
/*	RESPONSIVE
/*-----------------------------------------------------------------------------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) { 

}

@media (min-width: 992px) and (max-width: 1199px) {
h2 {font-size:35px; line-height:35px;}
}



@media (min-width: 768px) and (max-width: 991px) {	

}

@media (max-width: 992px) {

}

@media (max-width: 767px) {
.container {padding-left:15px; padding-right:15px;}
h2 {font-size:30px; line-height:32px;}			
}

@media (max-width: 479px) {	

/* __________ Index __________ */
h2 {font-size:26px; line-height:26px;}

/* __________ Bootstrap Style __________ */
.col-ss-1, .col-ss-2, .col-ss-3, .col-ss-4, .col-ss-5, .col-ss-6, .col-ss-7, .col-ss-8, .col-ss-9, .col-ss-10, .col-ss-11 {float: left;}
.col-ss-12 {width: 100%;}
.col-ss-11 {width: 91.66666666666666%;}
.col-ss-10 {width: 83.33333333333334%;}
.col-ss-9 {width: 75%;}
.col-ss-8 {width: 66.66666666666666%;}
.col-ss-7 {width: 58.333333333333336%;}
.col-ss-6 {width: 50%;}
.col-ss-5 {width: 41.66666666666667%;}
.col-ss-4 {width: 33.33333333333333%;}
.col-ss-3 {width: 25%;}
.col-ss-2 {width: 16.666666666666664%;}
.col-ss-1 {width: 8.333333333333332%;}

}







/* 공통 */

@media (min-width: 992px) {
#mainNav > .container {
	position:relative;
}
}

.bg_fit {
	background-repeat:no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
}

.modal-close {
    position: absolute;
    top: 30px;
    right: 30px;
    background: none;
    border: none;
    z-index: 9;
    color: #999;
    font-size: 22px;
	padding: 0;
}

@media screen and (min-width: 768px) {
.modal-dialog {
    width: 380px;
}
}

/* 공통 */



/* --- header --- */
.etp_header {
	background: #fff;
	padding: 10px 0;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	width: 100% !important;
}


/* MAIN NAV */  
.etp-nav {
	position: absolute;
    top: 55%;
	right: 0;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.etp-nav-ul { 
	margin-left:;
	padding: 0;
	list-style: none;
}

.etp-nav-ul.emo_mm li:last-child { 
	margin-right: 0;
}

.etp_header ul.etp-nav-ul > li { 
	position: relative; 
	float: left;
	margin: 0 15px; 
	color: #2a2492;	
	text-align: center;
	line-height: 26px;
}

.etp-nav-ul > li > a { 
	font-size: 15px; 
	font-weight: bold;
	vertical-align: middle;
	color: #888;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.etp-nav-ul > li > button i { 
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.bh_btn { 
	background: none;
	border-color: transparent;
}

.etp-nav-ul > li.li-lang { 
	margin: 0; 
}

/* 1차메뉴 호버 */
.etp-nav-ul > li:hover > a,
.etp-nav-ul > li:hover > a i,
.etp-nav-ul > li.active > a,
.etp-nav-ul > li:hover > button > i {
	color: #ea89a7;
}

/* 2차 메뉴 */
.etp-nav-ul ul { 
	z-index: 99; 
	opacity: 0;
	visibility: hidden;
	position: absolute; 
	left: 0; 
	top: 50px;	
	min-width: 160px;
	list-style: none;
	margin: 0 0 0 -20px; 
	padding: 10px 0;
	background: #FFF;
	box-shadow: 0 4px 5px -3px rgba(0,0,0,.1);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,.1);
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;	
}

.etp-nav-ul ul li { 
	position: relative;
	float: none; 	
	height: auto;
	line-height: 1.42857143;
	border-bottom: ;
	text-align: left;
}

.etp-nav-ul ul li:last-child { 
	border-bottom: 0;
}

.etp-nav-ul ul li:first-child { 
	border-top: 0; 
}

.etp-nav-ul ul li a { 
	position: relative;
	display: block; 
	font-size: 13px; 
	font-weight: normal; 
	padding: 10px 0;
	margin: 0 20px;
	color: #999; 
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transform: translateX(0px);
	-moz-transform: translateX(0px);
	-webkit-transform: translateX(0px);
}

.etp-nav-ul ul li > a > i { 
	color: inherit; 
}

.etp-nav-ul ul li.active > a { 
	color: #ea89a7;
}

.etp-nav-ul ul li span.child {
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	font-size: 11px; 
	font-weight: normal; 
	text-align: center;
	padding: 8px 0;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;	
	color: #999;
}

/* 2차메뉴 호버 애니메이션 */  
.etp-nav-ul ul li:hover > a {
	transform: translateX(7px);
	color: #ea89a7;
}

/* 3차메뉴 이동 애니메이션 */
/* 3차 메뉴 */
.etp-nav-ul ul ul { 
	top: -10px; 
	left: 100%; 
	margin: 0;
	padding: ;
	transform: translateX(30px);
}

.etp-nav-ul li:last-child ul ul { 
	left: auto !important;

	right: 100% !important; 
}

/* 2차, 3차 메뉴 보이기 */
.etp-nav-ul li.hovered > ul,
.etp-nav-ul ul li:hover > ul {
	opacity: 1;
	visibility: visible;
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition: all 0.33s ease-out 0s;
	-moz-transition: all 0.33s ease-out 0s;
	-webkit-transition: all 0.33s ease-out 0s;	
}



/* 서브메뉴 */
.etp-nav-sub {
	margin-bottom: 60px !important;
	border-bottom: 3px solid #333;
}

.etp-nav-sub > a {
	display: block;
	border-bottom: 3px solid #333;
	padding: 0 0 8px 20px;
	font-size: 15px;
	font-weight: bold;
	color: #000
}

.etp-nav-sub li.active > a:first-child {
	border-left: 0 !important;
}

.etp-nav-sub ul.depth3 {
	display: block;
}



/* 서브탑 */
.etp_sub_top {
	position: relative;
}

.etp_sub_top img {
	margin: 0 auto;
	width: 100%;
}

.etp_sub_top h2 {
	margin: 5px 0;
	font-weight: 300;
	color: #fff;
}

.etp_sub_top p {
	margin: 10px 0;
	color: #fff;
}

.etp_sub_top .sub_top_txt {
	width: 100%;
	color: #fff;
	position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	text-align: center;
}

@media (max-width: 767px) {
.etp_sub_top h2 {
	font-size: 24px;
	margin-bottom: 2px;
}
.etp_sub_top p {
	margin: 0;
	font-size: 12px;
}
}

/* 서브 네비게이션 */
.etp_page_navi {
	display: inline-block;
	color: #fff;
	opacity: 0.7;
}

.etp_page_navi li {
	font-size: 10px;
	float: left;
}

.etp_page_navi li a {
	color: #fff;
	padding: 0 10px;
}

.etp_page_navi li i {
	color: #fff;
}

/* 서브 컨텐츠 */
.etp_sub_contents {
	padding: 60px 15px 60px 45px;
}

@media (max-width: 767px) {
.etp_sub_contents {
	padding: 60px 15px;
}
}

.sub_sidebar .sub_side {
padding-top: 60px;
}

@media (max-width: 768px) {
.sub_sidebar.container > .row {
	margin: 0;
}
}

.etp_side_widget {
	margin-bottom:60px;
}

.etp_banner img {
	max-width: 100%;
}

.etp_side_banner .etp_banner img {
	margin-bottom: 60px;
}

/* --- 서브 --- */



/* --- 슬라이드 메뉴 --- */

/* 헤더 메뉴 아이콘 */

.etp-push-nav {
	background-image: url(../img/etp_sm_city.png) !important;
	background-repeat:no-repeat !important;
	background-position: 15px bottom !important;
	background-size: 100% !important;
}

.etp-push-nav .etp-toggle-menu {
	color: #999;
	width: auto;
}

/*-- 메인메뉴 토글버튼 --*/

.etp-toggle-menu {
	position: relative;
	display: block;
	padding: 0;
	cursor: pointer;
	border: 0;
	background: none;
	z-index: 99;
	width: 22px;
	height: 22px;
}

.etp-toggle-menu.ptl {
	position: absolute;
    top: 50%;
	left: 0x;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.etp-toggle-menu:hover .s_tm_line {
	width: 16px;
}

.s_tm_line {
	position: relative;
    width: 22px;
    transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
	height: 2px;
    background-color: #333;
}

.s_tm_line:before {
	content:"";
    position: absolute;
    top: -8px;
	left: 0;
    width: 22px;
    transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
	height: 2px;
    background-color: #333;
}

.etp-toggle-menu:hover .s_tm_line:before {
	width: 16px;
}

.s_tm_line:after {
	content:"";
    position: absolute;
    top: 8px;
	left: 0;
    width: 16px;
    transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
	height: 2px;
    background-color: #333;
}

.etp-toggle-menu:hover .s_tm_line:after  {
	width: 22px;
}

/* 슬라이드 메뉴 박스 */
.etp-push-nav {
	z-index: 1100;
	position: fixed;
	background: #fff;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.alice-push-nav-top,
.alice-push-nav-bottom {
	width: 100%;
	left: 0;
}
	
.etp-push-nav-left,
.alice-push-nav-right {
	height: 100%;
    top: 0;
}

.etp-push-nav-left {
	width: 300px;
    left: -300px;
    
}

.alice-push-nav-right {
	width: 300px;
    right: -300px;
   
}

/* 슬라이드 메뉴 sns */
.etp-push-nav .sns_o {
	position: relative;
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #999;
	margin-right: 15px;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
}

.etp-push-nav .sns_o:hover {
	background: #ea89a7;
}

.etp-push-nav .m_sns {
	display: inline-block
}

.etp-push-nav .m_sns i {
	position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	text-align: center;
	width: 100%;
	color: #fff;
}

/* 슬라이드 메뉴 로그인 */
.m-login {
	padding: 15px 20px;
}

.m-login .form-control {
	box-shadow: none;
	border: none;
    border-bottom: 1px solid #ccc;
}

.m-login .form-control,
.m-login .btn {
	border-radius: 0;
}

.m-login .btn {
	margin-bottom: 15px;
}

.m-login .btn.btn-block {
	height: auto !important;
	padding: 5px 0 !important;
	color: #fff !important;
	background: #999;
	text-shadow: none;
	border: none;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.m-login .log_regi {
	border-right: 1px solid #ccc;
}

.m-login .log_find {
	text-align: right;
}

.m-login .log_regi, .m-login .log_find {
	width: 50%;
	color: ;
	font-size: 12px;
}

.m-login .log_find:hover {
	color: #ea89a7;
}

.m-login .checkbox label, .radio label {
	color: #999;
	font-size: 12px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.m-login input[type=checkbox] {
    margin-top: 3px;
}

.mtr {
	
}

.mtr i {
	font-size: 22px;	
}

.mtr:hover {
	opacity: 0.9;
}

/* 슬라이드 메뉴 오픈 버튼 */
.etp-push-nav-left.push-open {
    left: 0;
	-webkit-box-shadow: -2px 0px 4px rgba(0,0,0,.7);
	box-shadow: -2px 0px 4px rgba(0,0,0,.7);
}

.alice-push-nav-right.push-open {
    right: 0;
	-webkit-box-shadow: -2px 0px 4px rgba(0,0,0,.7);
    box-shadow: -2px 0px 4px rgba(0,0,0,.7);
}

.push {
    left: 0;
    position: relative;
}

.push-toright {
    left: 300px !important;
}

.push-toleft {
    left: -300px !important;
}

body,
.etp-push-nav, 
.push {
    transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
	-moz-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
	-webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
}

/* 슬라이드 메뉴 탑 */
.etp-mobile-sns {
	height: 68px;
	padding: 20px;
	color: #fff;
}

.etp-mobile-sns a {
	color: #fff;
}

.etp-mobile-sns img {
	vertical-align: middle;
}

/* 슬라이드 메뉴 */
.etp-mobile-body {
	clear: both;
	margin-top: 15px;
}

.etp-nav-m {
	list-style: none;
	margin: 0;
	padding: 0 0 0;
}

.etp-push-nav .etp-nav-m {
	border-top: ;
}

.etp-nav-m a.child {
	position: absolute !important;
	right: 0;
	top: 0;
	z-index: 9;
}

.etp-nav-m li {
	position: relative;
	margin: 0;
	padding: 0;
	border-bottom: ;
	background-color:;
}

.etp-nav-m li:last-child {
	border-bottom: 0;
}

.etp-nav-m li.admin {
	background-color: #f1f1f1;
}

.etp-nav-m > li > a {
	font-weight: 500;
}

.etp-nav-m li a {
	position: relative;
	display: block;
	font-size: 14px;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
	vertical-align: middle;	
	color: #333;
}

.etp-nav-m li.active > a,
.etp-nav-m li > a:hover,
.etp-nav-m li.active button,
.etp-nav-m li button:hover {
	color: #ea89a7 !important;	
}

.etp-nav-m li.lang a {
	color: ;	
}

.etp-nav-m li.current > a {
	color: #ea89a7;
}

.etp-nav-m li .arrow {
	position: absolute;
	top: 0;
	right: 20px;
	height: 100%;
	padding-left: 15px;
}

.etp-nav-m li.active ul {
	display: block;
}

.etp-nav-m ul {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;	
}

.etp-nav-m ul li {
	background: #f8f8f8;
}

.etp-nav-m ul li a {
	padding: 0 15px 0 30px;
}

.etp-nav-m ul ul li a {
	padding: 0 15px 0 45px;
}

.etp-nav-m ul ul.depth3 li {
    background: #f2f2f2;
}

/* 언어 선택 */
.etp-nav-m li.lang {
	background-color: transparent;
	border-bottom: none;
}

.etp-nav-m li button.emo-lang-btn {
	margin-top: 7px;
	border: 0;
	background: none;
	padding-left:19px;
	color: #999;
}

/* --- 슬라이드 메뉴 --- */



/* go to top */

.scroll_btn {
	width: 40px;
	height: 40px;
	position: fixed;
	right: 15px;
	display: none;
	text-align: center;
	z-index: 99999;
	line-height: 40px;
	transition: none;
	opacity: 0.35;
    background: url() center no-repeat rgba(0,0,0,.7);
	-webkit-transition: all 0.3s ease-out 0s; /* 크롬, 사파리 */
	-moz-transition: all 0.3s ease-out 0s; /* 파이어폭스 */
	-ms-transition: all 0.3s ease-out 0s; /* 익스플로러 */
	-o-transition: all 0.3s ease-out 0s; /* 오페라 */
	transition: all 0.3s ease-out 0s;
}

a.scroll_btn:hover {
	opacity: 1;
}

.etp_gototop {
	bottom: 391px;
}

a.scroll_btn {
	color: #fff;
}

.scroll_btn i {
	vertical-align: middle;
	margin-top: -2px;
	font-weight: 100;
}

/* go to top */

/* go to bottom */

.etp_gotobottom {
	bottom: 350px;
}

/* go to bottom */



/* --- 모달 창 --- */

.modal {
	position: fixed !important;
}

.modal-body {
	text-align: center;
	padding: 30px;
}

.modal-body h4 {
	margin-bottom: 22px;
}

.modal-body hr {
	margin: 15px 0;
}

#modal-info .modal-body, #modal-lang .modal-body {
	text-align: left;
}

.border-gray {
	border-bottom: 1px solid #373a42 !important;
}

.modal .modal-content {
	border-radius: 0;
}

.modal .modal-content a {
	line-height: 36px;
	vertical-align: middle;
}

.modal-body ul > li {
	margin: 0;
}

#modal-lang h4, #modal-info h4 {
	color: #333;
}

.modal-body h4 i {
	vertical-align: middle;
}

/* 모달 언어 */
.modal ul.selectLang li {
	list-style-type: disc;
	margin: 0 20px;
}

/* 모달 로그인 */
.login_ma {
	color: #ddd;
	font-weight: bold;
}

.modal-body .modal-title {
	text-align: left;
}

.modal .m_l_circle {
	width: 100px;
	height: 100px;
	background: #eee;
	border-radius: 50%;
	margin: 30px auto;
}

.modal .m_l_circle i {
	line-height: 100px;
	opacity: 0.5
}

.modal #warning p {
	line-height: 24px;
}

.modal-body ul.emo-login > li {
	margin: 0;
}

#modal-user .fa-unlocemo-alt.fa-5x {
	opacity: 0.3;
}

.log_icon_1 {
	font-size: 16px;
	text-align: center;
	display: table;
	width: 15%;
	height: 40px;
	margin: 0 !important;
	border: 1px solid #ccc;
	background: #eeeeee;
}

.log_icon_1:before {
	vertical-align: middle;
	display: table-cell;
}

.log_input_1 {
	padding: 10px 8px;
	height: 40px;
	border: 1px solid #ccc !important;
	border-left: 0 !important;
	width: 85% !important;
	margin-bottom: 15px !important;
}

.modal label {
	margin: 0;
	font-weight: 400;
}

.modal .etp-btn-fill { 	
	color: #fff;
	background-color: #999;
	border: none;
    width: 100%;
    padding: 8px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.modal-body .chk_label {
	margin-bottom: 15px;
}

.modal-body .chk_label input {
    -webkit-appearance: checkbox;
}

/* --- 모달 창 --- */



@media (min-width: 768px) {	
.etp_header {
	padding: ;
}	
}

@media (max-width: 991px) {
.etp-logo {
	text-align: center;
}	
footer .etp-logo {
	text-align: left;
}
}

@media (min-width: 993px) {	
.etp-logo {
	text-align: left;
}
}



/* 컨텐츠 영역 */
.etp_content > .container {
	max-width: ;
}

.etp_content .container.admin {
	margin-top: 30px;;
}

.etp_content .container.admin #spot {
	margin-top: 60px;
}

.etp_content .container.admin .xm, .etp_content .container.admin .xc {
	padding: 60px 0;
}

.etp_content .nav-tabs>li>a:first-child {
	display: none;
}
.etp_content .nav-tabs>li>a:last-child {
	display: block;
}
/* 컨텐츠 */



/* 유튜브배경에 안보이는 요소 */
.a_t_movie .flex-direction-nav {
	display: none;
}

/* 페이지 관리 버튼 */
.admin .btnArea .btn-group .btn, .etp_sub_contents .btnArea .btn-group .btn,
 .etp_sub_contents .btnArea select {
	height: 26px !important;
}

.admin form > div {
	margin-right: 0 !important;
	margin-bottom: 10px;
}

/* 검색 페이지 */
#spot .search input[type="text"] {
	height: 32px;	
}

.container.admin  span.noResult:last-child {
	margin-bottom: 45px;
}

.localNavigation li a {
    padding: 7px 15px 0 15px;
    height: 30px;
    background: #f8f8f8;
}

.localNavigation li.on a {
    height: 31px;
}





/* 섹션9 슬라이드 네비게이션 버튼 */
.owl-theme .owl-nav [class*='owl-'] {
    position: relative;
    z-index: 1;
	margin: 0 !important;
	padding: 0 !important;
    background: none !important;
    display: inline-block;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
	border-radius: 0 !important;
	line-height: 26px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.owl-theme .owl-nav .owl-prev {
    position: absolute;
	top: 50%;
	left: 0;
    transform: translateY(-50%);
} 

.owl-theme .owl-nav .owl-next {
    position: absolute;
	top: 50%;
	right: 0;
    transform: translateY(-50%);
} 

.owl-theme .owl-nav .owl-prev:before {
    content: "\f104";
}

.owl-theme .owl-nav .owl-prev {
    margin-right: 1px !important;
}

.owl-theme .owl-nav .owl-next {
    margin-left: 1px !important;
}

.owl-theme .owl-nav .owl-next:before {
    content: "\f105";
}

.owl-theme .owl-nav div:before {
    position: absolute;
    left: 0;
    top: 0;
	right: 0;
    font-family: FontAwesome;
    text-align: center;
    line-height: ;
    font-size: 20px;
    color: #ccc;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.owl-theme .owl-nav div:hover {
    z-index: 2;
    border-color: #333;
}
.owl-theme .owl-nav div:hover:before {
    color: #333;
}