@charset "utf-8";

.skip_snb_menu {display:none;}

/* 컨텐츠 시작 */
.fs_main_contents {}
.fs_main_contents > .wrap {padding:30px 0 80px 0;}
.fs_main_contents > .wrap:after {content:"";clear:both;display:block;}
  @media only screen and (max-width:1023px){
    .fs_main_contents > .wrap {padding:30px 15px 60px 15px;}
  }

/* 공통 */
[class^="con_box"] {}
[class^="con_box"] h3 {font-family:'GmarketSans';font-size:2.375em;color:#999;}
[class^="con_box"] h3 em {color:#023760;}
  @media only screen and (max-width:1023px){
    [class^="con_box"] h3 {font-size:2.5em;}
  }
  @media only screen and (max-width:767px){
    [class^="con_box"] h3 {font-size:2em;}
  }
  @media only screen and (max-width:459px){
    [class^="con_box"] h3 {font-size:1.5em;}
  }

/* 상단영역 */
.top_bg {background:url("/CT/images/main/bg.jpg") no-repeat right top #f7f7f9;}
.top_bg .wrap {display:flex;align-items:flex-end;height:180px;}
.top_bg .wrap strong {display:grid;place-items:center;width:268px;height:100%;padding:5px 30px 0 30px;background:#023760;font-size:2.625em;color:#fff;}
.top_bg .wrap ul {display:flex;padding-left:50px;}
.top_bg .wrap ul li {margin-right:30px;font-size:1.125em;color:#666;}
.top_bg .wrap ul li em {display:inline-block;height:20px;margin-bottom:20px;color:#023760;}
.top_bg .wrap ul li:nth-child(1) em {padding-left:25px;background:url("/CT/images/main/icon_member.png") no-repeat left top;}
.top_bg .wrap ul li:nth-child(2) em {padding-left:22px;background:url("/CT/images/main/icon_cal.png") no-repeat left top;}
  @media only screen and (max-width:1199px){
    .top_bg {background-position:right -150px top;}
    .top_bg .wrap ul {padding-left:40px;}
  }
  @media only screen and (max-width:1023px){
    .top_bg {background-position:right -250px top -50px;}
    .top_bg .wrap {height:140px;}
  }
  @media only screen and (max-width:767px){
    .top_bg {background-position:right -350px top -60px;}
    .top_bg .wrap {height:130px;}
    .top_bg .wrap strong {width:auto;padding:5px 30px 0 30px;font-size:2em;}
    .top_bg .wrap ul {flex-direction:column;padding-left:20px;}
    .top_bg .wrap ul li em {margin-bottom:15px;}
	#fs_content .con_body .mleft_box .login_box { display:none;}
	#fs_content .con_body .mleft_box .column .menu_box { display:none;}
	.mleft_box .column { display:none;}
	#fs_content .mleft_box { display:none;}
  }
  @media only screen and (max-width:459px){
    .top_bg .wrap {flex-direction:column;align-items:center;}
    .top_bg .wrap ul {flex-direction:row;padding-left:0;}
    .top_bg .wrap ul li {margin:0 10px;}
    .top_bg .wrap ul li em {margin-bottom:15px;margin-top:15px;}

	#fs_content .con_body .mleft_box .login_box { display:none;}
	#fs_content .con_body .mleft_box .column .menu_box { display:none;}
	.top_bg .wrap strong  { display:none;}
	.mleft_box .column { display:none;}
	.top_bg { background:none;}
	.top_bg .wrap { height:20px;}
	#fs_content .mleft_box { display:none;}
  }


/* 로그인, 링크 */
.mleft_box {float:left;width:268px;margin-right:50px;}
.mleft_box .login_box {display:flex;flex-direction:column;padding:20px;margin-bottom:30px;border:1px solid #f08336;}
.mleft_box .login_box h3 {margin-bottom:20px;letter-spacing:-1px;font-size:1.666em;text-align:center;color:#222;}
.mleft_box .login_box .login_container {}
.mleft_box .login_box .login_container form {display:flex;flex-direction:column;}
.mleft_box .login_box .login_container label {margin-bottom:10px;font-weight:300;font-size:0.93em;color:#999;}
.mleft_box .login_box .login_container input {margin-bottom:20px;height:40px;line-height:40px;}
.mleft_box .login_box .login_container button {width:100%;font-weight:500;font-size:1em;}
.mleft_box .column {}
.mleft_box .column .btn_bace {margin-bottom:20px;width:100%;}
.mleft_box .column .btn_bace img {margin-right:10px;font-size:1em;transform:rotate(0deg);}
.mleft_box .column .menu_box {padding:0 20px;border:1px solid #d7d7d7;}
.mleft_box .column .menu_box h3 {display:flex;align-items:center;height:55px;padding-top:4px;padding-left:22px;background:url("/CT/images/main/icon_home.png") no-repeat left top 22px;border-bottom:1px dashed #d7d7d7;font-size:1.187em;font-weight:500;color:#222;}
.mleft_box .column .menu_box ul {padding:10px 0 20px 0;}
.mleft_box .column .menu_box ul li {position:relative;padding-left:9px;}
.mleft_box .column .menu_box ul li:after {content:"";display:block;position:absolute;left:0;top:18px;width:5px;height:1px;background:#999;}
.mleft_box .column .menu_box ul li a {display:block;padding:8px 0;font-weight:300;font-size:1.062em;color:#666;}
.mleft_box .column .menu_box ul li ul {padding:0;}

/* 로그인 후 */
.mleft_box .login_box .login_container .pcon {margin:15px 0;font-size:1.125em;text-align:center;color:#666;}
.mleft_box .login_box .login_container .pcon em {font-weight:500;color:#222;}
.mleft_box .login_box .login_container .flex {justify-content:space-evenly;padding:8px 0;margin:20px 0 15px 0;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;font-size:0.875em;color:#999;}
.mleft_box .login_box .login_container .flex a {padding-left:15px;border-left:1px solid #d7d7d7;}
.mleft_box .login_box .login_container .flex a:first-child {padding-left:0;border-left:0;}
  @media only screen and (max-width:1199px){
    .mleft_box {margin-right:40px;}
  }
  @media only screen and (max-width:1023px){
    .mleft_box {margin-right:30px;}
  }
  @media only screen and (max-width:767px){
    .mleft_box {/*display:flex;*/float:none;width:100%;margin-right:0;margin-bottom:42px;}
    .mleft_box .login_box {width:100%;padding:15px;margin-bottom:0;}
    .mleft_box .column {/*display:flex;justify-content:space-between;flex-direction:column;*/width:100%;/*padding-left:20px;*/margin-top:10px;}
    .mleft_box .column .btn_bace {margin-bottom:0;}
  }
  @media only screen and (max-width:459px){
    .mleft_box {flex-direction:column;margin-bottom:35px;}
    .mleft_box .login_box {width:100%;}
    .mleft_box .login_box h3 {margin-bottom:10px;}
    .mleft_box .login_box .login_container label {margin-bottom:5px;}
    .mleft_box .login_box .login_container input {margin-bottom:10px;}
    .mleft_box .column {width:100%;padding-left:0;margin-top:10px;}
    .mleft_box .column .btn_bace {display:grid;place-items:center;margin-bottom:10px;/*padding:20px 5px 50px 5px;line-height:1.2;*/}
  }


/* 최신게시글, 공지사항, 신규커뮤니티 */
.mright_box {overflow:hidden;}

/* 최신 게시글 */
.con_box1 {position:relative;display:flex;flex-wrap:wrap;margin-top:30px;}
.con_box1 .div {position:relative;width:50%;margin-bottom:85px;}
.con_box1 .div:nth-child(odd) {padding-right:30px;}
.con_box1 .div:nth-child(even) {padding-left:30px;}
.con_box1 .div ul {margin-top:10px;border-top:1px solid #d7d7d7;}
.con_box1 .div ul li {border-bottom:1px solid #d7d7d7;}
.con_box1 .div ul li a {display:flex;justify-content:space-between;align-items:center;padding:25px 10px;}
.con_box1 .div ul li a strong {flex-grow:1;font-weight:500;font-size:1.25em;color:#222;}
.con_box1 .div ul li a strong em {max-width:85%;}
.con_box1 .div ul li a .date {flex-shrink:0;width:100px;font-size:1.125em;text-align:right;color:#999;}
.con_box1 .div.gal {overflow:hidden;}
.con_box1 .div.gal ul {display:flex;margin-top:10px;margin-right:-30px;border-top:0;height:238px;border-bottom:1px solid #d7d7d7;}
.con_box1 .div.gal ul li {width:50%;padding-right:30px;border-bottom:0;}
.con_box1 .div.gal ul li a {display:block;padding:0;text-decoration:none;}
.con_box1 .div.gal ul li a .img {position:relative;display:block;padding-top:55%;overflow:hidden;background:#000;}
.con_box1 .div.gal ul li a .img img {position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%) scale(1.01,1.01);transition:0.4s;}
.con_box1 .div.gal ul li a strong {display:block;flex-grow:1;padding:18px 8px 6px 8px;font-weight:500;font-size:1.25em;color:#222;}
.con_box1 .div.gal ul li a strong em {max-width:85%;}
.con_box1 .div.gal ul li a .date {display:block;flex-shrink:1;width:auto;padding:0 8px;text-align:left;font-size:1.125em;color:#999;}
.con_box1 .div.gal ul li a:is(:focus) {border:1px solid #000;}
.con_box1 .div.gal ul li a:is(:hover, :focus, :active) .img img {opacity:0.8;transform:translate(-50%,-50%) scale(1.2,1.2);}
.con_box1 .div .more_btn { position:absolute;right:0;top:10px;}
.con_box1 .div .more_btn2 { position:absolute;right:0;top:10px;padding-right:30px;}
  @media only screen and (max-width:1023px){
    .con_box1 {margin-top:0;}
    .con_box1 .div {width:100%;margin-bottom:40px;}
    .con_box1 .div:nth-child(odd) {padding-right:0;}
    .con_box1 .div:nth-child(even) {padding-left:0;}
    .con_box1 .div ul {margin-top:5px;}
    .con_box1 .div ul li a {padding:15px 10px 13px 10px;}
    .con_box1 .div.gal ul {padding-bottom:20px;height:auto;}
	.con_box1 .div .more_btn { position:absolute;right:0;top:5px;}
	.con_box1 .div .more_btn2 { position:absolute;right:0;top:5px;padding-right:0;}
  }
  @media only screen and (max-width:767px){
    .con_box1 .div {margin-bottom:30px;}
    .con_box1 .div ul li a {padding:10px 10px 8px 10px;}
	.con_box1 .div .more_btn { position:absolute;right:0;top:0;}
	.con_box1 .div .more_btn2 { position:absolute;right:0;top:0;padding-right:0;}
   /* .con_box1 .div.gal {margin-bottom:0;}*/
  }
  @media only screen and (max-width:459px){

  }