/* ----------------------------------------------------------------------------

								서브

-----------------------------------------------------------------------------*/
#sub {background-color: #f1f1f1; padding-bottom: 3rem;}
#sub-m { width:100%; padding: 0 1rem; margin:0 auto; display: inline-block;}
#sub-m ul.tit-top {line-height:3rem; border-bottom:0.1rem solid #e0e0e0; display: inline-block; text-align: center; float: left; width: 100%;}
#sub-m ul.tit-top li { float:left;font-family: 'Roboto';   }
#sub-m ul.tit-top li.title { width:90%; color:#303030; font-size:1.3rem; letter-spacing:-1px; }
#sub-m ul.tit-top li.arrow { width:5%; color:#808080; font-size:0.9rem; font-weight:bold; }
#sub-m ul.snb { /* overflow:hidden; */ display: inline-block; width: 100%; float: left;}
#sub-m ul.snb li { float:left; width:33.3333%; height:2.25rem; line-height:2.25rem; color:#808080; border-bottom:1px solid #e0e0e0; text-align: center;}
#sub-m ul.snb li .on {color:#303030; font-weight:bold;}
#sub-m ul.snb li a:hover {color:#303030; }

#sub-m ul.mobile li { width:100%; }

#sub #content { background:#fff; padding:2rem 1rem; width:30rem; margin:0 auto;   }
#sub #content > h2 { /*text-transform:uppercase;*/ text-align: center; font-size:2.5rem; color:#303030; margin-bottom:2rem;  }

/* 게시판 */

.table_02 { width:95% !important; margin:0 auto;  }
.board_bgcolor { width:26% !important; height:2.3rem; line-height:2.3rem; }
.board_bgcolor span { font-size:1.2rem !important; }
.board_desc { text-align:left; }
.board_desc input { height:1.8rem; }
#descriptionView_TOOLBAR ul.se_toolbar_left2 { width:auto !important; }
input[name=receiver_email] { width:80%; }
input[name=subject] { width:90%; }
input[name=writer] { width:40%;  }


/***** tab *****/
.tab {
 width:28rem;
 line-height:2.5rem;
 background:#fbfbfb;
 border:0.05rem #cccccc solid;
 box-sizing:border-box;
 margin:0 auto 2rem auto ;
 
    }
.tab li {
    flex: 1;
   text-align:center;
   font-family:"NanumGothic", sans-serif 'Roboto';
   font-size:1rem;
   color:#4d4d4d;
   border-left:1px solid #cccccc;
   letter-spacing:-1px;
   box-sizing:border-box;
   height:2.5rem;
   }

.tab ul { display: flex; width:100% !important; margin:0 auto; }

