/* css */
@import url(./fonts/pretendard.css); 

/*****************************************************************/
/*메인페이지 레이아웃*/
/*****************************************************************/
a {transition:all 0.3s;}
a img {transition:all 0.3s;}
a:focus, button:focus {outline:none;}
a:focus-visible, button:focus-visible {outline:2px solid blue; /* 키보드 탐색 시만 표시 */}
.in_wide {max-width:100%; font-family:'Pretendard'; background:url(../images/in_bg1.jpg-) no-repeat top; position:relative;}
.in_wide ul {list-style:none; margin:0; padding:0;}
.in_wide img {max-width:100%;}
@media only screen and (max-width:496px){
	.in_wide {padding:0 10px;}
}


/*쇼핑몰메뉴*/
.in_shop_menu {max-width:1300px; height:0px; margin:0 auto; position:relative; z-index:1;}
.in_shop_menu .shop_menu {width:310px;}
.in_shop_menu .shop_menu .sub-slide2 { display:block !important; top:0; padding:0; background:#FFF; border:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; }
.in_shop_menu .shop_menu .sub-slide2  ul { list-style:none; margin:0; padding:0; position:relative; }
.in_shop_menu .shop_menu .sub-slide2 .sub-icon::after { font-family: "FontAwesome"; float: right; position: relative; content: "\f105"; }
.in_shop_menu .shop_menu .sub-slide2 .sub-1dul { width:50%; margin:0; padding:0; color:#222; }
.in_shop_menu .shop_menu .sub-slide2 .sub-1dli { position:relative; border-bottom:#E0E0E0 1px solid; }
.in_shop_menu .shop_menu .sub-slide2 .sub-1da { display:block; font-size:18px; font-weight:400; letter-spacing:-1px; color:#000; padding:14.1px 30px; line-height:1; }
.in_shop_menu .shop_menu .sub-slide2 .sub-1da>img { margin-right:5px; }
.in_shop_menu .shop_menu .sub-slide2 .sub-1dli.on .sub-1da,
.in_shop_menu .shop_menu .sub-slide2 .sub-1dli:hover .sub-1da { color:#000; background:#F5F5F5; }
.in_shop_menu .shop_menu .sub-slide2 .sub-1new { color: rgb(140, 195, 70);}
.in_shop_menu .shop_menu .sub-slide2 .sub-1line { position:relative; display:block; color:#000; padding:5px 12px; font-weight:bold; background:#fafafa; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); }
	
.in_shop_menu .shop_menu .sub-slide2 .sub-2div { left:100%; top:0; background: #fff; position:absolute; z-index:20; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } 
.in_shop_menu .shop_menu .sub-slide2 .sub-2dul { width:180px; }
.in_shop_menu .shop_menu .sub-slide2 .sub-2dli {}
.in_shop_menu .shop_menu .sub-slide2 .sub-2da { display:block; color:#000; padding:5px 12px; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); } 
.in_shop_menu .shop_menu .sub-slide2 .sub-2dli.on .sub-2da,
.in_shop_menu .shop_menu .sub-slide2 .sub-2dli:hover .sub-2da { color:#000; background:#F5F5F5; }
.in_shop_menu .shop_menu .sub-slide2 .sub-2new { color: rgb(140, 195, 70);}
.in_shop_menu .shop_menu .sub-slide2 .sub-2line { display:block; color:#000; padding:5px 12px; font-weight:bold; background:#fafafa; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238);}
@media only screen and (max-width:991px){
	.in_shop_menu {display:none;}
}


/*메인이미지*/
.in_img {width:100%; margin:0 auto; position:relative;}
.in_img>div {width:100%;}
.in_img>div div.carousel-inner {/*border-radius:30px; box-shadow:0px 12px 10px 0px rgba(0,0,0,0.15); -webkit-box-shadow:0px 12px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow:0px 12px 10px 0px rgba(0,0,0,0.15);*/}
.in_img img {max-width:100%;}
@media only screen and (max-width:991px){
	.in_img {position:relative;}
}
@media only screen and (max-width:496px){
	.in_img {margin:0 auto 0px auto;}
	.in_img>div div.carousel-inner {border-radius:0px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
	.in_img div.img-wrap {padding-bottom:50% !important;}
}


/*팝업존/배너*/
.in_img2 {max-width:1620px; margin:0 auto 110px auto; padding:10px; position:relative; overflow:hidden; z-index:0;}
.in_img2>div:nth-child(1) {float:left; width:61.875%;}
.in_img2>div:nth-child(1) div.carousel-inner {border-radius:25px; box-shadow:0px 10px 7px 0px rgba(0,0,0,0.08); -webkit-box-shadow:0px 10px 7px 0px rgba(0,0,0,0.08); -moz-box-shadow:0px 10px 7px 0px rgba(0,0,0,0.08);}
.in_img2>div:nth-child(2) {float:right; width:35%;}
.in_img2>div>.sch {margin-bottom:20px;}
.in_img2>div>.sch>.search {display:inline-block; width:100%; padding:0px 0px; vertical-align:middle; border-radius:15px;}
.in_img2>div>.sch>.search form {margin-top:0px; padding:0px 15px 0px 10px; border:#108BCC 3px solid; border-radius:15px; background:#FFF;}
.in_img2>div>.sch>.search input {background:#FFF; border:none !important; height:50px !important; border-radius:100px 0 0 100px !important; -webkit-box-shadow:none; box-shadow:none;}
.in_img2>div>.sch>.search input:focus {-webkit-box-shadow:none; box-shadow:none;}
.in_img2>div>.sch>.search .bttn {margin-left:0px !important; width:35px; height:35px !important; text-align:center; border:none !important; border-radius:100px !important; background:#57B2F8 !important; color:#FFF; font-size:20px;}

.in_img2>div>.ban {padding:59px 60px; background:#FFF; border:#EAEFF0 1px solid; border-radius:25px; box-shadow:0px 10px 7px 0px rgba(0,0,0,0.08); -webkit-box-shadow:0px 10px 7px 0px rgba(0,0,0,0.08); -moz-box-shadow:0px 10px 7px 0px rgba(0,0,0,0.08);}
.in_img2>div>.ban>ul {width:100%; height:270px; padding-bottom:30px; border-bottom:#EEE 1px solid; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; align-content:space-between;}
.in_img2>div>.ban>ul>li {width:calc(100%/3); text-align:center;}
.in_img2>div>.ban>ul>li>a>img {border-radius:10px;}
.in_img2>div>.ban>ul>li:nth-child(1)>a>img {background:#685BB7;}
.in_img2>div>.ban>ul>li:nth-child(2)>a>img {background:#1E8CD2;}
.in_img2>div>.ban>ul>li:nth-child(3)>a>img {background:#30B9BD;}
.in_img2>div>.ban>ul>li:nth-child(4)>a>img {background:#33C97A;}
.in_img2>div>.ban>ul>li:nth-child(5)>a>img {background:#F78C4C;}
.in_img2>div>.ban>ul>li:nth-child(6)>a>img {background:#F97142;}
.in_img2>div>.ban>ul>li>p {font-size:18px; color:#333; line-height:normal; margin-top:5px;}
.in_img2>div>.ban>div {max-width:300px; margin:30px auto 0 auto; display:flex; justify-content:space-between;}
.in_img2 img {max-width:100%;}
@media only screen and (max-width:991px){
	.in_img2 {margin:0 auto 50px auto; padding:10x;}
	.in_img2>div {float:none !important; width:100% !important; margin-bottom:20px;}
	.in_img2>div:nth-child(1) div.carousel-inner {border-radius:15px;}
	.in_img2>div:nth-child(2)>div {padding:25px 30px; border-radius:15px;}
	.in_img2>div>.ban {margin-bottom:20px;}
}
@media only screen and (max-width:496px){
	.in_img2 {margin-bottom:30px; padding:0;}
	.in_img2>div>div {box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important;}
	.in_img2>div:nth-child(1) div.carousel-inner {border-radius:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
	.in_img2>div:nth-child(2)>div {padding:20px 15px; border-radius:0;}
	.in_img2>div>.sch {margin-bottom:15px; padding:0 !important;}
	.in_img2>div>.ban>h3 {margin:0 0 15px 0;}
	.in_img2>div>.ban>h3>span {font-size:18px;}
	.in_img2>div>.ban>h3>b {font-size:26px;}
	.in_img2>div>.ban>ul {height:inherit; padding-bottom:20px;}
	.in_img2>div>.ban>ul>li>p {font-size:15px;}
	.in_img2>div>.ban>div {margin:20px auto 0 auto;}
}


.carousel-indicators {position:relative; overflow:hidden;}
.carousel-indicators li {
    width: 10px;
    height: 10px;
	margin: 0 3px;
    background-color: #BABABA !important;
    background-color: rgba(186,186,186,1) !important;
    border: 0px solid #666;
    border-radius: 17px;
}
.carousel-indicators .active {
    width: 10px;
    height: 10px;
	margin: 0 3px;
    background-color: #00AEEE !important;
}


#carouselButtons {width:75px; margin-top:5px; left:0%; text-align:center; position:relative;}
@media only screen and (max-width:496px){
	#carouselButtons {position:relative; margin-top:10px;; margin-bottom:20px;}
}


/*생산품 판매*/
.in_shop {width:100%; margin:30px auto 60px auto; padding-bottom:60px; border-bottom:#E3E3E3 1px solid; /*background:url(../images/in_shop_bg.jpg) no-repeat top left; background-size:contain;*/ position:relative; overflow:hidden;}
.in_shop>h3 {margin:60px auto 45px auto; padding:0; font-size:52px; font-weight:600; line-height:1.2; text-align:center; display:none !important;}
.in_shop>div {max-width:1600px; width:100%; margin:0 auto; position:relative; display:flex; justify-content:space-between; gap:25px 20px;}
.in_shop>div>div {width:48%; position:relative; display:flex; flex-direction:column; align-items:center;}
/*
.in_shop>div>div.shop1 {align-items:flex-end;}
.in_shop>div>div.shop2 {align-items:flex-start;}
*/
.in_shop>div>div>a {width:300px; padding:10px; background:#EA3E38; border-radius:12px; text-align:center; font-size:23px; font-weight:600; color:#FFF; line-height:1.2; display:inline-block;}
.in_shop>div>div>a:hover {background:#C73530;}
.in_shop>div>div>div {width:100%; margin-top:30px; position:relative;}
@media only screen and (max-width:991px){
	.in_shop {margin:30px auto; padding-bottom:0px; border-bottom:none;}
	.in_shop>h3 {margin:30px auto 30px auto; font-size:30px;}
	.in_shop>div {flex-direction:column; align-items:center;}
	.in_shop>div>div {width:100%;}
	.in_shop>div>div.shop1 {align-items:center;}
	.in_shop>div>div.shop2 {align-items:center;}
	.in_shop>div>div>a {width:200px; padding:7px; border-radius:0px; font-size:18px;}
}


/*생산품 웹접근성 멀티탭*/
.shop.list {height:900px !important;}
.shop.list ul {list-style:none; width:100%; margin:0; padding:0; position:relative;}
/*.shop.list ul:after {content:""; display:block; clear:both;}*/
.shop.list>ul {display:flex; justify-content:center; gap:10px 30px;}
.shop.list>ul>li {width:25%; line-height:1;}
.shop.list>ul>li>a {width:100%; padding:15px; border:#EA3E38 2px solid; border-radius:15px; text-align:center; font-size:27px; font-weight:600; color:#333; line-height:1.2; display:inline-block;}
.shop.list>ul>li>a>i {float:right; font-style:normal;}
.shop.list>ul>li.active>a {background:#EA3E38; color:#FFF;}
.shop.list>ul>li>ul>p.more {position:absolute; width:60%; right:0; top:-109px; margin:0; padding:0 0 20px 0; border-bottom:#E7E7E7 2px solid; text-align:right; z-index:2; display:flex; justify-content:flex-end;}
.shop.list>ul>li>ul>p.more>a {position:relative;}
.shop.list>ul>li>ul {width:100%; min-height:250px; position:absolute; top:110px; left:0; list-style:none; margin:0; padding:0; z-index:0;}
.shop.list>ul>li>ul:after {content:""; display:block; clear:both;}
.shop.list>ul>li>ul>li {position:relative; margin:0;}
.shop.list>ul>li>ul>li>a {padding:0; margin:0; border:0 !important; color:#666 !important; font-weight:normal; background:transparent; letter-spacing:normal}
@media only screen and (max-width:496px){
	.shop.list {height:590px !important;}
	.shop.list>ul {gap:5px 5px;}
	.shop.list>ul>li {width:45%;}
	.shop.list>ul>li>a {padding:5px 10px; border:#DDD 1px solid; font-size:17px;}
	.shop.list>ul>li>ul {min-height:inherit; top:45px;}
	.shop.list>ul>li>ul>p.more {right:20px; top:-50px; display:none !important;}
	.shop.list>ul>li>ul>p.more>a {width:30px; height:30px;}
}


/*메인배너*/
.in_banner {max-width:1380px; margin:0 auto 100px auto; position:relative; display:flex; flex-wrap:wrap; justify-content:space-between;}
.in_banner>div {display:flex; flex-direction:column; align-items:center;}
.in_banner>div>b {font-size:24px; font-weight:600; color:#00C164; letter-spacing:-1px; line-height:1; margin:15px 0 5px 0;}
.in_banner>div>i {font-size:14px; font-weight:400; color:#666666; letter-spacing:0px; line-height:1; font-style:normal;}
.in_banner>div>a {font-size:14px; font-weight:300; color:#FFF; letter-spacing:0px; line-height:1; width:75px; height:75px; background:#333; border-radius:50%; margin:15px auto 0 auto; display:flex; align-items:center; justify-content:center;}
.in_banner>div>a:hover {background:#57AA4E; border-radius:30%;}
.in_banner img {max-width:100%;}
@media only screen and (max-width:496px){
	.in_banner {margin:0 auto 50px auto; gap:10px 0;}
	.in_banner>div {width:calc(100%/3); padding:2px; text-align:center; justify-content:space-between;}
	.in_banner>div>b {font-size:20px; margin:5px 0 5px 0;}
	.in_banner>div>i {display:none;}
	.in_banner>div>a {margin:5px auto 0 auto;}
}


/*검색*/
.in_search {max-width:645px; margin:-40px auto 30px auto; position:relative; z-index:2;}
.in_search>.header-search { display:inline-block; width:100%; padding:0px 0px; vertical-align:middle; border-radius:200px; border:#E8E8E8 2px solid; /*box-shadow:0px 5px 5px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 5px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.1);*/ }
.in_search>.header-search form { margin-top:0px; padding:0px 0px 0px 0px; border:none; border-radius:200px; background:#FFF; }
.in_search>.header-search input { background:#FFF; border:none !important; height:95px !important; border-radius:200px 0 0 200px !important; padding-left:65px !important; text-align:left; font-size:35px; letter-spacing:-1px; color:#B3B3B3; }
.in_search>.header-search input::placeholder { color:#B3B3B3; }
.in_search>.header-search .bttn { margin-left:0px !important; width:140px; height:95px !important; text-align:center; border:none !important; border-radius:0 200px 200px 0 !important; background:#fff !important; color:#F27D0D; font-size:30px; }
@media only screen and (max-width:496px){
	.in_search {margin:30px auto 30px auto;}
	.in_search>.header-search input { height:50px !important; padding-left:20px !important; font-size:17px; }
	.in_search>.header-search .bttn { width:60px; height:50px !important; font-size:20px; }
}


/*공지사항*/
.in_notice {width:100%; background:url(../images/in_notice_bg.png) no-repeat bottom right; position:relative; overflow:hidden;}

.in_notice .shadow {height:90px; background:#FFF; border:#04ADB4 2px solid; border-radius:15px; box-shadow:0px 7px 6px 0px rgba(0,0,0,0.11);}
@media only screen and (max-width:496px){
	.in_notice {background-size:contain;}
	.in_notice .shadow {height:50px; border-radius:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; display:none !important;}
}


/*공지사항 웹접근성 멀티탭*/
.tab.list {max-width:1400px; margin:0px auto 110px auto; height:380px !important;}
.tab.list ul {list-style:none; width:100%; margin:0; padding:0; position:relative;}
/*.tab.list ul:after {content:""; display:block; clear:both;}*/
.tab.list>ul {padding-left:0px;}
.tab.list>ul>li {float:left; width:20%; border-bottom:#E7E7E7 2px solid; line-height:1;}
.tab.list>ul>li>a {display:block; padding:0px 10px 33px 10px; text-align:center; font-size:30px; font-weight:400; letter-spacing:-1px; color:#222;}
.tab.list>ul>li>a>i {float:right; font-style:normal; font-size:22px;}
.tab.list>ul>li.active {border-bottom:#FF5C5E 2px solid;}
.tab.list>ul>li.active>a {font-size:30px; font-weight:600; color:#FF5C5E;}
.tab.list>ul>li>ul>p.more {position:absolute; width:60%; right:0; top:-109px; margin:0; padding:0 0 20px 0; border-bottom:#E7E7E7 2px solid; text-align:right; z-index:2; display:flex; justify-content:flex-end;}
.tab.list>ul>li>ul>p.more>a {position:relative;}
.tab.list>ul>li>ul {width:100%; min-height:250px; position:absolute; top:110px; left:0; list-style:none; margin:0; padding:0; z-index:0;}
.tab.list>ul>li>ul:after {content:""; display:block; clear:both;}
.tab.list>ul>li>ul>li {position:relative; margin:0;}
.tab.list>ul>li>ul>li>a {padding:0; margin:0; border:0 !important; color:#666 !important; font-weight:normal; background:transparent; letter-spacing:normal}
@media only screen and (max-width:496px){
	.tab.list {height:250px !important; margin:0px;}
	.tab.list>ul {display:flex; flex-wrap:wrap; justify-content:center; gap:5px;}
	.tab.list>ul>li { width:45%;}
	.tab.list>ul>li>a {width:100%; padding:5px 10px; border:#DDD 1px solid; font-size:17px;}
	.tab.list>ul>li.active>a {font-size:17px;}
	.tab.list>ul>li>ul {min-height:inherit; top:40px;}
	.tab.list>ul>li>ul>p.more {right:20px; top:-50px; display:none !important;}
	.tab.list>ul>li>ul>p.more>a {width:30px; height:30px;}
}


/*갤러리*/
.in_gallery {width:100%; margin:0; padding:85px 0 60px 0; background:#F4F4F4; position:relative; overflow:hidden;}
.in_gallery>.title {display:flex; flex-direction:column; justify-content:center; margin-bottom:50px;}
.in_gallery>.title>h3 {font-size:50px; font-weight:600; letter-spacing:-1px; text-align:center; margin:0;}
.in_gallery>.title>h3>span {color:#1E8CD2;}
.in_gallery>.title>a {width:37px; height:37px; margin-left:1rem; padding-top:2px; font-size:20px; font-weight:700; color:#FFF; background-color:#0BC0DD; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.in_gallery>.title>a:hover {background-color:#F56E40; color:#FFF;}
.in_gallery>.title>h4 {font-size:20px; font-weight:300; color:#666; line-height:1.2; text-align:center; margin:10px 0 0 0;}
.in_gallery>.img {max-width:1400px; margin:0 auto; position:relative; overflow:hidden;}
@media only screen and (max-width:496px){
	.in_gallery {margin:0 auto 30px auto; padding:30px 10px;}
	.in_gallery>.title {margin-bottom:20px; padding:0 10px;}
	.in_gallery>.title>h3 {font-size:30px;}
	.in_gallery>.title>h3>a>img {width:30px; height:30px;}
	.in_gallery>.title>h4 {font-size:16px; margin:10px 0 0 0; word-break:keep-all;}
}


/*홍보영상*/
.in_mov {width:100%; background:url(../images/in_mov_bg.jpg) no-repeat bottom; text-align:center; position:relative; overflow:hidden;}
.in_mov>h3 {margin:0; padding:0; overflow:hidden;}
.in_mov>div {max-width:1060px; margin:35px auto 170px auto; border-radius:25px; box-shadow:0px 13px 32px 0px rgba(0,0,0,0.2); -webkit-box-shadow:0px 13px 32px 0px rgba(0,0,0,0.2); -moz-box-shadow:0px 13px 32px 0px rgba(0,0,0,0.2); overflow:hidden;}
.in_mov>div div.video-container {width:100%; height:auto; padding-top:56.2%; position:relative;}
.in_mov>div div.video-container>iframe {width:100%; height:100%; top:0; left:0; border-radius:25px; z-index:1; position:absolute;}
.in_mov img {max-width:100%;}
@media only screen and (max-width:496px){
	.in_mov {margin-bottom:30px; padding:0 15px; background-size:contain;}
	.in_mov>div {margin:35px auto 50px auto; border-radius:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
	.in_mov>div div.video-container>iframe {border-radius:0;}
	.in_mov>div>div>div ol.carousel-indicators {bottom:-30px !important;}
}


/*직업재활서비스*/
.in_link {width:100%; margin:0; position:relative;}
.in_link>.title {width:100%; margin:70px 0; position:relative;}
.in_link>.title>h3 {font-size:50px; font-weight:600; letter-spacing:-1px; text-align:center; margin:0;}
.in_link>.title>h4 {font-size:20px; font-weight:300; color:#666; line-height:1.2; text-align:center; margin:10px 0 0 0;}
.in_link>.link {width:100%; position:relative; display:flex;}
.in_link>.link>div {width:50%; min-height:500px; color:#FFF; position:relative; display:flex; align-items:center;}
.in_link>.link>div.link1 {background:url(../images/in_link_01.jpg) no-repeat top right; justify-content:flex-end;}
.in_link>.link>div.link2 {background:url(../images/in_link_02.jpg) no-repeat top left; justify-content:flex-start;}
.in_link>.link>div>div {max-width:700px; width:100%; margin-bottom:30px; position:relative;}
.in_link>.link>div.link1>div {padding:0 11% 0 8%;}
.in_link>.link>div.link2>div {padding:0 5% 0 11%;}
.in_link>.link>div>div>h3 {font-size:35px; font-weight:600; letter-spacing:-1px; line-height:1.2; text-align:left; margin:0;}
.in_link>.link>div>div>p {font-size:20px; font-weight:200; letter-spacing:-0.5px; line-height:1.2; text-align:left; color:#DADADA; margin:10px 0; min-height:95px;}
.in_link>.link>div>div>a {width:220px; padding:12px; background:#EB4D4E; border-radius:10px; font-size:18px; color:#FFF; line-height:1.1; text-align:center; display:inline-block;}
.in_link>.link>div>div>a:hover {background:#C73530;}
@media only screen and (max-width:496px){
	.in_link>.title {margin:30px 0;}
	.in_link>.title>h3 {font-size:30px;}
	.in_link>.title>h4 {font-size:16px;}
	.in_link>.link {flex-direction:column; align-items:center;}
	.in_link>.link>div {width:100%; min-height:inherit;}
	.in_link>.link>div.link1 {background:url(../images/in_link_01.jpg) no-repeat center; justify-content:center;}
	.in_link>.link>div.link2 {background:url(../images/in_link_02.jpg) no-repeat center; justify-content:center;}
	.in_link>.link>div>div {margin-bottom:0;}
	.in_link>.link>div.link1>div {padding:30px;}
	.in_link>.link>div.link2>div {padding:30px;}
	.in_link>.link>div>div>h3 {font-size:30px;}
	.in_link>.link>div>div>p {font-size:18px;}
	.in_link>.link>div>div>p>br {display:none;}
	.in_link>.link>div>div>a {width:150px; padding:10px; border-radius:0px;}
}


/*사이트배너*/
.in_site {width:100%; margin-bottom:0px; padding:0px; border-top:#E0E0E0 0px solid; position:relative; overflow:hidden;}
.in_site>div {max-width:1300px; margin:0px auto; background:#FFF; border:#FFF 1px solid; border-radius:0px; overflow:hidden;}
/*.in_site>ul>li:last-child { text-align:right; margin-right:0px;}
.in_site>ul>li:last-child>select {width:200px; height:57px; border:#d5d5d5 1px solid; padding-left:10px; background: url(../images/icon_select.jpg) no-repeat 95% 50%; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none;}
.in_site>ul>li:last-child>select::-ms-expand {display:none;}*/
@media only screen and (max-width:1199px){
	.in_site {width:100%;}
	.in_site>ul>li {float:left; margin-right:0px;}
	.in_site>ul>li:last-child {margin-right:0px;}
}
@media only screen and (max-width:496px){
	.in_site {max-width:100%;}
	.in_site>ul>li {float:left; width:50%; margin:5px 0px; padding:0;}
	.in_site>ul>li>a {width:95%;}
	.in_site>ul>li img {max-width:100%;}
}


/*퀵메뉴*/
.in_quick {width:100%; margin:0; padding:0; font-family:'nanumsquare'; text-align:center; overflow:hidden;}


/* 하단 카피라이트 */
#in_copy {max-width:1400px; margin:0px auto; padding:30px 0 80px 0; display:flex; justify-content:center; gap:0 30px; position:relative; overflow:hidden;}
#in_copy>div {font-size:17px; color:#B0B0B0; overflow:hidden;}
#in_copy>div>p {margin-bottom:2px; font-size:17px; font-weight:400; letter-spacing:-0.5px;}
#in_copy>div>p>i {display:inline-block; font-style:normal; font-weight:100; margin:0 10px;}
#in_copy>div a {color:#B0B0B0;}
#in_copy>div img {max-width:100%;}
#in_copy>div br {display:none;}
@media all and (max-width:991px) {
	#in_copy {flex-wrap:wrap;}
	#in_copy>div {width:100% !important; text-align:center !important; margin-bottom:15px; padding:0 10px; font-size:14px;}
	#in_copy>div>p>i {display:none;}
	#in_copy>div br {display:block;}
}
@media only screen and (max-width:496px){
	#in_copy>div>p {font-size:15px !important;}
}

/* 패밀리사이트 */
.fsite {
    width: 250px;
    height: 30px;
    padding-left: 10px;
    font-size: 15px;
    color: #ffffff;
    background:#000000;
    border: 1px solid #3f3f3f;
    border-radius: 0px;
}
#in_copy_link>div select {
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	background:url('../images/select-arrow.png') no-repeat right 9px center #000000;
}
#in_copy_link>div select::-ms-expand {
	display:none;
}


/* PC/모바일 */
.five_mobile {display:none;}
@media only screen and (max-width:496px){
	.five_pc {display:none;}
	.five_mobile {display:block;}
}


#skip_to_container a {z-index:100000; position:absolute; top:0px; left:0px; width:0px; height:0px; font-size:0px; line-height:0; overflow:hidden;}
#skip_to_container a:focus, #skip_to_container a:active {width:100%; height:75px; background:#21272e; color:#fff; font-size:2em; font-weight:bold; text-align:center; text-decoration:none; line-height:3.3em;}

.in_line {border-bottom:#E2E2E2 1px solid; overflow:hidden;}





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



/*****************************************************************/
/* 서브페이지 레이아웃 */
/*****************************************************************/
/*.at-body {background:url(../images/sub_img_00.png) no-repeat top right; background-size:contain;}*/
#sub_layout {width:100%; margin:0; padding:30px 0 50px 0; background:#FFF; border-top:#E6E6E6 1px solid; position:relative; overflow:hidden;}
#sub_layout>#sub_left {width:19.3%; float:left; margin-top:0px; overflow:hidden;}
#sub_layout>#sub_center {max-width:1400px; float:none; min-height:600px; margin:0 auto; padding:0px 0; border-left:#E6E6E6 0px solid; overflow:hidden;}
#sub_layout>#sub_center>#sub_content {width:100%; margin:30px 0 50px 0; padding-left:0px; font-size:16px; color:#555; letter-spacing:-0.5px; overflow:hidden;}
/*#sub_layout>#sub_center>#sub_content img {max-width:100%;}*/
#sub_layout>#sub_center>#sub_content input[type=radio] {margin:0 0px 0;}
@media only screen and (max-width:991px){
	#sub_layout {padding-top:20px; padding-left:0;}
	#sub_layout>#sub_left {display:none;}
	#sub_layout>#sub_center {width:100%; float:none; margin-top:0px; padding:0; border-left:none;}
}
@media only screen and (max-width:496px){
	#sub_layout {padding:30px 10px;}
	#sub_layout>#sub_center>#sub_content {margin:0 0 50px 0; padding-left:0;}
}

/*서브페이지 이미지*/
#sub_img {max-width:100%; text-align:center; background:url(../images/sub_img_bg.png); border-top:#d3e7e7 0px solid; border-bottom:#FFF 0px solid; overflow:hidden; clear:both;}
#sub_img_mobile {display:none;}
#sub_img img {max-width:100%; /*border-radius:30px; box-shadow:0px 8px 25px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 8px 25px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 8px 25px 0px rgba(0,0,0,0.1);*/}
@media only screen and (max-width:496px){
	#sub_img {max-width:100%;}
	/*#sub_img {display:none;}*/
	#sub_img img {border-radius:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
	#sub_img_mobile {display:block; max-width:100%; text-align:center; overflow:hidden; clear:both;}
}

/*서브페이지 배경*/
.sub_img_bg {max-width:1800px; min-height:365px; margin:0 auto; border-radius:30px 30px 30px 30px; position:relative; overflow:hidden;}
#sub_img_bg_01 {background:url(../images/sub_img_01.jpg) no-repeat center; background-size:cover;}
#sub_img_bg_02 {background:url(../images/sub_img_02.jpg) no-repeat center; background-size:cover;}
#sub_img_bg_03 {background:url(../images/sub_img_03.jpg) no-repeat center; background-size:cover;}
#sub_img_bg_04 {background:url(../images/sub_img_04.jpg) no-repeat center; background-size:cover;}
#sub_img_bg_05 {background:url(../images/sub_img_05.jpg) no-repeat center; background-size:cover;}
#sub_img_bg_06 {background:url(../images/sub_img_06.jpg) no-repeat center; background-size:cover;}
#sub_img_bg_07 {background:url(../images/sub_img_07.jpg) no-repeat center; background-size:cover;}
#sub_img_bg_08 {background:url(../images/sub_img_08.jpg) no-repeat center; background-size:cover;}
#sub_img_bg_09 {background:url(../images/sub_img_09.jpg) no-repeat center; background-size:cover;}
#sub_img_bg_22 {background:url(../images/sub_img_22.jpg) no-repeat center; background-size:cover;}
@media only screen and (max-width:992px){
	.sub_img_bg {min-height:120px !important; padding-top:30px; display:none;}
}
@media only screen and (max-width:496px){
	.sub_img_bg {min-height:100px !important; padding-top:25px;}
}

/*서브페이지 타이틀*/
/*
.sub_title { width:100%; margin:20px auto 60px auto; padding:0px 0px 30px 0px; background:url(../images/bg_sub_title.png) repeat-x left bottom; text-align:left; border-bottom:#D8D8D8 1px solid; overflow:hidden; }
.sub_title>div { margin-bottom:10px; display:flex; justify-content:space-between; align-items:flex-end; }
.sub_title>div>span { display:inline-block; padding-top:0px; font-size:40px; font-weight:400; color:#333; letter-spacing:-1px; line-height:normal; }
.sub_title>div>span.header-breadcrumb { font-size:16px; font-weight:lighter; color:#333; }
.sub_title br { display:none; }
@media all and (max-width:991px){
	.sub_title { padding:25px 20px; }
}
@media all and (max-width:496px) {
	.responsive .sub_title .header-breadcrumb { display:none; }
	.sub_title { line-height:35px; margin:0px auto 20px auto; padding:15px 0px; }
	.sub_title>div>span { font-size:24px; }
}
*/

/*서브페이지 타이틀 - 서브이미지 안에*/
.sub_title {position:absolute; color:#fff; top:50%; left:16%; transform:translate(-50%, -50%);}
.sub_title h2 {font-size:48px; font-weight:900; margin:0; padding-bottom:2rem;}
.sub_title>div>span.header-breadcrumb { font-size:18px; font-weight:400; }
.sub_title>div>span.header-breadcrumb>i { font-size:22px; }
.sub_title br { display:none; }
@media all and (max-width:991px){
	.sub_title { padding:25px 20px; }
}
@media all and (max-width:496px) {
	.responsive .sub_title .header-breadcrumb { display:none; }
	.sub_title { line-height:35px; margin:0px auto 20px auto; padding:15px 0px; }
	.sub_title>div>span { font-size:24px; }
}

/* 서브메뉴 타이틀 */
#sub_tt {width:100%; margin:40px 0 50px 0; padding:0; text-align:center; font-size:40px; font-weight:700; color:#222; line-height:120%; overflow:hidden;}
@media all and (max-width:991px) {
	#sub_tt {margin:30px 0 20px 0; font-size:30px;}
}

/* 서브메뉴 */
#sub_menu {width:100%; margin-top:25px; margin-bottom:50px; padding:0; background:none; position:relative; display:inline-block; }
/*.sub_menu_4 .ca-sub1 {float:left !important; width:25% !important;}*/
/*.sub_menu_5 .ca-sub1 {float:left !important; width:20% !important;}*/
@media all and (max-width:991px) {
	#sub_menu {margin-top:0px; display:none;}
}

/* 서브2차메뉴 */
#sub_menu_2 {display:block;}
@media all and (max-width:496px) {
	#sub_menu_2 {display:block; margin-top:10px;}
}

/* 서브베너 */
#sub_banner {margin-top:40px; margin-bottom:20px; overflow:hidden;}
#sub_banner img {max-width:100%;}

/* 게시판 배경색 */
#sub_layout .list-board,
#sub_layout .view-wrap section { background:#FFF; }



/*****************************************************************/
/* 3차 탭메뉴 */
/*****************************************************************/
.sub_tap { width:100%; margin-bottom:50px; overflow:hidden; }
.sub_tap ul { width:100%; list-style:none; margin:0; padding:10px; display:flex; justify-content:center; overflow:hidden; }
.sub_tap li { width:220px; text-align:center; margin:0 5px; padding:6px 5px 5px 5px; background:#FFF; border-radius:100px; font-size:20px; color:#666; cursor:pointer; box-shadow:2px 5px 5px 0px rgba(0,0,0,0.1); -webkit-box-shadow:2px 5px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow:2px 5px 5px 0px rgba(0,0,0,0.1); }
.sub_tap li.select { background:#FB7F55; color:#FFF; }
.sub_tap_con1 { display:block; }
.sub_tap_con2, .sub_tap_con3, .sub_tap_con4, .sub_tap_con5, .sub_tap_con6, .sub_tap_con7, .sub_tap_con8, .sub_tap_con9 { display:none; }
.sub_tap2_con1 { display:block; }
.sub_tap2_con2, .sub_tap2_con3, .sub_tap2_con4, .sub_tap2_con5, .sub_tap2_con6, .sub_tap2_con7, .sub_tap2_con8, .sub_tap2_con9 { display:none; }
@media only screen and (max-width:496px){
	.sub_tap { margin-bottom:30px; }
	.sub_tap ul { flex-wrap:wrap; justify-content:space-between; }
	.sub_tap li { width:49%; margin:5px 0px; font-size:17px; }
}

.tabStyle {border-bottom:2px solid #F30165; margin-bottom:0px;}
.tabStyle > ul {list-style:none; margin:0px; padding:0px; overflow:hidden;}
.tabStyle > ul > li {float:left; background-color:#fbfbfb; border-top: 4px solid #fff;}
.tabStyle > ul > li > a {text-align:center; padding:10px 18px; border-top:1px solid #bcc1c6; border-right:1px solid #bcc1c6; display:block;}
.tabStyle > ul > li:first-child > a {border-left:1px solid #bcc1c6;}
.tabStyle > ul > li > a span {display:block; line-height:20px; font-size:16px;}
.tabStyle > ul > li.active{background-color:#F30165; border-top: 4px solid #F30165;}
.tabStyle > ul > li.active a {color:#fff; padding:8px 18px 12px 18px; border-top:1px solid #F30165; border-right: 1px solid #F30165; border-left:1px solid #F30165; background:url(../images/icon_arrow1.png) right center no-repeat;}
.tabStyle > ul > li.active a span {font-weight:600;}
.tabStyle > ul > li:hover.active a span {color:#fff;}
.tabStyle > ul > li:hover a span {color:#333333; text-decoration:underline;}
.tabStyle > ul > li.active:hover a span {text-decoration:none;}
@media only screen and (max-width:496px){
.tabStyle > ul > li.active a {background:none;}
}

.tab_01 {width:100%; margin:0 auto 60px auto; overflow:hidden;}
.tab_01>ul {list-style:none; margin:0px; padding:0px;}
.tab_01>ul>li {float:left; background:#F2F2F2; border:#FFF 1px solid; text-align:center; margin-bottom:0px;}
.tab_01>ul>li:hover {background:#EEEEEE;}
.tab_01>ul>li>a {font-size:16px; color:#666; letter-spacing:-0.5px; padding:10px; display:block;}
.tab_01>ul>li>a:hover {color:#222;}
.tab_01>ul>li>a.active {background:#00999C; color:#FFF; font-weight:bold;}
.tab_01>ul>li>a.active:hover {color:#FFF;}
@media screen and (max-width: 496px) {
	.tab_01>ul>li {width:100%; margin-bottom:5px; border:#DDD 1px solid;}
	.tab_01>ul>li>a {padding:5px;}
}

.tab_02 {width:100%; margin:0 auto 60px auto; overflow:hidden;}
.tab_02>ul {list-style:none; margin:0; padding:0px;}
.tab_02>ul>li {float:left; background:#F5F5F5; border:#FFF 1px solid; border-radius:60px; text-align:center; margin-bottom:0px;}
.tab_02>ul>li:hover {background:#00999C;}
.tab_02>ul>li>a {font-size:16px; color:#666; letter-spacing:-0.5px; padding:10px; display:block;}
.tab_02>ul>li>a:hover {color:#FFF;}
.tab_02>ul>li>a.active {background:#00999C; border-radius:60px; color:#FFF; font-weight:bold;}
.tab_02>ul>li>a.active:hover {color:#FFF;}
@media screen and (max-width: 496px) {
	.tab_02>ul>li {width:50%; margin-bottom:5px; border:#DDD 1px solid;}
	.tab_02>ul>li>a {padding:5px;}
}

.tab_his {width:100%; margin:0 auto 50px auto; overflow:hidden;}
.tab_his>ul {list-style:none; margin:0px; padding:0px;}
.tab_his>ul>li {float:left; width:25%; background:#F5F5F5; border-top:#DDD 1px solid; border-bottom:#DDD 1px solid; border-right:#DDD 1px solid; text-align:center; margin-bottom:10px;}
.tab_his>ul>li:first-child {border-left:#DDD 1px solid;}
.tab_his>ul>li:hover {background:#FAFAFA;}
.tab_his>ul>li>a {font-size:17px; color:#666; padding:15px; display:block;}
.tab_his>ul>li>a:hover {color:#222;}
.tab_his>ul>li>a.active {background:#2D85C4; color:#FFF; font-weight:bold;}
.tab_his>ul>li>a.active:hover {color:#FFF;}
@media screen and (max-width: 496px) {
	.tab_his>ul>li {width:100%; margin-bottom:5px; border:#DDD 1px solid;}
	.tab_his>ul>li>a {padding:5px;}
}

.tab_menu {width:100%; margin-bottom:30px; clear:both; overflow:hidden; font-size:18px;}
.tab_menu_line {height:5px; border-top:#666666 0px solid; margin-bottom:30px; clear:both;}

/* 탭 스타일1 */
.tab_menu_box1 {list-style:none; margin:0px; padding:0px;}
.tab_menu_box1 li {float:left; margin-right:5px; margin-bottom:5px; display:table;}
.tab_menu_box1 li .tab_menu_in {background:#007519; width:237px; border-top:#007519 2px solid; padding:13px 10px 15px 10px; line-height:14px; text-align:center; color:#FFFFFF; font-size:15px; font-weight:bold; display:table-cell; vertical-align:middle; cursor:pointer;}
.tab_menu_box1 li .tab_menu_in a:link    {color:#FFFFFF; text-decoration:none;}
.tab_menu_box1 li .tab_menu_in a:visited {color:#FFFFFF; text-decoration:none;}
.tab_menu_box1 li .tab_menu_in a:active  {color:#FFFFFF; text-decoration:none;}
.tab_menu_box1 li .tab_menu_in a:hover   {color:#555555; text-decoration:none;}
.tab_menu_box1 li .tab_menu_in_roll {background:#f3f3f3; width:237px; border-top:#007519 2px solid; padding:13px 10px 15px 10px; line-height:14px; text-align:center; color:#555555; font-size:15px; font-weight:bold; display:table-cell; vertical-align:middle; cursor:pointer;}
.tab_menu_box1 li .tab_menu_in:hover {background:#f3f3f3; color:#555555; font-size:15px; font-weight:bold; cursor:pointer}
.tab_menu_box1 li .tab_menu_in:hover a:link   {color:#555555; text-decoration:none;}
.tab_menu_box1 li .tab_menu_in:hover a:visited   {color:#555555; text-decoration:none;}
.tab_menu_box1 li .tab_menu_in:hover a:active   {color:#555555; text-decoration:none;}
.tab_menu_box1 li .tab_menu_in:hover a:hover   {color:#555555; text-decoration:none;}


/* 2차메뉴 탭 */
.ss_tab {max-width:1260px; margin:0 auto; overflow:hidden;}
.ss_tab>ul {width:100%; list-style:none; margin:0px; padding:0px; border:#06198E 1px solid; border-radius:10px; background:#06198E; display:table; table-layout:fixed; overflow:hidden;}
.ss_tab>ul>li {display:table-cell; vertical-align:middle; background:#06198E; text-align:center; font-size:18px; font-weight:bold; font-family:'Pretendard'; letter-spacing:-0.5px;}
.ss_tab>ul>li>a {padding:15px 0px 17px 0px; color:#fff; display:block; border-right:0px solid #d7d7d7; border-top:0px solid #d7d7d7; border-bottom:0px solid #d7d7d7;}
.ss_tab>ul>li>a:hover {color:#000; background:#fff;}
.ss_tab>ul>li>a.active {background:#fff; border-top:0px solid #00A7FE; border-bottom:0px solid #00A7FE; font-weight:bold; color:#222;}
@media screen and (max-width: 496px) {
	.ss_tab {margin:20px auto;}
	.ss_tab>ul {display:block; table-layout:auto;}
	.ss_tab>ul>li {display:block;}
	.ss_tab>ul>li>a {font-size:16.5px; padding:5px;}
}


/* 3차메뉴 탭 */
.bo_tab {max-width:1260px; margin:40px auto 0 auto; overflow:hidden;}
.bo_tab>ul {width:100%; list-style:none; margin:0px; padding:0px; display:table; table-layout:fixed; overflow:hidden;}
.bo_tab>ul>li {display:table-cell; vertical-align:middle; background:#E1F0DE; border-radius:10px; border:#FFF 1px solid; text-align:center; margin-bottom:0px;}
.bo_tab>ul>li:hover {background:#fb886f; border-radius:10px;}
.bo_tab>ul>li>a {font-size:16.5px; font-family:'Pretendard'; letter-spacing:-0.5px; color:#333; padding:11px 5px 11px 5px; display:block;}
.bo_tab>ul>li>a:hover {color:#fff; background:#fb886f; border-radius:10px;}
.bo_tab>ul>li>a.active {background:#88C47C; border-radius:10px; color:#FFF; font-weight:bold;}
.bo_tab>ul>li>a.active:hover {color:#FFF;}
@media screen and (max-width: 496px) {
	.bo_tab {margin:20px auto;}
	.bo_tab>ul {display:block; table-layout:auto;}
	.bo_tab>ul>li {display:block;}
	.bo_tab>ul>li>a {font-size:16.5px; padding:5px;}
}