@charset "UTF-8";


/* Page Title */



 .top_fixed {width:60px; line-height:60px; background-color:#333; text-align:center; position:fixed; color:#fff !important; display:inline-block; bottom:2%; right:2%; z-index:9999999999999999999; border-radius:50%}



.btn_wrap{text-align:center;}

body { width:100%; height:100%; padding:0px; margin:0px;  background:#fff; }
html  { width:100%; height:100%; padding:0px; margin:0px;   }
#wrap    {width:100%; float:left; min-width:1200px; }

#main {max-width:850px; margin:0 auto; display:block; box-sizing:border-box; background:#fff;}


#header   {width:100%;  float:left; position:relative; z-index:999;  min-width:1200px; padding:0; box-sizing:border-box; position:absolute; top:0;  }

#imgCaptcha{height:32px; vertical-align:bottom;}

.main_vi_wrap .slick-prev {top:30% !important; border:none; }
.main_vi_wrap .slick-next {top:30% !important; border:none;}

.box_100 {width:100%; float:left;}
.box_80 {width:80%; float:left;}
.box_75 {width:75%; float:left;}
.box_70 {width:70%; float:left;}
.box_60 {width:60%; float:left;}
.box_50 {width:50%; float:left;}
.box_45 {width:45%; float:left;}
.box_48 {width:48%; float:left;}
.box_40 {width:40%; float:left;}
.box_30 {width:30%; }

.box_100 ul li.col-2 {width:50%; float:left;   box-sizing:border-box;}
.box_100 ul li.col-2:last-child {float:right; margin-right:0%;}

.box_100 ul li.col-3 {width:32%; float:left; border:1px solid #ddd; box-sizing:border-box;}
.box_100 ul li.col-3:last-child {float:right; margin-right:0%;}

.box_100 .business_ul  .bar_div {width:60px; background:#333; height:1px; float:left; display:inline-block; margin:0 auto; z-index:999999; position:relative;}
.box_100 ul li.col-2 img { width:100%;}
.box_100 ul li.col-3 img { width:100%;}

.box_60 {width:60%; float:left;}
.box_60 .pgwSlider {margin-right:80px; float:right; display:block;}

.text_box_sm {font-size:0.92em; color:#666; line-height:1.4em}
.text_box {font-size:0.95em; color:#555; line-height:1.6em}
.text_box2 {font-size:1em; color:#555;}
.text_box3 {font-size:1.1em; color:#333;}
.text_box4 {font-size:1.2em; color:#333;}
.text_box5 {font-size:1.3em; color:#333;}
.text_box6 {font-size:1.4em; color:#333;}
.text_box7 {font-size:1.5em; color:#333;}

.t1 {font-size:1.8rem; font-weight:600; line-height:1.3em; color:#444;}
.t2 {font-size:23px; font-weight:600; line-height:1.35em; color:#333;}
.t3 {font-size:17px; font-weight:400; color:#666; line-height:1.5;}



.mt_1{margin-top:1em;}
.mt_2{margin-top:2em;}
.mt_3{margin-top:3em;}
.mt_4{margin-top:4em;}





.tab {width:100%; display:flex}
.tab  li  {border-right:2px solid #fff; background-color:#f1f1f1; width:50%; text-align:Center; height:50px; position:relative;  display:inline-block ; /* margin:0 1px; */ transition: all 0.1s ease-out;}
.tab li a {display:inline-block; width:100%; line-height:50px; font-size:1.1rem;  position:absolute; left:0; top:0;  transition: all 0.1s ease-out; font-weight:600; letter-spacing:0}

.tab  li.ov a {background-color:#333; color:#fff !important}



/* Nav */
#nav {position:relative;width:100%; float:left; background:rgba(255,255,255,0.8); }
#nav a {color:#333; font-size:18px; font-weight:500; display:block; padding:15px 20px; line-height:32px; text-decoration:none}
#nav ul li {position:relative; }

/* Top Level */
#nav li {transition:background-color .5s}
#nav li a:hover {background-color:#fff;}
#nav > ul > li {display:block; float:left; width:20%; text-align:center;}

/* Sub-level 1 */
#nav > ul li:hover > ul {opacity:1; top:65px; visibility:visible; }
#nav > ul ul {opacity:0; visibility:hidden; position:absolute; top:60px; transition:all .25s; }
#nav > ul ul li {background-color:#fff; width:240px; border-bottom:1px solid #eaeaea;}
#nav > ul ul li a { display:block;padding:10px 20px; color:#333;}

/* Level 2 and Beyond */
#nav > ul  ul li > ul {margin-left:180px; top:15px}
#nav > ul  ul li:hover > ul {margin-left:180px; top:0; }
#nav li.submenu:after {content:"\25BA"; color:#fff; display:block; float:right; font-size:10px; height:20px; position:absolute; right:10px; top:12px}

/* Clearfix */
.clearfix:after {visibility: hidden; display: block; font-size: 0; content:" "; clear:both; height:0}

/*메뉴*/
.menu  {width:1200px; margin:0 auto; box-sizing:border-box;  }
.topmenu {width:100%; float:Left; border-radius:0 30px;}
.topmenu2 .topmenu li.sitemap  {width:200px; float:right; }

.topmenu2 li.logo {width:300px; margin:0 auto; }
.topmenu2 li.logo a {width:100%; float:left;  margin-bottom:15px;}


.topmenu2 .language{
  border-style:none;
  background:none;
  color:#5B5B5B;
 font-size:15px;
 }

.topmenu2 .language1{ width:485px;  float:right; border:0px solid #c00; margin-top:15px;}


#main .visual-notice_wrap{width:1200px;bottom:0; left:50%; transform: translate(-50%, 0%); position:absolute; background:#d0b987 }
#main .visual-notice{width:1200px; margin:0 auto; border:0px solid #fff; }

#main .visual-notice:after{content:'';  height:100%; right:0; position:absolute; top:0;}
#main .visual-notice h3{color:#fff; float:left; font-size:20px;padding:20px 0; max-width:140px; margin:0;box-sizing:border-box;	}
#main .visual-notice ul li a{white-space: nowrap; margin-right:30px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; display:block; color:#fff; font-weight:300;}

#main .bbs-slider{ float:left; width:80%;padding:20px 0; }
#main .bbs-slider li{ float:50%; float:left; }

#main .bbs_arr_wrap {float:right; display:inline-block; margin-right:35px; margin-top:26px; }
#main .bbs_arr_wrap a{float:right; display:block;}

#main .bbs-slider .slick-arrow{width:9px; height:8px; top:20px; right:0; margin-left:0; left:auto; transform:none; opacity:0.5;}
#main .bbs-slider .slick-arrow:hover{opacity:1;}
#main .bbs-slider .slick-next{background:url('/img/arr-down.png') no-repeat center center; bottom:20px; top:auto;}
#main .bbs-slider .slick-prev{background:url('/img/arr-up.png') no-repeat center center; top:20px; }
#main .slick-prev:before, #main .slick-next:before{display:none;}

/*.nav  li  {  font-size:22px; font-weight:600; display:inline-block;  float:left;  line-height:70px; margin:0px 0; text-align:center;   padding:0;}*/
/*.nav  li   a {color:#555 !important;}*/

/* 공지사항 */
.notice_ul {width:100%; float:left; padding:60px 0;}
.notice_ul>li {width:48.5%;float:left; height:220px;  margin-right:2%; list-style:none; }
.notice_ul>li:first-child {padding:30px 20px; box-sizing:border-box;  border:1px solid #ddd; }
.notice_ul>li:last-child {float:right; margin-right:0; border:1px solid #ddd; box-sizing:border-box;}

.notice_ul>li .notice_txt_left {width:28%; height:100%;float:left; background:#fff;  box-sizing:border-box; border-right:0px solid #ddd;}
.notice_ul>li .notice_txt_left h3 {font-size:30px; color:#333; }

.notice_ul>li .notice_txt_right { width:72%; float:right; padding:10px 30px; box-sizing:border-box;}
.notice_ul>li .notice_txt_right ul li {font-size:18px; color:#666; line-height:1em; list-style:disc; margin-left:15px; margin-bottom:12px;}
.notice_ul>li .notice_txt_right ul li:last-child {margin-bottom:0;}


#banner_box  {position:relative; width:100%; float:left;  }
#banner_box  ul.banner_wrap li   {width:50%;background:#ded; height:160px;box-sizing:border-box; text-align:center;}
#banner_box  ul.banner_wrap li  a {display:block;  }

#banner_box  ul.banner_wrap li h5   {font-size:25px; font-weight:600; color:#fff; margin-bottom:5px; margin-top:52px;}
#banner_box  ul.banner_wrap li p  {font-size:18px; font-weight:400; color:rgba(255,255,255,0.8);  }



.main_vi_wrap {}
.main_vi_wrap .svg-wrapper {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  width: 520px;
  text-align: center;
}
.main_vi_wrap .shape {
  stroke-dasharray: 0 580;
  stroke-dashoffset: 580;
  stroke-width: 4px;
  fill: transparent;
  stroke: #fefefe;
  border-bottom: 5px solid black;
  transition: stroke-width 2.7s, stroke-dashoffset 2.7s, stroke-dasharray 1.3s;
  transition-delay: 0s;
  fill: rgb(20,20,20);
}
.main_vi_wrap .text {
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 8px;
  color: #fff;
  top: -48px;
  position: relative;
  text-align: center;
  height: 75px;
  width: 520px;
  font-variant: small-caps;
}
.main_vi_wrap .shape-border {
  stroke-width: 4px;
  stroke-dashoffset: 0;
  stroke-dasharray: 480 100;
}





h3 {width:100%; text-align:center; font-size:35px; font-weight:700; color:#333;  }

.guide_text {font-size:17px; line-height:1.8em; color:#666;  width:100%; text-align:center; float:left; margin:20px 0;  }

a.main_btn {font-size:19px;  border:0px solid #fff; border-radius:5px; color:#fff !important; background:#c00; width:240px; display:inline-block; text-align:center; line-height:58px;}
span.main_btn {position:absolute; top:150px; left:40%;font-size:18px; border:1px solid #fff; border-radius:5px; color:#fff !important; width:250px; display:inline-block; text-align:center; line-height:60px; }


h4.tt {font-size:40px; font-weight:600; width:100%; float:left; line-height:1.4em; color:#333;}
h3.tt {font-size:30px;  font-weight:400; width:100%; float:left;  line-height:1.3em; color:#333;}
p.tt {font-size:25px; font-weight:400; width:100%; float:left;   line-height:1.3em; color:#999;}

.in .guide {width:100%; text-align:center; float:left; font-size:32px; font-weight:700; color:#333; margin-top:50px; margin-bottom:40px;  padding-bottom:10px; }




/* layout -lnb */
.lnb_wrap{position:relative; width:100%; float:left; height:60px; margin-bottom:50px;}
.lnb{position:absolute; left:0; top:0; width:100%; height:60px; background-color:#f7f7f7; border-bottom:1px solid #dadada;}
.lnb.on{position:fixed; z-index:1000;}
.lnb > ul{width:1200px; margin:0 auto; font-size:0px;}
.lnb > ul:after{display:block; clear:both; content:'';}
.lnb > ul > li{display:inline-block; position:relative;}
.lnb > ul > li > a{display:block; position:relative; font-size:17px; font-weight:400; text-align:center; line-height:60px; color:#000;}

.lnb > ul > li.on > a{border-bottom:2px solid #d4b666; line-height:59px; color:#d4b666;}
.lnb > ul > li > a:after{position:absolute; right:0; top:50%; width:1px; height:20px; margin-top:-10px; background:#dcdcdc; content:"";}
.lnb > ul > li:first-child > a:before{position:absolute; left:0; top:50%; width:1px; height:20px; margin-top:-10px; background:#dcdcdc; content:"";}
.lnb > ul > li > a .lnb_arrow{display:inline-block; width:11px; height:6px; margin-left:10px; background:url("/Resources/Kor/images/common/ico_common.png") -468px -154px no-repeat; vertical-align:middle;}
.lnb > ul > li.on > a .lnb_arrow{background-position:-432px -154px;}
.lnb.col3 li{width:33.3%;}

.lnb.col4 li{width:25%;}
.lnb.col5 li{width:20%;}
.lnb.col6 li{width:16.66666%;}
.lnb.col7 li{width:14.2857%;}
.lnb .sub_lnb{display:none; position:absolute; left:0; top:71px; z-index:100; width:100%; border:1px solid #dcdcdc; border-top:none;}
.lnb li.active .sub_lnb{display:block;}
.lnb .sub_lnb li{width:100%; border-top:1px solid #dcdcdc;}
.lnb .sub_lnb li:first-child{border-top:none;}
.lnb .sub_lnb li a{display:block; position:relative; padding:0 20px; background-color:#fff; font-size:16px; line-height:48px; color:#666;}
.lnb .sub_lnb li a:hover{color:#d4b666;}
.lnb .sub_lnb li a:after{display:inline-block; position:absolute; right:20px; top:20px; width:6px; height:11px; background:url("/Resources/Kor/images/common/ico_common.png") -471px -180px no-repeat; content:'';}





.s_line{border:0px solid gray; display:block;width:28px;height:20px; position:relative; margin:0 auto;}

.s_line:after{
  content:""; position:absolute; border-top:4px solid #d4b666; width:40px;
  transform: rotate(25deg);

}

.sian_tab {position:relative; width:100%; float:left;}
.sian_tab li {width:25%; float:left; background-color:#f9f9f9;}
.sian_tab li a {width:100%; display:inline-block; text-align:center; line-height:55px; font-size:18px; font-weight:500; color:#555; }
.sian_tab li.ov  {background-color:#333;}
.sian_tab li.ov  a {color:#fff;}


.contact_tab {width:100%; float:left; margin-bottom:20px;}
.contact_tab li {width:25%; float:left; background-color:#f9f9f9 ;}
.contact_tab li a {width:100%; display:inline-block; text-align:center; line-height:55px; font-size:20px; font-weight:600; color:#555; }
.contact_tab li.ov  {border:1px solid #333; box-sizing:border-box; border-bottom:none; background:#fff;}
.contact_tab li.ov  a {color:#333; font-weight:600;}


.tab_mn{width:100%;}
.tab_mn:after{content:''; display:block; clear:both;}
.tab_mn li{width:33.333%; box-sizing:border-box; font-size:16px; background-color:#f9f9f9; padding:15px 0; font-weight:600;
text-align:center; float:left; list-style:none;}
.tab_mn .ov{background-color:#444;}
.tab_mn .ov a{color:#fff;}
.tab_mn li a{width:100%; display:block;}



footer{color:#888;}
footer:after{content:''; display:block; clear:both;}
footer a {color:#444 !important; font-weight:600; display:inline-block;}


.footer_div02{width:100%; display:block; position: relative;}
.footer_div02 .in{overflow:hidden}
.footer_div02 ul{display:flex; align-items:center; padding:2em 0; justify-content:space-between;}
.footer_div02 ul li  { font-size:0.9rem;}
.footer_div02 ul li:nth-child(2){line-height:1.6; margin-right:17em}
.footer_div02 ul li img  { margin-right:60px;}


.pc_none1{display:none;}


.admin_btn{text-decoration:underline; position:absolute; top:20%; right:20%; transform:translate(-20%,-20%)}
.admin_btn p{cursor:pointer; font-weight:600}
.admin_btn p:hover{color:#2C3184}
.admin_btn p:first-child{margin-right:1em;}


.family_site select{border:1px solid #ddd; padding:0.5em; box-sizing:border-box; font-size:1.1rem;}
.family_site select option{}