/* common ***************************************************************************************************************************************************/
@media screen and (max-width:752px){
    .img_pc {display:none;}
    .img_m {display:block}
    }
    
    
    /* ¼­ºê À̹ÌÁö + ÅؽºÆ® ***************************************************************************************************************************************************/
    .top_area {position:relative; background-color:#f5f5f5;}
    .top_area.type_bg .alpha_area {height:488px}
    .top_inner, .center_inner, .contents_text .inner {max-width:1920px; margin:0 auto; padding:0 50px}
    
    .top_area {overflow:hidden; width:100%; position:relative;}
    .top_area.intro img {position:absolute; z-index:0; top:0; left:50%; width:1920px; margin-left:-50%; transform:matrix(1.1, 0, 0, 1.1, 0, 0);}
    .top_area.intro.on img {transform:matrix(1.0, 0, 0, 1.0, 0, 0); -webkit-transition:all 2.0s ease; -moz-transition:all 2.0s ease; -ms-transition:all 2.0s ease; -o-transition:all 2.0s ease; transition:all 2.0s ease;}
    .top_area.intro .top_inner {position:relative; z-index:1}
    
    .top_inner {position:relative; padding:230px 0 50px 0; }/*¼­ºê À̹ÌÁö¾È ÅؽºÆ® À§, ¾Æ·¡ Æеù*/
    .top_area.intro .top_inner {width:1400px; margin:0 auto;}
    .top_inner h3 {width:100%; font-family:Noto Sans KR, Dotum; font-size:4rem; color:#ffffff; font-weight:600; text-align:left;  margin-bottom:2.8rem; }
    .top_inner .sub-exp {font-family:Noto Sans KR, Dotum; font-size:1.35rem; color:#ffffff; font-weight:noraml; text-align:right; padding-right:72px; line-height:22px; }
    .top_inner .sub-exp span {font-family:Noto Sans KR, Dotum; font-size:16px; color:#ffffff; font-weight:noraml;}
    
    @media screen and (max-width:1440px){


        
        .top_area.intro h3 {width:90%; margin:0 auto 2.8rem;   }
    }



    @media screen and (max-width:1050px){
    
        .top_area.intro h3 {width:90%; margin:0 auto 2.8rem; }
 
    }
    
    @media screen and (max-width:992px){
    
    .top_area.intro .top_inner {width:100%;}
    .top_area.intro h3 {width:90%; margin:0 auto 2.8rem; font-size:3.5rem;}
    }
    
    @media screen and (max-width:752px){
    
    .top_area.intro img { width:1800px; translate: -300px 0;}
    
    .top_area.intro .top_inner {width:90%;}
    .top_area.intro h3 {width:90%; margin:0 auto; font-size:2.5rem;}
    }
    
    @media screen and (max-width:320px){
    
    }
    
    
    /* ¼­ºê Wrap ***************************************************************************************************************************************************/
    .sub-cont-wrap {position:relative; max-width:1400px; width:100%; margin:0px auto; 
    border-top-left-radius:3px;
    -moz-border-top-left-radius:3px;
    -webkit-border-top-left-radius: 3px;
    border-top-right-radius:3px;
    -moz-border-top-right-radius:3px;
    -webkit-border-top-right-radius: 3px;
    }
    
    @media screen and (max-width:752px){
    
    .sub-cont-wrap { margin:0px auto; background:#fff; opacity:0.9}
    }
    
    
    /* ¼­ºê ¸Þ´º ***************************************************************************************************************************************************/
    
    #page01 #sub_menu a.menu1,
    #page02 #sub_menu a.menu2,
    #page03 #sub_menu a.menu3,
    #page04 #sub_menu a.menu4,
    #page05 #sub_menu a.menu5,
    #page06 #sub_menu a.menu6,
    #page07 #sub_menu a.menu7,
    #page08 #sub_menu a.menu8,
    #page09 #sub_menu a.menu9,
    #page10 #sub_menu a.menu10,
    #page11 #sub_menu a.menu11,
    #page12 #sub_menu a.menu12,
    #page13 #sub_menu a.menu13  { color:#fff; background:#ff674e;}
    
    #s_navi {width:100%; margin:0 auto; padding:6.5rem 0;}
    #s_navi h3 {width:100%; text-align: center; margin-bottom:5rem; font-size:3.2rem; font-weight:bold;}
    #s_navi #sub_menu {display:flex; justify-content: flex-start; flex-wrap:wrap; gap:1.5em;}
    #s_navi #sub_menu > li {flex:0 0 auto;}
    #s_navi #sub_menu > li a {display:inline-block;font-size:1.5rem; padding:1rem 2rem; background-color:#eee; border-radius: 3rem;-webkit-user-drag: none;}
    #s_navi #sub_menu li a:hover{ color:#fff; background:#ff674e;
    -webkit-transition:300ms ease-out 0ms;
    -moz-transition:300ms ease-out 0ms;
    -ms-transition:300ms ease-out 0ms;
    transition:300ms ease-out 0ms;
    }
    
    @media screen and (max-width:1440px){
        
        .sub-cont-wrap {width:90%; }
        
        #container_list .gallery_item_table {flex:0 0 calc(10% - 3%); width:10%; }
    }


    
    @media screen and (max-width:1280px){
        #container_list .gallery_item_table {flex:0 0 calc(5% - 3%); width:5%; }
    }
    @media screen and (max-width:780px){
    
    }
    
    
    /* ¼­ºê ŸÀÌƲ ***************************************************************************************************************************************************/
    
    .title-wrap {position:relative; width:100%; border-bottom:1px solid #ddd;}
    .title-wrap .rout {position:relative; display: flex; justify-content: space-between; padding:1.5rem 0; align-items:flex-end;}
    .title-wrap .cont-title {font-size:2.8em; line-height: 1.4em; font-weight:bold;}
    .title-wrap .rout ul {}
    .title-wrap .rout ul li {display:inline-block; float:left; color:#8c8c8c;width:auto; font-size:12px; background:url(https://www.ewoojung.com/bizdemo34534/img/r_arrow.gif) no-repeat left; line-height:39px; padding:0 10px 0 12px;}
    .title-wrap .rout ul li:first-child { background:url(https://www.ewoojung.com/bizdemo34534/img/home.gif) no-repeat center !important; text-indent:-9999px; padding:0 15px 0 10px; border-left:0px solid #ddd; }
    .title-wrap .rout ul li:last-child {color:#555555;}
    
    @media screen and (max-width:1440px){


    }
    @media screen and (max-width:780px){
    
    
    }
    
    
    /* ¼­ºê º»¹® ***************************************************************************************************************************************************/
    
    .body-wrap {position:relative; width:100%; margin:30px 0 100px 0; float:left;}
    
    @media screen and (max-width:1440px){


    }
    
    @media screen and (max-width:780px){
    .body-wrap { float:left;width:96%;margin-left:2%; margin-right:2%; margin-top:20px; border:0px solid #f00}
    }
    
    .cont-list {position:relative; float:left; width:100%; margin-top:10px; }
    .cont-list li {display:block; float:left; width:100%; font-size:1.25em; line-height:1.60em; margin-bottom:10px; color:#666;}
    
    
    
    
    
    /* ------------------------------------------------------------------- º»¹®³»¿ë -----------------------------------------------------------------------------------------*/
    
    /* Àλ縻 ***************************************************************************************************************************************************/
    
    .greeting {position:relative; float:left; width:100%; padding-bottom:0px;}
    .greeting .img { width:860px; margin:0 0 0 0; float:left; padding:0 0 0 0;}
    
    .greeting .thumb {}
    
    .greeting p {width:100%;float:none; text-align:center; font-family:Noto Sans KR, Dotum; color:#656565; font-size:18px; line-height:30px;}
    .greeting p span{text-align:center; font-family:Noto Sans KR; color:#ff8a00; font-size:18px;}
    .greeting .text01 {width:100%; text-align:center; font-family:Noto Sans KR, Dotum; color:#777777; font-size:14px; line-height:22px; margin:15px 0 0 0;}
    
    
    
    @media screen and (max-width:1280px){
    
    .greeting {position:relative; float:left; width:100%; padding-bottom:0px;}
    .greeting .img { width:80%; margin:0 10% 0 10%; float:left; padding:0 0 0 0;}
    
    .greeting .thumb {}
    
    .greeting p {width:100%;float:none; text-align:center; font-family:Noto Sans KR, Dotum; color:#656565; font-size:17px; line-height:28px;}
    .greeting p span{text-align:center; font-size:17px;}
    .greeting .text01 {width:100%; text-align:center; font-family:Noto Sans KR, Dotum; color:#777777; font-size:14px; line-height:22px; margin:15px 0 0 0;}
    }
    
    @media screen and (max-width:1008px){
    
    .greeting {position:relative; float:left; width:100%; padding-bottom:0px;}
    .greeting .img {width:80%; margin:0 10% 0 10%; float:left; padding:0 0 0 0;}
    
    .greeting .thumb {}
    
    .greeting p {width:100%;float:none; text-align:center; font-family:Noto Sans KR, Dotum; color:#656565; font-size:17px; line-height:28px;}
    .greeting p span{text-align:center; font-size:17px;}
    .greeting .text01 {width:100%; text-align:center; font-family:Noto Sans KR, Dotum; color:#777777; font-size:14px; line-height:22px; margin:15px 0 0 0;}
    }
    
    @media screen and (max-width:780px){
    
    .greeting {position:relative; float:left; width:95%; padding-bottom:0px;}
    .greeting .img {width:95%; margin:0 2.5% 0 2.5%; float:left; padding:0 0 0 0;}
    
    .greeting .thumb {}
    
    .greeting p {width:100%;float:none; text-align:center; font-family:Noto Sans KR, Dotum; color:#656565; font-size:16px; line-height:25px;}
    .greeting p span{text-align:center; font-size:16px;}
    .greeting .text01 {width:100%; text-align:center; font-family:Noto Sans KR, Dotum; color:#777777; font-size:14px; line-height:22px; margin:15px 0 0 0;}
    .greeting .text01 br {display:none;}
    
    
    }
    @media screen and (max-width:460px){
    
    .greeting {position:relative; float:left; width:95%; padding-bottom:0px;}
    .greeting img {width:20%; margin-bottom:20px; margin-right:10px; margin-top:20px; }
    
    .greeting .thumb {}
    
    .greeting p {width:100%;float:none; text-align:center; font-family:Noto Sans KR, Dotum; color:#5e5d5d; font-size:16px; line-height:25px;}
    .greeting p span{text-align:center; font-size:16px;}
    .greeting p br {display:none;}
    .greeting .text01 {width:100%; text-align:center; font-family:Noto Sans KR, Dotum; color:#777777; font-size:12px; line-height:20px; margin:15px 0 0 0;}
    .greeting .text01 br {display:none;}}
    
    
    
    /* ¿À½Ã´Â ±æ ***************************************************************************************************************************************************/
    
    .col-mid-2 {width:50%; float:left;}
    .col-mid-3 {width:33.3%; float:left; text-align:center;}
    .map {position:relative; float:left; width:99%; height:450px; margin:20px 0 50px 0px; border:1px solid #ddd;}
    
    /* table */
    .tb_st2 {position:relative; float:left; width:100%; border-top:1px solid #ff8a00; font-family:Noto Sans KR font-size:13px; color:#656565;}
    .tb_st2 th { text-align:center; padding:8px 8px 8px 20px; background:#f5f5f5; border-bottom:1px solid #e1e1e1; font-style:normal;}
    .tb_st2 td {padding:8px 0 8px 15px; border-bottom:1px solid #e1e1e1; font-style:normal;}
    
    @media screen and (max-width:752px){
    
    #map { height:300px;}
    }
    
    @media screen and (max-width:640px){
    
    .col-mid-3 {width:100%; float:left; text-align:center;}
    
    /* table */
    .tb_st2 {position:relative; float:left; width:100%; border-top:1px solid #ff8a00; font-family:Noto Sans KR, Dotum; font-size:12px; color:#656565;}
    .tb_st2 th {text-align:center; padding:8px 8px 8px 20px; background:#f5f5f5; border-bottom:1px solid #e1e1e1; font-style:normal;}
    .tb_st2 td {padding:8px 0 8px 15px; border-bottom:1px solid #e1e1e1; font-style:normal;}
    }
    
    
    /* »ç¾÷¼Ò°³ ***************************************************************************************************************************************************/
    
    .business {position:relative; float:left; width:100%; padding-bottom:50px;}
    
    .business .thumb {}
    
    .business .texts01 {width:33%; margin-left:0; float:left; text-align:left; font-family:Noto Sans KR; color:#656565; font-size:12px; line-height:20px; padding:30px 0 40px 0; }
    .business .texts01 img {width:100%; margin:0; padding:0; border:0;}
    .business .texts01 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
    .business .texts01 div {width:98%; padding-top:10px; border-top:1px solid #767676; }
    
    .business .texts02 {width:33%; margin-left:0.5%; float:left; text-align:left; font-family:Noto Sans KR; color:#656565; font-size:12px; line-height:20px; padding:30px 0 40px 0; }
    .business .texts02 img {width:100%; margin:0; padding:0; border:0;}
    .business .texts02 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
    .business .texts02 div {width:98%; padding-top:10px; border-top:1px solid #767676; }
    
    .business .texts03 {width:33%; margin-left:0.5%; float:left; text-align:left; font-family:Noto Sans KR; color:#656565; font-size:12px; line-height:20px; padding:30px 0 40px 0; }
    .business .texts03 img {width:100%; margin:0; padding:0; border:0;}
    .business .texts03 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
    .business .texts03 div {width:98%; padding-top:10px; border-top:1px solid #767676;}
    
    .business p {clear:both; width:100%; float:none; text-align:center; font-family:Noto Sans KR; color:#656565; font-size:18px; line-height:30px;}
    .business p span {text-align:center; font-family:Noto Sans KR; color:#ff8a00; font-size:18px;}
    .business .text01 {clear:both;width:100%; text-align:center; font-family:Noto Sans KR; color:#777777; font-size:14px; line-height:22px; margin:15px 0 0 0;}
    
    
    @media screen and (max-width:1280px){
    
    .business {position:relative; float:left; width:100%; font-size:15px; line-height:24px; padding-bottom:50px;}
    
    .business .thumb {}
    
    .business .texts01 {width:33%; margin-left:0; float:left; text-align:left; font-family:Noto Sans KR; color:#656565; font-size:12px; line-height:20px; padding:30px 0 40px 0; }
    .business .texts01 img {width:100%; margin:0; padding:0; border:0;}
    .business .texts01 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
    .business .texts01 div {width:98%; padding-top:10px; border-top:1px solid #767676; }
    
    .business .texts02 {width:33%; margin-left:0.5%; float:left; text-align:left; font-family:Noto Sans KR; color:#656565; font-size:12px; line-height:20px; padding:30px 0 40px 0; }
    .business .texts02 img {width:100%; margin:0; padding:0; border:0;}
    .business .texts02 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
    .business .texts02 div {width:98%; padding-top:10px; border-top:1px solid #767676; }
    
    .business .texts03 {width:33%; margin-left:0.5%; float:left; text-align:left; font-family:Noto Sans KR; color:#656565; font-size:12px; line-height:20px; padding:30px 0 40px 0; }
    .business .texts03 img{width:100%; margin:0; padding:0; border:0;}
    .business .texts03 span{color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
    .business .texts03 div{width:98%; padding-top:10px; border-top:1px solid #767676;}
    
    .business p {width:100%; float:none; text-align:center; font-family:Noto Sans KR; color:#656565; font-size:17px; line-height:28px;}
    .business p span {text-align:center; font-size:17px;}
    .business .text01 {width:100%; text-align:center; font-family:Noto Sans KR; color:#777777; font-size:13px; line-height:20px; margin:15px 0 0 0;}
    
    }
    
    @media screen and (max-width:1008px){
    .business {position:relative; float:left; width:100%; font-size:15px; line-height:24px; padding-bottom:50px;}
    
    .business .thumb {}
    
    .business .texts01 {width:33%; margin-left:0; float:left; text-align:left; font-family:Noto Sans KR; color:#656565; font-size:12px; line-height:20px; padding:30px 0 40px 0; }
    .business .texts01 img {width:100%; margin:0; padding:0; border:0;}
    .business .texts01 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
    .business .texts01 div {width:98%; padding-top:10px; border-top:1px solid #767676; }
    
    .business .texts02 {width:33%; margin-left:0.5%; float:left; text-align:left; font-family:Noto Sans KR; color:#656565; font-size:12px; line-height:20px; padding:30px 0 40px 0; }
    .business .texts02 img {width:100%; margin:0; padding:0; border:0;}
    .business .texts02 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
    .business .texts02 div {width:98%; padding-top:10px; border-top:1px solid #767676; }
    
    .business .texts03 {width:33%; margin-left:0.5%; float:left; text-align:left; font-family:Noto Sans KR; color:#656565; font-size:12px; line-height:20px; padding:30px 0 40px 0; }
    .business .texts03 img {width:100%; margin:0; padding:0; border:0;}
    .business .texts03 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
    .business .texts03 div {width:98%; padding-top:10px; border-top:1px solid #767676;}
    
    .business p {width:100%; float:none; text-align:center; font-family:Noto Sans KR, Dotum; color:#656565; font-size:17px; line-height:28px;}
    .business p span {text-align:center; font-size:17px;}
    .business .text01 {width:100%; text-align:center; font-family:Noto Sans KR, Dotum; color:#777777; font-size:13px; line-height:20px; margin:15px 0 0 0;}
    
    }
    
    @media screen and (max-width:780px){
    
    .business {position:relative; float:left; width:95%; font-size:15px; line-height:24px; padding-bottom:50px;}
    
    .business .thumb {}
    
    .business .texts01 { width:33%; margin-left:0; float:left; text-align:left; font-family:Noto Sans KR; color:#656565; font-size:12px; line-height:20px; padding:30px 0 40px 0; }
    .business .texts01 img{ width:100%; margin:0; padding:0; border:0;}
    .business .texts01 span{ color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
    .business .texts01 div{ width:98%; padding-top:10px; border-top:1px solid #767676; }
    
    .business .texts02 {width:33%; margin-left:0.5%; float:left; text-align:left; font-family:Noto Sans KR; color:#656565; font-size:12px; line-height:20px; padding:30px 0 40px 0; }
    .business .texts02 img {width:100%; margin:0; padding:0; border:0;}
    .business .texts02 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
    .business .texts02 div {width:98%; padding-top:10px; border-top:1px solid #767676; }
    
    .business .texts03 {width:33%; margin-left:0.5%; float:left; text-align:left; font-family:Noto Sans KR; color:#656565; font-size:12px; line-height:20px; padding:30px 0 40px 0; }
    .business .texts03 img {width:100%; margin:0; padding:0; border:0;}
    .business .texts03 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
    .business .texts03 div {width:98%; padding-top:10px; border-top:1px solid #767676;}
    
    
    .business p {width:100%; float:none; text-align:center; font-family:Noto Sans KR; color:#656565; font-size:16px; line-height:25px;}
    .business p span {text-align:center; font-size:16px;}
    .business .text01 {width:100%; text-align:center; font-family:Noto Sans KR, Dotum; color:#777777; font-size:13px; line-height:20px; margin:15px 0 0 2%;}
    }
    
    
    @media screen and (max-width:460px){
    .business .img {width:95%; margin:0 2.5% 0 2.5%;}
    .business .img1 {width:95%; margin:0 2.5% 0 2.5%;}
    .business .img2 {width:95%; margin:0 2.5% 0 2.5%;}
    
    
    .business .thumb {}
    
    .business .texts01 { width:95%; margin:0 2.5% 0 2.5%; float:left; text-align:left; font-family:Noto Sans KR; color:#656565; font-size:12px; line-height:20px; padding:30px 0 40px 0; }
    .business .texts01 img{ width:100%; margin:0; padding:0; border:0;}
    .business .texts01 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
    .business .texts01 div{ width:98%; padding-top:10px; border-top:1px solid #767676; }
    
    .business .texts02 {width:95%; margin:0 2.5% 0 2.5%; float:left; text-align:left; font-family:Noto Sans KR; color:#656565; font-size:12px; line-height:20px; padding:30px 0 40px 0; }
    .business .texts02 img {width:100%; margin:0; padding:0; border:0;}
    .business .texts02 span { color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
    .business .texts02 div {width:98%; padding-top:10px; border-top:1px solid #767676; }
    
    .business .texts03 {width:95%; margin:0 2.5% 0 2.5%; float:left; text-align:left; font-family:Noto Sans KR; color:#656565; font-size:12px; line-height:20px; padding:30px 0 40px 0; }
    .business .texts03 img {width:100%; margin:0; padding:0; border:0;}
    .business .texts03 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
    .business .texts03 div {width:98%; padding-top:10px; border-top:1px solid #767676;}
    
    
    .business p {width:100%;float:none; text-align:center; font-family:Noto Sans KR; color:#5e5d5d; font-size:16px; line-height:25px;}
    .business p span {text-align:center; font-size:16px;}
    .business p br {display:none;}
    .business .text01 {width:100%; text-align:center; font-family:Noto Sans KR, Dotum; color:#777777; font-size:12px; line-height:20px; margin:15px 0 0 2%;}
    .business .text01 br {display:none;}
    
    }
    
    
    /* »ç¾÷ºÐ¾ß ***************************************************************************************************************************************************/
    
    .business02 {position:relative; float:left; width:100%; padding-bottom:50px;}
    .business02 .img { width:860px; margin:0 0 0 0; float:left; padding:50px 0 30px 0;}
    
    .business02 .thumb {}
    
    .business02 p {width:100%;float:none; text-align:center; font-family:Noto Sans KR, Dotum; color:#656565; font-size:18px; line-height:30px;}
    .business02 p span{text-align:center; font-family:Noto Sans KR; color:#ff8a00; font-size:18px;}
    .business02 .text01 {width:100%; text-align:center; font-family:Noto Sans KR, Dotum; color:#777777; font-size:14px; line-height:22px; margin:15px 0 0 0;}
    
    
    
    @media screen and (max-width:1280px){
    
    .business02 {position:relative; float:left; width:100%; padding-bottom:50px;}
    .business02 .img { width:80%; margin:0 10% 0 10%; float:left; padding:50px 0 30px 0;}
    
    .business02 .thumb {}
    
    .business02 p {width:100%;float:none; text-align:center; font-family:Noto Sans KR, Dotum; color:#656565; font-size:17px; line-height:28px;}
    .business02 p span{text-align:center; font-size:17px;}
    .business02 .text01 {width:100%; text-align:center; font-family:Noto Sans KR, Dotum; color:#777777; font-size:14px; line-height:22px; margin:15px 0 0 0;}
    }
    
    @media screen and (max-width:1008px){
    
    .business02 {position:relative; float:left; width:100%; padding-bottom:50px;}
    .business02 .img {width:80%; margin:0 10% 0 10%; float:left; padding:50px 0 30px 0;}
    
    .business02 .thumb {}
    
    .business02 p {width:100%;float:none; text-align:center; font-family:Noto Sans KR, Dotum; color:#656565; font-size:17px; line-height:28px;}
    .business02 p span{text-align:center; font-size:17px;}
    .business02 .text01 {width:100%; text-align:center; font-family:Noto Sans KR, Dotum; color:#777777; font-size:14px; line-height:22px; margin:15px 0 0 0;}
    }
    
    @media screen and (max-width:780px){
    
    .business02 {position:relative; float:left; width:95%; padding-bottom:50px;}
    .business02 .img {width:95%; margin:0 2.5% 0 2.5%; float:left; padding:50px 0 30px 0;}
    
    .business02 .thumb {}
    
    .business02 p {width:100%;float:none; text-align:center; font-family:Noto Sans KR, Dotum; color:#656565; font-size:16px; line-height:25px;}
    .business02 p span{text-align:center; font-size:16px;}
    .business02 .text01 {width:100%; text-align:center; font-family:Noto Sans KR, Dotum; color:#777777; font-size:14px; line-height:22px; margin:15px 0 0 0;}
    .business02 .text01 br {display:none;}
    
    
    }
    @media screen and (max-width:460px){
    
    .business02 {position:relative; float:left; width:95%; padding-bottom:50px;}
    .business02 img {width:20%; margin-bottom:20px; margin-right:10px; margin-top:20px; }
    
    .business02 .thumb {}
    
    .business02 p {width:100%;float:none; text-align:center; font-family:Noto Sans KR, Dotum; color:#5e5d5d; font-size:16px; line-height:25px;}
    .business02 p span{text-align:center; font-size:16px;}
    .business02 p br {display:none;}
    .business02 .text01 {width:100%; text-align:center; font-family:Noto Sans KR, Dotum; color:#777777; font-size:12px; line-height:20px; margin:15px 0 0 0;}
    .business02 .text01 br {display:none;}}
    
    
    /* °¶·¯¸® ***************************************************************************************************************************************************/
    
    .gallery > div {width:100%px; margin:0 auto; padding:0px 0 80px 0;}
    #container_list .gallery_item_table .item_cell_media img {font-family:Noto Sans KR, width:100%!important; min-height:190px;}
    
    .gallery text01 {width:100%;float:left; font-family:Noto Sans KR, Dotum; color:#626262; font-size:17px; font-weight:bold; line-height:30px;}
    .gallery text02 {width:100%;float:left; font-family:Noto Sans KR, Dotum; color:#626262; font-size:13px; margin-bottom:20px; line-height:20px;}
    
    #container_view #cafe_bbs_view_table #view_main_table .item_cell_content img {width:100% !important; height:auto !important;} /*offon ¼öÁ¤*/
    
    @media screen and (max-width:1280px){
    
    .gallery > div {width:100%; margin:0 auto; padding:0px 0 80px 0;}
    #container_list .gallery_item_table .item_cell_media img {font-family:Noto Sans KR, width:100% !important; height:auto !important;}
    #container_view #cafe_bbs_view_table #view_main_table .item_cell_content img {width:100% !important; height:auto !important;} /*offon ¼öÁ¤*/
    }
    
    @media screen and (max-width:1008px){
    
    .gallery > div {width:100%;}
    #container_list .gallery_item_table .item_cell_media img {font-family:Noto Sans KR, width:100% !important; height:auto !important;}
    #container_view #cafe_bbs_view_table #view_main_table .item_cell_content img {width:100% !important; height:auto !important;}
    }
    
    
    @media screen and (max-width:752px){
    
    .gallery > div {width:720px; padding:110px 0 70px 0;}
    #container_list .gallery_item_table .item_cell_media img {font-family:Noto Sans KR, width:100% !important; height:auto !important;}
    #container_view #cafe_bbs_view_table #view_main_table .item_cell_content img {width:100% !important; height:auto !important;}
    }
    
    @media screen and (max-width:640px){
    
    .gallery > div {width:450px; padding:110px 0 60px 0;}
    #container_list .gallery_item_table .item_cell_media img {font-family:Noto Sans KR, width:100% !important; height:auto !important;}
    #container_view #cafe_bbs_view_table #view_main_table .item_cell_content img {width:100% !important; height:auto !important;}
    }
    
    
    @media screen and (max-width:460px){
    
    .gallery > div {width:300px; padding:100px 0 50px 0;}
    #container_list .gallery_item_table{width:96% !important; margin:0% 2% 0% 2% !important;}
    #container_list .gallery_item_table .item_cell_media img {font-family:Noto Sans KR, width:100% !important; height:auto !important;}
    #container_view #cafe_bbs_view_table #view_main_table .item_cell_content img {width:100% !important; height:auto !important;}
    
    .gallery text01 {width:100%;float:left; font-family:Noto Sans KR, Dotum; color:#626262; font-size:15px; font-weight:bold; padding-left:2%; line-height:20px; min-width:460px;}
    .gallery text02 {width:100%;float:left; font-family:Noto Sans KR, Dotum; color:#626262; font-size:13px; margin-bottom:20px; padding-left:2%; line-height:20px;}
    }
    
    
    /* »ó´ã¹®ÀÇ ***************************************************************************************************************************************************/
    
    .online {width:100%;}
    .online > div {width:1150px; margin:0 auto; padding:0px 0 80px 0;}
    .online text01 {width:100%;float:left; font-family:Noto Sans KR, Dotum; color:#626262; font-size:17px; font-weight:bold; line-height:30px;}
    .online text02 {width:100%;float:left; font-family:Noto Sans KR, Dotum; color:#626262; font-size:13px; margin-bottom:20px; line-height:20px;}
    
    
    @media screen and (max-width:1280px){
    
    .online > div {width:100%;}
    }
    @media screen and (max-width:1008px){
    
    .online > div {width:720px; padding:0px 0 70px 0;}
    }
    
    @media screen and (max-width:640px){
    
    .online > div {width:450px; padding:0px 0 60px 0;}
    }
    
    
    @media screen and (max-width:460px){
    
    .online > div {width:300px; padding:0px 0 50px 0; }
    .online text01 {width:100%;float:left; font-family:Noto Sans KR, Dotum; color:#626262; font-size:15px; font-weight:bold; padding-left:2%; line-height:20px; min-width:460px;}
    .online text02 {width:100%;float:left; font-family:Noto Sans KR, Dotum; color:#626262; font-size:13px; margin-bottom:20px; padding-left:2%; line-height:20px;}
    }
    
    
    
    /* Ä¿¹Â´ÏƼ ***************************************************************************************************************************************************/
    
    .community {width:100%;}
    .community > div {width:1150px; margin:0 auto; padding:0px 0 80px 0;}
    .community text01 {width:100%;float:left; font-family:Noto Sans KR, Dotum; color:#626262; font-size:17px; font-weight:bold; line-height:30px;}
    .community text02 {width:100%;float:left; font-family:Noto Sans KR, Dotum; color:#626262; font-size:13px; margin-bottom:20px; line-height:20px;}
    
    
    @media screen and (max-width:1280px){
    
    .community > div {width:100%;}
    .community > div > h2 {margin:0px 180px 50px 180px;}
    }
    
    @media screen and (max-width:1008px){
    
    .community > div {width:720px; padding:0px 0 70px 0;}
    #container_list #cafe_blt_titleWrap .titleWrap_group1{display:none;}
    #container_list #cafe_blt_titleWrap .titleWrap_group5{display:none;}
    #container_list .general_item_table .item_group1{display:none;}
    #container_list .general_item_table .item_group5{display:none;}
    }
    
    @media screen and (max-width:640px){
    
    .community > div {width:450px; padding:0px 0 60px 0;}
    #container_list #cafe_blt_titleWrap .titleWrap_group1{display:none;}
    #container_list #cafe_blt_titleWrap .titleWrap_group4{display:none;}
    #container_list #cafe_blt_titleWrap .titleWrap_group5{display:none;}
    #container_list .general_item_table .item_group1{display:none;}
    #container_list .general_item_table .item_group4{display:none;}
    #container_list .general_item_table .item_group5{display:none;}
    }
    
    
    @media screen and (max-width:460px){
    
    .community > div {width:300px; padding:0px 0 50px 0;}
    #container_list #cafe_blt_titleWrap .titleWrap_group1{display:none;}
    #container_list #cafe_blt_titleWrap .titleWrap_group3{display:none;}
    #container_list #cafe_blt_titleWrap .titleWrap_group4{display:none;}
    #container_list #cafe_blt_titleWrap .titleWrap_group5{display:none;}
    #container_list .general_item_table .item_group1{display:none;}
    #container_list .general_item_table .item_group3{display:none;}
    #container_list .general_item_table .item_group4{display:none;}
    #container_list .general_item_table .item_group5{display:none;}
    .community text01 {width:100%;float:left; font-family:Noto Sans KR, Dotum; color:#626262; font-size:15px; font-weight:bold; padding-left:2%; line-height:20px; min-width:460px;}
    .community text02 {width:100%;float:left; font-family:Noto Sans KR, Dotum; color:#626262; font-size:13px; margin-bottom:20px; padding-left:2%; line-height:20px;}
    }
    
    
    
    /* »çÀÌÆ®¸Ê ***************************************************************************************************************************************************/
    
    .sitemap {position:relative; float:left; width:100%; padding-bottom:50px; max-width:860px;}
    
    .sitemap text00 {width:100%;float:left; font-family:Noto Sans KR, Dotum; color:#626262; font-size:17px; font-weight:bold; line-height:30px;}
    .sitemap text02 {width:100%;float:left; font-family:Noto Sans KR, Dotum; color:#626262; font-size:13px; margin-bottom:20px; line-height:15px;}
    .sitemap text03 {width:100%;float:left; font-family:Noto Sans KR, Dotum; color:#626262; font-size:13px; margin-top:10px; line-height:15px;}
    
    .sitemap1{position:relative; float:left; width:100%;}
    
    .sitemap .site1{width:32%; height:250px; margin-right:2%; float:left;}
    .sitemap .site2{width:32%; height:250px;margin-right:2%; float:left;}
    .sitemap .site3{width:32%; height:250px;float:left;}
    .sitemap .site4{width:32%; height:250px;margin-right:2%; float:left;}
    .sitemap .site5{width:32%; height:250px;float:left;}
    
    
    .sitemap .sttxt0 {width:100%; background-color:#000000;text-align:center; padding:10px 0; margin-bottom:10px; }
    .sitemap .sttxt0 span{text-align:center; font-family:Noto Sans KR; color:#ffffff; font-size:14px; font-weight:500; line-height:30px;}
    .sitemap .sttxt1 {text-align:left; font-family:Noto Sans KR; color:#777777; font-size:13px; line-height:35px; padding-left:50px; border-bottom:1px solid #efefef;}
    .sitemap .sttxt2 {text-align:left; font-family:Noto Sans KR; color:#777777; font-size:13px; line-height:35px; padding-left:50px; border-bottom:1px solid #efefef;}
    
    
    
    @media screen and (max-width:1280px){
    
    .sitemap .sttxt1 {text-align:left; font-family:Noto Sans KR; color:#777777; font-size:13px; line-height:35px; padding-left:20px; border-bottom:1px solid #efefef;}
    .sitemap .sttxt2 {text-align:left; font-family:Noto Sans KR; color:#777777; font-size:13px; line-height:35px; padding-left:20px; border-bottom:1px solid #efefef;}
    
    }
    
    @media screen and (max-width:860px){
    
    .sitemap .site1{width:48%; height:250px; margin-right:4%; float:left;}
    .sitemap .site2{width:48%; height:250px;margin-right:0%; float:left;}
    .sitemap .site3{width:48%; height:250px;margin-right:4%;float:left;}
    .sitemap .site4{width:48%; height:250px;margin-right:0%; float:left;}
    .sitemap .site5{width:48%; height:250px;float:left;}
    
    
    }
    
    @media screen and (max-width:640px){
    
    .sitemap .site1{width:100%; height:250px; margin-right:0%; float:left;}
    .sitemap .site2{width:100%; height:200px;margin-right:0%; float:left;}
    .sitemap .site3{width:100%; height:200px;margin-right:0%;float:left;}
    .sitemap .site4{width:100%; height:200px;margin-right:0%; float:left;}
    .sitemap .site5{width:100%; height:200px;float:left;}
    
    .sitemap .sttxt1 {text-align:left; font-family:Noto Sans KR; color:#777777; font-size:13px; line-height:35px; padding-left:50px; border-bottom:1px solid #efefef;}
    .sitemap .sttxt2 {text-align:left; font-family:Noto Sans KR; color:#777777; font-size:13px; line-height:35px; padding-left:50px; border-bottom:1px solid #efefef;}
    
    
    }
    
    
    @media screen and (max-width:460px){
    
    .sitemap text00 {width:100%;float:left; font-family:Noto Sans KR, Dotum; color:#626262; font-size:15px; font-weight:bold; padding-left:2%; line-height:20px;}
    .sitemap text02 {width:100%;float:left; font-family:Noto Sans KR, Dotum; color:#626262; font-size:13px; margin-bottom:20px; padding-left:2%; line-height:20px;}
    .sitemap text03 {width:100%;float:left; font-family:Noto Sans KR, Dotum; color:#626262; font-size:13px; margin-top:10px; padding-left:2%; line-height:20px;}
    
    }
    
    /* ȸ»ç¿µ»ó ***************************************************************************************************************************************************/
    
    #player { margin-bottom:80px;}
    #player_screen { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
    #player_screen iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }#player_text dt, #player_text dd { margin-top:18px; padding:0;}
    #player_text a {font-size:18px; font-weight:bold;}
    dl.movs {width:100%; border-bottom:1px solid #aeaeae; display:flex; flex-wrap:wrap; align-items:center; overflow:hidden; margin-bottom:20px; height:225px;}
    dl.movs .thumb {max-width:310px; overflow:hidden; flex-basis:30%; flex-grow:1;}
    dl.movs .thumb a img {width:100%;}
    dl.movs dt, dl.movs dd {}
    dl.movs dt {font-size:18px; font-weight:bold; flex-basis:40%; flex-grow:2; text-indent:20px; height:auto; overflow:hidden;}
    dl.movs dt a {display:block; background-color:; height:100%; line-height:225px;}
    dl.movs dd.url { display:none; }#list .movs:hover {background-color:rgba(0,0,0,0.9);}
    dl.movs dd.playBtn a {padding-right:20px;}
    #list .movs:hover a {color:#fff;}
    
    @media screen and (max-width:1280px){
    
    
    #player { margin-bottom:80px;}
    #player_screen { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
    #player_screen iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }#player_text dt, #player_text dd { margin-top:18px; padding:0;}
    #player_text a {font-size:18px; font-weight:bold;}
    dl.movs {width:100%; border-bottom:1px solid #aeaeae; display:flex; flex-wrap:wrap; align-items:center; overflow:hidden; margin-bottom:20px; height:225px;}
    dl.movs .thumb {max-width:310px; overflow:hidden; flex-basis:30%; flex-grow:1;}
    dl.movs .thumb a img {width:100%;}
    dl.movs dt, dl.movs dd {}
    dl.movs dt {font-size:18px; font-weight:bold; flex-basis:40%; flex-grow:2; text-indent:20px; height:auto; overflow:hidden;}
    dl.movs dt a {display:block; background-color:; height:100%; line-height:225px;}
    dl.movs dd.url { display:none; }#list .movs:hover {background-color:rgba(0,0,0,0.9);}
    dl.movs dd.playBtn a {padding-right:20px;}
    #list .movs:hover a {color:#fff;}
    
    }
    
    
    @media screen and (max-width:640px){
    
    #list dl.movs {width:100%; border-bottom:1px solid #aeaeae; display:flex; flex-wrap:wrap; align-items:center; overflow:hidden; margin-bottom:20px; position:relative;}
    #list dl.movs .thumb {max-width:310px; overflow:hidden; flex-basis:45%; flex-grow:1;}
    #list dl.movs .thumb a img {width:100%;}
    #list dl.movs dt, dl.movs dd {}
    #list dl.movs dt {font-size:16px; font-weight:bold; flex-basis:25%; flex-grow:2; margin-left:20px; text-indent:0; height:auto; overflow:visible;line-height:1.2em;}
    #list dl.movs dt a {display:block; background-color:; line-height:1.2em; word-wrap: break-word;}
    #list dl.movs dd.url { display:none; }
    #list .movs:hover {background-color:rgba(0,0,0,0.9);}
    #list dl.movs dd.playBtn a {padding-right:20px;}
    #list .movs:hover a {color:#fff;}
    #list .playBtn {position:absolute; left:23%; top:45%;}
    #list .playBtn a i {color:rgba(255,255,255,0.6);}
    
    
    }
    
    
    
    @media screen and (max-width:460px){
    
    #list dl.movs {width:100%; border-bottom:1px solid #aeaeae; display:flex; flex-wrap:wrap; align-items:center; overflow:hidden; margin-bottom:20px; position:relative;}
    #list dl.movs .thumb {max-width:310px; overflow:hidden; flex-basis:45%; flex-grow:1;}
    #list dl.movs .thumb a img {width:100%;}
    #list dl.movs dt, dl.movs dd {}
    #list dl.movs dt {font-size:16px; font-weight:bold; flex-basis:25%; flex-grow:2; margin-left:20px; text-indent:0; height:auto; overflow:visible;line-height:1.2em;}
    #list dl.movs dt a {display:block; background-color:; line-height:1.2em; word-wrap: break-word;}
    #list dl.movs dd.url { display:none; }
    #list .movs:hover {background-color:rgba(0,0,0,0.9);}
    #list dl.movs dd.playBtn a {padding-right:20px;}
    #list .movs:hover a {color:#fff;}
    #list .playBtn {position:absolute; left:23%; top:45%;}
    #list .playBtn a i {color:rgba(255,255,255,0.6);}
    
    
    }
    
    
    
    /*--////max-width:460px--*/