*   {margin:0px; padding:0px; font-family:'Noto Sans KR',"NanumGothic",NanumGothic,verdana,'Malgun Gothic',맑은고딕,sans-serif; }
body	{padding:0; margin:0; height:100% ; }
a					{selector-dummy: expression(this.hideFocus=true);} /* 일반 링크포커스 감추기 */
a,img		{selector-dummy: expression(this.hideFocus=true);} /* 이미지맵 링크포커스 감추기 */
img         {border:0px;}
table  		{border-collapse:collapse;}
li {list-style:none}


.text_bor {border:1px solid #ddd; width:100%; float:left; padding:20PX; box-sizing:border-box;}
.text_bgbox {border:1px solid #ddd; background:#ebf3f8;width:100%; float:left; padding:20px; box-sizing:border-box; border-radius:6px;}
.greet_text_box {width:35%; float:left; font-size:18px; line-height:1.4em; margin-top:20px; text-align:left; color:#666; }


.box_22 {width:22% !important; float:left; }

.box_40 {width:40% !important; float:left; }
.box_45 {width:45% !important; float:left; }
.box_50 {width:50% !important; float:left; }
.box_55 {width:55% !important; float:left; }
.box_60 {width:60% !important; float:left; }
.box_65 {width:65% !important; float:left; }
.box_70 {width:70% !important; float:left; }
.box_100 {width:100% !important; float:left; }

.sub02_bg {background:url('/htm/pshs/img/sub02_bg.png') no-repeat center center;width:100%; float:left; height:500px;}

/*Edge - works to 41.16299.402.0 */
    @supports (-ms-ime-align:auto)
    {
        html{
            overflow: hidden;
            height: 100%;
        }
        body{
            overflow: auto;
            height: 100%;
            position: relative;
        }
    }



html  { width:100%; height:100%;  }
#main {height:100%; width:100%;   }
#sub {height:100%; width:100%;   }
.main_vi {width:100%; float:left;}
.c {text-align:center !important;}
.bg_gr{background:#e9f3e5; width:100%; float:left;}
.f_blue {color:#003399}
.f_red {color:#c00;}
.f_wh{color:#fff;}


h3 span {color:#459dd6;}
h4 {width:100%; text-align:center; font-size:25px; font-weight:700;  color:#333; margin-bottom:20px;   }
/*h4 span {font-size:0.65em; width:100%; line-height:40px; font-weight:400; color:#777; display:inline-block}*/
.line {width:100%; height:1px; background-color:#ddd; display:inline-block; margin:50px 0;}

a.basic_btn {width:210px; line-height:56px; display:inline-block; background-color:#459dd6; color:#fff !important;  font-size:18px; border-radius:3px; font-weight:600;     transition: all 0.3s ease-out;}
a.basic_btn:hover {background-color:#333; color:#fff}

/* main_wrap */
.main_wrap { box-sizing:border-box; display:block; width:100%; float:left; padding:20px 0 40px 0}

#sub .text_wrap {font-size:17px; color:#666; line-height:1.5em;  padding:50px 0; width:100%; display:inline-block; box-sizing:border-box}
#sub .text_wrap b {font-size:1.6em; color:#333; font-weight:700}

ul.basic {width:100%;}
ul.basic li {width:93%; margin-left:3%; margin-bottom:5px; box-sizing:border-box; font-size:0.97em;  padding-left:10px; list-style:disc}

.section_h2 {text-align:center; font-size:28px; font-weight:600; color:#333; margin-bottom:30px; letter-spacing:-1px}


/* Section01  */
#section01 { position:relative; float:left;  width:100%; }
#section01 .section01_wrap { max-width:1250px; margin:0 auto; }
#section01 .s1_box_left {width:49%; float:left;  padding:30px 0; box-sizing:border-box;  }
#section01 .s1_box_right {width:49%; float:right;  box-sizing:border-box; padding:30px 0;  box-sizing:border-box; background:#fff;}


/* 달력 */
.calendar_wrap {width:100%; float:left; padding:0; box-sizing:border-box; border:1px solid #ddd; height:265px; }
.calender_top{width:100%; float:left; text-align:center;  padding:20px; box-sizing:border-box;}
.calender_top img {margin-top:-10px; border-left:}
.cal_date {color:#333; font-size:2em; font-weight:600; padding:0 20px;}

.calender_top  .cal_date {font-weight:600; color:#333; font-size:25px}

.calender_top ul  {margin-top:15px;}
.calender_top li  {margin-bottom:5px;  width:100%; float:left; padding:3px 0; text-align:left; font-size:15px;}
.calender_top li:last-child {margin-bottom:0}
.calender_top li  a{color:#666;  font-size:14px; font-weight:400; text-align:left;}
.calender_top li  a:hover{color:#333;}
.calender_top li span{color:#fff; float:left; font-size:12px; letter-spacing:0; vertical-align:middle; font-weight:300; line-height:24px; padding:0 8px; margin-right:8px;background:#555; border-radius:10px; }



table.calender   {width:100%; float:left;   background:#fff; }
table.calender  th   {width:14.28571428%; text-align:center; padding:10px 10px; background-color:#f9f9f9; border-bottom:1px solid #ddd;  font-size:0.9em; font-weight:500; color:#333;}
table.calender  td   {width:14.28571428%;    text-align:center; box-sizing:border-box; padding:9px 10px; }
table.calender  .date   { position:relative;font-weight:500; font-size:0.9em;  line-height:1em;}
.today_bg {background:url('/common/img/main/today_bg.png') no-repeat center center; line-height:25px;	width:25px; height:25px; box-sizing:border-box;  vertical-align:0}
/*.red_dot {background:#c00; width:5px; height:5px; position:absolute; top:0; left:-5px; border-radius:5px; display:inline }*/
.red_dot {background:url('/common/img/main/red_dot.png') no-repeat center 0; width:4px; height:4px;  border-radius:4px;  }

#section01 .s1_top_news {width:100%;float:left;}
#section01 .s1_top_news li {float:left; background:#f9f9f9; height:120px;}
#section01 .s1_top_news h2 {font-weight:600;font-size:20px; padding:0; color:#333; font-family:"Noto Sans KR";  margin-bottom:5px;}
#section01 .s1_top_news span {font-weight:300; color:#fff;font-size:15px; display:block; opacity:0.7}
#section01 .s1_top_news p {font-weight:300; color:#777;font-size:15px}
#section01 .s1_top_news .year {font-size:28px; text-align:center; font-weight:600;  color:#fff; letter-spacing:0; display:block}
#section01 .s1_top_news a {text-decoration:none}

#section01 .tab-menu {width:100%; float:left; border-bottom:1px solid #ddd;}
#section01 ul.tab-menu {
	position:relative;
	float:left;
	list-style-type: none;
	margin:0;
	padding:0;
}

#section01 .tab-menu li {
    height: 40px;
    line-height:38px;
    float: left;
}

#section01 .tab-menu li.current {
    position: relative;
    background-color: #fff;
    border-bottom: 0px solid #fff;
    z-index: 5;
}

#section01 .tab-menu li a {
    padding:8px 20px;
    text-transform: uppercase;
    color: #777;
	font-size:18px;
    text-decoration: none;
}

#section01 .tab-menu .current a {
    color: #610827;
	border-bottom:3px solid #610827;
	font-weight:600;
}

#section01 .tabs {
	position:relative;
    background-color: #fff;
    margin-bottom: 10px;
    width: auto;
}

#section01 .tab-content {
    padding: 10px 5px;
	box-sizing:border-box;
	float:left;
    display: none;
}

#section01 #tab-1 {
 display: block;
}

#section01 .s1_more_btn {position:absolute; top:10px; right:0px; color:#999; font-size:15px;}

#section01 .tabs ul li.dot{width:100%; float:left; background:url('/common/img/li_dot2.png') no-repeat center left;  line-height:2em; margin-left:5px }
#section01 .tabs ul li a{color:#666; margin-left:12px; font-size:16px; font-weight:400 }
#section01 .tabs ul li a:hover{color:#333;}
#section01 .tabs ul li span{color:#999; float:right; font-size:14px; font-weight:300;}

#section01 .s1_top_news .top_news_bg{background:#22372b;  height:120px; padding-top:35px;}


/* Section02  */
#section02 { position:relative; float:left;  width:100%; }
#section02 .section02_wrap { max-width:1250px; margin:0 auto; }

#section02  .card-title {font-size:18px !important; margin-bottom:0;}



#section02 .s2_left_box h2 {color:#610827; font-size:22px; margin-bottom:10px; border-bottom:1px solid #ddd; box-sizing:border-box; padding-bottom:10px }




/*/* Defines the width of the carousel and centers it on the page */*/
/*.slick-carousel {*/
/*  margin: 0 auto;*/
/*  width: 1250px;*/
/*}*/
/**/
/*/* The width of each slide */*/
/*.slick-slide {*/
/*  width: 24%;*/
/*}*/
/**/
/*.slick-carousel .s2_gall_img {background-size:cover;  height:245px; z-index:9}*/
/*.slick-carousel .s2_gall_txt { background:#cdc; padding:15px; box-sizing:border-box; display:block; margin-top:190px; z-index:99}*/
/*/* Color of the arrows */*/
/*.slick-next::before, .slick-prev::before {*/
/*  color: blue;*/
/*}*/





#section02 .s2_left_box ul li {width:49%; float:left; height:180px; }
#section02 .s2_left_box img { height:180px; margin-top:5px }

#section02 .s2_right_box  {width:49%; margin-right:0; float:left;  height:180px; }





/* Section03  */
#section03 { position:relative;width:100%; float:left;  margin-top:40px; }
#section03 h3 {padding:0}
#section03 .section03_wrap { max-width:1250px; margin:0 auto; }

#section03 .s3_left_box {position:relative; width:50%; float:left; }
#section03 .s3_left_box_wrap {padding:30px; box-sizing:border-box;}
#section03 .s3_left_box_wrap table {width:100%; float:left;}

#section03 .s3_right_box {position:relative; width:50%; float:right;}
#section03 .s3_right_box_wrap {padding:30px; box-sizing:border-box;}


/* Section04  */
#section04 { position:relative;width:100%; float:left;  padding:30px 0;  background:#22372b;}
#section04 .section04_wrap { max-width:1250px; margin:0 auto; }

#section04 h3 {padding:0}
#section04 ul li {width:16.666%; float:left; text-align:center; border-right:1px dashed rgba(255,255,255,0.2)}
#section04 ul li a {display:block; text-decoration:none; color:#fff; font-size:18px; font-weight:500}
#section04 ul li a:hover {}
#section04 ul li img {margin-bottom:10px; box-sizing:border-box; }

#section04 ul li span {display:block;}





a.fixed_top {position:absolute; bottom:114px; right:350px;width:50px; line-height:50px; text-align:center; float:right;  background-color:#666;  color:#fff !important; font-size:15px; }

footer {position:relative;width:100%;  min-width:1200px;padding:30px 0;   box-sizing:border-box;  background:#651D32; float:left; border-top:1px solid #ddd;}
footer .footer_wrap {min-width:1200px;  padding:0 3%; margin:0 auto;  box-sizing:border-box;  }
footer img {float:left; margin-top:15px; }
footer ul {width:100%; color:#fff; }
footer ul li {font-size:0.93em;  margin-right:10px; line-height:20px; font-weight:300;color:rgba(255,255,255,.3);color:#fff;   display:inline-block text-align:center;}

footer .footer_wrap div.box {  margin-right:3%;  display:inline-block; font-size:0.92em; font-weight:300; line-height:1.2em;color:#fff;  }
footer .footer_wrap div.box:last-child { margin-right:0}
.footer_wrap span a {color:#ddd;}

footer .footer_wrap div.box b {font-size:1em; color:#fff; font-weight:500; line-height:22px; text-align:left; margin-top:10px;}
footer .footer_wrap div.box span {font-size:1.03em; }
footer div span {color:#fff; display:inline-block;  font-weight:400; font-size:0.9em; float:left;}
footer .line {background-color:rgba(255,255,255,.3); height:1px;  margin:12px 0;}



.main_wrap .tab {width:100%; float:left;  border-top:1px solid #ddd;}
.main_wrap .tab li {width:25%; float:left; text-align:center; margin-right:0; line-height:50px; font-size:18px; background-color:#fff }
.main_wrap .tab li.ov {background-color:#459dd6;}
.main_wrap .tab li a {width:100%; display:inline-block; color:#333 !important}
.main_wrap .tab li.ov a {color:#fff !important}

@media all and (max-width:1400px){
#top  p  {width:20%; text-align:Center;  float:left;  }
#top  p  img { width:100%}
#top  p span {display:none}
}




/*************************************************

     MOBILE DROPDOWN MENU USING HTML/CSS/JS

*************************************************/

.page_container{
/*  position: fixed;*/
/*  float:left;
  width: 100%;
  height: 100%; */

}

.desktop_menu{
  width: 240px;
  float:left;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background: #222220;
}



/*  header{*/
/*    width: 100%;*/
/*    height: 30px;*/
/*    font-size: 24px;*/
/*    color: #f0e9e1;*/
/*    font-family: 'Helvetica';*/
/*    font-weight: 100;*/
/*    text-align: center;*/
/*    padding: 10px 0;*/
/*  }*/

  hr{
    width: 60%;
  }

  ul.main_menu{
    list-style: none;
    padding: 0 0;
    position: relative;
    float: left;
    width: 100%;
    height: auto;
  }
    ul.main_menu a{
      display: inline-block;
      width: 90%;
      height: 30px;
      padding: 5px 5%;
      font-size: 21px;
      color: #f0e9e1;
      font-family: 'Helvetica';
      font-weight: 100;
      text-decoration: none;
    }
      ul.main_menu a:hover{
        color: #b7cfd9;
        cursor: pointer;
      }

  ul.sub_menu{
    list-style: none;
    padding: 0 0;
    position: relative;
    float: left;
    width: 100%;
    height: 0;
    background: #383836;
/*    box-shadow: 0 0 4px #000;*/
    overflow: hidden;
    transition: all ease 250ms;
  }
    ul.sub_menu a{
      display: inline-block;
      width: 80%;
      height: 24px;
      padding: 5px 10%;
      font-size: 18px;
      color: #f0e9e1;
      font-family: 'Helvetica';
      font-weight: 100;
      text-decoration: none;
    }

/**/
/*.page_content{*/
/*  position: fixed;*/
/*  top: 0;*/
/*  left: 300px;*/
/*  width: 300px;*/
/*  height: 100%;*/
/*  overflow-x: hidden;*/
/*  overflow-y: auto;*/
/*  background: transparent;*/
/**/
/*}*/



#wrap .page_content{
	width: 100%;
	float:right;
	/*padding: 0 4em 3.125em 6em;*/
}


#section02 ul.s2_mn_wrap>li {width:100%; height:290px; padding:30px 30px; box-sizing:border-box;  background:#610827;}
#section02 ul.s2_mn_wrap>li h2 {color:#fff; font-size:22px; margin-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.3); box-sizing:border-box; padding-bottom:10px }
#section02 ul.s2_mn_wrap>li .right_box_btn_wrap {width:100%; float:left; background:#fff; margin-top:5px;}

#section02 ul.s2_mn_wrap>li .right_box_btn_wrap img {width:38px; margin-right:10px;}

#section02 ul.s2_mn_wrap>li .right_box_btn_wrap ul li {width:50%;float :left; background:#fff; }
#section02 ul.s2_mn_wrap>li .right_box_btn_wrap ul li a{font-size:16px;font-weight:500; color:#333; text-align:left; border:1px solid #ddd;  display:block; padding:10px 15px;box-sizing:border-box; }
#section02 ul.s2_mn_wrap>li .right_box_btn_wrap ul li a:hover{background:#f5f5f5;}



/* 플로우 배너 */
.flow_wrap {width:1200px; margin:0 auto; position:relative; }
.flow_bn {position:Relative; width:100%; float:left; padding:15px 0;  background:#f9f9f9; border-top:1px solid #ddd;}
.flow_bn .swiper-slide img {width:230px; height:60px;  float:left; }


/* vertical_tab_nav */
#vertical_tab_nav{
	width: 100%;
	float:left;
	display: block;
	overflow:hidden;
	position:relative;
	overflow:hidden;
	height:268px;
}


/* v_tab_mn */
#vertical_tab_nav ul.v_tab_mn{
   position:absolute;
   top:50px;
   display: block;
   line-height:35px;
   list-style: none;
   overflow: hidden;
   width: 140px;
   background:#f5f5f5;
}

#vertical_tab_nav .v_tab_mn li{
	margin-bottom: 0px;
   text-align: center;
   border-bottom:1.5px solid #fff;
   padding: 0px;
}

#vertical_tab_nav .v_tab_mn li:hover {
	margin-bottom: 0px;
	padding: 0px;
}

#vertical_tab_nav .v_tab_mn li:last-child{
   margin-bottom: 0px;
  border-bottom: 0px;
}
#vertical_tab_nav .v_tab_mn li a{
   display: block;
   font-size: 16px;
   color: #888;
   text-decoration: none;
   padding: 4%;
}

#vertical_tab_nav .v_tab_mn li a.selected{
   background: #555;
   color: #fff;
}

/* 전체틀 */
#vertical_tab_nav div.div_wrap{
   display: block;
   width:100%;
   float: left;
   background: #fff;
   height: 265px;
   padding: 25px 30px;
   box-sizing:border-box;
   border:1px solid #ddd;
}


#vertical_tab_nav a.morebtn { font-size:0.8em; color:#777; font-weight:300; position:absolute; top:18px; right:20px; 	letter-spacing:0;}
#vertical_tab_nav a.morebtn:hover {color:#333; text-decoration:underline; }

#vertical_tab_nav div.div_wrap article{
   display: none;
   margin: 0px;
   color: #000;
   font-size:17px;
}

#vertical_tab_nav div.div_wrap article .notice_list_wrap{
   width:77%; float:right; margin-top:15px;
}

#vertical_tab_nav div.div_wrap article .notice_list_wrap li {
text-align:left;width:100%; float:left; background:url('/common/img/li_dot2.png') no-repeat center left;  line-height:1.8em; margin-left:5px; }


#vertical_tab_nav div.div_wrap article .notice_list_wrap li  a{color:#555; margin-left:10px; font-size:15.5px; font-weight:400 }
#vertical_tab_nav div.div_wrap article .notice_list_wrap li  a:hover{color:#333;}
#vertical_tab_nav div.div_wrap article .notice_list_wrap li span{color:#999; float:right; font-size:14px; font-weight:300;}


.border_ul_box {padding:30px;}