@charset "UTF-8";
/* CSS Document */



/*상단로그인*/


#globalmenu ul.language{display:block; float:left; padding:2px 0;}
@media(max-width:1200px){
#globalmenu ul.language{float:none; }
}
#globalmenu ul.language li{float:left; margin-right:15px; font-size:85%; border:1px solid #ddd; padding:2px 10px; border-radius:15px;}
#globalmenu ul.language li b{color:#313131;}
#globalmenu ul.language li:hover{border-bottom:3px solid #efefef;}
#globalmenu ul.language li a{color:#444;}

#globalmenu ul.quickmenu{display:block; width:auto; height:auto; text-align:center; float:right; margin-right:0px;}
@media(max-width:1200px){
#globalmenu ul.quickmenu{float:none; margin-right:0;}
}
#globalmenu ul.quickmenu li {display:inline-block !important; padding:0px 5px; text-align:center; line-height:25px; font-size:95%; color:#111; border: 2px solid #4a83d7; border-radius:10px; margin-top:7px;}
#globalmenu ul.quickmenu li a{color:#4a83d7;}
#globalmenu ul.quickmenu li a:hover{color:#333;}
#globalmenu ul.quickmenu li.snslogin{border:0;}
#globalmenu ul.quickmenu li.pushmsg{}
#globalmenu ul.quickmenu li .sharebtn{display:block; z-index:999;}





