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



/*섹터기본*/
#sector{display:block; width:100%; height:auto; padding:50px 0; overflow:hidden;}
#sector.buildings{}
#sector.works{padding-bottom:5px;}
#sector.latestinfo{padding-top:0;}

/*인증상훈*/
ul.certification {text-align:center;}
ul.certification li{display:inline-block; float:none; padding-right:20px; text-align:center;}
ul.certification li:last-child{padding-right:0;}

.sector{width:1100px;height:auto; margin:0 auto; position:relative; text-align:center;}
.sector.full{width:100%;height:auto; margin:0 auto; position:relative; clear:both;}
@media(max-width:1200px){
.sector{width:100%;}
#sector.works{padding:15px 10px !important;}
#sector.buildings{padding:15px 10px !important;}
#sector.latestinfo{padding:15px 10px !important;}

}
@media(max-width:768px){
.sector{width:100%;}
.titlegroup span.title{font-size:130% !important;}
}


/*상단로그인*/
.sector1{clear:both;width:100%; height:auto; border-bottom:0px solid #ccc; overflow:hidden; position:static; z-index: 99; padding:3px 0 !important; background:#f8f8f8;}
.topmenubar{width:1100px; height:auto; margin:0 auto; position:relative;}

@media(max-width:1200px){
.topmenubar{width:100%;}
}

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

.topmenubar ul.quickmenu{display:block; width:auto; height:auto; text-align:center; float:right; margin-right:50px;}
@media(max-width:1200px){
.topmenubar ul.quickmenu{float:none; }
}
.topmenubar ul.quickmenu li {display:inline-block !important; padding:0px 5px; text-align:center; line-height:25px; font-size:95%;}
.topmenubar ul.quickmenu li a{color:#444;}
.topmenubar ul.quickmenu li b{color:#243286;}
.topmenubar ul.quickmenu li a:hover{color:#010101;}
.topmenubar ul.quickmenu li.admin a{color:#0cd1e8;}
.topmenubar ul.quickmenu li.tip a{color:#ffce00;}
.topmenubar ul.quickmenu li.snslogin{border:0;}
.topmenubar ul.quickmenu li.pushmsg{}
.topmenubar ul.quickmenu li .sharebtn{display:block; z-index:999;}

/*로고바*/
.sector2{ width:100% !important; height:100px !important;  padding:0 !important; background:#fff; z-index:99; border-top:2px solid #222;}

@media(max-width:1200px){
.sector2{position:absolute; width:100% !important; height:100px !important; top:0; left:0; margin-left:0; padding:0 !important; background:#fff; z-index:99;}
}

.logobar h1.logo{float:left;display:block;width:auto;height:100px;text-align:center;padding:20px 0;position: relative;z-index:2; }
.logobar h1.logo img{ display:block; margin:15px auto;}

@media(max-width:1200px){
.logobar h1.logo img{ display:block; margin:15px auto; width:230px;}
}


.logobar #globalmenu{float:right; width:63%; height:auto; border:0; position:relative; border:0px solid #f30;}
.logobar .sitemapbtn{float:right;width: 40px;height: 40px;text-align:center;border:1px solid #ddd;font-size:150%;z-index: 9;background:#fff; margin:15px;}
.logobar .sitemapbtn a{color:#333;}

.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;}

/*globalmenu*/
#globalmenu ul.depth1 {display:block; width:100%; height:100%; text-align:center; margin:0 auto; }
#globalmenu ul.depth1 li.depth1{
    
    display: block;
    float: left;
    position: relative;
    width: 15% !important;
    height: auto;
    line-height: 100%;
    border-left: 0px solid #ccc;
    font-size: 122%;
    font-weight: 400;
    margin: 0 10px;
} 
#globalmenu ul.depth1 li.depth1:nth-child(2){border-left:0px solid #ddd;}
#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; color:#333; padding:20px 0;}
#globalmenu ul.depth1 li.depth1 a.depth1{color:#333;}
#globalmenu ul.depth1 li.depth1 a.depth1.on{color:#3a3a3a}
#globalmenu ul.depth1 li.depth1.on { font-weight:900; color:#243286; border-bottom:10px solid #243286;  /**/ height:100%;}
#globalmenu ul.depth1 li.depth1.on a.depth1{color:#243286 !important; }
#globalmenu ul.depth1 li.mmenu00{width:54px; height:50px; display:none;}
#globalmenu ul.depth1 li:last-child{display:none;}
#globalmenu ul.depth1 li.depth1:nth-child(1).on {color:#243286 !important; }
#globalmenu ul.depth1 li.depth1:nth-child(2).on {color:#243286 !important; }
#globalmenu ul.depth1 li.depth1:nth-child(3) {color:#243286 !important; width:30% !important;}
#globalmenu ul.depth1 li.depth1:nth-child(3).on {color:#243286 !important;}
#globalmenu ul.depth1 li.depth1:nth-child(4).on {color:#243286 !important; }
#globalmenu ul.depth1 li.depth1:nth-child(5).on {color:#243286 !important; }
#globalmenu ul.depth1 li.depth1:nth-child(6).on {display:none !important; }
#globalmenu ul.depth1 li.depth1:nth-child(7).on {display:none !important; }
#globalmenu ul.depth1 li.depth1:nth-child(8).on {display:none !important; }
#globalmenu ul.depth1 li.depth1 a.allbtn{display:block; width:100%; height:100%; background:#fff url("/theme/henalhome/design/img/btn_allmenu.png") center center no-repeat; }
#globalmenu ul.depth1 li.depth1 a.allbtn:hover{display:block; width:100%; height:100%; background:#010101 url("/theme/henalhome/design/img/btn_allmenu_w.png") center center no-repeat; }
#globalmenu ul.depth1 li.depth1 a.mobilemenu{display:none;}
#globalmenu ul.depth1 li.depth1:hover {}
#globalmenu ul.depth1 li.depth1:hover a{color:#243286;} /*서브메뉴 배경색상*/
#globalmenu ul.depth1 li:last-child {/*display:none;멤버십막기*/}
#globalmenu ul.depth2 {display:none; width:160px; height:auto; position:absolute; top:10px; left:0; margin-left:0px; z-index:999999; border-top:0px solid #243286; padding-top:10px; /*주메뉴 밑줄색상*/}
#globalmenu ul.depth2 li.depth2 {display:block; width:auto; height:auto; line-height:30px; border-bottom:1px solid #fff;/*서브메뉴 밑줄색상*/ font-size:80%; letter-spacing:-1; }
#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:15px; color:#eee !important; background :rgba(255, 255, 255, 0.3) !important; font-weight:normal;
-webkit-transition-property:color, background; 
-webkit-transition-duration: 0.3s, 0.3s; 
-webkit-transition-timing-function: linear, ease-in;
}
#globalmenu ul.depth2 li.depth2:hover{border-bottom:1px solid #243286; background :rgba(0, 0, 0, 0.3) !important;}/*서브메뉴 오버색상*/
#globalmenu ul.depth2 li.depth2:hover a{color:#243286 !important; background:#699a39; }/*서브메뉴 오버색상*/
#globalmenu ul.depth2 li.depth2 b{color:#243286; margin-right:3px;}
#globalmenu ul.depth3 {display:block; width:100%; height:auto;line-height:21px; margin:0 auto; position:static !important;}


#globalmenu ul.depth3 li.depth3 {display:block; width:100%; height:21px; line-height:21px; border-top:1px solid #84b31e;}
#globalmenu ul.depth3 li.depth3 a{display:block; width:100%; height:100%; color:#777; font-size:11px; font-weight:normal; text-indent:20px;}
#globalmenu ul.depth3 li.depth3:hover a{color:#fff !important; background:#467523;}/*서브메뉴 오버색상*/

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

.hovermenu{width:1100px; height:auto; margin:0 auto; overflow:hidden; padding:20px 0;}
.hovermenu ul.depth1 {display:block; width:63% !important; height: auto; position: relative; float:right;}
.hovermenu ul.depth1 li.depth1{float:left; display:inline-block; width:125px !important; margin:0; position: relative; } 
.hovermenu ul.depth1 li.depth1:nth-child(1) {border-left:0px solid #555;}
.hovermenu ul.depth1 li.depth1:nth-child(3) {width:232px !important;}
.hovermenu ul.depth1 li.depth1:nth-child(6) {display:none;}
.hovermenu ul.depth1 li.depth1:nth-child(7) {display:none;}
.hovermenu ul.depth1 li.depth1:nth-child(8) {display:none;}
.hovermenu ul.depth1 li.depth1.mmenu00{display:none;}
.hovermenu ul.depth1 li.mmenu06{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 15px; font-size:105%;}
.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:#333; border-bottom:1px solid #dbdbdb;}
.hovermenu ul.depth2 li.depth2 a.depth2:hover{}
.hovermenu ul.depth2 li.depth2.on a.depth2 {color:#243286; font-weight:900;} /*온*/
.hovermenu ul.depth2 li.depth2 a.depth2 span.totalpost{display:none; border-radius:3px; background:#243286; color:#fff; padding:0 3px; text-align:center;} /*토탈*/
.hovermenu ul.depth2 li.depth2:hover a.depth2{color:#243286;}
.hovermenu ul.depth2 li.depth2 b{color:#01a8ba; margin-right:3px;}

.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;} 


/*sns 쉐어버튼*/
.sharebtn{display:block; z-index: 999;}
.sharebtn a{display:inline-block; border-radius:50%; border:1px solid #ccc; width:25px; height:25px; line-height:22px; text-align:center; overflow:hidden; padding:0;}











































































































































































/*서브 페이지 스타일*/
.heading-block{padding-top:20px; margin-bottom:20px;}


.heading-block:after {
    content: '';
    display: block;
    margin-top: 10px;
    width: 40px;
    border-top: 0px solid #010101
}


#ctt {padding-top:0; margin-top:0;}
#ctt_con{overflow:hidden;}
#ctt_con {}
#ctt_con img{max-width:100%; margin-bottom:0px;}
.ctt_admin{position:absolute; right:0; bottom:-50px;}


/*페이지타이틀*/
.page_title {text-align:center; padding-top:30px;}
.page_title p.title{font-size:200%;  letter-spacing:-1px; }
.page_title p.text{ color:#777; padding-bottom:20px;
display: inline-block;
}
p.henal_caution {border:1px solid #ddd; padding:10px;}



/*페이지타이틀*/
.subpage_title{}

.subpage_title h3.page_title{
	font-size:200%;
    border-bottom:1px solid #ddd;
    padding-top:0;
	padding-bottom:10px;
	
	font-weight:900;
	text-align:left;
}

.subpage_title span.title_ment{display:block; font-weight:normal; font-size:200%; margin:20px 0 40px 0; color:#42aecd; line-height:100%; letter-spacing:0px; font-weight:100;}
.subpage_title .subtitle_ment{display:block; color:#777; font-weight:normal; font-size:120%; margin-top:15px;}

.subtext{padding-bottom:50px; overflow:hidden; font-size:115%; color:#333; }
.subtext img{float:left; margin:0 20px 20px 0;}
/*페이지타이틀*/




/*서브페이지 타이틀*/
.subtitle_ment{padding-bottom:40px; font-size:120%;}
.subtitle_ment b{color:#222;}

.subtitle_ment span img{display:block; width:100%; float:none; padding-right:0px; margin-bottom:20px; overflow:hidden;}
.subtitle_ment span img.all{display:block; width:100%; float:none; padding:0;}


@media(max-width:1200px){
.subtitle_ment{font-size:170%;}
.subpage_title span.title_ment{font-size:110% !important;}
}


p.mobile_button{
	margin-top: 0px;
    color: #fff !important;
    font-size: 70% !important;
}
.buttonx{
	margin-top: 8px;
    display: block;
    font-size:200%;
}

.be_over{width:100%; height:auto; z-index:999999999; position:absolute;}



/*서브이미지*/

ul.subimage {display:block; width:100%;  height:auto; }
@media(max-width:1200px){
ul.subimage { margin-top:100px;}
}

ul.subimage li{overflow:hidden;}
ul.subimage li.default{display:block; width:100%; height:auto; transition: width 0.1s linear 0.1s;}
ul.subimage li.one{display:none; width:100%; height:auto; }
ul.subimage li.two{display:none; width:100%; height:auto; }
ul.subimage li.three{display:none; width:100%; height:auto; }
ul.subimage li.four{display:none; width:100%; height:auto; }
ul.subimage li.five{display:none; width:100%; height:auto; }
ul.subimage li.six{display:none; width:100%; height:auto; }
ul.subimage li.seven{display:none; width:100%; height:auto; }
ul.subimage li.eight{display:none; width:100%; height:auto; }
ul.subimage li.membership{display:none; width:100%; height:auto; }

ul.subimage li {display:block; width:1100px; margin:0 auto; height:auto;}

ul.subimage li .subpic{width:auto; height:150px; margin:0 auto; position:relative;}

ul.subimage li h5{position:absolute; width:1100px; margin-left:-550px; height:auto; top:50%; left:50%; overflow:hidden; margin-top:-55px; padding:20px 20px;}

ul.subimage li h5 span.title{display:block; color:#fff;  font-size:180%; font-weight:300 !important; padding-bottom:0px; letter-spacing:0px; text-align:center; /* text-shadow: 2px 2px 4px #000000; */}
ul.subimage li h5 span.subtit{display:block; color:#fff; font-size:350%; font-weight:100 !important; float:right; padding-bottom:0px;}
ul.subimage li h5 span.text span{ font-size:140%; }
ul.subimage li h5 span.text {display:block; clear:both; height:40px; overflow:hidden; font-size:98%; text-align:center;}
ul.subimage li h5 span.domain{clear:both; float:right; width:100%; height:35px; line-height:35px; text-align:right; margin-top:15px; color:#fff; overflow;hidden;}
ul.subimage li h5 span.domain em{display:block; width:100%;}

@media(max-width:1200px){
ul.subimage li h5 span.title{font-size:100% !important;}
ul.subimage li h5{position:absolute; width:100%; margin-left:0; height:auto; top:50%; left:0; overflow:hidden; margin-top:-20px; padding:20px 20px;}
ul.subimage li h5 span.text{font-size:70% !important;}
}


/*키워드*/
span.text em{display:block; border:0px solid #fff; padding:0px 0 0 0; border-radius:15px; color:#fff; font-size:110%; margin:0; font-weight:200; /* text-shadow: 2px 2px 4px #000000; */}
span.text em:hover{border-color:#010101; }






.sitemapbtn a{color:#fff;}

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

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

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




.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;}
}


#slideslogoban{border:1px solid #dbdbdb;}

/*menuholder*/
#menuholder{
    display: block;
    height: auto;
    border-top: 1px solid #ddd;
    border: 0;
    position: absolute;
    width: 100%;
    float: left;
    top: 0;
    right: 0px;
    z-index:0;
}
.menuholder{display:block;width:100%; position:relative; margin:0 auto;}
.mobilewide{display:none;}
.pcwide{display:block;}


/*tailmenubar*/
#tailmenubar {clear:both; width:100%;  padding:10px 0 0 0; background:#fff; border-bottom:1px solid #ccc;}
#tailmenubar .topmenuwrap{width:1100px; margin:0 auto;}
#tailmenubar ul.topmenu{display:inline-block; width:49%; height:auto; margin:0 auto; text-align:center; overflow:hidden;}
#tailmenubar ul.topmenu li{ float:left; padding:0 5px; line-height: 20px; height:auto; font-size:90%; text-align:center;border:0px solid #010101; padding:0 7px; margin:0 1px; color:#777;}
#tailmenubar ul.topmenu li a{display:block; width:100%;height:100%; color:#777;}

#tailmenubar ul.topmenu2{display:inline-block; width:49%; height:auto; margin:0 auto; text-align:center; overflow:hidden;}
#tailmenubar ul.topmenu2 li{display:inline-block; float:right; padding:0 5px; line-height: 20px; height:auto; font-size:90%; text-align:center;border:0px solid #010101; padding:0 7px; margin:0 1px;}
#tailmenubar ul.topmenu2 li a{display:block; width:100%;height:100%; color:#777;}


/*companyinfo*/
#companyinfo{clear:both; display:block; width:100%;  height:auto; background:#f8f8f8; position:relative;}
.companyinfo{width:1100px; height:auto; margin:0 auto; padding:20px 0; overflow:hidden;}

.companyinfo h1{float:left; position:relative; width:220px; margin:15px 0 !important; border-right:0px solid #555; padding-right:25px !important; }
.companyinfo h1 img{max-width:100%;}
.companyinfo ul.address{float:left; display:block; width:57%; height:auto; margin:10px 0 0 25px; position:relative; }
.companyinfo ul.address li{float:left; height:auto; padding-left:5px; margin-right:12px;margin-bottom:5px; color:#ccc; letter-spacing:0; font-size:95%; text-align:left;  color: #7a7d81;}
.companyinfo ul.address li a{color:#333;}

.companyinfo .kisa{float:right; display:block; width:13%; height:auto; margin:10px 0 0 0; }
.companyinfo .kisa img{width:50px; height:50px;}

.familysitelink {
    float: right;
    border: 0px solid #666;
    position: relative;
    width:18%;
    font-size: 90%;
    margin-top: 10px;
}



/*copyrightbar*/
#copyrightbar{clear:both; width:100%; height:auto; line-height:30px;background:#333; border-bottom:0px solid #ccc; border-top:1px solid #555; margin-top:0px;}
.copyrightbar{width:1100px;height:auto; margin:0 auto; text-align:center;}
.copyrightbar ul li.copyright{clear:both; display:block; margin-top:0px; color:#888; font-size:90%; text-align:center;}
.copyrightbar ul{display:block; width:100%;}
.copyrightbar ul li{display:inline-block; }
.copyrightbar ul li.total{float:left;}
.copyrightbar ul li.now{float:right;}
.copyrightbar ul li a{color:#ccc !important;}

/*visitbar*/
#visitbar{clear:both; width:100%; height:auto; line-height:30px; background:#ddd; color:#fff !important; overflow:hidden; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin-top:0px;}
.visitbar{width:1100px;height:auto; margin:0 auto; text-align:center;}
.visitbar ul{display:block; width:100%;}
.visitbar ul li{display:inline-block; }
.visitbar ul li.total{float:left;}
.visitbar ul li.now{float:right;}
.visitbar ul li a{color:#222;}


/*local*/
#local{display:block; width:100%;  height:auto; padding-top:50px;}
.local{width:1100px; height:auto; margin:0 auto;  margin-top:0px; }


#subpage{clear:both; margin-top:0px; background:none; overflow:hidden; padding:0px; z-index:99999999; /* box-shadow: 2px 2px 30px -11px #000; */}

@media(max-width:1200px){
#subpage{padding:10px;}
}


#subpage .localmenu{/* display:none;*/  float:left;width:234px;height:auto;margin-top:0px; margin-bottom:50px; }

#subpage .search_stamp_biz{display:none;}


@media(max-width:1200px){
#subpage .localmenu{display:none;}

}

#subpage .localmenu .left_slogan{
    width: 100%;
    height: 190px;
    line-height: 60px;
    background: url("/theme/henalhome/mobile/design/img/bg_leftmenutit.png") left top no-repeat;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size:120%;
}
#subpage .localmenu .menu{padding:0 10px 0 0;}
#subpage .localcontent{

	/*
    float: right;
    width: 100%;
    height: auto;
    min-height: 600px;
    margin-bottom: 50px;
    font-size: 115%;
    border-left:0px solid #dbdbdb;
    padding:0;
    position:relative;
    */


    float: right;
    width: 830px;
    height: auto;
    min-height: 700px;
    margin-bottom: 50px;
    padding-right:0px;
	position:relative;
	margin-top:0px;
	font-size: 105%;
    
}
@media(max-width:1200px){
#subpage .localcontent{float:none; width:100%; margin-bottom:0px;}

}

/*서브타이틀*/
.main_textbox{/*position:absolute; left:50%; top:150px; margin-left:-280px; width:555px;*/}
.section-title {font-family: Times, 'Times New Roman', serif;font-size: 30px;color: #222;text-align: center;line-height: 1.33;margin: 0 0 .6em;-ms-word-break: keep-all;word-break: keep-all;}
.section-desc {
    font-family: Times, 'Times New Roman', serif;
    font-size: 120%;
    line-height: 1.33;
    font-style: italic;
    text-align: center;
    color: #ccc;
    margin: 0 0 2em;
    font-weight: 500;
    -ms-word-break: keep-all;
    word-break: keep-all;
}





/*localmenu*/
.localmenu {display:block;width:100%;height:auto;}
.localmenu .menu h3{display:block; font-size:120%; color:#666; padding:5px 0; border-bottom:0px solid #dae8f1;}
.localmenu .menu {display:block;width:100%;height:auto;margin-top:0px;} /*상담으로 올리기*/
.localmenu .menu ul.depth1 li.depth1{display:none; width:100% !important; height:auto; line-height:50px;} /*로컬타이틀대체*/
.localmenu .menu ul.depth1 li.depth1 a{display:block;width:100%; height:100%;}
.localmenu .menu ul.depth1 li.depth1 a.depth1{
	background:#84b31d;
	color:#fff;
	text-align:center;
	height:180px;
	padding:0;
	border-radius:0;
	margin-top:0;
	position:relative;
	overflow:hidden;
	/*
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
	*/
}
.localmenu .menu ul.depth1 li.depth1 a.depth1 span{font-size:160%; height:180px; line-height:31px; padding:65px 0; display:block; background:url("/theme/henalhome/design/img/bg_leftmenutit.png") center center no-repeat; }
.localmenu .menu ul.depth1 li.depth1 a.mobilemenu{display:none;}
.localmenu .menu ul.depth1 li.depth1 a b{display:none;} 
.localmenu .menu ul.depth1 li.depth1 a.depth1 span b.ionic_hidden{
display:none;
position:absolute;
right:-20px;
bottom:-20px;
opacity:0.4;
font-size:500%;
}

.localmenu .menu ul.depth2{clear:both;}
.localmenu .menu ul.depth2 li.depth2 {display:block; width:100%; height:auto; line-height:26px; border:1px solid #ccc; margin:3px 0; }
.localmenu .menu ul.depth2 li.depth2:last-child{}

.localmenu .menu ul.depth2 li.depth2 a.depth2 {display:block; width:100%; height:auto; color:#777; background:#fff; text-indent:25px; padding:5px 0; font-size:100%; background:url("/theme/henalhome/design/img/arrow_menu.png") 180px center no-repeat; position:relative;
-webkit-transition-property:color, background; 
-webkit-transition-duration: 0.3s, 0.3s; 
-webkit-transition-timing-function: linear, ease-in;
}
.localmenu .menu ul.depth2 li.depth2 a.depth2:before{
content: '';
    display: block;
    width: 3px;
    height: 3px;
    background-color: #666666;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -2px;
}

.localmenu .menu ul.depth2 li.depth2 a.littetext { font-size:95%;}

.localmenu .menu ul.depth2 li.depth2 a.depth2:hover {display:block; width:100%; height:auto; color:#010101; background:#e1effb url("/theme/henalhome/design/img/arrow_menu_on.png") 180px center no-repeat !important;}
.localmenu .menu ul.depth2 li.depth2.on a.depth2 { color:#010101;  text-indent:25px; background:#f5f5f5 url("/theme/henalhome/design/img/arrow_menu_on.png") 190px center no-repeat;}


.localmenu .menu ul.depth2 li.depth2 a.admin{background:#333; color:#fff;}
.localmenu .menu ul.depth2 li.depth2 a.admin:hover{background:#ff0; color:#333;}

.localmenu .menu ul.depth3{display:block; clear:both; padding:0;}
.localmenu .menu ul.depth3.on{display:block;}
.localmenu .menu ul.depth3 li.depth3 {display:block; width:100%; height:auto; line-height:20px; text-indent:30px; padding:3px 0; border-top:1px solid #dbdbdb; background:#fff; position:relative;}
.localmenu .menu ul.depth3 li.depth3.end {border-bottom:none;}
.localmenu .menu ul.depth3 li.depth3 a.depth3{display:block; width:100%;height:100%; color:#999; font-size:90%; font-weight:normal; text-indent:35px;}
.localmenu .menu ul.depth3 li.depth3 a.depth3:before{
content: '';
    display: block;
    width: 5px;
    height: 1px;
    background-color: #666666;
    position: absolute;
    top: 50%;
    left: 27px;
    margin-top: -2px;

}
.localmenu .menu ul.depth3 li.depth3:hover{ background:#f9f9f9;}
.localmenu .menu ul.depth3 li.depth3 a.depth3:hover { color:#81aa46;}

.localmenu .menu ul.depth3 li.depth3.on a.depth3 { color:#81aa46;}
.localmenu .menu ul.depth3 li.depth3.on a.depth3:hover { color:#81aa46;}

.localmenu .cscenter{width:100%; height:auto; border:1px solid #ddd; overflow:hidden; margin:0px 0; background:#fff; padding:15px;}
.localmenu .cscenter .subtitle{padding:0;}
.localmenu .cscenter .subtitle h6{font-size:140%; margin-bottom:10px;}
.localmenu .cscenter .subtitle strong {
	display: block;
	color: #999;
	font-size: 120%;
	font-weight:normal;
	padding:10px;
	text-align:center;
}
.localmenu .cscenter .subtitle span.csnumber{display:block; width:100%; height:auto; line-height:90%;  font-weight:bold; color:#010101; text-align:left; font-size:150%;  font-weight:900;}
.localmenu .cscenter .subtitle span.time{display:block; width:100%; font-size:110%; padding:5px 0 0 0; text-align:left; color:#000;  letter-spacing:-1px; position:relative;}
.localmenu .cscenter .subtitle span.direct{display:block; width:100%; font-size:95%; padding:15px 0 0 0; text-align:left; color:#222;position:relative;}
.localmenu .cscenter .subtitle span.direct b.tit{display:block; }
.localmenu .cscenter .subtitle span.direct b.num{display:block; margin-bottom:5px; text-indent:0px; letter-spacing:0px; font-size:95%;}


.localmenu ul.subworktime {clear:both; margin:10px 0; display:block; width:100%; height:auto;}
.localmenu ul.subworktime li p.text{ display:block; width:100%; height:30px; font-size:80%; text-align:left; margin-bottom:5px;}
.localmenu ul.subworktime li p.text b{font-size:120%; color:#222;}
.localmenu ul.subworktime li p.text{ display:block; width:100%; height:30px; line-height:30px; font-size:80%; text-indent:30px; text-align:left; }
.localmenu ul.subworktime li p.text.call{text-indent:0px;}
.localmenu ul.subworktime li p.text.kakao{  }
.localmenu ul.subworktime li p.text.nate{  }
.localmenu ul.subworktime li p.text b{font-size:120%; color:#222;}
.cafe{clear:both; display:block; width:100%; height:auto; border:1px solid #777; margin-top:10px; }
.cafe a{display:block; color:#fff;}
.cafe a span.subtitle{display:block; font-size:85%; width:90%; height:22px; line-height:22px; margin:0 auto; text-align:center; border-bottom:1px solid #fff;}
.cafe a span.title{display:block; width:90%; height:40px; line-height:40px; margin:0 auto;}
.cafe a span.title b{font-size:200%;}
.localmenu ul.leftquickmenu{
display:block; 
width:100%; 
height:96px;  
margin:5px 0; 
}
.localmenu ul.leftquickmenu li{float:left; width:50%; height:96px; line-height:96px;text-align:center; font-size:90%; color:#fff; font-weight:bold;}
.localmenu ul.leftquickmenu li a{display:block; width:100%; height:100%; text-align:center; font-size:90%; color:#333; font-weight:bold;}
.localmenu ul.leftquickmenu li a span{line-height:140px;}
.localmenu ul.leftquickmenu li.maintenance{display:block;  margin-right:1%;}
.localmenu ul.leftquickmenu li.maintenance:hover{background:#83c9b5;}
.localmenu ul.leftquickmenu li.faq{display:block; background:#fe8787;margin-right:1%;}
.localmenu ul.leftquickmenu li.faq:hover{background:#e46262;}
.localmenu ul.leftquickmenu li.blog{display:block; background:#f8bd31;}
.localmenu ul.leftquickmenu li.blog:hover{background:#dba015;}

.localmenu .customer_service{}
.localmenu .customer_service h5{font-size:120%; color:#bf9008}
.localmenu .customer_service ul{text-align:center;}

.localmenu .customer_service ul li{
	display:block;
    width:100%;
    height:auto;
    text-align: left;
    padding:0px;
    margin-top:0px;
}
.localmenu .customer_service ul li span{float:right;}
.localmenu .customer_service ul li ion-icon{
    font-size: 161%;
    margin-bottom: -5px;
}

/*localmenu end*/







/*sidemenu*/
#sidemenu{
/*position:fixed; left:-174px; top:0; */ float:left; display:block; background:#fff; z-index:999999999999; }
.sidemenu{display:block; height:100%; position:relative;}



/*position*/
.position {width:100%; height:auto; margin:0 0 0px; border-bottom:0px solid #efefef;}

.position h3.pagetitle {display:none; float:left; width:33%; height:auto;  font-size:125%; color:#333; text-align:left;}
.subpagetit {
    display: inline-block;
    line-height: 40px;
    font-size: 105%;
    text-indent: 10px;
    
}
.position ul{ 
	float:left;
    display: block;
    width:40%;
    line-height: 40px;
    /* margin-top: 20px; */
    background: #fff;

}

.position ul li{display:block;float:right; padding:0 0px; margin:0 0px; color:#B2B2B2; }
.position ul li.home{padding-left:20px; }
.position ul li.end{color:#333; font-size:100%;}
.position ul li a{display:block;width:100%;height:100%;}

@media(max-width:1200px){
.position ul {width:70%;}
}

/*position end*/

/*로케이션*/
.locationbox{width:100%; height:23px; margin:0px 0 30px 0; z-index:999; right:0; }
.locationbox .backhome{
float:left;
font-size:90%;
width:23px;
height:23px;
line-height:23px;
text-align:center;
margin:0;
padding:0;
background:#010101;
border-radius:50%;
}

.locationbox .backhome i{
color:#fff;
}



/*1차*/
.locationbox ul li.location1{float:right; width:50%; padding: 0px; border:0px solid #010101; z-index:99999;}
li.location1{position:relative; border-right:0px solid #dbdbdb; height:23px; padding:0 10px;}
li.location1 p.menuname1{
width:100%;
height: 23px; 
line-height: 23px !important; 
font-size:90%;
background: url("/theme/henalhome/design/img/down_icon.png") right center no-repeat;
color: rgb(51, 51, 51); 
overflow: hidden; 
cursor: pointer; 
margin:0 auto;
text-indent:10px;
text-align:left;
}
li.location1 ul.depth1 {display:none; width:100%; margin-top:10px; z-index:99999999999; }
li.location1 ul.depth1 li.depth1{display:none; width:100% !important;} 

li.location1 ul.depth1 li.depth1 a.depth1{display:none;}
li.location1 ul.depth1 li.depth1 a.mobilemenu{display:none;}

li.location1 ul.depth1.on {
	display:block; 
	width:100%;
	height:auto;
	overflow:hidden; 
	float:none; 
	position:absolute; 
	top:40px; 
	left:0; 
	z-index:999999999;
	background:#fff;
	border-top:2px solid #333;
	border-bottom:2px solid #333;
}
li.location1 ul.depth2 {width:100%; height:auto; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb;}
li.location1 ul.depth2 li.depth2 {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #dbdbdb;
    padding: 0 0px;
    text-align:center;
}
li.location1 ul.depth2 li.depth2 a{font-size:90% !important;}

/*2차*/
.locationbox ul li.location2{float:right; width:50%; padding: 0px; border:0px solid #f3f; z-index:99999;}
li.location2{position:relative; border-right:0px solid #dbdbdb; height:23px; padding:0 10px;}
li.location2 p.menuname2{
width:100%;
height: 23px; 
line-height: 23px !important; 
font-size:90%;
background: url("/theme/henalhome/design/img/down_icon.png") right center no-repeat;
color: rgb(51, 51, 51); 
overflow: hidden; 
cursor: pointer; 
margin:0 auto;
text-indent:10px;
text-align:left;
}
li.location2 ul.depth1{display:none; width:100%; margin-top:10px; border: 1px solid #dbdbdb; border-bottom:0;}
li.location2 ul.depth1 li.depth1{
    display: block;
    width: 100% !important;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #dbdbdb;
    padding-left:10px;
} 
li.location2 ul.depth1 li.depth1 a.depth1{display:block; font-size:90% !important; z-index:99999999999;}
li.location2 ul.depth1 li.depth1 a.mobilemenu{display:none;}
li.location2 ul.depth1 li.depth1:nth-child(1){display:none}

li.location2 ul.depth1.on {
	display:block; 
	width:100%;
	height:auto;
	overflow:hidden; 
	float:none; 
	position:absolute; 
	top:40px; 
	left:0; 
	z-index:999999999;
	background:#fff;
	border-top:2px solid #333;
	border-bottom:2px solid #333;
}
li.location2 ul.depth2 {width:100%; height:auto;}
li.location2 ul.depth2 li.depth2 {display:none; float:none;}


/*sns 쉐어버튼*/

#box{position:relative;}


/*올메뉴*/
#allmenu{
display:block; 
clear:both;
width:100%;
height:auto;/*높이일괄*/
border-top:0px solid #efefef; 
border-bottom:3px solid #222; 
z-index:999999999999999;
padding:0 0 0px 0;
background:#555; 
}
.allmenubg{
width:100%;
height:200px;/*높이일괄*/
background:#222;  
opacity:0.7;
}
.allmenu{width:100%; height:auto; padding:10px 0; }
.allmenu h3{display:block; text-align:center; padding-bottom:30px; font-size:250%; color:#777; margin-top:18px;}

.allmenu ul.depth1 {float:none; display:block; width:100%; height:auto; text-align:center; margin-right:48px;}
.allmenu ul.depth1 li.depth1{
	float: none;
    display: inline-block;
    width: 33%;
    height: auto;
    margin: 0;
    position: relative;
    border: 0;
    padding-left: 20px;
    padding-bottom:30px;
} 
.allmenu ul.depth1 li.depth1 a.depth1{display:block;/*1차막기*/ text-align:left; color:#555; font-size:150%; font-weight:600; padding-bottom:5px; border-bottom:1px solid #666; margin-bottom:10px;}
.allmenu ul.depth1 li.depth1 a.mobilemenu{display:none;}

@media(max-width:1200px){
.allmenu ul.depth1 li.depth1{width:48%; padding:0;}
.allmenu ul.depth1 li.depth1 a.depth1 {margin-top:20px;}

}



.allmenu ul.depth2 {display:block; width:100%; height:auto; z-index:999999; color:#333; }
.allmenu ul.depth2 li.depth2 {display:block; width:100%; height:auto; line-height:25px; border-bottom:1px solid #dbdbdb; font-size:105%;}
.allmenu ul.depth2 li.depth2 a.hdbtn{display:block;}
.allmenu ul.depth2 li.depth2 a.depth2 {display:block; width:100%; height:100%; text-align:left; text-indent:0px; color:#333; }
.allmenu ul.depth2 li.depth2.on a.depth2 {color:#68dffd; font-weight:900;}

.allmenu ul.depth2 li.depth2 a.depth2 span.totalpost{display:none; border-radius:3px; background:#243286; color:#777; padding:0 3px; text-align:center;} /*토탈*/
.allmenu ul.depth2 li.depth2:hover a.depth2{color:#010101;}
.allmenu ul.depth2 li.depth2 b{color:#01a8ba; margin-right:3px;}
.allmenu ul.depth3 {display:block; width:100%; height:auto;line-height:21px; margin:0 auto;}

.allmenu ul.depth3 li.depth3 {display:block; width:100%; height:18px; line-height:18px; text-align:left;}
.allmenu ul.depth3 li.depth3 a.depth3{display:block; width:100%; height:100%; color:#777; font-size:11px; text-indent:13px; font-weight:normal; }
.allmenu ul.depth2 li.depth3:hover a.depth3{color:#68dffd;} 

.allmenu ul.depth1 li.mmenu00{display:none;}
.allmenu ul.depth1 li.mmenu08{border:0; }
.allmenu ul.depth1 li.mmenu09{display:none; }


/*devicechange*/
.changedevice{display:none; padding:10px 0;}

.mk-toggle-button, .toggle-handle {
    border-radius: 40px;
    background-clip: padding-box;
    transition: all 0.1s ease-in-out 0s;
}

.mk-toggle-button {
    display: block;
    background-color: #BBB;
    width: 60px;
    height: 28px;
    cursor: pointer;
    position: relative;
    -moz-user-select: none;
	margin:0 auto; /*상하*/
}

.mk-toggle-button span{font-size:75%; color:#222;}
.mk-toggle-button span.pc{position:absolute; left:-30px; top:10px;}
.mk-toggle-button span.mobile{position:absolute; right:-50px; top:10px;}
.mk-toggle-button span.pc.on{color: #14A5ED;}


.mk-toggle-button a{display:block; width:100%; height:100%;}

.mk-toggle-button.on {
    background-color: #14A5ED;
position:relative;
}

.mk-toggle-button .toggle-handle {
    width: 22px;
    height: 22px;
    background-color: #FFF;
    position: relative;
    display: block;
    left: 3px;
    top: 3px;
}
.mk-toggle-button.on .toggle-handle {
    right: 34px;
}

.mk-toggle-button, .toggle-handle {
    border-radius: 40px;
    background-clip: padding-box;
    transition: all 0.1s ease-in-out 0s;
}

b.devicepc{float:left; color:#333; text-align:right; display:block;}
b.devicemobile{float:right; color:#333; text-align:left; display:block;}
/*changedevice*/





/*scroller*/
.leftscroller{position:absolute; left:0px; top:145px; width:102px; z-index:999;}
.rightscroller{position:absolute; right:0px; top:145px; width:145px; z-index:999;}

/*컨텐츠 내용*/
#ctt{padding:0; border:0;}
ul.contentsimg{clear:both; overflow:hidden; display:block; width:100%; padding-bottom:30px;}
ul.contentsimg li{float:none; width:100%; }
ul.contentsimg li.center{text-align:center;}
ul.contentsimg li.title{clear:both; display:block; float:none; width:100%;}
ul.contentsimg li.title h5.maptitle{font-size:130%;  padding-bottom:20px;}

ul.contentsimg li.title img{display:inline-block;}
ul.contentsimg li.pic img{display:block; padding-top:100px;}
ul.contentsimg li.p65 img{display:block; padding-top:65px;}
ul.contentsimg li img{display:block; margin:0 auto; padding-top:0px;}

ul.contentsimg li:nth-child(1){margin-bottom:30px;}

ul.subpagetab{margin-bottom:20px; font-size:110%; padding-bottom:30px; overflow:hidden; text-align:center;}
ul.subpagetab li{display:inline-block; margin:0 5px; border:1px solid #efefef; background:#fff; padding:0 2%; border-radius:3px;}
ul.subpagetab li a{display:block; width:100%; height:100%; font-size:115%; color:#333 !important; padding:10px 20px; text-align:center;}



ul.subpagetab li.on {border:1px solid #ebebeb; background:#333;}
ul.subpagetab li.on a{ color:#fff !important; }
ul.subpagetab li:hover{border:1px solid #ebebeb; background:#ebebeb;}
ul.subpagetab li:hover a{color:#fff !important;}




/*컨텐츠내용*/
ul.henal_contents {text-align:center;}
ul.henal_contents h4{
	color: #00a99c; /* #00adef */
    
    font-size: 232%;
    line-height: 110%;
    padding-bottom: 20px;
    text-transform: uppercase;
}
ul.henal_contents li{width:100%; display:inline-block; text-align:left; margin-top:50px;}
ul.henal_contents li h5.title{background:#00adef; color:#fff; padding:5px 10px; display:inline-block; box-shadow: 2px 2px 4px #dbdbdb; margin:20px 0;}

ul.henal_contents li.all{width:100%;}
ul.henal_contents li.left{float:left;}
ul.henal_contents li.right{float:right;}


ul.henal_contents li p.title{color:#222; font-size:160%;  padding-bottom:10px;  }
ul.henal_contents li p.text{/* color:#333; font-size:110%; line-height:1.5em !important; */}

@media(max-width:1200px){
ul.henal_contents li{width:100%;}
ul.henal_contents h4{font-size:125%;}

ul.henal_contents li.all a{
	padding-top: 20px;
    display: block;
}


}























/*검색*/
.search-wrapper {
	position: absolute;
    transform: translate(0, 0);
    top:27px !important;
    right: 0;
    z-index: 9;
}



.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 #ddd;
    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: #333; /*돋보기손잡이*/
}
.search-wrapper .input-holder .search-icon span::after {
    width: 16px;
    height: 16px;
    left: 3px;
    top: -2px;
    border-radius: 50%;
    border: 4px solid #333;/*돋보기*/
}

/*닫기*/
.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){
		
}


























































































/*컨텐츠 내용 코딩용 틀*/
#ctt{padding:0;}
ul.contentscoding{display:block; clear:both; overflow:hidden;}
ul.contentscoding li.half{float:left; width:50%; height:auto; overflow:hidden;}

ul.contentscoding li.all{float:none; clear:both; width:100%; height:auto;}
ul.contentscoding li.pagetitle{float:none; display:block; width:100%; padding:20px 0;}
ul.contentscoding li.pagetitle .title{float:none; display:block; width:100%; font-size:200%; color:#222; font-size:200%; letter-spacing:-1px; font-weight:300; text-align:center;}
ul.contentscoding li.pagetitle .title b{color:#ec8b8d; font-weight:700; }
ul.contentscoding li.pagetitle .sub_title{float:none; display:block; width:100%; padding-top:5px; font-size:130%; color:#555; letter-spacing:-1px; font-weight:100; text-align:center;}

ul.contentscoding li .textimg{text-align:center;}


#context{padding:20px 10px;}
#context .row{padding:10px 0;}
#context .single-service i{font-size:400%;}
#context .feature-inner{}
#context .itemline {padding-bottom:30px; overflow:hidden;}
#context .feature-inner .icon-wrapper{
    width: 100px;
    height: auto;
    text-align: center;
    border: 1px solid #dbdbdb;
    margin: 0 auto;
    display: block;
    padding:20px;
    font-size:250%;
}
#context .feature-inner h3.icon-wrapper{}
#context .feature-inner h3.icon-wrapper{}

#context h2 {
    margin-bottom: 0px;
    padding-top: 0px;
    font-size: 190%;
    font-weight:800;
    /* color: #686868; */
}



#context h2 b{font-size:160%; font-weight:100; display:block; }
#context h3 {
    margin-bottom: 25px;
    margin-top: 0;
    font-size: 18px;
    color:#333;
    font-weight:bold;
}
#context h4 {
    margin-bottom: 25px;
    margin-top: 0;
    padding:10px 0;
    /* color: #686868; */
}

#context h3.icontitle {
    margin-bottom: 25px;
    margin-top: 15px;
    font-size: 120%;
    text-align:center;
    color: #333;
    font-weight:bold;
}
#context .item{display:block; padding:10px 0;}
#context p{color:#777; padding-bottom:50px; height:auto;}
#context ul.elements{color:#666;}
#context ul.elements li {
	display:block;
	width:100%;
    margin: 6px 0;
}
#context ul.elements li > i {
    color: #010101;
    display: inline-block;
    margin-right: 10px;
}

#context ul.elements li ul li{font-size:95%; color:#777; padding-left:20px;}


#context .post-bottom {
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    padding:10px 0;
    margin: 20px 0;
    overflow:hidden;
}
#context .navbar-nav.post-nav li {
    margin-right: 60px;
}


#context .navbar-nav>li {
    float: left;
}

#context .nav>li {
    position: relative;
    display: block;
}

#context .post-nav li a i {
    color: #010101;
    margin-right: 8px;
}



ul.contentscoding li img{max-width:100%;}




@media(max-width:1200px){
ul.contentscoding li .text-center{margin-bottom:10px;}
}



/*sidebar*/
nav.sidebar{display:none;}

/*sidebar end*/





/* sidebar */

.sidebar-show {
    overflow: hidden;
}

.sidebar,
.sidebar-btn,
.menu-stripes,
.content {
    transition: transform .5s ease-in-out;
}

.content {
    margin-top: 0px; /* height of sidebar-btn + 10 */
}

.content.sidebar-show:before {
    content: "";
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 5000;
    overflow: hidden;
}

.sidebar {
	display:none;
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    height: 100%;
    background: #010101;
    color: #333;
    transform: translate(-300px);
    z-index: 999999999;
}

.sidebar.show {
    transform: translate(0);
    overflow-y: auto;
}

.sidebar-btn {
    position: fixed;
    height: 40px;
    width: 40px;
    background-color: #010101; /*  #010101  */
    border: 0;
    border-radius: 99px;
    top: 10px;
    left:10px;
    transform: translate(10px);
    z-index: 5002
}

.sidebar-btn.sidebar-show {
    transform: translate(220px);
}

.menu-stripes {
    position: relative;
    height: 4px;
    width: 15px;
    margin: 2px auto;
    background-color: #FFF;
    border-radius: 5px;
}

.sidebar-btn.sidebar-show .menu-stripes {
        margin: -3px auto;
    }
    .sidebar-btn.sidebar-show .menu-stripes:nth-child(1) {
        transform: rotate(45deg);
    }
    .sidebar-btn.sidebar-show .menu-stripes:nth-child(2) {
        display: none;
    }
    .sidebar-btn.sidebar-show .menu-stripes:nth-child(3) {
        transform: rotate(-45deg);
    }

.sidebar-btn:not(.sidebar-show):hover > .menu-stripes {
    animation: hoverButton .4s infinite;
}

@keyframes hoverButton {
    0%   {left: 0}
    33%  {left: -1px}
    66%  {left: 6px}
    100% {left: 0}
}


/* Submenu */

.menu {
    border-bottom: 0px solid #EEE;
}

.menu-btn,
.menu-link {
    outline: 0 !important;
}

.menu-link {
	display: inline-block;
    transition: color .2s;
}

.menu-link:hover {
    color: #2e86c1 ;
}

.menu-btn {
    transition: background .2s, color .2s;
}

.menu-btn:hover {
    background: #fff;
    color: #333;
}


.menu-toggle-btns {
    position: relative;
}

    .menu-toggle-btns > .menu-link {
        width: 246px;
    }

.depth1 a {
    color: #333;
}

.depth1 > li {
    border-top: 0px solid #EEE;
}

.depth1 .menu-link {
    padding: 15px 20px;
}

.menu-level2 {
    background: #F4F4F4;
}

    .menu-level2 .menu-link {
        padding: 15px 15px 15px 30px;
    }
    .menu-level2 > li + li {
        border-top: 1px solid #E9E9E9;
    }

    .menu-level2 .menu-btn {
        border-color: #E9E9E9;
    }

    .menu-level3 {
        background: #E5E8E8;
    }

        .menu-level3 .menu-link {
            padding: 15px 15px 15px 45px;
        }

.menu-btn {
    display: inline-block;
    /*
    position: absolute;
    top: 0;
    right: 0;
    */
    width: 100%;
    height: 100%;
	padding: 19px 0;
    border-left: 1px solid #EEE;
    text-align: center;
    line-height: 1;
}

.menu-btn > div {
	display: inline-block;
    font-weight: bold;
    transition: transform .2s ease-in-out;
}

.menu-btn.active > div {
    transform: rotate(45deg);
}

.submenu {
    display: none;
}



/*팝업창 버튼 위치변경*/
.hd_pops {padding-bottom:47px; border:0; border-radius:10px; overflow:hidden;}
.hd_pops_footer {position:absolute; bottom:0; background:#333; width:100%;}
.hd_pops_footer button{border-radius:5px; background:#fff; border:1px solid #ccc; color:#333;}

#hd_login_msg{display:none;}
#ctt{border:0;}


.latest_jw_ga_bbs_01_box .latest_jw_ga_bbs_01_cop .cop_txt .txt_gry{display:none;}

a.carousel-control{z-index:99999999;}




/*서비스소개*/
section#services{padding:20px 0; font-weight:normal; overflow:hidden;}
.section_heading {
    padding: 10px 30px;
    border: 5px solid #8ec549;
    border-radius:20px;
}

.section_heading h2 {
    border-bottom: 1px solid hsl(0, 0%, 75%);
    display: inline-block;
	font-size:165%;
    line-height: 40px;
    margin-bottom: 5px;
    margin-top: 0;
    position: relative;
    text-transform: uppercase;
}
.section_heading h2 i {
    font-size:90% !important;
}

.section_heading h2.subtit {
font-size:130%;
line-height: 34px;
padding:0;
margin-bottom:10px;
width:100%;
}

.section_heading h4 {
font-size:310%;
    font-weight: 300;
    line-height: 45px;
    margin: 0;
    padding: 0 0 0px;
    color: #555454;
}


.section_heading h4.greetingstit{font-size:140%;}
.section_heading h4 span.pay{display:block; color:#777; font-size:16px;}
.section_heading p.text{font-size:110%; font-weight:normal;}


.section_heading h4 b{margin-right:10px;}
.section_heading h4 b.leasing{color:#8ec549;}
.section_heading h4 b.common{color:#23B2F2;}
.section_heading h4 b.custom{color:#eb1d5d;}



.services_detail ul li {display:block; overflow:hidden; height:auto; font-size:180%;}
.services_detail ul li span{float:left; display:block; margin-right:10px; height:35px; line-height:35px; font-size:18px; color:#111;}
.services_detail ul li h5{float:left; display:block; height:35px; line-height:35px; font-size:18px; color:#222; font-weight:bold;}
.services_detail ul li p{clear:both; display:block; margin-top:10px; font-size:14px; color:#666;}

.services_detail ul li p b.leasing{color:#8ec549;}
.services_detail ul li p b.common{color:#23B2F2;}
.services_detail ul li p b.custom{color:#eb1d5d;}

i.leasing{color:#8ec549 !important;}
i.common{color:#23B2F2 !important;}
i.custom{color:#eb1d5d !important;}

.leasing{color:#8ec549 !important;}
.common{color:#23B2F2 !important;}
.custom{color:#eb1d5d !important;}



.about_us_img {
  
  text-align: center;
  margin: 0 auto;
  position: relative;
}

.about_us_img img{height:300px;}

.about_us_detail > ul {
  margin: 0;
  padding: 0;
}
.about_us_detail li {
  display: inline-block;
  float: left;
  font-size: 13px;
  line-height: 20px;
  list-style: outside none none;
  margin: 0 15px 40px 15px;
  width: 45%;
}




.about_us_detail i {
  font-size: 30px;
  padding-right: 10px;
  color:#ffa200;
}

.about_us_detail {
  margin-top: 50px;
  overflow: hidden;
}

.about_us_detail h6{font-size:22px;}

.app_screenshot {
  float: left;
  padding: 10px;
  width: 25%;
}

.panel-group .panel {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0;
  border-color:#e5e5e5;
  border-image: none;
  border-radius: 0;
  border-style: none none solid;
  border-width: medium medium 1px;
  box-shadow: none;
  margin-bottom: 26px;
  padding: 20px 0;
}

.panel-heading {
  position:relative;
  padding:0;
}
.panel-title a {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 0%);
  display: block;
  font-size: 24px;
  line-height: 30px;
  padding: 10px 10px 10px 60px;
  text-decoration: none;
  font-weight:400;
}

.panel-title a.collapsed {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 0%);
}
.font-icon-m {
  float: left;
  left: 0;
  position: absolute;
  top: 0;
}
.font-icon-m i.fa {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 0%);
  font-size: 24px;
  height: 50px;
  line-height: 39px;
  padding: 7px;
  text-align: center;
  width: 47px;
}
.panel-title a.collapsed .fa-plus-circle {
  display: block;
}
.panel-title a .fa-plus-circle{
  display: none;
}
.panel-title a .fa-minus-circle {
  display: block;
}
.panel-title a.collapsed .fa-minus-circle {
  display:none;
}
.panel-body {
  background-color: hsl(0, 0%, 100%);
  padding: 20px 0 0 60px;
}
.panel-body p {
  color: hsl(0, 1%, 33%);
  margin-bottom: 20px;
}
#accordion1.panel-group {
  margin-bottom: 90px;
}
.container{width:100%;}


.screenshot_slider {
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 100px;
}


/*제작비용*/



/*table*/
.howmuch{border-collapse:collapse;width:100%; font-size:13px; font-weight:normal; line-height:24px; color:#333;margin:0px 0 30px 0; border-top:2px solid #555; border-bottom:3px solid #555;}
.howmuch td{padding:10px 20px; border-top:1px solid #bbb;}
.howmuch td.cost{text-align:right; color:#f50; background:#f8f8f8;}
.t_title{background:#f8f8f8; text-align:center; width:35%;}
.t_title2{border-left:1px solid #555; background:#ebebeb; text-align:center;}

.costtitle{display:block; width:100%; height:auto; background:#8ec549; color:#fff; padding:10px 30px; font-size:140%;}
.costtitle.common{background:#23B2F2; color:#fff !important;}
.costtitle.custom{background:#eb1d5d; color:#fff !important;}

.modifications{display:block; width:100%; height:auto; background:#333; color:#222; padding:10px 30px; font-size:140%;}
.modifications.common{background:#23B2F2; color:#fff !important;}
.modifications.custom{background:#eb1d5d; color:#fff !important;}

.container{width:100%;}




/*table*/
.alltable{border-collapse:collapse;width:100%; font-size:13px; font-weight:normal; line-height:24px; color:#333;margin:0px 0 30px 0; border-top:2px solid #555; border-bottom:3px solid #555;}
.alltable td{padding:3px 20px; border-top:1px solid #bbb;}
.alltable td.cost{text-align:right; color:#f50; background:#f8f8f8;}
.alltable th.gap{width:16%;padding:10px 20px; border-top:1px solid #bbb;}
.alltable .t_title{width:auto; text-align:left; color:#222;}
.alltable .t_title2{border-left:1px solid #555; background:#ebebeb; text-align:center;}
.alltable .costtitle{display:block; width:100%; height:auto; background:#8ec549; color:#fff; padding:10px 30px; font-size:140%;}



 

/*--
	제작절차
--*/
#service {
  text-align: center;
  padding: 50px 0;
}
#service .service-item {
	height:330px;
  padding-bottom: 30px;
}
#service .service-item i {
  font-size: 60px;
  color: #4A4656;
}
#service .service-item h4 {
  padding-top: 20px;
  margin: 0;
  color: #666;
  font-size:160%;
}
#service .service-item p {
  color: #888;
  padding-top: 10px;
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
}







/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section_heading.process {padding-top:30px; text-align:center;}

.timeline ul {
  background: #fff;
  padding: 50px 0;
}

.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 1px;
  margin: 0 auto;
  padding-top: 50px;
  background: #333; /*세로줄*/
}

.timeline ul li::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: inherit;
}

.timeline ul li div {
  position: relative;
  bottom: 0;
  width: 350px;
  padding: 15px;
}

/*
.timeline ul li:nth-child(odd) div {
  background: #ccc; 
}
*/

.timeline ul li div::before {
  content: '';
  position: absolute;
  bottom: 7px;
  width: 0;
  height: 0;
  border-style: solid;
}



/*
.timeline ul li:nth-child(odd) div {
  left: 45px;
}
.timeline ul li:nth-child(odd) div::before {
  left: -15px;
  border-width: 8px 16px 8px 0;
  border-color: transparent #ccc transparent transparent; 
}

.timeline ul li:nth-child(even) div {
  left: -390px; 
}
.timeline ul li:nth-child(even) div::before {
  right: -15px;
  border-width: 8px 0 8px 16px;
  border-color: transparent transparent transparent #333; 
}
*/


.timeline ul li.we div {
  left: -390px !important; /*오른쪽 말풍선 가운데로부터 거리*/
  background: #333; /*전체 말풍선 배경*/
}
.timeline ul li.we div::before {
  right: -15px;
  border-width: 8px 0 8px 16px;
  border-color: transparent transparent transparent #333; /*오른편 말풍선 가시*/
}

.timeline ul li.you div {
  left: 45px; /*왼쪽 말풍선 가운데로부터 거리*/
  background: #dbdbdb; /*전체 말풍선 배경*/
}
.timeline ul li.you div::before {
  left: -15px;
  border-width: 8px 16px 8px 0;
  border-color: transparent #dbdbdb transparent transparent; /*왼편말 풍선 가시*/
}



time {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
}



/* EFFECTS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline ul li::after {
  transition: background .5s ease-in-out;
}

.timeline ul li.in-view::after {
  background: #F45B69;
}

.timeline ul li div {
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease-in-out;
}


/*
.timeline ul li:nth-child(odd) div {
  transform: translate3d(200px, 0, 0);
}

.timeline ul li:nth-child(even) div {
  transform: translate3d(-200px, 0, 0);
}
*/


.timeline ul li.you div {
  transform: translate3d(200px, 0, 0);
}

.timeline ul li.we div {
  transform: translate3d(-200px, 0, 0);
}




.timeline ul li.in-view div {
  transform: none;
  visibility: visible;
  opacity: 1;
}




#bo_v_table{display:none;}



/* @import url("./hn_layout_m.css");*/



@media(max-width:1200px){
/*sm==================================================================*/
/* 
1100px 이하에 모두 적용
*/
/*sm==================================================================*/


#subpage .localcontent{padding:0px;}



.be_over{position:static; height:auto !important;}

#content{background:#fff; padding-bottom:0px;}
.flickity-enabled.is-draggable{margin-top:0px;}

/*logobar*/
.logobar h1.logo{margin:0 auto; padding-top:15px; text-align:center; float:none; z-index: 9999; width:100%;}

.logobar h1.logo p.slogan{letter-spacing:0; color:#333;}







/*logobar*/
#logobar{clear:both; width:100%; min-width:100%;}
.logobar{width:100%;}
.logobox {width:100%;}
#slideslogoban{display:none;}

/*menuholder*/
#menuholder{display:none;}
.menuholder{width:100%;}
.mobilewide{display:block;}
.pcwide{display:none;}

/*globalmenu*/
#globalmenu ul.depth1 {width:100%; }

/*mobilemenu */
section#mobilemenu{clear:both; width: 100%;height:auto; background:#efefef;}
article#mobilemenu{width:100%;height:auto; margin:0 auto;}

@media(max-width:1200px){
article#mobilemenu p.mobilelogo{padding:20px 0; text-align:center;}
}

#mobilemenu ul.depth1 {display:block; width:100%; height:auto;}
#mobilemenu ul.depth1 li.depth1{
float:left; display:block;width:100% !important;padding:0 0px;height:auto;line-height:38px;position:relative;border-bottom:1px solid #ffffff55;
} 
#mobilemenu ul.depth1 li.depth1 a{display:block;width:100%;height:100%; text-indent:15px; font-size:97%; color:#fff; position:relative;}
#mobilemenu ul.depth1 li.depth1 a.depth1{display:none;}
#mobilemenu ul.depth1 li.depth1 a.localmenu{display:block;}
#mobilemenu ul.depth1 li.depth1 a b{text-indent:-9999px; width:64px; height:31px; display:block; position:absolute; top:-15px; right:0;}

#mobilemenu ul.depth1 li.depth1 a span{position:relative;}
#mobilemenu ul.depth1 li.depth1 a ion-icon{margin-bottom: -2px;}

#mobilemenu ul.depth1 li.depth1:hover{ 
color:#fff;
background: #444; 
}
#mobilemenu ul.depth1 li.depth1.on a{font-weight:normal;}
#mobilemenu ul.depth1 li.depth1.mmenu00{display:none;}


#mobilemenu ul.depth2 {display:none; width:100%; height:auto; box-shadow: 0px 1px 3px #666666;
background:#fefefe; color:#888; z-index:999;} /*오버시 박스*/
*html ul.depth2 {display:block;}
#mobilemenu ul.depth2 h2 {font-size:100%; display:block; width:100%; height:130px; position:relative;}
#mobilemenu ul.depth2 li.depth2 {display:block; width:auto; height:auto; line-height:25px; border-bottom:1px solid #e1e1e1;border-left:1px solid #e3e3e3;border-right:1px solid #e1e1e1;}

#mobilemenu ul.depth2 li.depth2 a {
display:block; width:100%; height:100%; color:#333; text-align:left; text-indent:25px; font-size:95%; 
background: #fff; padding:3px 0;
}

#mobilemenu ul.depth2 li.depth2 a:hover {display:block; width:100%; 
background: #efefef;
color:#222;} 

#mobilemenu ul.depth2 li.depth2 a:before{
content: '';
    display: block;
    width: 3px;
    height: 3px;
    background-color: #666666;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -2px;

}




#mobilemenu ul.depth2 li.depth2 a.admin{background:#333; color:#fff;}
#mobilemenu ul.depth2 li.depth2 a.admin:hover{background:#fff; color:#333;}
#mobilemenu ul.depth2 li.depth2.on a{width:100%; background:#fff; color:#f00;}
#mobilemenu ul.depth2 li.depth2.henalmenu a{background:#fff; color:#3a3a3a;  font-weight:bold;}
#mobilemenu ul.depth2 li.depth2.henalmenu a:hover{background:#333; color:#fff;}
#mobilemenu ul.depth3 {display:block; width:100%; height:auto;line-height:21px; margin:0 auto;}
#mobilemenu ul.depth3 li.depth3 {display:block; width:100%; height:auto; line-height:25px; }
#mobilemenu ul.depth3 li.depth3 a{display:block; width:100%; height:100%; color:#777; font-size:11px; font-weight:normal; text-indent:35px;}
#mobilemenu ul.depth3 li.depth3 a:hover{text-decoration:underline;}


#mobilemenu ul.depth3 li.depth3 a:before{
content: '';
    display: block;
    width: 5px;
    height: 1px;
    background-color: #666666;
    position: absolute;
    top: 50%;
    left: 27px;
    margin-top: -2px;
}

#mobilemenu ul.depth3 li.depth3.on a {width:100%; background:#fff; color:#00f;}
#mobilemenu ul li a.allmenuup{
    	position: absolute;
	display:none;
	width:100%;
	height:34px;	
	line-height:34px;
    	color:#fff;
	font-size:110%;
	font-weight:bold;
background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
 background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
 background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);
    	bottom: 0px;
    	left: 0px;
	top:0px;
}
#mobilemenu ul li a.allmenuup:hover{
 background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
 background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
 background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
 background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
 background-image: -o-linear-gradient(top, #f62b2b, #d20202);
 background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);

}
#mobilemenu ul li a.allmenudown{
    	position: absolute;
	display:block;
	width:100%;
	height:34px;	
	line-height:34px;
    	color:#fff;
	font-size:110%;
	font-weight:bold;
	background: #ff0012;
    	bottom: 0px;
    	left: 0px;
	top:0px;
}
#mobilemenu ul li a.allmenudown:hover{background: #ff0080;}

/*mobilemenu end*/




/* sidebar */
.sidebar-btn {
    position: fixed;
    height: 40px;
    width: 40px;
    background-color: #010101; /*  #010101  */
    border: 0;
    border-radius: 99px;
    top: 20px;
    left:5px;
    transform: translate(10px);
    z-index: 5002
}


/*tailmenubar*/
#tailmenubar {min-width:100%; padding:10px;}
#tailmenubar .topmenuwrap{width:100%;}

#tailmenubar ul.topmenu{width:100%;}
#tailmenubar ul.topmenu li{font-size:80%;}
#tailmenubar ul.topmenu li.mobiletext{float:none; font-weight:bold;}
#tailmenubar ul.topmenu li.mobileclear{clear:both;}
#tailmenubar ul.topmenu li.mobilemenu{display:inline-block;}

#tailmenubar ul.topmenu2{width:100%; text-align:center;}
#tailmenubar ul.topmenu2 li{display:inline-block;font-size:75%; float:none; padding:0 3px;}


/*companyinfo*/
#companyinfo{min-width:100%; width:100%; padding:0 10px !important; background:#e8e8e8;}
.companyinfo{width:100%;}
.companyinfo h1{float:none; position:relative; margin:15px 0 !important; border-right:0; padding-right:0 !important; text-align:center;}
.companyinfo ul.address{float:none; width:100%; height:auto; overflow:hidden; margin:0 !important;}
.companyinfo ul.address li{float:left; height:auto; padding-left:5px; margin-right:12px;margin-bottom:0px; color:#ccc; letter-spacing:0; font-size:95%; text-align:left; font-weight:normal; color: #7a7d81;}
/*copyrightbar*/
#copyrightbar{min-width:100%;}
.copyrightbar{width:100%; min-width:100%;}
/*visitbar*/
#visitbar{width:100%;}
.visitbar{width:100%;}
/*local*/
#local{width:100%; min-width:100%; padding-top:0px !important;}
.local{width:100%;}




.main_familylink .familysite{margin-bottom:5px !important;}
.familysitelink{clear:both; float:none; width:100%;}

/*sm==================================================================*/
/* 
1100px 이하에 모두 적용
*/
/*sm==================================================================*/
}