@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
/* --------------------------------

 			Header

-------------------------------- */
body{background: #fff;}
.bB{border-bottom: 1px solid #ddd;}
.hMb{margin-bottom: 25px;}
.crowd_wrapper .top_nav{background: #353535;}
.meet_wrapper.crowd_wrapper .top_nav{background: #214879;}
.top_nav .wrap_1300{width: calc(100% - 60px);margin: 0px 30px;}
.top_nav > div > a{float: left;}
.top_nav > div > a img{width: 100%;}
.top_nav > div > .nav_ul{float: left;margin-left: 0px;}
.top_nav > div > .user_ul{float: right; padding-right: 0px;}
.top_nav > div > ul li{float: left;}
.top_nav > div > .nav_ul li{width: auto;text-align: center;}
.top_nav > div > .nav_ul li a{line-height: 43px;display: block;font-size: 13px;text-align: center;padding: 0px 20px;font-weight: 400; color: #fff; font-weight: 600;}
.top_nav > div > .nav_ul li.active_class{background: #fff; }
.top_nav > div > .nav_ul li.active_class a{color: #383838; font-weight: 600}
.top_nav > div > .nav_ul li > a > img{width: 20px; margin-right: 5px;}
.top_nav > div > .nav_ul li > a > img.on_con{display: none;}
.top_nav > div > .nav_ul li.active_class a > img.on_con{display: inline-block;}
.top_nav > div > .nav_ul li.active_class a > img.off_con{display: none;}
.top_nav > div > .user_ul li{float: right;}
.top_nav > div > .user_ul li a{text-align: center;line-height: 43px;display: block;font-size: 14px;padding: 0px 20px; color: #fff; font-weight: 600;}
.cd-morph-dropdown{position: relative;height: 60px;background-color: #FFFFFF; bax-shadow:0px 3px 6px rgba(0, 0, 0, 0.45); z-index:9999}
.cd-morph-dropdown::before{content: 'mobile';display: none;}
.cd-morph-dropdown .nav-trigger{position: absolute;top: 0;left: 0;height: 60px;width: 60px;overflow: hidden;text-indent: 100%;white-space: nowrap;color: transparent;}
.cd-morph-dropdown .mob_logo{display: inline-block;margin: 0 auto;position: absolute;top: 5px;left: 50%;margin-left: -50px;}
.cd-morph-dropdown > .user_ul{display: inline-block;float: right;line-height: 60px;margin-right: 15px;}
.cd-morph-dropdown > .user_ul li a{font-size: 14px;}
.cd-morph-dropdown > .user_ul li a img{width: 35px}
.cd-morph-dropdown .mob_logo img{width: 100px;}
.cd-morph-dropdown .nav-trigger span, .cd-morph-dropdown .nav-trigger span::after, .cd-morph-dropdown .nav-trigger span::before{position: absolute;background-color: #1A1A1A;height: 3px;width: 26px;}
.cd-morph-dropdown .nav-trigger span{left: 50%;top: 50%;bottom: auto;right: auto;webkit-transform: translateX(-50%) translateY(-50%);ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);webkit-transition: background-color .3s;transition: background-color .3s;}
.cd-morph-dropdown .nav-trigger span::after, .cd-morph-dropdown .nav-trigger span::before{content: '';left: 0;webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;}
.cd-morph-dropdown .nav-trigger span::before{webkit-transform: translateY(-9px);ms-transform: translateY(-9px);transform: translateY(-9px);}
.cd-morph-dropdown .nav-trigger span::after{webkit-transform: translateY(9px);ms-transform: translateY(9px);transform: translateY(9px);}
.cd-morph-dropdown.nav-open .nav-trigger span{background-color: transparent;}
.cd-morph-dropdown.nav-open .nav-trigger span::before{webkit-transform: rotate(45deg);ms-transform: rotate(45deg);transform: rotate(45deg);}
.cd-morph-dropdown.nav-open .nav-trigger span::after{webkit-transform: rotate(-45deg);ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.cd-morph-dropdown .main-nav{display: none;}
.cd-morph-dropdown .morph-dropdown-wrapper{display: none;position: absolute;top: 60px;left: 0;width: 100%;padding: 10% 5%;box-shadow: inset 0 1px 0 #e6e6e6;background-color: #FFFFFF;}
.cd-morph-dropdown.nav-open .morph-dropdown-wrapper{display: block; overflow-y:scroll; height:100%;}
.cd-morph-dropdown .dropdown-list1 > ul > li{margin-bottom: 3.3em;}
.cd-morph-dropdown .label{display: block;font-size: 1.5rem;color: #1A1A1A;margin-bottom: .8em;border-bottom: 1px dotted #ccc;padding-bottom: .8em;font-weight: 600;}
.cd-morph-dropdown .label span{float: right;font-size: 16px;font-family: 'Lato', sans-serif;}
.cd-morph-dropdown .content li::after{clear: both;content: "";display: block;}
.cd-morph-dropdown .gallery .content li{margin-bottom: 1.4em;}
.cd-morph-dropdown .gallery .content a{display: block;}
.cd-morph-dropdown .gallery .content a::before{content: '';display: inline-block;float: left;height: 54px;width: 54px;margin-right: .6em;background: red;border-radius: 50%;webkit-transition: background .2s;transition: background .2s;}
.cd-morph-dropdown .gallery .content a span, .cd-morph-dropdown .gallery .content a em{display: block;line-height: 1.2;}
.cd-morph-dropdown .gallery .content a em{font-size: 1.8rem;padding: .4em 0 .2em;color: #1A1A1A;}
.cd-morph-dropdown .gallery .content a span{font-size: 1.4rem;color: #a6a6a6;}
.cd-morph-dropdown .gallery .content a:hover::before{background-color: #1A1A1A;}
.cd-morph-dropdown .gallery li:nth-of-type(1) a::before{background: #f4e58a;}
.cd-morph-dropdown .gallery li:nth-of-type(2) a::before{background: #F4AF6D;}
.cd-morph-dropdown .gallery li:nth-of-type(3) a::before{background: #DB6356;}
.cd-morph-dropdown .gallery li:nth-of-type(4) a::before{background: #8D4645;}
.cd-morph-dropdown .links .content > ul > li{margin-top: 1em;}
.cd-morph-dropdown .links .content > ul > li > a{display: none;}
.cd-morph-dropdown .links-list a,
.cd-morph-dropdown .btn{display: block;margin-left: 14px;font-size: 1.3rem;line-height: 2;}
.cd-morph-dropdown .btn{background: #b94149;color: #fff;margin-left: 0px;margin-top: 20px;font-size: 1.4em;}
/* .cd-morph-dropdown .links-list a:hover,
.cd-morph-dropdown .btn:hover{color: #1A1A1A;} */
.cd-morph-dropdown .content h2{color: #a6a6a6;text-transform: uppercase;font-weight: bold;font-size: 1.3rem;margin: 20px 0 10px 14px;}
.Search input { width:230px; height:100%; margin-left:20px; padding-right:15px; border-bottom:1px solid #ddd; opacity:1; text-align:right; }
.Search a { display: inline-block; line-height:60px; vertical-align: middle; width: 30px; height: 35px; background-image: url(/images/main_img/search_black.png); background-position: center left; background-repeat: no-repeat; background-size: 50%; }

.commonSection{margin-bottom: 100px;}
.commonTob{height: 250px;}



@media only screen and (max-width: 830px){
	.cd-morph-dropdown .btn{display:none;}
	.Search { display:none; }
}
@media only screen and (max-width: 750px){
	.cd-morph-dropdown .morph-dropdown-wrapper{position:fixed;}
}
@media only screen and (min-width: 750px){
	.cd-morph-dropdown{position: absolute;height: auto; left: 0;top: 0;width: 100%;padding: 0;text-align: center;background-color: transparent;box-shadow: 1px 1px 7px #989898;webkit-box-shadow: 1px 1px 7px #989898;moz-box-shadow: 1px 1px 7px #989898;o-box-shadow: 1px 1px 7px #989898; z-index:10000;}
	.cd-morph-dropdown::before{content: 'desktop';}
	.cd-morph-dropdown .nav-trigger{display: none;}
	.cd-morph-dropdown .mob_logo{display: none;}
	.cd-morph-dropdown .main-nav{display: block;}
	.cd-morph-dropdown > .user_ul{display: none;}
	.cd-morph-dropdown .dropdown-list1 > ul > li{display: none;}
	.cd-morph-dropdown .dropdown-list1 > ul > li.active_class{display: block;}
	.cd-morph-dropdown .main-nav > ul > li{display: inline-block;float: left;}
	.cd-morph-dropdown .main-nav > ul > li > a{display: block;padding: 0 1.8em;height: 70px;line-height: 70px;color: #FFFFFF;font-size: 1.8rem;webkit-font-smoothing: antialiased;moz-osx-font-smoothing: grayscale;webkit-transition: opacity .2s;transition: opacity .2s;}
	.cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li > a{opacity: .6;}
	.cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li.active > a{opacity: 1;}
	.cd-morph-dropdown .morph-dropdown-wrapper{display: block; top:43px;width: 100%; padding: 0 ;background-color: #fff; }
	.cd-morph-dropdown.is-dropdown-visible .morph-dropdown-wrapper{webkit-transform: translateY(0);ms-transform: translateY(0);transform: translateY(0);}
	.cd-morph-dropdown .dropdown-list1{position: static;top: 0;left: 0;visibility: inherit;webkit-transform: translateZ(0);transform: translateZ(0);will-change: transform, width, height;webkit-transition: visibility .3s;transition: visibility .3s; border-bottom: 1px solid #eee;}
	.no-csstransitions .cd-morph-dropdown .dropdown-list1{display: none;}
	.cd-morph-dropdown .dropdown-list1::before{content: '';position: absolute;bottom: 100%;left: 50%;right: auto;webkit-transform: translateX(-50%);ms-transform: translateX(-50%);transform: translateX(-50%);height: 0;width: 0;border: 8px solid transparent;border-bottom-color: #FFFFFF;opacity: 0;webkit-transition: opacity .3s;transition: opacity .3s;}
	.cd-morph-dropdown .dropdown-list1 > ul{position: relative;z-index: 1;height: 100%;overflow: hidden;}
	.cd-morph-dropdown.is-dropdown-visible .dropdown-list1{visibility: visible;webkit-transition: width .3s, height .3s, -webkit-transform .3s;transition: width .3s, height .3s, -webkit-transform .3s;transition: transform .3s, width .3s, height .3s;transition: transform .3s, width .3s, height .3s, -webkit-transform .3s;}
	.cd-morph-dropdown.is-dropdown-visible .dropdown-list1::before{opacity: 1;}
	.cd-morph-dropdown .dropdown{position: absolute;left: 0;top: 0;opacity: 0;visibility: hidden;width: 100%;webkit-transition: opacity .3s, visibility .3s;transition: opacity .3s, visibility .3s;}
	.cd-morph-dropdown .dropdown.active1{opacity: 1;visibility: visible;}
	.cd-morph-dropdown .dropdown.move-left1 .content{webkit-transform: translateX(-100px);ms-transform: translateX(-100px);transform: translateX(-100px);}
	.cd-morph-dropdown .dropdown.move-right1 .content{webkit-transform: translateX(100px);ms-transform: translateX(100px);transform: translateX(100px);}
	.cd-morph-dropdown .label{display: none;}
	.cd-morph-dropdown .links .content > ul > li > a{display: inherit; float: left; line-height: 81px;}
	.cd-morph-dropdown .links .content > ul > li > a img{width: 100px;}
	.cd-morph-dropdown .content{padding: 5px 50px; webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;text-align: left;}
	.cd-morph-dropdown .content > ul::after{clear: both;content: "";display: block;}
	.cd-morph-dropdown .content > ul > li{width: 48%;float: left;margin-right: 4%;margin-top: 0;}
	.cd-morph-dropdown .links .content > ul > li{width: 100%;}
	.cd-morph-dropdown .content > ul > li:nth-of-type(2n){margin-right: 0;}
	.cd-morph-dropdown .gallery .content{width: 510px;padding-bottom: .8em;}
	.cd-morph-dropdown .gallery .content li{margin-bottom: 1.8em;}
	.cd-morph-dropdown .links .content > ul > li{margin-top: 0;}
	.cd-morph-dropdown .button .content{width: 100%;}
	.cd-morph-dropdown .links .content{width: 100%;}
	.cd-morph-dropdown .dropdown1 .content{padding:0px}
	.cd-morph-dropdown .dropdown1 .content > ul{float: left;}
	.cd-morph-dropdown .dropdown-list1 > ul > li{margin-bottom: 0px;}
	.cd-morph-dropdown .dropdown1 .content > ul > li > ul{padding-left: 30px; float: left;}
	.cd-morph-dropdown .dropdown1 .content > ul > li > ul > li{float: left;}
	.cd-morph-dropdown .links-list a{font-size: 1.4em;margin-left: 0;padding: 10px 0px;border-bottom: 1px dotted #ddd;}
	.cd-morph-dropdown .links-list a:hover{color: #b72932;}
	.cd-morph-dropdown .dropdown1 .content > ul > li > ul > li a{line-height: 81px; padding: 0px 15px; border-bottom: 0px; font-size: 1.2em}
	.cd-morph-dropdown .btn{float: right; width:90px; height: 40px; margin:20px 0px; font-size:1em; text-align: center; color: #FFFFFF;line-height: 28px;background: #b72932;padding: 6px 0px; webkit-font-smoothing: antialiased;moz-osx-font-smoothing: grayscale;}
	.cd-morph-dropdown .content h2{font-size: 1.8rem;text-transform: none;font-weight: normal;color: #1A1A1A;margin: 0 0 .6em;}
	.cd-morph-dropdown .bg-layer{position: absolute;top: 0;left: 0;height: 1px;width: 1px;background: #FFFFFF;opacity: 0;webkit-transition: opacity .3s;transition: opacity .3s;webkit-transform-origin: top left;ms-transform-origin: top left;transform-origin: top left;webkit-transform: translateZ(0);transform: translateZ(0);will-change: transform;webkit-backface-visibility: hidden;backface-visibility: hidden;}
	.cd-morph-dropdown.is-dropdown-visible .bg-layer{opacity: 1;webkit-transition: opacity .3s, -webkit-transform .3s;transition: opacity .3s, -webkit-transform .3s;transition: transform .3s, opacity .3s;transition: transform .3s, opacity .3s, -webkit-transform .3s;}
	}



@media only screen and (max-width: 1000px){
	.top_nav > div > a img{width: 70%;}
	.top_nav .wrap_1300{width: 100%;margin: 0;}
	.top_nav > div > .nav_ul li a{line-height: 43px;font-size: 1em;padding: 0px 15px;}
	.top_nav > div > .user_ul li a{line-height: 43px;font-size: 1em;padding: 0px 10px;}
}
@media only screen and (max-width: 1100px){
	.cd-morph-dropdown .dropdown-list1 > ul.wrap_1100{width:100%; padding: 0px 20px;}
}
@media only screen and (min-width: 1000px){
	.cd-morph-dropdown .links .content > ul > li > a img{width: 110px;}
	.cd-morph-dropdown .dropdown1 .content > ul > li > ul{padding-left: 40px;}
	.cd-morph-dropdown .dropdown1 .content > ul > li > ul > li a{font-size: 1.2em}
	.cd-morph-dropdown .btn{width: 150px; font-weight: 400; font-size: 1.1em; font-weight: 600;}
}


.sidenav{height: 100%;width: 280px ;position: fixed;  top: 0;right: -280px;background-color: #fff;overflow-x: hidden;transition: 0.5s; box-shadow:-2px -1px 20px rgba(150,150,150,0.2); -webkit-box-shadow:-2px -1px 20px rgba(150,150,150,0.2); -moz-box-shadow:-2px -1px 20px rgba(150,150,150,0.2); -o-box-shadow:-2px -1px 20px rgba(150,150,150,0.2); z-index:1000; border-left: 1px solid #e4e4e4; }
.sidenav a{padding: 8px 8px 8px 32px;text-decoration: none; color: #818181;display: block;transition: 0.3s;}
.sidenav a:hover{color: #f1f1f1;}
.sidenav .closebtn{position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}
.sidenav > a.closebtn{color: #161616; position: absolute; right: 5px; z-index: 9; top: 5px; font-size: 20px; font-weight: normal;}
.sidenav .side_profile{background: #fff;}
.sidenav .profile_top{background: #fff; position: relative; text-align: center; margin: 60px 20px 0 20px; padding-bottom: 20px; border-bottom: 1px solid #e4e4e4}
.profile_top p{display: block; font-size: 16px; font-weight: 500; color: #161616; padding: 0; margin: 20px 0 0; text-align: center;}
.profile_top p.goProfile{font-size: 12px; font-weight: normal; border-radius: 40px; border: 1px solid #ddd; display: inline-block; line-height: 19px; padding: 0px 10px; text-align: center; margin-top: 30px;}
.profile_top p.goProfile a{color: #fff; font-size: 11px; font-weight: normal;padding:0px; padding-top:2px;}
/*.mypageNav { margin: 0 20px}*/
/*.mypageNav li {}*/
/*.mypageNav li a {padding: 10px 8px; }*/
.nvb { border-bottom: 1px solid #e4e4e4 }
.favorite_list ul{overflow: hidden; padding: 0px; list-style: none; margin-bottom: 10px;}
.favorite_list ul .no_border{border-right:0;}
.favorite_list ul li.barcode_li{width: 100%; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.favorite_list ul li{width: calc(100% / 3); float: left; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.favorite_list ul li a{display: block; padding: 20px 10px; text-align: center; color: #333; font-weight: normal; font-size: 12px; transition: all 0.3s ease .05s; -webkit-transition: all 0.3s ease .05s; -moz-transition: all 0.3s ease .05s; -o-transition: all 0.3s ease .05s;}
.favorite_list ul li a:hover{color: #afafaf}
.favorite_list ul li i{display: block; margin-bottom: 5px; font-size: 14px;}
.favorite_list ul li.barcode_li i{font-size: 14px; display: block;}
.side_adon{margin-bottom: 50px;}
.side_adon a{padding: 0px; display: block; margin-bottom: 5px;}
.side_adon a img{width: 100%;}
.side_adon a.simple_a{padding: 20px; background: #f2efe8; border-bottom: 1px solid #c1b393; border-top: 1px solid #c1b393;}
.side_adon a.simple_a p.simple_p1{color: #333;}
.side_adon a.simple_a p.simple_p2{color: #023990; font-weight: 600;}
.side_adon a.simple_a p.simple_p1 span{font-weight: 600;}
.side_adon a.simple_a p{margin-bottom: 5px; text-align: left; margin-bottom: 5px; font-size: 14px;}

	@media screen and (max-height: 450px){
	/* .sidenav{padding-top: 15px;} */
	.sidenav a{font-size: 18px;}
	}

.top_nav > div ul.user_ul li a img.g_profile{width:28px; height: auto; border: 1px solid #696969; border-radius: 50px; margin-right: 10px;}

/* 바코드 */

#modal, #modal2, #modal4{display: none; background: #fff; width: 410px;}
#modal3{display: none; background: #fff;}
.barcode_modal > h2{padding: 10px 20px; text-align: center; background: #c72030; color: #fff; font-size: 1.2em; font-weight: 400;}
.barcode_modal .bcode_content{padding: 10px 20px; margin-top: 10px;}
.barcode_modal .bcode_content p.bcode_01{font-size: 1em; line-height: 1.6em; margin-bottom: 10px;}
.barcode_modal .bcode_content p.bcode_01 span{margin-top: 15px; display: block; font-weight: 600;}
.barcode_modal .bcode_content p.bcode_02{padding: 10px; border: 1px solid #ddd;}
.barcode_modal .bcode_content p.bcode_02 span{margin-left: 14px; margin-top: 10px; display: block; font-weight: 600;}
.barcode_modal .btn_group{padding: 10px 20px; margin-bottom: 10px;}
.barcode_modal .btn_group p{width: 49%; float: left; border: 1px solid #ddd;}
.barcode_modal .btn_group p:last-child{width: 49%; float: right;}
.barcode_modal .btn_group p.ok_btn{background: #c72030; color: #fff;}

.barcode_modal .bcode_content h2{min-height: 100px;}
.barcode_modal .bcode_content h2 a{display: block;}
.barcode_modal .bcode_content h2 a img{width: 100%; border: 1px solid #ddd;}
.barcode_modal .bcode_content p.sub_text{padding: 5px 10px; text-align: center;}
.barcode_modal .btn_group.modal_cancle p.ok_btn{float: none; margin: 0 auto; display: block;}



/* --------------------------------

 			Footer

-------------------------------- */

footer{width: 100%; background: #1e1e1e;}
footer .footer_top{background: #111; border-bottom: 1px solid #2a2a2a; color: #d6d6d6; }
footer .footer_top ul{width: 1100px; margin:0 auto; height: 52px; display: flex; align-items: center; justify-content: left;}
footer .footer_top ul.f_map{ }
footer .footer_top ul.f_map li{ height: 100%; }
footer .footer_top ul.f_map li + li { border-left: 1px solid #252525; }
footer .footer_top ul.f_map li a{color: #888; text-align: center; width: 220px; display: block; font-weight: 400; font-size: 0.875rem; transition: color 0.2s ease; line-height: 52px;}
footer .footer_top ul.f_map li a:hover{color: #F86453; font-weight: 400;}
footer .footer_cont{display: flex; justify-content: space-between; padding: 50px 0 64px;}
footer .footer_cont .f_com_info{display: flex;justify-content: space-between;}
footer .footer_cont .f_com_info div{width: 50%;}
footer .footer_cont .fc01{width: 160px; }
footer .footer_cont .fc01 .f_logo{width: 100%; height: 40px; background-image: url("../../images/icon_logo_white.png"); background-size: auto 100%; background-repeat: no-repeat; background-position: left 0; opacity: 0.8;}
footer .footer_cont .fc03 .sns{display: flex; justify-content: left;}
footer .footer_cont .fc03 .sns li{width: 26px; height: 26px; margin-right: 16px; opacity: 0.6; transition: opacity 0.2s ease;}
footer .footer_cont .fc03 .sns li:hover{opacity: 1;}
footer .footer_cont .fc03 .sns li a{display: block; width:100%; height:100%; background-repeat: no-repeat; background-size: contain; background-position: center;}
footer .footer_cont .fc03 .sns li:nth-child(1) a{background-image: url("../../images/icon_face.png");}
footer .footer_cont .fc03 .sns li:nth-child(2) a{background-image: url("../../images/icon_instar.png");}
footer .footer_cont .fc03 .sns li:nth-child(3) a{background-image: url("../../images/icon_naver.png");}
footer .footer_cont .fc02{width: 100%;}
footer .footer_cont .company_info{padding: 50px 20px;}
footer .footer_cont .company_info ul.address{width:100%; padding: 0px}
footer .footer_cont .company_info ul.address > li{color: #b9b9b9; margin-bottom: 10px; letter-spacing: 1px;}
footer .footer_cont .company_info ul.address > li:first-child{font-weight: 600; font-size: 1.4em; color: #e2e2e2;}
footer .footer_cont .company_info ul.address > li:first-child span{color: #659cb3; font-size: 1.4em;}
footer .footer_cont .company_info ul.address > li:first-child small{display: block; margin-top: 10px;}
footer .footer_cont .company_info img{display: none;}
footer .footer_cont .company_info ul.address > li ul{margin-bottom: 5px; letter-spacing: 0.5px; }
footer .footer_cont .company_info ul.address > li ul li{float: left; margin-right: 20px}
footer .footer_cont .company_info ul.address > li ul li a{color: #fff;}
footer .footer_cont .fc02_wrap{display: flex; width: 75%;}
footer .footer_cont .fc02 >div{display: flex;}
footer .footer_cont .fc02 >div *{color: #bbb; font-size: 1rem; line-height: 1.6;}
footer .footer_cont .fc02 >div .f_info_1 .cf{font-size: 0.875rem;}
footer .footer_cont .fc02 >div div:first-child{font-weight: 600; width: 25%; color: #777; font-size: 0.8rem;}
footer .footer_cont .fc02 >div:first-child{margin-bottom: 25px;}
footer .footer_cont .fc02 >div:last-child{width: 100%;}
footer .footer_cont .fc02 .f_info_e_mail a{font-size: 1.15rem; color: #eee;}
footer .footer_cont .fc02 .f_info_e_mail a:hover{color: #F86453;}
footer .footer_cont .fc02 .f_info_1 *{font-size: 0.875rem; color: #888; line-height: 1.8;}
footer .footer_cont .fc02 .f_info_1 .cf_no{margin-bottom: 15px; }
footer .footer_cont .fc02 .f_info_1 .cf_no p:first-child{margin-right: 10px;}
footer .footer_cont .fc03 {width: 20%; color:#bbb; font-size: 1rem; font-weight: 600;}
footer .footer_cont .fc03 .sns li:last-child{margin-right: 0;}

.t_top{background: #eee;}
.t_top ul.t_top_ul{width: 1180px; margin: 0 auto ; padding: 10px 25px;}
.t_top ul.t_top_ul > li{width: 50%; float: left; overflow: hidden;}

.t_top ul.t_top_ul li.notice_li h2{font-size: 1.1em; margin-right: 20px; font-weight: 600; line-height: 1.4em;}
.t_top ul.t_top_ul li.notice_li ul{left: 100px; top:1px !important}
.t_top ul.t_top_ul li.notice_li ul li{}

.footer_top {border-bottom: 1px solid #585858}
.footer_cont > div {  /*width: calc((100% - 60px)/3); margin-right: 60px;*/ }
.footer_cont > div:last-child {margin-right: 0;}
.fc01 { text-align: center; padding: 0;  }
.fc01 img { width: 200px; }
.fc03 .sns { display: flex; justify-content: center; margin-top: 20px;}
.fc03 .sns li { transition: all 0.3s; font-size: 1rem; }
.footer_cont h3 { color : #ffffff; margin-bottom: 20px; text-align: left; font-size:1.2em; font-weight: 500; padding-top: 0; letter-spacing: 0}
.footer_cont li { color : #b9b9b9}
.fc02 { position: relative;}
/*.fc02:after { position: absolute; left: -50px; top: 50%; transform: translateY(-50%); content: ''; display: block; clear: both; width: 1px; height: 20px; background: #585858; }*/
.fc02 li  { font-size: 0.937rem; color: #fff;}
.fc02 li:nth-child(1){ }
.fc02 li a { font-size: 1.3rem; font-weight: bold; color:#fff }
.fc03 { position: relative;}
.fc03 li p{color: #fff;}
/*.fc03:after { position: absolute; left: -50px; top: 50%; transform: translateY(-50%); content: ''; display: block; clear: both; width: 1px; height: 20px; background: #585858; }*/
.copyright { color : #b9b9b9; text-align: center; padding-bottom: 20px; }
.copyright a { color: #fff}

@media screen and (min-width: 700px){
	/*footer .footer_top ul.f_map li{width: calc(100% / 5);}*/
	/*footer .footer_top ul.f_map li:nth-child(4), footer .footer_top ul.f_map li:nth-child(5){width: calc(100% / 5); margin-top: 0px;};*/
	/*footer .footer_top ul.f_map{padding: 15px 50px;}*/
	/*footer .footer_cont .company_info{padding: 50px;}*/
}

@media screen and (min-width: 1200px){
	footer .footer_top ul.f_map, footer .t_top{ /*width: 1180px; margin: 0 auto;*/ }
	footer .footer_cont .company_info{width: 1180px; margin: 0 auto;}
	footer .footer_cont .company_info ul.address{float: right; width: calc(100% - 200px); padding: 0px 50px;}
	footer .footer_cont .company_info img{width: 200px; opacity: 0.9; display: inline-block; margin: 18px 0px;}
}
@media screen and (max-width: 1100px){
	.t_top ul.t_top_ul{width: 100%;}
}
@media screen and (max-width: 1024px){
	.footer_cont{padding: 50px 40px;}
	footer .footer_top ul{width: 100%; justify-content: space-between}
	.footer_top ul li{width: 15%;}
	footer .footer_top ul.f_map li a{
		width: 100%;
	}
	footer .footer_cont{padding: 50px 20px 100px;}
}
@media screen and (max-width: 768px){
	footer .footer_top{width: 100%;}
	.footer_top .commonMargin{width: 100%!important;}
	footer .footer_cont{padding: 50px 70px 100px;}
	footer .footer_top ul{width: 100%; padding: 0 20px; justify-content: space-between;}
	footer .footer_top ul li{width: auto; margin: 0;}
	footer .footer_cont .fc01{margin: 0 auto 30px;}
	footer .footer_cont .fc01 .f_logo{background-position: center;}
	footer .footer_cont .fc03 .sns {
		justify-content: center;
	}
	footer .footer_cont .fc01 ul li:last-child{
		margin-right: 0;
	}
	footer .footer_cont {display: block;}
	footer .footer_cont h3{text-align: center; font-weight: 600;}
	footer .footer_cont .fc02{
		margin-bottom: 30px;
	}
	footer .footer_cont h3, footer .footer_cont div{text-align: left;}
	footer .footer_cont .fc02_wrap{display: block; width: 100%; padding: 0 7.5%;}
	footer .footer_cont .fc02_wrap .fc02{ margin-bottom: 30px;}
	footer .footer_cont .fc02_wrap .fc03{width: 100%; }
	footer .footer_cont .fc02_wrap .fc03 div:first-child{width: 100%;text-align: center;}
}
@media screen and (max-width: 700px){
	.t_top ul.t_top_ul > li{width: 100%; float: none;}
	.t_top ul.t_top_ul > li:first-child{margin-bottom: 10px; border-bottom: 1px dotted #ddd; padding-bottom: 10px;}
}
@media screen and (max-width: 650px){
	footer .footer_cont .fc02_wrap .fc02 > div{display: block;}
	footer .footer_cont .fc02_wrap .fc02  *{text-align: center;}
	footer .footer_cont .fc02_wrap .fc02 > div > div:nth-child(2) *{font-size: 0.875rem;}
	footer .footer_cont .fc02_wrap .fc02 > div > div:first-child{margin-bottom: 10px; text-align: center; width: 100%; font-size: 1rem!important; }
}
@media screen and (max-width: 460px){
	.footer_top .commonMargin {width: 100%!important;}
	footer .footer_top ul{justify-content: space-between;}
	.footer_top ul li{width: auto;}
	.footer_top ul li a{font-size: 0.7rem;}
	footer .footer_cont .f_com_info{
		display: block;;
	}
	footer .footer_cont .f_com_info div,footer .footer_cont .f_com_info h3{
		width: 100%;
		text-align: center;
	}
}


/* 페이징 - 더보기 활성화 */
.js-load {
    display: none;
}
.js-load.active {
    display: block;
}
.is_comp.js-load:after {
    display: none;
}
.btn-wrap {
    text-align: center;
    display: block;
}



/* ckedito contents 공통 css */

#cke_content{font-size: 16px; line-height: 1.8em; word-wrap: break-word;}
.cke_video{position:relative; height:0; padding-bottom:56.25%;}
.cke_video>div{ padding-bottom:56.25%;}
#cke_content .cke_content_div:after{content:""; display:block; width:40%; margin:auto; height:1px; background-color:#f0f0f0; margin-top:50px;}
#cke_content .cke_content_div img{margin-bottom:10px;}
#cke_content .cke_content_div h3{padding-left:10px; border-left:2px solid #333;}
#cke_content .cke_content_div:first-child p{margin:20px 0; text-align:center;}
#cke_content p{
	display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin:0;
    margin-bottom: 10px;
}

#cke_content p:first-child{margin-top: 0;}

#cke_content h1, #cke_content h2, #cke_content h3, #cke_content h4, #cke_content h5, #cke_content h6 {
    font-weight: normal;
    line-height: 1.2;
}
#cke_content figcaption em{width: 100%; display: block; text-align: center; font-size: 0.9em; font-weight: 400; color: #b7b7b7; border: 1px solid #eee; border-top:0; background: #f9f9f9; margin-bottom: 20px;}

#cke_content h1 {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

#cke_content h2 {
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

#cke_content h3 {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

 #cke_content u{
	text-decoration: none;
    border-bottom: 2px solid rgb(255, 187, 187)
}

#cke_content h1 u,  #cke_content h2 u{border-bottom: 4px solid rgb(255, 187, 187)}

#cke_content blockquote{
	padding: 31px 40px;
	/*font-style: italic;
	font-family: Georgia, Times, "Times New Roman", serif; */
	font-family: Arial,Helvetica,sans-serif;
	text-align: center;
	position: relative;
}

/*
#cke_content blockquote *{
	font-size: 19px !important;
	line-height: 1.7 !important;
	color: #8e8e8e !important;
	margin: 0;
}
*/
#cke_content table{width: 100% !important;}
#cke_content table p{margin:0; font-size: 0.9em; padding: 0px 10px; line-height: 1.6em;}
#cke_content table img{margin-bottom:0;}
#cke_content table>tbody>tr>td, #cke_content table>tbody>tr>th,
#cke_content table>tfoot>tr>td, #cke_content table>tfoot>tr>th,
#cke_content table>thead>tr>td, #cke_content table>thead>tr>th{border-left: 1px solid #ddd; padding: 0;}
#cke_content table>tbody>tr>td:last-child{border-left:0;}
@media screen and (max-width: 700px){
	#cke_content iframe{width:100%;}
}
@media screen and (max-width: 540px){
	#cke_content table p{font-size: 0.7em}
}
#cke_content blockquote:before, #cke_content blockquote:after{
	content: '';
	position: absolute;
	right: 0;
	left: 50%;
	margin-left: -10px;
	background-image: url(/images/g_blockquote.png);
    background-repeat: no-repeat;
    -webkit-background-size: 46px 15px;
    background-size: 46px 15px;
    display: inline-block;
    width: 21px;
    height: 16px;
}

#cke_content blockquote:before{
	top:0;
}

#cke_content blockquote:after{
	bottom:0;
	background-position-x:-27px;
}

#cke_content ol, #cke_content ul, #cke_content dl{padding: 0px 20px;}
#cke_content a{color: #0782C1}
#cke_content hr{border: 0; border-top: 1px solid #ccc; width: 80%; margin: 0 auto;}
#cke_content img{max-width: 100%; height: auto; /*display: block;*/ margin:auto; margin-bottom: 0px; }
#cke_content figure{width: 100%;}


/* 페이징 CSS */
.paging{text-align: center; margin-top: 30px;}
ul.paging_wrap{list-style: none; display: inline-block;}
ul.paging_wrap li{float: left; padding: 5px; border: 1px solid #ccc; width: 30px; height: 30px; text-align: center; border-right: 0px;}
ul.paging_wrap li:last-child{border-right: 1px solid #ccc;}
ul.paging_wrap li.active{background: rgba(56, 56, 56, 0.55);}
ul.paging_wrap li.active a{color: #fff;}

/* HEADER */
header{height:80px; width:100%; border-bottom:1px solid #ededed; position:relative;}
#header > section{height:80px; display: flex;}
.mainLogo{display:block; width:120px; line-height:80px; margin-right:15px;}
.mainLogo img{vertical-align: middle; width:100px; margin-top: auto; margin-bottom: auto; /*margin-top: 5px;*/}
#header > section >  div {display: flex;}
#header > section >  div nav{margin: 0;}
#header > section >  div nav ul{height: 100%;}
#header > section > div nav ul li:not(:nth-child(5), :last-child) {}
#header > section .navList > li:first-child >a,
#header > section .navList > li:nth-child(2) >a,
#header > section .navList > li:nth-child(3) >a,
#header > section .navList > li:nth-child(4) >a {font-size: 18px; font-weight: 500; color: #333;}
#header > section .navList > li:not(:nth-child(5)):hover >a, #header > section .navList > li:not(:last-child):hover >a {color: #e91c1f; font-weight: 600;}

.nav{float:left;}

.nav li{float:left; line-height:60px; font-size:1.2em; margin-right:30px; font-weight:500;}
.nav .nav_more{margin-right:0;}
.burgermenu {
  position: relative;

  width: 60px; height: 60px;
/*  background: rgba(255,255,255,0.3); */
}

.burgermenu .burger_bar {
  height: 4px;
  width: 25px;
  position: absolute;
  border-radius: 50px;
  background: #ccc;
  transform: translate(-50%,-50%) ;
}

.burgermenu .burger_bar::before {
  content: '';
  position: absolute;
  height:4px;
  width: 35px;
  border-radius: 50px;
  background-color: #ccc;
  margin:auto;
  transition: ease 0.2s;
}
.burgermenu .burger_bar::after {
  content: '';
  position: absolute;
  height:4px;
  width: 30px;
  border-radius: 50px;
  background-color: #ccc;

}
.burgermenu .burger_bar::before {
  top: -10px;
  left: 0;
  transform-origin: left;
}
.burgermenu .burger_bar::after {
  bottom: -10px;
  left: 0;
}


.nav li a{color:#353535;}
.nav .nav_more img{width:25px; height:6px;}
.user{float:right;}
/*.user >  li{float:left; line-height:55px; font-size:1.1em; font-weight:600;}*/
.userP img{height:25px;  vertical-align:middle;}
.mMenu{display:none;}

.nav .cfMake{vertical-align:middle; margin-left:50px; padding:0 20px; border:1px solid #b72932; border-radius:5px; line-height:30px; margin-top:14px; margin-right:0; font-size:1.1em;}
.nav .cfMake a{ color:#b72932;}

.hide{display:none; width:100%; padding:30px; background-color:#fff; z-index:2000;
position:absolute; left:0; top:60px;}
.hide>li{display:inline-block; margin-right:90px; font-size:1.2em; line-height:2.2em; vertical-align:top; text-align:left;}
.hide>li:last-child{margin-right:0;}
.hide>li a:hover{font-weight:600;}
.hide_title{font-size:0.9em; color:#90949c; margin-bottom:13px;}
.hide_title a{color:#90949c;}

.morph-dropdown-wrapper{z-index:2000; display: none;position: absolute;top: 60px;left: 0;width: 100%; height:100vh; padding: 10% 5%;box-shadow: inset 0 1px 0 #e6e6e6;background-color: #FFFFFF; overflow-y:scroll;}
.dropdown-list1 > ul > li{margin-bottom: 3.3em;}

.label{display: block;font-size: 1.5rem;color: #1A1A1A;margin-bottom: .8em;border-bottom: 1px dotted #ccc;padding-bottom: .8em;font-weight: 600;}
.label span{float: right;font-size: 16px;font-family: 'Lato', sans-serif;}
.content li::after{clear: both;content: "";display: block;}
.gallery .content li{margin-bottom: 1.4em;}
.gallery .content a{display: block;}
.gallery .content a::before{content: '';display: inline-block;float: left;height: 54px;width: 54px;margin-right: .6em;background: red;border-radius: 50%; webkit-transition: background .2s;transition: background .2s;}
.gallery .content a span, .gallery .content a em{display: block;line-height: 1.2;}
.gallery .content a em{font-size: 1.8rem;padding: .4em 0 .2em;color: #1A1A1A;}
.gallery .content a span{font-size: 1.4rem;color: #a6a6a6;}
.gallery .content a:hover::before{background-color: #1A1A1A;}
.gallery li:nth-of-type(1) a::before{background: #f4e58a;}
.gallery li:nth-of-type(2) a::before{background: #F4AF6D;}
.gallery li:nth-of-type(3) a::before{background: #DB6356;}
.gallery li:nth-of-type(4) a::before{background: #8D4645;}
.links .content{display:none;}
.links .content > ul > li{margin-top: 1em;}
.links .content > ul > li > a{display: none;}
.links-list li{cursor:pointer;}
.links-list a,
.btn{display: block;margin-left: 14px;font-size: 1.3rem;line-height: 2;}
.btn{background: #b94149;color: #fff;margin-left: 0;margin-top: 20px;font-size: 1.4em;}
/* .links-list a:hover,
.btn:hover{color: #1A1A1A;} */
.content h2{color: #a6a6a6;text-transform: uppercase;font-weight: bold;font-size: 1.3rem;margin: 20px 0 10px 14px;}
.mburgermenu{ display: none;}
.mt50 {margin-top: 50px; }


@media screen and (max-width: 1000px) {
	.hide > li {
		margin-right: 50px;
	}

	.nav {
		display: none;
	}

	.mburgermenu {
		display: block;
		font-size: 1.312rem;
		padding: 10px 15px;
		margin-top: 10px;
		top: 0 !important;
		left: 0 !important;
	}

	/*.mburgermenu a { font-size: 1.312rem; padding: 10px 15px; margin-top: 10px; }*/
	.mburgermenu {
		display: inline-block;
		position: relative;
		top: 30px;
		left: 25px;
		float: left;
		/* width: 60px; height: 60px; */
	}

	.mburgermenu .burger_bar {
		height: 4px;
		width: 25px;
		position: absolute;
		border-radius: 50px;
		background: #ccc;
		transform: translate(-50%, -50%);
	}

	.mburgermenu .burger_bar::before {
		content: '';
		position: absolute;
		height: 4px;
		width: 35px;
		border-radius: 50px;
		background-color: #ccc;
		margin: auto;
		transition: ease 0.2s;
	}

	.mburgermenu .burger_bar::after {
		content: '';
		position: absolute;
		height: 4px;
		width: 30px;
		border-radius: 50px;
		background-color: #ccc;

	}

	.mburgermenu .burger_bar::before {
		top: -10px;
		left: 0;
		transform-origin: left;
	}

	.mburgermenu .burger_bar::after {
		bottom: -10px;
		left: 0;
	}

	.mainLogo {
		float: none;
		margin: auto;
	}

	.user {
		margin-top: -60px;
		margin-right: 20px;
	}

	.hide > li {
		display: block;
		margin-left: 14px;
		font-size: 1.3rem;
		line-height: 2;
		margin-bottom: 3.3em;
	}

	.hide_title {
		font-size: 1.5rem;
		color: #1a1a1a;
		border-bottom: 1px dotted #ccc;
		padding-bottom: 0.8em;
		font-weight: 600;
	}

	.morph-dropdown-wrapper { left: -20px; width: 101vw; padding: 40px; }
}
@media only screen and (max-width: 830px){
	/* .btn{display:none;} */
	.hide>li{margin-right:30px;}
}
@media screen and (max-width: 850px){
	header{border-bottom:0;}
	.nav{display:none;}

	.mburgermenu{
display: inline-block;
		position: relative;
	top:30px; left: 25px;
	float: left;
/* width: 60px; height: 60px; */}

	.mburgermenu .burger_bar {
	  height: 4px;
	  width: 25px;
	  position: absolute;
	  border-radius: 50px;
	  background: #ccc;
	  transform: translate(-50%,-50%) ;
	}

	.mburgermenu .burger_bar::before {
	  content: '';
	  position: absolute;
	  height:4px;
	  width: 35px;
	  border-radius: 50px;
	  background-color: #ccc;
	  margin:auto;
	  transition: ease 0.2s;
	}
	.mburgermenu .burger_bar::after {
	  content: '';
	  position: absolute;
	  height:4px;
	  width: 30px;
	  border-radius: 50px;
	  background-color: #ccc;

	}
	.mburgermenu .burger_bar::before {
	  top: -10px;
	  left: 0;
	  transform-origin: left;
	}
	.mburgermenu .burger_bar::after {
	  bottom: -10px;
	  left: 0;
	}

	.mainLogo{float:none; margin:auto;}
	.user{margin-top:-60px; margin-right:20px;}
	.hide>li{display:block; margin-left:14px; font-size:1.3rem; line-height:2; margin-bottom:3.3em;}
	.hide_title{font-size:1.5rem; color:#1a1a1a; border-bottom:1px dotted #ccc; padding-bottom:0.8em; font-weight:600;}
}
@media only screen and (min-width: 850px){
	.cd-morph-dropdown{position: absolute;height: auto; left: 0;top: 0;width: 100%;padding: 0;text-align: center;background-color: transparent;box-shadow: 1px 1px 7px #989898;webkit-box-shadow: 1px 1px 7px #989898;moz-box-shadow: 1px 1px 7px #989898;o-box-shadow: 1px 1px 7px #989898; z-index:10000;}
	.cd-morph-dropdown::before{content: 'desktop';}
	.nav-trigger{display: none;}
	.mob_logo{display: none;}
	.main-nav{display: block;}
	.user_ul{display: none;}
	.dropdown-list1 > ul > li{display: none;}
	.dropdown-list1 > ul > li.active_class{display: block;}
	.main-nav > ul > li{display: inline-block;float: left;}
	.main-nav > ul > li > a{display: block;padding: 0 1.8em;height: 70px;line-height: 70px;color: #FFFFFF;font-size: 1.8rem;webkit-font-smoothing: antialiased;moz-osx-font-smoothing: grayscale;webkit-transition: opacity .2s;transition: opacity .2s;}
	.cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li > a{opacity: .6;}
	.cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li.active > a{opacity: 1;}
	.morph-dropdown-wrapper{top:43px;width: 100%; padding: 0 ;background-color: #fff; }
	.cd-morph-dropdown.is-dropdown-visible .morph-dropdown-wrapper{webkit-transform: translateY(0);ms-transform: translateY(0);transform: translateY(0);}
	.dropdown-list1{position: static;top: 0;left: 0;visibility: inherit;webkit-transform: translateZ(0);transform: translateZ(0);will-change: transform, width, height;webkit-transition: visibility .3s;transition: visibility .3s; border-bottom: 1px solid #eee;}
	.no-csstransitions .dropdown-list1{display: none;}
	.dropdown-list1::before{content: '';position: absolute;bottom: 100%;left: 50%;right: auto;webkit-transform: translateX(-50%);ms-transform: translateX(-50%);transform: translateX(-50%);height: 0;width: 0;border: 8px solid transparent;border-bottom-color: #FFFFFF;opacity: 0;webkit-transition: opacity .3s;transition: opacity .3s;}
	.dropdown-list1 > ul{position: relative;z-index: 1;height: 100%;overflow: hidden;}
	.cd-morph-dropdown.is-dropdown-visible .dropdown-list1{visibility: visible;webkit-transition: width .3s, height .3s, -webkit-transform .3s;transition: width .3s, height .3s, -webkit-transform .3s;transition: transform .3s, width .3s, height .3s;transition: transform .3s, width .3s, height .3s, -webkit-transform .3s;}
	.cd-morph-dropdown.is-dropdown-visible .dropdown-list1::before{opacity: 1;}
	.dropdown{position: absolute;left: 0;top: 0;opacity: 0;visibility: hidden;width: 100%;webkit-transition: opacity .3s, visibility .3s;transition: opacity .3s, visibility .3s;}
	.dropdown.active1{opacity: 1;visibility: visible;}
	.dropdown.move-left1 .content{webkit-transform: translateX(-100px);ms-transform: translateX(-100px);transform: translateX(-100px);}
	.dropdown.move-right1 .content{webkit-transform: translateX(100px);ms-transform: translateX(100px);transform: translateX(100px);}
	.cd-morph-dropdown.is-dropdown-visible .bg-layer{opacity: 1;webkit-transition: opacity .3s, -webkit-transform .3s;transition: opacity .3s, -webkit-transform .3s;transition: transform .3s, opacity .3s;transition: transform .3s, opacity .3s, -webkit-transform .3s;}
	.dropdown1 .content{padding:0px}
	.dropdown1 .content > ul{float: left;}
	.dropdown-list1 > ul > li{margin-bottom: 0px;}
	.dropdown1 .content > ul > li > ul{padding-left: 30px; float: left;}
	.dropdown1 .content > ul > li > ul > li{float: left;}
	.dropdown1 .content > ul > li > ul > li a{line-height: 81px; padding: 0px 15px; border-bottom: 0px; font-size: 1.2em}
	.label{display: none;}
	.links .content > ul > li > a{display: inherit; float: left; line-height: 81px;}
	.links .content > ul > li > a img{width: 100px;}
	.content{padding: 5px 50px; webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;text-align: left;}
	.content > ul::after{clear: both;content: "";display: block;}
	.content > ul > li{width: 48%;float: left;margin-right: 4%;margin-top: 0;}
	.links .content > ul > li{width: 100%;}
	.content > ul > li:nth-of-type(2n){margin-right: 0;}
	.gallery .content{width: 510px;padding-bottom: .8em;}
	.gallery .content li{margin-bottom: 1.8em;}
	.links .content > ul > li{margin-top: 0;}
	.button .content{width: 100%;}
	.links .content{width: 100%;}
	.links-list a{font-size: 1.4em;margin-left: 0;padding: 10px 0px;border-bottom: 1px dotted #ddd;}
	.links-list a:hover{color: #b72932;}
	.btn{float: right; width:90px; height: 40px; margin:20px 0px; font-size:1em; text-align: center; color: #FFFFFF;line-height: 28px;background: #ccc;padding: 6px 0px; webkit-font-smoothing: antialiased;moz-osx-font-smoothing: grayscale;}
	.content h2{font-size: 1.8rem;text-transform: none;font-weight: normal;color: #1A1A1A;margin: 0 0 .6em;}
	.bg-layer{position: absolute;top: 0;left: 0;height: 1px;width: 1px;background: #FFFFFF;opacity: 0;webkit-transition: opacity .3s;transition: opacity .3s;webkit-transform-origin: top left;ms-transform-origin: top left;transform-origin: top left;webkit-transform: translateZ(0);transform: translateZ(0);will-change: transform;webkit-backface-visibility: hidden;backface-visibility: hidden;}
}

@media (max-width:768px) {
	.mt50 {margin: 40px 0 !important; }
}


@media screen and (max-height: 450px){
/* .sidenav{padding-top: 15px;} */
.sidenav a{font-size: 18px;}
}


/* new header	*/
#header { position: relative}
.navigation {}
.leftH { width: calc(100% - 80px); height: 80px; }
.navigation { margin-top: 8px; }
.navList > li  > a { font-size: 15px; color: #0d0d0d; font-weight: 500; display: inline-block; padding: 14px 16px;  position: relative;}
/*.navList > li > a:before { content: ''; position: absolute; left: 0; bottom: 5px; height: 2px; width: 0; background: #e91c1f; display: inline-block; transition: all .3s cubic-bezier(0.65, 0.05, 0.36, 1);}*/
/*.navList > li:hover > a:before { width: 100%;}*/
.navMore { padding: 12px 20px;border: none;   }
/*.navMore em:first-child { content: ''; position: absolute; left: 14px; top: 50%; transform: translateY(-50%) rotate(90deg); width: 2px; height: 10px; background: #0d0d0d;    }*/
/*.navMore em:last-child { content: ''; position: absolute; left: 14px; top: 50%;   transform: translateY(-50%); width: 2px; height: 10px; background: #0d0d0d;   }*/
/*.navMore span { margin-left: 8px; font-size: 15px; color: #0d0d0d; font-weight: 500;  }*/
input[id="navMore"] { display: none;}
input[id="navMore"] + label { display: block; cursor: pointer;  position: relative; font-size: 15px; font-weight: 500; padding-left: 15px }
input[id="navMore"] + label span { display: block; position: absolute;  background: #0d0d0d; transition: all .35s; top:50%; transform: translateY(-50%); left: 0; }
input[id="navMore"] + label span:first-child {width: 10px; height: 2px; }
input[id="navMore"] + label span:last-child {width: 10px; height: 2px; transform: rotate(90deg) }
input[id="navMore"]:checked + label span:first-child {transform: rotate(45deg); }
input[id="navMore"]:checked + label span:last-child {transform: rotate(-45deg); }



.moreListW { position: absolute; left: 0; top: 60px; background: #fff;  width: 100%;  z-index: 99; display: none; height: 218.3px;}
.moreList { width: 200px; padding: 0 20px; border-right: 1px solid #ededed}
.moreList:first-child { margin-left: 135px; }
.moreList h4 { font-size: 12px; font-weight: 400; color: #a6a6a6;  padding-bottom: 10px;  }
.moreList > ul { }
.moreList  > ul > li { margin-bottom: 10px; }
.moreList  > ul > li > a { font-size: 15px; line-height: 22px; font-weight: 400  }
.mlB > li { margin-left: 20px; margin-bottom: 10px}
.mlB > li > a { width: 200px; padding: 12px 16px; border-radius: 4px; border: 1px solid #ededed;  }
/*.mlB > li:first-child > a { background-color:  #ffe6e6;  }*/
/*.mlB > li:first-child > a > span > i  { margin-left: 2px; margin-bottom: 2px;   }*/
/*.mlB > li:last-child > a { background-color: #fff3e6;  }*/
/*.mlB > li:last-child > a > span > i  { margin-left: 2px; margin-bottom: 2px;   }*/
.mlB > li > a > span { width: 35px; height: 35px; background: #fff; border-radius: 50%; display: inline-block  }
.mlB > li > a >  i { color:  #bfbfbf; font-size: 18px; }
.moreListBg { background: rgba(0,0,0,0.25); position: fixed; top: 120px; left: 0; width: 100%; z-index: 1; bottom: 0; display: none;}

.navList > li:last-child { margin-left: 30px; }
.navList > li:last-child > a { border: 1px solid #e91c1f; border-radius: 4px; padding: 8px 25px; color: #e91c1f; }


.rightH > ul >  li:last-child { margin-left: 20px; }
.rightH > ul > li > a { font-size: 15px; color: #292929; font-weight: 500; padding:  7px 10px; display: inline-block; cursor: pointer; }
.hiddenMenu{ display: none; }
.searchIcon { position: relative; height: 35px; width: 35px; border-color: #fff; }
.searchIcon svg { margin-top: 3px; }
/*.searchIcon:before { content: ''; position: absolute; left: 6px; top: 7px; width: 15px; height: 15px; border-radius: 50%; border: 1px solid #0d0d0d;  }*/
/*.searchIcon:after { content: ''; position: absolute; right: 10px; bottom: 4px;   width: 1px; height: 8px; background: #0d0d0d; transform: rotate(-45deg) }*/
.mgWrap{ position: relative}
.profileWrap { height: 35px; width: 35px; border-radius: 50%;  overflow: hidden; background: #ddd; cursor: pointer;}
.profileWrap span { background-repeat: no-repeat; background-size: cover; height: 35px; width: 35px; display: inline-block; }
.mpWrap { position: absolute; right: 0; top:43px; z-index: 99; display: none; }
.mpWrap:before { content:''; position: absolute; top: -5px; right: 12px; width: 8px; height: 8px; background: #fff; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; transform: rotate(45deg); }
.mpGnb { background: #fff;   border-radius: 4px; font-size: 0.812rem; z-index: 99; width: 240px;  border: 1px solid #e4e4e4;  padding: 16px 10px; }
.mpGnb a { width: 100%; padding: 4px 10px; color: #0d0d0d !important; font-size: 14px; font-weight: 400; display: flex; align-items: center;  height: 46px; cursor: pointer }
/*.mpWrap .arrow { display: block; width: 8px; height: 8px; position: absolute; left: 15px; top: 0; transform:  rotate(45deg); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07); }*/
.mpGnb  .side_barcode i { margin-right: 5px; }
.mpGnb .borderB { margin-bottom: 5px;  }
.mpGnb .borderT { margin-top: 15px; border-top: 1px solid #ededed; padding-top: 10px; }
.kakaoP { margin-top: 5px; }
.kakaoP a {  background: #fee500; border-radius: 2px; margin: 0 auto; font-size: 12px; display: flex; cursor: pointer; padding: 10px 12px; min-height: 55px; }
.kakaoP a span { font-size: 12px }
.kakaoP em { background-image: url('/images/kakaoPlus.png'); background-size: cover; width: 30px; height: 30px; display: inline-block }


.mobileNav { position: fixed; left: 0; top: 0; background: #fff; z-index: 999; width: 100%; height: 100vh; padding: 20px 30px; display: none; }
.mobileNav div:first-child {margin-bottom: 20px}
.mobileLogo  img{ width: 120px; }
.mobileNav  .action { border-color: #3d3d3d !important; }
.mobileNav  .action a { font-weight: 500; color: #3d3d3d}
.mobileNav .mcTitL { margin-bottom: 0 !important;}
.mobileLogin { margin-bottom: 30px; transform: translateX(-10px); }
.mobileLogin li a { color: #6d6d6d; font-size: 0.875rem; display: inline-block; padding: 5px 10px; }
/*.borderB02 { border-bottom: 1px solid #ededed; padding-bottom: 0 !important;}*/
.closeMenu { width: 40px; height: 40px; position: absolute; right: 30px; border-color: #fff;  }
.closeMenu:before { content: ''; position: absolute; left: 18px; top: 50%; transform: translateY(-50%) rotate(-45deg); width: 2px; height: 20px; background: #0d0d0d;  }
.closeMenu:after {content: ''; position: absolute; left: 18px; top: 50%;   transform: translateY(-50%) rotate(45deg); width: 2px; height: 20px; background: #0d0d0d;  }

.mobileNav .borderB { margin-bottom: 20px; }
.mobileNav .borderB ul li { width: calc(100%/2); text-align: center; margin-right: 0 !important;}

input[id="menu01"], input[id="menu02"], input[id="menu03"]  { display: none;}
input[id="menu01"] + label, input[id="menu02"] + label, input[id="menu03"] + label { display: block; cursor: pointer;  position: relative; font-size: 0.875rem; font-weight: 400;  color: #0d0d0d; border-bottom: 1px solid #ededed; padding-bottom: 10px;  padding-left: 10px; }
input[id="menu01"] + label span, input[id="menu02"] + label span, input[id="menu03"] + label span { display: block; position: absolute;  background: #0d0d0d; transition: all .35s; top:50%; transform: translateY(-50%); right: 30px; }
input[id="menu01"] + label span:first-child, input[id="menu02"] + label span:first-child, input[id="menu03"] + label span:first-child {width: 10px; height: 2px; }
input[id="menu01"] + label span:last-child, input[id="menu02"] + label span:last-child, input[id="menu03"] + label span:last-child {width: 10px; height: 2px; transform: translateY(-50%) rotate(90deg) }
input[id="menu01"]:checked + label span:first-child, input[id="menu02"]:checked + label span:first-child, input[id="menu03"]:checked + label span:first-child { display: none; }
input[id="menu01"]:checked + label span:last-child, input[id="menu02"]:checked + label span:last-child, input[id="menu03"]:checked + label span:last-child { transform: rotate(0deg); }
.dep02 { font-size: 1rem; color: #0d0d0d; font-weight: 500;  background: #fafafa; border-bottom: 1px solid #ededed; display: none;   }
.dep02 li a { padding: 5px 10px; display: inline-block; width: 100%; font-size: 0.937rem; font-weight: 500   }

.sectionM .mpGnb { padding: 0; }

#modal .btn_group .close1 { border-radius: 3px}
#modal .btn_group .close1:last-child { border-color: #e5e5e5; color: #e5e5e5; background: #fff; }



@media screen and (max-width: 1024px) {
	.leftH { width: auto; }
	.navigation { display: none; }
	.mgWrap { display: none; }
	.hiddenMenu { display: block; padding: 8px 10px; margin-right: 10px; font-size: 18px }
	.mgWrap { margin-left: 5px; }
	.profileWrap { height: 30px; width: 30px }
	.mpGnb { width: 100%; border:none; padding-top: 0;}
	.mn2dp a { background: #fafafa !important;}
	.barcode_modal > h2 { padding: 30px}

}






	/* MORE */
.moreWrap { display: flex;}
.more_wrap{margin-bottom:40px; height:426px;}
.more_wrap .more_project { font-size: 20px; color: #3d3d3d; display: flex; align-items: center; padding: 30px 0;}/* 오픈예정 */
.more_wrap .more_project .go_project { font-size: 14px; color: #999; padding-left: 10px; }/* 오픈예정 */
.more_content{ width:calc((100% - 60px) / 4); height:426px; border:1px solid #ccc; padding:20px; margin-right:20px; position:relative;
/*float:left; width:calc((100% - 50px) / 3); border:1px solid #ccc; margin-right:25px;*/}
.more_content:last-child{margin-right:0; float:right;}
.more_content h3 a{font-weight:600; margin-bottom:20px; display: flex; align-items: center; }
.more_content h3 span { margin-left: 10px;  color: #ddd; font-size: 1rem;}
.more_content ul li{height:66px; width:100%; overflow:hidden; margin-bottom:10px;}
.more_content ul li a{width:100%; height:100%; display:block;}
.more_content img{width:100px; float:left; margin-right:10px; vertical-align:middle;}
.more_content p{float:left; /*margin-top:10px;*/ font-weight:600;
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:break-all;
	line-height:23px; height:46px; width:calc(100% - 110px);}
.more_content .moreBtn{height:18px; margin-bottom:0;
position:absolute; bottom:20px; left:50%; transform:translateX(-50%);}
.more_content .moreBtn a{display:block; width:100%; height:18px; text-align:center; border:0; font-size:1.1em; color:#888; font-weight:600;}
.more_content .moreBtn a:hover{color:#c72030; transition: 0.8s;}


@media screen and (max-width: 749px){
.more_wrap{margin-bottom:15px; height:auto; /*padding:0 10px;*/}
	.more_content{float:none; width:100%; height:205px; padding:10px; position:relative; margin-bottom:10px;}
	.more_content:last-child{margin-bottom:0;}
	.more_content h3{margin-bottom:10px;}
	.more_content .moreBtn{left:91%; top:10px; width:auto; margin:0; font-size:.9em; line-height:21px;}
	.more_content ul li{float:left; width:calc((100% - 10px)/2); margin-right:10px;}
	.more_content ul li:nth-child(even){margin-right:0;}
	.comming_thumb{height: 205px;}
}
@media screen and (max-width: 540px){
	.more_content ul li{width:100%; display:none;}
	.more_content ul li:nth-child(2){margin-bottom:0;}
	.more_content ul li:nth-child(1),.more_content ul li:nth-child(2){display:block;}
	.more_content .moreBtn{display:block;}
	.comming_thumb{height: 140px !important;}
	.comming_thumb img{opacity: 0.5;}
}

/* SLIDE */
.sub_section{margin-bottom: 0px;}
.main_slide{height:500px; /*max-width:1920px;*/ /*margin:auto;*/ position:relative; z-index:5; overflow:hidden; }
.main_slide .slide_img{width:100%; height:500px;}
.main_slide .slide_img a{display:block; height:500px;
	background-size: auto 500px; background-repeat: no-repeat; background-position: center center;}
.main_slide .slide_img .slideTxt{position:absolute; top:200px; left:20px; font-size:1.6em;
	/*font-family: 'Hanna', 'fantasy';*/ font-family:  'SpoqaHanSans', 'Helvetica Neue', Arial, Helvetica, sans-serif}
.main_slide .slide_img .slideTxt h1{line-height:1.8em; font-weight: 600 !important; /*margin-bottom:15px;*/}


/* mainSlide*/
.mainSlide .swiper{
	width: 100%;
	height: 500px;
}
.mainSlide .swiper-slide{
	height: 100%;
	background-position: center;
	background-size:  auto 100%;
	background-repeat: no-repeat;
}
.ms_cont_wrap{
	display: flex;
	justify-content: space-between;
	width: 1100px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
}
.mainSlide .swiper-slide .ms_cont_wrap{
	padding: 170px 0;
}
.mainSlide .swiper-slide .ms_txt p{
	width:100%;
	font-size: 2.25rem;
	line-height: 2.8rem;
	width: 100%;
	color: #333;
}
.mainSlide .ms1{
	background-image: url("../../images/slide_img/main_slide_01.png");
	background-color: #d8d8d8;
}
.mainSlide .ms1 .ms_txt{
	width: 100%;
	text-align: right;
}
.mainSlide .ms1 .ms_txt p{
}
.mainSlide .ms1 .ms_txt p:nth-child(1) span,.mainSlide .swiper-slide.ms1 .ms_txt p:nth-child(2) span{
	font-weight: 600;
	font-size: 2.375rem;
	color: #b71c24;
}
.mainSlide .ms1 .ms_txt p:nth-child(2){
	margin-bottom: 40px;
}
.mainSlide .ms1 .ms_txt p:last-child span:last-child{
	font-size: 1.75rem;
	line-height: 2.2rem;
	vertical-align: middle;
}
.mainSlide .ms1 .ms_txt p:last-child{
	display: flex;
	justify-content: right;
}
.mainSlide .ms1 .ms_txt p:last-child span{
	display: block;
}
.mainSlide .ms1 .ms_txt p:last-child .ms1_logo{
	display: block;
	width: 150px;
	height: 30px;
	background-image: url("../../images/gachiup_logo.png");
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
	margin-right: 5px;
	margin-top: 5px;
}
.mainSlide .ms2{
	background-color: #dcfaff;
}
.mainSlide .ms2 .ms_cont_wrap{
	padding: 0;
}
.mainSlide .ms2 .ms_txt{
	width: 100%;
	height: 100%;
	padding: 150px 0;
}
.mainSlide .ms2 .ms_txt p{
	color: #333;
	font-size: 2.25rem;
	line-height: 2.8rem;
}
.mainSlide .ms2 .ms_txt p span{
	font-size: 2.375rem;
	font-weight: 600;
	color: #b71c24;
}
.mainSlide .ms2 .ms_txt p:first-child{
	font-size: 1.5rem;
	line-height: 2.4rem;
}
.mainSlide .ms2 .ms_txt p:first-child span{
	font-size: 1.5rem;
	line-height: 2.4rem;
	color: #333;
}
.mainSlide .ms2 .ms_txt p:nth-child(2){
	margin-bottom: 40px;
}
.mainSlide .ms2 .ms_txt p:nth-child(3) span{
	font-size: 1.4rem;
	font-weight: 500;
	color: #444;
	margin-right: 20px;
}
.mainSlide .ms2 .ms_cont_wrap{
	width: 1100px;
	height: 100%;
	background-image: url("../../images/slide_img/main_slide_02_img.png");
	background-repeat: no-repeat;
	background-size: auto 65%;
	background-position: 95% center;
	margin-top: auto;
	margin-bottom: auto;
}
.mainSlide .ms3{
	background-image: url("../../images/slide_img/main_slide_03.png");
}
.mainSlide .ms3 .ms_cont_wrap{
	padding: 140px 0;
}
.mainSlide .ms3 .ms_txt{
	width: 100%;
	text-align: right;
}
.mainSlide .ms3 .ms_txt p:first-child{
	height: 40px;
	background-image: url("../../images/gachiup_logo.png");
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: right;
	text-indent: -9999999px;
	margin-bottom: 30px;
}
.mainSlide .ms3 .ms_txt p{
	font-size: 2rem;
	line-height: 2.8rem;
}
.mainSlide .ms3 .ms_txt span{
	font-size: 2.125rem;
	line-height: 2.8rem;
	vertical-align: top;
	color: #b71c24;
	font-weight: 600;
}
.mainSlide .ms3 .ms_txt p:nth-child(3){
	margin-bottom: 30px;
}
.mainSlide .ms3 .ms_txt p:last-child span{
	font-weight: 500;
	font-size: 1.3rem;
	line-height: 1.5rem;
	color: #555;
	margin-left: 20px;
}
.swiper .ms_pg_wrap{
	width: 1100px;
	margin: 0 auto;
	position: relative;
}
.swiper .ms_pg{
	position: absolute;
	bottom: 30px!important;
	text-align: right;
	margin-bottom: 30px;
	width: 100%;
}
.swiper .ms_pg .swiper-pagination-bullet{
	width: 70px;
	height: 5px;
	background-color: #ffffff;
	margin: 0!important;
	border-radius: 0;
	padding:0;
}
.swiper .ms_pg .swiper-pagination-bullet-active{
	width: 250px;
	background-color: #b71c24;
	border-radius: 5px;
}
	/*SLIDER PAGER*/
.flickity-enabled.is-draggable .flickity-viewport{width:100%;}

.slideBtn{position:relative; right:0; bottom:30px;}

.slideBtn .flickity-button{
	position: absolute; left:0; outline:none; z-index:100;
	width:30px; height:30px; bottom:20px;
	background-image:none !important; border-radius:0; padding:0;}

.slideBtn .flickity-prev-next-button.next{
	position: absolute; left:30px; top: 50%;
}

.flickity-prev-next-button .flickity-button-icon{display:none;}
.flickity-page-dots{bottom:10px !important;}
.flickity-page-dots .dot{background-color:#fff !important; opacity:0.55 !important;}
.flickity-page-dots .dot.is-selected{opacity:1 !important;}

.slideBtn .flickity-button img{width:8px; height:15px;}
.slideBtn .flickity-button:hover{background:transparent;}
.slideBtn .flickity-button:focus{outline:none;}

.slideBtn span{position:absolute; bottom:-10px; left:70px; z-index:100; font-size:1.4em; font-weight:600; color:#fff;}
.slideBtn span:last-child{left:100px;}


@media screen and (max-width: 1024px){
	.mainSlide .swiper{ height: 400px;}
	.mainSlide .swiper-slide .ms_cont_wrap{
		width:1024px;
		padding: 0px 60px;
	}
	.mainSlide .swiper-slide .ms_txt{
		font-size: 1rem;
		margin-top: auto;
		margin-bottom: auto;
	}
	.mainSlide .swiper-slide .ms_txt p{
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.mainSlide .swiper-slider .ms_txt p span{
		font-size: 1.6rem;
		line-height: 1.8rem;
	}
	.mainSlide .ms1 .ms_txt p:nth-child(1) span, .mainSlide .swiper-slide.ms1 .ms_txt p:nth-child(2) span{
		font-size: 1.6rem;
		line-height: 1.8rem;
	}
	.mainSlide .swiper-slide.ms1 .ms_txt p:nth-child(3){
		font-size: 1rem;
		line-height: 1.8rem;
	}
	.mainSlide .ms1 .ms_txt p:last-child .ms1_logo{
		height: 25px;
	}
	.mainSlide .ms1 .ms_txt p:last-child span:last-child{
		font-size: 1.1rem;
	}
	.mainSlide .ms2 .ms_txt p:first-child span{
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.mainSlide .ms2 .ms_txt p:first-child{
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.mainSlide .ms2 .ms_txt p span, .mainSlide .ms3 .ms_txt span{
		font-size: 1.6rem;
		line-height: 1.8rem;
	}
	.mainSlide .ms2 .ms_txt p:nth-child(3) span,.mainSlide .ms3 .ms_txt p:last-child span{
		font-size: 1.1rem;
	}
	.mainSlide .ms3 .ms_txt p:first-child{
		height: 30px;
	}
	.swiper .ms_pg_wrap{
		width: 1024px;
	}
	.swiper .ms_pg{
		position: absolute;
		bottom: 30px!important;
		text-align: right;
		margin-bottom: 30px;
		padding-right: 40px;
		width: 100%;
	}
	.swiper .ms_pg .swiper-pagination-bullet{
		width: 40px;
		height: 5px;
		background-color: #ffffff;
		margin: 0!important;
		border-radius: 0;
		padding:0;
	}
	.swiper .ms_pg .swiper-pagination-bullet-active{
		width: 120px;
		background-color: #b71c24;
		border-radius: 5px;
	}
}
@media screen and (max-width: 768px){
	.topAd{display: none;}
	.main_slide{width:100%; height:100vh; margin-top:-60px;}
	/* .slideBtn .flickity-button{display:none;} */
	.slideBtn span{left:70px;}
	.slideBtn span:last-child{left:95px;}
	.main_slide{margin-bottom: 60px;}
	.main_slide .slide_img .slideTxt{top:143px; left:20px; font-size:1.3em;}
	.main_slide .slide_img .slideTxt h1{line-height:1.5em;}
	/*.section_inner.bg_diff.categoryWrap{margin-bottom: 30px;}*/
	.bg_diff{
	margin-bottom: 0;
	}
	.mainSlide .swiper{height: 206px;}
	.mainSlide .swiper-slide .ms_cont_wrap{
		width: 100%;
		padding: 50px 20px;
	}

	.mainSlide .ms2 .ms_txt{
		padding: 0;
		height: auto;
	}
	.mainSlide .swiper-slide .ms_txt p{
		font-size: 1rem;
		line-height: 1.4rem;
	}
	.mainSlide .swiper-slider .ms_txt p span{
		font-size: 1.2rem;
		line-height: 1.4rem;
	}
	.mainSlide .ms1 .ms_txt p:nth-child(1) span, .mainSlide .swiper-slide.ms1 .ms_txt p:nth-child(2) span{
		font-size: 1.2rem;
		line-height: 1.4rem;
	}
	.mainSlide .swiper-slide.ms1 .ms_txt p:nth-child(3){
		font-size: 0.9rem;
		line-height: 1.4rem;
	}
	.mainSlide .ms1 .ms_txt p:last-child .ms1_logo{
		height: 20px;
	}
	.mainSlide .ms1 .ms_txt p:last-child span:last-child{
		font-size: 1rem;
	}
	.mainSlide .ms1 .ms_txt p:nth-child(2){
		margin-bottom: 20px;
	}
	.mainSlide .ms2 .ms_txt p:first-child span{
		font-size: 1rem;
		line-height: 1.4rem;
	}
	.mainSlide .ms2 .ms_txt p:first-child{
		font-size: 1rem;
		line-height: 1.4rem;
	}
	.mainSlide .ms2 .ms_txt p span, .mainSlide .ms3 .ms_txt span{
		font-size: 1.1rem;
		line-height: 1.4rem;
	}
	.mainSlide .ms2 .ms_txt p:nth-child(2){
		margin-bottom: 20px;
	}
	.mainSlide .ms2 .ms_txt p:nth-child(3) span,.mainSlide .ms3 .ms_txt p:last-child span{
		font-size: 1rem;
	}
	.mainSlide .ms3 .ms_txt p:first-child{
		height: 20px;
		margin-bottom: 15px;
	}
	.mainSlide .ms3 .ms_txt p:nth-child(3){
		margin-bottom: 15px;
	}
	.mainSlide .swiper-slide .ms_txt p:last-child{
		font-size: 0.875rem;
		line-height: 20px;
	}
	.mainSlide .ms2{
		background-size: auto 60%;
	}
	.mt_mainSlide{
		height: 206px;
	}
	.mt_mainSlide .swiper{
		height: 100%;
		width: auto;
	}

}
@media screen and (max-width: 460px) {
	.mainSlide .ms2 .ms_cont_wrap{
		background-size:  auto 50%;
		background-position: 95% 95%;
		padding: 30px 20px;
	}
	.mainSlide .ms2 .ms_cont_wrap .ms_txt{
		margin-top: 0;
	}
	.mainSlide .ms2 .ms_txt p:nth-child(2){
		margin-bottom: 15px;
	}
	.mainSlide .ms2 .ms_txt p:nth-child(3) span{
		font-size: 0.8rem;
	}
}



/* new layout */
.commonMargin { width:1100px; margin-right: auto; margin-left: auto; }
.commonMarginWide { width:1440px; margin-right: auto; margin-left: auto; }
.commonPadding { padding: 0 18.75%; }
.borderB { border-bottom: 1px solid #ededed; }
.list_commonMargin {padding-bottom: 0; margin-bottom: 50px;}

@media screen and (max-width: 1600px ){
	/*.commonMargin { margin: 0 11%; }*/
	.commonPadding { padding:  0 11%; }
}

@media screen and (max-width: 1350px){
	/*.commonMargin { margin: 0 7.407%; }*/
	.commonPadding { padding: 0 7.407%; }
}
@media screen and (max-width: 1440px){
	.commonMarginWide { width: 100%; }
}
@media screen and (max-width: 1024px){
	.commonMargin{width: 100%;}
}
@media screen and ( min-width : 768px) and (max-width: 1024px){
	/*.commonMargin { margin: 0 4.882%; }*/
	/*.commonPadding { padding: 0 4.882%; }*/
}

@media screen and (max-width: 767px){
		/*.commonMargin { margin: 0 5.208%; }*/
	.commonPadding { padding: 0 5.208%; }
		.mt60 { margin-top: 40px !important;}
}
@media screen and (max-width: 650px){
		.myp {padding-top: 30px;}
}
@media screen and (min-width: 541px)and(max-width: 768px){

}


/* padding */
.pb0 { padding-bottom: 0;}
.ptb50 { padding: 50px 0;}

/*검색창*/
.search_form{position:relative}
.search_form i{position:absolute}
.search_form i.search_first{top:27%; right:13%}
.search_form i.search_second{top:27%; right:1%}


/* editor Pick */
.editorPick { width: 100%; }
.epList {padding: 20px 0 }
.epList > li { width: calc((100% - 60px)/4); margin-right: 20px;}
.epList > li:last-child { margin-right: 0;  }
.editor_tit{height:40px}
.cpImg { width: 100%; height: 200px; position: relative; margin-bottom: 10px; overflow: hidden;}
.cpImg img{width:100%; height: 100%; border-radius: 20px}
.cpTit { font-size: 0.937rem; width: 100%; /*white-space: nowrap; text-overflow: ellipsis; overflow: hidden;*/ font-weight: 500;  padding-bottom: 8px; padding-left: 10px;}
.epLD li:last-child { color: #aaa;  padding-left: 10px; padding-bottom: 10px; /*white-space: nowrap; text-overflow: ellipsis;*/ width: 100%; /*overflow: hidden;*/}
/*{white-space: nowrap; text-overflow: ellipsis; width: 100%; overflow: hidden;}*/
/*.cpCrowd:after { content:'크라우드펀딩' ; display: block; clear: both; position: absolute; left: 5px; top: 5px;  padding:  5px 0; color: #fff; background: #c72030; border-radius: 2px; font-size: 0.875rem; width: 90px; text-align: center; }*/
/*.cpMakers:after { content:'온디맨드' ; display: block; clear: both; position: absolute; left: 5px; top: 5px;  padding: 5px 0;color: #fff; background: #c72030; border-radius: 2px; font-size: 0.875rem; width: 90px; text-align: center; }*/
/*.cpMeetup:after { content:'밋업' ; display: block; clear: both; position: absolute; left: 5px; top: 5px;  padding:  5px 0; color: #fff; background: #c72030; border-radius: 2px; font-size: 0.875rem; width: 90px; text-align: center; border-radius: 3px}*/
/*.cpComingsoon:after { content:'오픈예정' ; display: block; clear: both; position: absolute; left: 5px; top: 5px;  padding: 5px 0; color: #fff; background: #c72030; border-radius: 2px; font-size: 0.875rem; width: 90px; text-align: center; }*/
.plan_tab li{float:left; text-align: center; cursor:pointer; padding:0 10px; }
.plan_tab li a{color:#4545; font-size: 1.2em}
.plan_tab li.on{border-bottom: 2px solid #b72932; color:#181818}
.plan_tab li.on a{color:#181818; font-size: 1.2em}
.plan_tab{float: right}
.per{color:#b72933!important;}
.per span{font-size: 0.5rem; color:#aaa}

/*탭메뉴*/
.editorPick ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline-block;
	float: right;
}
.editorPick ul.tabs li{
	color: #4545;
	display: inline-block;
	padding: 6px 6px;
	cursor: pointer;
	font-weight: 500;
}

.editorPick ul.tabs li.current{
	border-bottom: 2px solid #b72932;
	color: #181818;
	font-weight: 600;
}

.editorPick .edi-content{
	display: none;
	/*background: #ededed;*/
	/*padding: 15px;*/
}

.editorPick .edi-content.current{
	display: block!important;
}

/*기획전*/
.main_plan_bg{width: 100%; height:200px;}
.plan_ban{width: 380px; height:380px; border:1px solid #222; position:absolute; top:-16%; left:0; border-radius: 15px}
.plan_ban_m{display:none}
.plan_list{justify-content: flex-end}
.plan_list li{margin-right: 2%}
.plan_list li:last-child{margin-right: 0!important;}
.camp_img{}
.plan_more{display: block; width:150px; height:150px; background: #f8f8f8; text-align: center; line-height: 150px;}
.plan_more i{font-size:40px; color:#fff;}
.camp_img img{width: 150px; height:150px;}
.plan_dt{margin-top: 2%; color:#545454; overflow:hidden; text-overflow: ellipsis; white-space: nowrap}
.plan_list ul{}
.plan_itm{}
.plan_itm:last-child{}
.bg_txt{padding-left:42%; padding-top:3%}
.bg_txt p{padding-top:1%; color:#545454}
.bg_txt span{padding-top:3px; display:block; color:#545454}

/* 공지사항 및 자주하는 질문 */
.nbWrap {
	 /*display: flex;*/
	width:100%
}
.nbWrap .mn_wrap{
	display: flex;
	justify-content: space-between;
	 /*width: calc((100% - 20px)/2);*/
	/*width: 100%;*/
}
.more{float:right; color:#aaa; font-size:0.7em}
.main_notice{width:48%}
.main_faq{width:48%; margin-left:4%}
.noto{font-family:"Noto Sans KR", sans-serif !important; font-weight: bold; font-size: 1.5em; margin-bottom:8%}
/*.mn_wrap { margin-right: 20px; border: 1px solid #f0f0f0;  padding: 20px; }*/
.mn_wrap li { /*height: 67px; */width: 100%; overflow: hidden; margin-bottom: 20px; }
.mn_wrap li:last-child { margin-bottom: 0;}
.mn_wrap img { width: 150px; margin-right: 10px;  vertical-align: middle; border-radius: 10px; border: 2px solid #ebebeb; box-sizing: border-box}
.mn_wrap p { font-size: 1em;color:#181818; font-weight: 400; margin-top: 7px; height: 60px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap: break-word; word-break: break-all;}
.mb_wrap{width: 100%;}
.mb_wrap li {width: 100%; overflow: hidden; ; background: #ddd}
.main_faq_list{}
/*.faq_list_btn{background: #f5f5f5; padding:20px 170px 20px 20px; border-radius: 10px; color:#181818}*/
.faq_lis_a{background: #f5f5f5; padding:18px 10px; display:block; border-radius: 10px; color:#181818}




/* 메인 sns영역 */
.mSns {}
	/* .mSns  ul { display: flex; flex-wrap: wrap; }
	.mSns  ul li { width: calc((100% - 80px)/5); margin-right: 20px; background: #ddd; height: 150px; margin-bottom: 20px; }
	.mSns  ul li:nth-child(5), .mSns  ul li:nth-child(10) { margin-right: 0;} */
#sns {position: relative; width:100%; /*width: 1200px; margin: 200px auto;*/  margin-bottom: 50px; }
#sns li {width: 100%; background: #ddd; height: 200px; margin-right: 20px}

.bx-wrapper { width:1100px !important; max-width: none !important; margin: 0 auto;}

#sns .bx-wrapper .bx-prev {
    left: -100px;
    transform: rotate(-45deg)
}

#sns .bx-wrapper .bx-prev:focus,
#sns .bx-wrapper .bx-prev:hover {
  right: 30px; transform: rotate(-45deg) ;
}

#sns .bx-wrapper .bx-next {
    /* right: -100px;
    transform: rotate(135deg); */
		right: 0; transform: rotate(135deg) ;
}

#sns .bx-wrapper .bx-next:focus,
#sns .bx-wrapper .bx-next:hover {
    ;
}

#sns .bx-wrapper .bx-controls-direction a {
	 position: absolute; top: 0; width: 20px; height: 20px; font-size: 0; border-top: 3px solid #000; border-left: 3px solid #000;
    /* position: absolute;
    top: 50%;
    margin-top: -50px;
    outline: 0;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    z-index: 9999;
    border-top: 5px solid #000;
    border-left: 5px solid #000; */
	/* background: #ddd;
	width: 50px;
	height: 50px; */
	display: none;
}

#sns .bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

/* insta */

#instar {/*width: 1200px; */ width: 1100px; margin: 0 auto; position: relative;}
#instar h3 { width:100%;font-size: 1.25rem; margin-bottom: 30px;}
#instar h3 span {font-size: 1.25rem;}
#instar{ margin-bottom: 100px;}


/* instar CSS*/
#instar li {width: 100%; background: #ddd; height: 220px; /*margin-right: 20px;*/
overflow: hidden;}
#instar .bx-controls-direction a {display: none ;position: absolute; top: 10px;  width: 15px; height: 15px; font-size: 0; border-top: 3px solid #000; border-left: 3px solid #000; } /* 버튼 요소*/
#instar .bx-prev { right: 30px; transform: rotate(-45deg) ; } /* 왼쪽 */
#instar .bx-next { right: 0; transform: rotate(135deg) ; } /* 오른쪽 */


.instar_img img{width: 100%; height: 100%; }




/* 메인 마지막 배너 */
.mainLast { position: relative; margin-bottom: 100px!important;}
.mbB { width: 100%; text-align: center; background-image:linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8) ), url("/images/center/gachi_story.jpg"); background-position: center; background-size: cover; height: 280px;  position: relative}
/*.mbB:before { content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.58); position: absolute; left: 0; top: 0}*/

 .mbT { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; width: 100%;}
.mbT h3 { font-weight: 700; margin-bottom: 15px; font-size: 1.562rem; }
.mbT p { font-size: 0.937rem; font-weight: 400; }
.mbT p br { display: none;}
.mbT a { display: inline-block; margin-top: 40px; padding: 15px 60px; border: 1px solid #fff; border-radius: 3px; color: #fff; font-size: 1rem; transition: all .3s;  }
.mbT a:hover {}


/* 메인 미디어 */

@media screen and ( max-width : 1100px) {
	.moreWrap { flex-wrap : wrap; height: auto;}
	.more_content{ width: calc((100% - 20px)/2);  margin-bottom: 20px;}
	.more_content:nth-child(2) {margin-right: 0;}
 .mSns ul { }
  .mSns ul li {width: calc((100% - 60px)/4); margin-right: 20px;}
	.mSns ul li:nth-child(4), .mSns ul li:nth-child(8) { margin-right: 0;}
	.mSns ul li:nth-child(5) { margin-right: 20px;}
	.mSns ul li:nth-child(9), .mSns ul li:nth-child(10) {display: none;}

}

@media screen and (max-width:1024px){
	.bg_txt{padding-left:32%}
	.plan_ban{width:250px; height:250px; top:20%}
	.cpTit{font-size: 0.875rem}
	.txt p{font-size: 0.875rem}
	.editorPickW{
		width: 1024px;
		padding: 0 10px;
	}
	.editorPickW h3{padding: 0 10px;
	}
	.position_box{
		bottom: 160px;
		height: 120px;
	}
	.nbWrap .mn_wrap{
		width: 100%;
	}
	.listHead .commonMargin{
		padding: 0 20px;
	}

	#crowdList .progress-inner .campaign {
		padding: 0 10px;
		width: 100%;
	}
	.exhibitionsTwoDown{
		padding: 0 20px;
	}
	#instar{
		padding: 0 20px;
		width: 100%;
	}
	.instar_wrap{width: 100%;
	overflow: hidden;}
	#instar li{
		width: 196.8px!important;
		height: 196.8px;
	}
}

@media screen and (max-width: 768px) {
	.moreWrap  { display: block;}
	.more_content { width: 100%; margin-right: 0; margin-bottom: 20px;}
	.epList { display: block;}
	.epList li { width: 100%; margin-right: 0; margin-bottom: 20px; }
	.nbWrap { display: block;}
	.nbWrap > div { width: 100%; }
	.mb_wrap { width: 100%; margin-top: 20px; }
	.mb_wrap li { height:120px; }
	.footer_cont { display: block;  text-align: center;}
	.footer_cont > div { width: 100%; padding-bottom: 40px; }
	.mSns ul { display: block;}
   .mSns ul li {width: 100%; margin-right: 0;}
 	.mSns ul li:nth-child(9), .mSns ul li:nth-child(10) {display: block;}
	#sns { margin-bottom: 20px; }
	#instar .bx-controls-direction { display: none; }
	.comming_thumb{width: 100% !important; height: 100px;}
	.search_form i.search_first{top: 40%; right: 31%;}
	.search_form i.search_second {
		top: 40%;
		right: 5%;
	}
	.editorPickW{
		width: 100%;
	}
	.ms_cont_wrap{
		width: 100%;
	}
	#instar h3{padding: 0 20px;}
	#instar .instar_wrap{padding: 0 20px;}
}

/* 가치업 리뉴얼 */
#wrap { min-height: 100vh; display: flex; flex-direction: column;}
footer { margin-top: auto}
.myInfo { padding: 5px 0; width: 30px; height: 30px;}
.userImg { width: 30px; height: 30px; border: 1px solid #e4e4e4; border-radius: 50%; cursor: pointer}
.mypageNav {display: none;  position: absolute; top: 45px; width: 140px; right: -20px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.07); border: 1px solid #e4e5ed; border-radius: 4px; font-size: 0.812rem; z-index: 99; background-color: #fff; }
.mypageNav ul { padding: 5px 0; }
.mypageNav li { }
.mypageNav li a { font-size: 0.875rem;  padding: 10px; display: inline-block; width: 100%; transition: all 0.3s; cursor: pointer}
.mypageNav  li > a:hover {background-color: #f3f4f8; }
.mn2dp { padding: 0; display: none;  }
.mn2dp a { background-color: rgba(233, 28, 31, .04); }
.myGnb i { float: right}


.myInfo:hover .mypageNav { display: block;}


/* new main*/
.mainContentsW { }
.mainContentsW h3 { font-weight: 700; color: #292929;}
.mainContentsW h3 span { color: #c70203; font-size: 1.2rem; }
.mainWrap { margin-top: 100px; margin-bottom: 100px; }
.main_slide .slide_img { border-bottom: none !important;}


.attentionCampaignW .tab_container{ height: auto !important;}
.attentionCampaign { width: 100%; }
.attentionCampaign ul li { margin: 0 5px !important; color: #b6b6b6 !important; font-weight: 400; font-size: 0.937rem !important; padding: 0 10px;   }
.attentionCampaign ul .on { color: #181818 !important; border: none !important; font-weight: 700 !important; font-size: 0.937rem;}
.tabList{float:left; margin-right: 20px; width: 260px;}
	/*.tabList a .img span{position: absolute; top:0; left: 0; right: 0; bottom:0; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 3px; overflow: hidden; transition: transform 0.2s ease 0.1s}*/
.tabList a .img span { width: 100%; height: 100%; display: block; background-size: cover; background-repeat: no-repeat; background-position: center; }
.txt > p{font-weight:500;  height:50px; line-height:1.5; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:break-all;}
.txt small{color: #8e8e8e; width: 100%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 15px 0 2px; font-size: 0.8rem; line-height:0.687rem; font-weight: 400}
.txt .fontNanum{ color:#c72030; font-size:1.1rem; font-weight: 700; display: inline-block;}
.txt .txt_in{display: flex; justify-content: space-between;}
.dDay{font-size: 0.875rem; color: #fff; background-color: #b71c24; padding: 0 7px; height: 1.3rem; border-radius: 5px;}
.dDay,.dDay span{font-weight: 600;}

.editorPickW { }
.editorPickW h3 { display: inline-block}
.editorPickW input[type="radio"] { display: none;}
.editorPickW label { float: right; cursor: pointer; margin: 0 5px; color: #b6b6b6; font-size: 0.937rem; font-weight: 400; padding: 0 10px;}
.editorPickW input[type="radio"]:checked + label { color: #181818; font-weight: 700; }
.editorPickW .editorPickList01, .editorPickW .editorPickList02, .editorPickW .editorPickList03, .editorPickW .editorPickList04  { display: none;}

.mobileTab { display: none;}
.editorPickW input[id="editorPick01"]:checked ~ .editorPickList01 {display: block}
.editorPickW input[id="editorPick02"]:checked ~ .editorPickList02 {display: block}
.editorPickW input[id="editorPick03"]:checked ~ .editorPickList03 {display: block}
.editorPickW input[id="editorPick04"]:checked ~ .editorPickList04 {display: block}
/*.editorPickW input[id="editorPick05"]:checked ~ .editorPickList01 {display: block}*/
/*.editorPickW input[id="editorPick06"]:checked ~ .editorPickList02 {display: block}*/
/*.editorPickW input[id="editorPick07"]:checked ~ .editorPickList03 {display: block}*/
/*.editorPickW input[id="editorPick08"]:checked ~ .editorPickList04 {display: block}*/
.editorPickCommon { }
.editorPickCommon > section { width: 100%;}

.mainNotice { padding-top: 50px !important; padding-bottom: 50px !important;border-top: 1px solid  #ededed; border-bottom: 1px solid  #ededed}
.mainNotice .mn_wrap > ul { width: calc(100% - 250px)}
.mainNotice .mn_wrap > ul li a { width: 100%}
/*.mainNotice .mn_wrap > ul li a span { display: inline-block; width: 150px; height: 70px; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 3px; border: 1px solid #e4e4e4; }*/
.mainNotice .mn_wrap > ul li a em { display: block; height: 100%; background: rgba(0,0,0,0.02); padding: 2px 10px; border-radius: 15px; font-style: normal; font-weight: 400; color: rgba(0,0,0,0.54); font-size: 12px;}
.mainNotice .mn_wrap > ul li a span { font-size: 12px; color: rgba(0,0,0,0.35); margin-left: 14px;}
.mainNotice .mn_wrap > ul li a .titleTxtMain { font-size: 0.937rem; font-weight: 500; margin-left: 14px; margin-top: 0; color: #292929; flex:1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.mainInstar { margin: 50px 0;}

.exhibitionsBg { height: 160px; transform: translateY(50px);}
.exhibitionsInfo { transform: translateY(-70px); }
.exhibitionTitImg { width: 300px;  border-radius: 10px; border: 1px solid #e4e4e4; background-size: cover; background-repeat: no-repeat; background-position: center; margin-right: 20px;  }
.exhibitionInfoW { flex:1; position: relative; width: calc(100% - 370px); height: calc(100% - 31vh);}
.exhibitionInfoW > h4 { color: #292929; font-weight: 700; margin: 15px 0 15px;}
.exhibitionInfoW > p { color: rgba(0,0,0,0.54); margin-bottom: 5px; font-size: 0.875rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.exhibitionInfoW > span { color: rgba(0,0,0,0.54); font-size: 13px;}

.exhibitionInfoW .ecListW { margin-top:40px; }
.exhibitionInfoW .ecListW li { width: calc((100% - 45px)/4); margin-right: 15px}
.exhibitionInfoW .ecListW li:last-child { margin-right: 0}
.exhibitionInfoW .ecListW li .ecListImg{ width: 100%; aspect-ratio:3/2;   border: 1px solid #e4e4e4; border-radius: 5px; overflow: hidden; position: relative;}
.exhibitionInfoW .ecListW li .ecListImg article { width: 100%; height: 100%; display: block; background-position: center; background-size: cover; background-repeat: no-repeat;}
.exhibitionInfoW .ecListW li p { font-size: 0.875rem; margin-top: 15px; font-weight: 500; height: 39px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap : break-word; word-wrap: break-word; display: -webkit-box;    }
.exhibitionInfoW .ecListW > li  span { font-size: 13px; color: rgba(0,0,0,0.45); display: inline-block; margin-top: 10px; }
.exhibitionInfoW .ecListW li span em { font-style: normal; color: #c72030; font-weight: 600;  margin-left: 5px }
.moreExhibitions {  }
.moreExhibitions a { vertical-align: bottom; width: 100%; display: inline-block; padding-bottom:2px; padding-right: 20px; font-size: 1rem; font-weight: 400; color:  #777777; position: relative; background-image: url("../../images/icon_plus.png"); background-size: auto 12px; background-repeat: no-repeat; background-position: right center;}
.moreExhibitions:hover a{color: #333; font-weight: 500; background-image: url("../../images/icon_plus_hover.png");}

.exhibitionsTwoDown{position: relative; width: 100%}
.exhibitionsTwoDown h3{margin-bottom: 25px;}
.exhibitionsTwoDown .swiper-slide{width: 1100px; margin: 0 auto; }
.exhibitionsTwoDown .swiper{overflow: visible;}
.exhibitionsTwoDown .swiper-button-next.pc,.exhibitionsTwoDown .swiper-button-prev.pc{display: block;}
.exhibitionsTwoDown .swiper-button-next, .swiper-button-prev{width:20px; height: 40px; position: absolute;}
.exhibitionsTwoDown .swiper-button-prev{left: -5%;}
.exhibitionsTwoDown .swiper-button-next{right: -5%; }

.exb_cont_wrap{display: flex; justify-content: space-between;}

.tabNumber { position: absolute; right: 0; top: 10px; margin: 0 30px; }
.tabNumber li button { width: 25px; height: 25px; border:none; background : transparent; color: #ddd; }
.tabNumber li:first-child button {margin-right: 5px;}
.tabNumber li .on { color: #c72030; font-weight: 500;}
.tabNumber:before { content: ''; height: 8px; width: 8px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; transform: rotate(-45deg) translateY(-50%); position:absolute; left: -15px; top: 50%}
.tabNumber:after { content: ''; height: 8px; width: 8px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; transform: rotate(45deg) translateY(-50%); position:absolute; right: -15px; top: 50%}

.exhibitionsThreeUp { margin: 50px 0 ; border-top: 1px solid #ededed; padding-top: 50px; }
.ethList { margin-top: 20px; }
.ethList > section {width: calc((100% - 60px)/3); margin-right: 30px; border: 1px solid #ededed; border-radius: 3px; overflow: hidden}
.ethList > section:last-child { margin-right: 0; }
.ethList > section >  a { display: inline-block; height: 150px; width: 100%;}
.ethList > section>  a article { width: 100%; height: 100%; display: inline-block; background-size: cover; background-repeat: no-repeat; background-position: center;}
.ethList > section >  a h4 { margin-top: 15px; width: 100%; padding: 0 10px; }
.ethlInfo { margin-top: 30px; }
.ethlInfo li { margin-bottom: 20px;  padding: 0 10px;}
.ethlInfo li article { display: inline-block; background-size: cover; background-repeat: no-repeat; background-position: center; width: 93px; height: 66px; border: 1px solid #ededed;  }
.ethlInfoTxt { width: calc(100% - 108px); }
.ethlInfoTxt p { font-size: 0.875rem; font-weight: 500; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 39px; width: 100%; }
.ethlInfoTxt span  { font-size: 13px; color: rgba(0,0,0,0.45); display: inline-block; margin-top: 5px; }
.ethlInfoTxt span em { font-style: normal; color: #c72030; font-weight: 600; margin-left: 5px }
.ethlInfo button { width: 100%; border: none; padding: 0}
.ethlInfo button a { display: inline-block; padding: 15px 0; width: 100%;  border-top: 1px solid #ededed; }

.tabNumber02 {  margin: 0 30px; position: relative }
.tabNumber02 li button { width: 25px; height: 25px; border:none; background : transparent; color: #ddd; }
.tabNumber02 li:first-child button {margin-right: 5px;}
.tabNumber02 li .on { color: #c72030; font-weight: 500;}
.tabNumber02:before { content: ''; height: 8px; width: 8px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; transform: rotate(-45deg) translateY(-50%); position:absolute; left: -15px; top: 50%}
.tabNumber02:after { content: ''; height: 8px; width: 8px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; transform: rotate(45deg) translateY(-50%); position:absolute; right: -15px; top: 50%}


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

	#header section.commonMargin {
		width: 1024px;
		margin: 0;
		padding: 0 20px;
	}
	.attentionCampaign{
		padding: 0 10px;
	}
	.campaign{
		padding:0 10px;
		width: 1024px;
	}
	.campaign_main{
	}
	.tab{
		clear: both;
		display: flex;
		justify-content: space-between;
	}
	.tab_wrap {
		margin: 0;
		width: 100%;
	}

	.tab_container{
	}
	.tabList{
		width: 25%;
		padding: 0 10px;
		margin-right: 0;
	}
	.tabList .img{
		width: 100%;
		aspect-ratio: 3/2;
	}
	.campaign_main {
		width: 100%;
	}
	.mainLast{
		margin: 0;
		width: 1024px;
	}
	.footer_top .commonMargin{
		width: 1024px;
		margin: 0;
	}
	.footer .footer_cont {
		margin: 0;
	}

	.exhibitionsBg { height: 140px; }
	.exhibitionsInfo { transform: translateY(-60px)}
	/*.exhibitionInfoW .ecListW li .ecListImg { height: 100px}*/
	/*.exhibitionInfoW .ecListW li p { display: none;}*/
	/*.exhibitionInfoW .ecListW { margin-top: 20px}*/
	.exhibitionInfoW .ecListW li span em { display: block; margin-top: 5px}

	.ethList { display: block;}
	.ethlInfoW { display: block; width: 100% !important; margin-bottom: 20px}
	.ethlInfoW > a { width: 100% !important; height: 200px !important;}
	.ethlInfo { width: 100%; }
	.exhibitionsTwoDown .swiper-button-next.pc, .exhibitionsTwoDown .swiper-button-prev.pc{
		display: none;
	}

}


@media screen and (max-width: 990px){
	.exhibitionTitImg { display: none; }
	/*.exhibitionInfoW .ecListW li .ecListImg { height: 120px;}*/

	.ethlInfoW { display: block; }
	.ethlInfoW > a { width: 100% !important; height: 200px !important;}
	.ethlInfo { width: 100%; }
}

@media screen and (max-width: 768px){
	/*
	.tabList { width: calc((100% - 20px)/2) !important;}*/
	.tabList{width: 50%;}
	.tabList:nth-child(1), .tabList:nth-child(2) { margin-bottom: 20px}
	.tabList:nth-child(2n) {margin-right: 0}
	.tabList .img { width: 100%; }

	.ethlInfoW { display: block; }
	.ethlInfoW > a { width: 100% !important; height: 180px !important;}
	.ethlInfo { width: 100%; }

	.ecListW { flex-wrap: wrap}
	.exhibitionInfoW .ecListW li { width: 33%; margin-right: 20px;}
	.exhibitionInfoW .ecListW li:nth-child(2n) { margin-right: 0;}
	.exhibitionInfoW .ecListW li:nth-child(1), .exhibitionInfoW .ecListW li:nth-child(2) {margin-bottom: 20px;}
	.exhibitionInfoW .ecListW li span em { display: inline-block; margin-top: 0}
	.exhibitionInfoW .ecListImg{width: 100%; aspect-ratio: 3/2;}
	.mainNotice > .mn_wrap { display: block}
	.mainNotice .mn_wrap > ul { width: 100%; margin-top: 30px;}
	.commonMargin{
		width: 100%;
	}
	#header section.commonMargin{
		width: 100%;
	}
	.exhibitionsTwoDown h3{padding: 0 10px;}
	.exhibitionInfoW h4{padding: 0 10px;}
	.exhibitionsTwoDown{
		padding: 0 10px;
	}
	.exb_cont{padding: 0 10px;
	}
	.exhibitionInfoW .ecListW li{
		width: 50%;
		padding: 0 10px;
		margin-right: 0;
	}
	#instar li{
		width: 182px!important;
		height: 182px;
	}
}

@media screen and (max-width: 600px){
	.campaign_main { height: 100% !important; }
	.attentionCampaign { display: block}
	.attentionCampaign > ul { margin-top: 10px;}
	.attentionCampaign > ul > li { margin: 0 10px !important; padding: 0;}
	.attentionCampaign > ul > li:nth-child(1) { margin-left: 0 !important;}
	.attentionCampaign ul .on { border-bottom: 1px solid #181818 !important; }


	.pcTab { display: none;}
	.mobileTab { display: block; }
	.editorPickW h3 { display: block; margin-bottom: 10px;}
	.editorPickW label { float: left; margin: 0 10px; padding: 5px 0;}
	.editorPickW input[id="editorPick05"] + label { margin-left: 0}
	.editorPickW input[id="editorPick05"]:checked ~ .editorPickList01 {display: block}
	.editorPickW input[id="editorPick06"]:checked ~ .editorPickList02 {display: block}
	.editorPickW input[id="editorPick07"]:checked ~ .editorPickList03 {display: block}
	.editorPickW input[id="editorPick08"]:checked ~ .editorPickList04 {display: block}
	.editorPickW input[type="radio"]:checked + label { border-bottom: 1px solid #181818;}

	/*.exhibitionInfoW .ecListW li .ecListImg { height: 180px}*/

	.editorPickW input[id="editorPick01"]:checked ~ .editorPickList01 {display: none}
	.editorPickW input[id="editorPick02"]:checked ~ .editorPickList02 {display: none}
	.editorPickW input[id="editorPick03"]:checked ~ .editorPickList03 {display: none}
	.editorPickW input[id="editorPick04"]:checked ~ .editorPickList04 {display: none}
	.editorPickW input[id="editorPick05"]:checked ~ .editorPickList01 {display: block}
	.editorPickW input[id="editorPick06"]:checked ~ .editorPickList02 {display: block}
	.editorPickW input[id="editorPick07"]:checked ~ .editorPickList03 {display: block}
	.editorPickW input[id="editorPick08"]:checked ~ .editorPickList04 {display: block}

}

@media screen and (max-width: 500px){
	.tabList .img { height: 140px !important}
	/*.exhibitionInfoW .ecListW li .ecListImg { height: 140px}*/
	.mainLast { margin: 0 0  50px 0 !important;}
	.mbT p br { display: block;}

}
@media screen and (max-width: 540px){
	.crowd_contents .listTypeM{width: 100%!important;}
}
@media screen and (max-width: 400px){
	.tabList .img { height: 110px !important}
	/*.exhibitionInfoW .ecListW li .ecListImg { height: 110px}*/
	.instar_img li { width: 100px !important; height: 100px !important;}
}

@media screen and (max-width: 460px){
	.instar_wrap{padding:0; }
	.instar_wrap li{width: 210px!important; height: 210px;}
	.editorPickW label{
		margin: 0 5px 25px 0;
		padding: 0 10px;
		font-size: 0.8rem;
	}
}

@media screen and (max-width: 320px){
	.campaign ul li{font-size: 0.8rem!important;}
	.txt .fontNanum{ font-size: 0.875rem;}
	.txt .dDay,.txt .dDay span{font-size: 0.7rem;}
}

.build_form{ /* border: 1px solid #ccc; background: #fff; padding: 30px 20px; margin-bottom: 20px;*/ padding: 40px 0; }
	/* 캠페인 바 */
.compaignEnd { background: #3d3d3d;}
.compaignIng {background: #e91c1f; }
.compaignEndT { color: #181818 !important;}
.compaignIngT {color: #e91c1f; }


/* 데이터피커 시작일 ~ 마감일 */
.daterangepicker { box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05), 0px 1px 0px rgba(0, 0, 0, 0.1); border: none !important;}
.daterangepicker.opensright:before { display: none; }
.daterangepicker .calendar-table table { border: none; }


.daterangepicker .calendar-table th { color: rgba(13, 13, 13, 0.5); font-weight: 400; font-size: 11px }
.daterangepicker th.month { font-weight: 600; color: #292929;}
.daterangepicker td.in-range{ background-color: #fff7f7 !important;}
.daterangepicker td.active { background-color: #f86453 !important; }

.daterangepicker .drp-buttons { border: none !important; padding: 0 !important;}
.daterangepicker .drp-selected { display: none !important;}
.daterangepicker .drp-buttons .cancelBtn {display: none;}
.daterangepicker .drp-buttons .applyBtn { margin-top: 0; margin-right: 15px; background-color: #f86453 !important; color:#f86453 !important; border: none !important; position: relative }
.daterangepicker .drp-buttons .applyBtn:before { content:'저장'; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff;}



/* new search modal*/
/* new search modal*/
.headerSearch { position: fixed; top: 0; left: 0; background: #f4f6f8; width: 100vw; height: 100vh; overflow-x: hidden; z-index: 999; display: none;}
.hdSF_wrapper { width: 100%; height: auto; background: #fff; border-bottom: 1px solid #ededed; }
.hdSF { max-width: 900px; margin: 0 auto; width: 100%; height: auto; padding: 0 24px; box-sizing: border-box; }
.hdSF .search_tit { height: 45px; flex: 1;  }
.hdSF .search_tit  span { display: inline-block; font-size: 20px; margin-right: 16px; }
.hdSF form { flex: 1}
.hdSF form  input { height: 100%;  font-size: 1rem; padding: 20px 0; width:100%; background: transparent; }
.hdSF form  input:focus { outline: none;}
.closeSM { padding: 30px 10px; border: none; background: transparent; }
.closeSM:hover svg { transform: rotate(180deg)}
.closeSM svg { height: 15px; width: 15px; transition: all 0.3s ease-in-out}
.hdSF02 { border-top: none; padding-top: 20px; max-width: 900px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; }
.hdSF02 > section { margin-top: 14px; background: #fff; border-radius: 16px; padding: 18px 24px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06), 0 2px 10px rgba(0, 0, 0, 0.04); box-sizing: border-box; }
.hdsfTit { font-weight: 600; font-size: 1.05rem; color: #111; }
.deleteRST { color: rgba(0,0,0,.54); font-weight: 400; font-size: 0.875rem; cursor: pointer; }
.recentSTW { flex-wrap: wrap; margin-top: 5px; }
.recentSTW li, .recommendKwW li { background: #fff; border: 1px solid #eef0f3; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); transition: all 0.2s ease-in-out; max-width: 240px; color: #343132; margin-right: 10px; margin-top: 10px; padding: 6px 14px; font-size: 12px; line-height: 18px; height: 32px; cursor: pointer; border-radius: 16px; font-weight: 500; display: inline-flex; align-items: center; box-sizing: border-box; }
.recentSTW li  a {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; color: #343132; font-size: 0.875rem; line-height: 18px; font-weight: 500 }
.recentSTW li:hover, .recommendKwW li:hover { background: #fff; border-color: #e91c1f; box-shadow: 0 4px 10px rgba(233, 28, 31, 0.1); }
.recentSTW li button { padding: 0; height: auto; display: flex; margin-left: 6px; background: transparent; border: none; align-items: center; }
.recentSTW svg { width: 8px; height: 8px; fill: rgba(52,49,50,.7)}
.recommendKwW { flex-wrap: wrap; margin-top: 5px; }
.recommendKwW li { padding: 6px 14px; }
.recommendKwW li a { font-size: 0.875rem; font-weight: 500; color: #343132}
.recommendKwW li em { font-weight: 400; margin-right: 4px; font-style: normal; font-size: 1rem; color: rgba(52,49,50,.5); }
.popularSTW { flex-direction: column;  align-items: flex-start; max-height: 190px; -webkit-box-pack:justify; flex-wrap: wrap; margin-top: 10px; }
.popularSTW li { width: 50%; min-height: 22px; margin-top: 12px; display: flex; align-items: center;}
.popularSTW li span { font-weight: 600; margin-right: 12px; color: #e91c1f; }
.popularSTW li a { font-size: 0.875rem;  color: #343132; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: color 0.15s ease; }
.popularSTW li:hover a { color: #e91c1f; text-decoration: underline; }


@media screen and (max-width: 768px) {
	.popularSTW { max-height: fit-content; }
	.popularSTW li { width: 100%; }
}



/* new 검색 결과 페이지 */
.searchResultTop { margin: 50px 0 !important; }
.searchResultTop .searchWord {  font-size: 30px; font-weight: 700; color: #babdc0  }
.searchResultTop .searchWord span {  font-size: 30px; font-weight: 700; margin-right: 10px;  transition: all .3s cubic-bezier(.645, .045, .355, 1);  color: #343131}

.newSR .section_inner { border-top: 1px solid #f0f0f0; padding-top: 40px; }
.newSR .section_inner:first-child { border-top: none; padding-top: 0}
.newSR .section_inner .lists .srList { margin-bottom: 40px; margin-right: 40px;}
.newSR .section_inner .lists .srList:nth-child(4n) { margin-right: 0}
.newSR .section_inner  h1 { font-size: 1rem}
.newSR .number_search { color: #e91c1f; }

/* color: #e91c1f; */


/* 바코드 모달 새디자인 */
.barcodeModal {padding: 60px 25px 30px; }
.barcodeModal > h2 { color: #292929; font-weight: 700; text-align: left; background: transparent; padding: 0; font-size: 1.562rem; margin-bottom: 25px; }
.barcodeModal dl { line-height: 1.5; }
.barcodeModal dl dd { margin-top: 15px}
.barcodeModal .btn_group {padding: 0; margin-top: 50px; }
.barcodeModal .btn_group p { margin-top: 0; margin-bottom: 0; width: calc((100% - 40px)/2); }
.barcodeModal .barcodeClose { position: absolute; right: 25px; top: 30px;  padding: 15px; border:none; transition: all .3s}
.barcodeModal .barcodeClose:hover { transform: rotate(180deg)}
.barcodeModal .barcodeClose:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(45deg); width: 15px; height: 1px; background: #0d0d0d;}
.barcodeModal .barcodeClose:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(-45deg); width: 15px; height: 1px; background: #0d0d0d;}
.barcodeModal .btn_group p {  transition: ease-out all .3s}
.barcodeModal .btn_group p span{  transition: ease-out all .3s}
.barcodeModal .btn_group p:first-child { border-color: #e5e5e5; color: #e5e5e5; background: #fff;}
.barcodeModal .btn_group p:last-child { color: #fff !important; background: #e91c1f !important; border-color: #e91c1f !important;}
.barcodeModal .btn_group p:first-child:hover { color: #333; border-color: #cbcbcb;}
.barcodeModal .btn_group p:last-child:hover span {opacity: 0.5;  }

.barcodeModal .bcode_content { padding: 20px 0; background: #f9f9fa}
.barcodeModal .sub_text {padding: 0; margin-top: 20px;}
.barcodeModal .modal_cancle p {width: 100% !important; }

.pay_info_build_wrap .build_form h3{
	margin-bottom: 30px;
	font-weight: 600;
}

.pay_info_build_wrap h2 span{display:inline-block;font-size: 12px; color: #F86453; margin-left: 5px; }
.pay_info_build_wrap h2 span:first-child{vertical-align: sub;}
.pay_info_build_wrap .build_form.nb .build_inner{border-bottom: 0;}
.pay_info_build_wrap .build_form .inner_title span{vertical-align: middle; }
.pay_info_build_wrap .build_form .build_inner span{vertical-align: middle; margin-left: 5px; color: #F86453}
.pay_info_build_wrap .build_inner{padding-bottom:30px; border-bottom: 1px solid #ccc;}
.pay_info_build_wrap .build_inner h2{margin-bottom: 30px; }
.pay_info_build_wrap .build_inner ul {padding: 0 10px;}
.pay_info_build_wrap .build_inner ul li{padding: 10px 0; font-weight: 400;}
.pay_info_build_wrap .build_inner ul li p{display: inline-block; width: 100px; text-align: left; margin-right: 10px; font-weight: 500; letter-spacing: 1px;}
.pay_info_build_wrap .build_inner .meetup_program{margin-bottom: 20px;}
.pay_info_build_wrap .build_inner .meetup_program .option1 {font-size: 1rem;}
.pay_info_build_wrap .build_inner .meetup_program .option1 p{display: inline-block; width: 100px; text-align: left; margin-right: 10px; font-weight: 500; letter-spacing: 1px;font-size: 1rem;}
.pay_info_build_wrap .build_inner .total_wrap {padding:20px 20px; width: 100%; display: flex; justify-content: space-between; background-color: #FDF3F2; border-radius: 5px;}
.pay_info_build_wrap .build_form {border-bottom: 1px solid #ccc;}
.pay_info_build_wrap .build_form .coupon_wrap{display: flex; justify-content: left; width: 100%;}
.pay_info_build_wrap .build_form .mt_coupon{margin-right: 10px; width: 35%;}
.pay_info_build_wrap .build_form .mt_coupon select{display:inline-block; width: 100%; height: 40px; padding: 5px 10px; background-image: url("../../images/arrow_down.png"); background-repeat: no-repeat; background-position: 96% center; background-size: auto 8px;}
.pay_info_build_wrap .build_form .mt_coupon_use{display: inline-block; width: 60px; height: 40px;}
.pay_info_build_wrap .build_form .mt_coupon_use input{width: 100%; height: 100%; border-radius: 5px; background-color: #F86453; color: #fff; border: 0; font-weight: 600; font-size: 0.9rem;}
.pay_info_build_wrap .build_form .point_wrap > *{font-size: 1rem;}
.pay_info_build_wrap .build_form .point_wrap .payment_point span{font-weight: 600;}
.pay_info_build_wrap .build_form .point_wrap .payment_point .use_point{margin-bottom: 10px;}
.pay_info_build_wrap .build_form .point_wrap .payment_point .use_point input:first-child{height:40px; border-bottom: 1px solid #ccc; width:150px; text-align: right; margin-right: 10px;}
.pay_info_build_wrap .build_form .point_wrap .payment_point .use_point input:nth-child(2){width: 60px; height: 40px; background-color: #F86453; border-radius: 5px; color: #fff; border: 0; font-size:0.9rem; font-weight: 600;}
.pay_info_build_wrap .build_form .point_wrap .payment_point .point_sub{font-size: 0.8rem; color: #F86453;}
.pay_info_build_wrap .build_form .point_wrap .payment_point .point_sub span{vertical-align: sub;}


/* 리워드 배송 정보 */
.reward_custom_info .address_div .address_top input{ color: #777; border-radius: 3px;}
.reward_custom_info .address_div .address_top input:hover{font-wpeight: 600; border: 1px solid #f84a63; color: #f84a63;}
.reward_custom_info .address_div .address_top {display: flex; justify-content: space-between;}
.reward_custom_info .address_div .address_top .address_top_in input{border: 0; padding: 0 20px 0 0 ;}
.reward_custom_info .address_div .address_top .address_top_select, .reward_custom_info .address_div .address_top .address_top_in input{height:30px; line-height:30px; vertical-align: middle;}
.reward_custom_info .address_div .address_top .address_top_in{ display: flex; justify-content: space-between; width: 90%; }
.reward_custom_info .address_div .address_write .daum_address_inner label{ margin-bottom: 10px;!important}