.contents-wrap .view-wrap { display:flex; flex-direction:row-reverse; margin:40px 0; }
.contents-wrap .view-wrap .summary_side { width:340px; }
 /* 2024.08.14 css 수정 */
 .contents-wrap .view-wrap .summary_side .thumb { height: 256px; margin-bottom: 24px; border:1px solid #e5eaea; border-radius:8px; box-sizing: border-box; overflow:hidden; } 
 .contents-wrap .view-wrap .summary_side .thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center; } 
 .contents-wrap .view-wrap .summary_side .thumb.end img {filter: grayscale(100%);}
 .contents-wrap .view-wrap .summary_side .tit_area { display:none; }
 .contents-wrap .view-wrap .summary_side .sticky_box { position:sticky; top:24px; }
 .contents-wrap .view-wrap .summary_side .state { border:1px solid #e5eaea; border-radius:8px; margin: 0 0 24px; padding:16px 24px; }
 .contents-wrap .view-wrap .summary_side .state .remaining { display:flex; align-items: center; font-size: 16px; } 
 /* //2024.08.14 css 수정 */
 /* 2024.07.08 css 수정 */
 .contents-wrap .view-wrap .summary_side .state .remaining > div:nth-child(1) { flex-shrink:0; width:70px; color:#abb1b1; }
/* //2024.07.08 css 수정 */
 .contents-wrap .view-wrap .summary_side .state .remaining > div:nth-child(2) { flex-grow:1; text-align:right; }
 .contents-wrap .view-wrap .summary_side .state .remaining span { display:inline-block; padding:4px 8px; border-radius:16px; background-color:rgb(213, 247, 255); color:#2196b1; font-size:14px; margin-left:8px; }
 .contents-wrap .view-wrap .summary_side .state .remaining span.end { background-color:#efefef; color:#999; }
 /* s:2024.08.30 css 추가 */
 .contents-wrap .view-wrap .summary_side .state .remaining em.red {color: #ff0000;}
 .contents-wrap .view-wrap .summary_side .state .apply { margin-top:16px; }
 .contents-wrap .view-wrap .summary_side .state .apply a { display:block; padding:12px; text-align:center; color:#fff; background-color:#008ae0; border-radius:4px; font-size:18px; }
 .contents-wrap .view-wrap .summary_side .state .apply.end a {background-color: #efefef; color: #999;}
 .contents-wrap .view-wrap .btn_wrap a.end {background-color: #efefef; color: #999 !important; border-color: #999;}
 .contents-wrap .view-wrap .apply_mobile a.end {background-color: #efefef; color: #999 !important; border-color: #999;}
  /* e:2024.08.30 css 추가 */
 .contents-wrap .view-wrap .summary_side .sminfo { border:1px solid #e5eaea; border-radius:8px; padding:4px 24px 24px; word-break:keep-all; }
 .contents-wrap .view-wrap .summary_side .sminfo dt { font-size:14px; margin:20px 0 4px; color:#abb1b1; }
  /* 2024.05.13 css 수정 */
 .contents-wrap .view-wrap .summary_side .sminfo dd.list_dot {position: relative; padding-left: 6px;}
 .contents-wrap .view-wrap .summary_side .sminfo dd.list_dot::before {content: ''; width: 3px; height: 3px; position: absolute; top: 12px; left: 0; background: #4e4e4e; border-radius: 50%;}
 .contents-wrap .view-wrap .summary_side .sminfo li { display:inline-block; font-size:14px; padding:2px 8px; border:1px solid #008ae0; color:#008ae0; border-radius:24px; margin:0 2px 6px 0; cursor:pointer; }
 .contents-wrap .view-wrap .summary_side .sminfo li:hover { background-color:#008ae0; color:#fff; }
 .contents-wrap .view-wrap .summary_side .sminfo li::before { content:"#"; }
.contents-wrap .view-wrap .dtinfo_wrap { width:calc(100% - 364px); min-height:1000px; margin-right:24px; }
/* 2024.08.29 css 수정 및 추가 */
 .contents-wrap .view-wrap .dtinfo_wrap .tit_area { border:1px solid #e5eaea; border-radius:8px 8px 0 0; padding:24px 46px 24px 32px; position: relative;}
 .contents-wrap .view-wrap .dtinfo_wrap .tit_area .link_area {position: absolute; top: 60px; right: 20px;}
 /* ///* 2024.08.29 css 수정 및 추가  */  */
 .contents-wrap .view-wrap .dtinfo_wrap .tit_area .cate { color:#008ae0; margin-bottom:4px; }
 .contents-wrap .view-wrap .dtinfo_wrap .tit_area .cate span { display:inline-block; color:#999; margin-left:8px; }
 .contents-wrap .view-wrap .dtinfo_wrap .tit_area .cate span::before { content:"|"; padding-right:8px; color:#ccc; font-size:12px; position:relative; top:-2px; }
 .contents-wrap .view-wrap .dtinfo_wrap .tit_area h1 { font-size:24px; font-weight:500; color:#3d3d3d; word-break:keep-all; }
 .contents-wrap .view-wrap .dtinfo_wrap .tit_area h1 span { position:relative; top:-2px; cursor:pointer; margin-left:4px; }
 /* 2024.03.20 css 수정 */
 .contents-wrap .view-wrap .dtinfo_wrap .dtinfo { border:1px solid #e5eaea; border-top-style:none; border-radius:0 0 8px 8px; padding:32px; word-break:break-all; }
 .contents-wrap .view-wrap .dtinfo_wrap .dtinfo img { width: 100%; }
 .contents-wrap .view-wrap .dtinfo_wrap .sbtit { font-weight:500; border-width:1px; border-color:#e5eaea; border-style:none none solid none; padding-bottom:16px; margin-bottom:16px; }
 .contents-wrap .view-wrap .dtinfo_wrap .attach { border:1px solid #e5eaea; border-radius:8px; padding:24px 32px; margin:24px 0; }
 .contents-wrap .view-wrap .dtinfo_wrap .attach li { list-style:circle; margin-left:24px; }
 .contents-wrap .view-wrap .dtinfo_wrap .coposition { border:1px solid #e5eaea; border-radius:8px; padding:24px 32px; }
 .contents-wrap .view-wrap .dtinfo_wrap .coposition li { display:flex; position:relative; flex-wrap: wrap; }
 .contents-wrap .view-wrap .dtinfo_wrap .coposition li span { display:inline-block; max-width:calc(100% - 296px); vertical-align:top; word-break:keep-all; }
 .contents-wrap .view-wrap .dtinfo_wrap .coposition li span.tit { font-weight:500; width:120px; }
 .contents-wrap .view-wrap .dtinfo_wrap .coposition li span.gobtn { position:absolute; right:0; top:0; }
 .contents-wrap .view-wrap .dtinfo_wrap .coposition li span.gobtn a { display:inline-block; font-size:14px; padding:4px 8px; border:1px solid #cfdada; width:160px; text-align:center; }
 .contents-wrap .view-wrap .dtinfo_wrap .coposition li + li { margin-top:16px; }
 .contents-wrap .view-wrap .dtinfo_wrap .description { border:1px solid #e5eaea; border-radius:8px; padding:24px 32px; background-color:#f9f9f9; margin-top:24px; word-break:keep-all; }
 .contents-wrap .view-wrap .apply_mobile { display:none; }

/* 2024.04.30 css 수정 */
.contents-wrap .view-wrap .btn_wrap { margin-top: 20px; text-align: center; }
.contents-wrap .view-wrap .btn_type01 { display: inline-block; padding: 12px 30px; font-size: 18px; text-align: center; border-radius: 4px; }
.btn_style01 { background-color: #008ae0; color: #fff !important; border: 1px solid #008ae0; }
.btn_style02 { background-color: #fff; color: #008ae0 !important; border: 1px solid #008ae0; }
/* //2024.04.30 css 수정 */

@media screen and (max-width: 1200px) { }

@media screen and (max-width: 1024px){
 .contents-wrap .view-wrap .dtinfo_wrap .coposition li span { max-width:100%; }
 .contents-wrap .view-wrap .dtinfo_wrap .coposition li span.tit { font-weight:500; width:auto; font-size:14px; color:#abb1b1; margin-bottom:4px; line-height: 30px; }
 .contents-wrap .view-wrap .dtinfo_wrap .coposition li span.tit + span { width: 100%; order: 3; }
 .contents-wrap .view-wrap .dtinfo_wrap .coposition li span.gobtn { position:relative; margin-left: 10px; }
 .contents-wrap .view-wrap .dtinfo_wrap .coposition li span.gobtn a { width: 30px; height: 30px; padding: 0; background-repeat: no-repeat; background-position: center; background-size: 50%; border-radius: 10px; text-indent: -999999px; }
 .contents-wrap .view-wrap .dtinfo_wrap .coposition li span.gobtn a.icon_home { background-image: url(../../images/detail/icon_home.svg); background-position: center; background-size: 20px; }
 .contents-wrap .view-wrap .dtinfo_wrap .coposition li span.gobtn a.icon_addr { background-image: url(../../images/detail/icon_addr.svg); }
 .contents-wrap .view-wrap .dtinfo_wrap .coposition li span.gobtn a.icon_tel { background-image: url(../../images/detail/icon_tel.svg); }
 .contents-wrap .view-wrap .dtinfo_wrap .coposition li span.gobtn a.icon_mail { background-image: url(../../images/detail/icon_mail.svg); }
 }

@media screen and (max-width: 768px){
 .contents-wrap .view-wrap { flex-direction:column; margin:16px 0; }
 /* 2024.08.14 css 수정 */
 .contents-wrap .view-wrap .summary_side .thumb { height: auto; } 
 /* 2024.08.14 css 수정 */
 .contents-wrap .view-wrap .summary_side .state { padding:12px 20px; margin:20px 0; }
 .contents-wrap .view-wrap .summary_side { width: 100%; max-width: 480px; margin: 0 auto; }
 .contents-wrap .view-wrap .summary_side .tit_area { display:block; margin-top:24px; }
 .contents-wrap .view-wrap .summary_side .tit_area .cate { color:#2196b1; margin-bottom:4px; font-size:14px; }
 .contents-wrap .view-wrap .summary_side .tit_area .cate span { display:inline-block; color:#999; margin-left:8px; }
 .contents-wrap .view-wrap .summary_side .tit_area .cate span::before { content:"|"; padding-right:8px; color:#ccc; font-size:12px; position:relative; top:-1px; }
 .contents-wrap .view-wrap .summary_side .tit_area .tit { font-size:20px; }
 .contents-wrap .view-wrap .dtinfo_wrap { width: 100%; max-width: 480px; margin: 20px auto 0; }
 .contents-wrap .view-wrap .dtinfo_wrap .dtinfo { border: 1px solid #e5eaea; border-radius: 8px; }
 .contents-wrap .view-wrap .dtinfo_wrap .tit_area { display:none; }
 }

@media screen and (max-width: 640px){
 .contents-wrap .view-wrap { flex-direction:column; margin:16px 0; }
 .contents-wrap .view-wrap .summary_side, .contents-wrap .view-wrap .dtinfo_wrap { width:100%; }
 .contents-wrap .view-wrap .summary_side .state .apply { display:none; }

 /* 2024.04.30 css 수정 */
 .contents-wrap .view-wrap .btn_wrap {display: none;}
 .contents-wrap .view-wrap .apply_mobile {display: flex; width: 100%; max-width: 480px; position:sticky; bottom:16px; margin: 24px auto 0; gap: 0 5px;}
 .contents-wrap .view-wrap .btn_type01 {padding: 8px 15px; font-size: 14px;}
 .contents-wrap .view-wrap .apply_mobile a:nth-child(2) {flex-grow: 1;}
 /* //2024.04.30 css 수정 */}

@media screen and (max-width: 480px){
 .contents-wrap .view-wrap .summary_side .sminfo { padding:4px 20px 16px; }
 .contents-wrap .view-wrap .summary_side .sminfo dt { margin:16px 0 4px; }
 .contents-wrap .view-wrap .dtinfo_wrap .dtinfo { border-style:solid none; border-radius:0; margin: 0 -4%; padding:24px; }
 .contents-wrap .view-wrap .dtinfo_wrap .attach { margin:20px 0; padding:20px 24px; }
 .contents-wrap .view-wrap .dtinfo_wrap .coposition, .contents-wrap .view-wrap .dtinfo_wrap .description { padding:20px 24px; font-size: 12px; } 
 .contents-wrap .view-wrap .dtinfo_wrap .description { margin-top:20px; }
 /* 2024.08.14 css 수정 */
 .contents-wrap .view-wrap .summary_side .tit_area .tit { font-size: 18px; } 
 .contents-wrap .view-wrap .summary_side .state .remaining { font-size: 14px; } 
 .contents-wrap .view-wrap .summary_side .sminfo dd { font-size: 14px; } 
 .contents-wrap .view-wrap .dtinfo_wrap .dtinfo { font-size: 14px; } 
 .contents-wrap .view-wrap .summary_side .sminfo li { font-size: 12px; } 
 .contents-wrap .view-wrap .dtinfo_wrap .sbtit { font-size: 14px; } 
 .contents-wrap .view-wrap .dtinfo_wrap .attach li { font-size: 14px; } 
 .contents-wrap .view-wrap .dtinfo_wrap .coposition li { font-size: 14px; } 
 .tmp_wrap .desc { font-size: 14px; } 
 /* //2024.08.14 css 수정 */}