@charset "utf-8";


html, body {position:relative; width:100%; height:100%;}
#wrap {position:relative; width:100%; height:100%;}
.flex {width:100%; max-width:1200px; height:auto; margin:0 auto;}

@media all and (max-width:1280px){
.flex {width:94%;}
}



/* 본문바로가기 */
#accessibility {position:relative; width:100%; z-index:1000; overflow:hidden;}
#accessibility a {display:block; width:1px; height:1px; margin:0 -1px -1px 0; font-size:0; line-height:0; overflow:hidden; text-align:center;}
#accessibility a:focus, #skipNavWrap a:hover, #skipNavWrap a:active {width:auto; height:22px; margin:0; padding-top:10px; font-weight:bold; font-size:12px; color:#fff; background:#474747;}



/* header */
/* #header {background:#fff;}
.header {position:relative; height:105px;}
.header > h1 {width:200px; height:105px; margin:0 auto; padding-top:23px; text-align:center;}
.header > h1 img {width:100%;} */





@media all and (max-width:1024px){
/* .header {height:95px;}
.header > h1 {width:186px; padding-top:20px;}
.header > .link {display:none;}
.header > .blog,
.header > .open_mn {top:25px; width:45px; height:45px; text-indent:-9999px;}
.header > .blog {background:url('/images/common/bt_blog_bg.png') no-repeat 0 0;}
.header > .blog img {display:none;}
.header > .open_mn {display:block;} */
}

@media all and (max-width:768px){
/* .header {height:80px;}
.header > h1 {width:172px; padding-top:15px;}
.header > h1 img {width:180px;}
.header > .blog,
.header > .open_mn {top:18px;} */
}



/*Header*/
#hd_wrap{position:fixed; width:100%; height:110px; z-index:1002; background:#fff;}
#content { padding-top: 145px; }

#hd_wrap .hd_logo {position:absolute; top:10; line-height:100px; left:14%; z-index:89;}
#hd_wrap .hd_logo img{vertical-align:middle; height:100px; }
#hd_wrap .hd_mbx{display:none;}

#gnb_pc{position:relative; overflow:hidden; width:100%; box-sizing:border-box; color:#141615; text-align:center; }

.t-tel { position: absolute; right:20%; top:0%; z-index:999; 
                      
					display:block;	  height:100px; padding-top:35px;
						}
.t-tel a img,
.t-tel a {vertical-align:middle;}
.t-tel a.youtube svg {color:red; width:36px; height:36px; vertical-align:middle; margin:0px 20px;}




.t-tel p{  background:#003399; color:#fff; font-size:0.8em; font-weight: 600;  padding:5px 5px; border-radius:25px;  }

#gnb_pc .gnb_dp1{display:inline-block; vertical-align:top; text-align:center; letter-spacing:-0.08em;}
#gnb_pc .gnb_dp1>div {padding:0 60px; height:110px; line-height:110px; font-size:1.1em; font-weight:500; box-sizing:border-box; cursor:pointer;  }
#gnb_pc .gnb_dp1>div>span{display:inline-block; position:relative}
#gnb_pc .gnb_dp1 .smenu { display:none; padding:30px 0; color:#fff; }
#gnb_pc .gnb_dp1 .smenu li{ line-height: 1.0em; margin-bottom: 15px; }
#gnb_pc .gnb_dp1 .smenu li:hover{ color:#136aad;}
#gnb_pc .gnb_dp1 .smenu li a { color:#fff; font-size:0.9em; }

#gnb_pc li.gnb_dp1:hover span{color:#136aad; font-weight:500;}
#hd_wrap.menu_on #gnb_pc { background:rgba(0, 0, 0, 0.8);}
#hd_wrap.menu_on #gnb_pc:before{content:""; width:100%; height:110px; background:rgba(255,255,255,1); position:absolute; top:0; left:0; border-bottom:1px solid #f1f1f1}
#hd_wrap.menu_on #gnb_pc .gnb_dp1 .smenu{color:#fff;}

#hd_wrap.scroll #gnb_pc:before{content:""; width:100%; height:90px; background:rgba(255,255,255,1); position:absolute; top:0; left:0; }
#hd_wrap.scroll #gnb_pc{color:#333;}
#hd_wrap.scroll .t-tel padding-top:20px;}
#hd_wrap.scroll { height: 90px;  border-bottom:1px solid rgba(0,0,0,0.2); }
#hd_wrap.scroll .hd_logo { line-height: 90px; }
#hd_wrap.scroll #gnb_pc .gnb_dp1>div { height: 90px; line-height: 90px; }
 #hd_wrap.scroll .hd_logo img{height: 80px;}


#gnb_mo{position:fixed; height:100%; z-index:49; left:0;  padding:0px; padding-top:110px; background:#333333; color:#FFF; width:100%; max-width:280px; box-sizing:border-box; transition: all 0.4s ease;
	-webkit-transform: translateX(-100%) rotate(0);
	-moz-transform: translateX(-100%) rotate(0);
	-ms-transform: translateX(-100%) rotate(0);
	-o-transform: translateX(-100%) rotate(0);
	transform: translateX(-100%) rotate(0);
}

