/*-- Reset Code --*/

@media(min-width:1200px){
.container{max-width:1260px;}
}

.main-container{max-width:1200px; margin: 0 auto; padding-left:15px; padding-right:15px;}

a:hover{color:#cc99ff;}

body {
    padding: 0;
    margin: 0;
    background: #FFF;
	font-family: 'Noto Sans KR', sans-serif;
}

body a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration: none;
}

body a:hover {
    text-decoration: none;
}

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

input[type="button"],
input[type="submit"] {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: 'Noto Sans KR', sans-serif;
	
}

p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    /*letter-spacing: 1px;*/
    line-height: 1.6;
    color: #999;
}

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

label {
    margin: 0;
}
img{
	
	width:100%;
}
a:focus,
a:hover {
    text-decoration: none;
    outline: none
}

/*-- //Reset Code --*/

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 2%;
    overflow: hidden;
    z-index: 999;
    width: 60px;
    height: 60px;
    border: none;
    text-indent: -9999px;
    background: url(../images/arrow.png) no-repeat 0px 0px;
}

#toTopHover {
    width: 32px;
    height: 32px;
    display: block;
    overflow: hidden;
    float: right;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}




/*-- nav --*/

@media(min-width:992px){
.navbar-expand-lg .navbar-nav .nav-link{}
}

header {
    /*position: absolute;
    top: 0;
    z-index: 9;*/
    width: 100%;
   /* background: rgba(0, 0, 0, 0.4); */
}


.navbar-light .navbar-brand {
    color:#6e2d91 ;
    font-size: 37px;
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: #6e2d91 ;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color:#6e2d91 ;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #6e2d91 ;
}

.navbar-light .navbar-nav .nav-link {
    color: #666666;
	font-size:20px;
	padding:0 30px; 
}

/*-- //nav --*/
/*-- banner --*/
.carousel-indicators li {
    width: 12px;
    height: 12px;
	border-radius:50%;
	border:2px solid #6e2d91 ;
}
.carousel-indicators {
    bottom: 20px;
	display:none;
}
.carousel-caption {
    width: 60%;
    bottom: 30%;
    text-align: center;
}

.carousel-item02 .carousel-caption{bottom:20%;}

.carousel-caption h5 {
    font-size: 40px;
    text-align: center;
	font-weight:700;
}
.carousel-caption p {
    font-size: 24px;
    color: #fff;
    margin-top: 5px;
    letter-spacing: 1px;
	line-height:1.4em;
	padding:20px 0;
}

.carousel-caption span{font-size:20px; }
.carousel-caption h6{font-size:30px; font-weight:700;}
/*-- //banner --*/
/*-- about --*/

