@charset "utf-8";

:root{
	--main-color:#bc9b6a;
	--bg-color:#f7f5f0;
	--serif:'Nanum Myeongjo', serif
}

/* 서브페이지 상단 및 공용 시작 */
.w1260{max-width:1260px; width:98%; margin: 0 auto;}
.subcontent{position:relative;}
.subgn{background:url(../img/subg.jpg) no-repeat center;background-size:cover;}
.subconBox{background:#FFF;padding:0;box-sizing:border-box;}
.subreporttitle{text-align:center;padding:40px 0 70px;font-size:34px;line-height:160%;font-weight:500;}
.subreporttitle span{display:block;width:35px;height:1px;background:#000;margin:0 auto;}
.subg{height:400px;align-content:center;color:rgba(255, 255, 255, 1);font-size:32px;text-align:center;background:url(../img/sub/subg.jpg) no-repeat center center;background-size:cover !important;box-sizing:border-box;position:relative;z-index:1}
.subgbbs{height:400px;align-content:center;background:url(../img/sub/subgbbs.jpg) no-repeat center center;}
.subcontent .subbg3 { background:url(../img/sub/subg1.jpg) no-repeat center center;}
.subcontent .subbg4 { background:url(../img/sub/subg2.jpg) no-repeat center center;}
.subcontent .subbg5 { background:url(../img/sub/subg3.jpg) no-repeat center center;}
.subcontent .subbg6 { background:url(../img/sub/subg4.jpg) no-repeat center center;}
.subcontent .subbg7 { background:url(../img/sub/subg5.jpg) no-repeat center center;}
.subcontent .subbg8 { background:url(../img/sub/subg6.jpg) no-repeat center center;}
.subg h2{font-size:42px;font-weight:500;padding-bottom:10px;font-family:'Nanum Myeongjo', serif;}
.subg .subnavc{font-size:16px;}
.subg .subnavc a{padding:0 10px;position:relative;}
.subg .subnavc a:before{width:1px;height:10px;position:absolute;content:'';left:0;background:rgba(255,255,255,0.7);top:8px;}
.subg .subnavc a:nth-child(1):before{display:none;}
.subg .subnavc a:hover{text-shadow:0 1px 5px #000;}
.subg .line{display:inline-block;width:30px;height:1px;background:rgba(255, 255, 255, 0.7);position:relative;top:-30px;}

.subg > .container{overflow:visible}

.subgt{font-family:'Nanum Myeongjo', serif; font-size:34px; opacity:0.78; padding-bottom:25px;}
.subgts{font-size:20px;color:#ffc000;font-family:'Nanum Myeongjo', serif;font-weight:600;}

.subgbbs .subgt{font-size:24px}

.content_sbox h5{font-size:24px;padding-bottom:10px}
.subnavc .lnb li{position:relative;display:inline-block;}
.subnavc .lnb > li:before{position:absolute;left:0;width:1px;height:10px;background:rgba(255,255,255,0.5);content:'' ;top:10px;}
.subnavc .lnb > li:nth-child(1):before{display:none;}
.lnb_list{position:absolute;background:#382f26;top:20px;margin:10px;display:none;left:-10px;opacity:0.9;}
.subnavc .lnb li .lnb_list > li > a{color:#f5f5f5;padding:5px 0;margin:0 10px;border-bottom:1px solid  rgba(194,209,225,0.2);display:inline-block;width:auto;min-width:103px;padding-left:0;}
.subnavc .lnb li .lnb_list > li:last-child > a{border-bottom:none;}
.subconBox{background:#FFF;padding:0;box-sizing:border-box;}

.subreporttitle{text-align:center;padding:40px 0 70px;font-size:34px;line-height:160%;font-weight:500;}
.subreporttitle span{display:block;width:35px;height:1px;background:#000;margin:0 auto;}
.subcontent .subnav{z-index:9999;}

@media only all and (max-width:1024px){
.subg h2{text-align:center; font-size:30px}
.subgts{text-align:center;}
.subgts{text-align:center;  font-size:20px}
.subgt{text-align:center;  font-size:14px; padding-bottom:10px;}
.visual_scroll{display:none}
}
.subg .icon-scroll {font-size:13px;color:#fff;padding-bottom:30px;position:absolute;letter-spacing:0;font-weight:600;bottom:40px;left:50%;transform:translateX(-50%);z-index:1;font-family:'Nanum Myeongjo', serif;}
.subg .icon-scroll:before {content:"";display:block;width:18px;height:18px;background:url(../img/arr_scroll.png) center center no-repeat;position:absolute;bottom:0;left:50%;margin-left:-9px;background-size:cover;animation:swing 1s ease-in-out infinite;}
.subg .icon-scroll:hover {cursor:pointer;}
@keyframes swing {
  0% {transform:translateY(0); }
  50% { transform:translateY(5px); }
  100% { transform:translateY(0); }
}


.subcontWrap{/*background:url("../img/sub/conbg.jpg") repeat; */	padding:80px 0;}
.subconbbs{background-image:none;}

.Btit{font-size:36px;font-weight:bold;text-align:center;padding:70px 0 20px;}
.Btit p:nth-child(1){position:relative;}
.Btit .line{border-bottom:1px solid rgba(208,208,208,1.00);display:block;text-align:center;content:'';width:70px;margin:20px auto;}

.subcontent .subnav .subnav-in{/*width:850px;*/float:left;height:50px;font-family:'Nanum Gothic', sans-serif;}
.subcontent .subnav .sns{float:right;line-height:50px;}
.subcontent .subnav .sns .snshidden{display:none;}
.subcontent .subnav .sns .snshidden span{padding-left:5px;}
.subcontent .subnav .sns > div{float:left;cursor:pointer;}
.subcontent .subnav .sns .printico{margin-left:20px;}
.subcontent .subnav .sns .snsico{margin-left:10px;}
.subcontent .subnav .subnav-in .subhome{float:left;width:55px;text-align:center;border-left:1px solid #e5e5e5;cursor:pointer;}

.printw{overflow:hidden;float:right;line-height:50px;position:absolute;top:15px;right:0; display:none}
.printw a.addthis_button_url{display:inline-block;width:40px;height:40px;vertical-align:middle;margin-right:1px;border:1px solid #d0d0d0;background:#fff;box-sizing:border-box;margin-right:-4px;box-sizing:border-box;color:#8a8a8a;font-size:12px;}
.printw a.addthis_button_url:last-child{margin-right:0;}
.printw a.btn-b2{background:url(../img/check.png) no-repeat  center;}
.printw a.btn-b3{background:url(../img/print.png) no-repeat center;}

.hiddenover{overflow:hidden;float:left;margin-right:8px;display:none;}
.hiddenoverw{overflow:hidden;float:right;margin-right:8px;line-height:50px;}
.hiddenoverw .btn-b1{display:block;}
.hiddenover a.addthis_sns_url{display:inline-block;text-align:center;width:37px;height:36px;vertical-align:middle;margin-right:1px;}
.hiddenover a.btn-sns1{background:#fff url(../img/nsns01.png) no-repeat 0 0;}
.hiddenover a.btn-sns2{background:#fff url(../img/nsns02.png) no-repeat 0 0;}
.hiddenover a.btn-sns3{background:#fff url(../img/nsns03.png) no-repeat 0 0;}
.hiddenover a.btn-sns4{background:#fff url(../img/nsns04.png) no-repeat 0 0;}
.hiddenoverw a.btn-b1{background:url(../img/url.png) no-repeat 10px center;display:inline-block;vertical-align:middle;width:82px;height:34px;vertical-align:middle;margin-right:1px;border:1px solid #d0d0d0;box-sizing:border-box;line-height:34px;color:#8a8a8a;font-size:12px;padding-left:35px;}

.subcontent .navbar-fixed-top{border-bottom:none !important;}
.subcontent .navbar-fixed-top .subnav-in .subhome{border-left:1px solid #a65ad0 !important;}

.qaright{position:fixed;top:540px;width:134px;left:50%;margin-left:730px;}
.qaright dl{display:block;color:#363636;background-color:#f8f9fd;border:1px solid #d6d7db;}
.qaright dl dt{display:block;text-align:center;line-height:38px;color:#494949;font-size:18px;font-weight:500;letter-spacing:0.5px;border-bottom:1px solid #d6d7db;font-family:'Futura-Medium';font-weight:700;}
.qaright dl dd{padding:10px 5px;}
.qaright dl dd a{display:inline-block;margin:1px 0;padding:0 6px;line-height:20px;font-size:12px;background:#fff;border:1px solid #d8d8d8;}
.qaright dl dd a:hover{color:#ea4a3d;border:1px solid #ea8d8c;}

.quickmenuc{position:absolute;top:15px;right:0;overflow:hidden;width:75px;z-index:11;width:60px;font-size:14px;}
.quickmenuc a{display:block;color:#FFF;margin:0 auto;line-height:135%;width:22px}
.quickmenuc span{margin-top:5px;display:inline-block;}
.quickmenuc > div{ box-sizing:border-box}
.quickmenuc .q1{ background:#c46e00;height:165px;padding-top:20px;}
.quickmenuc .q2{background:#222222;height:145px;padding-top:25px;}

.quickmenu{ position:fixed; left:50%; margin-left:730px; overflow:hidden; width:75px; bottom:50px; z-index:11; }
.quickmenu .qucick-arr{ text-align:center; cursor:pointer; }

/* 서브페이지 좌측메뉴 정렬 끝 */

/*탭메뉴*/
.tabm .subtabmenu ul{position:relative;}
.tabm .subtabmenu .tab_content{position:relative;padding-top:70px;display:none;}
.tabm .subtabmenu .tab_container:before{position:absolute;width:1180px;left:50%;margin-left:-590px;height:2px;content:'';background:#000;top:48px;z-index:2;}
.tab_tit{border-bottom:none;box-sizing:border-box;width:296px;height:50px;display:inline-block;line-height:50px;text-align:center;font-weight:500;z-index:2;border:1px solid #d9d9d9;background:#fff;font-size:19px;position:absolute;top:0;}
.tablist .tab_tit.activeon, .tablist .tab_tit.activeon2{border:2px solid #333;border-bottom:none;z-index:3;color:#252525;}
.tablist:nth-child(1) .tab_tit{left:50%;margin-left:-590px;}
.tablist:nth-child(2) .tab_tit{left:50%;margin-left:-295px;}
.tablist:nth-child(3) .tab_tit{left:50%;margin-left:0;}
.tablist:nth-child(4) .tab_tit{left:50%;margin-left:295px;}
#tab1{display:block;}

/*ktcc 이전 페이지 inc 스타일*/
#Start .contents{float:right;width:88%;line-height:23px;margin:20px 45px 20px 0;text-align:left;}

.s_con{margin:0 auto;width:80%;text-align:center;}
.txt{line-height:1.5em;}
.txt_cen{text-align:center;}
.txt_left{text-align:left;}
.txt_right{text-align:right;}
.txt_left_pad10{text-align:left!important;padding:10px !important;}

/*.s_con h4{width:100%;text-align:left;background:url("../img/blit01.gif") no-repeat 0 13px;padding:0 0 0 25px;font-size:1.5em;line-height:1.8em;margin:0 0 10px 0;color:#444;font-weight:600;display:inline-block;}*/
.s_con h4{display:block;margin:0 0 30px 0;width:100%;text-align:left;font-size:1.6em;line-height:1.8em;color:#444;font-weight:600;border-bottom:1px solid #d8d8d8;}
.s_con h4:after{content:"";display:block;margin-top:5px;width:65px;height:3px;background:#000000;}
.s_con h5{width:100%;text-align:left;background:url("../img/blit02.gif") no-repeat 0 11px;padding:0 0 5px 15px;font-size:1.4em;line-height:1.5em;margin:0 0 0 7px;font-weight:600;clear:both;}
.s_con .none{background:none;}
.s_con .title_wrap h5{float:left;}
.s_con .title_wrap p{float:right;}
.s_con .h5{width:100%;text-align:left;background:url("../img/blit01.gif") no-repeat 0 5px;padding:0 0 5px 25px;font-size:1.4em;line-height:1.3em;margin:0 0 10px 0;font-weight:600;letter-spacing:-2px;}

.s_con dl{text-align:left;margin:5px 0 40px 20px;}
.s_con dl strong{display:block;margin-bottom:3px;font-weight:500;}
.s_con dl dt{margin-left:1px;}
.s_con dl dd li{margin-left:5px;}

.box_con{margin:0 0 30px 0;padding:10px;border-radius:13px;border:1px solid #dadada;}
.box_con div{background:#fff;padding:10px;text-align:justify;}
.box_cont{text-align:left;margin:0 0 30px 0;padding:10px;border-top:2px solid #dadada;border-bottom:1px solid #dadada;word-wrap:break-word;word-break:keep-all;}

.btn_link{width:160px;display:inline-block;padding:7px 20px 12px 20px;color:#485661;font-size:14px;font-weight:600;background:url("../img/btn_linkbg.gif") no-repeat;text-align:right;}

.basic_ul li{text-align:left;padding:2px 0 3px 10px;font-size:16px;letter-spacing:0;background:url("../img/blit03.gif") no-repeat left 11px;word-wrap:break-word;word-break:keep-all;}
.basic_ul li li{margin:2px 0 0 1px;padding:0 0 0 10px;line-height:1.7;font-size:14px;background:url("../img/blit04.gif") no-repeat left 8px;}
.basic_ul li a:hover{color:#000000;}
.basic_ul div{font-size:14px;}
.basic_ul span{float:right;width:140px;}
.basic_ul table.table_basic3{margin:5px 0 5px 0;}
.basic_ul span.mr180{width:180px;}

.box_con .basic_ul li{padding:5px 0;border-bottom:1px dashed #cecece;background:none;}
.box_con .basic_ul li:last-child{border-bottom:0;}
.box_con .basic_ul li a{color:#6d6d6d;}
.box_con .basic_ul li a:hover{color:#000000 !important;}
.box_con .basic_ul li.on a{font-weight:500;font-size:17px;color:#000000 !important;}
.box_con .basic_ul .subM{padding:3px 0 2px 8px;}
.box_con .basic_ul div.subM a{font-size:14px;font-weight:300;}
.box_con .basic_ul .subMon{padding:3px 0 2px 8px;}
.box_con .basic_ul .subMon a{font-size:15px;font-weight:500;color:#000000;}

.basic_none{background:none;font-size:14px;letter-spacing:0;display:inline-block;}
.basic_none li{background:none;font-size:12px;}

.basic_tab{font-size:15px;margin-bottom:30px;}
.basic_tab ul{/*height:40px;*/border-left:#dadada 1px solid;}
.basic_tab li{float:left;text-align:center;}
.basic_tab li a{display:block;padding:5px 13px;border:#dadada 1px solid;border-left:none;background:#f0f0f0;letter-spacing:-0.03em;}
.basic_tab li.on a{border:#dadada 1px solid;border-left:none;background:none;color:#0684d2;font-weight:600;}
.basic_tab li a:hover,
.basic_tab li a:focus{border:#dadada 1px solid;border-left:none;background:none;color:#0684d2;font-weight:600;}

div.box_fslike{border:1px dotted black;border-top:none;padding:.5em;padding-top:0;}
div.box_fslike .title{text-align:center;}
div.box_fslike .title span{position:relative;top:-.75em;float:none;width:auto;}
div.box_fslike .title span:before,
div.box_fslike .title span:after{content:' ';border-top:1px dotted black;display:block;width:40%;position:relative;}
div.box_fslike .title span:before{top:.75em;left:-.5em;}
div.box_fslike .title span:after{margin-top:-1em;width:40%;left:60.8%;}

.exhibitonList1{margin-bottom:30px;}
.exhibitonList1 li{float:left;width:50%;}

.groupList li{width:173px;text-align:center;padding:10px;margin:10px 12px;border:#c5c5c5 1px solid;float:left;}
.groupList span{line-height:1.5em;padding:10px 0 0 0;display:block;}

.groupList{border:5px solid #eeeeee;color:#5d5d5d;margin:0 0 25px;overflow:hidden;padding:25px;}
.groupList p{text-align:center;}
.group_img{float:left}
.groupList h4{display:inline-block;float:right;margin:0 0 20px 10px;padding:0 0 8px 0;width:68%;border-bottom:1px dashed #cecece;color:#0857a9;font-size:18px;}
.groupList h4:after{display:none;}
.groupList dl{margin:0;line-height:20px;overflow:hidden;width:290px;padding-left:20px;line-height:23px;}
.groupList dt{float:left;font-weight:bold;padding:0 7px 0 10px;width:45px}
.groupList dd{overflow:hidden;width:200px;}
.group_img p{ border:1px solid #dedede;height:178px;margin:0 0 6px;width:283px;}
.group_img p img{height:178px;width:283px;}

.dgroupList{border:5px solid #eeeeee;color:#5d5d5d;margin:0 0 25px;overflow:hidden;padding:25px;}
.dgroupList p{text-align:center;}
.dgroup_img{float:left}
.dgroupList h4{display:inline-block;float:right;margin:0 0 20px 10px;padding:0 0 8px 0;width:68%;border-bottom:1px dashed #cecece;color:#0857a9;font-size:18px;}
.dgroupList h4:after{display:none;}
.dgroupList dl{margin:0;line-height:20px;overflow:hidden;width:290px;padding-left:30px;line-height:23px;}
.dgroupList dt{float:left;font-weight:bold;padding:0 7px 0 10px;width:35px;}
.dgroupList dd{overflow:hidden;width:200px;}
.dgroup_img p{ border:1px solid #dedede;height:178px;margin:0 0 6px;width:283px;}
.dgroup_img p img{height:178px;width:283px;}

.dgroupList1{border:5px solid #eeeeee;color:#5d5d5d;margin:0 0 25px;overflow:hidden;padding:25px;}
.dgroupList1 p{text-align:center;}
.dgroup_img{float:left;}
.dgroupList1 h4{border-bottom:1px dashed #cecece;color:#0857a9;font-size:16px;margin:0 0 12px 10px;padding:0 0 12px 22px;}
.dgroupList1 dl{line-height:20px;overflow:hidden;width:490px;padding-left:5px;line-height:23px;}
.dgroupList1 dt{float:left;font-weight:bold;padding:0 7px 0 10px;width:35px;}
.dgroupList1 dd{overflow:hidden;width:50px;}
.dgroup_img p{ border:1px solid #dedede;height:178px;margin:0 0 6px;width:283px;}
.dgroup_img p img{height:178px;width:283px;}

.btn_view{width:160px;display:inline-block;padding:7px 20px 12px 20px;color:#485661;font-size:14px;font-weight:600;background:url("../img/sub/btn_viewbg.gif") no-repeat;text-align:left}
.btn_down{width:160px;height:40px;display:inline-block;margin:0 auto;padding:7px 20px 12px 20px;color:#485661;font-size:14px;font-weight:600;background:url("../img/sub/btn_downbg.gif") no-repeat;text-align:left}
.btn_list{width:65px;display:inline-block;padding:7px 20px 12px 20px;color:#485661;font-size:14px;font-weight:600;background:url("../img/sub/btn_listbg.gif") no-repeat;text-align:left}
.btn_link{width:160px;height:40px;line-height:40px;display:inline-block;margin:0 auto;padding:0 20px 0 20px;color:#485661;font-size:14px;font-weight:600; background:url("../img/sub/btn_linkbg.gif") no-repeat;text-align:center}

.btn_type{display:inline-block;border:1px solid #cecece;background:#ebeaea;overflow:hidden;color:#707070;padding:7px 7px 6px;text-align:center;font-weight:600;}
.btn_type:hover,
.btn_type:active{border:1px solid #cecece;color:#666;background:#fff;}


/*table*/

.table-basic{width:100%;border-top:solid 2px #555;border-bottom:solid 1px #d8d8d8;}
.table-basic thead th{padding:17px 0;border:solid 1px #d8d8d8;background:rgba(217,217,217,0.4);vertical-align:middle;text-align:center;border-bottom:0;}
.table-basic tbody th{padding:20px 0;border:solid 1px #adaaaa;background:rgba(217,217,217,0.4);vertical-align:middle;text-align:center;border-bottom:0;font-size:20px;}
.table-basic tbody td{padding:15px 0;border:solid 1px #a5a5a5;text-align:center;vertical-align:middle;}
.table-basic tbody td:nth-child(1){border-left:none}
.table-basic tbody th:nth-child(1){border-left:none}
.table-basic tbody td:last-child{border-right:none;}
.table-basic tbody th:last-child{border-right:none}

.bus-table tbody td.st{ text-align:left; padding-left:20px; box-sizing:border-box}
.bus-table tbody td.tit{font-weight:400; color:#222222; font-size:20px;  text-align:center}
.bus-table ul li{position:relative;padding-left:10px;box-sizing:border-box;}
.bus-table ul li:before{position:absolute;width:3px;height:3px;background:#4c4c4c;left:0px;content:'';top:10px;display:block;border-radius:30px;}


.table_basic02{width:100%;border-top:solid 2px #555;}
.table_basic02 thead th{padding:17px 0;border:solid 1px #d8d8d8;background:#f8f8f8;vertical-align:middle;text-align:center;border-bottom:0;}
.table_basic02 tbody th{padding:15px 0;border:solid 1px #d8d8d8;background:#f9f9f9;vertical-align:middle;text-align:center;border-bottom:0;}
.table_basic02 tbody td{padding:15px;border:solid 1px #d8d8d8;vertical-align:middle;}
.table_basic02 tbody .tac{text-align:center;padding:10px;}
.table_basic02 ul ul li{padding-left:15px;}
.table_basic02 .c_gray{color:gray;}
.table_basic02 .txt_center{text-align:center;}
.table_basic02 .txt_left{text-align:left;}

.table_basic3{width:100%;border-top:solid 2px #555;border-bottom:solid 1px #d8d8d8;}
.table_basic3 thead th{padding:7px 0;border:solid 1px #d8d8d8;background:#f8f8f8;vertical-align:middle;text-align:center;border-bottom:0;}
.table_basic3 tbody th{padding:5px 0;border:solid 1px #d8d8d8;background:#f9f9f9;vertical-align:middle;text-align:center;border-bottom:0;}
.table_basic3 tbody td{padding:5px 8px;border:solid 1px #d8d8d8;text-align:center;vertical-align:middle;font-size:14px;}
.table_basic3 .tleft{text-align:justify;vertical-align:top;word-wrap:break-word;word-break:keep-all;}
.table_basic3 .tbg{background-color:#ededed;}

.table_basic4{width:100%;border:0;}
.table_basic4 thead th{padding:7px 0;border:solid 1px #d8d8d8;background:#f8f8f8;vertical-align:middle;text-align:center;border-bottom:0;}
.table_basic4 tbody th{padding:5px 0;border:solid 1px #d8d8d8;background:#f9f9f9;vertical-align:middle;text-align:center;border-bottom:0;}
.table_basic4 tbody td{padding:5px 8px;border:solid 1px #d8d8d8;text-align:center;vertical-align:middle;font-size:14px;}
.table_basic4 .tleft{text-align:justify;vertical-align:top;}
.table_basic4 .nol{border-top:0;border-bottom:0;background-color:#fff;}
.table_basic4 .bb{border-bottom:solid 1px #d8d8d8;}

.rent_flow{border-bottom:#ddd 1px dotted;padding:20px 0;height:135px;}
.rent_flow h5{margin-bottom:10px;}
.rent_flow p{float:left;padding:0 40px 0 20px;}
.rent_flow ul{float:left;}

.rent_rule{background:url("../img/inc/rentrule_bg.gif") no-repeat;padding:30px 0 30px 290px;font-size:1.4em;margin-top:70px;height:200px;}
.rent_rule li{border-bottom:#666 1px solid;margin:0 0 10px 0;background:url("../img/inc/rentrule_btnbg.gif") no-repeat right 0;}
.rent_rule a{display:block;padding:10px 0 10px 15px;color:#444;}

.etiq{margin:0 0 30px 0;;padding:0 0 30px 0;border-bottom:#dadada 1px dotted;text-align:justify;}
.etiq .etiq_img{float:left;width:60px;height:60px;padding:0 30px 10px 0;}
.etiq p{line-height:1.4em}
.etiq p strong{display:block;}
.etiq:after{clear:blth;contnt:"";display:block;}

@media only all and (max-width:1200px){.tab_tit{width:25%;}
	.tablist:nth-child(1) .tab_tit{margin-left:-50%;}
	.tablist:nth-child(2) .tab_tit{margin-left:-25%;}
	.tablist:nth-child(3) .tab_tit{margin-left:0;}
	.tablist:nth-child(4) .tab_tit{margin-left:25%;}
	.tabm .subtabmenu .tab_container:before{width:100%;left:0;margin-left:0;}
}

@media only all and (max-width:760px){.subhome{display:none;}
	.printw{display:none;}
}

/*3차메뉴*/
.third-menu{overflow:hidden;text-align:center;position: absolute;bottom: 0;z-index: 1;background: #fff;width: 1400px;margin: 0 auto;left: 0;right: 0;}
.third-menu ul{display:flex;width:100%;justify-content:center}
.third-menu ul li{flex:0 1 50%;}
.third-menu ul li a{display:block;border:1px solid #e7e7e7;border-right:0;height:60px;line-height:60px;padding:0 15px;color:#656565;font-weight:600;font-size:18px;}
.third-menu ul li:last-child a{border-right:1px solid #b2b2b2;}
.third-menu ul li.lnbActive a{border-color:var(--main-color);color:#fff;background:var(--main-color);-webkit-transition:background-color 200ms linear;-ms-transition:background-color 200ms linear;transition:background-color 200ms linear;}

@media (max-width:1400px){
	.third-menu{width:100%}
	.third-menu ul li{flex:1;}
}
@media (max-width: 768px) {
	
  .third-menu { position: relative !important; overflow: visible !important; z-index: 200 !important; width:100%; }
  .subcontent  { overflow: visible !important; z-index: 10; position: relative; }
  .subcontWrap { z-index: 1; position: relative; }
  .third-menu-trigger {
    display: flex !important; align-items: center; justify-content: center;
    width: 100%; padding: 13px 0; background: #bc9b6a;
    color: #fff; font-size: 15px; cursor: pointer;
    position: relative; z-index: 201; box-sizing: border-box;
  }
  .third-menu ul {
    display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important;
    position: absolute !important; top: 100%; left: 0; width: 100%;
    z-index: 200; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    margin: 0; padding: 0; list-style: none;
    overflow: hidden !important; height: 0 !important;
    transition: height 0.3s ease;
  }
  .third-menu ul.open { height: auto !important; }
  .third-menu ul li { flex: 0 0 auto !important; width: 100% !important; min-height: 48px; box-sizing: border-box; list-style: none; }
  .third-menu ul li a {
    display: flex !important; align-items: center; justify-content: center;
    width: 100%; min-height: 48px; text-align: center; border-bottom: 1px solid #eee;
    color: #282828 !important; text-decoration: none !important;
    font-size: 15px !important; box-sizing: border-box;
  }
  .third-menu ul li.lnbActive a, 
  .third-menu ul li:hover a  {border-color:transparent;background:#f3ebe0; color:#222!important; font-weight: bold; }
  .third-menu ul li:last-child a { border-bottom: none; }
}

/*4차메뉴*/
.fourth-menu{overflow:hidden;margin-top:50px;margin-bottom:50px;text-align:center;position:relative;}
.fourth-menu ul{display:flex;margin:auto;width:100%; justify-content:center;}
.fourth-menu ul li{flex:0 1 50%;margin-bottom:-1px;}
.fourth-menu ul li a{box-sizing:border-box;min-width:120px;height:50px;display:block;line-height:50px;text-align:center;font-weight:500;border:1px solid #d9d9d9;border-right:0;background:#fff;font-size:17px;padding:0 15px;background:#f0f0f0;}
.fourth-menu ul li:last-child a{border-right:1px solid #d9d9d9;}
.fourth-menu ul li.lnbActive a{z-index:3;color:#252525;background:#fff;border-top:1px solid #000000;border-bottom:0;}
.fourth-menu ul li a:hover{z-index:3;color:#000000 !important;background:#f5f5f5;}

@media only all and (max-width:1024px){.basic-table{overflow-x:scroll;}
	.basic-table th{line-height:inherit !important;padding:5px !important;height:auto !important;font-size:14px !important;}
	.basic-table tbody th{font-size:12px !important;}
	.basic-table td{padding:3px !important;height:auto !important;font-size:12px !important;}
	.basic-table td span, .basic-table th span{padding:0;}
	.basic-table td.tleft_h1{padding-left:16px !important;text-indent:-9px !important;}
}

@media only all and (max-width:1024px){
	.third-menu ul li a{font-size:15px;height:auto;line-height:inherit;padding:10px 0;}
}


@media only all and (max-width:540px){
	.content_sbox h5{font-size:19px !important;}
	.fourth-menu{margin:30px 0;}
	.fourth-menu ul{width:99%;text-align:center;}
	.fourth-menu ul li{float:none;display:inline-block;margin-bottom:1px;width:100%;border-right:1px solid #d9d9d9;}
	.fourth-menu ul li a{min-width:auto;height:auto;padding:5px 3px;line-height:inherit;font-size:12px;}
	.fourth-menu ul li:last-child a{border-right:0;}
	.third-menu ul li a{font-size:13px;}
	.s_con{width:98%;}
	.s_con .h5{padding:0 0 5px 20px;font-size:16px;background:url(../img/blit01.gif) no-repeat 0 3px;}
	.s_con h4{font-size:16px;}
	.s_con h5{font-size:14px;background:url(../img/blit02.gif) no-repeat 0 4px;}
	.basic_ul li{font-size:12px;background:url(../img/blit03.gif) no-repeat left 8px;}
	.s_con dl strong{font-size:13px;}
	.box_con .basic_ul li.on a{font-size:13px;}
	.box_con .basic_ul .subM{padding:2px 0 0 8px;}
	.box_con .basic_ul .subMon{padding:2px 0 0 8px;}
	.box_con .basic_ul .subMon a{font-size:11px;}
	.box_con .basic_ul div.subM a{font-size:11px;}
	.box_cont{font-size:13px;}
	.basic_ul div{font-size:12px;}
	.basic_ul li li{font-size:11px;}
	.basic_ul span{float:none;margin-left:4px;font-size:11px;}
	div.box_fslike .title span{font-size:13px;}
	.table_basic3 tbody td{font-size:11px;}
	.table_basic4 thead th{font-size:12px;}
	.table_basic4 tbody th{font-size:12px;}
	.table_basic4 tbody td{font-size:11px;}
	.table_basic thead th{font-size:12px;}
	.table_basic tbody td{font-size:11px;}
	div.box_fslike .title span:before, div.box_fslike .title span:after{width:30%;}
	div.box_fslike .title span:after{left:71.8%;}
	.exhibitonList1{font-size:11px;}
	.exhibitonList1 img{width:97%;}
	.dgroupList h4{margin:0 0 10px 10px;width:100%;}
	.dgroupList dl{width:100%;padding-left:0;font-size:12px;}
	.dgroupList p{font-size:12px;}
	.dgroupList p:first-child{margin-top:30px !important;}
	.basic_tab li a{padding:3px 8px;font-size:13px;}
	.groupList h4{margin:0 0 10px 10px;width:100%;}
	.groupList dl{width:100%;padding-left:0;font-size:12px;}
	.groupList dt{width:32px;}
	.groupList p{font-size:12px;}
	.rent_rule{margin-top:30px;padding:0 0 30px 35%;font-size:14px;background-size:30%;}
	.rent_rule li{margin:0 10px 2px 0;background:url(../img/inc/rentrule_btnbg.gif) no-repeat top 10px right 5px;background-size:10%;}
	.rent_rule a{display:block;padding:10px 0 5px 15px;color:#444;}
}

/* 서브페이지 상단 및 공용 끝 */
.password_wrapper{width:100%;text-align:center;}
.password_wrapper .msg{margin:40px auto 30px;font-weight:700;font-size:18px;}
.password_wrapper fieldset{margin:0 auto;padding:20px;width:40%;min-width:450px;border:1px solid #ccc;}
.password_wrapper fieldset input[type="password"]{padding:0;}
.password_wrapper fieldset input[type="submit"]{cursor:pointer;}

/*소개*/
.bucaw{display:flex}
.bucabox{flex:1;height:215px;margin-right:10px;text-align:center;color:#fff;font-family:'Nanum Myeongjo', serif;background-repeat:no-repeat;box-sizing:border-box;font-weight:600;font-size:19px;padding-top:120px;line-height:120%;}
.bucabox p{/*padding-right:18px*/}
.bucabox:last-child{margin-right:0}
.buc01{background:url("../img/sub/bus_01.png") center no-repeat;}
.buc02{background:url("../img/sub/bus_02.png") center no-repeat;}
.buc03{background-image:url("../img/sub/bus_03.png") }
.buc04{background-image:url("../img/sub/bus_04.png") }
.buc05{background:url("../img/sub/bus_05.png") center no-repeat;}
.buc06{background-image:url("../img/sub/bus_06.png") }
.bucatxt{text-align:center; font-family:'Nanum Myeongjo', serif; font-weight:600;  font-size:24px; line-height:160%; color:#794926; padding:60px 0 75px}


@media only all and (max-width:1300px){
 .bucaw{display:block;overflow:hidden;text-align:center;width:100%;}
 .bucabox{display:inline-table;width:150px;height:150px;/* float:left; */background-size:cover;padding-top:50px}
}

@media only all and (max-width:740px){
.subcontWrap{padding:30px 10px; }
.bucatxt{font-size:16px; padding:20px 0}
.bucatxt p{display:inline}

.table-basic tbody th{padding:10px; font-size:15px}
.table-basic tbody td{font-size:14px; padding:10px 0}
.bus-table tbody td.tit{font-size:15px}
.bucabox{margin-bottom:10px; margin-right:5px; width:120px;height:120px;}
}

/*한지소개*/
.sogtit{color:var(--main-color); font-weight:700; font-size:36px; text-align:center; padding-bottom:60px; padding-top:30px; font-family:'Nanum Myeongjo', serif;}
.sogtit span{display:block;margin-top:5px;color: #d8b98b;font-size: 25px;}
.sogtxt{font-size:16px;color:#33110096;line-height:150%;font-weight:500;word-wrap:break-word;word-break:keep-all;text-align: center;max-width: 960px;margin: 0 auto;}
.sogtxt p:first-child{font-weight:600;line-height:170%;font-size:22px;padding-bottom:24px;}
.sogtxt p{padding-bottom: 30px;font-size: 18px;line-height: 1.7;letter-spacing:-1px;}
.sogstxt{text-align:center; font-size:18px; color:#393939; padding:50px 0}

/*교육안내*/
.edubox{overflow:hidden; margin-bottom:50px;}
.edutit{float:left; width:445px; font:700 clamp(26px, 3vw, 36px) var(--serif); color:var(--main-color); letter-spacing:-2px;}
.edutit span{display:block;font-size:26px;font-weight:500;letter-spacing:-3px;}
.edutxt{float:left; width:calc(100% - 445px); border-bottom:1px solid #e3e3e3; padding-bottom:50px;}
.edutxt ul li{position:relative;padding-left:13px;font-size:18px;color:#7a7a7a;margin-bottom:18px;line-height:1.6;word-wrap:break-word; word-break:keep-all;font-weight:400;}
.edutxt ul li:before{width:3px;height:3px;background:#4c4b4b;border-radius:36px;position:absolute;left:0;top:11px;content:''}
.edutxt ul li p{padding:5px 0 8px;}
.edutxt dd{display:inline-block;margin:15px 0;width:300px;line-height:300px;text-align:center;border-radius:10px;color:#ffffff;font-size:22px;font-weight:700;text-shadow:0 1px 5px #000;}
.edutxt dd:nth-child(3){background:url("../img/sub/img86_01_1.jpg") no-repeat;}
.edutxt dd:nth-child(1){background:url("../img/sub/img86_02.jpg") no-repeat;}
.edutxt dd:nth-child(2){background:url("../img/sub/img86_03.jpg") no-repeat;margin:0 22px;}
.edutxt dd:nth-child(4){background:url("../img/sub/img86_04_1.jpg") no-repeat;}
.edutxt dd:nth-child(5){background:url("../img/sub/img86_05_1.jpg") no-repeat;margin:0 22px;}
.edutxt dd:nth-child(6){background:url("../img/sub/img86_06_1.jpg") no-repeat;}
.accunt span{border:1px solid #c9c9c9;display:inline-block;padding:15px 43px;font-size:18px;font-weight:700;margin-right:10px; margin-bottom:10px;}
.accunt{ margin:20px 0}

.btn86a{display:inline-block;padding:0 50px 0 20px;line-height:40px;color:#ffffff;background:#ff6600 url("../img/sub/goto.png") center right 15px no-repeat;}
.btn86a:hover{transition:all 0.3s cubic-bezier(0,0,1,1);background:#ff0000 url("../img/sub/goto.png") center right 15px no-repeat;}
.tel86{padding:20px 0 0 20px;}


@media only all and (max-width:940px){
.subcontWrap{padding:30px 10px; box-sizing:border-box}
.edutit{width:100%; margin-bottom:20px; font-size:30px }
.edutxt{width:100%; padding-bottom:20px;}
.edutxt dd:nth-child(2){margin:0 0;}
.edutxt dd:nth-child(5){margin:0 0;}
}

@media only all and (max-width:540px){
.edutxt ul li{font-size:14px; margin-bottom:5px}
.accunt span{padding:10px;     width:100%;    box-sizing:border-box;    font-size:15px;}
}

/* 연혁 */
.htel-vi02-container .brand-history .list{position:relative}
/*.htel-vi02-container .brand-history .list:nth-child(even) .content-box{float:right;padding-right:0}*/
.htel-vi02-container .brand-history .list:nth-child(even) .content-box .column{width:-webkit-calc(50% - 15px);width:calc(50% - 15px);margin-top:30px;margin-right:30px;min-height:180px}
.htel-vi02-container .brand-history .list:nth-child(even) .content-box .column:nth-child(2n+2){margin-right:0}
.htel-vi02-container .brand-history .list:nth-child(even) .list-bullet::before{/* content:""; */left:0}
/*.htel-vi02-container .brand-history .list:nth-child(odd) .content-box{float:left;text-align:right;padding-left:0;}*/
.htel-vi02-container .brand-history .list:nth-child(odd) .content-box .column{width:-webkit-calc(50% - 15px);width:calc(50% - 15px);margin-top:30px;margin-left:30px;min-height:180px;float:right;margin-right:0}
.htel-vi02-container .brand-history .list:nth-child(odd) .content-box .column:nth-child(2n+2){margin-left:0}
.htel-vi02-container .brand-history .list:nth-child(odd) .list-bullet{padding-right:60px;/* padding-right:100px; *//* padding-top:5px; */}
.htel-vi02-container .brand-history .list:nth-child(odd) .list-bullet::after{/* content:""; */right:0}
.htel-vi02-container .brand-history .list:nth-child(odd) .list-bullet.no-bullet::after{display:none}
.htel-vi02-container .brand-history .list:last-child.on .line-active{height:0}

.htel-vi02-container .brand-history .list:nth-child(odd) .list-day{right:0}
.htel-vi02-container .brand-history .list.on .line-active{height:100%}
.htel-vi02-container .brand-history .list.on .bullet-small{background:#c3ae7b;}
.htel-vi02-container .brand-history .list.active .bullet-large{-webkit-transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}
.htel-vi02-container .brand-history .list.active .bullet-small{background:var(--main-color);}
.htel-vi02-container .brand-history .list:last-child .pagination-wrap{background:transparent}
.htel-vi02-container .brand-history .content-box{/*width:50%;*/padding:0 60px;padding:0 0 0 5rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:-23px;margin-top:-1.9375rem;padding-bottom:100px;padding-bottom:6.25rem}
.htel-vi02-container .brand-history .year{font-size:48px;font-size:42px;/* font-family:"SDGothicNeobTTF-eSm"; */font-weight:700;color:#8a460a;}
.htel-vi02-container .brand-history .year em{font-size:20px }
.htel-vi02-container .brand-history .year + .list-bullet{margin-top:20px;margin-top:1.25rem}
.htel-vi02-container .brand-history .list-bullet{position:relative;word-break:keep-all; padding-left:110px;color:#676767;font-size:18px;}
.htel-vi02-container .brand-history .list-bullet + .list-bullet{margin-top:13px;margin-top:0.8125rem}
.htel-vi02-container .brand-history .list-bullet::after,.htel-vi02-container .brand-history .list-bullet::before{position:absolute;top:9px;top:0.5625rem;display:inline-block;width:3px;width:0.1875rem;height:3px;height:0.1875rem;border-radius:3px;border-radius:0.1875rem;background:#666;vertical-align:5px}
.htel-vi02-container .brand-history .pagination-wrap{width:2px;height:100%;background:#dedede;position:absolute;top:0;left:25px;margin-left:-1px}
.htel-vi02-container .brand-history .pagination-wrap .line-active{width:100%;height:0%;background:#977344;z-index:1;-webkit-transition:height 0.6s cubic-bezier(0.66, 0, 0.34, 1);-o-transition:height 0.6s cubic-bezier(0.66, 0, 0.34, 1);transition:height 0.6s cubic-bezier(0.66, 0, 0.34, 1)}
.htel-vi02-container .brand-history .pagination-wrap .bullet-small{width:10px;width:0.625rem;height:10px;height:0.625rem;border-radius:10px;border-radius:0.625rem;background:#e5e5e5;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3;-webkit-transition:background 1s cubic-bezier(0.66, 0, 0.34, 1);-o-transition:background 1s cubic-bezier(0.66, 0, 0.34, 1);transition:background 1s cubic-bezier(0.66, 0, 0.34, 1)}
.htel-vi02-container .brand-history .pagination-wrap .bullet-large{width:40px;width:2.5rem;height:40px;height:2.5rem;border-radius:40px;border-radius:2.5rem;border:1px solid #dca932;background:transparent;z-index:2;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, -50%) scale(0);-ms-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);-webkit-transition:-webkit-transform 1s cubic-bezier(0.66, 0, 0.34, 1);transition:-webkit-transform 1s cubic-bezier(0.66, 0, 0.34, 1);-o-transition:transform 1s cubic-bezier(0.66, 0, 0.34, 1);transition:transform 1s cubic-bezier(0.66, 0, 0.34, 1);transition:transform 1s cubic-bezier(0.66, 0, 0.34, 1),-webkit-transform 1s cubic-bezier(0.66, 0, 0.34, 1)}
.clfix:after,.clfix:before{display:table;line-height:0;content:""}
.clfix:after{clear:both}

.list-bp{padding-right:120px !important}

.fadein{transition:opacity 1s,-webkit-transform 1s;-webkit-transition:opacity 1s,-webkit-transform 1s;-o-transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s,-webkit-transform 1s}
.fadein--fast{transition:opacity 0.5s,-webkit-transform 0.5s;-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-o-transition:opacity 0.5s,transform 0.5s;transition:opacity 0.5s,transform 0.5s;transition:opacity 0.5s,transform 0.5s,-webkit-transform 0.5s}
.fadein--hidden{-webkit-transform:translateY(115px);-ms-transform:translateY(115px);transform:translateY(115px)}
.mini--fadein--hidden{-webkit-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px)}
.real--mini--fadein--hidden{-webkit-transform:translateY(45px);-ms-transform:translateY(45px);transform:translateY(45px)}
.sub--fadein--hidden{opacity:0}
.img--fadein{transition:opacity 2s,-webkit-transform 2s;-webkit-transition:opacity 2s,-webkit-transform 2s;-o-transition:opacity 2s,transform 2s;transition:opacity 2s,transform 2s;transition:opacity 2s,transform 2s,-webkit-transform 2s}
.img--fadein--hidden{opacity:0}
.moveup{transition:opacity 1s,-webkit-transform 1s;-webkit-transition:opacity 1s,-webkit-transform 1s;-o-transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s,-webkit-transform 1s}
.moveup--hidden{-webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px)}
.low--moveup--hidden{-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}
.high--moveup--hidden{-webkit-transform:translateY(110px);-ms-transform:translateY(110px);transform:translateY(110px)}
.scale--hidden{opacity:0;-webkit-transform:translate(-50%, -50%) scale(0.2, 0.2);-ms-transform:translate(-50%, -50%) scale(0.2, 0.2);transform:translate(-50%, -50%) scale(0.2, 0.2)}
.scale--hidden--false{opacity:1;-webkit-transform:translate(-50%, -50%) scale(1, 1);-ms-transform:translate(-50%, -50%) scale(1, 1);transform:translate(-50%, -50%) scale(1, 1)}
.ui-mp4-handle{opacity:0}
.ui-mp4-handle::before{content:"";position:absolute;z-index:200;width:100%;height:100%;bottom:0;background-color:#fff}
.ui-mp4-handle.lift{opacity:1;-webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);-o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1)}
.ui-mp4-handle.lift::before{height:0%;-webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);-o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1)}
.bg--color--03{-webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);-o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);background-color:#f7f7f7}
.bg--color--yellow--hidden{background:#fff}
.bg--color--yellow{-webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);-o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);background:#fff4e4}
.txt--color--white{-webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);-o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);color:#fff}
.txt--color--black{-webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);-o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);color:#000}
.line--hidden{height:0!important}
.line--show{-webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);-o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);height:120px}
.moveup--xm--hidden{opacity:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
.moveup--xp--hidden{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.ui-cover{position:relative}
.ui-cover::before{content:"";position:absolute;z-index:200;width:100%;height:100%;bottom:0;background-color:#fff;-webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);-o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1)}
.ui-cover.lift::before{height:0%}
.h-align-c {    text-align:center;}
.histit{font-size:18px;color:#bf8037;font-family:'Nanum Myeongjo', serif; font-weight:500; padding-bottom:10px}
.histits{font:bold clamp(24px, 3vw, 38px) var(--serif);color:var(--main-color);text-transform:uppercase;letter-spacing:-2px;line-height: 1.4;}
.current-logo{padding-bottom:100px}
.htel-vi02-container .list-day{position:absolute;left:0;font-weight:bold;color:#000;font-size:23px;top:-5px;} 

.pr0{padding-right:0 !important}
.pl0{padding-left:0 !important}
.list-bsm{font-size:16px;margin-top:10px}
.list-bsm:before{content:"•";display:inline-block;color:var(--main-color);margin-right:6px;vertical-align:1px;}
.orgw{text-align:center}
.visionw{text-align:center}

@media only all and (max-width:820px){
.htel-vi02-container .brand-history .content-box{width:100%;padding-left:20px;padding-right:10px;box-sizing:border-box}
.htel-vi02-container .brand-history .pagination-wrap{left:40px}
.htel-vi02-container .brand-history .list{padding-left:80px}
.htel-vi02-container .brand-history .list:nth-child(odd) .content-box{text-align:left}

.histit{font-size:15px;}
.histits{font-size:24px}
.htel-vi02-container .brand-history .year{font-size:27px}
.htel-vi02-container .brand-history .year + .list-bullet{margin-top:10px;padding-right:20px;}
.htel-vi02-container .brand-history .list:nth-child(odd) .list-bullet{padding-right:0}
.htel-vi02-container .list-day{position:relative; display:block; font-size:18px; padding-bottom:10px}
.htel-vi02-container .brand-history .list-bullet{padding-left:0; font-size:15px}
}


/*찾아오시는길*/
.root_daum_roughmap .cont{display:none}
.mapzone{position:relative}
.mapzbox{position:absolute;width:460px;/* height:225px; */padding:50px 30px;box-sizing:border-box;background:var(--main-color);right:0;bottom:-15px;z-index:10;color:#fff}
.mapzbox h4, 
.mapzbox2 h4{font-size:clamp(24px, 3vw, 30px); font-family:var(--serif); margin-bottom:20px;}
.mapzc{border-bottom:1px solid rgba(255,255,255,0.5) ; padding:10px 0; display:grid; grid-template-columns:88px auto;}
.mapzc .maptit{display:inline-block;font-size:18px;font-weight:700;}
.mapzc .mapstit{font-size:18px;}
.maptel{letter-spacing:5px !important;}
.mapzlist{margin-top:80px;}
.mapway{overflow:hidden;border-bottom:1px solid #ccc;padding-bottom:10px;padding-top:20px;}
.mapwc{width:380px;box-sizing:border-box;float:left;font-size:22px;color:#2c2c2c;font-weight:600;padding-left:125px;background-repeat:no-repeat;background-position:25px top;min-height:75px;padding-top:10px;}
.mapwtxt{width:calc(100% - 380px);box-sizing:border-box;float:left;padding-top:12px;font-size:17px;color:#5c5c5c;}
.mapwc01 {background-image:url("../img/sub/mapc_01.png")}
.mapwc02 {background-image:url("../img/sub/mapc_02.png")}
.mapwc03 {background-image:url("../img/sub/mapc_03.png")}
.mapwc04 {background-image:url("../img/sub/mapc_04.png")}
.mapwtxt .mp1{font-size:20px; color:#262626; padding-left:0;}
.mapwtxt .mp2{font-size:20px; color:#262626; font-weight:700; padding-left:35px}
.mapwtxt span{padding-left:20px; color:#5c5c5c}
.mapwtxt_item{margin-bottom:20px;}
.mapwtxt_item h5{font-size:18px;border-left: 3px solid var(--main-color);padding-left: 10px;margin-bottom: 10px;line-height: 1.2;}
 
.mapzbox2{padding:40px;box-sizing:border-box;background:var(--main-color);color:#fff;display: grid;grid-template-columns: 25% auto;width: 100%;}
.mapzbox_grid{display:flex;gap:3%}
@media (max-width:1100px){
	.mapzbox2{display:flex;flex-flow:column wrap;padding:20px;}
}
@media only all and (max-width:820px){
	.mapzc .maptit{font-size:16px; width:70px}
	.mapzc .mapstit{width:calc(100% - 70px); font-size:15px}
	.mapwtxt{width:100%;padding-left:20px;font-size:15px;}
	.mapwc{width:100%;padding-left:65px;background-position:left;background-size:50px;padding-top:18px;}
	.mapzbox{position:relative;bottom:inherit;right:inherit;width:100%;padding:20px;}
	#daumRoughmapContainer1781509408172,
	#daumRoughmapContainer1658119685809{height:300px !important}
	.mapzlist{margin-top:20px}
	.mapwtxt span{/* display:block; */padding-left:0;}
	.mapwtxt .mp1{display:block}
	.mapwtxt .mp2{display:block; padding-left:0;}
	.mapway{padding-top:10px}
	.mapzbox2 .mapzbox_grid {flex-flow:column wrap;}
}



/*심볼마크 */
.markdown{text-align:right}
.markdown a{display:inline-block; padding:7px 45px 7px 25px; border:1px solid #bc8a40; font-size:18px; color:#bc8a40; background:url("../img/sub/hdown.png") no-repeat 95% center}
.markbox{overflow:hidden}
.marktit{float:left;width:310px;margin-top:40px}
.mkts{font-size:14px; color:#e2b676; text-transform:uppercase;    font-weight:500;}
.marktxt{float:left;width:calc(100% - 310px);font-size:18px;border-bottom:1px solid #ccc;padding-bottom:40px;margin-top:40px;color:#3e3e3e;line-height:180%;color:#5b5b5b;margin-top:40px;}
.mkt{font-size:37px;color:#bc8a40;font-weight:600;letter-spacing:-4px; line-height:100%;}
.markbox:nth-child(1) .marktxt{margin-top:0px;}
.markcimg{text-align:center; padding:0px 0 50px}
.markcon{padding-bottom:70px}
.marklogow{overflow:hidden}
.marklogc{float:left}
.marklogbox{padding-bottom:80px}
.marklogc:nth-child(1){width:460px}
.marklogc:nth-child(2){ width:185px}
.marklogc:nth-child(2) .markimg{padding-left:80px}
.marklogc:nth-child(3){width:185px}
.marklogc:nth-child(3) .markimg{padding-left:80px}
.marksigS .marklogbox{ flex:1}
.marksigS .marksigw{display:flex}

.marksigW .marklogbox{ flex:1}
.marksigW .marksigw{display:flex}
.tonW .marklogbox{flex:inherit;margin-right:20px;}
.tonW .markimg img{padding-right:20px}
.tonW .marksigw{display:flex}

.hanctit{font-weight:700; font-size:28px; color:#222222; padding-bottom:15px;     letter-spacing:-1px;}
.han-table th:nth-child(1){width:25%}
.han-table th:nth-child(2){width:75%}
.han-table td:nth-child(1){font-weight:400;font-size:18px;width:25%}
.han-table td:nth-child(2){ text-align:left; padding-left:40px; width:75%}
.hancbox{padding-top:35px }
.hansang-table  th:nth-child(1){width:auto}
.hansang-table  th:nth-child(2){width:auto}
.hansang-table  td:nth-child(1){width:auto;font-weight:400;font-size:18px;}
.hansang-table  td:nth-child(2){width:auto;text-align:center;padding-left:0;}
.hansang-table td:last-child{text-align:left; padding-left:50px}

.young-table td:last-child{text-align:left; padding-left:50px}
.chango{color:#696969; font-size:18px; text-align:center; padding:40px 0; border-bottom:solid 1px #a5a5a5}
.chamgo{margin-bottom:40px;padding: 20px;color: #969696;font-size: 16px;background: #f5f4f0;/* border-bottom:1px dashed #a5a5a5; */}

@media only all and (max-width:820px){
.markdown a{width:100%; box-sizing:border-box; font-size:15px;}
.marktit{width:100%}
.marktxt{width:100%; font-size:16px; padding-bottom:10px;}
.markdown{text-align:center}
.marklogbox{padding-bottom:5px}
.markcon{padding-bottom:0px}
.markcimg{padding:10px 0}
.marklogc:nth-child(2), .marklogc:nth-child(3){width:50%}
.marklogc:nth-child(2) .markimg, .marklogc:nth-child(3) .markimg{padding:0}
.marksemW .markimg img{width:45%}
.mkt p{ display:inline}
.tonW .marklogbox{flex:none; margin-right:0;}
.marklogbox{display:block}
.tonW .marksigw{display:block}
.tonW .markimg img{padding-right:0}

.han-table td:nth-child(1){font-size:14px; font-weight:500}
.han-table td:nth-child(2){padding-left:5px; font-size:13px;}
.hansang-table td:last-child{padding-left:5px}
.hanctit{font-size:23px}
.young-table td:last-child{padding-left:5px}
}

/*한지내용*/
.hancatebox{overflow:hidden; padding-bottom:60px; display:grid; grid-template-columns:20% auto; gap:2%;}
.hancateimg{text-align:center;box-sizing:border-box;align-self:flex-start;}
.hancaitem+.hancaitem{margin-top:50px;padding-top:50px; border-top:1px solid #c7c7c7;}
.hancaitem p+p{padding-top:40px}
.hancaitem .mc{color:#9c6617; font-size:18px}
.hancaitem .mcm{color:#9c6617; font-size:18px; font-weight:800}
.hancatec{font-size:28px; color:var(--main-color); font-weight:700; padding-bottom:20px; letter-spacing:-3px;font-family:'Nanum Myeongjo', serif; }

@media only all and (max-width:1024px){
	.hancatebox{grid-template-columns:40% auto;}
}
@media only all and (max-width:540px){
	.sogtit{ font-size:30px; padding-bottom:20px}
	.sogtit span{font-size:16px; display:block}
	.sogtxt{font-size:15px}
	.hancateimg{width:100%; padding-right:0}
	.hancatebox{padding-bottom:20px}
	.hancaitem{width:100%;}
	.hancaitem{padding-top:20px; font-size:15px; min-height:auto}
	.hancaitem .mc, .hancaitem .mcm{ font-size:15px}
	.hancaitem p{padding-bottom:20px}
}

/*장비*/
.jangtit{font-size:30px;color:#2b2b2b;text-align:center;font-family:'Nanum Myeongjo', serif;font-weight:700;padding-bottom:10px;}
.jangstit{font-size:19px; color:#2b2b2b; text-align:center; font-family:'Nanum Myeongjo', serif; opacity:0.6}
.jangboxw{position:relative}
.jangbox{
    width:231px;
    height:205px;
    background-image:url("../img/sub/jac_01.png");
    background-repeat:no-repeat;
    background-position:center;
    /* float:left; */
    text-align:center;
    color:#fff;
    font-size:24px;
    font-family:'Nanum Myeongjo', serif;
    padding-top:0;
    box-sizing:border-box;
    font-weight:700;
    position:relative;
    cursor:pointer;
    flex:1;
    }
.jangbox > a { display:block; width:100%; height:100%; }
	
.jangarr{float:left;position:absolute;top:43%;right:-25px;}
.jangboxw{/* overflow:hidden; */margin-top:70px;display:flex;}
.jangboxwL{flex-direction:row-reverse;}
.jangprocw{ margin-bottom:35px; overflow:hidden}
.jangprobox{ float:left; width:32%; margin-right:1%}
.jangprobox:last-child{margin-right:0}
.jangbtxt{background:#f5f5f5; height:220px; padding:15px 25px; box-sizing:border-box}
.jangproimg{height:300px;line-height:300px;background:#fff}
.jangbtit{font-size:24px; color:#202020; margin-bottom:15px; font-weight:700 }
.jcate{border:1px solid var(--main-color); font-size:18px; color:var(--main-color); padding:3px 15px; display:inline-block; margin-right:10px; }
.jc{padding-bottom:10px; padding-top:60px;}
.jangbw:last-child{padding:50px 0}
.jangbw:last-child {padding:80px 0}

.jangbw:last-child  .jangtit{padding-bottom:50px}
.jangboxw:last-child .jangarr img{  -webkit-transform:rotate(180deg);   -moz-transform:rotate(180deg);  -ms-transform:rotate(180deg);  -o-transform:rotate(180deg);  transform:rotate(180deg);}
.jb05 .jangarr{right:42%;height:50px;top:110%;}
.jb05 .jangarr img{   transform:rotate(90deg);}

.jb01{background-image:url("../img/sub/jac_01.png")}
.jb02{background-image:url("../img/sub/jac_02.png")}
.jb03{background-image:url("../img/sub/jac_03.png")}
.jb04{background-image:url("../img/sub/jac_04.png")}
.jb05{background-image:url("../img/sub/jac_05.png")}
.jb06{background-image:url("../img/sub/jac_06.png")}
.jb07{background-image:url("../img/sub/jac_07.png")}
.jb08{background-image:url("../img/sub/jac_08.png")}
.jb09{background-image:url("../img/sub/jac_09.png")}
.jb10{background-image:url("../img/sub/jac_10.png")}

.jb00{background-image:url("../img/sub/jac_00.png")}
.jb11{background-image:url("../img/sub/jac_12.png")}

.jangbw .jangboxw:nth-child(4){flex-direction:row-reverse;}
.jb06 .jangarr{display:none}
.jangbw .jangboxw:nth-child(4) .jangarr img{  -webkit-transform:rotate(180deg);         -ms-transform:rotate(180deg);            transform:rotate(180deg);}

.hanprow .jangboxw{display:block; margin-top:0;}
.hanprow .hanpbox{overflow:hidden;display:table;width:100%;margin-bottom:45px; position:relative}
.hanprow .hanpbox:after{content:'';display:block;background:#d1d1d1;position:absolute;width:calc(100% - 340px);bottom:0;height:1px;right:0;}
.hanprow .jangbox{flex:none;-webkit-filter:grayscale(0%);filter:grayscale(0%);/* float:left; */width:230px;display:table-cell;}
.hanprow .hanptxt{/* float:left; *//* width:calc(100% - 230px); */display:table;width:100%;padding-left:110px;box-sizing:border-box;/* min-height:205px; */font-family:'Nanum Barun Gothic', sans-serif;line-height:1.6;}
.hanprow .hanptxt p{display:table-cell;vertical-align:middle;/* border-bottom:1px solid #ccc; */font-size:19px;color:#363636;}
.hanprow .hanptxt p.cation{display:table-footer-group;color:#d35416;width:100%;}
.hanboc{text-align:right; font-size:16px}
.hanprow .hanpbox:last-child{margin-bottom:10px}

.gonganbox{margin-bottom:100px}
.gongw{width:1300px; margin:0 auto}
.gongtable td:nth-child(1){width:10% ; }
.gongtable td:nth-child(4){text-align:left; padding-left:50px}

@media only all and (max-width:1300px){
.gongw{width:100%}
}

@media only all and (max-width:1100px){
	.jangbox{background-size:contain;     height:auto; padding-top:30px; height:150px;}
	.jangboxw:last-child{margin-left:0}
	.jangboxw{margin-top:20px}
	.jangarr{display:none}
	.hanprow .hanptxt{padding-left:0; display:block}
	.hanprow .hanpbox:after{display:none}
	.jangbox .jc{padding-top:16px; padding-bottom:0;}
}

@media only all and (max-width:720px){
	.jangprocw{display:block}
	.jangprobox{ width:100%; margin-right:0}
	.jangbtxt{height:auto; padding:10px;}
	.jangproimg{height:auto !important; line-height:inherit !important; }
	.jangtit{font-size:24px}
	.jangbtit{font-size:19px}
	.jcate{font-size:16px; padding:0 5px}
	.jangbstit{font-size:13px}
	.jangbox{font-size:16px;display:inline-table;/* float:left; */width:32%;margin-bottom:1%;height:105px;}
	.jangarr{display:none}
	.jangboxw{display:block;margin-top:0;text-align:center;}
	.jangbw:last-child{padding-top:40px}
	.jangbw:last-child .jangtit{padding-bottom:10px}
	.hanprow .jangbox{width:100%; display:block; height:150px;}
	.hanprow .hanptxt p{font-size:15px}
	.hanboc{text-align:left; font-size:14px}
	.hanprow .hanpbox{margin-bottom:20px}
	.gongimg img:nth-child(1){display:none}
	.gonganbox{margin-bottom:50px}
	.jc{padding-top:10px}

}

  .caltop{overflow:hidden; border:1px solid #dddddd; padding:50px 0 ; box-sizing:border-box; background:#fff;}
    .caltop  > div{float:left; width:55%; text-align:center; padding:0 90px; box-sizing:border-box; border-right:1px solid #dddddd}
    .caltop > div:nth-child(2){width:45%}
.infotable table{background:#fff}

    /*달력*/
    .calender-box{width:100%;position:relative;/* height:370px; *//* float:left; */} 
    .calender-box .month{overflow:hidden; position:relative;/* height:35px; */ line-height:35px; width:220px;margin:0 auto 35px;}
    .calender-box .month .prev{position:absolute; left:0; cursor:pointer}
    .calender-box .month .next{position:absolute; right:0; cursor:pointer;/* line-height:initial; */}
    .calender-box .month .now{
        font-size:32px;
        text-align:
        center; letter-spacing:0 ;
        width:100%;
        border:none !important;
        font-weight:600;
        line-height:inherit; 
            position:relative;
        top:-2px;
        }
    .calender-box .month ul li{
        text-align:
        center;
        height:30px; width:30px;
        line-height:18px;
        /* vertical-align:6px; */
        border:1px solid #bdbdbd !important;
        border-radius:100%;
        box-sizing:border-box;
        }
    .calender-box .month .next img{width:9px; position:relative;    top:3px;}
    .calender-box .month .prev img{width:9px; position:relative;    top:3px;}
    .weekdays{/* border-top:2px solid #585858; */background:#a9a9a9 !important;margin-bottom:5px;}
    .weekdays li {   display:block;width:14.25%;color:#666;text-align:center;height:45px;line-height:45px; font-size:14px;border-right:1px solid #e1e1e1; float:left;color:rgb(255 255 255); box-sizing:border-box;/* background:#f7f7f7; */box-sizing:border-box;}
    .weekdays li:last-child{border-right:none}



    .calendermonth{text-align:center; font-size:14px; letter-spacing:1px; position:relative; background:#FFF; line-height:60px; border-top:2px solid #878787; border-bottom:2px solid #d9d9d9; height:60px; box-sizing:border-box}
    .calendertable table{border-bottom:1px solid #f1f1f1; color:#8c8c77;border-top:1px solid #f1f1f1;}
    .calendertable th{font-size:14px; text-align:center; color:#646464; font-weight:500;background:rgba(255,255,255,1); height:40px; line-height:40px}
    .calendertable th .sun{color:rgba(255,0,0,1);}
    .calendertable th .sat{color:#0a5edb;}
    .calendertable tr:nth-child(1){border-bottom:1px solid #c9c9c9; }
    .calendertable td:nth-child(1){ color:rgba(255,0,0,1);/* background:#f6f6f6; */}
    .calendertable td:nth-child(7n){border-right:1px solid #f1f1f1;/* color:#0a5edb; */}
    .calendertable td{border-left:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1; text-align:center; height:45px;/* background:#f1f1f1; */font-size:15px;}
    .calendertable td.white{background:rgb(255,255,255);}
    .calendertable td.brown{background:#ded4c9;}
    .calendertable td.blue{background:#578cd5; color:rgb(255,255,255)}
    .calendertable td div{ background:rgba(255,255,255,1); display:block;height:70px;line-height:70px;/* padding-top:5px; */ cursor:pointer;box-sizing:border-box;}
    .calendertable td div.off{background:#f6f6f6}
    .calendertable td span{display:block;   line-height:10px;}
    .calendertable td em{width:4px; height:4px; border-radius:100%; background:#0c4dd2; display:inline-block; margin-right:2px}


    .checkbox-in{margin-bottom:30px}
    .checkbox-in .checkbox{border-bottom:1px solid #e8e8e8;width:100%; box-sizing:border-box;/* margin-bottom:2px; */padding-left:20px; cursor:pointer; color:#444444; font-size:15px;overflow:hidden;padding:10px;letter-spacing:0;display:flex;align-items:center;}
    .checkbox-in .checkbox  p{flex:1}
    .checkbox-in .checkbox span.ch1{text-align:left; box-sizing:border-box; display:inherit;}
    .checkbox-in .checkbox span.ch3{width:80px; height:30px; line-height:30px; text-align:center; font-size:14px; display:inline-block;}
    .checkbox-in .checkbox.choff{color:#d2d2d2}


    .checkbox-in .checkbox.chon .ch3{border:1px solid #5cbe0d; color:#5cbe0d}
    .checkbox-in .checkbox.choff .ch3{border:1px solid #afacac; color:#afacac; cursor:none;}




    .checkbox-in .checkbox input[type="checkbox"] {   position:absolute;   z-index:-1;}
    .checkbox-in .checkbox input[type="checkbox"] + label span {    display:inline-block;    width:24px;    height:24px;    margin:0 6px 0 0;    vertical-align:middle;     background:url(../img/checks.png) no-repeat; background-size:24px;    cursor:pointer;}
    .checkbox-in .checkbox input[type="checkbox"]:checked + label span {  background:url(../img/checks.png) no-repeat; background-size:24px; background-position:0 -24px;}



    .appw{border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; padding:15px 0; text-align:left;}
    .appw span{display:inline-block; padding:0 10px;  font-weight:500; font-size:18px; letter-spacing:-0.5px}
    .caltitle{font-size:32px;text-align:center; letter-spacing:0 ;width:100%;font-weight:600;margin-bottom:18px;}
    .caltitlebox{background:#a9a9a9 !important;color:#fff;/* height:50px; *//* line-height:50px; */margin-top:5px;display:flex;padding:10px 20px;box-sizing:border-box;}
    .caltitlebox span{flex:1}
    .caltitlebox span:nth-child(1){padding-left:10px}
    .caltitlebox span:nth-child(3){text-align:right;    margin-right:20px;}
    .checkbox p:last-child{ text-align:right; margin-right:10px}

    .infotit{color:#4c4c4c;font-size:22px;padding-bottom:15px;padding-top:35px;font-weight:500;}
     .guidepre { padding:20px; border:1px solid #e6e6e6; height:200px; min-height:200px;color:#7a7a7a; overflow-y:auto;font-size:15px;font-weight:300;line-height:20px; box-sizing:border-box;font-family:'Spoqa Han Sans Neo', 'sans-serif';border-top:2px solid #2e2e2e;}
     .tmp-check{text-align:center;font-size:19px;/*padding:30px 0 0;*/font-weight:300;}
      .tmp-check stron{font-weight:400}
      .tmp-check input[type="checkbox"] {width:20px; height:20px; margin-right:10px}
     .termbtn{text-align:center; margin:60px 0 100px}
     .termbtn button{width:245px;height:60px;line-height:60px;text-align:center;display:inline-block;color:#fff;font-weight:500;font-size:20px;margin:0 20px;font-family:'Spoqa Han Sans Neo', 'sans-serif';}
       .termbtn button.canc{background:#979797}   
       .termbtn button.subc{background:#23b900}   

    div.join_form table {border-top:2px solid #2e2e2e;border-left:1px solid #dddddd;border-right:1px solid #dddddd;}
    div.join_form table tr {border-bottom:1px solid #dddddd;}
    div.join_form table th {width:180px; line-height:20px; padding:0 10px 0 20px;font-size:15px; color:#444; text-align:left; background:#f7f7f7;font-weight:400;}
    div.join_form table th span {display:inline-block; padding-right:8px; text-indent:-9999px;}
    div.join_form table td {padding:15px 0 15px  20px; vertical-align:middle; font-size:14px;  height:34px;}
    div.join_form table td span{color:#6a6a6a;font-size:17px;letter-spacing:0;/* display:inline-block; *//* padding-top:3px; */line-height:37px;}
    div.join_form table td:after {clear:both; content:""; display:block;}
    div.join_form table td .btn{display:inline-block; width:110px; height:34px; line-height:34px; font-size:13px; color:#333333; background-color:#eeeeee; font-weight:300; text-align:center; border:1px
    solid #dddddd}
    div.join_form table td input[type="text"]{float:left;width:376px;height:40px;line-height:40px; padding:0 10px; border:none;border:1px solid #eee; margin-right:10px; box-sizing:border-box;font-family:'Spoqa Han Sans Neo', 'sans-serif';}
    div.join_form table td input[type="radio"] {width:16px; height:16px;}
    div.join_form table td input[type="checkbox"] {width:16px; height:16px; border:1px solid #ccc;}
    div.join_form table td input.full {width:560px; margin-top:10px;}
    div.join_form table td input.mini {width:117px;}
    div.join_form table td input.mini2 {width:92px;}
    div.join_form table td input.search {width:518px;}
    div.join_form table td select {float:left;width:123px;height:40px;line-height:40px; padding:0 10px; border:none; margin-right:10px; box-sizing:border-box;background:url(../images/join/ico_sel2.png) no-repeat right center;border:1px solid #eee;font-family:'Spoqa Han Sans Neo', 'sans-serif';}
    div.join_form table td.si .tmp-check{padding-top:4px;}
    div.join_form table td textarea {width:92%; border:none;border:1px solid #eee; padding:2%; min-height:100px;font-family:'Spoqa Han Sans Neo', 'sans-serif';}
    div.join_form table td h3,div.join_form table td .h3{margin-right:10px;}
    div.join_form table td p { font-size:13px; padding-top:5px; clear:both; background:url(../images/join/join_cation.png) no-repeat left 8px; padding-left:20px; color:#4a4a4a}
    div.join_form table td div:after {clear:both; content:""; display:block;}
    div.join_form table td h4.tel_sms,div.join_form table td .h4.tel_sms {padding-top:15px;}
    div.join_form table td h4.tel_sms span.sms_tit,
    div.join_form table td .h4.tel_sms span.sms_tit {display:inline-block; color:#333; width:120px;}
    div.join_form table td span {display:inline-block;}
    div.join_form table td span.pr25 {padding-right:25px; font-size:14px; color:#888;}
    div.join_form table td span.email {display:block; float:left; line-height:34px; color:#888; padding-right:10px;}
    div.join_form table td.signup p {line-height:22px; padding-top:10px;}
    div.join_form table td.signup div.signup_btn {height:34px; padding-bottom:20px;}
    div.join_form table td.signup div.signup_btn span {display:block; line-height:34px; float:left;}
    div.join_form table .valuation .tmp-check{padding-bottom:0;}
    div.join_form .newsletter .tmp-check{float:none;}
    div.join_form .valuation input[type="radio"] + label span {display:inline-block;    width:22px;    height:22px;    margin:0 6px 0 0;    vertical-align:middle;     background:url(../images/radio2_on.png) no-repeat; background-size:20px; cursor:pointer;}
    div.join_form .valuation input[type="radio"]:checked + label span { background:url(../images/radio2_off.png) no-repeat; background-size:20px}
    div.join_form .sinmem div{display:inline-block;margin-right:20px;font-size:15px;}
    div.join_form  input[type="number"]{    width:70px;    height:40px;    line-height:40px;       border:1px solid #eee;
        margin:0 10px;    box-sizing:border-box;    }
    div.join_form .sincar span{cursor:pointer}
    div.join_form .inputyc{width:235px !important}
    div.join_form .sinMbox{position:relative;/* display:block !important; */}
    div.join_form .cup{border:1px solid #eee;position:absolute;width:30px;height:20px;top:0;right:0;background:#fff;box-sizing:border-box;color:#ccc;font-size:7px;}
    div.join_form .cdown{border:1px solid #eee;position:absolute;width:30px;height:20px;top:19px;right:0;/* background:transparent; */box-sizing:border-box;background:#fff;color:#ccc;font-size:7px;}
    div.join_form #result, div.join_form #result2{border:1px solid #eee;width:80px;height:39px;box-sizing:border-box;line-height:40px;/* position:absolute; */padding-left:16px;margin-left:10px;}
    .stxtm{color:#8d8d8d; font-size:15px}

    @media only all and (max-width:920px){
    .caltop > div{width:100%; float:none; padding:0; border:none}
    .caltop{border:none; padding-top:0;}
    .caltop > div:nth-child(2){width:100%; margin-top:20px;}
    .caltitle{font-size:24px;    margin-bottom:10px;}
    .appw span{font-size:16px; padding:0}
    .appw img{width:25px}
    div.join_form table th{padding:10px;font-size:12px;width:100%;line-height:inherit;display:block;box-sizing:border-box;}
    div.join_form table td input[type="text"]{width:28% !important;margin-right:2px}
    div.join_form table td select{width:30%;margin-right:2px;font-size:13px;}
    div.join_form table td{padding:5px;display:block;width:100%;height:auto;}
    .termbtn button{width:auto;height:auto;padding:10px 28px;line-height:inherit;font-weight:400;margin:0;font-size:15px;}
    .termbtn{ margin:10px 0}
    .tmp-check{font-size:16px}
    .guidepre{font-size:13px}
    .infotit{font-size:19px; padding-bottom:5px}
    .calender-box .month .now{font-size:22px}
    div.join_form .sinmem div{margin-right:4px}
    div.join_form table td span{font-size:15px}
    div.join_form #ntcrNm{width:95% !important}
    }

    .insaw{width:1100px; margin:0 auto}
    .sub100bg{background-image:url("../img/sub/sub100bg.jpg") !important; padding:100px 0 200px; text-align:center; color:#fff; background-size:cover}
    .insat{font-size:42px; color:#d8993b; font-family:'Nanum Myeongjo', serif; padding-bottom:35px }
    .insat span{font-weight:600}
    .insats{padding-bottom:75px; font-size:24px}
    .insats span{font-weight:700; }
    .insatstxt{opacity:0.6; text-align:left; font-size:17px; font-weight:300}
    .insatstxt p{padding-bottom:30px; }
    .text-center{text-align:center}

    @media only all and (max-width:1100px){
    .insaw{width:100%; padding:0 20px; box-sizing:border-box}
    .insatstxt{font-size:15px}
    .insat{font-size:30px}
    .insats{font-size:20px; padding-bottom:20px}
    }


/*260611 리뉴얼 서브 공통*/
[class*="sub-h"]{word-break:keep-all;}
.sub-h3{font:800 clamp(24px,3vw,36px) var(--serif);color:var(--main-color);}
.sub-h4{font:800 clamp(22px, 3vw, 26px) var(--serif); line-height:1.6;}
.sub-h5{font:800 clamp(18px, 2vw, 22px) var(--serif); letter-spacing:-1px;margin-bottom:10px; color:#222;}
.sub-grid{display:grid; grid-template-columns:20% auto; gap:2%;}
.grid-2{display:grid; grid-template-columns:repeat(2, 1fr);}
.hantitle{text-align:center;line-height:1.4;}
.handesc{margin:0;font-size:clamp(16px,1.8vw,18px);color:#4e4e4e;line-height:1.6;word-break:keep-all;}
.hancatebox{overflow:hidden; padding-bottom:60px; }
.hancaitem{font-size:18px; color:#656565;box-sizing:border-box;line-height:1.6;}
.hancaitem [class*="sub-h"]{margin-bottom:10px;}
.hanji-desc-p{font-size:clamp(16px,1.8vw,18px);color:#3e3e3e;line-height:1.6;word-break:keep-all;}

/* sub 183 전주한지 */
.subcontWrap:has(.jjhs-hero){padding:0 0 80px;}
.jjhs-hero {position: relative; height: 700px; display: flex; flex-direction: column; justify-content: center;overflow: hidden; background:url(../img/sub/jjhs_hero_bg2.jpg) no-repeat center / cover;background-attachment:fixed}
.jjhs-hero-inner {position: relative;z-index: 10;width: 100%;max-width: 1400px;margin: 0 auto;padding: 40px 48px 0;display: flex;flex-direction: column;justify-content: center;height: 100%;text-align: center;}
.jjhs-hero-eyebrow {margin-bottom: 16px;}
.jjhs-hero-label {color:var(--main-color); text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; font-weight: bold;}
.jjhs-hero-title {font-size: clamp(48px, 4vw, 80px);font-family:var(--serif);color: #ffffff;margin-bottom: 16px;letter-spacing: -5px;display: flex;align-items: center;justify-content: center;}
.jjhs-hero-hanja {font-size: 24px;font-weight: normal;color: #ffffff;margin-left: 16px;padding-bottom: 8px;}
.jjhs-hero-desc {font-size: 20px;color: #ffffff;font-weight: 300;/* max-width: 672px; */line-height: 1.6;}
.hide-mobile {display: inline;}
@media (max-width:768px) {
  .jjhs-hero {height: 400px;}
  .jjhs-hero-inner {padding: 40px 24px 0;}
  .jjhs-hero-title {font-size: 36px;}
  .jjhs-hero-hanja {display: none;}
  .jjhs-hero-desc {font-size: 18px;}
  .hide-mobile {display: none;}
}

.jjhs-about {background-color: #ffffff; padding:6vh 0; width: 100%; color: #334155;}
.jjhs-about-inner {padding: 40px 0 0; width: 100%; max-width: 900px; margin: 0 auto; box-sizing:border-box; text-aling:center;}
.jjhs-value-left {position: relative;}
.jjhs-value-sticky {position: sticky; top: 128px;}
.jjhs-value-title {font-size: 36px; font-family: var(--serif); font-weight: 800; color: #0f172a; line-height: 1.4; margin-bottom: 32px;}
.jjhs-value-em {color:var(--main-color); padding-right: 4px; word-break:keep-all;}
.jjhs-value-right {display: flex; flex-direction: column; gap: 48px; font-size: 18px; font-weight: 300; line-height: 2;}
.jjhs-value-lead {text-align:center; font-size: 30px; font-family: var(--serif); font-weight: 800; color: #0f172a; line-height: 1.5;}
.jjhs-value-body{text-align:center}
.jjhs-value-body p {margin-bottom: 24px; font-size:clamp(16px,1.8vw,20px); font-weight:400; color:#3e3e3e;}
.jjhs-value-body p:last-child {margin-bottom: 0;}
@media (max-width:1024px) {
  .jjhs-about-grid {grid-template-columns: 1fr; gap: 48px;}
}
@media (max-width:768px) {
  .jjhs-about-inner {padding: 64px 24px;}
  .jjhs-value-title {font-size: 30px; line-height: 1.3;}
  .jjhs-value-lead {font-size: 24px; line-height: 1.6;}
}

/*sub 220 한지설화 */
.hanji-con-head{margin-bottom:56px;text-align:center;}
.hanji-con-head h3{margin:0 0 10px;font:800 clamp(28px,3vw,34px) var(--serif);line-height:1.25;}
.hanji-con-head p{font-size:clamp(17px,2vw,21px);line-height:1.6;color:#2b2b2b;font-family:var(--serif);opacity:0.6;letter-spacing:-1px;}
.hanji-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.22fr);gap:56px;align-items:center;padding:54px 0;}
.hanji-story+.hanji-story{border-top:1px solid #e6e0d6;}
.hanji-story:nth-of-type(even){grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);}
.hanji-story:nth-of-type(even) > div{order:2;}
.hanji-story:nth-of-type(even) > figure{order:1;}
.hanji-story > div span{display:inline-block;margin-bottom:16px;padding-bottom:5px;font:700 18px var(--serif);color:var(--main-color);border-bottom:1px solid var(--main-color);}
.hanji-story > div h3{margin:0 0 18px; font:700 clamp(24px,3vw,32px) var(--serif); color:var(--main-color);}
.hanji-story > div p{margin:0;font-size:clamp(16px,1.8vw,18px);color:#3e3e3e;line-height:1.6;word-break:keep-all;}
.hanji-story > figure{position:relative;overflow:hidden;border-radius:6px;background:#eee;box-shadow:0 18px 42px rgba(49,38,22,.12);}
.hanji-story figure img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;}
@media (max-width:768px){
	.hanji-origin{padding:52px 18px;}
	.hanji-con-head{margin-bottom:30px;padding-left:18px;}
	.hanji-story,.hanji-story:nth-of-type(even){display:flex;flex-direction:column;gap:24px;padding:38px 0;}
	.hanji-story > div,.hanji-story:nth-of-type(even) > div{order:1;width:100%;}
	.hanji-story > figure,.hanji-story:nth-of-type(even) > figure{order:2;width:100%;border-radius:4px;}
}

/*sub 221 한지역사*/
.hanji-history .hantitle h4{color:#5d5d5d; padding-bottom:20px; letter-spacing:-3px;}
.hanji-history-img{margin:30px 0 50px; border-radius:10px; overflow:hidden;}
.hanji-history-title{margin:0 0 18px;font:800 clamp(20px,2.4vw,26px) var(--serif);color:var(--main-color);}
.hanji-history-desc{margin:0;font-size:clamp(16px,1.8vw,18px);color:#3e3e3e;line-height:1.6;word-break:keep-all;}
@media (max-width:768px){
	.hanji-history-img{margin:20px 0}
}

/*sub 222 한지종류*/
.hanji-type > ul{list-style:none;padding:0;margin:0;}
.hanji-type-item{margin-bottom:5px;}
.hanji-type-row{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 16px 24px;background:#fff;border:1px solid #dfdfdf;cursor:pointer;user-select:none;}
.hanji-type-row:hover{background:#faf7f2;}
.hanji-type-item.is-open .hanji-type-row{border-bottom-color:transparent;background:#fff;}
.hanji-type-row > span:first-child{font:800 clamp(18px,1.7vw,22px) var(--serif);color:#212121;}
.hanji-type-row > span:first-child span{color:var(--main-color);}
.hanji-type-toggle{width:22px;height:22px;border:1px solid #ccc;background:#fff;color:#888;font-size:17px;line-height:20px;text-align:center;flex-shrink:0;border-radius:2px;}
.hanji-type-body{display:none;overflow:hidden;background:#f9f7f3;border:1px solid #dfdfdf;border-top:none;padding:22px 24px 26px;}
.hanji-type-item.is-open .hanji-type-body{display:block;}
.hanji-type-body ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0;}
.hanji-type-body li{padding:8px 8px 8px 0;font-size:clamp(14px,1.6vw,16px);color:#444;line-height:1.65;border-bottom:1px dotted #e2ddd6;}
.hanji-type-body li span{color:var(--main-color);font-weight:700;font-family:var(--serif);}
@media (max-width:768px){
	.hanji-type{padding:52px 18px;}
	.hanji-con-head{margin-bottom:30px;}
	.hanji-type-body ul{grid-template-columns:1fr;}
}

/* sub 223 한지용도 */
.hanji-use > ul{list-style:none;padding:0;margin:0;}
.hanji-use-group{padding:0 0 54px;}
.hanji-use-group h2{margin:0 0 36px;padding-bottom:10px;font:800 clamp(20px,2.4vw,26px) var(--serif);color:var(--main-color);border-bottom:2px solid var(--main-color);}
.hanji-use-group > div{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.hanji-use-card{background:#fff;border:1px solid #e6e0d6;overflow:hidden;border-radius:6px;}
.hanji-use-card > div:first-child{width:100%;aspect-ratio:4/3;overflow:hidden;}
.hanji-use-card > div:first-child img{display:block;width:100%;height:100%;object-fit:cover;}
.hanji-use-card > div + div{padding:18px 20px 22px;}
.hanji-use-card h3{margin:0 0 10px;padding-bottom:8px;font:700 clamp(16px,1.6vw,20px) var(--serif);color:var(--main-color);border-bottom:1px solid #e6e0d6;}
.hanji-use-field{margin:8px 0 0;font-size:clamp(14px,1.4vw,16px);color:#3e3e3e;line-height:1.7;word-break:keep-all;}
.hanji-use-feature{margin:4px 0 0;font-size:clamp(13px,1.4vw,14px);color:#777;line-height:1.7;word-break:keep-all;}

@media (max-width:1200px){
	.hanji-use-group > div{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:768px){
	.hanji-use{padding:52px 18px;}
	.hanji-con-head{margin-bottom:30px;}
	.hanji-use-group{padding:38px 0;}
	.hanji-use-group > div{grid-template-columns:1fr;gap:14px;}
}

/* sub 224 한지공예 */
.hanji-craft-item{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,8fr);gap:56px;align-items:start;padding:54px 0;}
.hanji-craft-item+.hanji-craft-item{border-top:1px solid #e6e0d6;}
.hanji-craft-head{display:flex; align-items:center; flex-flow:column;}
.hanji-craft-head h2{font:800 clamp(20px,2.4vw,26px) var(--serif);line-height:1.35;color:var(--main-color);}
.hanji-craft-head p{margin:0;font:400 clamp(14px,1.5vw,16px) var(--serif);color:#888;letter-spacing:1px;}
.hanji-craft-head figure{margin:20px 0 0;}
.hanji-craft-head figure img{display:block;width:215px;height:215px;object-fit:cover;border-radius:50%;box-shadow:0 8px 24px rgba(49,38,22,.15);}
.hanji-craft-body > p{margin:0;font-size:clamp(15px,1.7vw,18px);color:#656565;line-height:1.6;word-break:keep-all;}
.hanji-craft-callout p{position:relative; padding:20px; background:#f9f5ee; margin:0 0 20px;font:800 clamp(16px,1.6vw,18px) var(--serif);color:#3d2510;line-height:1.7;}
.hanji-craft-callout p:after{content:"";display:block;}

@media (max-width:768px){
	.hanji-craft{padding:52px 18px;}
	.hanji-con-head{margin-bottom:30px;}
	.hanji-craft-item{display:flex;flex-direction:column;gap:16px;padding:38px 0;}
	.hanji-craft-head figure{text-align:center;}
	.hanji-craft-head figure img{width:120px;height:120px;display:inline-block;}
}

/* sub 225 한지용어 */
.hanji-terms-list{list-style:none;padding:0;margin:0;}
.hanji-terms-group{display:grid;grid-template-columns:120px 1fr;gap:40px;align-items:start;padding:48px 0;border-top:1px solid #e6e0d6;}
.hanji-terms-consonant{font:700 clamp(36px,5vw,60px) var(--serif);color:var(--main-color);line-height:1;padding-top:4px;text-align:center;}
.hanji-terms-entry{padding:8px 16px 8px 0;border-bottom:1px dotted #ddd8cf;font-size:clamp(14px,1.6vw,16px);color:#3e3e3e;line-height:1.75;word-break:keep-all;}
.hanji-terms-entry:last-child:nth-child(odd){grid-column:1/-1;}
.hanji-terms-name{color:var(--main-color);font-weight:700;font-family:var(--serif);}

@media (max-width:768px){
	.hanji-terms{padding:52px 18px;}
	.hanji-con-head{margin-bottom:30px;}
	.hanji-terms-group{grid-template-columns:60px 1fr;gap:20px;padding:32px 0;}
	.hanji-terms-entries{grid-template-columns:1fr;}
	.hanji-terms-entry:last-child:nth-child(odd){grid-column:auto;}
}

/* sub 201 한지무형유산 */
.heritage-con-wrap {padding:6vmin 0;}
.heritage-con-wrap + .heritage-con-wrap {border-top: 1px solid #e6e0d6;}
.heritage-holder-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}
.heritage-holder-card {background:var(--bg-color); padding:30px; border-radius: 6px; overflow: hidden;}
.heritage-holder-badge {display: inline-block; margin-bottom: 12px; padding: 6px 18px; background: var(--main-color); color: #fff; font: 700 14px var(--serif); letter-spacing: 1px;}
.heritage-holder-name {display: flex;align-items: baseline;gap: 7px;margin-bottom: 16px;border-bottom:1px solid #e9e4db;padding-bottom: 16px;}
.heritage-holder-name .name {font: 800 clamp(18px, 1.4vw, 24px) var(--serif); color: #1a1a1a; letter-spacing: -1px;}
.heritage-holder-name .role {font-size: 14px; color: #999; font-weight: 500;}
.heritage-holder-card dl {margin: 0; display: grid; grid-template-columns: max-content 1fr; gap: 2px 10px; font-size: 16px; }
.heritage-holder-card dt {color: #999; font-weight: 500; padding-top: 1px; white-space: nowrap;}
.heritage-holder-card dd {margin: 0; color: #444; line-height: 1.6;}
.heritage-desc {margin-top: 48px;}
.heritage-desc h2 {margin: 0 0 20px; font: 800 clamp(22px, 2.6vw, 28px) var(--serif); color: #1a1a1a; line-height: 1.3; letter-spacing: -1px;}
.heritage-desc h2 strong {color: var(--main-color);}
.heritage-desc p+p{margin-top:15px;}
@media (max-width: 768px) {
	.heritage-head {margin-bottom: 36px;}
	.heritage-con-wrap {padding: 44px 0;}
	.heritage-holder-grid {grid-template-columns: 1fr; gap: 18px;}
	.heritage-desc {margin-top: 32px; padding-top: 28px;}
}

/* sub 226 지역별 한지 특징 */
.features-list .sub-grid{margin-top:6vh; padding-top:6vh; border-top:1px solid #e3e3e3;}

/* sub 227 닥나무 산지별 특징 */
.hanji-map{border-radius:10px;overflow:hidden;border:1px solid #ddd;background:#fcfbf7;}
.hanji-map img{mix-blend-mode:multiply}

/* sub 208 한지산업지원센터 > 공간소개 */
.hisc-space .sub-h4{color:var(--main-color);}
.hisc-floor-intro{display:grid;grid-template-columns: 36% auto;gap: 3%;background: var(--bg-color);padding: 4vmin;align-items: center;border-radius: 8px;}
.hisc-floor-intro ul{margin-top:26px;}
.hisc-floor-intro ul li{position:relative;padding-left:13px;font-size:18px;color:#7a7a7a;margin-top:6px;line-height:1.6;word-break:keep-all;}
.hisc-floor-intro ul li:before{width:3px;height:3px;background:var(--main-color);border-radius:36px;position:absolute;left:0;top:11px;content:''}
.hisc-floor-intro ul li b{color:var(--main-color);}
.hisc-floor-item,
.hisc-floor-item ul li{display:grid; grid-template-columns:10% auto; gap:2%;}
.hisc-floor-item{margin-top:50px; border-top:1px solid #e3e3e3; padding-top:50px}
.hisc-floor-item ul li+li{margin-top:20px;}
.hisc-floor-item ul li dt{font-size:clamp(18px, 1.4vw, 22px); font-weight:bold; margin-bottom:10px;}
.hisc-floor-item ul li dd{font-size:clamp(16px,1.8vw,18px); color:#3e3e3e; line-height:1.6; word-break:keep-all;}
@media (max-width:1024px){
	.hisc-floor-intro,
	.hisc-floor-item{display:flex; flex-flow:column wrap;}
	.hisc-floor-intro img{max-width:600px; width:100%;}
	.hisc-floor-item h3{margin-bottom:10px;}
	.hisc-floor-item ul li{grid-template-columns:120px auto;}
}
@media (max-width:700px){
	.hisc-floor-item ul li{display:flex; flex-flow:column wrap;}
	.hisc-floor-item ul li dt{margin-bottom:0}
}

/* sub 224 시험분석 품질인증 */
.equip-banner img {display:block;width:100%;height:auto;max-height:486px;object-fit:cover;}
.equip-list {list-style:none;margin:32px 0 0;gap: 0 4%;border-top:1px solid #ddd;}
.equip-item {display:grid;grid-template-columns:220px 1fr;align-items:start;padding:28px 0;border-bottom:1px solid #ddd;}
.equip-photo {width:194px;height:181px;background:#f8f8f8;border:1px solid #e5e5e5;display:flex;align-items:center;justify-content:center;}
.equip-photo img {display:block;max-width:100%;max-height:100%;object-fit:contain;}
.equip-info {margin:0;padding:0;}
.equip-info dt, .equip-info dd {display:grid;grid-template-columns:56px 1fr;column-gap:24px;margin:0;padding:7px 0;border-bottom:1px dotted #ebebeb;}
.equip-info dd:last-child {border-bottom:none;padding-bottom:0;}
.equip-info strong {font-size:clamp(14px,1.5vw,16px);color:#888;font-weight:600;white-space:nowrap;align-self:start;padding-top:3px;}
.equip-name span {font-size:clamp(18px,1.6vw,20px);font-weight:700;color:#222;word-break:keep-all;}
.equip-use span, 
.equip-spec-wrap,
.equip-spec-list li  {font-size:clamp(14px,1.4vw,16px);color:#555;word-break:keep-all;}
.equip-spec-list {list-style:none;margin:0;padding:0;}
.equip-spec-list li{padding: 2px 0 2px 14px;text-indent: -13px;}
.equip-spec-list li::before {content:"· ";color:#bbb;}
@media (max-width:1200px){
	.equip-list{display:flex;flex-flow:column wrap;}
}
@media (max-width:768px) {
	.equip-item {grid-template-columns:1fr;gap:16px;}
	.equip-photo {width:150px;height:140px;}
}

/* sub 217 조직도 */
.hanji-intro-header {text-align: center; margin-bottom:3vmin;}
.hanji-intro-label {font-size: var(--fs-13); font-weight: 500; letter-spacing: 0.3em; text-transform: uppercase; color:#d8b98b; margin-bottom: 28px;}
.hanji-intro-title {font:bold clamp(24px, 3vw, 36px) var(--serif); color:var(--main-color); line-height: 1.4; letter-spacing: 0.02em;}


.hanji-org {max-width: 1400px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; padding: 6vmin; background:var(--bg-color);}
.hanji-org-circle {width: 150px; height: 150px; border-radius: 50%; background: var(--main-color); color: #fff; display: flex; align-items: center; justify-content: center; font-size: var(--fs-20); font-weight: 700; text-align: center; line-height: 1.5; letter-spacing: 0.05em;}
.hanji-org-trunk {width: 1px; height: 48px; background: #bbb;}
.hanji-org-l2 {display: flex; gap: 70px; position: relative; width: 680px;}
.hanji-org-l2::before {content: ''; position: absolute; top: 0; left: 90px; right: 90px; height: 1px; background: #bbb;}
.hanji-org-col {display: flex; flex-direction: column; align-items: center; position: relative; width: 180px;}
.hanji-org-col::before {content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 36px; background: #bbb; transform: translateX(-50%);}
.hanji-org-team {width: 180px; height: 56px; border: 2px solid #222; background: #fff; display: flex; align-items: center; justify-content: center; font-size: var(--fs-16); font-weight: 600; letter-spacing: 0.05em; margin-top: 36px;}
.hanji-org-sub-line {width: 1px; height: 56px; background: #bbb;}
.hanji-org-sub {width: 180px; height: 56px; border: 1.5px solid #aaa; background: #f5f5f5; display: flex; align-items: center; justify-content: center; font-size: var(--fs-14); font-weight: 400; letter-spacing: 0.03em; color: #444;}

@media (max-width:768px) {
  .hanji-org {padding: 8vmin 20px;}
  .hanji-org-l2 {width: 100%; gap: 12px;}
  .hanji-org-l2::before {left: calc((100% - 24px) / 6); right: calc((100% - 24px) / 6);}
  .hanji-org-col {width: calc((100% - 24px) / 3);}
  .hanji-org-team, .hanji-org-sub {width: 100%; font-size: var(--fs-14);}
}

/* sub 219 운영안내 */
.op-section-inner {width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 48px;}
.op-card {padding: 8vmin 0; border-bottom: 1px solid rgba(0,0,0,0.1);}
.op-card:first-child {padding-top: 0;}
.op-card:last-child {border-bottom: none;}
.op-card-name {font-size: clamp(20px, 2vw, 28px);font-weight: 600;color: #1a1a1a;margin-bottom: 24px;line-height: 1.3;}
.op-card-name span {font-size: 15px; font-weight: 400; color: #8b6f47; margin-left: 10px;}
.op-card-photo {width: 100%; aspect-ratio: 16 / 4; overflow: hidden; background: #e8e2d9; margin-bottom: 36px;}
.op-card-photo img {width: 100%; height: 100%; object-fit: cover; display: block;}
.op-card-photo-placeholder {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #9ca3af; font-size: 14px; border: 1px dashed #d1c9be;}
.op-card-info {display: grid; gap: 4px;}
.op-info-row {display: grid; grid-template-columns: 90px 1fr; gap: 4px; align-items: baseline;}
.op-info-row dt {font-size: 18px; color: #8b6f47; font-weight: 500; white-space: nowrap;}
.op-info-row dd {font-size: 18px; color: #444444; line-height: 1.7;}
.op-info-row dd em {font-style: normal; color: #888888;}

@media (max-width:768px) {
  .op-section-inner {padding: 0 24px;}
  .op-card-name span {display: block; margin-left: 0; margin-top: 6px;}
  .op-info-row {grid-template-columns: 80px 1fr; gap: 8px;}
}

/*sub141 미션비전*/
.hjvm {max-width: 1200px; margin: 0 auto; word-break: keep-all;}
.hjvm-diagram {position: relative; margin-top: 5dvh;}
.hjvm-diagram::before {content: ''; position: absolute; top: 150px; bottom: 125px; left: 50%; transform: translateX(-50%); width: min(980px, 100%); border: 1px dashed #cabfb2; border-radius: 50%;}
.hjvm-vision-circle {box-sizing:border-box; position: relative; width: 300px; height: 300px; margin: 0 auto; border-radius: 50%; background: #8e7f71; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 36px;}
.hjvm-vision-circle h2, .hjvm-goal-item h3 {font-family:var(--serif); font-weight: 600;}
.hjvm-vision-circle h2 {font-size: 24px;}
.hjvm-vision-circle h2::after, .hjvm-goal-item h3::after {content: ''; display: block; width: 22px; height: 1px; background: rgba(255, 255, 255, 0.6); margin: 12px auto 14px;}
.hjvm-vision-circle p {font-size: 18px; line-height: 1.65;}
.hjvm-br-m {display: none;}
.hjvm-goal-lead {position: relative; text-align: center; margin: 5dvh 0 4dvh; font-family:var(--serif); font-size: 28px; font-weight: 600; color: #3a332c;}
.hjvm-goal-lead strong {color: #d5661d; font-weight: 700; margin-right: 16px; padding-right: 16px; border-right: 1px solid #d8cfc4;}
.hjvm-goal-list {position: relative; display: flex; justify-content: center; gap: 56px;}
.hjvm-goal-item {box-sizing:border-box; width: 250px; height: 250px; border-radius: 50%; background: #d5661d; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 30px;}
.hjvm-goal-item h3 {font-size: 24px;}
.hjvm-goal-item p {font-size: 16px; line-height: 1.6;}

.hjvm-values {margin-top: 14dvh;}
.hjvm-heading {font-family:var(--serif); font-size: 32px; font-weight: 600; color: #3a332c; text-align: center;}
.hjvm-heading::after {content: ''; display: block; width: 26px; height: 1px; background: #b3a695; margin: 16px auto 0;}
.hjvm-value-list {display: grid; grid-template-columns: repeat(3, minmax(0, 300px)); justify-content: center; margin-top: 6dvh;}
.hjvm-value-card {padding: 24px 28px 30px; text-align: center; color: #fff;}
.hjvm-value-card:nth-child(1) {background: #8e7f71;border-radius:50px 50px 0 50px;}
.hjvm-value-card:nth-child(2) {background: #b06a38;border-radius:50px 0 50px 50px;}
.hjvm-value-card:nth-child(3) {background: #d5661d;border-radius:50px 50px 0 50px;}
.hjvm-value-head {width: 180px; height: 180px; margin: 0 auto 16px; border-radius: 50%; background: #fdfcfa; display: flex; align-items: center; justify-content: center; font-family:var(--serif); font-size: 24px; font-weight: 700;}
.hjvm-value-card:nth-child(1) .hjvm-value-head {color: #8e7f71;}
.hjvm-value-card:nth-child(2) .hjvm-value-head {color: #b06a38;}
.hjvm-value-card:nth-child(3) .hjvm-value-head {color: #d5661d;}
.hjvm-value-card p {font-size: 20px; line-height: 1.7; font-weight: 600;}

.hjvm-op {margin-top: 14dvh;}
.hjvm-op-list {display: grid; grid-template-columns: 1fr 1fr; gap: 3dvh 48px; margin-top: 6dvh;}
.hjvm-op-group h3 {box-sizing:border-box; display: flex; align-items: center; justify-content: center; min-height: 60px; border-radius: 999px; background: #8e7f71; color: #fff; font-size: 20px; font-weight: 600; text-align: center; padding: 18px 30px;}
.hjvm-op-group:nth-child(n+3) h3 {background: #d5661d;}
.hjvm-op-group h3 span {font-family: Georgia, serif; font-size: 16px; font-weight: 400; opacity: 0.75; margin-right: 12px;}
.hjvm-op-group ul {list-style: none; margin-top: 22px; padding: 0 20px;}
.hjvm-op-group li {position: relative; padding-left: 14px; font-size: 18px; color: #555; line-height: 1.65;}
.hjvm-op-group li + li {margin-top: 10px;}
.hjvm-op-group li::before {content: ''; position: absolute; left: 0; top: 0.72em; width: 4px; height: 4px; border-radius: 50%; background: #b3a695;}

@media (max-width:1200px) {
	.hjvm-goal-list {gap: 28px;}
	.hjvm-goal-item {width: 230px; height: 230px;}
}
@media (max-width:768px) {
	.hjvm {padding: 7dvh 20px 10dvh;}
	.hjvm-diagram {margin-top: 4dvh;}
	.hjvm-diagram::before {display: none;}
	.hjvm-vision-circle {width: 230px; height: 230px; padding: 0 24px;}
	.hjvm-goal-lead {margin: 4dvh 0 3dvh;}
	.hjvm-goal-lead strong {display: block; margin: 0 0 6px; padding: 0; border: 0;}
	.hjvm-goal-list {flex-direction: column; gap: 12px;}
	.hjvm-goal-item {width: 100%; height: auto; border-radius: 14px; flex-direction: row; justify-content: flex-start; text-align: left; padding: 18px 20px; gap: 18px;}
	.hjvm-goal-item h3 {flex-shrink: 0; padding-right: 18px; border-right: 1px solid rgba(255, 255, 255, 0.35);}
	.hjvm-goal-item h3::after, .hjvm-goal-item br {display: none;}
	.hjvm-br-m {display: inline;}
	.hjvm-values, .hjvm-op {margin-top: 10dvh;}
	.hjvm-value-list {grid-template-columns: 1fr; gap: 12px; margin-top: 4dvh;}
	.hjvm-value-card {border-radius: 999px; display: flex; align-items: center; text-align: left; gap: 18px; padding: 10px 22px 10px 10px;}
	.hjvm-value-head {width: 68px; height: 68px; margin: 0; flex-shrink: 0; font-size: 16px;}
	.hjvm-op-list {grid-template-columns: 1fr; gap: 4dvh; margin-top: 4dvh;}
	.hjvm-op-group ul {margin-top: 14px; padding: 0 8px;}
	.hjvm-op-group h3 span {font-size: 12px;}
	.hjvm-goal-item p {font-size: 14px;}
	.hjvm-vision-circle p, .hjvm-op-group li {font-size: 16px;}
	.hjvm-goal-lead, .hjvm-value-card p, .hjvm-op-group h3 {font-size: 18px;}
	.hjvm-vision-circle h2, .hjvm-goal-item h3 {font-size: 20px;}
	.hjvm-heading {font-size: 25px;}
}

/*sub154 교육행사안내*/
.edu-process {display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px; list-style: none;}
.edu-process:after{display:none}
.edu-process li {position: relative; text-align: center;}
.edu-process li:not(:last-child)::after {content: ''; position: absolute; top: 55px; right: -17px; width: 10px; height: 10px; border-top: 2px solid #c9a87c; border-right: 2px solid #c9a87c; transform: translateY(-50%) rotate(45deg);}
.edu-process-icon {width: 110px; margin: 0 auto 20px;}
.edu-process-icon img {width: 100%; display: block;}
.edu-process li p {font-size: 18px; font-weight: 500; color: #6b4a2e; line-height: 1.2; word-break:keep-all}
@media (max-width:1200px) {
	.edu-process-icon{width:90px}
}
@media (max-width:768px) {
	.edu-process {display:flex;flex-wrap:wrap}
	.edu-process li{flex:1;}
	.edu-process li:last-child {grid-column: 1 / -1;}
	.edu-process-icon {width: 70px;}
}
@media (max-width:540px) {
	.edu-process li p {font-size:14px}
	.edu-process-icon{}
}