#gnb_mo .gnb_dp1 div{ font-weight:500; text-align:center; font-size:14px; padding:12px 0; cursor:pointer; border-bottom:1px solid rgba(255, 255, 255, 0.1);}


#gnb_mo .smenu{display:none; padding:0px; background:rgba(255,255,255,1); }
#gnb_mo .smenu>li br{display:none;}
#gnb_mo .smenu>li>a,
#gnb_mo .smenu>li>span{display:block; padding:10px 10px; font-size:13px; color:#33; text-align:center;}
#gnb_mo .smenu>li>a:hover,
#gnb_mo .smenu>li>span:hover{background:rgba(0,0,0,0.2); color:#FFF; font-weight:500;}
#gnb_mo .ssmenu{display:none; background:rgba(0,0,0,0.4); padding:10px 0; font-size:0.96em}
#gnb_mo .ssmenu>li>a{display:block; padding:10px 15px;  }
#gnb_mo .ssmenu>li>a:hover{font-weight:bold;}


@media all and (max-width:1680px) {
	#hd_wrap{}
   #hd_wrap .hd_logo { left: 14%; }
   #hd_wrap .hd_logo img {height: 85px; }
   #gnb_pc .t-tel { right: 1%; }
   #gnb_pc .gnb_dp1>div {padding:0 45px; }
}

@media all and (max-width:1480px) {
#hd_wrap .hd_logo img { height: 85px; }

}