.title-heading-about h3 {
    padding: 1em 0;
    font-size: 35px;
    color: #f85a40;
    letter-spacing: 2px;
    font-weight: 600;
}
.title-heading-about h4 {
    position: absolute;
    top: 10px;
    font-size: 75px;
    font-weight: 600;
    opacity: .5;
    z-index: -1;
    color: #caccd1;
    letter-spacing: 3px;
}
.title-heading-about {
    position: relative;
}
.more-button {
    background-color: #0ca2cf;
    color: #fff;
    margin-top: 15px;
    font-size: 14px;
    border: #fff;
	border: 2px solid #0ca2cf;
}
.more-button:hover {
    background: transparent;
    color: #000;
    border: 2px solid #0ca2cf;
}
.modal-body img {
    margin-bottom: 15px;
}
/*-- //about --*/
/*-- services --*/
.title-heading {
    position: relative;
}
.title-heading h3 {
    color:#f85a40;
    font-size: 35px;
    letter-spacing: 2px;
	font-weight:600;
}
.title-heading h4 {
    position: absolute;
    left: 30%;
    width: 40%;
    top: -24px;
    font-size: 75px;
    font-weight: 600;
    opacity: .5;
    z-index: -1;
    color: #caccd1;
    letter-spacing: 3px;
}
.agile_wthree_inner_grids {
    margin-top: 5em;
}
.agileits-button.two a, .agileits-button a {
    padding: 0.5em 0em;
    color: #f85a40;
    font-size: 15px;
    letter-spacing: 1px;
    background: none;
    border: none;
    border-radius: 0;
}
.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.wthree_banner_bottom_grid_right h4 {
    font-size: 20px;
    letter-spacing: 0px;
    font-weight: 600;
    color: #333;
}
.wthree_banner_bottom_grid_right p {
    line-height: 28px;
    font-size: 14px;
    color: #676767;
    letter-spacing: 1px;
}
.agileits_banner_bottom_left {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.agile_banner_bottom_grid_left_grid i {
    font-size: 22px;
    color: #fff;
    background: #30c39e;
    width: 60px;
    height: 60px;
    line-height: 60px;
	border-radius: 50%;
}
.w3_agileits_banner_bottom_pos_grid:hover i {
    color: #333;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
}
/*-- //services --*/
/*-- team --*/
.team_grid h3 {
    font-size: 1.4em;
    color: #30c39e;
    margin: 1em 0 0.5em;
    
    letter-spacing: 1px;
}
p.team_gridp {
    color: #f85a40;
    margin-bottom: 1em;
    font-size: 1em;
}
.team_grid p {
    margin-bottom: 20px;
}
ul.footer_list_icons.team_icons{
    border-top: 1px solid #ddd;
    padding: 1.5em 0;
}
ul.footer_list_icons li {
    display: inline-block;
    list-style: none;
    margin-right: 1em;
}
ul.footer_list_icons.team_icons li a {
    color: #30c39e;
}

/*-- //team --*/

/*-- video section --*/

.video-w3l {
    background: rgba(0, 0, 0, 0.28);
    min-height: 475px;
    text-align: center;
}
.video-w3l h2 {
    color: #f85a40;
    font-size: 45px;
    letter-spacing: 2px;
    text-align: center;
    width: 70%;
    margin: 0 auto;
    padding-top: 3em;
}
.video-w3l p {
    font-size: 19px;
    color: #fff;
    margin-top: 15px;
}
p.model-body-text-p {
    color: #000;
    font-size: 15px;
    text-align: left;
}
.more-button3 {
    background-color: #0ca2cf;
    color: #fff;
    margin-top: 15px;
    font-size: 14px;
    border: 2px solid #0ca2cf;
    padding: .5em 2em;
}
.more-button3:hover {
    background: transparent;
    color: #fff;
    border: 2px solid #0ca2cf;
}
/*-- //video section --*/
/* gallery */

ul.portfolio-area li figure {
    margin: 0;
}

.portfolio-categ li {
    color: #333;
    cursor: pointer;
    display: inline-block;
    padding: 6px 15px;
    font-size: 1.1em;
    margin: 0 0.4em;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.portfolio-categ li a {
    color: #333;
    text-transform: uppercase;
    font-size: 13.5px;
    letter-spacing: 2px;
}

a.image-gal {
    display: block;
}

.portfolio-area li {
    float: left;
    list-style-type: none;
    overflow: hidden;
    width: 19%;
    margin: 0.5%;
	width: 372px;
}

.home-portfolio-text {
    margin-top: 10px;
}

.portfolio-categ li.active {
    background: #f85a40;
    color: #fff;
}

.portfolio-categ li.active a {
    color: #fff;
}

/* //gallery */
/*-- news --*/

/*.news_grid1 {*/
/*    background: url(../images/n1.jpg) no-repeat 0px 0px;*/
/*    background-size: cover;*/
/*    min-height: 300px;*/
/*	-webkit-transition: 0.5s all;*/
/*	-ms-transition: 0.5s all;*/
/*	-o-transition: 0.5s all;*/
/*	-moz-transition: 0.5s all;*/
/*}*/
/*.news_grid2 {*/
/*    background: url(../images/n2.jpg) no-repeat 0px 0px;*/
/*    background-size: cover;*/
/*    min-height: 300px;*/
/*	background-position: 50% 50%;*/
/*	-webkit-transition: 0.5s all;*/
/*	-ms-transition: 0.5s all;*/
/*	-o-transition: 0.5s all;*/
/*	-moz-transition: 0.5s all;*/
/*}*/
/*.news_grid3 {*/
/*    background: url(../images/n3.jpg) no-repeat 0px 0px;*/
/*    background-size: cover;*/
/*    min-height: 300px;*/
/*	background-position: 50% 50%;*/
/*	-webkit-transition: 0.5s all;*/
/*	-ms-transition: 0.5s all;*/
/*	-o-transition: 0.5s all;*/
/*	-moz-transition: 0.5s all;*/
/*}*/
/*.news_grid4 {*/
/*    background: url(../images/n4.jpg) no-repeat 0px 0px;*/
/*    background-size: cover;*/
/*    min-height: 300px;*/
/*	background-position: 50% 50%;*/
/*	-webkit-transition: 0.5s all;*/
/*	-ms-transition: 0.5s all;*/
/*	-o-transition: 0.5s all;*/
/*	-moz-transition: 0.5s all;*/
/*}*/
/*.news_grid5 {*/
/*    background: url(../images/n5.jpg) no-repeat 0px 0px;*/
/*    background-size: cover;*/
/*    min-height: 300px;*/
/*	background-position: 50% 50%;*/
/*	-webkit-transition: 0.5s all;*/
/*	-ms-transition: 0.5s all;*/
/*	-o-transition: 0.5s all;*/
/*	-moz-transition: 0.5s all;*/
/*}*/
/*.news_grid6 {*/
/*    background: url(../images/n6.jpg) no-repeat 0px 0px;*/
/*    background-size: cover;*/
/*    min-height: 300px;*/
/*	background-position: 50% 50%;*/
/*	-webkit-transition: 0.5s all;*/
/*	-ms-transition: 0.5s all;*/
/*	-o-transition: 0.5s all;*/
/*	-moz-transition: 0.5s all;*/
/*}*/
.news_grid_info {
    background: rgba(255, 255, 255, 0.59);
    border: 4px solid #e2e2e2;
    padding: 2em;
    height: 300px;
    display: none;
	-webkit-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
}

.news_grid1:hover .news_grid_info,.news_grid2:hover .news_grid_info,.news_grid3:hover .news_grid_info,.news_grid4:hover .news_grid_info,.news_grid5:hover .news_grid_info,.news_grid6:hover .news_grid_info{
    display: block;
	transition: 1s ease;
	-webkit-transition: 1s ease;
	-ms-transition: 1s ease;
	-o-transition: 1s ease;
	-moz-transition: 1s ease;
}
.news_grid_info p.date {
    font-size: 14px;
    letter-spacing: 2px;
    color: #000;
}
.news_grid_info p {
    font-size: 14px;
    letter-spacing: .5px;
    color: #111;
	line-height: 26px;
	margin-bottom: 1.5em;
}
.news_grid_info h3 {
    text-transform: capitalize;
    font-size: 25px;
    letter-spacing: 1px;
    margin: 1em 0;
}
.news_grid_info a {
    font-size: 14px;
    text-transform: capitalize;
    color: #000;
	font-weight: 600;
    letter-spacing: 2px;
}
/*-- //news --*/
/*-- stats --*/
.title-heading-stats {
    position: relative;
}
.title-heading-stats h4 {
    position: absolute;
    left: 0;
    top: -24px;
    font-size: 75px;
    font-weight: 600;
    opacity: .5;
    z-index: -1;
    color: #caccd1;
    letter-spacing: 3px;
}
.title-heading-stats h3 {
    color: #f85a40;
    font-size: 35px;
	font-weight:600;
    letter-spacing: 2px;
    margin-bottom: 35px;
}
.more-button1 {
    background-color: #0ca2cf;
    color: #fff;
    margin-top: 15px;
    font-size: 14px;
    border: #fff;
	border: 2px solid #0ca2cf;
}
.more-button1:hover {
    background: transparent;
    color: #000;
    border: 2px solid #0ca2cf;
}
.countericon i {
    color:#30c39e;
    font-size: 25px;
}
p.counter {
    font-size: 30px;
    color: #000;
    letter-spacing: 2px;
}
.counterinfo h3 {
    font-size: 21px;
    color: #999;
}
/*-- //stats --*/

/*-- Contact --*/
/*.contact{*/
/*	background: url(../images/contact.jpg) no-repeat 0px 0px;*/
/*	background-size: cover;*/
/*	min-height:500px;*/
/*}*/
.contact .title-heading {
    z-index: 9;
}
.contact .title-heading h4 {
    color:#333;
}

.contact-left,.contact-middle h3 {
	text-align: left;
	font-weight: inherit;
	font-size: 24px;
	letter-spacing: 1px;
	text-transform: capitalize;
	color: #30c39e;
	
}
.contact-left {
	padding: 2em;
	box-sizing: border-box;
	background:rgba(0, 0, 0, 0.72);
}
p.para-w3-agileits {
    letter-spacing: 2px;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 10px;
    font-size: 16px;
}
.contact-middle {
	padding: 2em;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.72);
}
ul.contact-social-icons {
    margin-top: 3px;
}
ul.contact-social-icons a {
    color: #dbe2e0;
    margin-right: 10px;
    font-size: 18px;
}
ul.contact-social-icons a:hover {
    color: #fff;
}
ul.contact-social-icons li {
    display: inline-block;
}
.form-group label {
    margin: 0px 0 7px;
    color: #510c69;
}
.add-info p,a{
    color: black;
	margin-top: 0px;
	font-size: 16px;
}
.login_con{max-width:800px;}
.login_con a{color:#510c69}
.login_con .bg-theme3{background:#510c69; color:#fff; border:1px solid #510c66;}

.btn-2 {
    background: #30c39e;
    border: none;
    border: 2px solid #30c39e;
    padding: .5em 1em;
    outline: none;
    font-size: 16px;
    text-transform: capitalize;
    letter-spacing: 2px;
    color: #fff;
    margin-top: 1em;
}
.btn-2:hover {
    background: transparent;
    color: #fff;
}
/*--//Contact --*/


/*--Map --*/
.map-w3ls iframe {
	width: 100%;
	height: 300px;
	border: none;
}
/*-- //Map--*/


/*-- newsletter--*/
.n-left h6 {
	font-size: 2.5em;
	letter-spacing: 1px;
	color: #30c39e;
	font-weight: 700;
}

.w3layouts_newsletter_right {
    padding: 2em 0;
    background: rgba(21, 21, 21, 0.86);
}

.w3layouts_newsletter_right input[type="submit"],
.w3layouts_newsletter_right input[type="text"] {
	width: 30%;
}

.w3layouts_newsletter_right input[type="email"],
.w3layouts_newsletter_right input[type="text"] {
	outline: none;
	border: none;
	padding: 10px;
	background: #fff;
	border: 2px solid #ffffff;
	color: #212121;
	font-size: 15px;
	text-align: center;
	float: left;
}

.w3layouts_newsletter_right input[type="email"] {
	width: 38%;
	margin: 0 1%;
}

.w3layouts_newsletter_right input[type="submit"] {
	color: #fff;
	letter-spacing: 0.5px;
	font-size: 16px;
	text-transform: capitalize;
	padding: 9.5px 0px;
	border: none;
	outline: none;
	background: #30c39e;
	border: 2px solid #30c39e;
	cursor: pointer;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
	transition: 0.5s all;
}

.w3layouts_newsletter_right input[type="submit"]:hover {
	background: transparent;
	color: #fff;
}


/*-- //newsletter--*/

/*--footer--*/

.footer_w3layouts_section_1its{
	background: #313131;
}

.footer_w3layouts_section_1its h3,.footer_w3layouts_section_1its h2{
	font-size: 1.6em;
	color: #ffffff;
    font-weight: 300;
	margin-bottom: 20px;
	letter-spacing: 1px;
}

.footer-text p,.contact-info p {
    color: #808080;
    font-size: 14px;
    line-height: 1.8em;
    letter-spacing: 0.5px;
    
}

.phone {
    margin-top: 20px;
}

.contact-info h4 {
    font-style: normal;
    font-weight: 300;
    font-size: 1.3em;
    line-height: 1.71;
    letter-spacing: 1px;
    text-transform: capitalize;
    color: #fff;
}
.copyright {
    padding:50px 0;
background:#510c69;
}
.copyright p {
    font-size: 16px;
    text-transform: capitalize;
	color:#d9d9d9;
	font-weight:300;
}

.copyright p.copy{color:#bbbbbb; padding-top:10px;}

.copyright p a{
	/*color:#808080;*/
	/*text-decoration: underline;*/
}
.copyright p a:hover {
	color:#fff;
}
.footer{
	/*padding: 4em 0;*/
}

.footer p {
}

.footer-grid:nth-child(2) {
	border-left: 1px solid #1b1b1b;
	border-right: 1px solid #1b1b1b;
}

.footer ul li.hd {
	color: #34bf49;
}

.newsletter .email {
	background-color: #F4F4F4;
	border: none;
}

.flickr-grid {
	float: left;
	width: 32%;
	margin: 0 0.1em .2em;
}

.flickr-grid a img {
	width: 100%;
	padding: 0.3em;
	border: 1px solid #333333;
}


.newsletter {
	position: relative;
	margin-top: 2em;
}


ul.social_section_1info li {
    display: inline-block;
}

ul.social_section_1info {
    margin-top: 15px;
}

ul.social_section_1info a {
    color: #808080;
    margin-right: 10px;
    font-size: 15px;
}
ul.social_section_1info a:hover{
    color: #fff;
}

.contact-info p a {
    color: #999;
}
.contact-info i {
    margin-right: 10px;
}
.phone p a:hover {
    color: #fff;
}

ul.links li {
    list-style-type: none;
    margin: 10px 0;
}
ul.links li a{
    color: #808080;
    font-size: 15px;
    letter-spacing: .5px;
}
ul.links li a:hover{
    color: #fff;
}

/*--//footer--*/
/*-- /responsive design --*/
@media(max-width:1440px){

.carousel-caption {
    bottom: 40%;
}

.carousel-item02 .carousel-caption{bottom:20%;}

.item02_img{max-width:300px !important;}

.portfolio-area li {
    width: 334px;
}

}
@media(max-width:1366px){
.portfolio-area li {
    width: 316px;
}

}
@media(max-width:1280px){
li.nav-item {
    padding: 8px;
}
.carousel-caption h5 {
    font-size: 40px;
}
.carousel-caption {
    bottom: 38%;
}

.carousel-item02 .carousel-caption{bottom:28%;}

.portfolio-area li {
    width: 295px;
}
.video-w3l {
    min-height: 435px;
}
}
@media(max-width:1080px){

li.nav-item {
    padding: 5px;
}
.carousel-caption h5 {
    font-size: 50px;
}
.carousel-caption p {
    font-size: 16px;
}
.portfolio-area li {
    width: 334px;
}
.news_grid_info h3 {
    font-size: 24px;
}
p.para-w3-agileits {
    font-size: 14px;
}
.title-heading h4 {
    top: -18px;
    font-size: 63px;
}
.title-heading-about h4 {
    font-size: 63px;
}
.title-heading-stats h4 {
    font-size: 75px;
}
.add-info p, a {
    font-size: 14px;
}
}
@media(max-width:1024px){

li.nav-item {
    padding: 3px;
}

.video-w3l {
   min-height: 425px;
}
.portfolio-area li {
    width:315px;
}
.portfolio-categ li {
   padding: 6px 10px;
}
}
@media(max-width:991px){
.navbar-light .navbar-toggler {
    background: #fff;
	display:none;
}
ul.navbar-nav.ml-auto {
    background: rgba(0, 0, 0, 0.8);
}
li.nav-item {
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
.carousel-caption h5 {
    font-size: 47px;
}
.carousel-item02 .carousel-caption h5{font-size:30px;}

.title-heading-about h3 {
    padding: .5em 0;
	font-size:33px;
}
.title-heading-about h4 {
    top: 2px;
    font-size: 54px;
}
.title-heading h3 {
    font-size: 33px;
}
.title-heading h4 {
    top: -12px;
    font-size: 54px;
}
.video-w3l {
    min-height: 370px;
}
.video-w3l h2 {
   
    padding-top: 2.5em;
}
.team_grid h3 {
    font-size: 20px;
}
.portfolio-area li {
    width: 305px;
}
.title-heading-stats h3 {
    font-size: 33px;
	margin-bottom: 30px;
}
.title-heading-stats h4 {
    font-size: 54px;
	top: -13px;
}
.team_grid p {
    margin-bottom: 10px;
}
.clients {
    margin-bottom: 50px;
}
.latest-news {
    flex:0 0 50%;
    max-width: 50%;
}
.title-heading h4 {
    top: -9px;
    font-size: 45px;
}
p.para-w3-agileits {
    margin-bottom: 30px;
}
.btn-2 {
    margin-top: 0em;
}
.footer-grid_section_1its_w3 {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 30px;
}
.copyright {
    /*margin-top: 1em;*/
}
}
@media(max-width:800px){
.carousel-caption h5 {
    font-size: 40px;
}
.carousel-caption {
    bottom: 33%;
}

.carousel-item02 .carousel-caption{bottom:23%;}

.video-w3l h2 {
    font-size: 38px;
}
.team_grid {
    flex: 0 0 50%;
    max-width: 50%;
}
.portfolio-area li {
    width: 248px;
}
.n-left h6 {
    font-size: 2.3em;
}
.video-w3l h2 {
    font-size: 36px;
}
.portfolio-area li {
    width: 369px;
}
}
@media(max-width:768px){
.portfolio-area li {
    width: 353px;
}
}
@media(max-width:736px){
.video-w3l h2 {
    font-size: 34px;
}
.title-heading h4 {
    top: -3px;
    font-size: 38px;
}
.portfolio-area li {
    width: 337px;
}
.agileits_w3layouts_about_counter_left {
    margin-bottom: 35px;
}
.latest-news {
    flex: 0 0 100%;
    max-width: 100%;
}
.news_grid4,.news_grid5,.news_grid6 {
    margin-bottom: 25px;
}
.col-lg-4.col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%;
}
.col-md-6.col-sm.about-left {
    flex: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.col-lg-8.col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%;
}
.contact-left {
    margin-bottom: 20px;
}
.n-left h6 {
    text-align: center;
    margin-bottom: 20px;
}
.contact .title-heading h4 {
    font-size: 32px;
    top: 2px;
}
}
@media(max-width:667px){
.carousel-caption {
    bottom: 22%;
}

.carousel-item02 .carousel-caption{bottom:12%;}

.carousel-caption h5 {
    font-size: 41px;
}
.video-w3l h2 {
    font-size: 31px;
}
.video-w3l p {
    font-size: 17px;
}
.video-w3l {
    min-height: 300px;
}
.portfolio-area li {
    width: 303px;
}
}
@media(max-width:640px){
.carousel-item02 .carousel-caption h5{font-size:20px;}
.carousel-caption h5 {
    font-size: 40px;
}
.video-w3l h2 {
    font-size: 29px;
}
.portfolio-area li {
    width: 290px;
}
}
@media(max-width:600px){
.carousel-caption h5 {
    font-size: 35px;
}
.video-w3l h2 {
    font-size: 27px;
}
.portfolio-area li {
    width: 270px;
}

}
@media(max-width:568px){
.carousel-caption {
    bottom: 15%;
}

.carousel-item02 .carousel-caption{bottom:5%;}

.video-w3l h2 {
    font-size: 25px;
}
.video-w3l p {
    font-size: 15px;
}
.portfolio-categ li {
    padding: 4px 8px;
}
.portfolio-area li {
    width: 255px;
}
}
@media(max-width:480px){
.carousel-caption h5 {
    font-size: 25px;
}
.navbar-light .navbar-brand {
    font-size: 35px;
}
.carousel-caption p {
    margin-top: 0;
}
.carousel-caption {
    bottom: 11%;
}

.carousel-item02 .carousel-caption{bottom:1%;}

.wthree_banner_bottom_grid_right h4 {
    font-size: 18px;
}
.portfolio-area li {
    width: 430px;
}
.contact .title-heading h4 {
    font-size: 26px;
    top: 1px;
}
.title-heading h3 {
    font-size: 28px;
}
.title-heading-stats h3 {
    font-size: 28px;
}
.title-heading h4 {
    top: -3px;
    font-size: 32px;
}
.title-heading-stats h4 {
    font-size: 38px;
    top: -8px;
}
.title-heading-about h3 {
    font-size: 28px;
}
.title-heading-about h4 {
    top: 6px;
    font-size: 38px;
}
}
@media(max-width:414px){
.navbar-light .navbar-brand {
    font-size: 26px;
}
.carousel-caption h5 {
    font-size: 27px;
}
.title-heading h4 {
    top: -2px;
    font-size: 26px;
}
.title-heading h3 {
    font-size: 24px;
}
.portfolio-area li {
    width: 360px;
}
.portfolio-categ li {
    margin: 0px;  
}
.contact .title-heading h4 {
    font-size: 21px;
    top: 2px;
}
.n-left h6 {
    font-size: 27px;
}
}
@media(max-width:384px){
.carousel-caption h5 {
    font-size: 25px;
}
.portfolio-area li {
    width: 330px;
}
.agile_banner_bottom_grid_left_grid i {
    width: 55px;
    height: 55px;
    line-height: 55px;
}
.video-w3l h2 {
    font-size: 23px;
}
.footer-grid_section_1its_w3 {
    flex: 0 0 100%;
    max-width: 100%;
}
.team_grid {
    flex: 0 0 100%;
    max-width: 100%;
}
.title-heading h4 {
    font-size: 23px;
}
}
@media(max-width:375px){
.title-heading h3 {
    font-size: 22px;
}
.navbar {
    padding: .1rem 1rem;
}
.carousel-caption p {
    font-size: 15px;
}
.title-heading-about h3 {
    font-size: 22px;
}
.title-heading-about h4 {
    top: 2px;
    font-size: 34px;
}
.video-w3l h2 {
    font-size: 22px;
}
.portfolio-categ li a {
    font-size: 13px;
    letter-spacing: 1px;
}
.title-heading-stats h3 {
    font-size: 22px;
}
.title-heading-stats h4 {
    font-size: 34px;
}
.contact .title-heading h4 {
    font-size: 18px;
    top: 3px;
}
.contact-left, .contact-middle h3 {
    font-size: 23px;
}
.btn-2 {
    padding: .5em .5em;
    font-size: 13px;
}
}
@media(max-width:320px){
.carousel-caption p {
    font-size: 13px;
}
.navbar-toggler-icon {
    width: 1em;
    height: 1em;
}
.carousel-caption h5 {
    font-size: 20px;
}
.portfolio-area li {
    width: 270px;
}
p.counter {
    font-size: 25px;
    letter-spacing: 1px;
}
.contact .title-heading h4 {
    font-size: 14px;
    top: 5px;
}
.n-left h6 {
    font-size: 25px;
}
}


.pc{max-width:100%;}
.mo{display:none;}

section{padding:70px 0;}
.pd-bt-0{padding-bottom:0px !important;}
.ft24{font-size:24px; font-weight:800; color:#333;}
.ft20{font-size:20px; font-weight:800; color:#333;}
.main_title{font-size:25px; padding-bottom:10px; color:#333;}
.main_p{font-size:18px; font-weight:300; color:#666; margin-bottom:25px; position:relative; }
.purple{color:#703786; font-weight:400;}
.more_btn{position:absolute; background:#fff; right:0px; bottom:2px; padding:2px 15px; border:1px solid #703786; border-radius:50px;  color:#703786; font-size:14px; font-weight:400;}
/*-- /responsive design --*/



.carousel-control-next-icon, .carousel-control-prev-icon{width:40px; height:70px;}
.carousel-control-next-icon{background:url('../images/next02.png')no-repeat;}
.carousel-control-prev-icon{background:url('../images/prev02.png')no-repeat;}
.carousel-control-next, .carousel-control-prev{width:60px;}

@media(max-width:850px){
.carousel-control-next-icon, .carousel-control-prev-icon{width:45px; height:45px;}
.carousel-control-next-icon{background:url('../images/next.png')no-repeat;}
.carousel-control-prev-icon{background:url('../images/prev.png')no-repeat;}
.carousel-control-next, .carousel-control-prev{width:45px;}
.pc{display:none;}
.mo{display:inline-block;}
}

.carousel-control-next{/*right:-110px;*/}
.carousel-control-prev{/*left:-110px;*/}

.carousel-caption{margin:0 auto;}
.navbar{padding:10px 0;}
.navbar-brand{margin-right:0px;}

.logo{text-align:center; padding:20px 0;}

.hd_top{background:#555555;  padding:6px 0 10px; overflow:hidden;}
.hd_top img{width:auto;}
.hd_top a{ font-size:14px;}
.hd_top span{color:#fff; padding:0 10px; }
.hd_top .hd_top_left{float:left; }
.hd_top .hd_top_left a{padding-right:10px;}
.hd_top .hd_top_right{float:right; }

.nav_wrap{background:#f2f3f8;}
#navbarNav ul{width:100%; text-align:center;}
li.nav-item {
    /*padding: 10px 0 10px 10px;*/
 display:inline-block; 
}



.carousel-item01{height:400px; background:url('../images/main01.jpg')no-repeat center center; background-size:cover;}
.carousel-item02{height:400px; background:url('../images/main02.jpg')no-repeat center center; background-size:cover;}
.carousel-item03{height:400px; background:url('../images/main03.jpg')no-repeat center center; background-size:cover;}
.carousel-item04{height:400px; background:url('../images/main03.jpg')no-repeat center center; background-size:cover;}
.carousel-item05{height:400px; background:url('../images/main03.jpg')no-repeat center center; background-size:cover;}

.nav-item{position:relative;}
.nav-item .nav-link {color:#666; padding:10px 20px; font-size:20px;}
.nav-item .sub_nav{display:none; position:absolute; top:50px; right:0px; background:rgba(0,0,0,0.7); text-align:center; padding:15px 0;}
.nav-item .sub_nav a{display:block; text-align:right; font-size:14px; letter-spacing:-0.07em;  padding:5px 15px; width:100%; }
.nav-item:hover .sub_nav{display:block; min-width:100px;}
.nav-item:hover .nav-link{color:#6e2d91 !important;}
.nav-item:nth-child(2) .sub_nav{min-width:150px;}

@media(max-width:991px){
.nav_wrap{display:none;}
}


/*#sec01*/
#sec01{background:url('../images/sec01.png')no-repeat right -70px bottom -90px;}
#sec01 .select_area{overflow:hidden; margin-bottom:15px; margin-top:15px;}
#sec01 .input_area{overflow:hidden; margin-bottom:15px;}
#sec01 .main_icon{text-align:center; margin-bottom:10px;}
#sec01 .main_icon img{max-width:50px;} 
#sec01 .select_area select{float:left; width:24.25%; box-sizing:border-box; margin-right:1%; padding:15px 15px 15px 30px; background:url('../images/icon02.png')no-repeat left 10px bottom 15px #fff; font-size:12px; border:1px solid #ccc; border-radius:5px; color:#666; }
#sec01 .select_area select:nth-child(2){background:url('../images/icon03.png')no-repeat left 10px bottom 15px #fff;}
#sec01 .select_area input{float:left; width:24.25%; box-sizing:border-box; margin-right:1%; padding:15px 15px 15px 35px; background:url('../images/icon04.png')no-repeat left 10px bottom 15px #fff; font-size:12px; border:1px solid #ccc; border-radius:5px; color:#666;}
#sec01 .select_area input:nth-child(3){background:url('../images/icon05.png')no-repeat left 10px bottom 15px #fff;}
#sec01 .select_area input:last-child{margin-right:0; background:url('../images/icon06.png')no-repeat left 10px bottom 15px #fff;}


#sec01 textarea{font-size:12px; color:#666; width:100%; border:1px solid #ccc; border-radius:5px; padding:10px; margin-bottom:10px;}
#sec01 a{width:100%; background:#742c8e; font-size:16px; color:#fff; border-radius:5px; display:block; padding:15px 0;}
#sec01 a:hover{background:#6e2d91;}
#sec01 a img{max-width:20px; padding-left:5px;}
#sec01 .input_area input{float:left; width:32.667%; box-sizing:border-box; margin-right:1%; padding:15px 15px 15px 35px; background:url('../images/icon07.png')no-repeat left 10px bottom 15px #fff; font-size:12px; border:1px solid #ccc; border-radius:5px; color:#666; }
#sec01 .input_area input:nth-child(2){background:url('../images/icon08.png')no-repeat left 10px bottom 15px #fff;}
#sec01 .input_area input:nth-child(3){background:url('../images/icon09.png')no-repeat left 10px bottom 15px #fff;}
#sec01 .input_area input:last-child{margin-right:0;} 



.about_box h6 .blue{color:#0060ff;}
.about_box p{font-size:14px; color:#666; padding:20px 0; word-break:keep-all;}
.about_box a{font-size:14px; color:#999;}
.about_box a:hover{color:#6e2d91 ;}
.about_box a .orange{color:#6e2d91 ; padding-left:5px;}


/*sec02*/
#sec02{background:url('../images/sec02_bg.jpg')no-repeat; background-size:cover;}
#sec02 .main_title{color:#fff;}
#sec02 img{padding:20px 0; width:auto; max-width:100%;}

/*service*/
#services{background:#f9f9f9;text-align:center;}
#services .service_p{font-size:14px; color:#666; padding-bottom:50px;}
#services .responsive{text-align:left;}
#services h6{padding-bottom:10px; font-weight:800; color:#0060ff; font-size:14px; 	font-family: 'Noto Sans KR', sans-serif;}



/*service 끗*/
/*sec03*/

#sec03{overflow:hidden; background:url('../images/sec04_bg.jpg')no-repeat;  background-size:cover;}
#sec03 .slick-dots{display:none !important;}
#sec03 .sec03_box01 a{display:block; height:175px; background:url('../images/sec02.png')no-repeat center center; background-size:cover; text-align:center;}
#sec03 .sec03_box01 a:hover{color:#fff;}
#sec03 .sec03_box01 a:hover .btn{background:#6e2d91; border:1px solid #6e2d91 ;}
#sec03 .sec03_box01 a .btn{margin-top:70px; padding:7px 30px; border:1px solid #fff; border-radius:50px;  }
#sec03 .sec03_box01 a .btn img{width:auto; padding-left:10px;}

#sec03 .sec03_box02 a{border:1px solid #eeeeee; display:block; float:left; width:100%; text-align:center; padding:42.5px 0;}
#sec03 .sec03_box02 a span{display:block; text-align:center; color:#666; font-size:14px; padding-top:10px;}
#sec03 .sec03_box02 a.nh_01{margin-right:4%; }
#sec03 .sec03_box02 a.nh_02{ }
#sec03 .sec03_box02 a:hover{border:1px solid #0060ff;}
#sec03 .sec03_box02 a img{width:auto; display:inline-block;}




#sec03 .main_title{color:#fff; margin-bottom:25px; position:relative;}
#sec03 .main_p{color:#efefef;}
.item-box{overflow:hidden; border-radius:10px; box-shadow:1px 1px 4px #bbb; }
.slick-slide h5{padding-top:20px;}
.slick-initialized .slick-slide p{font-size:14px; color:#666;}

#sec03 .item-box{box-shadow:1px 1px 4px #450f51; }
#sec03 .more_btn{line-height:1.4em; bottom:10px;}
/*sec03 끗*/

/*sec04*/
#sec04{ background:url('../images/sec03_bg.jpg')no-repeat bottom left;}
#sec04 .table_wrap{overflow:hidden;}
#sec04 table{margin-top:10px; width:100%; background:#fff; border-top:1px solid #ccc; border-left:1px solid #ccc;}

#sec04 table th, #sec04 table td{border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center;  }
#sec04 table thead th{color:#fff; background:#b851de; font-weight:300; padding:5px 10px; }
#sec04 table tbody td{color:#666;}

#sec04 table tbody td:nth-child(2){text-align:left; padding:10px;}
#sec04 table tbody td:nth-child(3){color:#333; text-align:left; padding:10px; }

#sec04 .blue_b{display:inline-block; width:10px; height:10px; border-radius:5px; background:#00aeef; margin-right:5px; margin-left:10px;}
#sec04 .blue_b2{display:inline-block; width:5px; height:5px; border-radius:2.5px; background:#00aeef; margin-right:5px; }
#sec04 .red_b{display:inline-block; width:10px; height:10px; border-radius:5px; background:#f75a70; margin-right:5px; }
#sec04 .red_b2{display:inline-block; width:5px; height:5px; border-radius:2.5px; background:#f75a70; margin-right:5px; }
#sec04 .white{color:#666; font-size:12px; font-weight:200; }
#sec04 .main_title{color:#333; position:relative; }

#sec04 .more_btn{line-height:1.4em; bottom:10px;}
#sec04 .more_btn2{right:100px; border:1px solid #703786; background:#703786; color:#fff; }
/*sec04 끗*/

/*sec05*/
#sec05{background:url('../images/sec05.png')no-repeat right -70px bottom -90px;}
#sec05 .col-md-6{margin-bottom:20px; }
#sec05 .mg_txt{padding:5px;  }
#sec05 .mg_txt p{font-size:12px; }

.mg_title{font-size:18px; font-weight:400; color:#703786; margin-bottom:25px; position:relative; text-align:left; padding-top:15px; border-top:2px solid #ccc; }
.mg_box{overflow:hidden;  border-radius:10px; margin-bottom:10px; border:1px solid #ccc; background:#fff;}
.mg_box p{text-align:left; font-size:14px; color:#999; letter-spacing:-0.03em;   }
.mg_box a{display:block; overflow:hidden;}
.mg_img{float:left; width:50%;}
.mg_txt{float:left; width:50%; padding:10px; }

/*sec05 끗*/

/*sec06*/
#sec06{background:url('../images/sec06_bg.jpg')no-repeat; background-size:cover;}

/*sec06 끝*/

/*footer*/
.footer{/*margin-top:100px;*/}
.footer-top{padding:10px 0;}
.footer-top span{font-size:14px; color:#fff; padding:0 20px; }
.footer-top a{ font-size:16px; color:#fff; }
.ft_left{float:left;}
.ft_left p{color:#cccccc;}
.ft_right{float:right;}
.ft_right p{color:#ffffff;}
.ft_right h6{color:#fff;}
.ft_right h6 a{color:#fff; font-size:24px;}
.ft_right img{width:auto; display:inline-block;}
.copyright{overflow:hidden;}
/*//footer*/

@media(max-width:640px){
.container{max-width:95% !important;}
}

#services .slick-arrow{display:none !Important;}


@media(max-width:1250px){

.row{margin-left: 0px !important; margin-right:0px !important ;}
.carousel-item{height:600px;}
.carousel-caption{bottom:20%;}
.carousel-item02 .carousel-caption{bottom:5%;}


#sec06 .slick-prev{display:none !important;}
#sec06 .slick-next{display:none !important;}

}

@media(max-width:900px){
#about .about_box{max-width:33.333333%;}
section{padding:30px 0;}

#sec01 select{width:100% !important; margin-right:0; margin-bottom:10px; }
#sec01 input{width:100% !important; margin-right:0; margin-bottom:10px;}
.main_title{font-size:20px; }
.main_p{font-size:16px; word-break:keep-all; }
.more_btn{position:relative; right: auto; bottom:auto; margin-top:10px; display:block; width:200px; margin: 10px auto 0; }

#sec02{background:url('../images/sec02_bg_m.jpg')no-repeat; background-size:cover;}
#sec03 .more_btn{bottom:auto;}
#sec04 table{width:100%; }
#sec04 table:last-child{border-left:1px solid #ccc;}
#sec04 .main_title{text-align:center;}
#sec04 .more_btn{right:auto; display:inline-block; width:48%; position:relative; bottom:auto; }

#sec05 .item-box{margin-bottom:15px;}
#sec06 .item-box{margin-bottom:15px;}

#sec04 table thead th{padding:3px; font-size:12px; }
#sec04 table tbody td{font-size:12px; }

#sec04 table tbody td:nth-child(2){padding:5px 3px;}
#sec04 table tbody td:nth-child(3){padding:5px 3px; }


.item-wrap div:first-child .mg_title{margin-top:0px;}

}

@media(max-width:845px){
.container{width:95% !Important;}
#about .about_box{/*width:100%;*/ padding:5px; /*max-width:420px;*/ margin:0 auto;}
#about .about_box h6{height:68px; font-size:18px; letter-spacing:-0.06em;}
.footer{/*margin-top:50px;*/}
.carousel-item{height:450px;}
.carousel-caption{bottom:10%;}
.carousel-item02 .carousel-caption{bottom:2%;}

.copyright p{font-size:14px; word-break:keep-all; }

.sec03_box01{margin-bottom:20px;}
.sec07_box01{margin-bottom:20px;}

}

@media(max-width:500px){
.carousel-item{height:350px;}
.carousel-caption h6{font-size:23px;}
.hd_top{padding:10px 0;}
.navbar{padding:0px 0px;}
#about .about_box{}
.ft24{font-size:20px;}
.sec03_box01{padding-bottom:20px;}
#sec03 .sec03_box02 a{padding:20px 0;}
#services .service_p{padding-bottom:20px;}
#sec04 .team_box{box-shadow:none; border-bottom:1px solid #6e2d91 ; border-top:1px solid #6e2d91 ;}
#sec04 .team_box h4{font-size:25px;}
#sec04 .team_area{height:auto; padding-top:0px; margin-bottom:0px;}
#sec05 .sec05_box01{padding-bottom:20px;}
.border_txt p{font-size:14px;}
#sec07 .sec07_box01{padding-bottom:30px;}
#sec07 .q_menu{width:49%; margin-left:2%; margin-bottom:5px;}
#sec07 .third_q_menu, #sec07 .first_q_menu{margin-left:0 !important;}
.footer{}
.footer-top{word-break:keep-all;}
.ft_left{float:none; width:100%; text-align:center;}
.ft_right{float:none; width:100%; text-align:center; padding-top:20px;}
.copyright{padding:30px 0;}


.carousel-caption{bottom:1%;}
.footer-top span{padding:0 7px;}
}

/*comapany*/
.orange{color:#6e2d91 ; }
.blue{color:#0060ff; }

.sub_bg{padding:70px 0; text-align:center; }


.center_bg{ background:url('../images/center_hd.jpg')no-repeat center center;  background-size:cover;}
.qna_bg{ background:url('../images/qna_hd.jpg')no-repeat center center;  background-size:cover;}
.gallery_bg{ background:url('../images/gallery_hd.jpg')no-repeat center center;  background-size:cover;}
.video_bg{ background:url('../images/video_hd.jpg')no-repeat center center;  background-size:cover;}
.review_bg{ background:url('../images/review_hd.jpg')no-repeat center center;  background-size:cover;}
.play_bg{background:url('../images/play_hd.jpg')no-repeat center center;  background-size:cover;}
.magic_bg{background:url('../images/magic_hd.jpg')no-repeat center center;  background-size:cover;}
.company_bg{background:url('../images/company_hd.jpg')no-repeat center center;  background-size:cover;}


.sub_bg h3{font-weight:400; color:#fff; font-size:25px; }
.tab_area{}
.tab_area ul{overflow:hidden; }
.tab_area ul li{float:left; width:20%; }
.tab_area ul li a{font-size:20px; 
    font-family: 'Noto Sans KR', sans-serif; display:inline-block; text-align:center; width:100%; padding:15px 0; border:1px solid #003d88; border-right:none; color:#666;}
.tab_area ul li:nth-child(5) a{border-right:1px solid #003d88 !important; }

.tab_area ul li:hover a{color:#fff; background:#003d88;}

.plus_tab_area ul li{width:16.667%;}
.plus_tab_area ul li:nth-child(5) a{border-right:none !important; }
.plus_tab_area ul li:nth-child(6) a{border-right:1px solid #003d88 !important;}

.center_tab_area ul li{width:25%;}
.center_tab_area ul li:nth-child(4) a{border-right:1px solid #003d88 !important;}


.member_tab_area ul li{width:50%;}
.member_tab_area ul li:nth-child(2) a{border-right:1px solid #003d88 !important;}


/*회사소개*/
#com01{overflow:hidden; max-width:750px; width:100%; margin:0 auto;}

#com01 h4{color:#333; text-align:center; padding-bottom:40px;}
#com01 img{width:auto !important; float:left; margin-right:15px;}
#com01 .com01_txt{float:left; }
#com01 .com01_txt h6{line-height:1.5em; padding-bottom:20px; font-size:20px; color:#666; font-weight:700; }
#com01 .com01_txt p{font-size:14px; color:#333; }

/*#com02{background:url('../images/com02_bg.jpg')no-repeat center center;  background-size:cover; padding:30px 0; }*/
#com02 .com02_box{text-align:center; }
#com02 .com02_box h5{padding-top:20px; color:#fff;}
#com02 .com02_box img{width:auto;  } 

#com03{background:#f9f9f9;}
#com03 .title_p{font-size:14px; color:#666; padding-bottom:30px;}
#com03 .col-md-3{padding-bottom:30px; }
#com03 .col-md-3 img{box-shadow:2px 4px 8px rgba(0,0,0,0.3); max-width:267px;}
#com03 .com03_txt{text-align:left; padding:20px; background:#fff; border:1px solid #7d7d7d;}
#com03 .com03_txt p{font-size:14px; color:#666;}

#history{overflow:hidden; max-width:750px; width:100%; margin:0 auto;}
#history h4{text-align:center;}
#history .history_box{margin-bottom:20px;}
#history .history_box .h_date{display:inline-block;  padding-right:20px;}
#history .history_box h5{color:#666; letter-spacing:-0.05em;}
.gray_bg{background:#f9f9f9;}

#history02{overflow:hidden; width:100%; margin:0 auto;}
#history02 h4{text-align:center;}
#history02 .history_box{margin-bottom:20px;}
#history02 .history_box h5{color:#666; }


#result{overflow:hidden; max-width:750px; width:100%; margin:0 auto;}
#result h4{text-align:center;}
#result02{}
#result02 h4{text-align:center;}
#result02 ul{overflow:hidden; padding:20px 10px 10px; border:1px solid #ccc; background:#fff ;}
#result02 ul li{float:left; width:20%; padding-bottom:10px; font-size:14px;}

.result_box{margin-bottom:10px;}
.result_box h5{color:#666; }
.result_box p{color:#666;}
.result_p{text-align:center; color:#666; margin-bottom:20px;}

.mini_ft{font-size:13px !important; letter-spacing:-0.06em !important; }
.mini_ft span.orange{font-size:14px !Important;}


.orange_strong{color: #6e2d91 ; font-size: 24px; font-weight: bolder;}
#move03 p{color:#555;}
#move04 h5{ padding-bottom: 25px;}
#move_info p{color: #444;}
#move_info .move_pic img{width: 50%; padding-top: 50px;}
.move_pic li{clear: both; display: inline-block; vertical-align: middle; color: #1a61d7; font-size: 24px; padding-bottom: 50px;}
.move_pic li p{padding-top: 25px;}
#move_table{margin: 0px auto; display: block; text-align: center; padding: 100px 0px 100px 0px;}
#move_table td,tr{font-size: 14px; color: #444; padding: 10px 0px;}
#move03 .move_box:nth-child(6){padding-bottom: 50px;}

/*플러스*/

.num_wrap {margin-top:30px; text-align:center; position:relative;}

.num_wrap .write_btn{position:absolute; right:0px; top:0px;}


.num{display:inline-block;}
.num a.prev{float:left; width:24px; height:24px; display:block; background:url('../images/num_prev.jpg')no-repeat;}
.num a.next{float:left; width:24px; height:24px; display:block; background:url('../images/num_next.jpg')no-repeat;}
.num p{float:left; padding:0 20px; line-height:1.2;}
.num span{padding:0 8px; font-size:14px; color:#ddd;}
.num a{font-size:14px; color:#999;}
.num a:hover{color:#6e2d91 ;}
.num a.on{color:#6e2d91 ;}

#plus01{}

#plus01 .plus_box{position:relative; width:100%; max-width:265px; margin:0 auto 20px;  border:2px solid #eee; box-sizing:border-box;}
#plus01 .plus_box a{display:none;}
#plus01 .plus_box:hover a{text-align:center; background:rgba(255,157,2,0.78); display:block; width:100%; height:100%; position:absolute; }
#plus01 .plus_box:hover a i{font-size:40px; color:#fff; padding-top:12px;}


/*공지사항*/

#center{background:#f2f3f8;}
.notice_area{font-family: 'Noto Sans KR', sans-serif; background:#fff; }
.notice_area table{width:100%;}
.notice_area table td, .notice_area table th{ border-bottom:1px solid #ccc; text-align:center;}
.notice_area table td.sub{text-align:left;}
.notice_area table td.number{width:10%;}
.notice_area table td.sub{width:65%;}
.notice_area table td.wrt{width:10%;}
.notice_area table td.date{width:15%;}
.notice_area table th{font-size:16px; background:#888888;  padding:15px; color:#fff; font-weight:400; }
.notice_area table td{font-size:14px; color:#666666; padding:15px 15px; border-bottom:1px solid #ccc; }
.notice_area table td a{color:#666; font-size:14px;}
.notice_area table td a:hover{color:#6e2d91 ;}

/*게시판상세*/
#center_view{}
.view_title{overflow:hidden; padding-bottom:10px;}
.view_title .title{float:left; font-size:30px; }
.view_title .date{float:right; font-size:24px; color:#666; font-size:18px; padding-top:5px;}
.view_con{border-top:1px solid #999; border-bottom:1px solid #999; padding:20px 15px; font-size:18px; color:#333;}
.view_con p{color:#333;}
.view_con img{margin-bottom:15px;}

.view_btn{padding:10px 0; overflow:hidden;}
.view_btn .btn{float:left; margin-right:5px; background:#6e2d91 ; font-size:14px; color:#fff;  padding:2px 10px;}
.view_btn .list_btn{background:#666666; }
.view_btn .write_btn{float:right; margin-right:0px;}
.view_btn .re_btn{float:right; margin-left:10px;}

/*게시판글쓰기*/
#center_write{}
.write_input{width:100%;}
.wr_content textarea{min-height:300px;}


/*갤러리*/
#photo{background:#f2f3f8;}
#photo .photo_box{display:block; border:1px solid #eee; margin-bottom:30px;  border-radius:10px; overflow:hidden; box-shadow:1px 1px 5px #ccc;}
#photo .photo_box:hover{border:1px solid #6e2d91 ;}
#photo .photo_txt{background:#fff; padding:15px; }
#photo .photo_txt h6{font-size:18px; color:#666; font-weight:400;}
#photo .photo_txt p{font-size:14px; color:#666; padding-left:2px;}


/*동영상*/
#video{background:#f2f3f8;}
#video .photo_box{display:block; border:1px solid #eee; margin-bottom:30px;  border-radius:10px;  overflow:hidden; box-shadow:1px 1px 5px #ccc;}
#video .photo_box:hover{border:1px solid #6e2d91 ;}
#video .photo_box img{width:100%;}
#video .photo_txt{background:#fff; padding:15px; }
#video .photo_txt h6{font-size:18px; color:#666; font-weight:400;}
#video .photo_txt p{font-size:14px; color:#666; padding-left:2px;}

/*리뷰*/
#review{background:#f2f3f8;}
#review .review_box{ padding:10px; background:#fff; display:block; position:relative; border:1px solid #ccc; margin-bottom:10px; overflow:hidden; box-shadow:1px 1px 5px #ccc;}
#review .review_box:hover{border:1px solid #6e2d91 ;}

#review .review_img{float:left; max-width:90px; border-radius:10px; overflow:hidden; }

#review .review_txt{float:left;  background:#fff; padding-left:15px; }
#review .review_txt h6{font-size:18px; color:#666; font-weight:400; padding:5px 0;}
#review .review_txt h6 span{font-size:14px; font-weight:300; color:#8975f2;}
#review .review_txt p{font-size:14px; color:#666;}
#review .date{font-size:12px; color:#999; position:absolute; right:20px; top:10px;}

#review_view .view_title .title span{color:#8975f2; }
#review_view .view_con img{width:auto; max-width:100%;}
#review_view .item-box{box-shadow:none; border-radius:0; text-align:center; }
#review_view .slick-next{background:url('../images/next2.png')no-repeat center center !important; right:0px !important; }
#review_view .slick-prev{background:url('../images/prev2.png')no-repeat center center !important; left:0px !important; z-index:9999; }
#review_view .score{color:#6e2d91;}
#review_view .btn2{background:#6e2d91; color:#fff; display: inline-block; width:200px; margin:10px 0; }

/*연극,마법*/

.q_view_tab{overflow:hidden;}
.q_view_tab a{display:block; float:left; padding:5px 0; width:100px; text-align:center;  background:#fff; border:1px solid #ccc; border-left:none; color:#666; font-size:14px; margin-bottom:30px; }
.q_view_tab a.on{color:#fff ;background:#555;}
.q_view_tab a:first-child{border-left:1px solid #ccc;}
.txt_deco{color:#d7d7d7;}

#play, #magic{background:#f2f3f8;}
.play_box{ padding:10px; background:#fff; display:block; position:relative; border:1px solid #ccc; margin-bottom:30px; overflow:hidden; box-shadow:1px 1px 5px #ccc;}
.play_box:hover{border:1px solid #6e2d91 ;}

.play_img{float:left; width:40%; border-radius:10px; overflow:hidden; }

.play_txt{float:left; width:60%;  background:#fff; padding-left:15px; padding-bottom:20px;}
.play_txt h6{font-size:18px; color:#666; font-weight:400; padding:5px 0;}
.play_txt p{font-size:14px; color:#666;}
.play_txt p.txt2{font-size:12px; color:#666;padding-top:10px; margin-top:10px; border-top:1px solid #ccc;}
.view{font-size:12px; color:#999; position:absolute; right:20px; bottom:10px;}

/*상세 상단*/
#play_view, #magic_view{background:#f2f3f8;}
.pv_top{background:#fff; position:relative; border:1px solid #ccc; overflow:hidden; box-shadow:1px 1px 5px #ccc;}

/*상세상단 왼쪽*/
.pv_top .pv_top01{padding:15px; }
.pv_top .pv_top01 .pv_img{float:left; width:45%; border-radius:10px; overflow:hidden;}
.pv_top .pv_top01 .pv_txt{float:left; width:55%; padding-left:20px;}
.pv_top .pv_top01 .pv_txt h6{font-size:25px; color:#6e2d91; font-weight:400; padding:5px 0;}
.pv_top .pv_top01 .pv_txt p{font-size:16px; color:#666;}
.pv_top .pv_top01 .pv_txt .pv_info{font-size:14px; overflow:hidden;padding-top:10px; margin-top:10px; border-top:1px solid #ccc; }
.pv_top .pv_top01 .pv_txt .pv_info dt{width:20%; float:left; color:#6e2d91;}
.pv_top .pv_top01 .pv_txt .pv_info dd{width:80%; float:left;}

.pv_top .pv_top01 a{color:#fff; font-size:13px; border:1px solid #6e2d91; background:#6e2d91; display:inline-block; border-radius:5px; padding:5px 20px; }
.pv_top .pv_top01 a:hover{color:#6e2d91; border:1px solid #6e2d91; background:#fff; }

/*상세상단 오른쪽*/
.pv_top .pv_top02{padding:15px; border-left:1px solid #ccc; }
.pv_top .pv_top02 .pv_r01 h6 {padding-bottom:10px; border-bottom:1px solid #6e2d91; position:relative; margin-bottom:5px;}
.pv_top .pv_top02 .pv_r01 h6 a{ position:absolute; color:#666; right:0px; top:0px; font-weight:300; }
.pv_top .pv_top02 .pv_r01 .score {text-align:center;}
.pv_top .pv_top02 .pv_r01 .score p{color:#6e2d91; font-size:30px;}
.pv_top .pv_top02 .pv_r01 .score a{display:inline-block; margin-left:10px;padding:0 5px;  color:#666; }

.pv_top .pv_top02 .pv_r02{padding-top:15px; margin-top:15px; border-top:1px solid #ccc; height:140px;}
.pv_top .pv_top02 .pv_r02 h6{margin-bottom:10px;}
.pv_top .pv_top02 .pv_r02 p{font-size:14px;}

.pv_top .pv_top02 .pv_r03{overflow:hidden; margin-top:10px;}
.pv_top .pv_top02 .pv_r03 a{width:100%; display:block; float:left; color:#fff; background:#6e2d91;  text-align:center; padding:10px 0 ;  }
.pv_top .pv_top02 .pv_r03 a.gray{background:#666;}



/*상세 하단 공통*/
.pv_bottom{background:#fff;  text-align:left; border:1px solid #6e2d91;  margin-top:20px; }
.pv_bottom p {color:#333;}
.pv_bottom img{width:100%; max-width:100%; }

.cas_btn{width:100%;}
.cas_btn a{width:100%; padding:20px 0; text-align:center ;background:#6e2d91; color:#fff; display:block;}
.cas_btn a:hover{background:#ccc;}

/*팀소개부분*/
.pv_bottom .pv_b01 h6{font-size:20px; color:#6e2d91; padding-bottom:15px;  }
.pv_bottom .pv_b01 .info{border-bottom:1px solid #ccc; padding:30px 15px;}
.pv_bottom .pv_b01 .info:last-child{border-bottom:none;}
.pv_bottom .pv_b01 .info_video{margin-bottom:20px;}
.pv_bottom .pv_b01 .info_video a{border:1px solid #ccc; display:block; margin-bottom:20px;}
.pv_bottom .pv_b01 .info_video a h6{padding:20px 0; text-align:center;  font-size:15px;}
.pv_bottom .pv_b01 .info_video .main_video{margin-bottom:20px;}

.pv_bottom .pv_b01 .info_gallery a{display:block; margin-bottom:20px;}

/*연관추천공연팀*/
.pv_bottom .pv_b02{border-left:1px solid #ccc;}
.pv_bottom .pv_b02 > h6{font-size:20px; border-bottom:1px solid #6e2d91; color:#6e2d91; padding:20px 0; margin-bottom:10px; }
.pv_bottom .pv_b02 ul li{}
.pv_bottom .pv_b02 ul li a{display:block;overflow:hidden; color:#333; padding:10px; border:1px solid #ccc; margin-bottom:10px; }
.pv_bottom .pv_b02 ul li a p{color:#666;}
.pv_bottom .pv_b02 ul li a:hover{border:1px solid #6e2d91;}
.pv_bottom .pv_b02 .img{float:left; width:30%; border-radius:10px; overflow:hidden;}
.pv_bottom .pv_b02 .txt{float:left;  width:70%; padding-left:10px;}
.pv_bottom .pv_b02 .txt p{font-size:14px;}

/*현장스케치*/
.pv_bottom .pv_b03{padding:30px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.pv_bottom .pv_b03 > h6{font-size:20px; color:#6e2d91; padding-bottom:15px; }
.pv_bottom .pv_b03 a{border:1px solid #ccc; display:block; margin-bottom:20px;}
.pv_bottom .pv_b03 a h6{padding:20px 0; color:#666; text-align:center;  font-size:15px;}

/*공연후기*/
.pv_bottom .pv_b04{padding:30px;}
.pv_bottom .pv_b04 > h6{position:relative; font-size:20px; color:#6e2d91; padding-bottom:15px; }
.pv_bottom .pv_b04 > h6 span.recom{color:#666;}
.pv_bottom .pv_b04 > h6 span.score{position:absolute; right:0; top:0;}
.pv_bottom .pv_b04 .com_box{padding:15px 0 ; border-top:1px solid #ccc; position:relative;}
.pv_bottom .pv_b04 .com_box h5{font-size:14px; color:#666; }
.pv_bottom .pv_b04 .com_box .rec{padding-left:10px; color:#6e2d91;}
.pv_bottom .pv_b04 .com_box p{padding:10px 0;}
.pv_bottom .pv_b04 .com_box .score{color:#6e2d91;}


/*글쓰기*/
.ed_infoArea .tab-wrapper{}
.ed_infoArea .tab-wrapper .vo_listArea{overflow:hidden;}
.ed_infoArea .tab-wrapper .vo_listArea .vo_list{border:1px solid #e9e9e9; }
.ed_infoArea .tab-wrapper .vo_listArea .vo_list h3{font-size:18px; margin-bottom:10px; padding:10px; background:#f5f8f9; border-bottom:1px solid #e9e9e9;}

.ed_infoArea .tab-wrapper .vo_listArea .vo_list1{float:left; width:20%; margin-right:2%;}

.ed_infoArea .tab-wrapper .vo_listArea .vo_list1 ul{padding:10px; height:200px;}
.ed_infoArea .tab-wrapper .vo_listArea .vo_list1 li{padding:10px; cursor:pointer; text-align:center; border:1px solid #6e2d91; background:#fff; color:#6e2d91; margin-bottom:10px;}
.ed_infoArea .tab-wrapper .vo_listArea .vo_list1 li.active{background:#6e2d91; color:#fff;}

.ed_infoArea .tab-wrapper .vo_listArea .vo_list2{ float:left; width:78%; border:1px solid #eaeaea;}
.ed_infoArea .tab-wrapper .vo_listArea .vo_list2 li a{color:#333; padding:5px 10px; display:block; }
.ed_infoArea .tab-wrapper .vo_listArea .vo_list2 li a.on{ background:#555; color:#fff;}

#li_scroll2{overflow:auto; height:200px; width:100%;}







/*불편신고*/

.write_area{overflow:hidden;}
.write_area input{width:100%; display:block; margin:10px 0; border-radius:0px; color:#666; }
.write_area select{width:100%; display:block; margin:10px 0;}
.write_area textarea{width:100%; display:block; height:200px; border-radius:0px;  color:#666;  }
.write_area .email{float:left;}
.write_area .email01{width:45%;}
.write_area .email02{width:50%;}
.write_area span{float:left; width:5%; margin:15px 0 10px; text-align:center;}

.write_area .cont_ti{font-family:'Noto Sans KR', sans-serif; color:#333; font-weight:800; font-size:20px;}

.write_area .input-sm{height:auto !Important; padding:10px; font-size:18px !Important;}


.write_area .form-left{padding:10px 0 0 0; float:left;}
.write_area .form-right{padding:10px 0 10px 10px; float:right;}

.form-control{box-shadow:none !important; border:1px solid #999 !important;}

.write_btn{padding-top:20px; text-align:Center; }
.write_btn .btn{display:inline-block; margin:0 10px; background:#6e2d91 ; font-size:16px; color:#fff;  padding:2px 10px; }
.write_btn .del_btn{background:#666666;}




/*게시판 댓글*/
#bo_vc h2, #bo_vc_w h2 {font-size:18px; padding-bottom:10px;}
#bo_vc h2 .name{color:#6e2d91;}
#bo_vc h2 .date{font-size:12px; color:#999;}
#bo_vc .view_btn .btn{float:right; background:#666; }
#bo_vc{background:#f2f3f8; padding:10px; margin-top:30px;}
#bo_vc p{ color:#333;}

#bo_vc_w{padding-top:20px;}
#bo_vc_w textarea{width:100%; padding:10px; }
#bo_vc_w .bo_vc_secret{float:left;}
#bo_vc_w .view_btn{float:right;}
#bo_vc_w .bo_vc_w_wr{ overflow:hidden;}






/*FAQ*/
.menu_wrap{}
.menu_wrap > li{margin:15px 0;  background-color:#fff;}
.menu_wrap > li h4{background:url('../images/gnb_on.png')no-repeat top 25px right 30px ; padding:20px;  border:1px solid #0060ff; font-size:20px; font-weight:800; color:#666;}
.gnb_content_area{background:#f9f9f9; padding:20px;}
.gnb_content_area p{font-size:20px; color:#666;   font-family:'Noto Sans KR', sans-serif; }
.gnb_content_area ul li{padding:5px 0;}
.gnb_content_area ul li a{color:#fff; font-size:17px; font-family:'Noto Sans KR', sans-serif; font-weight:700;  }

.menu_wrap > li h4.on{background:url('../images/gnb_off.png')no-repeat top 25px right 30px ; }
.menu_wrap span{font-weight:800;}

/*표준약관*/
.center04_box{margin-bottom:20px;}
.center04_box p{color:#666;}
.center04_box h5{padding-bottom:10px; color:#0060ff; }
.center04_box .first{margin-bottom:10px;}
#center04{ max-width:750px; width:100%; margin:0 auto; word-break:keep-all;}


/*회원가입*/
.re_confirm{border:0; border-radius:3px; padding:5px 10px;  display: block;  margin: 15px 0;}
.recipient-Id{}
.sub-w3layouts_hub{display:inline-block; margin-right:10px;}



/* 회원가입 약관 */
#fregister p{text-align:center;color: #c7254e;background: #f9f2f4;padding:10px;border:1px solid #ecc7d2;margin:0 0 5px}
#fregister section {;margin:10px auto 30px;border:1px solid #dbdbdb;position:relative;border-radius:3px 3px 0 0 ;
-webkit-box-shadow:  0 1px 3px #eee;
-moz-box-shadow:  0 1px 3px #eee;
box-shadow: 0 1px 3px #eee;
}
#fregister_chkall{text-align:right}
#fregister h2 {text-align:left;padding:15px 20px;border-bottom:1px solid #dbdbdb;background:#f8f8f8}
#fregister textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em}
#fregister .fregister_agree {position:absolute;top:0;right:0;;padding:15px}
#fregister_private div{padding:20px;background:#fff}
#fregister_private table{width:100%;border-collapse:collapse}
#fregister_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#fregister_private table  th{background:#646982;width:33.33%;color:#fff;padding:10px;border:1px solid #555971}
#fregister_private table  td{border:1px solid #ddd;padding:10px;}
#fregister .btn_confirm{text-align:center;}
#fregister .btn_confirm .btn_submit{height:50px;padding:0 40px;font-weight:bold;font-size:1.083em}

/* 회원가입 입력 */
#register_form{background:#fff;padding:20px;margin-bottom:20px}
#fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}
#fregisterform .frm_address {margin:5px 0 0}
#fregisterform #mb_addr3 {display:inline-block;margin:5px 0 0;vertical-align:middle}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}
#fregisterform .btn_confirm{text-align:center}
#fregisterform .btn_confirm .btn_submit{height:45px;;padding:0 30px;font-weight:bold;font-size:1.083em}
#fregisterform .btn_confirm .btn_cancel{line-height:45px;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em}
#fregisterform .frm_info{display:block;color:#3497d9;font-size:0.92em}
#fregisterform .form_01 div{margin: 0 0 50px}
#fregisterform .captcha{display:block;margin:5px 0 0}
#fregisterform .reg_mb_img_file img{max-width:100%;height:auto}


/* 회원가입 입력 */
#register_form {background:#fff;margin-bottom:20px}
#register_form h2 {padding:20px;border-bottom:1px solid #dde7e9}
.register_form_inner {background:#f7f7f7;border:1px solid #dde7e9;border-radius:3px}
.register_form_inner ul {padding:20px}
.register_form_inner label {display:block;margin-bottom:10px;line-height:24px; text-align:left;}

#fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}
#fregisterform .frm_address {margin:5px 0 0}
#fregisterform #mb_addr3 {display:inline-block;margin:5px 0 0;vertical-align:middle}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}
#fregisterform .btn_confirm {text-align:center}
#fregisterform .form_01 div {margin:0 0 20px}
#fregisterform .captcha {display:block;margin:5px 0 0}
#fregisterform .reg_mb_img_file img {max-width:100%;height:auto}
#reg_mb_icon, #reg_mb_img {float:right}
/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:80px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;}

.full_input{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px; width:100%;}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*폼 리스트*/


.form_01 h2{margin:0 0 10px;font-size:1.167em}
.form_01 li{margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.form_01 textarea{height:100px;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}

/*회원가입*/

@media(max-width:1199px){
#plus01 .plus_box:hover a i{font-size:30px; color:#fff; padding-top:10px;}



.play_img{width:100%; }

.play_txt{width:100%;  padding-left:0px; padding-top:10px;}

}

@media(max-width:1320px){
#move02 .move_icon{float:none; text-align:center; margin-right:0px; margin-bottom:20px; }
#move02 .move_txt{float:none; text-align:center;}
#result02 ul li{width:33.33%;}
}


@media(max-width:992px){
.hd_top{display:none;}
#result02 ul li{width:50%;}

.pv_top .pv_top01 .pv_img{width:100%;}
.pv_top .pv_top01 .pv_txt{width:100%; padding-left:0px; padding-top:10px;}
.pv_top .pv_top01 .pv_txt h6{font-size:18px; }
.pv_top .pv_top02{border-left:none; border-top:1px solid #ccc;}
.pv_top .pv_top02 .pv_r02{height:auto;}

.pv_bottom .pv_b01 h6{font-size:18px;}
.pv_bottom .pv_b01 .info{padding:15px 0;}
.pv_bottom .pv_b01 .info_video .main_video iframe{height:300px;}
.pv_bottom .pv_b02{border-left:none; border-top:1px solid #ccc;}
.pv_bottom .pv_b02 > h6{font-size:18px;}
.pv_bottom .pv_b03{padding:15px;}
.pv_bottom .pv_b03 > h6{font-size:18px;}
.pv_bottom .pv_b04{padding:15px;}

.pv_bottom .pv_b04 > h6{font-size:18px;}
.pv_bottom .pv_b04 > h6 span.score{position:relative; top:auto; right:auto; display:block; padding-top:10px; }
.pv_bottom .pv_b04 .com_box h5{font-size:12px;  }

.ed_infoArea .tab-wrapper .vo_listArea .vo_list1 ul{height:auto;}
.ed_infoArea .tab-wrapper .vo_listArea .vo_list1{margin-right:0px; width:100%;}
.ed_infoArea .tab-wrapper .vo_listArea .vo_list2{width:100%;}

}


@media(max-width:845px){
.sub_bg{padding:30px 0;  }
.sub_bg h3{font-size:20px; }

.tab_area ul li{width:50%; }
.tab_area ul li a{border-top:none !important; font-size:15px;}
.tab_area ul li:nth-child(2n) a{border-right:1px solid #003d88;}

#com01 img{float:none ; display:inline-block;}
#com01 .com01_txt{float:none; padding-top:20px;}
#com01{text-align:center;}
#com02 .com02_box{padding-bottom:20px;}

br{display:none; }
.ft_left p br{display:block !important;}
.view_con br{display:block !important;}
#plus01 .plus_box:hover a i{padding-top:10px;}

#center .notice_area .total{display:none;}
#center .notice_area table td, #center .notice_area table th{display:table-cell; padding:10px 10px; font-size:15px; }
#center .notice_area table td.sub{width:auto;}
#center .notice_area table th.number, #center .notice_area table td.number{display:none;}
#center .notice_area table td.date, #center .notice_area table th.date{display:none;}  
#center .notice_area table td.wrt{min-width:70px;}
#center .openBtn{display:block;}
#center .btn_bus_area{display:block;}
#center .table_top_area{display:block;}
#center .total{padding:0;}
#center .notice_area table td a{font-size:15px;}


#bo_vc{margin-top:20px;}

.num_wrap .write_btn{position:relative; float:none; display:inline-block; }

}


@media(max-width:767px){
#plus01 .plus_box:hover a i{padding-top:10px;}

.view_title .title{width:100%; font-size:18px; }
.view_title .date{width:100%; border-top:1px solid #999;  font-size:15px; padding-top:8px; margin-top:10px; color:#666;}

.write_area .form-right{padding-left:0px;}

#result02 ul li{width:50%;}
.result_box p{font-size:14px;}



#review .review_box{padding-bottom:30px;}
#review .review_txt{padding-left:0px; width:100%;}
#review .review_img{width:100%; max-width:1000px;}
#review .date{top:auto; bottom:5px; }
#review .review_txt h6{padding-top:10px;}
#review .review_txt .score{display:block; margin:10px 0; }

.play_box{margin-bottom:10px;}


.q_view_tab{padding:0 15px;}
.q_view_tab a{width:25%; margin-bottom:10px;}


}

@media(max-width:500px){
#result02 ul li{width:100%;}
}


/*사이드메뉴*/
.line {
 display: block;
  height:3px;
  width:30px;
left:5px;
  background-color:#6e2d91 ;
  margin-top:4px;
  position: absolute;
  top:0;
  
  transition: all .4s ease-in-out;

}
.wrap {
	display:none;
 height:80px; 
  position: relative;
  top:11px;
  right:22px;
  width: 40px;
  z-index: +150;
background:rgba(255,255,255,0.8);
border-radius:3px;
  cursor: pointer;
  height:30px;
  position: fixed;

}

.mid {
 top:10px; 
}
.bot {
top:20px;
}

.addedmid {
  transform: rotate(135deg);
}
.addedtop {
  transform: rotate(45deg);
  top:10px;
}
.addedbot {
 opacity: 0; 
}
.side {
 width:45%; 
  position: fixed;
  height:100%;
  text-align: center;
  right:-60%;
  z-index: 80;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37);
  top:0;
  background-color: rgba(0,0,0,0.8);
  transition: all .5s ease-in-out;
}
.sidebtn {
 text-decoration: none;
 text-align:left;
  display: block;
  color:white;
  font-size:15px;
  opacity:0;
  width:67%;
  position: relative;
  right:-10%;
  top:15%;
  white-space: nowrap;
  line-height:40px;
  transition:all .25s ease-in-out;
  
}
.sideopacity  {
 opacity: 1; 
  transition: all 1s ease-in-out;
}
.sidebtn:hover {
  text-shadow: 2px 2px rgba(0, 0, 0, 0.38);
}
.triggered {
 right:0; 
}
.sidebtn::after {
 content: '';
  position: absolute;
  bottom:0;
  left:0%;
  width:0%;
  height:2px;
  background-color: white;
  transition: all .3s ease-out;
}
.sidebtn:hover::after {
 width: 100%; 
  left:0;
  box-shadow: 2px 2px rgba(0, 0, 0, 0.38);
}

@media(max-width:991px){
.navbar-brand{max-width:150px;}
.wrap{display:block;}
.navbar{border-top:none;}
.logo{padding:0px; font-size:10px; line-height:1em; padding:5px 0; }

}

.item02_img{display:inline-block; overflow:hidden; max-width:500px; width:100%; text-align:center; margin-top:10px;}
.item02_img img{width:auto; float:left; display:block; width:50%;}

.deco{font-family: 'Nanum Myeongjo', serif; font-weight:600; color:#ca7b00; }
.single-item02 .slick-arrow{display:none !important;}


#scroll {height:66px;}


/*추가css*/
/*메인-카운트업*/
.countArea{overflow:hidden}
.countArea ul{
  color: #666;
  text-align: center;
  margin-top: 50px;
  overflow: hidden;
}

.countArea ul li {
  float: left;
  width: 33.333%;
  list-style: none;
  border-left: 3px solid #742c8e;
}

.countArea ul li:first-child {border-left: 0;}
.countArea ul li h2{font-size: 44px; font-weight: bold;  color: #333;}
.countArea ul li p {font-size: 19px;}

/*메인-프로그램*/
.proArea{overflow: hidden;  padding: 30px 0;}
.pro_tit {padding: 5px; overflow: hidden;}
.pro_tit h4{ float: left;  color: #fff;}
.pro_more_btn {
    background: #fff;
    padding: 2px 15px;
    border: 1px solid #703786;
    border-radius: 50px;
    color: #703786;
    font-size: 14px;
    font-weight: 400;
	float: right;
}

/*메인-oz만족후기*/
#sec05 .main_title{ margin-bottom: 25px;}
.ma_revArea ul li{width: 31%; float: left; margin: 4px; background: #fff; box-shadow: 1px 2px 3px #bbb;}
.rev_img img{width:100%;}
.rev_tit{overflow:hidden}
.rev_txtBox{padding: 10px 7px; height: 100px;}
.rev_tit{padding-bottom:5px;}
.rev_tit h4{float:left; color:#333; font-size:14px;}
.rev_tit h4 span{font-size:12px;}
.rev_tit h5{float: right; color: #777; font-size: 12px; line-height: 1.5;}
.rev_txtBox p{text-align: left; font-size: 14px;}
.rev_txtBox .ellipsis-multi {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap:break-word; 
  line-height: 1.2em;
  height: 3.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
}


/*푸터*/
.footer{position:relative}
.ft_qBtn{position: fixed; bottom: 85px; right: 17px;}
.ft_qBtn img{max-width:75px;}



@media(max-width:991px){
	/*메인-프로그램*/
	.proArea{padding: 20px 0;}
	.pro_tit h4	{font-size: 18px;}
	.pro_more_btn{    font-size: 12px;}
	
	/*메인-oz만족후기*/
	.ma_revArea ul li{width: 47%; }

}

@media(max-width:767px){
	/*메인-카운트업*/
	.countArea ul{margin-top: 18px;}
	.countArea ul li h2{font-size: 21px;}
	.countArea ul li p{font-size: 13px;}
	
	/*메인-oz만족후기*/
	.ma_revArea ul li { width: 46%;}
	.rev_tit {text-align:left;}
	.rev_tit h5 {float: initial;}
	.rev_tit h4 {float: initial;}
    .rev_txtBox .ellipsis-multi {  display: -webkit-box;  -webkit-line-clamp:2; height: 2.4em;/* 라인수 */}
	.mg_title{text-align:center;  margin-top:20px; }/*@media(max-width:900px) 삭제*/
	
	/*푸터*/
	.ft_qBtn{bottom: 23px; right: 3px;}
	.ft_qBtn img{max-width:55px;}
	

}

.image_preview_button {
    display: none;
    cursor: pointer;
    position: relative;
    margin-left: 10px;
    padding: 5px 10px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
}

.image_preview_image {
    display: none;
    position: absolute;
    max-width: 500px;
    max-height: 500px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 10;
}

.file_name_display {
    display: none; /* 기본적으로 숨김 */
    margin-left: 10px;
    font-style: italic;
    color: #555;
}

.memo_background {
    background: url('/static/images/memo_icon.png') no-repeat left 10px bottom 15px #fff !important;
    background-size: 22px 22px !important;
}

.bt_font {
    color: white !important;
}

.bt_mg {
    margin-bottom: 10px;
}