.tab li:first-child {border-left:0;}
.port_back {color:#fff !important; background:#0e5a42; height:2.5rem;  }
#tab_menu1,#tab_menu2,#tab_menu3,#tab_menu4,#tab_menu5,#tab_menu6,#tab_menu7,#tab_menu8 {cursor:pointer;}
.tab_sub2,.tab_sub3,.tab_sub4,.tab_sub5,.tab_sub6,.tab_sub7,.tab_sub8 {display:none;}

.tab_list {text-align: center;}
.tab_list > div {padding: 0;}
.tab_list img {width: 100%;}

#sub2_tab ul li { width:50%; }
#sub3_tab ul li { width:33.3%; }
#sub8_tab {margin: 40px auto;}
#sub8_tab ul li:nth-child(1),
#sub8_tab ul li:nth-child(2),
#sub8_tab ul li:nth-child(3),
#sub8_tab ul li:nth-child(4) {border-bottom: 1px solid #ccc;}
#sub8_tab ul li:nth-child(5) {border-left: none;}
#sub8_tab ul li { width:25%;}



#sub .paragraph .board_box {font-size:1rem !important;}
#sub .paragraph .board_box .board_bgcolor > span,#sub .paragraph .board_box .board_bgcolor > font,#sub .paragraph .board_box .att_title > font {font-size:1rem !important;}
#sub .paragraph .board_box .ext_search {text-align: justify !important;}




/* 250819 케이티온-유튜브 카테고리 추가 */
/* .youtubeWrap {display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; padding: 0 1rem;}
.youtubeWrap > div {background: url(images/youtube/ytbFrame.jpg) no-repeat; background-size: cover; box-shadow: 0 0.5rem 0.5rem rgba(0,0,0,0.1);padding: 0.5rem; position: relative; border: 1px #e0e0e0 solid; text-align: left;}
.youtubeWrap > div::before {content: url(images/youtube/ytbFrameTag.png); position: absolute; top: 0; left: 0.5rem; z-index: 10;}
.youtubeWrap a.video {display: block; position: relative;}
.youtubeWrap a.video img {width: 100%;}
.youtubeWrap a.video p {margin-top: 2.2rem; font-weight: 600; letter-spacing: -0.05rem; line-height: 1.5;}
.simplePagerNav {margin-top: 3rem !important;} */

/* 250917 케이티온-유튜브 카테고리 수정 */
.youtubeWrap {display: grid; grid-template-columns: 1fr; gap: 2rem; }
.youtubeWrap .box {box-shadow: 0 0.5rem 0.5rem rgba(0,0,0,0.1);padding: 0.85rem; position: relative; border: 1px #e0e0e0 solid; }
.youtubeWrap .box::before {content: url(images/youtube/ytbFrameTag.png); position: absolute; top: 0; left: 0.5rem; z-index: 10;}
.youtubeWrap .box > img {width: 100%;}
.description {width: 100%; background: url(images/youtube/ytbDiscription.jpg) top left no-repeat #fff; background-size: contain; display: flex; align-items: center; gap: 1.5rem; padding-top: 2.75rem; margin-top: 0.25rem;}
.description p {flex: 2.5;  font-weight: 600; letter-spacing: -0.05rem; text-align: left; }
.description a {flex: 1; padding: 0.6rem 0; background-color: #222; color: #fff; border-radius: 3rem; display: inline-block; text-align: center;}

.simplePagerNav {margin-top: 3rem !important;}


.is-dragging {
	pointer-events: none;
}




/* 250916 추가 카테고리 */
.content {display:inline-block;width:100%;margin-top:4rem;}
.img_title {margin-bottom: 1rem;}


.imgLinkbox {display: grid; gap: 1.5rem; grid-template-columns: 1fr 1fr; text-align: center; justify-items: center; padding: 0.75rem;}
.imgLinkbox.frame1 {grid-template-columns: 1fr;}
.imgLinkbox > div {display: flex; flex-direction: column; text-align: center; }
.imgLinkbox > div img {width: 100%;}
.imgLinkbox > div a.link_new {display: block; background-color: #333; color: #fff; font-size: 17px; padding: 0.5rem 0;}

.blkKindbox {gap: 1rem;}
.blkKindbox > div {flex: 1; display: flex; flex-direction: column; text-align: center;}
.blkKindbox > div > div.title {width: auto; height: 7.5rem; background: url(../2024/images/blkCircle.png) center no-repeat; color: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 0.25rem;}
.blkKindbox > div p {font-size: 0.85rem; margin-top: 0.5rem;}


.stepCirclebox {display: flex; justify-content: space-between; background-size: contain; background-position: top center; background-repeat: no-repeat; text-align: center;}
.stepCirclebox.part4 {min-height: 6.4rem; gap: 0.9rem; background-image: url(images/stepCirclebox_s4.png);}
.stepCirclebox > div {flex: 1; display: flex; flex-direction: column; justify-content: center;}




/* 251117 추가 카테고리 */
.imgbox {display: grid; gap: 1.5rem; grid-template-columns: 1fr 1fr; text-align: center; justify-items: center; padding: 0;}
.imgbox.frame1 {grid-template-columns: 1fr;}
.imgbox > div {display: flex; flex-direction: column; text-align: center; }
.imgbox > div img {width: 100%;}
.imgbox > div p.eg {display: block; background-color: #e0e0e0; font-size: 17px; padding: 0.5rem 0;}


.Circlebox {display: grid; grid-template-columns: 1fr 1fr; background-position: top center; background-repeat: no-repeat; text-align: center; gap: 1.5rem; }
.Circlebox > div {display: flex; flex-direction: column; justify-content: center; border: 0.4rem #ff8400 solid; border-radius: 10rem; min-height: 7rem;}



@media only screen and (max-width:640px) {
    img.zoom {zoom: 0.6;}
    .youtubeWrap > div::before {zoom: 0.6;}
}