/* module */


.flx_c{ display: flex; flex-flow: column wrap; justify-content: center; align-items: center;}
.flx_r { display: flex; flex-flow: row wrap; justify-content: center; align-items: center;}

.flx_cw { display: flex; flex-flow: column wrap;}
.flx_rw{ display: flex; flex-flow: row wrap;}

.flx_center{ justify-content: center; align-items: center;}
.flx_c_right{ display:flex; flex-flow: column wrap; align-items:flex-end;}
.flx_revers{  flex-direction: row-reverse;}

.no_wrap{ flex-wrap:nowrap !important;}



.justify_left{ justify-content:flex-start;}
.justify_right{ justify-content:flex-end;}
.justify_bt{ justify-content: space-between;}
.justify_ar{ justify-content: space-around;}
.justify_center{ justify-content: center;}

.align_center{ align-items: center;}
.align_top{ align-items: flex-start;}
.align_btm{ align-items: flex-end;}
.align_base{ align-items: baseline;}


.txt_c{ text-align: center;}

.clr_gr{ color: var(--gray);}
.clr_red{ color: var(--red);}

.none_bullet{ list-style: none;}


.pd_2{ padding-top : 2rem !important; padding-bottom: 2rem !important;}
.pd_4{ padding-top : 4rem !important; padding-bottom: 4rem !important;}
.pd_6{ padding-top : 6rem !important; padding-bottom: 6rem !important;}
.pd_8{ padding-top : 8rem !important; padding-bottom: 8rem !important;}
.pd_10{ padding-top : 10rem !important; padding-bottom: 10rem !important;}

.pd_t_6{ padding-top : 6rem !important;}
.pd_t_8{ padding-top : 8rem !important;}


pd_b_4{padding-bottom: 4rem !important;}


li { list-style: none;}




/* main */