/*홈버튼*/
.homebtn{
	display:none;
	position:absolute;
	top:20px;
	right:87px;
	width: 80px;
    height: auto;
    line-height:38px;
    text-align:center;
    border-radius:0px;
    background: #fff;
    color:#333;
    border:1px solid #333;
    padding: 0px;
    font-size:85%;
    z-index: 8;

}
.homebtn a{color:#333;}

@media(max-width:1200px){
  .homebtn{display:none !important;}
}

/*로고바*/
.sector2{ width:100% !important; height:auto !important;  padding:0 !important; z-index:99; border-top:0px solid #222; overflow:unset !important;}
@media(max-width:1200px){
.sector2{position:absolute;}
}

.mainslide_center{width:1100px; margin:0 auto;}
@media(max-width:1200px){
.mainslide_center{width:100%;}
}

.hovermenu_center{width:1100px; height:auto; overflow:hidden; margin:0 auto; position:relative;}
@media(max-width:1200px){
.hovermenu_center{width:100%;}
}

.logobar{width:100%;}

.logobar h1.logo{float:left; display:block; text-align:center;padding:15px 0;position: relative;z-index:2; } 
.logobar h1.logo .logo_img{width:136px; margin:0 auto;}
/* .logobar h1.logo{display:block;width:121px;height:auto; padding:15px 0 !important; margin:0 auto; text-align:center;padding:0;position: relative;z-index:2; } */

.logobar h1.logo img{ display:block; width:100%;}

.logobar #globalmenu{ float:right; width:50%; height:auto; border:0; position:relative; border:0px solid #f30; z-index: 999999999999999999;} 
/* .logobar #globalmenu{width:100%; height:auto; border:0; position:relative; border:0px solid #f30; z-index: 999999999999999999;} */

@media(max-width:1200px){
.logobar h1.logo{float:none; display:block;width:auto;height:100px;text-align:center;padding:20px 0;position: relative;z-index:2; } 
.logobar h1.logo img{ display:block; margin:0 auto;}
.logobar #globalmenu{display:none;}
}

.logobar .sitemapbtn{ display:none; width: 40px;height: 40px;text-align:center;border:1px solid #777;font-size:150%;z-index: 9; background:none; position: absolute; right: -70px; top:35px;}
.logobar .sitemapbtn a{color:#777;}

@media(max-width:1200px){
.logobar .sitemapbtn{display:none;}

}



.btn_stamp{
	display: inline-block;
    width: 128px;
    height: 36px;
    border-radius: 20px;
    background: #ff6600;
    text-align: center;
    padding: 9px 0 10px;
    margin-top: 15px;
    }
.btn_stamp span {
    color: #fff;
    font-size: 13px;
    padding-left: 10px;
    -webkit-background-size: 17px 16px;
    background-size: 17px 16px;
}
.btn_stamp.biz{
    background: #54aeef;
}
.btn_stamp.biz span {
}

.btn_stamp.admin{
    width: 70px;
    background: #ff6600;
}
.btn_stamp.biz.admin{
    background: #54aeef;
}

.btn_stamp.admin span {
    color: #fff;
    font-size: 13px;
    padding-left: 5px;
    -webkit-background-size: 17px 16px;
    background-size: 17px 16px;
}



.btn_stamp i{color:#fff;}





/*검색*/
.search-wrapper {
    display:none;
	position: absolute;
    transform: translate(0, 0);
    top:35px !important;
    right:-25px;
    z-index: 9999999999;
}



.search-wrapper.active {}

.search-wrapper .input-holder {    
    width:40px;
    height:auto;
    line-height:40px;
    overflow: hidden;
    
    border-radius:0px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder {
    width:200px;
    border-radius: 40px;
    background: #000;
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
}
.search-wrapper .input-holder .search-input {
    width:100%;
    height: 40px;
    padding:0px 40px 0 20px;
    opacity: 0;
    position: absolute;
    top:-12px;
    left:0px;
    background: transparent;
    box-sizing: border-box;
    border:none;
    outline:none;
    font-family:"Open Sans", Arial, Verdana;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color:#FFF;
    transform: translate(0, 40px);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition-delay: 0.3s;
}
.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    transform: translate(0, 10px);
}
.search-wrapper .input-holder .search-icon {
    width:40px;
    height:40px;
    border:1px solid #777;
    background:none;
    border-radius:0px;
    padding:0px;
    outline:none;
    position: relative;
    z-index: 2;
    float:right;
    cursor: pointer;
    transition: all 0.3s ease-in-out;

}
.search-wrapper.active .input-holder .search-icon {
    width: 32px;
    height:32px;
    margin: 4px;
    border-radius: 30px;
}
.search-wrapper .input-holder .search-icon span {
    width:22px;
    height:22px;
    display: inline-block;
    vertical-align: middle;
    position:relative;
    transform: rotate(45deg);
    transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
}
.search-wrapper.active .input-holder .search-icon span {
    transform: rotate(-45deg);
}
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
    position: absolute; 
    content:'';
}

/*돋보기*/
.search-wrapper .input-holder .search-icon span::before {
    width: 4px;
    height: 11px;
    left: 9px;
    top: 13px;
    border-radius: 2px;
    background: #777; /*돋보기손잡이*/
}
.search-wrapper .input-holder .search-icon span::after {
    width: 16px;
    height: 16px;
    left: 3px;
    top: -2px;
    border-radius: 50%;
    border: 4px solid #777;/*돋보기*/
}

/*닫기*/
.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    transform: rotate(-180deg);
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition-delay: 0.2s;
}
.search-wrapper.active .close {
    right:210px;
    transform: rotate(45deg);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition-delay: 0.5s;
}
.search-wrapper .close::before, .search-wrapper .close::after {
    position:absolute;
    content:'';
    border-radius: 2px;
}

.search-wrapper.active .close::before, .search-wrapper.active .close::after {
    background: #ddd; /*닫기*/
}

.search-wrapper .close::before {
    width: 5px;
    height: 25px;
    left: 10px;
    top: 0px;
}
.search-wrapper .close::after {
    width: 25px;
    height: 5px;
    left: 0px;
    top: 10px;
}





@media(max-width:1200px){
.search-wrapper {
    display:none;
}

}
@media(max-width:992px){

}
@media(max-width:768px){

}
@media(max-width:480px){
		
}




/*globalmenu*/
#globalmenu{display:block;width:100%; height:auto; background:#fff; border-top:0px solid #ddd; border-bottom:0px solid #ddd;}
#globalmenu ul.depth1 {clear:both; display:block; width:100%; height:auto; margin:0 auto; }
#globalmenu ul.depth1 li.depth1{display:inline-block; position: relative; margin: 0; width:auto; height:auto; line-height:50px; border-right:0px solid #ddd; font-size:120%; padding:0 20px;} 
#globalmenu ul.depth1 li.depth1.mmenu00{display:none;}
#globalmenu ul.depth1 li.depth1 span.subicon{display:none;}
#globalmenu ul.depth1 li.depth1 a{display:block; width:100%; height:100%; text-align:center; position:relative; font-weight:bold; color:#555;}
#globalmenu ul.depth1 li.depth1 a.depth1{color:#000;}
#globalmenu ul.depth1 li.depth1 a.mobilemenu{display:none;}
#globalmenu ul.depth1 li.depth1:hover {}
#globalmenu ul.depth1 li.depth1:hover a{color:#004c98;}

#globalmenu ul.depth2 {display:none; width:150px; height:auto; position:absolute; top:50px; left:0; margin-left:0px; z-index:999999; border:1px solid #4b83d7;}
#globalmenu ul.depth2 li.depth2 {display:block; width:auto; height:auto; line-height:30px; border-bottom:1px solid #4b83d7; font-size:70%; background:#fff;}
#globalmenu ul.depth2 li.depth2 a.hdbtn{display:none;}
#globalmenu ul.depth2 li.depth2 a {display:block; width:100%; height:100%; text-align:left; text-indent:10px; color:#777 !important; font-weight:normal;}
#globalmenu ul.depth2 li.depth2:hover a{color:#fff !important; background:#4b83d7;}
#globalmenu ul.depth2 li.depth2 b{color:#f60; margin-right:3px;}
#globalmenu ul.depth3 {display:block; width:100%; height:auto;line-height:21px; margin:0 auto;}
#globalmenu ul.depth3 li.depth3 {display:block; width:100%; height:21px; line-height:21px; }
#globalmenu ul.depth3 li.depth3 a{display:block; width:100%; height:100%; color:#777; font-size:11px; font-weight:normal; }

/*hovermenu*/
#hovermenu{display:none; clear:both; position:absolute; top:100px; left:0%; width:100% !important; height:auto; margin-left:0px; z-index:99;padding:0; border-bottom:1px solid #ddd; border-top:1px solid #ddd; background:#f9f9f9;}
#hovermenu{}

.hovermenu{width:100%; height:auto; margin:0 auto; overflow:hidden; }

.hovermenu ul.depth1 {display:block; width:60% !important; height: auto; float:right;}
/* .hovermenu ul.depth1 {display:block; width:1100px !important; height: auto; position: relative; text-align:center; margin:0 auto; padding:0;} */




.hovermenu ul.depth1 li.depth1{display:table-cell; width:2% !important; height:250px; padding:10px 8px; border-right:1px solid #ddd;} 


/*메뉴설명 전체*/
p.menu_info_txt{display:none;} /*메뉴설명 전체 off */
.hovermenu ul.depth1 li.depth1 p.menu_info_txt{position:absolute; left:0; top:0; display:block;}
.hovermenu ul.depth1 li.depth1 p.menu_info_txt span{float:left; padding:20px 0; font-size:220%; font-weight:900;}
.hovermenu ul.depth1 li.depth1 p.menu_info_txt span.text{clear:both; display:none; float:left; font-size:120%; font-weight:300; text-align:left;}
.hovermenu ul.depth1 li.depth1:nth-child(1) p.menu_info_txt{display:none; width:40%; height:100%;  border-right:1px solid #ddd; background: url("/theme/henalhome/design/img/menu_ico1.png") right bottom no-repeat;}/*가로 104*/
.hovermenu ul.depth1 li.depth1:nth-child(2) p.menu_info_txt{display:none; width:40%; height:100%;  border-right:1px solid #ddd; background: url("/theme/henalhome/design/img/menu_ico2.png") right bottom no-repeat;}
.hovermenu ul.depth1 li.depth1:nth-child(3) p.menu_info_txt{display:none; width:40%; height:100%;  border-right:1px solid #ddd; background: url("/theme/henalhome/design/img/menu_ico3.png") right bottom no-repeat;}
.hovermenu ul.depth1 li.depth1:nth-child(4) p.menu_info_txt{display:none; width:40%; height:100%;  border-right:1px solid #ddd; background: url("/theme/henalhome/design/img/menu_ico4.png") right bottom no-repeat;}
.hovermenu ul.depth1 li.depth1:nth-child(5) p.menu_info_txt{display:none; width:40%; height:100%;  border-right:1px solid #ddd; background: url("/theme/henalhome/design/img/menu_ico5.png") right bottom no-repeat;}
.hovermenu ul.depth1 li.depth1:nth-child(6) p.menu_info_txt{display:none; width:40%; height:100%;  border-right:1px solid #ddd; background: url("/theme/henalhome/design/img/menu_ico6.png") right bottom no-repeat;}
.hovermenu ul.depth1 li.depth1:nth-child(7) p.menu_info_txt{display:none; width:40%; height:100%;  border-right:1px solid #ddd; background: url("/theme/henalhome/design/img/menu_ico7.png") right bottom no-repeat;}
.hovermenu ul.depth1 li.depth1:nth-child(8) p.menu_info_txt{display:none; width:40%; height:100%;  border-right:1px solid #ddd; background: url("/theme/henalhome/design/img/menu_ico8.png") right bottom no-repeat;}
.hovermenu ul.depth1 li.depth1:nth-child(9) p.menu_info_txt{display:none; width:40%; height:100%;  border-right:1px solid #ddd; background: url("/theme/henalhome/design/img/menu_ico9.png") right bottom no-repeat;}
.hovermenu ul.depth1 li.depth1:nth-child(10) p.menu_info_txt{display:none; width:40%; height:100%; border-right:1px solid #ddd; background: url("/theme/henalhome/design/img/menu_ico10.png") right bottom no-repeat;}
/*메뉴설명 전체*/


.hovermenu ul.depth1 li.depth1.over_back {background:#fff;}
.hovermenu ul.depth1 li.depth1.over_font {}
.hovermenu ul.depth1 li.depth1 a.over_back {}
.hovermenu ul.depth1 li.depth1 a.over_font {color:#fff; }

.hovermenu ul.depth1 li.depth1:nth-child(1).over_back { background:#fff;}
.hovermenu ul.depth1 li.depth1:nth-child(1) a.over_font {color:#101010;}
.hovermenu ul.depth1 li.depth1:nth-child(2).over_back { background:#fff;}
.hovermenu ul.depth1 li.depth1:nth-child(2) a.over_font {color:#101010;}
.hovermenu ul.depth1 li.depth1:nth-child(3).over_back { background:#fff;}
.hovermenu ul.depth1 li.depth1:nth-child(3) a.over_font {color:#101010;}
.hovermenu ul.depth1 li.depth1:nth-child(4).over_back { background:#fff;}
.hovermenu ul.depth1 li.depth1:nth-child(4) a.over_font {color:#101010;}
.hovermenu ul.depth1 li.depth1:nth-child(5).over_back { background:#fff;}
.hovermenu ul.depth1 li.depth1:nth-child(5) a.over_font {color:#101010;}
.hovermenu ul.depth1 li.depth1:nth-child(6).over_back { background:#fff;}
.hovermenu ul.depth1 li.depth1:nth-child(6) a.over_font {color:#101010;}
.hovermenu ul.depth1 li.depth1:nth-child(7).over_back { background:#fff;}
.hovermenu ul.depth1 li.depth1:nth-child(7) a.over_font {color:#101010;}
.hovermenu ul.depth1 li.depth1:nth-child(8).over_back { background:#fff;}
.hovermenu ul.depth1 li.depth1:nth-child(8) a.over_font {color:#101010;}
.hovermenu ul.depth1 li.depth1:nth-child(9).over_back { background:#fff;}
.hovermenu ul.depth1 li.depth1:nth-child(9) a.over_font {color:#101010;}
.hovermenu ul.depth1 li.depth1:nth-child(10).over_back { background:#fff;}
.hovermenu ul.depth1 li.depth1:nth-child(10) a.over_font {color:#101010;}

.hovermenu ul.depth1 li.depth1:nth-child(3) { }
.hovermenu ul.depth1 li.depth1:nth-child(6) { }
.hovermenu ul.depth1 li.depth1:nth-child(7) { }
.hovermenu ul.depth1 li.depth1:nth-child(8) { }
.hovermenu ul.depth1 li.depth1.mmenu00{display:none;}
.hovermenu ul.depth1 li:last-child{display:none;/*멤버십막기*/}

.hovermenu ul.depth1 li.depth1 a.depth1{display:none;/*1차막기*/}
.hovermenu ul.depth1 li.depth1 a.mobilemenu{display:none;}
.hovermenu ul.depth2 {display:block; width:100%; height:auto; z-index:999999; padding:0;}
.hovermenu ul.depth2:hover {}


.hovermenu ul.depth2 li.depth2 {display:block; width:auto; height:auto; line-height:30px; padding:0 0px; font-size:95%; border-bottom:1px solid #ccc; font-family: 'GmarketSansMedium';}
.hovermenu ul.depth2 li.depth2:hover {border-bottom:1px solid #004c98;}
.hovermenu ul.depth2 li.depth2 a.hdbtn{display:block;}
.hovermenu ul.depth2 li.depth2 a.depth2 {display:block; width:100%; height:100%; text-align:left; text-indent:0px; color:#101010; }


.hovermenu ul.depth2 li.depth2.on a.depth2 {color:#54aeef; font-weight:900;} /*온*/
.hovermenu ul.depth2 li.depth2 a.depth2 span.totalpost{display:none; border-radius:3px; background:#313131; color:#ccc; padding:0 3px; text-align:center;} /*토탈*/
.hovermenu ul.depth2 li.depth2:hover a.depth2{color:#004c98;}
.hovermenu ul.depth2 li.depth2 b{color:#01a8ba; margin-right:3px;}
.hovermenu ul.depth2 li.depth2:last-child{border-bottom:0;}

.hovermenu ul.depth3 {display:none; width:100%; height:auto;line-height:21px; margin:0 auto;}
.hovermenu ul.depth3 li.depth3 {display:block; width:100%; height:auto; line-height:25px; text-align:left;}
.hovermenu ul.depth3 li.depth3 a.depth3{display:block; width:100%; height:100%; color:#222; font-size:90%; text-indent:10px; position:relative;}
.hovermenu ul.depth3 li.depth3 a.depth3:before{

    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background-color: #666666;
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -2px;
}
.hovermenu ul.depth2 li.depth3 a.depth3:hover {color:#010101;} 


/*한영전환*/
ul.lang_btn {
                display: block;
                position: absolute;
                right: -147px;
                top: 50%;
                margin-top: 22px;
                padding: 5px 10px;
                overflow: hidden;
            }

            ul.lang_btn li {
                float: left;
                display: block;
                border: 1px solid #ddd;
                border-radius: 5px;
                color: #333;
                padding: 10px;
                margin: 0 5px;
            }

            ul.lang_btn li a {
                color: #333;
            }

            ul.lang_btn li.on {
                background: #333;
            }

            ul.lang_btn li.on a {
                color: #fff;
            }

            a.logo img {
                width: 70%;
            }

            @media(max-width:1200px) {
                .topmenubar {
                    width: 100%;
                }
                ul.lang_btn {
                    display: block;
                    position: absolute;
                    right: 0px;
                    top: 50%;
                    margin-top: 0px;
                    padding: 5px 10px;
                    overflow: hidden;
                    z-index: 99999999999;
                }
                ul.lang_btn li {
                    float: left;
                    display: block;
                    border: 1px solid #ddd;
                    border-radius: 5px;
                    color: #333;
                    padding: 5px 10px;
                    margin: 0 5px;
                }
            }



/*관리자버튼*/
a.onlyadmin {position:absolute; bottom:10px; right:10px; border:1px solid red; color:red !important; z-index: 99999999999999999999999999; background:#fff;  padding:3px 10px !important;}
a.onlyadmin i{pointer:cursor; padding:0; }
a.onlyadmin2 {position:absolute; bottom:45px; right:10px; border:1px solid blue; color:blue !important; z-index: 99999999999999999999999999; background:#fff;  padding:3px 10px !important;}
a.onlyadmin2 i{pointer:cursor; padding:0; }