@charset "utf-8";


.all_wrap {width:100%;margin:0; padding:0;overflow:hidden;min-width:1200px; position: relative;}
::-moz-selection {
   background: #fcb016;
   color: #fff;
  letter-spacing: -.4px;
}
::selection {
   background: #fcb016;
   color: #fff;
    
}

.all_menu {display:none;}
.all_box {display:none;}
/* ------------------------------------- top_leftmenu ------------------------------------- */
.logo3 {color:white; position:absolute; border:0px solid black; left:0; padding-left:20px; }
.logo3 a {display:block; background:url("/img/common/logo_w.png")no-repeat; width:148px; margin-top:25px; height:22px; text-indent:-9999px;}
.scroll_logo a {display:block; background:url("/img/common/logo.png")no-repeat; width:148px; margin-top:21px; height:22px; text-indent:-9999px; transition:all 0.3s ease-in-out; }

.side4_bx {  top:-15px;  height:0px;   }
.side4 { width:110px; position:absolute; background:#fff; padding:3px 25px; border-radius:30px; right:0; top:21px;text-align:center; margin-right:20px; color:white;  overflow:hidden; cursor:pointer; font-size:16px; z-index:100;    }
.side4 a {color:#000;background:url("/img/common/top_ico.png")no-repeat 0 3px; padding:5px 0 5px 35px; display:inline-block; opacity:1;letter-spacing: -0.05em;    }


/* gnb02_final */
.gnbbx2 { width:100%;min-width:1200px;  background:url("/img/common/top_line.png") repeat-x 0 bottom rgba(0,0,0,0.5); height:72px; position:fixed; z-index:50;   }
.gnbbx2 .tgnb { width:100%; position:relative; top:15px;left:50%; margin-left:-465px;}
.gnbbx2 .tgnb li { float:left;text-align:center; line-height:50px; border:0px solid black; }
.gnbbx2 .tgnb a { display:block; font-size:17px; text-align:center;letter-spacing:-0.7px; color:white; cursor:pointer; font-weight:700;}
.gnbbx2 .tgnb a.a1 {width:110px;}
.gnbbx2 .tgnb a.a2 {width:120px;}
.gnbbx2 .tgnb a.a3 {width:160px;}
.gnbbx2 .tgnb a.a4 {width:160px;}
.gnbbx2 .tgnb a.a5 {width:160px;}
.gnbbx2 .tgnb a.a6 {width:160px;}
.gnbbx2 .tgnb a.a7 {width:160px;}
.gnbbx2 .tgnb a.a8 {width:110px;}



.gnbbx { width:100%;min-width:1200px; background:white; height:80px; position:relative; z-index:50; }
.tgnb { width:930px;  position:relative; top:5px; left:50%; margin-left:-465px;}
.tgnb li { float:left;  text-align:center; line-height:50px; border:0px solid black; }
.tgnb a { display:block; font-size:17px; letter-spacing:-0.7px; color:black; cursor:pointer; font-weight:700;text-align:center;}
.tgnb a.a1 {width:100px;}
.tgnb a.a2 {width:120px;}
.tgnb a.a3 {width:140px;}
.tgnb a.a4 {width:160px;}
.tgnb a.a5 {width:140px;}
.tgnb a.a6 {width:140px;}
.tgnb a.a7 {width:140px;}
.tgnb a.a8 {width:120px;}

.con_wrap {width:100%;position:relative; background:#fff;/*background:#ccc;*/ padding:0; letter-spacing: -0.08em;}

.warp_gnb { position:relative; z-index:999; }
.sub_s { width:100%; background:#fff url("/img/common/top_s_bg.png") no-repeat right bottom; position:fixed; top:80px; height:0px; z-index:2; color:#fff; overflow:hidden; box-shadow: 1px 0.1px 0.5px rgba(0,0,0,0.22); }
.sub_gbx {width:930px;  position:relative; top:5px; left:50%; margin-left:-465px; overflow:hidden;} 

.family_gnb { height:30px; padding-top:15px; } 
.family_gnb li { float:left; line-height:29px; text-align:center; letter-spacing:-0.8px; font-size:15px; font-weight:400; } 
.family_gnb li.h02 {line-height:20px;padding-top:5px;}

.f_sub { letter-spacing:-0.09em;}
.f_sub li  { float:none;  } 
.f_sub li a  { float:none; color:#555; cursor:pointer; padding: 0;  display:block; } 
.f_sub2 li  {float:none;  } 
.f_sub2 li a  { float:none; color:#555; cursor:pointer; padding: 0;  display:block; } 
.f_sub3 li  { float:none;  } 
.f_sub3 li a  { float:none; color:#555; cursor:pointer;  padding: 0;  display:block; } 
.f_sub4 li  { float:none;  } 
.f_sub4 li a  { float:none; color:#555; cursor:pointer; padding: 0;  display:block; } 
.f_sub5 li  { float:none;  } 
.f_sub5 li a  { float:none; color:#555; cursor:pointer;padding: 0;  display:block; } 
.f_sub6 li  { float:none;  } 
.f_sub6 li a  { float:none; color:#555; cursor:pointer;padding: 0;  display:block; }
.f_sub7 li  { float:none;  } 
.f_sub7 li a  { float:none; color:#555; cursor:pointer;   padding: 0;  display:block; }
.f_sub8 li  { float:none;  } 
.f_sub8 li a  { float:none; color:#555; cursor:pointer;  padding: 0;  display:block; }

.f_sub li a:hover  { float:none; color:#a4947d; cursor:pointer;  margin:0 auto; padding:0;  display:block; } 
.f_sub2 li a:hover  { float:none; color:#a4947d; cursor:pointer;  margin:0 auto; padding:0; display:block; } 
.f_sub3 li a:hover  { float:none; color:#a4947d; cursor:pointer;  margin:0 auto; padding:0; display:block; } 
.f_sub4 li a:hover  { float:none; color:#a4947d; cursor:pointer;  margin:0 auto; padding:0; display:block; } 
.f_sub5 li a:hover  { float:none; color:#a4947d; cursor:pointer;  margin:0 auto; padding:0; display:block; } 
.f_sub6 li a:hover  { float:none; color:#a4947d; cursor:pointer;  margin:0 auto; padding:0; display:block; } 
.f_sub7 li a:hover  { float:none; color:#a4947d; cursor:pointer;  margin:0 auto; padding:0; display:block; } 
.f_sub8 li a:hover  { float:none; color:#a4947d; cursor:pointer;  margin:0 auto; padding:0; display:block; } 

.sub-navi { text-align:center; height:50px; box-sizing:border-box;background:url("/img/common/top_line.png") repeat-x 0 bottom; width:100%; top:70px;position:relative; z-index:1;}
.sub-navi ul {display:table;text-align:center;width:1300px; margin:0 auto; font-weight:400; }
.sub-navi ul li {position:relative; display:inline-block; margin:0 10px;}

.sub-navi ul li a { padding-bottom: 11px; font-size:16px; color:#fff; line-height:48px; backface-visibility: hidden; overflow:hidden;}
.sub-navi ul li a:hover, .sub-navi ul li a:hover {color:#fff; font-weight: 600;}
.sub-navi ul li.on {color:#474e61; font-weight: 600;}
.sub-navi ul li.on a {color:#fff;font-size:16px;font-weight: 600; }
.sub-navi ul li a.on {color:#fff;font-size:16px;font-weight: 600; border-bottom:2px solid #fff; }

.t_inq {position:absolute; right:20px; top:0px;}
.t_inq a {background:url("/img/common/icon_inquire.png") no-repeat 50% 50%;display:inline-block; width:70px; height:70px;}
.scroll_t_inq a {background:url("/img/common/icon_inquire_.png") no-repeat 50% 50%;display:inline-block; width:70px; height:70px; text-indent:-9999px; transition:all 0.3s ease-in-out; }

/*3deps menu*/

.sub-navi2 { text-align:center; height:47px; box-sizing:border-box;background:#fff; border-bottom: 1px solid #e5e5e5; width:100%;z-index:1;}
.sub-navi2 ul {display:table;text-align:center; width:1130px; margin:0 auto; font-weight:400;}
.sub-navi2 ul li {position:relative; display:inline-block; margin:0 10px;}

.sub-navi2 ul li a {font-size:16px;  line-height:42px; backface-visibility: hidden; overflow:hidden; margin:3px 10px 0 10px; padding-bottom: 15px;}
.sub-navi2 ul li a:hover { color:#383431; background: url(/img/common/bg_201104_tt02.png) repeat-x bottom;}
.sub-navi2 ul li.on {color:#383431;}
.sub-navi2 ul li.on a {font-size:16px;}
.sub-navi2 > ul > li:hover > a, .sub-navi2 > ul > li:focus > a, .sub-navi2 > ul > li:active > a, .sub-navi2 > ul > li.active >a {font-size:16px; line-height:42px; background: url(/img/common/bg_201104_tt02.png) repeat-x bottom;}

.cont_01{text-align: center; display: block; background:#fff; padding: 8% 0;}
.cont_02{text-align: center; display: block; background:#f8f8f8; padding: 8% 0;}
.cont_03{text-align: center; display: block; background:#fff; padding: 8% 0;}
.cont_04{text-align: center; display: block; background:#f8f8f8; padding: 8% 0;}


.cont_0201{text-align: center; display: block; background:#fff; padding: 8% 0;}
.cont_0202{text-align: center; display: block; background:#f8f8f8; padding: 8% 0;}
.cont_0203{text-align: center; display: block; background:#fff; padding: 8% 0;}
.cont_0204{text-align: center; display: block; background:#f8f8f8; padding: 8% 0;}
.cont_0205{text-align: center; display: block; background:#fff; padding: 8% 0;}
.cont_0206{text-align: center; display: block; background:#f8f8f8; padding: 8% 0;}
.cont_0207{text-align: center; display: block; background:#fff; padding: 8% 0;}
.cont_0208{text-align: center; display: block; background:#f8f8f8; padding: 8% 0;}
.cont_0209{text-align: center; display: block; background:#fff; padding: 8% 0;}
.cont_0210{text-align: center; display: block; background:#f8f8f8; padding: 8% 0;}

.s_con_wrap.jbContent .jb230120_01, .s_con_wrap.jbContent .jb230120_02, .s_con_wrap.jbContent .jb230120_03,
.s_con_wrap.jbContent .jb230120_04, .s_con_wrap.jbContent .jb230120_05, .s_con_wrap.jbContent .jb230120_06,
.s_con_wrap.jbContent .jb230120_07, .s_con_wrap.jbContent .jb230120_08, .s_con_wrap.jbContent .jb230120_09 {background:#fff; width:100%; max-width:860px; margin:0 auto; padding:5% 0;}

.s_con_wrap.jbContent .jb230120_01 img, .s_con_wrap.jbContent .jb230120_02 img, .s_con_wrap.jbContent .jb230120_03 img,
.s_con_wrap.jbContent .jb230120_04 img, .s_con_wrap.jbContent .jb230120_05 img, .s_con_wrap.jbContent .jb230120_06 img,
.s_con_wrap.jbContent .jb230120_07 img, .s_con_wrap.jbContent .jb230120_08 img, .s_con_wrap.jbContent .jb230120_09 img{width:100%;} 
.cont_s{text-align: center; display: block; background:#fff; padding: 6% 0;}

/* footer_area */

#fullpage .section.m_footer {height:300px !important; visibility: hidden; background:#383431; }
#fullpage .section.m_footer .fp-tableCell {}
#fullpage .section.m_footer.active {visibility: inherit;} 


#fullpage .footer{  position:absolute; bottom: 0;background: #00000070;}
 
.footer{position: inherit; clear:both; width:100%; background:#303030; padding:45px 0 45px  0;text-align:center;}
.footer_wrap {margin:0 auto; width:95%;}

.foot_info p.f_txt { padding:10px 0 20px 0; color:#bdbdbd; font-size:16px;font-weight:400; line-height:25px;}
.foot_info p.f_txt span.st01 {color:#fff; font-weight:600;}
.foot_info p.f_txt span.st02 {color:#cfa887; font-weight:600;}
.foot_info p.f_txt span.st03 {color:#999;display:inline-block; padding-right:20px; font-size:16px;}
.foot_info p.f_sns a {display:inline-block; margin:0 10px;}
.foot_top {position:fixed; padding-top:50px;}

@media only screen and (max-width: 767px) {
.all_wrap {width:100%; min-width:300px;position:relative;}

/* ------------------------------------- mobile_menu ------------------------------------- */
.close { position:absolute; top:20px; right:0px; width:44px; }  
.all_menu { width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8); position:fixed; display:none; z-index:9999; top: 0; }
.all_box {display:block; padding:0; width:210px; top:0px; background:#fff; z-index:10; right:-210px; bottom:0; top:0;  position:fixed; overflow-y: auto; }
 
#navi{ margin-top:100px; z-index:24; } 
#navi h2 a{display: block; padding: 10px 10px 10px 14px; font-size:16px; color: #000; border-bottom:1px solid #eee; background:#fff url("/img/common/all_menu_off.png")no-repeat 180px center;  background-size:10px;}

#navi :target h2 a { background:#de0029; background-size:10px;  color:#fff;}
#navi p { height:0; overflow:hidden;
-moz-transition:height 0.5s ease-in;
-o-transition:all 0.3s ease-in;
-webkit-transition:height 0.3s ease-in;
transition:height 0.15s ease-in;  }

#navi :target p { height: 36px; border-bottom: 1px solid #fff; background:#eee;}
#navi p a { display: block; padding-left: 25px; line-height: 36px; font-size: 12px; color: #666;  }
#navi p a:hover { color:#000; }
#navi2{ display: none;}

.mo_cs {color:#fff; padding:100px 15px 15px 15px;} 
.mo_cs p.mo_cs_st01 {font-size:12px;padding-bottom:10px;font-weight:600;}
.mo_cs p.mo_cs_st02 {font-size:12px;font-weight:400;padding-bottom:20px;}
.mo_cs p.mo_cs_st02 span {font-size:20px;font-weight:600; display:block;}
.mo_cs p.mo_cs_st03 {font-size:12px;font-weight:400;}
.mo_cs p a {color:#fff;}


.logo3 {color:white; position:absolute; border:0px solid black; left:0; }
.logo3 a {display:block; background: url("/img/common/logo_w.png")no-repeat; width:148px; margin-top:15px; height:22px; text-indent: -9999px; }
.scroll_logo a {display:block; background: url("/img/common/logo.png")no-repeat; width:148px; margin-top:15px; height:22px; text-indent: -9999px; transition: all 0.3s ease-in-out;} 

.side4_bx {display:none;}
.warp_gnb { display:none;}
.tgnb { display:none; }
.gnbbx { width:100%; background:white; height:50px; position:relative; z-index:2; border-bottom:1px solid #D5D5D5; min-width:300px; }
.side3 { display:none; } .side4 { display:none; }
.gnbbx2 { width:100%; background:none; height:50px; position:fixed; z-index:50; min-width:300px; background: rgba(0,0,0,0.5);}

.side2 { display:block; cursor:pointer; }
.logo2 { color:white; position:absolute; border:0px solid black; left:0; padding-left:7px; display:block; }
.logo3 { color: white; position: absolute; border: 0px solid black; left: 0; padding-left: 20px; display:block; }

.logo2 a { display:block; background:url('../img/logo.png')no-repeat; width:190px; margin-top:11px; height:42px; text-indent:-9999px; background-size: 138px 29px; }
.side2 { top: 16px; border: 0px solid #dedede;  position: absolute; right: 0;   margin-right: 15px; padding: 3px 4px; font-size: 12px; font-weight: 900; width:24px; height:19px; background:url("/img/common/mmenu.png") no-repeat; background-position:center center;} 
.side2 { display:block; cursor:pointer; }

.side2_m { top: 16px; border: 0px solid #dedede;  position: absolute; right: 0;   margin-right: 15px;  padding: 3px 4px; font-size: 12px; font-weight: 900; width:24px; height:19px; background:url("/img/common/mmenu2.png") no-repeat; background-position:center center;} 
.side2_m { display:block; cursor:pointer; }

.scroll_side2_m { top: 12px; border: 0px solid #dedede;  position: absolute; right: 0;   margin-right: 15px; padding: 3px 4px; font-size: 12px; font-weight: 900; width:24px; height:19px; background:url("/img/common/mmenu.png") no-repeat; background-position:center center;} 
.scroll_side2_m { display:block; cursor:pointer; }

.sub-navi {display:none; }
.sub-navi2 {display:none; }

/* footer_area */
.*.footer {height:350px;}*/
.footer_wrap {width:90%;text-align:center;}
.foot_info {float:none;} 
.foot_info p.f_txt { padding:35px 0 30px 0; color:#fff; font-size:12px;font-weight:400; line-height:20px;}

.foot_info p.f_txt span.st03 {font-size:12px;}
.foot_info p.f_sns a {display:inline-block; margin-right:5px;}
.foot_top {float:none; padding-top:50px;}
.foot_top img {width:50px;}

.t_inq {display:none; position:absolute; right:53px; top:17px;}
.t_inq a {background-size:27px;display:inline-block; width:27px; height:27px;}

}

------------------/* 20201125 _ navi_02 수정*/--------------------

.navi201125  .gnbbx2 .tgnb {clear: both;}


.navi201125 .side2_m .tgnb{width: 600px; height: 100%; margin: 0 auto;}
.navi201125 .side2_m  .tgnb>li {float: left; width: 25%;line-height: 50px; text-align: center;}
.tgnb>li:hover .f_sub {left: 0; position: relative;}
.tgnb>li:hover .f_sub2 {left: 0; position: relative;}
.tgnb>li:hover .f_sub3 {left: 0; position: relative;}
.tgnb>li:hover .f_sub4 {left: 0; position: relative;}
.tgnb>li:hover .f_sub5 {left: 0; position: relative;}
.tgnb>li:hover .f_sub6 {left: 0; position: relative;}
.tgnb>li:hover .f_sub7 {left: 0; position: relative;}
.tgnb>li:hover .f_sub8 {left: 0; position: relative;}

.tgnb>li a {display: block;}
.tgnb>li a:hover {color: #fff;}

.navi201125 .f_sub,.navi201125  .f_sub2,.navi201125  .f_sub3,.navi201125  .f_sub4,.navi201125  .f_sub5,.navi201125  .f_sub6,.navi201125  .f_sub7,.f_sub8{position: absolute; top: 50px; left: -9999px; color: #ddd;font-size: 12px; font-style: normal;}
.f_sub>li,.f_sub2>li,.f_sub3>li,.f_sub4>li,.f_sub5>li,.f_sub6>li,.f_sub7>li,.f_sub8>li {position: relative;  background: #efefef; padding: 10px; top:-40px; font-size: 12px; font-style: normal; color: #fff;}
.f_sub>li:hover .main3 {left: 100%;}
.f_sub>li a, .main3>li a {border-radius: 10px;}




.navi201125 .f_sub { letter-spacing:-0.09em;}
.navi201125 .f_sub li  { float:none;} 
.navi201125 .f_sub li a  { float:none; color:#555; font-size: 14px; font-weight: 300; line-height: 160%; text-align: center;} 
.navi201125 .f_sub2 li  {float:none;  } 
.navi201125 .f_sub2 li a  { float:none; color:#555; font-size: 14px; font-weight: 300; line-height: 160%; text-align: center;} 
.navi201125 .f_sub3 li  { float:none;  } 
.navi201125 .f_sub3 li a  { float:none; color:#555; font-size: 14px; font-weight: 300; line-height: 160%; text-align: center;} 
.navi201125 .f_sub4 li  { float:none;  } 
.navi201125 .f_sub4 li a  { float:none; color:#555; font-size: 14px; font-weight: 300; line-height: 160%; text-align: center;}
.navi201125 .f_sub5 li  { float:none;  } 
.navi201125 .f_sub5 li a  { float:none; color:#555; font-size: 14px; font-weight: 300; line-height: 160%; text-align: center;} 
.navi201125 .f_sub6 li  { float:none;  } 
.navi201125 .f_sub6 li a  { float:none; color:#555; font-size: 14px; font-weight: 300; line-height: 160% ; text-align: center;}
.navi201125 .f_sub7 li  { float:none;  } 
.navi201125 .f_sub7 li a  { float:none; color:#555; font-size: 14px; font-weight: 300; line-height: 160%; text-align: center;}
.navi201125 .f_sub8 li  { float:none;  } 
.navi201125 .f_sub8 li a  { float:none; color:#555; font-size: 14px; font-weight: 300; line-height: 160%; text-align: center; }

.navi201125 .f_sub li a:hover  { float:none; color:#a4947d; font-size: 14px; font-weight: 300; line-height: 160%; } 
.navi201125 .f_sub2 li a:hover  { float:none; color:#a4947d; font-size: 14px; font-weight: 300; line-height: 160%;} 
.navi201125 .f_sub3 li a:hover  { float:none; color:#a4947d; font-size: 14px; font-weight: 300; line-height: 160%;} 
.navi201125 .f_sub4 li a:hover  { float:none; color:#a4947d; font-size: 14px; font-weight: 300; line-height: 160%;} 
.navi201125 .f_sub5 li a:hover  { float:none; color:#a4947d; font-size: 14px; font-weight: 300; line-height: 160%;} 
.navi201125 .f_sub6 li a:hover  { float:none; color:#a4947d; font-size: 14px; font-weight: 300; line-height: 160%;} 
.navi201125 .f_sub7 li a:hover  { float:none; color:#a4947d; font-size: 14px; font-weight: 300; line-height: 160%;} 
.navi201125 .f_sub8 li a:hover  { float:none; color:#a4947d; font-size: 14px; font-weight: 300; line-height: 160%;} 




.main3 {position: absolute;top: 0;  width: 80%; left: -9999px;    /*left: 100%;*/   /*display: none;*/}



.main3>li a:hover {background: #085820; color: #fff;}

/*모바일 201203*/
/* lnb */ 
#lnb {position: relative;width: 200px;} 
#lnb h1 {height: 40px;text-align: center;color: #fff;font-size: 20px;line-height: 1.8;letter-spacing: -2px; background: #d71a21;} 
#lnb > ul {} #lnb > ul > li { border-bottom: 1px solid #dcdcdc;} 
#lnb > ul > li > a {display: block;padding: 14px 35px 14px 15px; color: inherit; font-size: 14px;background:#f5f2ec url(https://t1.daumcdn.net/cfile/tistory/2417E04D570C5C0225) no-repeat 95% 15px;} 
#lnb > ul > li a:hover {color: #d91c1b; background-color: #f5f2ec;} 
#lnb > ul > li.on > a {color: #d91c1b; background: #f5f2ec url('https://t1.daumcdn.net/cfile/tistory/257B794F570C5C0D1A') no-repeat 95% 14px;} 
#lnb > ul > li ul {display: none;} #lnb > ul > li > ul > li > a {display: block;padding: 0 25px 14px 14px;color: #inherit; font-size: 12px;background: #f5f2ec url('https://t1.daumcdn.net/cfile/tistory/2417E04D570C5C0225') no-repeat 95% 1px;} 
#lnb > ul > li > ul > li > a {color: #d91c1b; background-color: #f5f2ec; } 
#lnb > ul > li > ul > li.on a {color: #d91c1b; background: #f5f2ec url('https://t1.daumcdn.net/cfile/tistory/257B794F570C5C0D1A') no-repeat 95% 3px; } 
#lnb > ul > li > ul li ul {display: none;padding-bottom: 8px;background-color: #f5f2ec;} 
#lnb > ul > li > ul li li a {display: block;padding: 0 25px 10px 22px; color: #666; font-size: 12px;background-color: #f5f2ec;} 
#lnb > ul > li > ul > li li a:hover {color: #d91c1b;} #lnb > ul li.noDepth a {background-image: none !important; }
