@charset "utf-8";

header{position:fixed;top:0;left:0;width:100%;margin:0 auto;z-index:1111;background:#fff;}

.tophead{max-width:1320px;margin:0 auto;}
.tophead::after{content:'';display:block;clear: both;}
.tophead h1{float:left;margin-top:12px;}
.tophead .tophead__gnb{float:right;}

.gnb {float:left;margin-right:0px;margin-top:12px;margin-right:10px}
.gnb li{float:left;height:46px;line-height:46px;padding:0 10px;position:relative}
.gnb li a{font-size:14px;color:#444; font-weight:bold;} 
.gnb li a:hover {color:#940094; }
.gnb li::after{content:'';display:block;width:1px;height:12px;background:#dcdcdc;position:absolute;left:0;top:50%;margin-top:-5px;}
.gnb li:first-child{padding-left:0;}
.gnb li:first-child::after{display: none;}

/* 상단검색 */
.search {display:block;float:right;position:relative;margin:15px 0 7px 0;width:300px;height:36px;box-sizing:border-box;border:1px solid #999999}
.search input{width:223px;border:0;height:34px;line-height:34px;font-size:14px;text-indent:14px;}
.search button{position:absolute;top:50%;right:0px;transform:translateY(-50%);padding:12px 14px;}
.search button::after{content:'';display:block;width:1px;height:14px;background:#999999;position:absolute;left:0;top:55%;margin-top:-9px;}
.search .search_button span { width:20px; height:20px; display:inline-block; vertical-align:middle; position:relative; transform:rotate(-45deg);  }
.search .search_button span::before, 
.search .search_button span::after { position: absolute; content:''; }
.search .search_button span::before { width:2px; height:8px; right:8px; top:14px; border-radius:2px; background:#999999; }
.search .search_button span::after { width:8px; height:8px; border-radius:8px; left:6px; top:2px; border:2px solid #999999; }

.search input:-ms-input-placeholder { font-size:12px; line-height:32px; color:#b5b5b5 !important; }
.search ::-ms-input-placeholder { font-size:12px; line-height:32px; color:#b5b5b5 !important; }
.search ::-webkit-input-placeholder { font-size:12px; line-height:32px; color:#b5b5b5 !important; }
.search ::-moz-placeholder { font-size:12px; line-height:32px; color:#b5b5b5 !important; }
.search ::-moz-placeholder { font-size:12px; line-height:32px; color:#b5b5b5 !important; }


em.sWord {font-style: normal; color:#000; background-color: rgb(255 255 0 / 60%);}


/* gnb 메뉴 속성 ==================================================================================*/
#header .header_fullbg {content: ''; position:absolute; top:108px; left:0; right:-33px; height:0; 
background:#fff url('../images/common/sub_menu_bg.png') no-repeat; background-position:calc(80% - 62px) 100%;
-webkit-transition: height 0.4s ease-in-out; transition: height 0.4s ease-in-out; }
#header.is-active .header_fullbg{ height:430px; }
#header.on .header_fullbg { height:430px; }

#header #gnb_wrap { max-width:1320px; margin: 0 auto; }
#header #gnb { position:relative; width:calc(100% - 33px); height: 100%;}
#header.is-active #gnb { overflow: visible; }

/* gnb ul */
#header .gnb_inner { position:relative; float:left; width:100%;  /*  overflow: hidden; */  
-webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out;transition:0.4s ease-in-out;}

/* gnb ul li */
#header .gnb_inner > li { float: left; width:14.2857%; text-align: center; /* position: static; */}

/* gnb ul li a 대메뉴링크*/
#header .gnb_inner > li > a { position: relative; display: block;width:100%; height: 100%; line-height: 45px; height: 50px; 
font-size:18px; color:#000; font-weight: 500;}

#header .gnb_inner > li:hover > .sub-gnb.is-active a ,
#header .gnb_inner > li:hover > .sub-gnb.is-active .tit, 
#header .gnb_inner > li:hover > .sub-gnb a, 
#header .gnb_inner > li:hover > .sub-gnb .tit {
}

/*메뉴 배경*/
#header .header-bg { 
	position: absolute; 
	left: 0; top:50px;
	display: block;
	width: calc((100% / 7 * 1));  
	height: 0; 
	padding: 0; margin: 0;
	opacity: 0; 
	-webkit-transition:0.4s ease-in-out;
	-moz-transition:0.4s ease-in-out;
	-o-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out; 
}
#header.is-active .header-bg {opacity: 1; height:430px; top:47px; background-color:#f8f8f8; }
#header.on .header-bg { }

#header .sub-gnb { 
	position:absolute; top:50px; 
	width: calc((100% / 7 * 1)); height: 0; opacity: 0; 
	-webkit-transition:0.6s ease-in-out;
	-moz-transition:0.6s ease-in-out;
	-o-transition:0.6s ease-in-out;
	transition:0.6s ease-in-out; 
}
  #header .sub-gnb .tit, #header .sub-gnb a { color:#666; 
  -webkit-transition: color .2s ease-in; transition: color .2s ease-in; white-space: nowrap; }

  #header .sub-gnb > li { display:block ; width:calc((100% / 7 * 1));  }
  #header .gnb_inner {
	-webkit-transition:0.4s ease-in-out;
	-moz-transition:0.4s ease-in-out;
	-o-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out; 
  }

  #header .gnb_inner > li > a:before {content:''; display:block;
  width:2px;height:18px;background: #e5e5e5;position:absolute;left:0;top:50%;margin-top:-9px;}
  #header .gnb_inner > li:nth-child(1) > a:before { display:none }
  #header .gnb_inner > li:nth-child(1) .sub-gnb { left: 0; }
  #header .gnb_inner > li:nth-child(2) .sub-gnb { left: calc((100% / 7 * 1)); }
  #header .gnb_inner > li:nth-child(3) .sub-gnb { left: calc((100% / 7 * 2)); }
  #header .gnb_inner > li:nth-child(4) .sub-gnb { left: calc((100% / 7 * 3)); }
  #header .gnb_inner > li:nth-child(5) .sub-gnb { left: calc((100% / 7 * 4)); }
  #header .gnb_inner > li:nth-child(6) .sub-gnb { left: calc((100% / 7 * 5)); }
  #header .gnb_inner > li:nth-child(7) .sub-gnb { left: calc((100% / 7 * 6)); }

  #header .gnb_inner > li:nth-child(1):hover  > a {color:#ea5e9d;}
  #header .gnb_inner > li:nth-child(2):hover  > a {color:#8c509c;}
  #header .gnb_inner > li:nth-child(3):hover  > a {color:#f39600;}
  #header .gnb_inner > li:nth-child(4):hover  > a {color:#4db332;}
  #header .gnb_inner > li:nth-child(5):hover  > a {color:#58c7e5;}
  #header .gnb_inner > li:nth-child(6):hover  > a {color:#4d99d3;}
  #header .gnb_inner > li:nth-child(7):hover  > a {color:#d94b96;}

  #header .gnb_inner > li > a { position:relative; width:100%; }
  #header .gnb_inner > li > a:after {/*호버시 나오는 밑줄*/
	content: ''; position: absolute; 
	bottom:-1px; left: 50%; 
	width:0; height:4px; 
	-webkit-transform: translate(-50%); transform: translate(-50%); 
	-webkit-transition: width 0.3s; transition: width 0.3s;
}
  #header .gnb_inner > li:hover > a:after { width:100%; }
  #header .gnb_inner > li:nth-child(1):hover > a:after {background-color:#ea5e9d;}
  #header .gnb_inner > li:nth-child(2):hover > a:after {background-color:#8c509c;}
  #header .gnb_inner > li:nth-child(3):hover > a:after {background-color:#f39600;}
  #header .gnb_inner > li:nth-child(4):hover > a:after {background-color:#4db332;}
  #header .gnb_inner > li:nth-child(5):hover > a:after {background-color:#58c7e5;}
  #header .gnb_inner > li:nth-child(6):hover > a:after {background-color:#4d99d3;}
  #header .gnb_inner > li:nth-child(7):hover > a:after {background-color:#d94b96;}

  #header .sub-gnb { }
  #header .sub_menu { display:none; padding-top:15px; margin-left:20px; }
  #header .sub_menu > li { position: relative; padding: 0 10px;}
  #header .sub_menu > li > a,
  #header .sub_menu > li > button {
	display:inline-block; text-align:left; 
	width:100%; padding:7px 0;
	background:none; color:#666;
	font-family: "Noto Sans KR", "맑은고딕", "돋움";
	font-weight:400; font-size:14px;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out; 
  }

  #header .gnb_inner li:nth-child(1) .sub_menu > li:hover > a,
  #header .gnb_inner li:nth-child(1) .sub_menu > li:hover > button {color:#ea5e9d;}

  #header .gnb_inner li:nth-child(2) .sub_menu > li:hover > a,
  #header .gnb_inner li:nth-child(2) .sub_menu > li:hover > button {color:#8c509c;}

  #header .gnb_inner li:nth-child(3) .sub_menu > li:hover > a,
  #header .gnb_inner li:nth-child(3) .sub_menu > li:hover > button {color:#f39600;}

  #header .gnb_inner li:nth-child(4) .sub_menu > li:hover > a,
  #header .gnb_inner li:nth-child(4) .sub_menu > li:hover > button {color:#4db332;}

  #header .gnb_inner li:nth-child(5) .sub_menu > li:hover > a,
  #header .gnb_inner li:nth-child(5) .sub_menu > li:hover > button {color:#58c7e5;}

  #header .gnb_inner li:nth-child(6) .sub_menu > li:hover > a,
  #header .gnb_inner li:nth-child(6) .sub_menu > li:hover > button {color:#4d99d3;}

  #header .gnb_inner li:nth-child(7) .sub_menu > li:hover > a,
  #header .gnb_inner li:nth-child(7) .sub_menu > li:hover > button {color:#d94b96;}


.ssub_menu { display:none; padding-bottom:8px; }
.ssub_menu > li { text-align:left; padding:8px 0 0; }
.ssub_menu > li > a { font-size:13px; color:#666; font-weight:400;}

  #header .gnb_inner > li:nth-child(1) .ssub_menu > li:hover > a {color:#ea5e9d;}
  #header .gnb_inner > li:nth-child(2) .ssub_menu > li:hover > a {color:#8c509c;}
  #header .gnb_inner > li:nth-child(3) .ssub_menu > li:hover > a {color:#f39600;}
  #header .gnb_inner > li:nth-child(4) .ssub_menu > li:hover > a {color:#4db332;}
  #header .gnb_inner > li:nth-child(5) .ssub_menu > li:hover > a {color:#58c7e5;}
  #header .gnb_inner > li:nth-child(6) .ssub_menu > li:hover > a {color:#4d99d3;}
  #header .gnb_inner > li:nth-child(7) .ssub_menu > li:hover > a {color:#d94b96;}


/* SUB MENU ACTIVE */
#header.is-active { border-bottom: 1px solid #ddd; -webkit-transition: height .2s ease-in-out; transition: height .2s ease-in-out; }
#header.is-active .gnb_inner { /* position: static; */ }
#header.is-active .sub-gnb { display: block; opacity: 1; height: 350px; /*border-right: 1px solid #ddd;*/}
#header.is-active .sub_menu { display: block; }
#header.is-active .gnb_inner > li:nth-child(1) .sub-gnb { /*border-left: 1px solid #ddd;*/ }

#header.on .sub-gnb { display: block; opacity: 1; height: 350px; /*border-right: 1px solid #ddd;*/}
#header.on .sub_menu { display: block; }
#header.on .gnb_inner > li:nth-child(1) .sub-gnb { /*border-left: 1px solid #ddd;*/ }


.menu__item{float:left;width:14.2857%;position:relative;}
.menu__item h2{width:100%;text-align:center;position:relative;}
.menu__item h2::after{content:'';display:block;width:2px;height:18px;background: #e5e5e5;position:absolute;left:0;top:50%;margin-top:-9px;}
.menu__item:first-child h2:after{display:none;}
.menu__item h2 a{display:block;font-size:18px;color:#000;height:50px;line-height:40px;box-sizing: border-box;
border-bottom:4px solid transparent;font-weight:500;cursor:pointer}
.nav__menu--w .menu__item:nth-child(1):hover h2 a{color:#ea5e9d;border-bottom-color:#ea5e9d;}
.nav__menu--w .menu__item:nth-child(2):hover h2 a{color:#8c509c;border-bottom-color:#8c509c;}
.nav__menu--w .menu__item:nth-child(3):hover h2 a{color:#f39600;border-bottom-color:#f39600;}
.nav__menu--w .menu__item:nth-child(4):hover h2 a{color:#4db332;border-bottom-color:#4db332;}
.nav__menu--w .menu__item:nth-child(5):hover h2 a{color:#58c7e5;border-bottom-color:#58c7e5;}
.nav__menu--w .menu__item:nth-child(6):hover h2 a{color:#4d99d3;border-bottom-color:#4d99d3;}
.nav__menu--w .menu__item:nth-child(7):hover h2 a{color:#d94b96;border-bottom-color:#d94b96;}
.menu__item h2.active a{font-weight:600;color:#8c509c;border-bottom-color:#8c509c;}
.nav__menu--w .menu__item > ul{ display:none; opacity:0; 
-webkit-transition:0.1s ease-in-out;-moz-transition:0.1s ease-in-out;-o-transition:0.1s ease-in-out; transition:0.1s ease-in-out; 
position:absolute; top:46px;left:0;width:90%;padding:18px 0 0 20%;}
.open .nav__menu--w .menu__item > ul { opacity:1; }
.menu__item > ul > li{padding:7px 0;word-break: break-all;}
.menu__item > ul > li a,
.menu__item > ul > li button{font-size:14px;color:#666;font-weight:400;font-family: "Noto Sans KR", "맑은고딕", "돋움"; text-align:left;}


.menu__item:nth-child(1) > ul > li a:hover,
.menu__item:nth-child(1) > ul > li button:hover{color:#ea5e9d;}
.menu__item:nth-child(2) > ul > li a:hover,
.menu__item:nth-child(2) > ul > li button:hover{color:#8c509c;}
.menu__item:nth-child(3) > ul > li a:hover,
.menu__item:nth-child(3) > ul > li button:hover{color:#f39600;}
.menu__item:nth-child(4) > ul > li a:hover,
.menu__item:nth-child(4) > ul > li button:hover{color:#4db332;}
.menu__item:nth-child(5) > ul > li a:hover,
.menu__item:nth-child(5) > ul > li button:hover{color:#58c7e5;}
.menu__item:nth-child(6) > ul > li a:hover,
.menu__item:nth-child(6) > ul > li button:hover{color:#4d99d3;}
.menu__item:nth-child(7) > ul > li a:hover,
.menu__item:nth-child(7) > ul > li button:hover{color:#d94b96;}

.menu__item > ul ul {display:none;}
.menu__item > ul > li li{padding:8px 0 0;}
.menu__item > ul > li li a{font-size:13px;color:#666;font-weight:400;}


.sitemap{float:right;margin-top:14px;}

.nav__menu--w{display:block;}
.nav__menu--m{display:none;}

.hambuger{display:none;}

.container{width:100%;/*max-width:1903px;*/margin:110px auto 0;}

footer{width:100%;margin:0 auto;background:#303030;padding-bottom:35px;}
.footer{max-width:1320px;margin:0 auto;}
.footer__menu{text-align:center;padding-top:16px;}
.footer__menu a{display:inline-block;padding:0 30px;position:relative;color:#d0d0d0;}
.footer__menu a::after{content:'';display:block;width:2px;height:2px;background: #d0d0d0;position:absolute;left:0;top:50%;margin-top:-1px;}
.footer__menu a:first-child:after{display:none}

.footer .information{position:relative;padding-top:60px;}
.footer .information::after{content:'';display:block;clear: both;}
.footer__logo{float:left;}
.footer__logo p{padding-top:25px;font-size:12px;color:#b2b2b2;font-weight:300;}
.footer__logo p:first-child{padding-top:0;}
.company_info {float:left;margin-left:90px;}
.company_info p {font-size:16px;color:#b2b2b2;line-height:25px;}
.company_info ul li {font-size:14px;color:#b2b2b2;font-weight:400;line-height:20px;}
.company_info ul li span { margin-right:20px; }
.company_info ul li span:last-child { margin:0 }

.footer_sns { position:absolute; right:0; top:50%; }
a.blog { display:inline-block; vertical-align:top; margin-right:7px; width:21px; height:21px; font-size:0;
background:url('../images/common/sns_blog.gif') no-repeat center; }
a.facebook { display:inline-block; vertical-align:top; margin-right:7px; width:21px; height:21px; font-size:0;
background:url('../images/common/sns_facebook.gif') no-repeat center; }
a.insta { display:inline-block; vertical-align:top; margin-right:12px; width:21px; height:21px; font-size:0;
background:url('../images/common/sns_insta.gif') no-repeat center; }
a.youtube { display:inline-block; vertical-align:top; width:21px; height:21px; font-size:0;
background:url('../images/common/sns_youtube.gif') no-repeat center; }

.quick_banner{position:fixed;top:50%;right:30px;transform: translateY(-50%);z-index: 1111;}
.quick_banner .quick_inner{padding:30px 0;background:#940094;width:90px;overflow:hidden;transition:width 1s;opacity: 0.9;}
.quick_banner .quick_inner.close{width:0;}
.quick_banner .quick_inner a{display:block;margin:0 auto;width:60px;padding:70px 0 19px;font-weight:bold;color:#fff;font-size:14px;text-align:center;letter-spacing:-1px;position:relative;;}
.quick_banner .quick_inner a:hover{color:#fff47f;}
.quick_banner .quick_inner a::after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:2px;background:#ffffff;opacity: 0.8;}
.quick_banner .quick_inner a:first-child:after{display:none;}
.quick_banner .quick_inner a.quick_banner--01{background:url(../images/common/quick_01.png) no-repeat center 18px;padding-top:77px;opacity: 0.8;}
.quick_banner .quick_inner a.quick_banner--02{background:url(../images/common/quick_02.png) no-repeat center 18px;padding-top:73px;opacity: 0.8;}
.quick_banner .quick_inner a.quick_banner--03{background:url(../images/common/quick_03.png) no-repeat center 18px;opacity: 0.8;}
.quick_banner .quick_inner .quick_banner--04{display:block;margin:0 auto;width:60px;padding:23px 0 19px;position:relative;font-size:0;opacity: 0.8;}
.quick_banner .quick_inner .quick_banner--04::after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:2px;background:#ffffff;opacity: 0.8;}
.quick_banner .quick_inner .quick_banner--04 a{display:inline-block;width:49%;padding:0;vertical-align:top;}
.quick_banner .quick_inner .quick_banner--04 a:nth-child(2),.quick_banner .quick_inner .quick_banner--04 a:nth-child(4){margin-left:2%;}
.quick_banner .quick_inner .quick_banner--04 a:nth-child(3),.quick_banner .quick_inner .quick_banner--04 a:nth-child(4){margin-top:2%;}
.quick_banner .quick_inner .quick_banner--04 a img{width:100%;}
.quick_banner .quick_inner .quick_banner--04 a:hover{opacity: 0.5;}
.quick_banner .quick_inner .quick_banner--04 span{display:block;font-weight:bold;color:#fff;font-size:14px;text-align:center;letter-spacing:-1px;margin-top:13px;}
.quick_banner--top{position:absolute;bottom:0;left:0;width:100%;height:30px;line-height:30px;background:#460748;color:#fff;font-size:12px;;}
.quick_banner .quick_inner.close .quick_banner--top{display:none;}
.close_banner{display:block;position:absolute;top:140px;left:-16px;width:16px;height:45px;background:#581f5a}
.close_banner::after{content:'';display:block;position:absolute;left:50%;top:50%;width:8px;height:13px;background:url(../images/common/quick_sns_colse.png) no-repeat left top;transform: translate(-50%,-50%);transition:all 1s;}
.close_banner.close::after{transform: translate(-50%,-50%) rotate(180deg)}

.slick-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:0;z-index:1;}

.popup{display:none;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index: 1111;;background:rgba(0,0,0,0.6);}
.popup__inner{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);background:#fff;}

.smap__warp{width:1320px;height:750px;}
.smap__head{height:70px;background:#ccc;position:relative;}
.smap__head .close_popup{position:absolute;top:8px;right:8px;}
.smap__head h4{line-height:68px;font-size:24px;color:#000;font-weight:bold;padding-left:30px;}
.smap__head h4 span{font-size:18px;font-weight:400;padding-left:15px;}
.smap__content{padding:20px 25px;}
.smap__content .menu__item {height:638px;border-left:1px solid #ccc;box-sizing: border-box;background:#f2f2f2}
.smap__content .menu__item h2::after{display:none;}
.smap__content .menu__item h2 a{height:50px;line-height:50px;color:#fff;font-size:18px;}
.smap__content .menu__item:nth-child(1) h2 a{background-color:#ea5e9d;}
.smap__content .menu__item:nth-child(2) h2 a{background-color:#8c509c;}
.smap__content .menu__item:nth-child(3) h2 a{background-color:#f39600;}
.smap__content .menu__item:nth-child(4) h2 a{background-color:#4db332;}
.smap__content .menu__item:nth-child(5) h2 a{background-color:#58c7e5;}
.smap__content .menu__item:nth-child(6) h2 a{background-color:#4d99d3;}
.smap__content .menu__item:nth-child(7) h2 a{background-color:#d94b96;}
.smap__content .menu__item > ul{display:block;position:static;padding:30px 20px 0 ;width:100%;box-sizing: border-box;}
.smap__content .menu__item > ul ul{display:none;}
.smap__content .menu__item > ul > li a,.smap__content  .menu__item > ul > li button{font-size:16px;}
.smap__content .menu__item > ul > li li a{font-size:14px;}

/* suv - common */
.sub_01 .navigation {background:#ea5d9d;height:68px;border-top:1px solid #e97db1;border-bottom:1px solid #e97db1;}
.sub_02 .navigation {background:#8c509c;height:68px;border-top:1px solid #a97db5;border-bottom:1px solid #a97db5;}
.sub_03 .navigation {background:#f39600;height:68px;border-top:1px solid #f7b64d;border-bottom:1px solid #f7b64d;}
.sub_04 .navigation {background:#4db332;height:68px;border-top:1px solid #83ca70;border-bottom:1px solid #83ca70;}
.sub_05 .navigation {background:#58c7e5;height:68px;border-top:1px solid #58c7e5;border-bottom:1px solid #58c7e5;}
.sub_06 .navigation {background:#4d99d3;height:68px;border-top:1px solid #83b8e0;border-bottom:1px solid #83b8e0;}
.sub_07 .navigation {background:#d94b96;height:68px;border-top:1px solid #dd70ac;border-bottom:1px solid #dd70ac;}
.search_w .navigation,
.member .navigation,
.privacy .navigation {background:#c066bf;height:68px;border-top:1px solid #d394d2;border-bottom:1px solid #d394d2;}

.navigation__inner{max-width:1320px;margin:0 auto;position:relative;}
.navigation__inner::after{content:'';display:block;clear: both;}
.navigation__home{position:absolute;top:-1px;left:0;background:#000;opacity: 0.2;}
.navigation__home a{display:block;width:65px;height:68px;background:url(../images/common/nav_home.png) no-repeat center center}
.navigation__inner ul{padding-left:90px;}
.navigation__inner ul::after{content:'';display:block;clear: both;}
.navigation__inner ul li{float:left;line-height:68px;padding:0 60px 0 53px;background:url(../images/common/nav_arr.png) no-repeat left center}
.navigation__inner ul li:first-child{padding-left:0;background:none;}
.navigation__inner ul li a{font-size:15px;color:#fff;}
.navigation__inner ul li a br { display:none }
.navigation__inner ul li a.active{color:#fde140}
.menu_warp{border:1px solid #cccccc} 
.menu_warp::after{content:'';display:block;clear: both;}

.sub {width:100%;max-width:1320px;margin:0 auto 100px; min-height:500px;position:relative;}
.search_w .sub { min-height:600px; }

.sub__kv { height:272px; padding:115px 0 115px;}
.sub__kv.pad {padding:95px 0 93px;}

.sub_01 .sub__kv {background:#000 url('../images/common/sub_img_01.jpg') no-repeat center top;}
.sub_02 .sub__kv {background:#000 url('../images/common/sub_img_02.jpg') no-repeat center top;}
.sub_03 .sub__kv {background:#000 url('../images/common/sub_img_03.jpg') no-repeat center top;}
.sub_04 .sub__kv {background:#000 url('../images/common/sub_img_04.jpg') no-repeat center top;}
.sub_05 .sub__kv {background:#000 url('../images/common/sub_img_05.jpg') no-repeat center top;}
.sub_06 .sub__kv {background:#000 url('../images/common/sub_img_06.jpg') no-repeat center top;}
.sub_07 .sub__kv {background:#000 url('../images/common/sub_img_07.jpg') no-repeat center top;}
.search_w .sub__kv,
.member .sub__kv,
.privacy .sub__kv {background:#000 url('../images/common/sub_img_02.jpg') no-repeat center top;}

.sub__kv--inner{max-width:1320px;margin:0 auto 0;}
.sub__kv--inner h3{padding-left:83px;font-size:42px;font-weight:bold;color:#fff;line-height:1em;}

.sub__nav{margin-top:50px;font-size:0;}
.sub__nav ul{border-left:1px solid #e0e1e0;border-bottom:1px solid #e0e1e0; overflow: hidden;}
.sub__nav ul::after{content:'';display:block;clear: both;}
.sub__nav ul li{display:inline-block;float: left;width:25%;height:52px;border:1px solid #e0e1e0;box-sizing: border-box;border-left:0;border-bottom:0;}
.sub__nav ul li a{display:block;width:100%;height:52px;line-height:52px;font-size:15px;font-weight:500;color:#868991;text-align:center;}
.sub_01 .sub__nav ul li.active a,
.sub_01 .sub__nav ul li a:hover{background:#ea5d9d;color:#fff;}
.sub_02 .sub__nav ul li.active a,
.sub_02 .sub__nav ul li a:hover{background:#6e147f;color:#fff;}
.sub_03 .sub__nav ul li.active a,
.sub_03 .sub__nav ul li a:hover{background:#f39600;color:#fff;}
.sub_04 .sub__nav ul li.active a,
.sub_04 .sub__nav ul li a:hover{background:#4db332;color:#fff;}
.sub_05 .sub__nav ul li.active a,
.sub_05 .sub__nav ul li a:hover{background:#58c7e5;color:#fff;}
.sub_06 .sub__nav ul li.active a,
.sub_06 .sub__nav ul li a:hover{background:#4d99d3;color:#fff;}
.sub_07 .sub__nav ul li.active a,
.sub_07 .sub__nav ul li a:hover{background:#d94b96;color:#fff;}
.member .sub__nav ul li.active a,
.member .sub__nav ul li a:hover {background:#c066bf;color:#fff;}

.sub_02 .sub__nav ul li a.line2 {
	line-height: 1.2;
	padding-top: 7px;
}

@media all and (max-width: 875px) {
	.sub_02 .sub__nav ul li a.line2 {
		line-height: 1.2;
		padding-top: 3px;
	}
}
@media all and (max-width: 380px) {
	.sub_02 .sub__nav ul li a.line2 {
		line-height: 1;
		padding-top: 2px;
	}
}

.sub__nav.w20 ul li{width:20%;}
.sub__nav.w50 ul li{width:50%;}
.sub__nav.w33 ul li{width:33.3%;}
.sub__nav.w50_2 { max-width:800px; margin:50px auto 0; }
.sub__nav.w50_2 ul li{width:50%;}

.sub__search{margin-top:40px;text-align:center;}
.sub__search select {display:inline-block;width:150px;height:54px;line-height:52px;text-indent:10px;font-size:14px;color:#000;
border:1px solid #cccccc;vertical-align: top; -webkit-appearance: none !important; -moz-appearance: none;
background: url('../images/contents/select_arrow.png') no-repeat 90% center;}
/* 셀렉트 레이어 */
.select_box { display: inline-block; }
.select_box .s_box { display: inline-block; position:relative; }
.select_box .s_box .select {display:inline-block;width:150px;height:54px;line-height:52px;text-align:left;padding-left:10px; font-size:14px; color:#666;
border:1px solid #ccc; vertical-align: top; }

.select_box .s_box .select:after { content: ''; position: absolute; top:25px; right:15px; width:0; height:0; 
border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #ccc; border-bottom:none; }
.select_box.on .box .select:after { content: ''; border-bottom:6px solid #ccc; border-top:none;}
.select_box .s_box .list { display:none; overflow-y:auto;
position:absolute; top:53px; left:0; z-index:10; box-sizing:border-box; padding:10px 0; width:100%; max-height: 200px;
border:1px solid #ccc; background:#fff; color:#666; }

.select_box .s_box .list::-webkit-scrollbar { width:10px; height: 0; }
.select_box .s_box .list::-webkit-scrollbar-button:start:decrement,
.select_box .s_box .list::-webkit-scrollbar-button:end:increment { display:block; height:0; }
.select_box .s_box .list::-webkit-scrollbar-track { background: rgba(0, 0, 0, .05); -webkit-border-radius:10px; border-radius:10px;}
.select_box .s_box .list::-webkit-scrollbar-thumb { height:34px; width:34px; background: rgba(0, 0, 0, .2); -webkit-border-radius:0; border-radius:0; }
.select_box .s_box .list>li { box-sizing: border-box; padding:0 10px; width:100%; height:34px; line-height:32px; color:#666; 
text-align:left; cursor: pointer; }
.select_box .s_box .list>li a { color:#666; }
.select_box .s_box .list>li:hover { border-radius:0; background-color:#e8e8e8; color:#000; }

.sub__search--box{display:inline-block;position:relative;width:402px;height:54px;box-sizing:border-box;border:1px solid #cccccc;vertical-align: top;margin-left:5px;}
.sub__search--box input{width:380px;border:0;height:50px;line-height:50px;font-size:15px;text-indent:10px;color:#000}
.sub__search--box button{position:absolute;top:50%;right:0px;transform: translateY(-50%);padding:14px;}

	.sub__search--box input:-ms-input-placeholder { font-size:15px !important; }
	.sub__search--box ::-ms-input-placeholder { font-size:15px !important; }
	.sub__search--box ::-webkit-input-placeholder { font-size:15px !important; }
	.sub__search--box ::-moz-placeholder { font-size:15px !important; }
	.sub__search--box ::-moz-placeholder { font-size:15px !important; }

.board table {table-layout:fixed; word-break:break-all}
.data{margin-top:45px;width:100%}
.data.ntop{margin-top:0;}
.data table {border-top:1px solid #393939;width:100%;}
.data table th{background:#f5f5f5;font-size:17px;font-weight:400;color:#222;height:60px;border-bottom:1px solid #dfdfdf;vertical-align: middle;}
.data table td{font-size:15px;color:#222;font-weight:100;height:60px;border-bottom:1px solid #dfdfdf;vertical-align: middle;text-align:center;}
.data table td a {font-size:17px;color:#222;font-weight:500;}
.data table td a:hover,
.data table td a:focus,
.data table td a:active {color:#6e147f;font-weight:500;}
.data table td.left {text-align:left;padding:10px}

.data.write.join br { display:none }

.sub_01 .data table td a:hover,.sub_01 .data table td a:focus,.sub_01 .data table td a:active {color:#ea5d9d;}
.sub_02 .data table td a:hover,.sub_02 .data table td a:focus,.sub_02 .data table td a:active {color:#6e147f;}
.sub_03 .data table td a:hover,.sub_03 .data table td a:focus,.sub_03 .data table td a:active {color:#f39600;}
.sub_04 .data table td a:hover,.sub_04 .data table td a:focus,.sub_04 .data table td a:active {color:#4db332;}
.sub_06 .data table td a:hover,.sub_06 .data table td a:focus,.sub_06 .data table td a:active {color:#4d99d3;}
.sub_07 .data table td a:hover,.sub_07 .data table td a:focus,.sub_07 .data table td a:active {color:#d94b96;}

.data table td.link {text-align:left;}
.data table td.link a { display:inline-block; max-width:650px; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.data table td.link i { margin-left:10px; margin-top:1px; font-size:20px }
.data table .num { width:70px  }
.data table .writer { width:180px }
.data table .date { width:100px; }
.data table .hit { width:100px }

.sub_02 .data table td.link i { vertical-align:middle; color:#6e147f }
.sub_02 .data table td span.new { display:inline-block; vertical-align:middle; margin-left:5px; margin-top:3px; width:14px; height:14px; line-height:12px; 
border-radius:3px; text-align:center; border:1px solid #6e147f; font-weight:600; color:#6e147f; font-size:11px; }
.sub_02 .data table span.notice { display:inline-block; vertical-align:middle; margin-right:5px; margin-top:3px; width:40px; height:14px; line-height:12px; 
border-radius:3px; text-align:center; border:1px solid #6e147f; color:#6e147f; font-weight:600; font-size:11px; }
.sub_02 tr.td_notice td.link a { color:#6e147f; font-weight:500;}

.sub_06 .data table td.link i { vertical-align:middle; color:#4d99d3 }
.sub_06 .data table td span.new { display:inline-block; vertical-align:middle; margin-left:5px; margin-top:3px; width:14px; height:14px; line-height:12px; 
border-radius:3px; text-align:center; border:1px solid #4d99d3; font-weight:600; color:#4d99d3; font-size:11px; }
.sub_06 .data table span.notice { display:inline-block; vertical-align:middle; margin-right:5px; margin-top:3px; width:40px; height:14px; line-height:12px; 
border-radius:3px; text-align:center; border:1px solid #4d99d3; color:#4d99d3; font-weight:600; font-size:11px; }
.sub_06 tr.td_notice td.link a { color:#4d99d3; font-weight:500;}

.sub_07 .data table td span.new { display:inline-block; vertical-align:middle; margin-left:5px; margin-top:3px; width:14px; height:14px; line-height:12px; 
border-radius:3px; text-align:center; border:1px solid #d94b96; font-weight:600; color:#d94b96; font-size:11px; }
.sub_07 .data table span.notice { display:inline-block; vertical-align:middle; margin-right:5px; margin-top:3px; width:40px; height:14px; line-height:12px; 
border-radius:3px; text-align:center; border:1px solid #d94b96; color:#d94b96; font-weight:600; font-size:11px; }
.sub_07 tr.td_notice td.link, .sub_07 tr.td_notice td.link a { color:#d94b96; font-weight:500;}

.data.view table th {text-align:left; padding:0 20px}
.data.view table td{height:60px;text-align:left; padding:0 20px}
.data.view table td span.tit { position:relative; padding-right:15px; margin-right:15px }
.data.view table td span.tit::after {content:'';display:block;width:1px;height:16px;background:#ccc;
position:absolute;right:0;top:50%;margin-top:-7px;}
.data.view table td.save { padding:10px 20px }
.data.view table td.save a { display:block; height:30px; line-height:30px; display:inline-block;
background:url('../images/contents/icon_save.png') no-repeat left center; font-size:15px; font-weight:normal; padding-left:25px }
.data.view table td.con { padding:20px; line-height:1.5 }
.data.view table td.con img { max-width:100%; height:auto }

.data.view.btn_area { text-align:center }
.data.view.btn_area .btn { display:inline-block; vertical-align:top; margin-right:5px; width:100px; height:40px; line-height:40px; background:#6e147f; color:#fff; text-align:center }

.sub_02 .data.view.btn_area .btn {background:#6e147f;}
.sub_03 .data.view.btn_area .btn {background:#f39600;}
.sub_04 .data.view.btn_area .btn {background:#4db332;}
.sub_05 .data.view.btn_area .btn {background:#58c7e5;}
.sub_06 .data.view.btn_area .btn {background:#4d99d3;}
.sub_07 .data.view.btn_area .btn {background:#d94b96;}
.member .data.view.btn_area .btn {background:#c066bf;}

.data.view.btn_area .btn.del {background:#fff; border:1px solid #666; color:#000 }
.data.view.btn_area .btn.edit {background:#666;}

.data.view.prevnext th,
.data.view.prevnext td a { font-size:15px }
.data.view.prevnext td { color:#666 }
.data.view.prevnext th { width:14%; }

.apply_btn { margin-top:30px; float:right }
.apply_btn .btn0 { display:inline-block; vertical-align:top; width:180px; height:50px; line-height:18px; padding-top:7px; background:#fff; color:#333; border:1px solid #555; text-align:center }
.apply_btn .btn1 { display:inline-block; vertical-align:top; width:120px; height:50px; line-height:50px; background:#555; color:#fff; text-align:center }
.apply_btn .btn2 { display:inline-block; vertical-align:top; width:120px; height:50px; line-height:50px; background:#ee7800; color:#fff; text-align:center }
.apply_btn .btn3 { display:inline-block; vertical-align:top; width:120px; height:50px; line-height:50px; background:#4db332; color:#fff; text-align:center }

.pagination{margin-top:45px;text-align: center;font-size:0;position:relative}
.pagination button{display:inline-block;width:40px;height:40px;text-align: center;line-height:40px;border-radius:20px;font-size:15px; font-weight: 200;color:#222;vertical-align: top;margin-left:5px}
.pagination ul,
.pagination ul li{display:inline-block;vertical-align: top;}
.pagination .btn_write { position:absolute; right:0; top:0; display:block; width:100px; height:40px; line-height:40px; 
color:#fff; font-size:15px; text-align:center }
.sub_06 .pagination .btn_write {background:#4d99d3;}

.sub_02 .pagination ul li button.active{background:#6e147f;color:#fff;font-weight:bold;}
.sub_03 .pagination ul li button.active{background:#f39600;color:#fff;font-weight:bold;}
.sub_04 .pagination ul li button.active{background:#4db332;color:#fff;font-weight:bold;}
.sub_05 .pagination ul li button.active{background:#58c7e5;color:#fff;font-weight:bold;}
.sub_06 .pagination ul li button.active{background:#4d99d3;color:#fff;font-weight:bold;}
.sub_07 .pagination ul li button.active{background:#d94b96;color:#fff;font-weight:bold;}
.member .pagination ul li button.active{background:#c066bf;color:#fff;font-weight:bold;}

.pagination__first{background:url(../images/contents/board_first.png) no-repeat center center;margin-left:0;}
.pagination__last{background:url(../images/contents/board_last.png) no-repeat center center;}
.pagination__prev{background:url(../images/contents/board_prev.png) no-repeat center center;}
.pagination__next{background:url(../images/contents/board_next.png) no-repeat center center;}

.mobile_close{display:none;}

/* 데이터 테이블 */
.con_list {width:100%}
.con_list.ntop {margin-top:0;}
.con_list.guide {margin-top:20px;}
.con_list.guide.mtop {margin-top:85px;}
.con_list.guide.mtop50 {margin-top:50px;}
.con_list.guide.mtop60 {margin-top:60px;}

.con_list.guide table th:first-child, 
.con_list.guide table td:first-child { border-left:none; }
.con_list.guide table th:last-child, 
.con_list.guide table td:last-child { border-right:none; }
.con_list.guide table td.bor_r { border-right:1px solid #dfdfdf }

.con_list table { border-top:1px solid #393939; width:100%; }
.con_list table th {background:#f5f5f5;font-size:17px;font-weight:400;color:#222;height:45px;
border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;vertical-align:middle;}
.con_list table th:first-child, .con_list table td:first-child { border-left:1px solid #dfdfdf }

.con_list table th.th_s {background:#fafafa;}
.con_list table th.th_s.line {height:74px;}

.con_list table td { font-size:15px;color:#222;font-weight:100;padding:15px;
border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;vertical-align: middle;text-align:center;}
.con_list table td.left { text-align:left; padding:15px }
.con_list table td.work { text-align:left; padding:15px 15px 13px }
.con_list table td a.mail {display:block; margin-top:10px; color:#222;}
.con_list table td .br_pc {display:block;}


@media all and (max-width:1560px) {
    .quick_banner{display:none;}
}
@media all and (max-width:1340px) {
	.content,
	.sub,
	.tophead,
	.nav,
	.footer,
	.smap__warp,
	#header #gnb_wrap {width:96%;}

	.smap__content .menu__item > ul { padding:10px 7px 0 }
	.smap__content .menu__item > ul > li a, 
	.smap__content .menu__item > ul > li button { font-size:13px }
}
@media all and (max-width:1040px) {
	header{padding-bottom:0;}
    .container{margin-top:58px;}
    .tophead{padding:1vw 0;}
    .tophead h1{margin:0;float:none;}
    .tophead .tophead__gnb{float:none; width:100%;}
    
	.header_fullbg,
	#gnb_wrap,
    .nav__menu--w{display:none;}
    .nav__menu--m{display:block;}
    .tophead__gnb{display:none;}

    nav::after{display:none;}
    .nav__menu--m{position:fixed;top:0;right:0;width:336px;height:100vh;z-index:1000;background:#fff;overflow:auto;transition:all 1s;}
    .nav__menu--m.close{right:-336px;}
	.nav__menu--m br {display:none;}
    .m__bg{display:none;width:100%;height:100vh;position:fixed;top:0;left:0;background:rgba(0,0,0,0.5);z-index:50;}
    .m__top{padding:25px 0;}
    .m__top a{display:inline-block;padding:0 10px 0 12px;color:#717171;font-size:12px;position:relative;font-weight: 500;}
    .m__top a:after{content:'';display:block;width:1px;height:12px;position:absolute;top:50%;left:0;margin-top:-5px;background:#ccc;}
	.m__top a:first-child:after { content:'';width:0px; }

    .menu__m .menu__item{float:none;width:100%;background:#f2f2f2;}
    .menu__m .menu__item h2{text-align:left;}
    .menu__m .menu__item h2 a{padding-left:19px;height:49px;line-height:49px;}

    .menu__m .menu__item ul{display:none;position:static;padding:20px 0 20px 22px;}
    .menu__m .menu__item ul ul{padding:5px 0;}
    .menu__m .menu__item h2 a{border:0;color:#fff;}
    .menu__m .menu__item h2::after{display:none;}
    .menu__item > ul > li a, 
    .menu__item > ul > li button{font-size:14px;}
    .menu__item > ul > li li a{font-size:14px;}
    .menu__m .menu__item h2 a{position:relative;}
    .menu__m .menu__item h2 a::after{content:'';display:block;width:13px;height:9px;position:absolute;top:50%;right:24px;margin-top:-6px;background:url(../images/common/mo_menu_arrow.png) no-repeat center center;transition:all 0.5s;}
    .menu__m .menu__item h2 a.open::after{transform: rotate(180deg);}
    .menu__m .menu__item:nth-child(1) h2 a{background-color:#ea5e9d;}
    .menu__m .menu__item:nth-child(2) h2 a{background-color:#8c509c;}
    .menu__m .menu__item:nth-child(3) h2 a{background-color:#f39600;}
    .menu__m .menu__item:nth-child(4) h2 a{background-color:#4db332;}
    .menu__m .menu__item:nth-child(5) h2 a{background-color:#58c7e5;}
    .menu__m .menu__item:nth-child(6) h2 a{background-color:#4d99d3;}
    .menu__m .menu__item:nth-child(7) h2 a{background-color:#d94b96;}
    .menu__m .menu__item h2.active a{font-weight:700;color:#8c509c;border-bottom-color:#8c509c;}
    .mobile_close{display:block;position:absolute;top:25px;right:15px;font-size:0;width:20px;height:20px;background:url(../images/common/menu_close.png) no-repeat center center}

    .hambuger{display:block; position:absolute; top:18px; right:15px;}
	#search_area {display:none;}
	.search button::after { display:none }
	.search {display:none;margin:10px 0;width:100%;height:46px;}
	.search input {width:calc(100% - 92px);height:42px;line-height:42px;}
	.search .search_button { right:40px; }
	.search_close { display:none; position:absolute; right:12px; top:46px; width:42px; height:42px; font-weight:600; 
	color:#000; transform:translateY(0); }
	.hambuger .search_button { position:static; width:24px; height:24px; margin:0 5px 0 0; vertical-align:top }

	.hambuger .search_button span { width:20px; height:20px; display:inline-block; vertical-align:middle; position:relative; transform:rotate(-45deg);  }
	.hambuger .search_button span::before, 
	.hambuger .search_button span::after { position: absolute; content:''; }
	.hambuger .search_button span::before { width:2px; height:8px; right:8px; top:14px; border-radius:2px; background:#000; }
	.hambuger .search_button span::after { width:8px; height:8px; border-radius:8px; left:6px; top:2px; border:2px solid #000; }
	.hambuger .hambuger__btn { margin-top:4px }

    .content{width:96vw;margin:0 auto;}
    .quick_banner{display:none;}
    .business{float:none;width:100%;}
    .tab{float:none;width:100%;}

    .footer .information{ width:90vw; margin:0 auto; padding-top:20px}
    .company_info {margin:20px 0 0}
	.footer_sns { position:absolute; right:20px; top:auto; bottom:0; }

	.con_list.guide.mtop { margin-top:50px;}
	.con_list table td.left { padding:10px }
	.data table td.link a { max-width:350px; }
}

@media all and (max-width:875px) {
	.tophead h1 { margin:10px 0; }
	.tophead h1 img { width:180px; height:auto }
    .navigation__inner ul li{padding:0 30px  0 25px} 

	.sub__kv { height:160px; padding:65px 0 65px;}
	.sub__kv.pad {padding:50px 0 50px;}
	.sub_01 .sub__kv, 
	.sub_02 .sub__kv,
	.sub_03 .sub__kv,
	.sub_04 .sub__kv,
	.sub_05 .sub__kv,
	.sub_06 .sub__kv,
	.sub_07 .sub__kv,
	.member .sub__kv {background-position:center top;background-size:cover}
	.sub__kv--inner h3{padding-left:20px;font-size:30px;}

	.sub{width:96%;}
	.sub__nav {margin-top:20px;}
	.sub__nav.w50_2 { margin-top:20px }
    .sub__nav ul {margin:0 auto;}
    .sub__nav ul li {width:50%}
	.sub__nav ul li {height:42px;}
	.sub__nav ul li a{height:42px;line-height:42px}
	
	.sub__nav.w20 ul { border-bottom:none }
	.sub__nav.w20 ul li {width:50%;}
	.sub__nav.w20 ul li:nth-child(3),
	.sub__nav.w20 ul li:nth-child(4),
	.sub__nav.w20 ul li:nth-child(5) { border-bottom:1px solid #e0e1e0; }
	.sub__nav.w20 ul li:nth-child(5) { border-top:none }

	.sub__search{margin-top:20px;}
    .sub__search select {width:20%;height:40px;line-height:38px;text-indent:5px;font-size:13px;}

	.select_box .s_box .select { width:110px;height:40px;line-height:38px;padding-left:5px;font-size:13px;}
	.select_box .s_box .select:after { top:18px; right:7px; }
	.select_box .s_box .list { top:39px;font-size:13px; }
	.select_box .s_box .list>li a { font-size:13px; }

    .sub__search--box {width:calc(100% - 120px);text-align:left;height:40px;margin-left:3px }
    .sub__search--box input {width:70%; font-size:13px; height:38px; line-height:36px; font-size:13px;text-indent:10px; }
	.sub__search--box button {padding:14px 10px 10px;}
	.sub__search--box input:-ms-input-placeholder { font-size:13px !important; }
	.sub__search--box ::-ms-input-placeholder { font-size:13px !important; }
	.sub__search--box ::-webkit-input-placeholder { font-size:13px !important; }
	.sub__search--box ::-moz-placeholder { font-size:13px !important; }
	.sub__search--box ::-moz-placeholder { font-size:13px !important; }

    .data { margin:20px auto; }
	.data table th,
	.data table td,
	.data table td a,
	.con_list table th,
	.con_list table td { font-size:13px; }
	.data table th,
	.con_list table th { height:30px; }
	.data table td {  }
	
	.con_list.guide.mtop {margin-top:20px;}

	.con_list table td .br_pc {display:none;}
	.con_list table td a.mail {display:inline; margin-top:0px; color:#222;}
	.con_list table td a.mail:before {content: ', ';}

	/* 반응형 시작 =========================================================*/
	.data thead th:first-child { width:60px; text-align:center; }
	.data thead th:nth-child(2) span { display:none; }

	.org thead th:first-child { width:100px; text-align:center; }
	.org thead th:nth-child(2) span { display:none; }
	.org colgroup { display:none; }

	.data thead th:nth-child(3),
	.data thead th:nth-child(4),
	.data thead th:nth-child(5),
	.org thead th:nth-child(3),
	.org thead th:nth-child(4),
	.org thead th:nth-child(5) { display:none; }

	.data tbody td:nth-child(3) { clear:both }

	.data tbody th { padding:10px 0; display:table-cell; text-align:center; }
	.data tbody td:first-child { padding:10px 5px; display:table-cell; text-align:center; }
	.data tbody td:last-child { border-bottom:none; }
	.data tbody tr { border-bottom:1px solid #dcdcdc }

	.org tbody th { padding:10px 0; display:table-cell; text-align:center; }
	.org tbody td:first-child { padding:10px 5px; border-right:1px solid #dcdcdc; display:table-cell; text-align:center; }
	.org tbody td:last-child { border-bottom:none; }
	.org tbody tr { border-bottom:1px solid #dcdcdc }

	.data tbody td { padding:5px 10px; border-left:none; border-bottom:none;  border-right:0; width:auto !important; 
	display:block; text-align:left; height:auto;}
	.data tbody td a { max-width:320px; color:#000 }
	.data tbody td:nth-child(2) { padding:10px 10px 3px; }
	.data tbody td:nth-child(5) { padding:3px 10px 10px; }
	.data tbody td::after{ content:''; display:block; clear:both; }

	.org tbody td { padding:5px 10px; border-left:none; border-bottom:none; width:auto !important; 
	display:block; text-align:left; height:auto;}
	.org tbody td a { max-width:320px; color:#000 }
	.org tbody td:nth-child(2) { padding:10px 10px 3px; }
	.org tbody td:nth-child(5) { padding:3px 10px 10px; }
	.org table td.work { text-align:left; padding:3px 0 3px 10px }
	.org table td.work ul { vertical-align:top; display:inline-block; width:calc(100% - 40px) }
	.org tbody td::after{ content:''; display:block; clear:both; }

	.data.write tbody td { padding:5px; }
	.data.write .user_sex label { margin-top:5px }
	.data.write .line { padding-top:10px }
	.data.write.join br { display:block }

	.data tbody td:before { font-weight:500; color:#555; }
	.data thead th:nth-child(2):before { content:"제목/작성자/등록일/조회수" }
	.data tbody td:nth-child(3):before { content:"작성자 : " }
	.data tbody td:nth-child(4):before { content:"등록일 : " }
	.data tbody td:nth-child(5):before { content:"조회수 : " }

	.org tbody td:before { font-weight:500; color:#555; }
	.org thead th:nth-child(2):before { content:"정보" }
	.org tbody td:nth-child(2):before { content:"성명 : " }
	.org tbody td:nth-child(3):before { content:"직책 : " }
	.org tbody td:nth-child(4):before { vertical-align:top; content:"담당사무 " }
	.org tbody td:nth-child(4) ul {margin-top: 5px;}
	.org tbody td:nth-child(5):before { content:"연락처 : " }

	.org.top tbody td:nth-child(4):before { vertical-align:top; content:"담당업무 " }
	.org.top tbody td:nth-child(4) ul {margin-top: 5px;}
	.org.top tbody td:nth-child(5):before { content:"비고 : " }

	.board_member tbody td:before { font-weight:500; color:#555; }
	.board_member thead th:nth-child(2):before { content:"구분/성명/현직" }
	.board_member tbody td:nth-child(2):before { content:"구분 : " }
	.board_member tbody td:nth-child(3):before { content:"성명 : " }
	.board_member tbody td:nth-child(4):before { vertical-align:top; content:"현직 : " }
	.board_member tbody td:nth-child(4) { padding:3px 10px 10px; }
	.board_member tbody td:nth-child(4) p { display:inline-block; width:calc(100% - 40px); line-heigth:1.3 }

	.apply_list tbody td:before { font-weight:500; color:#555; }
	.apply_list thead th:nth-child(2):before { content:"신청일/프로그램/신청인원/신청상태" }
	.apply_list tbody td:nth-child(2):before { content:"신청일 : " }
	.apply_list tbody td:nth-child(3):before { content:"프로그램 : " }
	.apply_list tbody td:nth-child(4):before { vertical-align:top; content:"신청인원 : " }
	.apply_list tbody td:nth-child(5):before { vertical-align:top; content:"신청상태 : " }
	.apply_list tbody td:nth-child(5) { padding:3px 10px 10px; }

	.sub_02 .data table td span.new,
	.sub_02 .data table span.notice { margin-top:0; line-height:14px; }
	.sub_06 .data table td span.new,
	.sub_06 .data table span.notice { margin-top:0; line-height:14px; }
	.sub_07 .data table td span.new,
	.sub_07 .data table span.notice { margin-top:0; line-height:14px; }

	/* 반응형 끝 =========================================================*/

	.data.view table th { padding:0 10px; text-align:left; }
	.data.view table tr th:last-child, 
	.data.view table tr td:last-child,
	.data.view table colgroup col:last-child { display:table-cell }
	.data.view table td { padding:10px; height:auto; }
	.data.view table td.con { padding:10px; text-align:left }
	.data.view table td.save { padding:10px }
	.data.view table td.save a { height:20px; line-height:20px;font-size:13px;padding-left:20px }

	.data.view.prevnext th,
	.data.view.prevnext td a { font-size:13px }
	.data.view.prevnext th { width:70px }

	.data.view.btn_area .btn { height:40px; line-height:40px; }
	.apply_btn { margin:0 0 30px; float:none; text-align:center }
	.apply_btn .btn0 { width:130px; height:40px; padding-top:3px; line-height:16px; }
	.apply_btn .btn1, .apply_btn .btn2, .apply_btn .btn3 { width:80px; height:40px; line-height:40px; }

    .footer__menu a{font-size:11px;padding: 0 10px;}
    .footer__logo {float:none;}
    .footer__logo p{display:none;}
    .footer__logo p:first-child{display:block;}
	footer .information { text-align:center; }

    .company_info {float:none;margin:10px auto 0; }
    .company_info p, .company_info ul li { font-size:11px;}
	.company_info ul li.contact span:nth-child(2) { margin:0 }
	.company_info ul li.contact span:last-child { display:block }
	.footer_sns { clear:both; position:static; text-align:center; padding:30px 0 0 }
}
@media all and (max-width:700px) {
	.navigation {display:none}
	.search_close { right:0; }

	.sub {margin:0 auto 50px;}
	.sub_01 .sub__kv {background-position:60% top }

	.data table td.link a { max-width:400px; }
	.data.view colgroup { display:none }

	.data.view thead tr:nth-child(2) td { display:inline-block; width:50% !important; }
	.data.view thead tr:nth-child(2) td:first-child { display:block; width:100% !important; padding:10px 10px 5px; border-bottom:none }
	.data.view thead tr:nth-child(2) td { padding:5px 10px 10px }
	.data.view thead tr:nth-child(2) td:last-child { text-align:right; padding:5px 10px 10px; border-bottom:1px solid #dfdfdf; }

	.data.view table td.save { padding:5px 10px }
	.data.view table td span.tit { padding-right:10px; margin-right:10px }
	.data.view table td span.tit::after {height:12px;margin-top:-6px;}
	.data table th,
	.data table td,
	.data table td a { font-size:13px; }

	.pagination{margin-top:20px;}
	.pagination button{ width:30px;height:30px;line-height:32px;border-radius:15px;font-size:13px; margin-left:3px}
	 button.pagination__first,
	 button.pagination__last,
	 button.pagination__prev,
	 button.pagination__next {width:20px;height:32px;line-height:32px;border-radius:10px;}

	.pagination .btn_write { position:static; width:80px; margin:10px auto 0 }
	
	.con_list table th.th_s.line {height:45px;}
}

@media all and (max-width:600px) {
	.search {height:36px;}
	.search input {height:32px;line-height:32px;}
	.search_close { top:44px; width:36px; height:36px; }
	.search button{padding:10px 14px;}
}
@media all and (max-width:480px) {
	.data.view table td.con { font-size:13px }
	.data.view table td.con img { margin-top:10px }
	.select_box .s_box .select { width:90px; }
	.sub__search--box { width:calc(100% - 100px); }

	.data table td.link a { width:200px; }
	.con_list.guide th,
	.con_list.guide td { padding:10px 5px; font-size:12px }
	.con_list.guide td.etc { padding:10px 3px; }
	
	.con_list table td.left { padding:10px 5px; line-height:1.3 }
	.con_list.guide { margin-top:10px;}
	
	.pagination button{ line-height:30px;}
}
@media all and (max-width:380px) {
	.pagination { margin-top:0;}
	.sub__nav ul li { height:32px;line-height:32px;}
	.sub__nav ul li a { height:32px; line-height:32px; font-size:13px; }
	.data table .w1 { width:60px }
	.data tbody td a { max-width:200px; }
	.data.view.btn_area .btn { width:80px; }

}