@media all and (max-width:1280px) {
	#hd_wrap #gnb_pc{display:none;}

	#hd_wrap{height:120px;  border-bottom:1px solid rgba(0,0,0,0.2);}
   #content { padding-top: 75px; }
	.t-tel {right:2%;}
	#hd_wrap .hd_bx{line-height:75px; }
   #hd_wrap .hd_logo { left: auto; left: unset; }
	#hd_wrap .hd_logo img{height:90px; padding-top:15px;}

	#hd_wrap .hd_mbx{display:inline-block;  position:absolute; top:0; width:75px; height:75px; line-height:75px; text-align:center; padding:0;}
	#hd_wrap .hd_mbx img,
	#hd_wrap .hd_mbx img.mo{display:inline-block; width:100%; max-width:65px; vertical-align:middle;}

	#hd_wrap .hd_logo{width:100%; text-align:center; }

	#hd_wrap .hd_tel {display: none; right:unset; right:0; z-index:90; border-right:1px solid rgba(255,255,255,0.2); background-repeat: no-repeat; background-position: center center;
                              background-image:url("/images/common/bt_menu.png");   }
   #hd_wrap .hd_tel a { display: none; width:100%; height:100%;}
	#hd_wrap .hd_full {display:inline-block; left:1%; top:35px; z-index:90; border-left:1px solid rgba(255,255,255,0.2); background-repeat: no-repeat; background-position: center center;
                              background:url("/images/common/bt_menu.png") no-repeat; }

	#hd_wrap.on{background:#FFF; border-bottom-color:transparent;}

	#hd_wrap.on .hd_tel { display:none;background-color:#136aad; background-image:url("/images/common/t_tel_w.png"); }
	#hd_wrap.on .hd_full{ background-color:#fff; background-image:url("/images/common/bt_menu.png");}
	#gnb_mo.mo_menu_on{	-webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0);	-ms-transform: translateX(0) rotate(0);	-o-transform: translateX(0) rotate(0);	transform: translateX(0) rotate(0); }


	#hd_wrap.scroll{background:#FFF; border-bottom-color:transparent;}
	#hd_wrap.scroll .hd_tel{display: none; }
	#hd_wrap.scroll .hd_full{ background:url("/images/common/bt_menu.png") no-repeat;  top:25px; }


   #hd_wrap.scroll { height: 95px; border-bottom:1px solid rgba(0,0,0,0.2); }
   #hd_wrap.scroll .hd_logo img{height:75px; padding-top:10px;}
   #hd_wrap.scroll .hd_logo { line-height: 75px; }
   
   #hd_wrap.scroll #gnb_pc .gnb_dp1>div { height:75px; line-height: 75px; }
    #hd_wrap.scroll #gnb_mo {padding-top:70px !important;}

 }
@media all and (max-width:976px) {
	#hd_wrap{height:110px;   border-bottom:1px solid rgba(0,0,0,0.2);}http://dh.home.iknowi.com/kor/sub02/sub02_1.asp?snm=72
   #content { padding-top: 100px; }
	#hd_wrap .hd_bx{line-height:60px; padding:0; }
	#hd_wrap .hd_mbx{width:60px; height:60px; line-height:60px;}
	#hd_wrap .hd_logo{top:0px;}
	#hd_wrap .hd_logo img{height:75px; padding-top:20px;}
.t-tel {right:2%;}
   #hd_wrap.scroll { height: 80px;  border-bottom:1px solid rgba(0,0,0,0.2);}
   #hd_wrap.scroll .hd_logo { line-height: 60px; }
    #hd_wrap.scroll .hd_logo img {height:65px; padding-top:10px;}
   #hd_wrap.scroll #gnb_pc .gnb_dp1>div { height:60px; line-height: 60px; }

   #hd_wrap .hd_tel { background-size: 50% auto; display:none; }
	#hd_wrap.scroll .hd_full{ background:url("/images/common/bt_menu.png") no-repeat;  top:15px; }
}

@media all and (max-width:640px) {

	#hd_wrap{height:110px;  border-bottom:1px solid rgba(0,0,0,0.2); }
   #content { padding-top: 55px; }
	#hd_wrap .hd_bx{line-height:55px; padding:0; }
	#hd_wrap .hd_mbx{width:55px; height:55px; line-height:55px;}
	#hd_wrap .hd_logo img {height:60px; margin-top:10px;}
	.t-tel  {margin-top:10px;}
	.t-tel  img{height:30px;}
	.t-tel a svg{height:30px !important; width:30px !important; margin:0px 3px !important;}



   #hd_wrap.scroll.t-tel{padding-top:15px;}
   #hd_wrap.scroll { height: 70px;  border-bottom:1px solid rgba(0,0,0,0.2);}
   #hd_wrap.scroll .hd_logo { line-height: 70px; }
    #hd_wrap.scroll .hd_logo img {height: 50px; padding-top:0px;}
   #hd_wrap.scroll #gnb_pc .gnb_dp1>div { height:70px; line-height: 70px; }
   #hd_wrap.scroll #gnb_mo {padding-top:70px !important;}
}