@charset "utf-8";

/* SUB 컨텐츠작업
*--------------------------- */
/* .wrap{min-width:1200px;margin:0 auto;} */
.wrap{width:100%;margin:0 auto;}
.content {width:1200px;margin:0 auto;}
/* .sub_content {width:1200px;margin:0 auto;} */
.sub_content {width: 100%; max-width:1240px; margin:0 auto; padding: 0 20px 200px;}
@media (max-width: 979px) {
	.sub_content { padding: 0 20px 100px;}
}

/* header */
header.pt_header {height:auto}
header.pt_header .logoWp.sub .logo {margin:0}
header.pt_header .logoWp.sub .combSch button {background-color:#a88f7b}

textarea {resize:none;}
nav.pt_nav.sub {width:65%;height:70px;position:relative;left:90px;margin-top:-58px;}
nav.pt_nav.sub .row {margin-right:-10px;margin-left:-10px;}
nav.pt_nav.sub .gnb {overflow:hidden;display:inline-block;}
nav.pt_nav.sub .gnb li {float:left;}
nav.pt_nav.sub .gnb li a {display:block;padding:15px 20px;font-weight:700;color:#555555;text-align:left;font-family: 'Noto Sans KR',Arial,sans-serif;text-align:center;}
nav.pt_nav.sub .q_menu {width:60px;height:58px;line-height:64px;text-align:center;vertical-align:middle;float:right;border-left:1px solid #d8d2cd;border-right:1px solid #d8d2cd;}
.logoWp.sub .sub_menu {
    display:none;
    position:absolute;
    top:164px;
    left:0;
    width:100%;
    height:auto;
    background:#fff;
    z-index:999999;
	padding-top:20px;
	padding-bottom:20px;
    border-top:1px solid #d8d2cd;
    border-bottom:3px solid #d8d2cd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;	
}
/* .logoWp.sub .sub_menu li.sub_menuT {margin-bottom:10px;}
.logoWp.sub .sub_menu li.sub_menuT strong {display:inline-block;background:rgba(241,234,228,0.5);width:100%;margin-left:-10px;padding-left:10px;}
.logoWp.sub .sub_menu ul {float:left;width:150px}
.logoWp.sub .sub_menu ul li {height:23px;line-height:23px;padding-left:10px}
.logoWp.sub .sub_menu ul li a {font-size:14px;color:#696969;padding-right:20px;text-align:left}
.logoWp.sub .sub_menu ul li a:hover {color:#ad886a}
.logoWp.sub .sub_menu ul li:first-child {margin-bottom:5px}
.logoWp.sub .sub_menu .content {padding-left:100px}
 */
.logoWp.sub li.sub_menuT {margin-bottom:10px;display:none}
.logoWp.sub li.sub_menuT strong {display:inline-block;background:rgba(241,234,228,0.5);width:100%;margin-left:-10px;padding-left:10px;}
.logoWp.sub .sub_menu ul {float:left;}
.logoWp.sub .sub_menu ul li {height:23px;line-height: 23px;padding-left:10px}
.logoWp.sub .sub_menu ul li a {font-size:14px;color:#696969}
.logoWp.sub .sub_menu ul li a:hover {color:#ad886a;}
.logoWp.sub .sub_menu ul.sub01 {margin-left:104px;}
.logoWp.sub .gnb li.menu01 a,
.logoWp.sub .sub_menu ul.sub01 {width:130px}
.logoWp.sub .gnb li.menu02 a,
.logoWp.sub .sub_menu ul.sub02 {width:150px}
.logoWp.sub .gnb li.menu03 a,
.logoWp.sub .sub_menu ul.sub03 {width:150px}
.logoWp.sub .gnb li.menu04 a,
.logoWp.sub .sub_menu ul.sub04 {width:170px}
.logoWp.sub .gnb li.menu05 a,
.logoWp.sub .sub_menu ul.sub05,
.logoWp.sub .gnb li.menu06 a,
.logoWp.sub .sub_menu ul.sub06,
.logoWp.sub .gnb li.sub07 a,
.logoWp.sub .sub_menu ul.sub07 {width:154px}

section {clear:both;}
.subWp {position:relative;}
.sub_hd{position:relative;}
.sub_bg {height:200px;width:100%;background-size:cover;background-color:#ad916a;}
.bg01 {height:200px;background:url(../images/sub/s_bg01.jpg) no-repeat center;}
.bg02 {height:200px;background:url(../images/sub/s_bg02.jpg) no-repeat center;}
.bg03 {height:200px;background:url(../images/sub/s_bg03.jpg) no-repeat center;}
.bg04 {height:200px;background:url(../images/sub/s_bg04.jpg) no-repeat center;}
.bg05 {height:200px;background:url(../images/sub/s_bg05.jpg) no-repeat center;}
.bg06 {height:200px;background:url(../images/sub/s_bg06.jpg) no-repeat center;}
.bg07 {height:200px;background:url(../images/sub/s_bg07.jpg) no-repeat center;}
.txt {color:#fff;font-size:14px;position:absolute;bottom:0;margin-bottom:30px}

/*2024-03-06 mj*/
.sub_bg {
	position: relative;
	width: 100%;
	height: 200px;
	background: url('/skin/basic/renewal_v1/images/sub/handonC_subBg_2024event_2.jpg') no-repeat center / cover;
}
.sub_bg > img.bgImg {
	position: absolute;
	max-width: 1920px;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.sub_hd .guide {
	position: absolute;
	width: 100%;
	max-width: 1200px;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
@media (max-width: 1200px) {
	.sub_bg {
		height: 0;
		padding-top: 16.67%;
	}
	.sub_hd .guide {
		left: 20px;
		transform: none;
	}
}
/*2024-03-06 mj end*/

/* 브레드크럼 */
.path {position:relative;border-bottom:1px solid #d8d2cd}
.path_list {height:60px;}
.path_list li {float:left;height:60px;line-height:60px;padding:0;text-align:center;}
.path_list li a {font-weight:bold;}
.path_list li.active {background-color:#ffc021;padding:0 60px;}
.path_list li.active a {color:#fff;}
.path_list li.path2 {border-right:0}
.path_list li.path3 {border-left:0;margin-left:-1px;}
.path_list .selectWp .selectArea ul {max-height:100%;}

.fl {float:left;}

/* 컨텐츠 검색 */
.sub_sch {overflow:hidden;}
.sub_sch .line-choice {float:right;position:relative;z-index:90;overflow:hidden;margin:0px 0px 20px 0px;}
.sub_sch select[name='keyfield']{float:left;padding:0 10px;width:130px;height:30px;line-height:30px;background-color:#eeeeee;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.sub_sch .combSch {width:303px;float:left;}
.sub_sch .combSch input, 
.sub_sch .combSch .basic,
.sub_sch .lineview {height:30px;line-height:30px;padding:0 10px;}


/* 서브컨텐츠 타이틀 */
.sub_title {font-size: 1.4rem;text-align:left; margin:30px 0 50px; font-family: 'handonFont600';}
.sub_title::before {content:'|';padding-right:5px}

@media (max-width: 979px) {
	.sub_title {font-size: 22px;}
}
@media (max-width: 660px) {
	.sub_title {font-size: 20px;}
}

/* .subWp .cont {min-height:300px;} */
.thumb .imgList{height:185px;position:relative;border:1px solid #cacaca;}
.thumb .thumb_img {display:inline-block;max-width:100%;width:279px;float:left;}
.thumb .thumb_img img {max-width:100%;width:279px;height:185px;border-bottom:1px solid #a7a7a7;border-right:1px solid #a7a7a7;}
.thumb .cont_info {position:relative;width:599px;height:185px;float:left;text-align:left;}
.thumb .cont_info .tit_teach{font-weight:bold;padding-bottom:30px;font-size:18px;color:#212326;margin-bottom:10px;line-height:23px;letter-spacing:-1px;padding:35px 0px 0px 35px;}
.thumb .cont_info .tit_memo {color:#707070;font-size:15px;padding-left:35px;}
.thumb .cont_info .link_show{position:absolute;bottom:20px;left:35px;display:block;width:200px;height:35px;line-height:35px;border:1px solid #a7a7a7;text-align:center;}

/* 탭 */
.hd2 ul li{width:50%}
.hd3 ul li{width:33.3%}
.hd4 ul li{width:25%}
.hd5 ul li{width:20%}
.hd6 ul li{width:16.6%}
.hd7 ul li{width:14.2%}
.hd8 ul li{width:12.5%}
.hd9 ul li{width:11.11%}
.hd10 ul li{width:10%}
.hd11 ul li{width:9.09%}
.hd12 ul li{width:8.33%}
.hd13 ul li{width:7.69%}
.hd14 ul li{width:7.14%}
.hd15 ul li{width:6.66%}

.tabWp #tabs {border:-0}
.tabWp .tab_hd {width:100%;border-bottom:2px solid #000;}
.tabWp .tab_hd ul {background:transparent;border:0;padding:0;width:100%}
.tabWp .tab_hd ul li {border-radius:0;margin:0;background:#fbfbfb;border-left:1px solid #d3d4d9;border-top:1px solid #d3d4d9;border-right:0;text-align:center}
.tabWp .tab_hd ul li:last-child {border-right:1px solid #d3d4d9}
.tabWp .tab_hd ul li a.ui-tabs-anchor {color:#646464;padding:0.6em 0;width:100%;text-align:center}
.tabWp .tab_hd ul li.ui-tabs-active {background:#fff;border-left:2px solid #000;border-top:2px solid #000;border-right:2px solid #000;margin-bottom:-2px}
.tabWp .ui-tabs-panel {padding:10px;margin-top:30px;}
.tabWp .tab_panel {margin-top:0;position:relative;background-color:#fff}


.subWp .tab_hd {width:100%;}
.subWp .tab_hd ul {background:transparent;border:0;padding:0;width:100%}
.subWp .tab_hd ul li {float:left;height:50px;line-height:50px;border-radius:0;margin:0;background:#fbfbfb;border-left:1px solid #d3d4d9;border-top:1px solid #d3d4d9;border-bottom:2px solid #000;border-right:0;text-align:center;cursor:pointer}
.subWp .tab_hd ul li:last-child {border-right:1px solid #d3d4d9}
.subWp .tab_hd ul li a{display:block;color:#646464;width:100%;text-align:center}
.subWp .tab_hd ul li.on {background:#fff;border-left:2px solid #000;border-top:2px solid #000;border-right:2px solid #000;border-bottom:2px solid #fff;margin-bottom:-2px;font-weight: bold;}
.subWp .tabPanel {margin: 30px 0 !important;width:100% !important;text-align:center}
.subWp .tabPanel>img {max-width:100%;}
.subWp .tabPanel .board_list .imgList .img img {width:100% !important;}