.m_video{ background:#111; width:100%; height:100%; margin:0 auto; color:#fff; position:absolute; top: 0;}
.big-video-wrap { overflow: hidden; height: 100%;  width: 100%; top: 0; left: 0; z-index: 0; position: absolute; user-select: none; pointer-events: none;padding-top:56.25%;}
.big-video-wrap video{ width:100%; height:100%; position:absolute; top: 0;}
.aa{width:100%; height:100%; top: 0px; left: -375.667px;}

.main_vd .video-container {
    pointer-events: none;}

/* iframe ºñµð¿À */
.video-container {
 /*   pointer-events: none; */
position:relative;
padding-bottom:55%;
padding-top:0;
height:0;
overflow:hidden;
}


.main_vd .video-container iframe, .main_vd .video-container object, .main_vd .video-container embed {
position:absolute;
top:-5% !important;
left:-5% !important;
width:110% !important;
height:110% !important;
}



.main_vd_wrap{ position:relative;}


#mainA .txt_container{ position:absolute; top:0; left:0; color:#fff; z-index:1; width:100%; height:100%;}

#mainA .txt_container h2{ font-size:7rem;}


.vd_container{}



/*****/



.m_sec021_wrap{ background:#ccc;}
.m_sec021{ background:pink;}
.m_sec02 h5{margin:0;}
.m_sec02 h1{ font-weight: 300;}
.m_sec02_img{ width: 100%; height: 48vh;  background-color: #111; background:url('/default/img/_yami/images/main/main_img_1.jpg') no-repeat center center; text-indent: -9999px; background-size: cover;}
.main_pofol{ background: #333; height: 800px;}




.m_sec031{ background: #eee;}  


.m_sec04_wrap{ width: 100%;}
.m_sec04_wrap #map{ width: 100%;  height: 64vh;} 
.m_sec04_wrap #map iframe{ width: 100%; height: 100%;}



.m_sec04_wrap #map .fluid-width-video-wrapper, .s_map_wrap #map .fluid-width-video-wrapper{ padding-top:0 !important; height:100%;}


.mobile_view{ display:none;}




/* ÀÎÅͺä */

.m_sec05{ background:#faf3eb;}

.m_sec05_vd{ width:60%; margin-bottom:0rem; margin-top:0rem;}

.m_sec05_vd .video-wrap{}

.m_sec05_vd .video-container{}

.m_sec05_vd .video-container iframe, .m_sec05_vd .video-container object, .m_sec05_vd .video-container embed {
position:absolute;
top:0% !important;
left:0% !important;
width:100% !important;
height:100% !important;
}





/* sub 365books */




.s_365books_img_1{ background-color: #111; background:url('/default/img/_yami/images/sub/sub_img_1.jpg') no-repeat center center; text-indent: -9999px; background-size: cover;}
.s_365books_img_2{ background-color: #111; background:url('/default/img/_yami/images/sub/sub_img_0.png') no-repeat top center;  background-size: contain;}
.s_365books_img_3{ background-color: #111; background:url('/default/img/_yami/images/sub/sub_img_3.jpg') no-repeat center center; text-indent: -9999px; background-size: cover;}


.article_tit{ position:relative;}

.article_tit::before{ border-right: 1px solid #ccc; height: 60px; content: ""; position: absolute; top: 6rem; left: 50%}
.article_01{width: 100%; height: 320px; color: #fff; margin: 2rem 0;}

.article_02{ width: 100%; margin-bottom: 4.2rem;}
.article_02 > .row{ justify-content: space-between }

.article_03{width: 100%; height: 320px; color: var(--themecolor); margin: 2rem 0; }
.txt_wrap{ display : flex; flex-direction : column; justify-content :center; height : inherit; align-items: center; text-align : left; margin-left : 36rem; margin-top: -5rem;}
.txt_wrap h3{ font-size : 2.4rem; width : auto;}


.sub365_info{ background: #fff; width: auto;}
.sub365_info .ic_wrap{ width: 200px; height: 200px; border-radius: 50%; border: 1px solid #aaa;}


.sub365_ic { width:100%; height:100%;}
.sub365_ic img{ display:block; height:80px;}
.sub365_ic img { filter: invert(90%) sepia(0%) saturate(34%) hue-rotate(164deg) brightness(76%) contrast(91%);}

.sub365_info p{ text-align: center; line-height: 1.6; }
.sub365_info p:nth-of-type(1){ margin-top: 1rem;}

.sub365_info:hover .ic_wrap{ border-color: var(--themecolor);}
.sub365_info:hover .btn_link{ opacity: 1; transform:translateY(-5px);  transition: all 0.5s ease-out;  }
.sub365_info:hover .sub365_ic img { filter: invert(49%) sepia(94%) saturate(359%) hue-rotate(350deg) brightness(97%) contrast(91%); }
.sub365_info:hover .btn_link a{color: var(--themecolor);}
.sub365_info:hover .btn_link a:hover{ font-weight:600;}




.btn_link{opacity: 0;}


.s_map_wrap{ width: 100%; height: 100%;}
.s_map_wrap #map{ width: 100%;  height: 320px;} 
.s_map_wrap #map iframe{ width: 100%; height: 100%;}

.map_info{ width:100%; padding-top:8px; border-top:1px solid #111; }


.article_time{width: 100%; height: auto; padding: 8rem 4rem; margin: 2rem 0;  background:#f3f3f3; }
.books_time_wrap{ width: 80%; height:100%;padding:0 2.4rem; margin:0 auto;}
.books_time{ }

.books_time ul li span{ margin-right:10px;}

.txt_time_1{ color: #aaa;}

.txt_time_2{ font-weight:600;}









/* üÇè ¹× »ó´ã */

.madeSection{}

.made_pri_ic{ height: 6rem; margin: 4rem 0 2rem;}

.made_pri_ic img{ display:block; height:inherit;}

.button{ font-family:'Noto Sans KR'; }


.madeSection .button{ margin-top: 2rem; line-height:1.5;}

.madeSection .button span{ margin-right:10px;}

.madeSection .button span img{ height:20px; }

.madeSection .button:hover{ background:#2DB400 !important;}

.madeSection .button:hover img{ filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(258deg) brightness(103%) contrast(100%);}



.grid_wr, .grid_wrap { margin-bottom: 2rem;}
.madeList{  color:#fff; height:auto;  }

.madeList p{ height:100%; width:100%;}

.madeList1 {  background-size: 170%; 
background-blend-mode: overlay; background-color: rgba(0,0,0,0.5);
    transition: background-size .3s ease;
    -moz-transition: background-size .3s ease;
    -web-kit-transition: background-size .3s ease;
}


.md_01{ background: url('/default/img/_yami/images/made/03/m_03_01.jpg') no-repeat center; background-size: 110%; background-blend-mode: overlay; background-color: rgba(0,0,0,0.5);
 transition: background-size .3s ease; -moz-transition: background-size .3s ease; -web-kit-transition: background-size .3s ease; }
.md_02{ background: url('/default/img/_yami/images/made/03/m_03_02.jpg') no-repeat center; background-size: 110%; background-blend-mode: overlay; background-color: rgba(0,0,0,0.5);
 transition: background-size .3s ease; -moz-transition: background-size .3s ease; -web-kit-transition: background-size .3s ease; }
.md_03{ background: url('/default/img/_yami/images/made/03/m_03_03.jpg') no-repeat center; background-size: 110%; background-blend-mode: overlay; background-color: rgba(0,0,0,0.5);
 transition: background-size .3s ease; -moz-transition: background-size .3s ease; -web-kit-transition: background-size .3s ease; }
.md_04{ background: url('/default/img/_yami/images/made/03/m_03_04.jpg') no-repeat center; background-size: 110%; background-blend-mode: overlay; background-color: rgba(0,0,0,0.5);
 transition: background-size .3s ease; -moz-transition: background-size .3s ease; -web-kit-transition: background-size .3s ease; }
.md_05{ background: url('/default/img/_yami/images/made/03/m_03_05.jpg') no-repeat center; background-size: 110%; background-blend-mode: overlay; background-color: rgba(0,0,0,0.5);
 transition: background-size .3s ease; -moz-transition: background-size .3s ease; -web-kit-transition: background-size .3s ease; }
.md_06{ background: url('/default/img/_yami/images/made/03/m_03_06.jpg') no-repeat center; background-size: 110%; background-blend-mode: overlay; background-color: rgba(0,0,0,0.5);
 transition: background-size .3s ease; -moz-transition: background-size .3s ease; -web-kit-transition: background-size .3s ease; }
.md_07{ background: url('/default/img/_yami/images/made/03/m_03_07.jpg') no-repeat center; background-size: 110%; background-blend-mode: overlay; background-color: rgba(0,0,0,0.5);
 transition: background-size .3s ease; -moz-transition: background-size .3s ease; -web-kit-transition: background-size .3s ease; }
.md_08{ background: url('/default/img/_yami/images/made/03/m_03_08.jpg') no-repeat center; background-size: 110%; background-blend-mode: overlay; background-color: rgba(0,0,0,0.5);
 transition: background-size .3s ease; -moz-transition: background-size .3s ease; -web-kit-transition: background-size .3s ease; }



.madeList p:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.madeList p span{ height:100%; font-size:1.8rem;}

.madeList:hover{ background-color: rgba(0,0,0,0.1);  transition: all 0.5s ease-out;  background-size:120%;}


.grid_wrap1 .row{ justify-content: center;}
.grid_wrap1 .grid-item{ position: relative !important; left:inherit !important;}
.grid_wrap1 .grid-item{ all: inherit;}




.bookspace{}
.bookspace .acticle{ width:100%; margin-bottom:2rem;}

.bookspace .acticle .Aside{ background:#aaa; width:48%;}
.bookspace .acticle .Bside{  width:50%; padding:0 2rem;}

.bookspace .acticle .Aside img{ display:block; widh:100%; height:100%; object-fit: cover;}

.img_rolup{ margin-top:-130px;}



.flx_c_right p{ text-align: right;}


.bookspace .button:hover{ background:#2DB400 !important;}

.bookspace .button:hover img{ filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(258deg) brightness(103%) contrast(100%);}








/* B2B */


.tit_cap{ font-size:1.3rem; margin-top:-20px; color:#aaa;}


.txt{}


.contact{ background:#f8f8f8; padding:1rem;}

.contact p{ margin: 0;}


.contact .contact_wrap{ margin-left:1.5rem;}


.contact .contact_wrap p{ margin-left:1rem;}
.contact .con_1{ width:18px; height:18px; margin-right:.5rem;}

.contact .con_1 img{height:inherit; object-fit: cover;}

.contact .contact_wrap p a{ color : #666;}

.form_tit{ margin:2rem 0; text-align: center;}

.accordion.bordernone{ border-color:rgba(0,0,0,0);}

.accordion-item{ border: none;}




/* respon */

@media (max-width: 1320px) {

.m_sec02_vd{ width:95%;}

}


@media (max-width: 1100px) {

.block-padding, .container1{ padding-left:0; padding-right:0;}

.books_time_wrap{ width: 100%; height:100%; margin:0 auto; padding:0;}

.bookspace .acticle{ flex-flow:column wrap;}

.bookspace .acticle .Aside{ width:100%;}
.bookspace .acticle .Bside{  width:100%; padding:1rem 0rem;}

.bookspace .acticle .Aside img{ }

.img_rolup{ margin-top:0px;}

.madeList p span{  font-size:1.2rem;}


.btn_link{opacity: 100%; margin-top:-1rem;}
.sub365_info{ margin-bottom: 2rem;}


}


@media (max-width: 991px) {
   .sub365_info .ic_wrap{ width: 150px; height: 150px;}
   .sub365_ic img{ height:64px;}

.books_time_wrap{ width: 100%; height:100%; margin:0 auto; padding:0;}
.books_time:nth-of-type(1){ margin-bottom: 2rem;}
section.section-block{ padding: 30px 0;}

.md_01{ background-color: rgba(0,0,0,0.3); }
.md_02{ background-color: rgba(0,0,0,0.3); }
.md_03{ background-color: rgba(0,0,0,0.3); }
.md_04{ background-color: rgba(0,0,0,0.3); }
.md_05{ background-color: rgba(0,0,0,0.3); }
.md_06{ background-color: rgba(0,0,0,0.3); }
.md_07{ background-color: rgba(0,0,0,0.3); }

.txt_wrap h3{ font-size : 2rem; width : auto;}


/* iframe ºñµð¿À */
.main_vd .txt_container { display:none;}
.main_vd .video-container1 { padding-bottom:177.777%; pointer-events: auto;}
.main_vd .video{ background: violet; height:120% !important; width: 100% !important;}


.main_vd .video-container { pointer-events: auto;}

#mainA .txt_container{ position:absolute; top:0; left:0; color:#fff; z-index:1; width:100%; height:100%;}

#mainA .txt_container h2{ font-size:2.4rem;}



.m_sec02_vd{ width:95%; margin-top:-5rem;}

.m_sec02_vd .slider-element, .m_sec02_vd .video-wrap{ z-index:1;}





/*****/



}




@media (max-width: 575px) {
body1{ font-size:10px;}

  .big-video-wrap video{ width:200%; left:-50%; }
  .big-video-wrap { padding-top:0; }

   .sub365_info .ic_wrap{ width: 150px; height: 150px;}
   .sub365_ic img{ height:64px;}


.page-menu-item>a { width:150px;}
  
.birthbook .page-menu-item>a { width:320px;}

.m_sec03 .row{ flex-direction : column !important;}

.txt_wrap{ margin-left : 0rem; margin-top: 0rem;}
.txt_wrap h3{ font-size : 1.6rem; width : auto;}

}


@media (max-width: 321px) {
   .sub365_info .ic_wrap{ width: 100px; height: 100px;}
    .sub365_ic img{ height:36px;}
   .sub365_info p{ font-size : 14px;}

}




@media (min-width: 992px) {
.grid_wrap .grid-item:nth-of-type(1){ left:30% !important;}

.grid_wrap .grid-item:nth-of-type(2){ left:50% !important;}


}


@media (min-width: 768px) and (max-width:991px){
.grid_wrap .grid-item:nth-of-type(1){ left:16.6% !important;}

.grid_wrap .grid-item:nth-of-type(2){ left:50% !important;}


}






@media (min-width: 1px){
.page-menu-item>a { text-align: center;}


}