@charset "utf-8";
/* CSS Document */
@import url('../css/akom_font.css');




/* reset */
html,body {margin:0; padding:0; -webkit-text-size-adjust:none;  height:100%;    -webkit-text-size-adjust:none;  }
body { line-height:1.6em; color:#000; box-sizing: border-box;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal; vertical-align: middle;}
thead, tr, th, td, input, select, textarea
{margin:0; padding:0;}
ol,ul, li {margin:0; padding:0; list-style:none;}
div,li,dl,dt,dd,form,iframe,p,a,span,blockquote {margin:0; padding:0;}
i, em, address {font-style:normal;}
fieldset {margin:0; padding:0; border:0 solid transparent;}
label {vertical-align:middle; }
img {margin:0; padding:0; border:none; vertical-align:middle; }
img, fieldset, textarea, button, input{border:none;}
input, select, textarea, form img{vertical-align:middle;}
table{border-collapse:collapse; }
caption{font-size:0; display:none;}
table {border-collapse:separate;  border-spacing:0;}
table,th,td {border-spacing:0; margin:0; padding:0; border-collapse:collapse; font-weight:normal;}
input, select, textarea{color:#777; font-size:100%;   }
input{padding:0 10px;}

legend, hr, .skip, .script_skip{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
cursor{cursor:pointer;}
textarea{overflow:hidden; padding:10px; border:1px solid #d1d1d0; width:100%;}
select {
        padding:0 16px;        
        font-weight:500;        
        border-radius: 5px;
        background-color: white;
        color: #333;
        appearance: none; /* 브라우저 기본 스타일 제거 */
        -webkit-appearance: none;
        -moz-appearance: none;
        background:#fff url('../svg/ico_arr_up_gray.svg');
        background-repeat: no-repeat;
        background-position: right 12px center;
        background-size: 12px;
        border-color:transparent;
    }



    /* select 박스가 포커스될 때 스타일 */
    select:focus {
        border-color: #007EF4;
        outline: none;
        box-shadow: 0 0 5px rgba(0, 126, 244, 0.5);
    }

   



a,a:link a:active, a:focus, a:visited {color:#555; text-decoration:none;  outline:0;}
a:hover{color:#555; text-decoration:none;}


/*align*/
.Vstack{display:flex; flex-direction:column;}







/* form */


/*input[type='image'] {}*/

#select_box03 {position: relative; width: 150px; height: 36px; background: url("../img/common/selec02_icon.png") no-repeat #fff; background-position:90% 50%; border: 1px solid #c4c4c4; }
#select_box03 label { position:absolute; font-size: 15px; color: #000; padding-left:10px; letter-spacing: 1px; line-height: 36px;  }
#select_box03 select#selec02 {width: 100%; height: 36px; min-height: 36px; line-height: 36px; padding: 0 10px; opacity: 0; filter: alpha(opacity=0); } 

#select_box02 {position: relative;/*width: 273px;*/  height: 44px; background: url("../img/common/selec02_icon.png") 246px center no-repeat #fff;  border: 1px solid #686868; }
#select_box02 label { position:absolute;  font-size: 15px; color: #000; padding-left:10px;  letter-spacing: 1px;  line-height: 44px; }
#select_box02 select#selec02 {width: 100%; height: 44px; min-height: 44px; line-height: 44px;  padding: 0 10px;  opacity: 0;filter: alpha(opacity=0); }       


/*input[readonly]{background:#f8f8f8;  border:1px solid #e0e0e0; height:30px; line-height:30px;  font-weight:bold; box-sizing:border-box; -webkit-text-fill-color: rgba(114, 114, 114, 1); 
 -webkit-opacity: 1; color: rgba(114, 114, 114, 1); }
input[disabled]{background:#f8f8f8;  border:1px solid #e0e0e0; height:30px; line-height:30px; text-indent:10px; font-weight:bold; box-sizing:border-box; -webkit-text-fill-color: rgba(114, 114, 114, 1); 
 -webkit-opacity: 1; color: rgba(114, 114, 114, 1);}
input[type="search"] {-webkit-appearance: textfield; box-sizing:content-box; font-size:16px;} /*web chorome,safari remove border*/
input[type="checkbox"]{width:20px; height:20px; border:1px solid #dedede; border-radius:4px;}
input[type="radio"]{width:18px; height:18px; vertical-align:middle;}
input[placeholder], [placeholder], *[placeholder]{color:#8b8b8b; line-height:32px; font-size:18px; }*/



/*form*/
.Input_box03{width:273px;}
.Input_box03 input{width:auto !important; height:46px; border:1px solid #686868; color:#000;  margin:0;}
.Input_box03 input[type=text]{ color:#000;}
.Input_box03 input[placeholder], [placeholder], *[placeholder]{ font-size:15px; line-height:45px;}



           

/*font-size지정*/
body{font-size:14px;}
.tit{font-size:135%;}
.txt_info{font-size:100%;}

/*레이아웃*/
#wrap{width:100%; background:#f6f6f6; }
#header { text-align:center; width:100%; height:100%; z-index:10; background:#fff; border-right:1px solid #d8d8d8;}
#container{position:relative; }
#footer{ display: block;   background:#fff;  }
.sitewidth{width:852px; margin:auto;}

/*왼쪽메뉴*/
#header .header_wrap{position: relative;  width:100%; height:100%; background:#fff; padding-top:40px; z-index:10; display:none;}
#header .hd_con{width:204px; margin:auto; clear:both;}
#header #logo{width:204px; margin:0 auto 30px;}
#header #logo img{width:100%;}

#header #gnb{}
#header #gnb ul{width:100%; overflow: hidden; border:1px solid #d7d7d7;}
#header #gnb ul li{float:left; width:50%; height:36px; line-height:36px; border-right:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; box-sizing: border-box;}

#header #icon_menu{ margin-top:30px; overflow: hidden; }
#header #icon_menu ul{width:100%;  border:1px solid #d3d3d3; overflow: hidden; box-sizing: border-box; border-right:none;}
#header #icon_menu ul li{float:left;  width:33.3%; height:54px; vertical-align: middle; line-height:54px; box-sizing:  border-box;  border-right:1px solid #d3d3d3; }
#header #icon_menu ul li a img{vertical-align: middle; line-height:54px;}
#header #icon_menu ul li a{height:inherit;  display:table-cell; width:66px; text-align:center; vertical-align:middle;} 
#header #icon_menu ul li a:hover{ background:#f8f8f8;}

#header .lnb_wrap{width:100%; clear:both; text-align: left; margin-top:30px;}
#header .lnb_wrap span{font-weight:bold;}
#header .lnb_wrap ul li{ height:50px; line-height:50px; border-bottom:1px solid #e4e4e4; background:url(../img/icon04.png)no-repeat; background-position: right 25px top 50%;}
#header .lnb_wrap ul li span{margin-left:30px; font-size:130%; }
#header .lnb_wrap ul li.sub_box{ display:block; background:#0077DB; overflow: hidden; line-height:normal; height:auto; display: none;}
#header .lnb_wrap ul li .sub_wrap{margin:18px; overflow: hidden;}
#header .lnb_wrap ul li a.sub_menu{ display:block;  padding:10px 15px; color:#fff; font-size:110%;}
#header .lnb_wrap ul li a.sub_menu:hover{background:#FFFFFF; color:#447BBE;}

.hd_ban{display:block; margin-top:30px;}

.quick_go{width:85%; text-align: left;  margin:30px auto 0;}
#select_box {position: relative; width:100%; height: 33px;background: url(../img/icon05.png) right center no-repeat;border: 1px solid #c3c3c3;  margin-top:10px;  }
#select_box label {position:absolute;font-size: 14px; color: #727272; padding-left:10px; letter-spacing: 1px;line-height: 35px;   }
#select_box select#color { width: 100%;  height: 33px; min-height: 33px; line-height: 33px;  padding: 0 10px; opacity: 0; filter: alpha(opacity=0); } 

#select_box_01 {position: relative; width:100%; height: 33px;background: url(../img/icon05.png) right center no-repeat;border: 1px solid #c3c3c3;  margin-top:10px;  }
#select_box_01 label {position:absolute;font-size: 14px; color: #727272; padding-left:10px; letter-spacing: 1px;line-height: 35px;   }
#select_box_01 select#color_01 { width: 100%;  height: 33px; min-height: 33px; line-height: 33px;  padding: 0 10px; opacity: 0; filter: alpha(opacity=0); } 

#select_box_02 {position: relative; width:100%; height: 33px;background: url(../img/icon05.png) right center no-repeat;border: 1px solid #c3c3c3;  margin-top:10px;  }
#select_box_02 label {position:absolute;font-size: 14px; color: #727272; padding-left:10px; letter-spacing: 1px;line-height: 35px;   }
#select_box_02 select#color_02 { width: 100%;  height: 33px; min-height: 33px; line-height: 33px;  padding: 0 10px; opacity: 0; filter: alpha(opacity=0); } 

#footer .inner_wrap{ position:relative; display: flex; width:1280px; margin:auto; padding:40px 0;}
#footer .inner_wrap li{float:left;}
#footer .inner_wrap .foot_logo{width:162px; height:23px; margin-right:71px;}
#footer .inner_wrap .foot_menu{  overflow: hidden; flex:1;}
#footer .inner_wrap .foot_menu .menu_txt{ font-size:14px; color:#727272; font-weight:bold; margin-bottom:18px; height:16px;}
#footer .inner_wrap .foot_menu .menu_txt li{display:inline-block; padding-right:30px;}
#footer .inner_wrap .foot_menu .menu_txt li:first-child a{color:#007EF4;}
#footer .inner_wrap .foot_menu .add_txt{ font-size:12px; color:#898989;}
#footer .inner_wrap .foot_menu .add_txt li{ line-height:26px; clear:left;}
#footer .inner_wrap .foot_banner01{float:left; width:155px; height:52px; margin-left:50px; }
#footer .inner_wrap .foot_banner02{float:left; width:291px; height:80px; margin-left:40px; display:none; }
#footer .inner_wrap .foot_sns01{ width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#D9DFE4 url(../svg/footer_sns01.svg)no-repeat center; margin-left:40px;}
#footer .inner_wrap .foot_sns02{ width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#D9DFE4 url(../svg/footer_sns02.svg)no-repeat center; margin-left:12px;}
#footer .inner_wrap .foot_sns03{ width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#D9DFE4 url(../svg/footer_sns03.svg)no-repeat center; margin-left:12px;}
#footer .inner_wrap .foot_sns04{ width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#D9DFE4 url(../svg/footer_sns04.svg)no-repeat center; margin-left:12px;}


#footer .quick_link{width:100%; background:#E3EAF1;}
#footer .quick_link .quick_inner{width:1280px; display:flex; align-items:center; justify-content:space-between; margin:auto; padding:28px 0;}
#footer .quick_link .quick_inner .txt01{font-size:18px; font-weight:bold;}
#footer .quick_link .quick_inner .txt02{font-size:16px; font-weight:bold; color:#758391}
#footer .quick_link .quick_inner .link_group{display:flex; gap:12px;}
#footer .quick_link .quick_inner .link_group select{font-size:16px;    width: 220px;    padding: 12px 16px;}




/* 검색 */
.search_box{width:350px;  height:100%; background-color:#F5F5F5; position:absolute;	top:0; left:-300px; border:1px solid #d7d7d7; padding:150px 40px;	z-index:5;	box-sizing:border-box; text-align:left;}
.search_box .input_box{	margin-top:20px; ;}
.search_box .input_box span{display:block; float:left; margin:0; padding:0; }
.search_box .input_box .btn_search{ background:#525252 url(../img/icon19.png) no-repeat; background-position:50%; width:40px; height:40px; border:0;}
.search_box #search_input{width:228px;padding-left:10px;box-sizing:border-box; height:40px;border:2px solid #B7B7B7; letter-spacing:-1px;}
.search_box .search_list_box{clear:both}
.search_box .search_h3{	padding:20px 0 0 0;	border-bottom:2px solid #000000; height:30px; }
.search_box .search_list{margin-top:20px; font-size:110%;}
.search_box .search_list .list{list-style:none;padding:10px;	border-bottom:1px solid #BDBDBD;}

/* 탭 메뉴 */
ul.tabs {margin: 0;  padding: 0; float: left; list-style: none; height: 60px; border-bottom: 1px solid #5D6268; width: 100%; font-size:16px; box-sizing:border-box;}
ul.tabs li {float: left; text-align:center; cursor: pointer; width:175px; height: 60px; line-height: 60px; position: relative; box-sizing:border-box; border:1px solid #E0E0E0;	border-bottom:none;}
ul.tabs li.tab_active { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; border-top:3px solid #5D6268; border-left:1px solid #5D6268;	border-right:1px solid #5D6268;	box-sizing:border-box;}
.tab_box {width: 100%;	height:60px;}

.content_wrap{background:#fff; width:100%; min-height:550px; overflow: hidden;  }
/*board*/
.board_st1{width:100%; color:#666; background:#fff; font-size:16px; border-top:2px solid #5d6268;  border-bottom:1px solid #ccc;}
.board_st1 thead{ border-left:1px solid #ccc; border-right:1px solid #ccc;  background:#f5f5f5; overflow: auto;}
.board_st1 thead th{height:55px; line-height:55px; text-align:center; font-size:16px; color:#000; border-bottom:1px solid #ccc; }
.board_st1 tbody{border-bottom:1px solid #e8e8e8;}
.board_st1 tbody td{height:55px; line-height:55px; text-align:center; border-top:1px solid #e8e8e8;}
.board_st1 tbody td.noticeS{ background:#f5f5f5;}
.board_st1 tbody td a:hover{text-decoration:underline;}



.sitemap_wrap{width:inherit; overflow: hidden;}
.sitemap_wrap ul li{float:left; width:25%; }
.sitemap_wrap ul li a{}
.sitemap_wrap ul li.site01 .tit{border:1px solid #ccc; border-bottom:2px solid #000; height:50px; line-height:50px; font-weight: bold; text-align: center; background:#f6f6f6;}
.sitemap_wrap ul li.site01 .sub_tit{ display:block; height:40px; line-height:40px; background:#f6f6f6; overflow: hidden; text-align: center; font-size:16px; border-bottom:1px solid #ccc;}
.sitemap_wrap ul li.site01 a{float:left; display: block; width:100%; height:40px; line-height: 40px;  border-bottom:1px solid #ccc; }
.sitemap_wrap ul li.site01 a:hover{background:#f6f6f6;}
.sitemap_wrap ul li.site01 a span{ background:url(../img/common/bar.jpg) no-repeat; background-position:10px 50%; display:inline-block; width:30px; height:inherit;  vertical-align: middle;}

.menuall_wrap{position:absolute;	top:0; left:-600px; border:1px solid #d7d7d7; z-index:5; box-sizing:border-box; text-align:left;}

.Rink_box {position: relative; width:85%; height: 33px; border: 1px solid #c3c3c3;  margin:10px auto 10px auto;  }
.Rink_box a{position:absolute; width:100%; font-size: 14px; padding-left:10px; letter-spacing: 1px;line-height: 35px; color: #727272;}






/*디자인리뉴얼 - 250604*/
*{box-sizing: border-box;}
.header{background:#fff;  border-bottom:1px solid #dedede; z-index: 1; width:100%; display:flex; justify-content: space-between; align-items: center; height:100px;  left:0; top:0;}
.header .logo{margin:0 80px 0 60px; background:url('../svg/logo.svg') no-repeat; background-size:220px; width:220px; height:25px;}
.header .logo img{display:none;}
.header .menu_list{display: flex; flex:1; gap:50px;}
.header .menu_list a{color:#000; text-decoration: none; font-size:20px; font-weight: bold;}
.header .menu_list a.on{color:#007EF4}
.header  .search_wrap{display:flex; align-items:center; justify-content:space-between; width:220px; height:48px; padding:0 16px 0 20px; border-radius:24px; background:#F3F6F9;}
.header  .search_wrap input{border:none; width:110px;  height:46px; background: transparent; flex:1; outline: none; padding:0;}
.header  .search_wrap input::placeholder{color:#92A1BB; font-size:16px; }
.header  .search_wrap .btn_search{flex-shrink:0; width:36px; height:36px; background:url("../svg/ico_search.svg") no-repeat center;}
.header .global_menu{display: flex; height:100px; margin-left:40px; align-items: center; padding:0 20px; border-left:1px solid #E1E1E1}
.header .global_menu .item{ padding:30px 0 0; width:70px; text-align: center;}
.header .global_menu .item .txt{font-size:12px; color:#2E2E2E;}
.header .global_menu .item.item01{background:url("../svg/ico_topmenu01.svg")no-repeat top center;}
.header .global_menu .item.item02{background:url("../svg/ico_topmenu02.svg")no-repeat top center;}
.header .global_menu .item.item03{background:url("../svg/ico_topmenu03.svg")no-repeat top center;}
.header .btn_menuall{width:100px; height:100px;   background:#007EF4 url("../svg/ico_menu_wh.svg")no-repeat center;}

/*.notice_pop_wrap .slick-slide { width:100% !important; }*/
.notice_pop_wrap .slick-list{ width:100% !important; border-radius:32px;}

.submenu_wrap {position:absolute; left:0; top:100px; background:rgba(0, 0, 0, 0.6); width:100%; height:2000px; padding:0; z-index: 10; }
#submenu{background:#fff;  flex-wrap: wrap; z-index: 2; position:absolute; left:0; top:0; width:100%; display: flex;      align-items:flex-start;}

#submenu .menu_tit{width:450px; font-size:28px; font-weight:bold; background:#EEEEEE url("../svg/submenu_bg.svg")no-repeat right bottom; background-size:360px; min-height:400px; padding:40px; text-align: right;}
#submenu .menu_list{padding:48px 50px; flex:1; background:#fff; display: flex; gap:24px; flex-wrap:wrap;}
#submenu .menu_list .menu_group{width:340px; border:1px solid #dedede; border-radius: 8px; background:#f5f5f5; overflow:hidden;}
#submenu .menu_list .menu_group .depth01{display:block; font-size:18px; font-weight:700; padding:16px 16px; background:#fff url("../svg/ico_arr_right_gray.svg") no-repeat right 20px center;}
#submenu .menu_list .menu_group .depth02_group{ display: flex; flex-direction: column;}
#submenu .menu_list .menu_group .depth02_group a:first-child{margin-top:20px;}
#submenu .menu_list .menu_group .depth02_group a:last-child{margin-bottom:20px;}
#submenu .menu_list .menu_group .depth02_group a{text-decoration: none; color:#858585; padding:8px 20px; font-size:16px; font-weight:500;}
#submenu:after{display: block; position:absolute;  content:''; width:100%; background:#fff; height:1000px; z-index:-1;}

.search_wrap_bg {position:absolute; left:0; top:100px; background:rgba(0, 0, 0, 0.6); width:100%; height:2000px; padding:0; z-index: 2; }
#search{background:#fff;min-height:300px; position:absolute; left:0; top:0;  z-index: 3;  width:100%;}
#search .search_wrap{width: 600px; margin:60px auto;}
#search .search_wrap .sel_line{width: 100%; display: flex; gap:12px;}
#search .search_wrap .sel_line input{flex:1; height: 60px; border-radius: 8px; border: 1px solid #007EF4;}
#search .search_wrap .sel_line input::placeholder{display: flex; font-size:16px; color:#838FA5; font-weight:500;  padding:0 20px; align-items: center; justify-content: center; border-radius: 8px;}
#search .search_wrap .sel_line .btn_search{display:flex; font-size:20px; font-weight: bold; padding:0 20px; align-items: center; justify-content: center; color:#fff; background:#007EF4 url("../svg/ico_search_wh.svg")no-repeat left 20px center; padding-left:56px; text-decoration: none; height: 60px; border-radius: 8px;}
#search:after{display: block; position:absolute; top:300px; content:''; width:100%; background:rgba(0, 0, 0, 0.6); height:1000px; z-index: -1;}
#search .search_wrap .tit{margin-top:36px; font-weight: 500 }
#search .search_wrap .search_list{display: flex;  flex-wrap: wrap; width:100%; margin:16px auto; gap:8px; }
#search .search_wrap .search_list .item{display:flex; white-space: nowrap; padding:10px 20px; background:#F5F5F5; border-radius: 30px;}
#search .search_wrap .search_list .item .btn_close{display:block; margin-left:12px; width:18px; height:18px; border-radius: 50%; background:#D4D4D4 url("../svg/ico_close_wh.svg") no-repeat center;}

#menu_all_wrap{position:absolute; left:0; top:0; background:rgba(0, 0, 0, 0.6); width:100%; height:2000px; padding:20px; z-index: 10; }
#menu_all_wrap .menu_all{width:100%;  height:1000px; position:relative; display: flex; background:#fff url("../svg/menu_all_bg.svg")no-repeat right bottom; border-radius: 20px;  min-height:500px;}
#menu_all_wrap .menu_all .logo{ margin:60px 0 0 40px;  width:220px; height:30px;  display: block;}
#menu_all_wrap .menu_all .logo img{width:220px;}
#menu_all_wrap .menu_all .btn_close{position:absolute; right:40px; top:40px;width:20px; height:20px; background:url("../svg/ico_close.svg") no-repeat center;}
#menu_all_wrap .menu_all .menu_list{display:flex; margin:60px; overflow:auto;  }
#menu_all_wrap .menu_all .menu_list .menu_group{border-right:1px solid #dedede; padding:0 120px 0 40px;}
#menu_all_wrap .menu_all .menu_list .menu_group:last-child{border-right:none;}
#menu_all_wrap .menu_all .menu_list .depth01{font-size:25px; font-weight: bold; color:#000; display: block;}
#menu_all_wrap .menu_all .menu_list .depth02_group{display: flex; padding:10px 0; flex-direction: column; }
#menu_all_wrap .menu_all .menu_list .depth02_group .tit{font-size:18px; font-weight: bold; margin:5px 0; color:#000; padding-left:12px;    background:url("../svg/ico_arr_right_gray.svg") no-repeat left top 10px; background-size:6px; }
#menu_all_wrap .menu_all .menu_list .depth02_group .tit>a{color:#000; font-weight:bold; padding-left:0; display: block;  }
#menu_all_wrap .menu_all .menu_list .depth02_group + .depth02_group{margin-top:12px; }
#menu_all_wrap .menu_all .menu_list .depth02_group a{text-decoration: none; color:#999; padding:4px 0; font-weight: 500; padding-left:12px;}
#menu_all_wrap .menu_all .item + .item{margin-top:100px;}

.maiban_wrap{position: relative; width:100%;}
.maiban_wrap .ban_controller{ position: absolute; display: flex; align-items: center; gap:24px; bottom:70px; left:50%; margin-left:-640px; }
.maiban_wrap .ban_controller .progress_bar{background:rgba(255, 255, 255, 0.2); width:200px;  height:5px; }
.maiban_wrap .ban_controller .progress_bar .inner_bar{background:#fff; width:25%;  height:5px; }
.maiban_wrap .ban_controller .progress_bar .conut{display: flex; }
.maiban_wrap .ban_controller .conut{display:flex; gap:4px; }
.maiban_wrap .ban_controller .conut .txt{color:rgba(255, 255, 255, 0.4);}
.maiban_wrap .ban_controller .conut .txt.on{color:rgba(255, 255, 255, 1); font-weight: bold;}
.maiban_wrap .ban_controller .btn_controller{width:32px; height:32px; background:url("../svg/ico_stop.svg")no-repeat center;}
.maiban_wrap .ban_controller .btn_play{width:32px; height:32px; background:url("../svg/ico_play.svg")no-repeat center;}
.maiban_wrap .mainban_list{}
.maiban_wrap .mainban_list .item{position:relative; width:100%; height:600px;}
.maiban_wrap .mainban_list .item img{width:100%; height:700px;}
.maiban_wrap .mainban_list .item .txt_wrap{width:1280px; position:absolute; left:50%; top:125px; transform: translateX(-50%);}
.maiban_wrap .mainban_list .item .txt_wrap .txt01{color:#fff; font-size:28px; }
.maiban_wrap .mainban_list .item .txt_wrap .txt02{color:#fff; font-size:52px; line-height:1.2em; font-weight:800; margin-top:20px;}
.maiban_wrap .mainban_list .item .txt_wrap .txt03{ font-size:16px; margin-top:20px; line-height: 1.6em; color:#B5D1DE;}

.mem_menu{width:1280px; height:224px; margin:80px auto; display: flex; align-items:center;  justify-content: space-between;   background:#fff; border-radius: 32px; padding:20px 60px;   box-shadow: 1px 3px 20px 0 rgba(0, 0, 0, 0.08);}
.mem_menu .menu_list{display: flex; justify-content: space-between;}
.mem_menu .menu_list .item{display: flex; flex-direction: column; align-items: center; padding:20px 32px; border-radius: 16px;}
.mem_menu .menu_list .item:hover{background:#F3F6F9;}
.mem_menu .menu_list .item .txt{font-size:18px; font-weight: bold; margin-top:20px;}
.mem_menu .title_wrap{ margin-right:120px;}
.mem_menu .title_wrap .txt01{ font-size:36px; font-weight:bold;}
.mem_menu .title_wrap .txt02{ font-size:24px; color:#007EF4; margin-top:20px;}
.mem_menu .menu_list{flex:1}



.notice_wrap{position:absolute; top:80px; left:50%; margin-left:120px;}
.notice_wrap .tit_wrap { display: flex; justify-content:space-between; margin-bottom:12px; }
.notice_wrap .tit_wrap .tit{color:#fff; font-size:24px; font-weight:bold;}
.notice_wrap .tit_wrap .gong_list { display:flex; gap:8px; align-items: center; }
.notice_wrap .tit_wrap .gong_list a{display:flex; width:10px; height:10px; border-radius: 50%; background:#191E26;}
.notice_wrap .tit_wrap .gong_list a.on{background:#fff;}
.notice_wrap .notice_img{border-radius: 32px; overflow: hidden; height:392px;}
.notice_wrap .btn_close{width:44px; height:44px; position: absolute; right:-68px; bottom:0; background:url("../svg/ico_circle_close.svg") no-repeat center; background-size:100%;}
.notice_wrap .tit_wrap .gong_list .slick-dots { bottom: auto; display:inline-flex; position:relative !important; }
.notice_wrap .tit_wrap .gong_list .slick-dots li { display:flex; width:10px; height:10px; border-radius: 50%;background: #191E26; }
.notice_wrap .tit_wrap .gong_list .slick-dots li.slick-active { background: #fff; }
.notice_wrap .tit_wrap .gong_list .slick-dots li button:before { content: '' }

.content_bg{background:url("../img/content_bg.png") no-repeat;  padding:80px; background-size:cover;}
.content_bg .inner_wrap{width:1280px; gap:32px;  display: flex;  margin:auto;}
.content_bg .inner_wrap .location_group{ flex:1; padding:50px 40px 60px; border-radius: 32px; background:url("../img/location_bg.png")no-repeat; background-size: cover;}
.content_bg .inner_wrap .location_group .sel_line{display:flex; gap:12px;}
.content_bg .inner_wrap .location_group .sel_line + .sel_line{margin-top:12px;}
.content_bg .inner_wrap .location_group .sel_line .btn_primary{font-size:18px; border-radius: 8px; font-weight:bold; width:120px; height:60px; color:#fff; display: flex; align-items: center; justify-content: center;  text-decoration: none;  background:#1489F5;}
.content_bg .inner_wrap .location_group select{ appearance:none; height:60px; flex:1; border-radius: 8px; font-size:16px; padding:0 20px; background:#fff url("../svg/ico_arr_down.svg")no-repeat right 20px center; background-size:14px;}
.content_bg .inner_wrap .location_group input{height:60px; border-radius: 8px;  flex:1; padding:0 20px;}
.content_bg .inner_wrap .location_group input::placeholder{color:#ACB5BD; font-size:16px; font-weight: 400; }
.content_bg .inner_wrap .location_group .tit{font-size:28px;  padding-left:58px; padding-top:10px;  font-weight:bold; color:#fff; margin-bottom:18px; background:url("../svg/ico_location.svg") no-repeat left center;background-size:40px; height:40px;}
.content_bg .inner_wrap .ban_list{flex:1;}
.content_bg .inner_wrap .ban_list{display: flex; flex-direction: column;}
.content_bg .inner_wrap .ban_list .ban{background:#fff url("../svg/ico_complaint01.svg")no-repeat right 50px center; border-radius: 28px; padding:32px 40px; border:1px solid #D9D9D9;}
.content_bg .inner_wrap .ban_list .ban.item02{background:#fff url("../svg/ico_complaint02.svg")no-repeat right 50px center; }
.content_bg .inner_wrap .ban_list .ban.item03{background:#fff url("../svg/ico_complaint03.svg")no-repeat right 50px center; }
.content_bg .inner_wrap .ban_list .ban +.ban{margin-top:12px;}

.content_bg .inner_wrap .ban_list .ban .txt_wrap{}
.content_bg .inner_wrap .ban_list .ban .txt_wrap .txt01{font-size:14px; color:#007EF4;}
.content_bg .inner_wrap .ban_list .ban .txt_wrap .txt02{font-size:22px; font-weight:600; margin-top:8px;}

.board_wrap{width:1280px; margin:80px auto;}
.board_wrap .tit{font-size:48px; font-weight:bold; text-align: center;}
.board_wrap .tab_menu{display: flex; align-items: center; justify-content: center; margin:40px 0;}
.board_wrap .tab_menu a{text-decoration: none; height:40px; text-align: center;  color:#838FA5; font-weight:bold; font-size:18px; padding:0 6px; margin:0 18px;}
.board_wrap .tab_menu a.on{color:#000; border-bottom:4px solid #007EF4; }
.board_wrap .board_list{display: flex; gap:24px;}
.board_wrap .board_list .item{display:flex; gap:12px; flex-direction: column; align-items: flex-start;  border-radius: 32px; flex:1; border:1px solid #ddd; padding:28px;  box-shadow: 10px 20px 30px 0 rgba(0, 0, 0, 0.08);}
.board_wrap .board_list .item:hover{background: linear-gradient(124deg, #2f98f8 4%, #0882f4 93%);}
.board_wrap .board_list .item:hover .txt{color:#fff;}
.board_wrap .board_list .item:hover .date{color:#fff; opacity: 0.7;}
.board_wrap .board_list .item:hover .value{background:#fff;}
.board_wrap .board_list .item .value{background:#E4F6FF; border-radius: 8px; padding:4px 8px; color:#2B54E8;}
.board_wrap .board_list .item .txt{font-size:18px; width:75%; height:48px; line-height:24px;  font-weight:bold;}
.board_wrap .board_list .item .date{color:#858E96; font-size:14px; margin-top:32px;}
.board_wrap .photo_board_list{display: flex; margin-top:36px; padding-top:36px; gap:24px; border-top:1px solid #E4E4E4;}
.board_wrap .photo_board_list .item{flex:1; border:1px solid #DEDEDE; overflow: hidden; border-radius:32px;  box-shadow: 10px 20px 30px 0 rgba(0, 0, 0, 0.08);}
.board_wrap .photo_board_list .item .board_img{position: relative; width:100%; }
.board_wrap .photo_board_list .item .board_img img{width:100%; height:220px;}
.board_wrap .photo_board_list .item .board_img:before{position: absolute; left:16px; top:16px; content:'한의계뉴스'; display: block; background:#000; color:#fff;  padding:16px; font-weight:600; border-radius: 12px; width:40px; height:40px;  text-align: center; letter-spacing: -1px;}
.board_wrap .photo_board_list .item .txt{font-size:18px; font-weight:500; margin:12px 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.board_wrap .photo_board_list .item .date{font-size:14px; color:#858E96;  margin:0 20px 28px;}


.media_wrap{background:#F3F6F9; overflow: hidden; width:100%; }
.media_wrap .inner_wrap{ position:relative; width:1280px; margin:auto; padding:20px 0; display: flex; justify-content: space-between;}
.media_wrap .inner_wrap .menu_wrap .menu{display: flex; gap:12px; width:200px; margin-right:80px;  flex-direction: column;}
.media_wrap .inner_wrap .menu_wrap .menu a{width:300px; height:60px; display: flex; align-items: center; padding:0 28px; background:#fff url("../svg/ico_arr_right_gray.svg")no-repeat right 28px center; text-decoration: none; font-size:20px; font-weight:600;  color:#838FA5; border-radius: 30px; }
.media_wrap .inner_wrap .menu_wrap .menu a.on{background:#363A60 url("../svg/ico_arr_right_wh.svg") no-repeat right 28px center; color:#fff;}
.media_wrap .inner_wrap .menu_wrap .btn_more{margin:40px 0 80px; display: flex; align-items: center;}
.media_wrap .inner_wrap .menu_wrap .btn_more:after{display: inline-block; content:''; width:20px; height:20px; border-radius: 50%; background:#191E26 url("../svg/ico_arr_right_wh.svg") no-repeat center; background-size:30%; margin-left:8px;}
.media_wrap .tit_wrap{display: flex; justify-content: space-between; align-items: center; width:1280px; margin:auto; padding:80px 0 20px;}
.media_wrap .tit_wrap .tit{font-size:40px; font-weight:bold;}
.media_wrap .tit_wrap .btn_wrap{display: flex; align-items: center; gap:12px; width:auto; margin:0;}
.media_wrap .tit_wrap .btn_wrap .btn_back{width:50px; height:50px; border-radius: 50%; background:#E1E5EC url("../svg/ico_arr_left_gray.svg")no-repeat center;}
.media_wrap .tit_wrap .btn_wrap .btn_back:hover{background:#191E26 url("../svg/ico_arr_left_wh.svg")no-repeat center;}
.media_wrap .tit_wrap .btn_wrap .btn_next{width:50px; height:50px; border-radius: 50%; background:#E1E5EC url("../svg/ico_arr_right_gray.svg")no-repeat center;}
.media_wrap .tit_wrap .btn_wrap .btn_next:hover{background:#191E26 url("../svg/ico_arr_right_wh.svg")no-repeat center;}
.media_wrap .inner_wrap  .media_list{display: flex; height:400px;   gap:24px;  width:920px;}
.media_wrap .inner_wrap  .media_list .item{background:#fff; overflow: hidden; border-radius: 32px; width:400px;  box-shadow: 10px 20px 12px 0 rgba(0, 0, 0, 0.04); margin-right: 20px;}
.media_wrap .inner_wrap  .media_list .item .board_img{width:100%;}
.media_wrap .inner_wrap  .media_list .item .board_img img{width:100%; height:225px;}
.media_wrap .inner_wrap  .media_list .item .txt{font-size:18px; font-weight:500; width:100%; padding:16px 20px 10px  20px; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;}
.media_wrap .inner_wrap  .media_list .item .date{font-size:14px;  color:#858E96; font-weight:500; padding:0 20px 28px  20px;}


.ban_wrap{width:1280px; margin:80px auto;}
.ban_wrap .ban_list{display: flex; gap:12px;}
.ban_wrap .ban_list .item{flex:1; display: flex;  align-items: center;  border:1px solid #ddd; padding:24px; border-radius: 8px; background:#F4F6F8;}
.ban_wrap .ban_list .item:before{flex-shrink:0; display: block; content:''; width:60px; height:60px; border-radius: 50%; background:#fff;}
.ban_wrap .ban_list .item01:before{background:#fff url("../svg/link_ico01.svg") no-repeat center;}
.ban_wrap .ban_list .item02:before{background:#fff url("../svg/link_ico02.svg") no-repeat center;}
.ban_wrap .ban_list .item03:before{background:#fff url("../svg/link_ico03.svg") no-repeat center;}
.ban_wrap .ban_list .item04:before{background:#fff url("../svg/link_ico04.svg") no-repeat center;}
.ban_wrap .ban_list .item .txt_wrap{padding-left:12px;}
.ban_wrap .ban_list .item .txt_wrap .tit{font-size:18px; font-weight:bold; }
.ban_wrap .ban_list .item .txt_wrap .txt{font-size:14px; color:#858E96; margin-top:12px; }
.ban_wrap .sns_list{display: flex; gap:12px; margin-top:20px;}
.ban_wrap .sns_list .item{flex:1; position:relative; padding:20px; border-radius:8px; color:#fff; font-weight: bold;  font-size:18px; padding-left:72px; flex-direction: column;}
.ban_wrap .sns_list .item.item01{background:#FF0000 url("../svg/sns_youtube.svg") no-repeat left 28px center; }
.ban_wrap .sns_list .item.item02{background:#46CF23 url("../svg/sns_naver.svg") no-repeat left 28px center; }
.ban_wrap .sns_list .item.item03{background:linear-gradient(100deg, #9f50a9 4%, #db4e71 88%);   }
.ban_wrap .sns_list .item.item03:before{display: block; position: absolute; left:25px; top:50%; transform: translateY(-50%); content:''; width:30px; height:30px; background:url("../svg/sns_insta.svg") no-repeat center;}
.ban_wrap .sns_list .item.item04{background:#4267BF url("../svg/sns_facebook.svg") no-repeat left 30px center; }


.mobile{display:none;}

.office_wrap{}
.office_wrap .inner_wrap{display:flex; flex-wrap:wrap;}
.office_wrap .tit{font-size:24px; font-weight:bold; margin-bottom:16px; }
.office_wrap .inner_wrap .item{width:24%; margin-right:1%; padding:10px 16px; border:1px solid #dedede; margin-bottom:10px; border-radius:8px; font-size:16px;}
.office_wrap .txt_wrap{margin-top:16px; color:#ff0000;}


/*반영형 테이블추가*/
.table_responsible{width:100%;}
.table_responsible thead th{color:#000; padding:12px 10px; background:#f5f5f5; font-size:18px;  border:1px solid #e0e0e0; text-align:center; border-top:2px solid #000;}
.table_responsible tbody td{border:1px solid #e0e0e0; text-align:center; padding:10px; font-size:16px; color:#666; line-height:32px;}
.table_responsible tbody th{border-bottom:1px solid #e0e0e0; font-size:16px;}

.table_m_common{display: none;}

@media (max-width: 1820px) {
	#menu_all_wrap .menu_all .menu_list .menu_group{padding-right:100px;}

}


@media (max-width: 1720px) {
.header .logo{margin: 0 40px 0 40px;}
.header .logo img{width:180px;}
.header .menu_list a{font-size:18px;}
.header .global_menu{padding:0 10px; margin-left:20px;}
.header .global_menu .item{width:60px;}

.header .menu_list{gap:40px;}
#menu_all_wrap .menu_all .logo{width:180px;}
#menu_all_wrap .menu_all .menu_list .depth01{font-size:20px;}
#menu_all_wrap .menu_all .menu_list .menu_group{padding-right:80px;}
#submenu .menu_tit{width:350px;}
#submenu .menu_list .menu_group{width:300px;}
#menu_all_wrap .menu_all .menu_list .menu_group:last-child{padding-right:20px;}
}

@media (max-width: 1550px) {
.header .btn_menuall{width:80px;}
.content_bg{padding:80px 0;}
#submenu .menu_list .menu_group{width:280px;}
#menu_all_wrap .menu_all{flex-direction:column;}
#menu_all_wrap .menu_all .menu_list{margin-left:0px;}
#menu_all_wrap .menu_all .menu_list .menu_group:first-child{ }
#menu_all_wrap .menu_all .menu_list .menu_group{width:20%;}
#menu_all_wrap .menu_all .menu_list .menu_group:last-child{border-right:0;}
#menu_all_wrap .menu_all .menu_list .menu_group { padding: 0 20px 0 40px;}
.header .search_wrap{width:120px;}
.header .search_wrap input{width:50px;}
.header .menu_list{gap:30px;}

}

@media (max-width: 1420px) {
.header .logo{margin: 0 20px 0 20px;}

.header .global_menu .item{width:50px;}

#submenu .menu_tit{width:300px;}
#submenu .menu_list{padding:40px;}



}
@media (max-width: 1279px) {
.visual_inner{width:100% !important;}
.header .global_menu{display:none;}
.header .btn_menuall{background:transparent url(../svg/ico_menu.svg) no-repeat center;}
.header .search_wrap{background:none; width:40px; height:40px; justify-content:flex-start; margin-right:16px;}
.header .search_wrap input{display:none;}
.header .search_wrap{padding:0;}
.header .btn_menuall, .header .search_wrap .btn_search{width:24px; height:24px; background-size:100%; margin:0 10px; padding:0;}

#submenu .menu_tit{width:280px; font-size:24px;}
#submenu .menu_list .menu_group{width:240px;}

.contLR_inner{padding:0 20px;}
.contLR_inner, .contLR_inner .subTitle{width:100% !important;}
#footer .quick_link .quick_inner{width:100%; padding:28px 20px;}
#footer .inner_wrap{width:calc(100% - 40px);}
.header .btn_menuall{margin-right:20px;}

.content_bg .inner_wrap{padding:0 20px;}



.board_wrap{ margin:40px 0; width:100%; padding:0 20px;}
.board_wrap .board_list{ gap:10px;}
.board_wrap .board_list .item{border-radius:20px;}
.board_wrap .tab_menu{margin:20px 0; } 
.board_wrap .tab_menu a{white-space:nowrap; font-size:16px; height:36px; margin:0 4px;}
.board_wrap .tit{font-size:28px;}
.board_wrap .board_list{flex-direction:column;}

.ban_wrap{width:calc(100% - 40px);}
.ban_wrap .ban_list{width:100%; flex-wrap:wrap;}
.ban_wrap .ban_list .item{width:49%; flex:none;}
.board_wrap .photo_board_list .item .board_img:before{white-space:normal; box-sizing:border-box; width:55px; height:55px; padding:10px; line-height:18px; font-size:14px;}


.maiban_wrap .mainban_list .item .txt_wrap{width:100%; padding-left:40px;}
.maiban_wrap .ban_controller{left:40px; margin-left:0;}
.notice_wrap{right:40px; left:auto;}
.sub_visual .nav{width:100% !important;}
.mem_menu{width:100%; flex-direction:column;}
.content_bg .inner_wrap{width:100%;}
.con_wrap .con_img img{width:100%;}
.mem_menu{width:calc(100% - 40px);}
.content_bg{padding:0; background:none;}
.mem_menu .title_wrap{margin-right:0; display:flex; flex-direction:row; gap:10px; padding:10px 0 ;}
.mem_menu .title_wrap .txt01, .mem_menu .title_wrap .txt02{font-size:24px; margin-top:0;}
.mem_menu .menu_list .item .txt{font-size:16px; white-space:nowrap;}
.mem_menu .menu_list .item{padding:20px 24px; width:15%;}
.board_wrap{width:100%;}
.Medicine_Retrieval{width:100%; height:auto !important; background-size: cover !important; }

#submenu .menu_list{gap:20px;}
.media_wrap{padding:0 20px;}
.media_wrap .tit_wrap{width:100%;}
.media_wrap .inner_wrap .media_list{width:78%;}
.media_wrap .inner_wrap{width:100%;}
.media_wrap .inner_wrap .menu_wrap{width:20%;}
.media_wrap .inner_wrap .menu_wrap .menu,
.media_wrap .inner_wrap .menu_wrap .menu a{width:100%;}

}



@media (max-width: 1024px) {

.office_wrap .inner_wrap .item{width:49%;}
#menu_all_wrap .menu_all{height:100vh;}
#menu_all_wrap .menu_all{border-radius:0; background:#fff;}
#menu_all_wrap .menu_all .menu_list{flex-direction:column;}
#menu_all_wrap{padding:0;}
#menu_all_wrap .menu_all .menu_list .menu_group{padding-left:0; border-right:0; padding-right:0; width:100%;}
#menu_all_wrap .menu_all .menu_list .depth01{background:url(../svg/ico_arr_down_gray.svg)no-repeat right 20px center; border-bottom:1px solid #dedede; padding:20px; }
#menu_all_wrap .menu_all .menu_list .depth01.on{background:url(../svg/ico_arr_up_gray.svg)no-repeat right 20px center; border-bottom:1px solid #dedede; padding:20px; }
#menu_all_wrap .menu_all .menu_list .depth02_group{background:#f5f5f5;}
#menu_all_wrap .menu_all .logo{display:flex; flex-shrink: 0; height:80px; margin:0 16px; align-items:center;  width:150px;}
#menu_all_wrap .menu_all .menu_list{margin:0;}
#menu_all_wrap .menu_all .btn_close{top:30px; right:20px;}
#menu_all_wrap .menu_all .menu_list .depth02_group a{padding:10px 20px 10px 32px; font-size:16px;}
#menu_all_wrap .menu_all .item + .item{margin-top:0;}
#menu_all_wrap .menu_all .menu_list .depth02_group + .depth02_group{margin-top:0;}
#menu_all_wrap .menu_all .menu_list .depth02_group .tit{padding:0 20px 0 32px; font-size:16px; background-position: left 20px top 6px;}
#menu_all_wrap .menu_all .menu_list .depth02_group .tit>a{padding:0;}


.notice_wrap{position:relative; width:calc(100% - 40px); top:0; left:0; margin:40px 20px; right:auto !important;}
.notice_wrap .tit_wrap{width:100%;}
.notice_wrap .tit_wrap .tit{color:#000; font-size:20px;}
.notice_wrap .tit_wrap .gong_list a.on{background:#007EF4;}
.notice_wrap .notice_img{width:100%; height:auto; border-radius:20px;}
.notice_wrap .notice_img.fade{display:block !important;}
.notice_wrap .notice_img img{width:100%; height:auto !important;}
.notice_wrap .notice_pop_wrap{width:100%; display:flex;  gap:2%; white-space:nowrap; overflow:auto;}
.notice_wrap .tit_wrap .gong_list a{background:#c6c6c6;}
.notice_wrap .tit_wrap .gong_list .slick-dots li { display:flex; width:10px; height:10px; border-radius: 50%;background:#c6c6c6; }
.notice_wrap .tit_wrap .gong_list .slick-dots li.slick-active { background:#007EF4; }

.location_group{padding:20px 30px;}
.content_bg .inner_wrap .ban_list .ban .txt_wrap .txt02{font-size:20px;}
.content_bg .inner_wrap .ban_list .ban{padding:30px; background-position:right 30px center !important;}




.board_wrap .board_list{flex-direction:column; }
.board_wrap .board_list .item{flex-direction:row; align-items:center;}
.board_wrap .board_list .item .date{margin-top:0;}
.board_wrap .board_list .item .txt{height:auto;}

.media_wrap .inner_wrap .media_list { width: calc(100% + 20px);
        height: 300px;
        position: relative;
        left: 0;
        display: block;
        white-space: nowrap;
    }
.photo_board_list {
        width: calc(100% + 20px);
        height: 300px;
        position: relative;
        left: 0;
        display: block !important;
        overflow: scroll;
        white-space: nowrap;
    }
.board_wrap .photo_board_list .item{display:inline-block; width:270px; border-radius:20px; margin-right:10px;}
.board_wrap .photo_board_list .item .board_img img{height:160px;}
.board_wrap .photo_board_list .item .txt{font-size:16px; margin:12px 20px 4px;}
.board_wrap .photo_board_list .item .board_img:before{font-size:14px; word-break:break-all;}
.board_wrap .photo_board_list .item .date{margin:0 20px 10px;}

.media_wrap .tit_wrap{flex-direction:column;}
.media_wrap .inner_wrap{width:calc(100% - 40px); display:flex; flex-direction:column;}
.media_wrap .inner_wrap .menu_wrap{width:calc(100% + 20px);  display:block; margin:20px 0 20px 0;  }
.media_wrap .inner_wrap .menu_wrap .menu{width:100%; display:block; overflow:auto; white-space:nowrap; }
.media_wrap .inner_wrap .menu_wrap .menu a{display:inline-block; margin-right:10px; width:auto; height:40px; line-height:40px; background:#fff; font-size:16px;}
.media_wrap .inner_wrap .menu_wrap .menu a.on{background:#363A60;}
.media_wrap .inner_wrap .media_list{width:calc(100% + 20px); height:300px; position:relative; left:0; display:block; white-space:nowrap;}
.media_wrap .inner_wrap .media_list .item{display:inline-block; width:270px; border-radius:20px; margin-right:10px; margin-bottom:50px; }
.media_wrap .inner_wrap .media_list .item .board_img img{height:160px;}
.media_wrap .inner_wrap .menu_wrap .btn_more{display:none;}
.media_wrap .tit_wrap .btn_wrap{display:none;}
.media_wrap .tit_wrap{width:100%; padding:40px 0 0;}
.media_wrap .tit_wrap .tit{width:100%; text-align:center; font-size:24px;}
.header{height:80px;}
.search_wrap_bg, .submenu_wrap{top:80px;}
.header .menu_list a{display:flex; align-items:center; margin-top:0 !important;}

.header .menu_list{gap:20px;}

}

@media (max-width: 920px) {
.header .logo{flex:1;}
.header .menu_list{display:none;}
}



@media (max-width: 890px) {
.header .menu_list{display:none;}
.header .logo{margin:0 0 0 16px; flex:1;}
.board_wrap .board_list{}
.board_wrap .board_list .item{flex-direction:column; align-items:flex-start;}


.ban_wrap .sns_list .item{font-size:17px; padding-left:65px;}
#footer .quick_link .quick_inner .txt01{font-size:16px;}
#footer .inner_wrap .foot_banner01, #footer .inner_wrap .foot_banner01 img{width:130px;}
.content_bg .inner_wrap{gap:20px;}
.content_bg .inner_wrap .location_group{padding:32px; width:50%;}
.content_bg .inner_wrap .ban_list .ban{padding:24px;}
.content_bg .inner_wrap .location_group input{width:80%;}
.media_wrap .inner_wrap .menu_wrap .menu{text-align:center;}




}
@media (max-width: 820px) {
.content_bg .inner_wrap{width:100%; flex-direction:column;}
.content_bg .inner_wrap .location_group{ border-radius:20px; padding:32px; width:100%;}
.content_bg .inner_wrap .location_group .tit{font-size:20px; background-size:30px; height:30px; padding-left:40px;}
.content_bg .inner_wrap .location_group select{height:40px;}
.content_bg .inner_wrap .location_group input{height:40px;}
.content_bg .inner_wrap .location_group .sel_line .btn_primary{height:40px; width:100px; flex-shrink:0;}
.content_bg .inner_wrap .location_group select, .content_bg .inner_wrap .location_group input{padding:0 10px;}
.content_bg .inner_wrap .location_group input::placeholder{text-indent:-20px;}

.notice_wrap .notice_pop_wrap{max-width:100% !important;}
.ban_wrap .sns_list .item{padding-left:55px; background-position: 15px !important;}
.ban_wrap .sns_list .item.item03:before{left:15px;}
.ban_wrap .sns_list .item.item03{background-position:0 !important;}
}


@media (max-width: 768px) {
.web{display:none;}
.office_wrap .tit{font-size:18px;}
.header .btn_menuall, .header .search_wrap .btn_search{width:20px; height:20px;}
.header .search_wrap{margin-right:0;}
html, body{width:100%; }
.header .search_wrap{margin-right:0;}
.header{height:60px;}
.header .logo{background-size:180px; height:20px;}
.header .logo img{width:150px;}
#menu_all_wrap .menu_all .btn_close{ background-size:16px;}
.contLR_inner .subTitle .tits{margin-bottom:16px !important;}
.contLR_inner .area li.home{margin-right:4px !important; width:10px !important; height:10px !important; background-size:10px !important;}
.contLR_inner .area li{padding-right:15px !important; margin-right:8px !important; font-size:12px; color:#666; }
.contLR_inner .area li.last{ text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}s

.contLR_inner .subTitle{height:auto !important;}
#menu_all_wrap .menu_all .btn_close{top:20px;}

.notice_wrap .notice_img{width:100%; height:auto; border-radius:20px;}

.notice_wrap .notice_img.fade.active{display:block !important;}

#mobile_menuall{display:block; height:100%; position:fixed; background:#fff; width:100%; z-index:1; top:0; left:0; overflow:auto;}
#mobile_menuall .menu_head{height:60px; padding:0 10px 0 20px; display:flex; align-items:center; justify-content:space-between;}
#mobile_menuall .menu_head .logo{background:transparent url(../img/logo.png) no-repeat center; width:150px; height:60px; background-size:100%; }
#mobile_menuall .menu_head .global_wrap{display:flex; gap:20px;}
#mobile_menuall .menu_head .global_wrap .btn_search{display:block; width: 36px;    height: 36px;    background: url(../svg/ico_search.svg) no-repeat center;}
#mobile_menuall .menu_head .global_wrap .btn_close{display:block; width: 36px;    height: 36px;    background: url(../svg/ico_close.svg) no-repeat center; background-size:20px;}
#mobile_menuall .menu_list{}
#mobile_menuall .menu_list .item{border-bottom:1px solid #dedede;}
#mobile_menuall .menu_list .item .menu_tit{font-size:20px; font-weight:bold; height:60px; padding:0 20px; display:flex; align-items:center; background: url(../svg/ico_arr_down_gray.svg) no-repeat right 20px center;}
#mobile_menuall .menu_list .item .menu_tit.on{font-size:20px; font-weight:bold; height:60px; padding:0 20px; display:flex; align-items:center; background: url(../svg/ico_arr_up_gray.svg) no-repeat right 20px center;}
#mobile_menuall .menu_list .item .depth01{background:#f5f5f5; border-top:1px solid #dedede; }
#mobile_menuall .menu_list .item .depth01>a{display:flex; align-items:center; height:50px; padding:0 20px 0; font-size:16px; font-weight:600;}
#mobile_menuall .menu_list .item .depth02_group{padding:0 0 10px 0;}
#mobile_menuall .menu_list .item .depth02_group>a{display:flex; align-items:center; height:40px; padding:0 20px 0 30px; font-size:15px; position:relative;}
#mobile_menuall .menu_list .item .depth02_group>a:before{width:10px; height:10px; display: block; position: absolute; content:'-'; left:18px; top:8px;}


.maiban_wrap .ban_controller .conut{white-space:nowrap;}
.maiban_wrap .mainban_list .item .txt_wrap{width:100%; text-align:center; top:80px; }
.maiban_wrap .mainban_list .item{width:100%; height:360px; }
.maiban_wrap .mainban_list .item .txt_wrap{padding-left:0;}
.maiban_wrap .mainban_list .item .txt_wrap .txt01{font-size:16px;}
.maiban_wrap .mainban_list .item .txt_wrap .txt02{font-size:30px; margin-top:10px;}
.maiban_wrap .mainban_list .item .txt_wrap .txt03{font-size:12px; margin-top:10px;}

.maiban_wrap .ban_controller .progress_bar{width:150px;}

.mem_menu{width:calc(100% - 40px); height:250px; margin:40px 20px;  padding:16px 12px; border-radius:20px; align-items:flex-start; position:relative; }
.mem_menu .title_wrap{flex-direction:column; gap:4px;}
.mem_menu .menu_list{ flex-wrap:wrap; justify-content:flex-start; position:absolute; left:12px; top:12px; }
.mem_menu .menu_list .item{width:25%;}
.mem_menu .menu_list .item:first-child{margin-left:25%;}
.mem_menu .menu_list .item .ico img{width:32px;}
.mem_menu .menu_list .item .txt{font-size:14px; white-space:nowrap;}
.mem_menu .title_wrap .txt01{font-size:18px; line-height:22px;  text-align:center; background:#007efe; color:#fff; padding:16px; border-radius:16px;}
.mem_menu .title_wrap .txt02{display:none; font-size:13px; line-height:16px; word-break:break-all; padding:0 16px; margin-top:0px; text-align:center;}

.content_bg{padding:0; background:none;}

.content_bg .inner_wrap{gap:20px;}
.content_bg .inner_wrap .ban_list .ban,
.content_bg .inner_wrap .ban_list .ban.item02,
.content_bg .inner_wrap .ban_list .ban.item03{border-radius:20px; padding:24px 20px; background-position:center right 32px;}
.content_bg .inner_wrap .ban_list .ban .txt_wrap .txt02{font-size:18px;}
.content_bg .inner_wrap .location_group{padding:16px 20px 20px;}
.content_bg .inner_wrap .location_group .tit{padding-top:5px; background-size:20px; font-size:18px; padding-left:30px; margin-bottom:10px;}

.board_wrap .tab_menu a{font-size:14px;}
.board_wrap .board_list .item{padding:16px;}
.board_wrap .board_list .item .txt{font-size:16px;}
.board_wrap .photo_board_list .item, .media_wrap .inner_wrap .media_list .item{width:240px !important;}
.media_wrap .inner_wrap .media_list .item .board_img img,.board_wrap .photo_board_list .item .board_img img{height:140px;}
.media_wrap .inner_wrap .menu_wrap .menu{}
.media_wrap .inner_wrap .menu_wrap .menu a{font-size:14px; padding:0 16px; margin-right:4px;}
.media_wrap .inner_wrap .media_list .item .txt{font-size:16px; padding: 10px 16px 4px 16px;}
.media_wrap .inner_wrap .menu_wrap{margin:20px 20px 20px 0;}
.media_wrap .tit_wrap .tit{}
.media_wrap .inner_wrap{padding:0;}
.media_wrap .inner_wrap .media_list .item .date{padding: 0 16px 10px 16px;}
.media_wrap .inner_wrap .media_list{height:250px;}



.ban_wrap{width:100%; margin:40px auto;}
.ban_wrap .ban_list{width:calc(100% - 40px); margin:auto; display:flex; flex-wrap:wrap; gap:0;}
.ban_wrap .ban_list .item{width:100%;   flex:none; margin-bottom:12px; padding:10px; gap:10px;}
.ban_wrap .ban_list .item .txt_wrap{padding-left:0; }
.ban_wrap .ban_list .item .txt_wrap .tit{ margin-top:8px; font-size:15px;}
.ban_wrap .sns_list{width:calc(100% - 40px);  margin:auto; display:flex; flex-wrap:wrap;}
.ban_wrap .ban_list .item .txt_wrap .txt{ margin-top:4px; font-size:12px; line-height:16px;}
.ban_wrap .sns_list{justify-content:center; margin-top:20px;}
.ban_wrap .sns_list .item{font-size:16px; white-space:nowrap; }
.ban_wrap .sns_list .item{flex:none; text-indent:-9999px; width:48px; height:48px; background-position:center !important; padding:0; border-radius:50%; background-size:20px !important; }
.ban_wrap .sns_list .item.item03:before{left:50%; top:50%; transform:translate(-50%, -50%); background-size:20px !important;}
.ban_wrap .sns_list .item.item04{background-size:12px !important;}
.ban_wrap .sns_list .item.item01{}
#footer .quick_link .quick_inner .txt01, #footer .quick_link .quick_inner .txt02{display:none;}
#footer .quick_link .quick_inner{padding:0; width:100%; justify-content:flex-start;}
#footer .quick_link .quick_inner .link_group{gap:0; width:100%;}
#footer .quick_link .quick_inner .link_group select{width:33%; border-radius:0; margin-left:-1px; padding-right:30px; flex:1; height:48px; border:1px solid #CCD9E4; background:url('../svg/ico_arr_up_gray.svg')no-repeat right 10px center; background-size:16px;}
#footer .inner_wrap{display:flex; align-items:center; justify-content:center; }
#footer .inner_wrap .foot_menu{display:block; flex:none;}
#footer .inner_wrap .foot_menu .menu_txt{gap:10px;}
#footer .inner_wrap .foot_menu .menu_txt li{display:flex; padding-right:0;}
#footer .inner_wrap .foot_menu .add_txt{display:flex; flex-direction:column; padding:0 70px; }
#footer .inner_wrap .foot_menu .add_txt li{line-height:20px; color:#98A3B5;}
#footer .inner_wrap .foot_sns01{margin-left:0;}

#footer .inner_wrap li{float:none;}
#footer .inner_wrap{width:100%; flex:1; flex-wrap:wrap;}
#footer .inner_wrap .foot_menu{width:100%; text-align:center;}
#footer .inner_wrap .foot_menu .menu_txt{display:flex; justify-content:center;}
#footer .inner_wrap .foot_banner01{float:none; width:100%; margin:20px 0; display:flex; justify-content:center;}
.mem_menu .title_wrap{width:25%; margin-right:0;}
.maiban_wrap .ban_controller{  margin-left:0; bottom:40px; left:50%; transform:translateX(-50%); }

.search_wrap_bg {position:absolute; left:0; top:60px; background:rgba(0, 0, 0, 0.6); width:100%; height:100%; padding:0; z-index: 2; }
#search{top:0px;}
#search .search_wrap{width:calc(100% - 40px); margin:20px auto;}
#search:after{height:100vh;}
#search .search_wrap .sel_line input, #search .search_wrap .sel_line .btn_search{height:40px; }
#search .search_wrap .sel_line .btn_search{font-size:16px;  padding-left:32px; padding-right:16px; background: #007EF4 url(../svg/ico_search_wh.svg) no-repeat left 12px center; background-size:16px;}
#search .search_wrap .tit{font-size:16px;}
#search .search_wrap .search_list{gap:4px;}
#search .search_wrap .search_list .item{padding:6px 12px;}
#search .search_wrap .sel_line{gap:8px;}
#search .search_wrap .sel_line input{width:80%}

#footer .inner_wrap .foot_sns01,#footer .inner_wrap .foot_sns02,#footer .inner_wrap .foot_sns03,#footer .inner_wrap .foot_sns04{display:none;}
.content_bg .inner_wrap .location_group input{flex:2;}
.content_bg .inner_wrap .location_group input::placeholder{text-indent: 0px;}
.content_bg .inner_wrap .location_group .sel_line .btn_primary{flex:1}

.sitewidth{width:100%;}
.conS_tit01{font-size:18px !important;}
.content_bg .inner_wrap .location_group select, .content_bg .inner_wrap .location_group input{padding:0 10px;}


.office_wrap .txt_wrap span{display: block;}


/*테이블 반응형*/
.table_responsible{width:100%;}
.table_responsible colgroup{display: none;}
.table_responsible thead{border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;}
.table_responsible th{display: block;}
.table_responsible tr{
       border-top: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
		display: block;
		margin-bottom: .625em;}
.table_responsible td{
    display: flex;   
    flex-wrap: wrap; 
    align-items: stretch;
    border-bottom: 1px solid #e0e0e0;		
		font-size: .8em;
		text-align: left !important;
        height:auto !important;
        line-height:20px !important;
        padding:10px !important;
        border-left:1px solid #e0e0e0 !important; 
    }

.table_responsible td::before {
		content: attr(data-label); /*data-label을 가상요소 표출*/		
		font-weight: bold;
		text-transform: uppercase;
        width:100px;
	}
.table_responsible td:last-child {
		border-bottom: 0;
        border-right:1px solid #dedede !important;
	}
.table_responsible td p[align="left"],  
.table_responsible td p[align="center"] {text-align: left !important;}
.table_responsible th[rowspan="2"]{background:#f5f5f5; padding:10px; font-weight:bold;}
.table_responsible tbody th{text-align: left;  font-size:16px; border-top:2px solid #000; }
.table_responsible tbody td .hgroup{}
.table_responsible tbody td p{margin-right:6px;}



.table_web{display:none;}
.table_m_common .group_title{font-size:18px; font-weight:bold; padding:10px 16px 0 36px; background:url('../svg/ico_arr_right_gray.svg') no-repeat left 16px top 14px;; background-size:7px; }
.table_m_common {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.table_m_common .item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border: 1px solid #dedede;
    padding: 16px;
    border-radius: 12px;
}
.table_m_common .item .tr_hstack {
    display: flex;
    align-items: center;
    gap: 10px;   
}
.table_m_common .item .tr_hstack .th_tit {
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 14px;
    background: #f5f5f5;
    padding: 3px 8px;
}
.table_m_common .item .tr_hstack .td_txt {
    font-size: 16px; color:#666;
}


.fsMtable{BORDER-TOP:2PX SOLID #000;}

.fsMtable table {
		width: 100%;
		border-right: 1px solid #dfdfdf;
		display: block;
	}

	.fsMtable thead { /*가로로 만들어진 셀을 세로로 변경*/
		display: block;
		float: left;
	}

	.fsMtable tbody {
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
	}

	.fsMtable thead tr {
		display: block;
	}

	.fsMtable th {
		display: block;
		text-align: right;
        background:#f5f5f5;
        border-top:1px solid #dedede !important;
        BORDER-RIGHT:1PX SOLID #000 !important;
        border-bottom: 0;
		border-left: 0;
        word-break: break-all !important;
       font-size:14px !important;
       font-weight:bold !important;
       padding:0 5px !important;
        
	}

	.fsMtable tbody tr {
		display: inline-block;
		vertical-align: top;
	}

	.fsMtable td {
		display: block;
		min-height: 1.25em;
		text-align: left;
        line-height:40px !important;
        PADDING:0 10PX !important;
        font-weight:600 !important;
        border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}
	

	.fsMtable tbody tr {
		border-left: 1px solid #babcbf;
		margin-left: -5px
	}

	.fsMtable th:last-child,
	.fsMtable td:last-child {
		border-bottom: 1px solid #dfdfdf;
	}
   .fsMtable.list_st8 {margin:0 !important; border-top:0px solid #000 !important; table-layout: fixed;
  overflow-x: auto;}
.fsMtable.list_st8 td{height:41px !important;}
.fsMtable.list_st8 th{background:#f5f5f5 !important; min-width:120px !important;}
.fsMtable.list_st8 td.borderRN .GradBtn a{margin:0 8px !important; width:60px;}
.btn_wrap04{width:100%; display: flex;gap:8px;}
.btn_wrap04 li{flex:1;}
.joinBtn05 a, .joinBtn05 a{width:100%;}
.list_st7 tbody td.boBNot2, .list_st7 tbody th.boBNot2{border-top:0 !important; }


    .mTable caption {
		font-size: 1.3em;
	}
      .mTable colgroup{display: none;}

	.mTable {
		
	}
    .mTable .list_st21{
        border: 1px solid #dedede;
        border-radius: 10px;
        margin-top:-10px !important;
    }

	.mTable thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.mTable th {
		display: block;
        border:0 !important;
	}

	.mTable tr {
		border-top: 0;
		border-bottom:0;
		display: block;
		margin-bottom: .625em;
	}
    .mTable tbody tr td:first-child{font-weight:bold !important; color:#000 !important; justify-content: center !important; margin-bottom:8px !important; text-align:center !important; font-size:15px !important; height:40px !important; line-height: 40px !important;  background:#f5f5f5 !important;}

	.mTable td {
		border-bottom: 1px solid #ddd;
		display: flex;
		justify-content: space-between;
		font-size: .8em;
		text-align: left !important;
        font-size:14px !important;
        font-weight:600 !important;
        height:24px !important;
        border:0 !important;
        padding:0 20px !important;
	}

	.mTable td::before {
		content: attr(data-label); /*data-label을 가상요소 표출*/
		
		font-weight: bold;
		text-transform: uppercase;
	}

	.mTable td:last-child {
		border-bottom: 0;
	}


	.media_wrap{padding:0;}



  
}