@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

html, body, div, ul, li, p, figure, figcaption{ padding:0; margin:0;}
a{ text-decoration:none}
ul, li{ list-style:none;}
button, input, optgroup, select, textarea{font-family: 'Noto Sans KR', sans-serif;}
input::-webkit-input-placeholder{ color:#aaa;}
textarea::-webkit-input-placeholder{ color:#aaa;}
input::-ms-input-placeholder{ color:#aaa;}
textarea::-ms-input-placeholder{ color:#aaa;}
input::-moz-placeholder{ color:#aaa;} 
textarea::-moz-placeholder{ color:#aaa;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none;}
select::-ms-expand{display:none;}
select{-moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none;}
.mobile{ display:none !important;}

@media (min-width:1199px){
	#header {position: fixed;}
}




.TGBOX .original_name {display: none;}
.bId_scholarship .TGBOX .original_name {display: block;}

.tomatoGallery_tools {width:100%;height:29px;background: white;}
.explain .tomatoGallery_tools {height:29px;background: white;margin-top:-29px;width:200%;}
.explain {margin-top:29px;}
.tomatoGallery_tools .shortcut {width:50%;float:left;font-size: 12px;padding-right:3px;text-align: left; display:none;}
.tomatoGallery_tools .shortcut span {float:left;}
.tomatoGallery_tools .shortcut span:first-child {float:left;margin-right:3px;font-weight: bold;}
.tomatoGallery_tools .shortcut span.key_plus {background: url(../images/key_plus.png) no-repeat 0 50%;text-indent: 18px;float:left;margin-right:6px;}
.tomatoGallery_tools .shortcut span.key_minus {background: url(../images/key_minus.png) no-repeat 0 50%;text-indent: 18px;float:left;margin-right:6px;}
.tomatoGallery_tools .shortcut span.key_move {background: url(../images/key_move.png) no-repeat 0 50%;text-indent: 30px;float:left;margin-right:6px;}
.tomatoGallery_tools .shortcut span.key_enter {background: url(../images/key_enter.png) no-repeat 0 50%;text-indent: 45px;float:left;margin-right:6px;}
.tomatoGallery_tools .shortcut span.key_drag {background: url(../images/key_drag.png) no-repeat 0 50%;text-indent: 18px;float:left;margin-right:6px;}

.modalwrap .tomatoGallery_tools {display:none;}

.tomatoGallery_tools .original_name {width:50%;float:left;font-size: 12px;padding-right:3px;text-align: left;}


 
.tomatoGallery_tools .totalPage {width:60px;float:right;font-size: 14px;padding-right:3px;text-align: right;font-weight: bold;}
.tomatoGallery_tools .totalPage b {color:#3078AB;}
.tomatoGallery_tools .totalPage b input {color:#3078AB;border:1px solid #ccc;width:20px;background: none;font-size: 14px;font-weight: bold;text-align: center;}
.tomatoGallery_compiled.fullScreen .tomatoGallery_tools {display: none;}
.tomatoGallery_tools .btns {float:right; margin-left:10px;}
.tomatoGallery_tools .btns button {float:left; width:12px; height:12px; margin-left:10px; text-indent:-9999px;border:0; color:#666; vertical-align:middle; font-family:tss; cursor:pointer}

.toparea fieldset p .inpbox {width:160px;}
.toparea fieldset p a.searchDetail {background: #5c7c95 url('../images/ico_microscope.png') no-repeat;}
.device .toparea fieldset p a.searchDetail {display: none;}


.tomatoGallery_tools .btns button:first-child {margin-left:0;}
.tomatoGallery_tools .btns button {background-position-y:0px;}
.tomatoGallery_compiled.blue .btns button {background-position-y:0px;}
.tomatoGallery_compiled.red .btns button {background-position-y:-34px;}
.tomatoGallery_compiled.green .btns button {background-position-y:-68px;}
.tomatoGallery_compiled.yellow .btns button {background-position-y:-102px;}
.tomatoGallery_compiled.orange .btns button {background-position-y:-136px;}

.tomatoGallery_tools .btns 	 button:hover {background-position-y:-17px;}
.tomatoGallery_compiled.red .btns 	 button:hover {background-position-y:-52px;}
.tomatoGallery_compiled.green .btns  button:hover {background-position-y:-685px;}
.tomatoGallery_compiled.yellow .btns button:hover {background-position-y:-119px;}
.tomatoGallery_compiled.orange .btns button:hover {background-position-y:-153px;}

.tomatoGallery_tools .btns button {background-position-y:-0px;background-image: url(../images/btn_view_option.gif);background-repeat: no-repeat;}
.tomatoGallery_tools .btns >span {float:left;padding:0px 4px;cursor: pointer;font-size: 12px;line-height: 14px;}
.tomatoGallery_tools .btns button.m1 {background-position-x:3px }
.tomatoGallery_tools .btns button.m2 {background-position-x: -13px;}
.tomatoGallery_tools .btns button.m3 {background-position-x: -32px;}
.tomatoGallery_tools .btns button.m4 {background-position-x: -54px;}


@media screen and (max-width: 980px) {
	.tomatoGallery_tools .btns button.m5,.tomatoGallery_tools .btns button.m4 {display: none}
	.toparea .topmenu > ul > li > a.only-pc{display:none;}
	.toparea .topmenu > ul > li > a.only-mobile{display:block;}
}
.tomatoGallery_tools .btns button.m5 {background-position-x: -76px;}
.tomatoGallery_tools .btns button.m6 {background-position-x: -98px;}
.tomatoGallery_tools .btns button.m7 {background-position-x:-120px;}
.tomatoGallery_tools .btns button.m8 {background-position-x:-141px;}
.tomatoGallery_tools .btns button.m9 {background-position-x:-163px;width:13px;display: none}
.tomatoGallery_tools .btns button.m10 {background-position-x:-184px;width:13px;}
.tomatoGallery_tools .btns span.m10 {}
.tomatoGallery_tools .btns span.m9 {background-position-x:-163px;display: none}

.TGBOX {margin:0px;}
.TGBOX.explain {width:50%;float:left;height:900px;}

.TGBOXright {width:50%;background: #ddd;margin-top:39px;float:left;}
.TGBOXright strong {font-size: 16px;padding:20px 0 0 5%;margin:0px !important;}
.TGBOXright p {font-family: nbgy;line-height:180%;}
.TGBOXright.explain1 p {margin:1% 5% ;padding:2%;height:86%;overflow: auto;background: #f1f1f1;}
.TGBOXright.explain2 p {margin:1% 5% ;padding:2%;height:37%;overflow: auto;background: #f1f1f1;}
.TGBOXright.explain3 p {margin:1% 5% ;padding:2%;height:24%;overflow: auto;background: #f1f1f1;}

.TGBOXright {height:900px;}
/* skoh height:730px; - height:630px; */
div.tomatoGallery_compiled {height:530px;overflow: hidden;position: relative;background: #999;padding-top:0px;clear:both;}
div.tomatoGallery_compiled.fullScreen {position: fixed;left:0px;top:0px;width:100%;height:100%;z-index: 200}
div.tomatoGallery_compiled .tomatoGallery_btn_close {display:none;}
div.tomatoGallery_compiled .tomatoGallery_btn_prev {
	right:0px;top:250px;width:60px;height:60px;position: absolute;z-index: 5;
	display:block;border:none;font-size:20px;font-family:Helvetica;color:#999;opacity:0.5;
	background:#675d59 url(../../images/new/icon_gallery_left.png) no-repeat 50%;background-size: 30%;
	transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;;cursor: pointer;-webkit-appearance: none;
border-radius: 0;text-indent: -9999px;}



div.tomatoGallery_compiled .tomatoGallery_btn_next {right:0px;top:250px;width:60px;height:60px;position: absolute;z-index: 5;
	display:block;border:none;font-size:20px;font-family:Helvetica;color:#999;opacity:0.5;background:#675d59 url(../../images/new/icon_gallery_right.png) no-repeat 50%;background-size: 30%;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;;cursor: pointer;-webkit-appearance: none;
border-radius: 0;text-indent: -9999px;}


div.tomatoGallery_compiled.noAnimation .tomatoGallery_btn_prev ,
div.tomatoGallery_compiled.noAnimation .tomatoGallery_btn_next {transition: all 0s ease-in-out !important;-webkit-transition: all 0s ease-in-out !important;-moz-transition: all 0s ease-in-out !important;-o-transition: all 0s ease-in-out !important;-ms-transition: all 0s ease-in-out !important;transition: all 0s ease-in-out !important;}



div.tomatoGallery_compiled.fullScreen .tomatoGallery_btn_close {right:0px;top:0px;width:50px;height:50px;position: absolute;z-index: 50;display:block;border:none;font-size:20px;font-family:Helvetica;color:white;background: none;;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;;cursor: pointer;}
div.tomatoGallery_compiled .tomatoGallery_btn_prev {left :0px;top:250px}

.boardlist ul.list-contents.type-card li .thumbnail img {width:auto;}

/* skoh start */
/*.tomatoGallery_btn_prev,*/
/*.tomatoGallery_btn_next {*/
/*    display: none !important;*/
/*} */
 /* skoh start */


@media screen and (max-width: 640px) {
div.tomatoGallery_compiled .tomatoGallery_btn_prev ,
div.tomatoGallery_compiled .tomatoGallery_btn_next {top:-50%;margin-top:100%;}
}
.TGBOX img {max-width: none !important;}
.tomatoGallery {display: none;}
.tomato_archives_viewer {display: none;}

div.tomatoGallery_compiled.hover .tomatoGallery_btn_prev ,
div.tomatoGallery_compiled.hover .tomatoGallery_btn_next {opacity: 1}
div.tomatoGallery_compiled .tomatoGallery_btn_prev:hover ,
div.tomatoGallery_compiled .tomatoGallery_btn_next:hover {opacity: 1}

div.tomatoGallery_compiled>ul.tomatoGallery_visualUl {width:100%;height:100%;overflow:hidden;;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;padding:0px;margin:0px;}
div.tomatoGallery_compiled.noAnimation>ul.tomatoGallery_visualUl {transition: all 0s ease-in-out !important;-webkit-transition: all 0s ease-in-out !important;-moz-transition: all 0s ease-in-out !important;-o-transition: all 0s ease-in-out !important;-ms-transition: all 0s ease-in-out !important;transition: all 0s ease-in-out !important;}
div.tomatoGallery_compiled>ul.tomatoGallery_visualUl>li.tomatoGallery_visualLi {width:100%;height:100%;text-align: center;float:left;position: relative;overflow: hidden;padding:0px;margin:0px;}
div.tomatoGallery_compiled>ul.tomatoGallery_visualUl>li.tomatoGallery_visualLi>img.tomatoGallery_visualImg {z-index: 3;position: absolute;}
.modal div.tomatoGallery_compiled>ul.tomatoGallery_visualUl>li.tomatoGallery_visualLi>img.tomatoGallery_visualImg {z-index: 1;position: absolute;}
#div.tomatoGallery_compiled>ul.tomatoGallery_visualUl>li.tomatoGallery_visualLi>p.tomatoGallery_visualP {text-align:left;position: absolute;top:0px;left:0px;width:100%;background:rgba(0,0,0,0.7);z-index: 5;color:white;font-size:18px;font-family:tss;line-height: 30px;text-indent: 5px;opacity:0.7;;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;height:50px;margin:none !important;margin:0px;padding:10px;}
div.tomatoGallery_compiled>ul.tomatoGallery_visualUl>li.tomatoGallery_visualLi>p.tomatoGallery_visualP>a.openArchives {font-size:12px;text-indent: 5px;color:white;}
div.tomatoGallery_compiled.hover>ul.tomatoGallery_visualUl>li.tomatoGallery_visualLi>p.tomatoGallery_visualP {opacity: 1}

div.galleryTitleBox {
    width:100%;
    min-height:70px;
    box-sizing:border-box;
    background:rgba(0,0,0,0.7);
    color:white;
    font-size:18px;
    font-family:tss;
    line-height:30px;
    padding:10px;
    text-align:left;
}

div.tomatoGallery_compiled div.thumbnailPack {width:100%;height:74px;overflow-x:auto;z-index:10;position: absolute;bottom:0px;}
div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl {width:100%;height:74px;overflow:hidden;z-index:10;position: absolute;bottom:0px;opacity: 1;;transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;text-align: left;margin:0px;padding:0px;}
div.tomatoGallery_compiled.hover>ul.tomatoGallery_thumbnailUl {opacity:1;}
div.tomatoGallery_compiled ul,
div.tomatoGallery_compiled ol,
div.tomatoGallery_compiled li {list-style:none;}

div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi {width:100px;height:70px;float:left;;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;cursor: pointer;border:2px solid rgba(0,0,0,0);bottom:0px;background:#ccc;padding:0px 2px;position: relative;margin:0px;}

div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi:hover,
div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.selected.tomatoGallery_thumbnailLi {border:2px solid white;z-index:10;}

div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi>img.tomatoGallery_thumbnailImg {opacity: 0.3;position: absolute;max-height:100%;}
div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi:hover>img.tomatoGallery_thumbnailImg,
div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi.selected>img.tomatoGallery_thumbnailImg {opacity: 1;}

div.tomatoGallery_compiled ul.tomatoGallery_thumbnailUl>li.tomatoGallery_thumbnailLi>img.tomatoGallery_thumbnailImg>p.tomatoGallery_thumbnailP {display:none;}
























#wraper_new{ text-align:center;background-color: white;}
#wraper_new > img.header_img,
#wraper_new > img.footer_img{ display:block; max-width:1920px; width:100%; margin:0 auto;}
/*#subPage{ font-family: 'Noto Sans KR', serif;}*/
#subPage .center{ width:1200px; margin:60px auto 200px;}
/*#subPage .title_new{ position:relative; font-size:40px; color:#000; text-align:center; font-family: 'Nanum Myeongjo', serif; padding-bottom:60px; margin-bottom:60px;}*/
#subPage .title_new{ position:relative; font-size:26px; color:#010101;font-family: 'Noto Sans KR', serif;font-weight: bold; text-align:center; padding-bottom:60px; margin-bottom:0px;padding-top: 15px;}
#subPage .contents_view { position: relative;}
#subPage .contents_view .title_new{ font-size: 34px;margin:37px 0px;padding:0px;}
/*#subPage .title_new:before{ content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:180px; height:1px; background-color:#ddd;}*/
#subPage .title_new.line_none{ padding-bottom:0; margin-bottom:40px;}
#subPage .title_new.line_none:before{ display:none}
#subPage .normal_text{ font-size:16px; color:#777; line-height:1.8; margin-bottom:30px; text-align:left;}
#subPage .right_bottom_text{ text-align:right; margin-top:30px; font-size:16px; color:#000; margin-bottom:60px;}
#subPage .right_bottom_text a{ color:#eb4d16}
#subPage .right_bottom_text a img{ width:6px;}
#subPage .img_text_area{ position:relative; text-align:right; margin-bottom:80px;}
#subPage .img_text_area .textBox{ position:absolute; top:50%; left:0; transform:translateY(-60%); width:54%; padding:35px 80px 35px 0; box-sizing:border-box; font-size:16px; font-weight:300; color:#fff; line-height:1.8; text-align:left; background-color:#675d59; z-index:1}
#subPage .img_text_area .textBox:before{ content:""; position:absolute; top:0; left:-70%; width:70%; height:100%; background-color:#675d59;}
#subPage .img_text_area .imgBox{ position:relative; display:inline-block; width:70%; text-align:left; right:-9vw;}
#subPage .img_text_area .imgBox figure{ width:100%; height:480px; background-position:center; background-repeat:no-repeat; background-size:cover;}
#subPage .img_text_area .imgBox figcaption{ font-size:16px; color:#000; margin-top:20px;}
#subPage .img_text_area .imgBox a{ display:inline-block; font-size:16px; color:#eb4d16; margin-top:10px;}
#subPage .img_text_area .imgBox a img{ width:6px;}
#subPage .list_title{ font-size:28px; font-weight:bold; color:#000; text-align:left; margin-bottom:20px; font-family: 'Nanum Myeongjo', serif;}
#subPage .list_type01{ margin-bottom:60px; text-align:left;}
#subPage .list_type01 li{ font-size:16px; color:#777; margin-bottom:5px;}
#subPage .list_type02{ width:100%; padding:25px; box-sizing:border-box; background-color:#fbfbfb; margin-bottom:30px; text-align:left;}
#subPage .list_type02 li{ font-size:16px; color:#777; text-align:left; margin-bottom:5px;}
#subPage .list_text01{ font-size:24px; font-weight:bold; color:#000; text-align:left; margin-bottom:20px;}
#subPage .list_text01{ font-size:24px; font-weight:bold; color:#000; text-align:left; margin-bottom:20px;}
#subPage .parentTitle{ font-size:24px; font-weight:normal; color:#000; text-align:left; margin-bottom:20px;}
#subPage .subTitle01{ font-size:24px; font-weight:bold; color:#000; text-align:center; margin-bottom:20px;}
#subPage .subTitle02{ font-size:22px; font-weight:bold; color:#000; text-align:left; margin-bottom:20px;}
#subPage .subTitle03{ font-size:20px; font-weight:bold; color:#000; text-align:left; margin-bottom:20px;}
#subPage .depth01{ padding-left:25px;}
#subPage .depth02{ padding-left:50px;}
#subPage .color_orange{ color:#eb4d16 !important}
#subPage .color_brown{ color:#a57c6e !important}
#subPage .bullet01,
#subPage .bullet02,
#subPage .bullet03,
#subPage .bullet04,
#subPage .bullet05,
#subPage .bullet06,
#subPage .bullet07,
#subPage .bullet08{ position:relative}
#subPage .bullet01:before,
#subPage .bullet02:before,
#subPage .bullet03:before,
#subPage .bullet04:before,
#subPage .bullet05:before,
#subPage .bullet06:before,
#subPage .bullet07:before,
#subPage .bullet08:before{ content:""; position:absolute; top:50%; transform:translateY(-50%); background-position:center; background-repeat:no-repeat; background-size:contain}
#subPage .bullet01:before{ left:-25px; width:15px; height:15px; background-image:url(../../images/new/icon_bullet_01.png);}
#subPage .bullet02:before{ left:-15px; width:6px; height:6px; background-color:#666}
#subPage .bullet03:before{ left:-15px; width:6px; height:2px; background-color:#aaa}
#subPage .bullet04:before{ left:0; width:5px; height:100%; background-color:#e0d4cf}
#subPage .bullet05:before{ left:-30px; width:20px; height:20px; background-image:url(../../images/new/icon_bullet_02.png);}
#subPage .bullet06:before{ left:-20px; width:6px; height:6px; border-radius:50%; border:3px solid #eb4d16;}
#subPage .bullet07:before{ left:-12px; width:4px; height:4px; background-color:#eb4d16;}
#subPage .bullet08:before{ left:-12px; width:4px; height:4px; background-color:#666;}
#subPage .line{ position:relative;}
#subPage .line:after{ content:""; position:absolute; left:0; bottom:-10px; width:100%; border-bottom:1px solid #ddd;}
#subPage .tabBox{ position:relative; text-align:center; font-size:0; margin:20px 0;}
#subPage .tabBox:before{ content:""; position:absolute; top:50%; left:50%; transform:translateX(-50%); width:98vw; max-width:1918px; height:1px; background-color:#ddd; z-index:-1;}
/*#subPage .tabBox a{ position:relative; display:inline-block; vertical-align:middle; width:24%; height:60px; border:1px solid #ddd; text-align:center; margin-right:1.333%; box-sizing:border-box; background-color:#fff;}*/
#subPage .tabBox a{ position:relative; display:inline-block; vertical-align:middle; width:20%; height:60px; border:1px solid #ddd; text-align:center; margin-right:0%; box-sizing:border-box; background-color:#fff;border-right: none;}
#subPage .tabBox a:last-child{ margin-right:0;border-right: 1px solid #ddd;}
#subPage .tabBox a span{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; font-size:20px; color:#333;}
#subPage .tabBox a.active{ background-color:#eb4d16; border-color:#eb4d16;}
#subPage .tabBox a.active span{ color:#fff}
#subPage .tableBox{ margin-bottom:40px;}
#subPage .tableBox table{ width:100%; border-collapse:collapse; border-top:2px solid #333;}
#subPage .tableBox table th{ font-size:18px; font-weight:500; color:#eb4d16; text-align:center; height:65px; vertical-align:middle; border-bottom:1px solid #ddd; background-color:#fbfbfb;}
#subPage .tableBox table td{ font-size:18px; font-weight:500; color:#333; height:65px; vertical-align:middle; border-bottom:1px solid #ddd;}
#subPage .tableBox .table01 th{}
#subPage .tableBox .table01 td{ text-align:center;}
#subPage .tableBox .table02 th{ width:200px;}
#subPage .tableBox .table02 td{ text-align:left; padding-left:30px;}


#subPage .contents{ width:1200px; margin:0px auto 200px;padding-top: 40px}
#subPage #content { max-width:1200px;}
#subPage .contents .searchArea{ overflow:hidden}
#subPage .contents .searchArea:after{ content:""; display:block; clear:both}
#subPage .contents .searchArea .searchBox{ position:relative; float:left; width: -webkit-calc(100% - 240px); width: -moz-calc(100% - 240px); width: calc(100% - 240px); height:65px; border:2px solid #eb4d16; box-sizing:border-box; padding-left:80px;}
#subPage .contents .searchArea .searchBox img{ position:absolute; top:50%; left:30px; transform:translateY(-50%);}
#subPage .contents .searchArea .searchBox input{ display:block; width:100%; height:100%; padding-left:10px; font-size:20px; color:#666; text-align:left; box-sizing:border-box; border:none; background-color:transparent; outline:none;}
#subPage .contents .searchArea .searchBtn{ float:left; font-size:0}
#subPage .contents .searchArea .searchBtn a{ display:inline-block; width:120px; line-height:65px; font-size:18px; font-weight:300; color:#fff; text-align:center; }
#subPage .contents .searchArea .searchBtn a.btn01{ background-color:#eb4d16}
#subPage .contents .searchArea .searchBtn a.btn02{ background-color:#675d59}
#subPage .contents .checkBox{ width:100%; padding:15px 40px; box-sizing:border-box; background-color:#fbfbfb; text-align:left; border-bottom:1px solid #ddd;}
#subPage .contents .checkBox input{ display:none;}
#subPage .contents .checkBox input + label{ display:inline-block; vertical-align:middle; font-size:15px; color:#333; padding:5px 0 5px 25px; box-sizing:border-box; background-image:url(../../images/new/icon_check_off.png); background-position:left center; background-repeat:no-repeat; margin-right:50px; cursor:pointer}
#subPage .contents .checkBox input:checked + label{ background-image:url(../../images/new/icon_check_on.png);}
#subPage .contents .list_header{ position:relative; width:100%; padding:10px 0; margin-top:10px; overflow:hidden}
#subPage .contents .list_header:after{ content:""; display:block; clear:both;}
#subPage .contents .list_header .text{ position:absolute; top:50%; left:0; transform:translateY(-50%); font-size:16px; color:#333;}
#subPage .contents .list_header .text .typeBtn{ display:inline-block; vertical-align:middle; margin-left:10px;}
#subPage .contents .list_header .text .typeBtn a{ display:inline-block; margin-left:15px;}
#subPage .contents .list_header .text .typeBtn a img{ display:inline-block; }
#subPage .contents .list_header .text .typeBtn a span{ display:inline-block; vertical-align:text-top; font-size:13px; color:#333; margin-left:5px;}
#subPage .contents .list_header .rightBox{ float:right; }
#subPage .contents .list_header .rightBox .searchBox{ display:inline-block; vertical-align:middle; font-size:0}
#subPage .contents .list_header .rightBox .searchBox .select_cate{ display:inline-block; vertical-align:middle; width:100px; height:40px; border:1px solid #ddd; box-sizing:border-box;}
#subPage .contents .list_header .rightBox .searchBox .select_cate select{ display:block; width:100%; height:100%; padding-left:20px; font-size:14px; color:#333; box-sizing:border-box; border:none; background-color:transparent; outline:none; background-image:url(../../images/new/icon_arrow_select.png); background-position:right 10px center; background-repeat:no-repeat;}
#subPage .contents .list_header .rightBox .searchBox .inputBox{ position:relative; display:inline-block; vertical-align:middle; margin-left:-1px; width:240px; height:40px; border:1px solid #ddd; box-sizing:border-box; padding-right:40px;}
#subPage .contents .list_header .rightBox .searchBox .inputBox input{ display:block; width:100%; height:100%; font-size:14px; color:#666; text-align:left; padding-left:15px; box-sizing:border-box; border:none; background-color:transparent; outline:none;}
#subPage .contents .list_header .rightBox .searchBox .inputBox .btn{ position:absolute; top:50%; right:10px; transform:translateY(-50%);}
#subPage .contents .list_header .rightBox .searchBox .inputBox .btn img{ display:block;}
#subPage .contents .list_header .rightBox .searchBox .detailBtn{ display:inline-block; vertical-align:middle; margin-left:-1px; width:80px; height:40px; line-height:40px; border:1px solid #ddd; box-sizing:border-box; font-size:13px; color:#a57c6e; text-align:center; }
#subPage .contents .list_header .rightBox .typeBtn{ display:inline-block; vertical-align:middle; font-size:0;}
#subPage .contents .list_header .rightBox .typeBtn a{ position:relative; display:inline-block; width:40px; height:40px; border:1px solid #ddd; box-sizing:border-box;}
#subPage .contents .list_header .rightBox .typeBtn a:last-child{ margin-left:-1px;}
#subPage .contents .list_header .rightBox .typeBtn a img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block;}
#subPage .contents .list_header .rightBox .selectBox{ display:inline-block; vertical-align:middle; width:140px; height:40px; border:1px solid #ddd; box-sizing:border-box; margin-left:5px;}
#subPage .contents .list_header .rightBox .selectBox select{ display:block; width:100%; height:100%; padding-left:20px; font-size:14px; color:#333; box-sizing:border-box; border:none; background-color:transparent; outline:none; background-image:url(../../images/new/icon_arrow_select.png); background-position:right 10px center; background-repeat:no-repeat; }
#subPage .contents .list_header .rightBox .bg_gray{ background-color:#e6e6e6}
#subPage .contents .listBox{ width:100%; padding-top:20px; border-top:2px solid #333; border-bottom:1px solid #ddd; overflow:hidden}
#subPage .contents .listBox:after{ content:""; display:block; clear:both}
#subPage .contents .listBox li{ float:left; width:31%; margin-right:3.5%; margin-bottom:40px; border:1px solid #ddd; border-bottom:2px solid #666; box-sizing:border-box;}
#subPage .contents .listBox li:nth-child(3n){ margin-right:0}
#subPage .contents .listBox li a{ display:block; width:100%;}
#subPage .contents .listBox li a .imgBox{ height:220px; background-position:center; background-repeat:no-repeat; background-size:cover;}
#subPage .contents .listBox li a .textBox{ position:relative; width:100%; padding:20px 25px 60px; text-align:left; box-sizing:border-box;}
#subPage .contents .listBox li a .textBox .text01{ word-break: keep-all; font-size:1.2em; height:58px; font-weight:500; color:#000; margin-bottom:20px;}
#subPage .contents .listBox li a .textBox .text02{ font-size:0.8em; color:#777; line-height:1.8; height:85px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
#subPage .contents .listBox li a .textBox .date{ position:absolute; left:25px; bottom:25px; font-size:12px; color:#777;}
#subPage .contents .listBox.type_half li{ float:left; width:48.25%; margin-right:3.5%; margin-bottom:40px; border:1px solid #ddd; border-bottom:2px solid #666; box-sizing:border-box;}
#subPage .contents .listBox.type_half li:nth-child(2n){ margin-right:0}
#subPage .contents .listBox.type_half li a{ display:block; width:100%;}
#subPage .contents .listBox.type_half li a .imgBox{ height:320px; background-position:center; background-repeat:no-repeat; background-size:cover;}
#subPage .contents .listBox.type_half li a .textBox{ position:relative; width:100%; padding:20px 25px 60px; text-align:left; box-sizing:border-box;}
#subPage .contents .listBox.type_half li a .textBox .text01{ font-size:24px; font-weight:500; color:#000; margin-bottom:20px;}
#subPage .contents .listBox.type_half li a .textBox .text02{ font-size:16px; color:#777; line-height:1.8; height:144px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
#subPage .contents .listBox.type_half li a .textBox .date{ position:absolute; left:25px; bottom:25px; font-size:12px; color:#777;}
#subPage .contents .listBox.type_list{ padding:0; border-bottom:none;}
#subPage .contents .listBox.type_list li{ float:none; width:100%; margin-right:0; padding:20px 0; border:none; border-bottom:1px solid #ddd; margin-bottom:0}
#subPage .contents .listBox.type_list li a{ overflow:hidden}
#subPage .contents .listBox.type_list li a:after{ content:""; display:block; clear:both}
#subPage .contents .listBox.type_list li a .imgBox{ float:left; width:370px; height:185px;}
#subPage .contents .listBox.type_list li a .textBox{ float:left; width: -webkit-calc(100% - 370px); width: -moz-calc(100% - 370px); width: calc(100% - 370px); padding:5px 40px;}
#subPage .contents .listBox.type_list li a .textBox .text01{ font-size:22px; margin-bottom:10px;}
#subPage .contents .listBox.type_list li a .textBox .date{ position:relative; bottom:auto; left:auto; margin-bottom:15px;}
#subPage .contents .listBox.type_list li a .textBox .text02{ height:100px; -webkit-line-clamp: 4; font-size:14px;}
#subPage .contents2 .checkBox{ border-top:2px solid #666;}

#subPage .pageBtn{ margin-top:40px; text-align:center; font-size:0}
#subPage .pageBtn a{ position:relative; display:inline-block; vertical-align:middle; width:40px; height:40px; line-height:40px; border:1px solid #ddd; font-size:12px; color:#777; text-align:center; margin-left:-1px;}
#subPage .pageBtn a.number:hover,
#subPage .pageBtn a.number.active{ color:#fff; background-color:#eb4d16; border-color:#eb4d16;}
#subPage .pageBtn a img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}


#subPage .titleArea{ width:100%; padding:80px 0; background-position:center; background-repeat:no-repeat; background-size:cover; text-align:center}
#subPage .titleArea .titleBox{ display:inline-block; padding:50px 50px 40px; background-color:rgba(235,77,22,0.8);}
#subPage .titleArea .titleBox .title{ font-size:34px; font-weight:500; color:#fff; font-family: 'Nanum Myeongjo', serif;}
#subPage .titleArea .titleBox .subTitle{ position:relative; font-size:20px; color:#fff; opacity:0.6; margin-top:20px; margin-bottom:60px;}
#subPage .titleArea .titleBox .subTitle:before{ content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:-30px; width:120px; height:1px; border-bottom:1px solid #fff;}
#subPage .titleArea .titleBox .date{ font-size:16px; color:#fff;}
#subPage .contents .galleryBox{ position:relative;}
#subPage .contents .galleryBox .btnBox{ position:relative; text-align:left; border-top:2px solid #666;}
#subPage .contents .galleryBox .btnBox .btn01{ display:inline-block; vertical-align:middle; margin-left:20px;}
#subPage .contents .galleryBox .btnBox .btn01 img{ display:inline-block; vertical-align:middle;}
#subPage .contents .galleryBox .btnBox .btn01 span{ display:inline-block; vertical-align:middle; font-size:16px; font-weight:500; color:#333; margin-left:7px; line-height:55px;}
#subPage .contents .galleryBox .btnBox .btn02{ position:absolute; top:0; right:0; padding:0 35px; background-color:#675d59;}
#subPage .contents .galleryBox .btnBox .btn02 img{ display:inline-block; vertical-align:middle;}
#subPage .contents .galleryBox .btnBox .btn02 span{ display:inline-block; vertical-align:middle; font-size:18px; color:#fff; margin-left:10px; line-height:55px;}
#subPage .contents .galleryBox .gallery-view-box{ position:relative; width:100%; }
#subPage .contents .galleryBox .gallery-thumbs-box{ position:absolute; left:0; bottom:0; width:100%; padding:20px 0; box-sizing:border-box; background-color:rgba(0,0,0,0.8); z-index:1}
#subPage .contents .galleryBox .swiper-container { margin-left: auto; margin-right: auto;}
#subPage .contents .galleryBox .swiper-slide { background-size: cover; background-position: center;}
#subPage .contents .galleryBox .gallery_thumbs .swiper-slide{ border:1px solid #aaa; box-sizing:border-box; cursor:pointer; opacity:0.5;}
#subPage .contents .galleryBox .gallery_thumbs .swiper-slide-thumb-active{ border:1px solid #eb4d16; box-sizing:border-box; opacity:1}
/*#subPage .contents .galleryBox .gallery_view { width:100%; height:680px;}*/
#subPage .contents .galleryBox .gallery_thumbs { width:800px; height:95px; box-sizing: border-box; margin:0 auto;}
#subPage .contents .galleryBox .button{ width:36px; height:60px; top:34%; margin-top:0; background-position:center; background-repeat:no-repeat; background-size:contain; opacity:1}
#subPage .contents .galleryBox .swiper-button-prev{ left:30px; background-image:url(../../images/new/icon_gallery_left.png); }
#subPage .contents .galleryBox .swiper-button-next{ right:30px; background-image:url(../../images/new/icon_gallery_right.png); }

#subPage .contents .lightBox {text-align: center;margin-bottom: 20px;}
#subPage .contents .lightBox .lightBoxImg {width:70%;margin:auto;}
#subPage .contents .lightBox .lightBoxImg a {display: block;border: 1px solid #ddd;position: relative;}
#subPage .contents .lightBox .lightBoxImg a img {width:100%;}
#subPage .contents .lightBox .lightBoxImg a:after {content:"확대 보기";position: absolute;right:0px;bottom:0px;right:0; bottom:0; background-color:#675d59; text-align:center; padding:3px 15px; z-index:10;color: white;background-image: url(../../images/new/icon_search_w.png) ;background-position: 10% 50%;background-repeat: no-repeat;padding-left: 30px;}
#subPage .contents .lightBox .lightBoxImg p {display: block; border:1px solid #ddd; border-top: none;padding:10px 0px;}

#subPage .contents .view_summary{ overflow:hidden; padding:40px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#subPage .contents .view_summary:after{ content:""; display:block; clear:both}
#subPage .contents .view_summary .galleryBox{ float:center; width:48%;}
/*#subPage .contents .view_summary .galleryBox .gallery_view{ height:340px;}*/
#subPage .contents .view_summary .galleryBox .btn{ position:absolute; right:0; bottom:0; background-color:#675d59; text-align:center; padding:0 15px; z-index:10}
#subPage .contents .view_summary .galleryBox .btn img{ display:inline-block; vertical-align:middle;}
#subPage .contents .view_summary .galleryBox .btn span{ display:inline-block; vertical-align:middle; font-size:14px; color:#fff; margin-left:10px; line-height:35px;}
#subPage .contents .view_summary .galleryBox .gallery-thumbs-box{ position:relative; left:auto; bottom:auto; padding:10px; background-color:#333;}
#subPage .contents .view_summary .galleryBox .gallery_thumbs{ width:100%; height:65px}
#subPage .contents .view_summary .galleryBox .button{ top:50%; transform:translateY(-50%); width:18px; height:30px;}
#subPage .contents .view_summary .galleryBox .swiper-button-prev{ left:20px;}
#subPage .contents .view_summary .galleryBox .swiper-button-next{ right:20px;}
#subPage .contents .view_summary .contents_table{ float:right; width:48%; border-top:2px solid #666;}
#subPage .contents .view_summary .contents_table strong {font-size: 20px;margin: 10px 0px;display: block;}
#subPage .contents .view_summary .contents_table table{ width:100%; border-collapse:collapse;}
#subPage .contents .view_summary .contents_table table th,
#subPage .contents .view_summary .contents_table table td {vertical-align: middle}
#subPage .contents .view_summary .contents_table table th{ width:40%; font-size:17px; font-weight:normal; color:#333; text-align:left; box-sizing:border-box; background-color:#fbfbfb; padding:0 10px; height:40px; border-bottom:1px solid #ddd;}
#subPage .contents .view_summary .contents_table table td{ font-size:17px; color:#777; text-align:left; box-sizing:border-box; padding:0 10px; height:40px; border-bottom:1px solid #ddd;}
#subPage .contents .view_summary .contents_table table td a{ color:#eb4d16;}
#subPage .contents .view_summary .contents_table table td a img{ width:6px;}
#subPage .contents .view_summary .contents_table .infoBox{ text-align:left;}
#subPage .contents .view_summary .contents_table .infoBox .infoBox_text{ font-size:14px; font-weight:500; color:#333; line-height:60px; padding-left:33px;}
#subPage .contents .view_summary .contents_table .infoBox ul{ position:relative; width:100%; padding:30px; box-sizing:border-box; background-color:#fbfbfb; }
#subPage .contents .view_summary .contents_table .infoBox ul li{ margin-bottom:20px; }
#subPage .contents .view_summary .contents_table .infoBox ul li:last-child{ margin-bottom:0}
#subPage .contents .view_summary .contents_table .infoBox ul li .info01{ position:relative; display:inline-block; vertical-align:middle; width:130px; line-height:40px; font-size:14px; font-weight:500; color:#eb4d16; text-align:center; background-color:#fff; border:2px solid #eb4d16; border-radius:30px; box-shadow:0 7px 7px 0 rgba(235,77,22,0.1); z-index:1}
#subPage .contents .view_summary .contents_table .infoBox ul li .info01:before{ content:""; position:absolute; top:50%; right:-46px; transform:translateY(-50%); width:43px; height:1px; border-bottom:1px dashed #ddd;}
#subPage .contents .view_summary .contents_table .infoBox ul li .info02{ position:relative; display:inline-block; vertical-align:middle; width:35px; line-height:35px; font-size:14px; color:#fff; text-align:center; border-radius:50%; background-color:#363636; margin-left:40px; z-index:2}
#subPage .contents .view_summary .contents_table .infoBox ul li .info03{ display:inline-block; vertical-align:middle; font-size:15px; font-weight:500; color:#333; margin-left:10px; letter-spacing:-0.05em}

#subPage .contents .tableBox{ border-top:2px solid #333;}
#subPage .contents .tableBox ul{ display:table; border-collapse:collapse; width:100%; overflow:hidden}
#subPage .contents .tableBox ul:after{ content:""; display:block; clear:both}
#subPage .contents .tableBox ul li{ display:table-cell; width:50%; vertical-align:middle; border-bottom:1px solid #ddd; font-size:0;background-image: url(../../images/new/fbfbfb.png);background-size: 200px 1000px;background-repeat: no-repeat;}
#subPage .contents .tableBox ul li.full { display:table-cell; width:100%; vertical-align:middle; border-bottom:1px solid #ddd; font-size:0;background-color:#ffffff}
#subPage .contents .tableBox ul li.full2 { display:table-cell; width:50%; vertical-align:middle; border-bottom:1px solid #ddd; font-size:0;background-color:#ffffff}
#subPage .contents .tableBox ul li .thBox{ display:inline-block; width:200px; font-size:16px; font-weight:500; color:#222; vertical-align:middle; box-sizing:border-box; /*background-color:#fbfbfb*/; padding:20px; min-height:64px;}
#subPage .contents .tableBox ul li .tdBox{ display:inline-block; width:calc(100% - 200px); width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); font-size:16px; color:#222; padding:20px 20px; vertical-align:middle; box-sizing:border-box; text-align:left;background:white;}
#subPage .contents .tableBox ul li .tdBox span{ display:inline-block; font-size:16px; color:#222; padding:5px 10px; border:1px solid #d7a81f; border-radius:20px; margin-left:10px;}
#subPage .contents .tableBox ul:last-child li{ margin-bottom:0}
#subPage .contents .board_btn{ text-align:right; margin-top:40px; margin-bottom:50px}
#subPage .contents .btn_big{ text-align:left; margin-bottom: 2px; display: inline-block;}
#subPage .contents .btn_medium{ text-align:left; margin-bottom: 2px; display: inline-block;}
#subPage .contents .btn_small{ text-align:left; margin-bottom: 2px; display: inline-block;}
#subPage .contents .board_btn a{ display:inline-block; width:120px; line-height:55px; font-size:16px; color:#fff; text-align:center; background-color:#675d59;}
#subPage .contents .board_btn .boardBtn_map { background:url(../../images/mwstory/ico_boardBtn_map.png) no-repeat 50% 0;  background-position: 18px 16px;width:auto;background-color:#675d59;padding:0px 20px 0px 40px;}

#subPage .contents .btn_big a{ display:inline-block; width:120px; line-height:55px; font-size:16px; color:#fff; text-align:center; background-color:#675d59;}
#subPage .contents .btn_medium a{ display:inline-block; width:120px; line-height:35px; font-size:14px; color:#fff; text-align:center; background-color:#675d59;}
#subPage .contents .btn_small a{ display:inline-block; width:100px; line-height:25px; font-size:14px; color:#fff; text-align:center; background-color:#675d59;}
#subPage .contents .btn_big a i {margin-right: 5px;}
#subPage .contents .btn_medium a i {margin-right: 5px;}
#subPage .contents .btn_small a i {margin-right: 5px;}
#subPage .contents .detail_info{ width:100%; border:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
#subPage .contents .detail_info:after{ content:""; display:block; clear:both}
#subPage .contents .detail_info .leftBox{ float:left; width:50%; box-sizing:border-box; background-color:#fbfbfb; padding:0 50px;}
#subPage .contents .detail_info .leftBox ul{ position:relative; padding:30px 0; text-align:left;}
#subPage .contents .detail_info .leftBox ul.h_resize{ min-height:546px; box-sizing:border-box}
/*#subPage .contents .detail_info .leftBox ul:before{ content:""; position:absolute; top:0; left:65px; width:1px; height:100%; background-color:#ddd;}*/
#subPage .contents .detail_info .leftBox ul li{ margin-bottom:20px; }
#subPage .contents .detail_info .leftBox ul li.children {line-height: 160%;}
#subPage .contents .detail_info .leftBox ul li.children .info03 {display: block;}
#subPage .contents .detail_info .leftBox ul li:last-child{ margin-bottom:0}
#subPage .contents .detail_info .leftBox ul li:nth-child(2) {margin-left: 10px;}
#subPage .contents .detail_info .leftBox ul li:nth-child(3) {margin-left: 20px;}
#subPage .contents .detail_info .leftBox ul li:nth-child(4) {margin-left: 30px;}
#subPage .contents .detail_info .leftBox ul li:nth-child(5) {margin-left: 40px;}
#subPage .contents .detail_info .leftBox ul li:nth-child(6) {margin-left: 50px;}
#subPage .contents .detail_info .leftBox ul li:nth-child(7) {margin-left: 50px;}
#subPage .contents .detail_info .leftBox ul li:nth-child(8) {margin-left: 50px;}
#subPage .contents .detail_info .leftBox ul li:nth-child(9) {margin-left: 50px;}
#subPage .contents .detail_info .leftBox ul li:nth-child(10) {margin-left: 50px;}
#subPage .contents .detail_info .leftBox ul li:nth-child(11) {margin-left: 50px;}
#subPage .contents .detail_info .leftBox ul li:nth-child(12) {margin-left: 50px;}
#subPage .contents .detail_info .leftBox ul li .info01{ position:relative; display:inline-block; vertical-align:middle; width:130px; line-height:40px; font-size:14px; font-weight:500; color:#eb4d16; text-align:center; background-color:#fff; border:2px solid #eb4d16; border-radius:30px; box-shadow:0 7px 7px 0 rgba(235,77,22,0.1); z-index:1}
#subPage .contents .detail_info .leftBox ul li .info01:before{ content:""; position:absolute; top:50%; right:-46px; transform:translateY(-50%); width:43px; height:1px; border-bottom:1px dashed #ddd;}
#subPage .contents .detail_info .leftBox ul li .info02{ position:relative; display:inline-block; vertical-align:middle; width:35px; line-height:35px; font-size:14px; color:#fff; text-align:center; border-radius:50%; background-color:#363636; margin-left:40px; z-index:2}
#subPage .contents .detail_info .leftBox ul li .info03{ display:inline-block; vertical-align:middle; font-size:15px; font-weight:500; color:#333; margin-left:10px; letter-spacing:-0.05em}
#subPage .contents .detail_info .leftBox ul li .info03 u{color:#eb4d16;}
#subPage .contents .detail_info .leftBox.imgBox{ min-height:320px; background-position:center; background-repeat:no-repeat; background-size:cover;}
#subPage .contents .detail_info .rightBox{ float:left; width:50%; padding:30px 50px; box-sizing:border-box; text-align:left; border-left:1px solid #ddd;}
#subPage .contents .detail_info .rightBox .info_title{ font-size:30px; font-weight:500; color:#333;}
#subPage .contents .detail_info .rightBox .datailBtn{ display:block; width:140px; padding:5px 0; font-size:16px; font-weight:300; color:#fff; text-align:center; background-color:#675d59; border-radius:20px; margin-top:10px;}
#subPage .contents .detail_info .rightBox .basic_info{ position:relative; margin-top:30px;}
#subPage .contents .detail_info .rightBox .basic_info:first-child{margin-top:0px;}
#subPage .contents .detail_info .rightBox .basic_info:before{ content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:2px; background-color:#363636; z-index:-1}
#subPage .contents .detail_info .rightBox .basic_info span{ position:relative; display:inline-block; font-size:14px; font-weight:500; color:#333; padding:0 20px 0 0; background-color:#fff; z-index:1}
#subPage .contents .detail_info .rightBox table{ width:100%; border-collapse:collapse; margin-top:15px;}
#subPage .contents .detail_info .rightBox table th{ font-size:14px; font-weight:500; color:#666; vertical-align:top; background-color:transparent; padding:5px 0; letter-spacing:-0.05em;}
#subPage .contents .detail_info .rightBox table td{ font-size:14px; color:#777; vertical-align:top; padding:5px 20px 3px 10px; letter-spacing:-0.05eml}
#subPage .contents .detail_info .rightBox table td img {vertical-align: middle;}
#subPage .contents .detail_info .rightBox table td:last-child{ padding-right:0}
#subPage .contents .detail_info .rightBox table td a{ color:#eb4d16}

#subPage .contents .detail_info2 .leftBox { width:35%; padding:0 0 0 20px}
#subPage .contents .detail_info2 .rightBox { width:65%; }
#subPage .contents .detail_info2 .leftBox ul:before{ left:22px; }
#subPage .contents .detail_info2 .leftBox ul li .info01{width:40px;}
#subPage .contents .detail_info2 .leftBox ul li .info01:before{width:8px;right:-12px;}


#subPage .contents .swiperBox{ position:relative; text-align:left; margin-top:60px;}
#subPage .contents .swiperBox.swiperBoxMiddle{ position:relative; text-align:left; margin-top:0px;padding:10px 20px;border:1px solid #ddd;border-top: none;}
#subPage .contents .swiperBox .swiper_title{ position:relative; font-size:24px; color:#333; margin-bottom:30px;}
#subPage .contents .swiperBox.swiperBoxMiddle .swiper_title{ position:relative; font-size:18px; color:#333; margin-bottom:10px;}
#subPage .contents .swiperBox .swiper_title span{ color:#eb4d16}
#subPage .contents .swiperBox .swiper_title .viewer_btn{ position:absolute; top:50%; right:0; transform:translateY(-50%); width:140px; text-align:center; background-color:#675d59; border-radius:20px; font-size:16px;}
#subPage .contents .swiperBox .swiper_title .viewer_btn img{ display:inline-block; vertical-align:middle;}
#subPage .contents .swiperBox .swiper_title .viewer_btn span{ display:inline-block; vertical-align:middle; font-size:16px; font-weight:300; color:#fff; margin-left:5px; line-height:34px}
#subPage .contents .swiperBox .swiper-container{}
#subPage .contents .swiperBox .swiper-container .swiper-slide{ display:block;}
#subPage .contents .swiperBox .swiper-container .swiper-slide .imgBox{ width:100%; height:130px; background-position:center; background-repeat:no-repeat; background-size:cover;}
#subPage .contents .swiperBox .swiper-container .swiper-slide .textBox{ font-size:16px; color:#333; margin-top:20px;}
#subPage .contents .swiperBox.swiperBoxMiddle .button{ top:90px;}
#subPage .contents .swiperBox .button{ width:20px; height:34px; top:115px; background-position:center; background-repeat:no-repeat; background-size:contain; margin-top:0;}
#subPage .contents .swiperBox .swiper-button-prev{ left:-50px; background-image:url(../../images/new/icon_slide_left.png);}
#subPage .contents .swiperBox .swiper-button-next{ right:-50px; background-image:url(../../images/new/icon_slide_right.png);}
#subPage .contents .more_contents{ text-align:left; margin-top:100px; margin-bottom:100px;}
#subPage .contents .more_contents .more_contents_title{ font-size:24px; color:#333; padding-bottom:20px; border-bottom:2px solid #666;}
#subPage .contents .more_contents .more_contents_title span{ color:#eb4d16}
#subPage .contents .more_contents .more_list{ overflow:hidden; padding:10px 0;}
#subPage .contents .more_contents .more_list:after{ content:""; display:block; clear:both}
#subPage .contents .more_contents .more_list li{ float:left; width:50%; padding:20px 0; height:143px;}
#subPage .contents .more_contents .more_list li a{ display:block; width:100%; overflow:hidden;}
#subPage .contents .more_contents .more_list li a:after{ content:""; display:block; clear:both}
#subPage .contents .more_contents .more_list li a .imgBox{ float:left; width:160px; height:120px; background-position:center; background-repeat:no-repeat; background-size:cover;}
#subPage .contents .more_contents .more_list li a .textBox{ float:left; width: -webkit-calc(100% - 160px); width: -moz-calc(100% - 160px); width: calc(100% - 160px); padding:0 50px 0 20px; box-sizing:border-box;}
#subPage .contents .more_contents .more_list li a .textBox .text01{ font-size:20px; font-weight:500; color:#333; line-height:1;}
#subPage .contents .more_contents .more_list li a .textBox .text02{ font-size:14px; color:#a57c6e; margin-top:7px;}
#subPage .contents .more_contents .more_list li a .textBox .text03{ height:65px; font-size:14px; color:#666; line-height:1.5; margin-top:8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
#subPage .contents .more_contents .moreBtn{ position:relative; text-align:center}
#subPage .contents .more_contents .moreBtn:before{ content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:1px; background-color:#ccc;}
#subPage .contents .more_contents .moreBtn a{ position:relative; display:inline-block; width:250px; line-height:50px; font-size:16px; font-weight:500; color:#333; text-align:center; background-color:#f4f4f4; border:1px solid #ddd; z-index:1}
#subPage .contents .more_contents .moreBtn a span{ font-size:26px; font-weight:100; color:#aaa; margin-left:15px; vertical-align:sub;}

#subPage .contents .split_leftImage {position: relative;text-align: left;}
#subPage .contents .split_leftImage a {width:30%;display: block;}
#subPage .contents .split_leftImage a img {width: 100%;}
#subPage .contents .split_leftImage strong {width:69%;font-size: 20px;display: block;float:right;}
#subPage .contents .split_leftImage p {width:69%;font-size: 16px;display: block;float:right;}

#subPage .contents .hologramViewer {width:100%;background-color: #999;line-height: 700px;font-size: 30px;text-align: center;color:white;height: 700px;}
#subPage .contents .videoViewer {width:100%;background-color: #fff;}
#subPage .contents .videoViewer video {width:100%;}
#subPage .contents .pdfViewer {min-height: 900px;margin:0px;padding:0px;}
#subPage .contents .pdfViewer iframe {min-height: 900px;margin:0px;padding:0px;}

#subPage .contents .editor_output {padding:40px 15px;border-top: 1px solid #e4e2e1;min-height: 390px;}
#subPage .searchTxt {margin-bottom: 0px;}
#subPage #content {text-align: left;}
#subPage #content .contents {padding-top: 0px;}

#subPage .contents ul.imgList {margin-left: -1%;}
#subPage .contents ul.imgList li {width:19%;margin:0 0 40px 1%;}
#subPage .contents ul.imgList li .img {text-align: center;display: block}
#subPage .contents ul.imgList li .img img {height:150px;}
#subPage .contents ul.imgList li .txt {font-size: 16px;text-align: center;display:block;padding:10px 0px;}

@media (max-width:1500px){
#subPage .img_text_area .textBox{ font-size:15px; padding:30px 50px 30px 0;}
#subPage .img_text_area .imgBox{ right:0; width:50%;}
#subPage .img_text_area .imgBox figure{ height:400px;}
}

@media (max-width:1200px){
#subPage .center{ width:100%; padding:0 60px; box-sizing:border-box}
#subPage .img_text_area .textBox{ font-size:14px; padding:30px;}
#subPage .img_text_area .textBox:before{ display:none;}
#subPage .img_text_area .imgBox{ right:0; width:50%;}
#subPage .img_text_area .imgBox figure{ height:400px;}
#subPage .title_new{ font-size:36px;}
#subPage .parentTitle,
#subPage .subTitle01,
#subPage .parentTitle,
#subPage .list_text01{ font-size:20px;}
#subPage .subTitle02{ font-size:18px;}
#subPage .subTitle03{ font-size:16px;}
#subPage .list_title{ font-size:24px;}
#subPage .normal_text,
#subPage .right_bottom_text,
#subPage .img_text_area .imgBox figcaption,
#subPage .img_text_area .imgBox a,
#subPage .list_type01 li,
#subPage .list_type02 li{ font-size:14px;}
#subPage .tabBox a{ height:50px;}
#subPage .tabBox a span{ font-size:16px;}
#subPage .tableBox table th,
#subPage .tableBox table td{ font-size:16px; height:55px;}

#subPage .contents{ width:100%; padding:0 60px; box-sizing:border-box}
#subPage .contents .checkBox input + label{ margin-right:30px;}
#subPage .contents .list_header .rightBox .searchBox .select_cate{ width:80px;}
#subPage .contents .list_header .rightBox .searchBox .inputBox{ width:200px}
#subPage .contents .view_summary .galleryBox .gallery_view{ height:280px;}
#subPage .contents .view_summary .contents_table table th,
#subPage .contents .view_summary .contents_table table td{ height:50px;}
#subPage .contents .view_summary .contents_table .infoBox .infoBox_text{ line-height:50px;}
#subPage .contents .view_summary .contents_table .infoBox ul li .info01{ width:100px}
#subPage .contents .view_summary .contents_table .infoBox ul li .info02{ margin-left:30px;}
#subPage .contents .view_summary .contents_table .infoBox ul li .info03{ font-size:14px;}

#subPage .contents .detail_info .leftBox{ padding:0 30px;}
#subPage .contents .detail_info .leftBox ul.h_resize{ min-height:525px}
#subPage .contents .detail_info .leftBox ul:before{ left:50px;}
#subPage .contents .detail_info .leftBox ul li .info01{ width:100px}
#subPage .contents .detail_info .leftBox ul li .info02{ margin-left:30px;}
#subPage .contents .detail_info .leftBox ul li .info03{ font-size:14px;}
#subPage .contents .detail_info .rightBox{ padding:30px}
#subPage .contents .swiperBox .swiper-button-prev{ left:-30px;}
#subPage .contents .swiperBox .swiper-button-next{ right:-30px;}
#subPage .contents .detail_info .leftBox.imgBox{ width:60%; min-height:405px;}
#subPage .contents .detail_info .resize{ width:40%;}
#subPage .contents .detail_info .rightBox table th, #subPage .contents .detail_info .rightBox table td{ display:inline-block; vertical-align:middle; font-size:13px; padding:0}
#subPage .contents .detail_info .rightBox table th{ width:140px; box-sizing:border-box}
#subPage .contents .detail_info .rightBox table td{ width:calc(100% - 140px); box-sizing:border-box}

}

@media (max-width:1024px){
.pc{ display:none !important}
#header .headGnb .pc {display: inline !important;}
.mobile{ display:block !important}

#subPage .img_text_area{ width:80%; margin:0 auto 80px;}
#subPage .img_text_area .textBox{ position:relative; top:auto; left:auto; transform:none; width:100%; margin-bottom:10px;}
#subPage .img_text_area .imgBox{ display:block; right:auto; width:100%;}
#subPage .img_text_area .imgBox figure{ height:40vw;}

#subPage .contents .searchArea .searchBox{ width:calc(100% - 200px); height:55px; padding-left:60px;}
#subPage .contents .searchArea .searchBox img{ width:28px; left:25px;}
#subPage .contents .searchArea .searchBox input{ font-size:18px;}
#subPage .contents .searchArea .searchBtn a{ width:100px; line-height:55px; font-size:16px;}
#subPage .contents .checkBox{ padding:15px 30px;}
#subPage .contents .listBox li a .imgBox{ height:180px;}
#subPage .contents .listBox li a .textBox{ padding:20px 20px 50px;}
#subPage .contents .listBox li a .textBox .text01{ word-break: keep-all; font-size:20px; margin-bottom:10px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#subPage .contents .listBox li a .textBox .text02{ font-size:14px; height:112px; line-height:1.6;}
#subPage .contents .listBox li a .textBox .date{ left:20px; bottom:20px;}
#subPage .contents .listBox.type_list li a .imgBox{ width:280px; height:170px;}
#subPage .contents .listBox.type_list li a .textBox{ width:calc(100% - 280px); padding:5px 20px;}
#subPage .contents .listBox.type_list li a .textBox .text01{ font-size:18px;}
#subPage .contents .listBox.type_list li a .textBox .text02{ height:90px;}
#subPage .contents2 .list_header{ margin-top:0; text-align:left;}
#subPage .contents2 .list_header .text{ position:relative; top:auto; left:auto; transform:none; font-size:14px;}
#subPage .contents2 .list_header .rightBox{ float:none; margin-top:10px;}

#subPage .titleArea{ padding:50px 0;}
#subPage .titleArea .titleBox{ padding:30px 50px;}
#subPage .titleArea .titleBox .title{ font-size:28px;}
#subPage .titleArea .titleBox .subTitle{ font-size:16px; margin-bottom:40px;}
#subPage .titleArea .titleBox .subTitle:before{ bottom:-20px;}
#subPage .titleArea .titleBox .date{ font-size:14px;}
#subPage .contents .galleryBox .btnBox .btn01 span{ font-size:14px; line-height:45px;}
#subPage .contents .galleryBox .btnBox .btn02{ padding:0 20px;}
#subPage .contents .galleryBox .btnBox .btn02 img{ width:12px;}
#subPage .contents .galleryBox .btnBox .btn02 span{ font-size:14px; margin-left:5px; line-height:45px;}
#subPage .contents .galleryBox .gallery_view{ height:470px;}
#subPage .contents .galleryBox .gallery_thumbs{ width:600px; height:75px;}
#subPage .contents .view_summary .galleryBox .gallery_view{ height:240px;}
#subPage .contents .view_summary .galleryBox .gallery_thumbs{ height:50px}
#subPage .contents .view_summary .galleryBox .btn img{ width:12px;}
#subPage .contents .view_summary .galleryBox .btn span{ font-size:12px; margin-left:5px;}
#subPage .contents .view_summary .contents_table table th{ width:110px;}
#subPage .contents .view_summary .contents_table table th, #subPage .contents .view_summary .contents_table table td{ font-size:12px;}
#subPage .contents .view_summary .contents_table table td a img{ width:5px;}
#subPage .contents .view_summary .contents_table .infoBox .infoBox_text{ font-size:12px;}
#subPage .contents .view_summary .contents_table .infoBox ul{ padding:20px;}
#subPage .contents .view_summary .contents_table .infoBox ul li{ margin-bottom:10px;}
#subPage .contents .view_summary .contents_table .infoBox ul li .info01{ width:90px; line-height:35px; font-size:12px;}
#subPage .contents .view_summary .contents_table .infoBox ul li .info02{ width:30px; line-height:30px; font-size:12px; margin-left:20px;}
#subPage .contents .view_summary .contents_table .infoBox ul li .info03{ font-size:12px;}
#subPage .contents .tableBox ul li {background-size: 100px 1000px}
#subPage .contents .tableBox ul li .thBox{ width:100px; min-height:50px; font-size:14px; padding:15px;}
#subPage .contents .tableBox ul li .tdBox{ width: calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); font-size:14px; padding:0 15px;}
#subPage .contents .board_btn{ margin-top:30px; margin-bottom:100px;}
#subPage .contents .btn_big{}
#subPage .contents .board_btn a{ width:100px; line-height:45px; font-size:14px;}
#subPage .contents .btn_big a{ width:100px; line-height:45px; font-size:14px;}
#subPage .contents .btn_medium a{ width:100px; line-height:35px; font-size:14px;}
#subPage .contents .btn_small a{ width:90px; line-height:25px; font-size:14px;}
#subPage .contents .detail_info .leftBox{ padding:0 20px;}
#subPage .contents .detail_info .leftBox ul{ padding:26px 0}
#subPage .contents .detail_info .leftBox ul.h_resize{ min-height:455px;}
#subPage .contents .detail_info .leftBox ul:before{ left:50px;}
#subPage .contents .detail_info .leftBox ul li{ margin-bottom:10px;}
#subPage .contents .detail_info .leftBox ul li .info01{ width:90px; line-height:35px; font-size:12px;}
#subPage .contents .detail_info .leftBox ul li .info02{ width:30px; line-height:30px; font-size:12px; margin-left:20px;}
#subPage .contents .detail_info .leftBox ul li .info03{ font-size:12px;}
#subPage .contents .detail_info .leftBox.imgBox{  min-height:357px;}
#subPage .contents .detail_info .rightBox{ padding:20px;}
#subPage .contents .detail_info .rightBox .info_title{ font-size:24px;}
#subPage .contents .detail_info .rightBox .datailBtn{ width:120px; font-size:14px; }
#subPage .contents .detail_info .rightBox .basic_info{ margin-top:20px;}
#subPage .contents .detail_info .rightBox .basic_info span{ font-size:12px; }
#subPage .contents .detail_info .rightBox table th, #subPage .contents .detail_info .rightBox table td{ font-size:12px;}
#subPage .contents .swiperBox .swiper_title{ font-size:20px; margin-bottom:15px;}
#subPage .contents .swiperBox.swiperBoxMiddle .swiper_title{ font-size:20px; margin-bottom:15px;}
#subPage .contents .swiperBox .swiper_title .viewer_btn{ width:120px; font-size:14px;}
#subPage .contents .swiperBox .swiper_title .viewer_btn span{ font-size:14px;}
#subPage .contents .swiperBox .swiper-container .swiper-slide .imgBox{ height:120px;}
#subPage .contents .swiperBox.swiperBoxMiddle .button{ top:95px}
#subPage .contents .swiperBox .button{ top:95px}
#subPage .contents .swiperBox .swiper-container .swiper-slide .textBox{ font-size:14px; margin-top:15px;}
#subPage .contents .more_contents{ margin:70px 0}
#subPage .contents .more_contents .more_contents_title{ font-size:20px; padding-bottom:15px;}
#subPage .contents .more_contents .more_list li{ padding:10px 0}
#subPage .contents .more_contents .more_list li a .imgBox{ width:140px; height:110px;}
#subPage .contents .more_contents .more_list li a .textBox{ width: -webkit-calc(100% - 140px); width: -moz-calc(100% - 140px); width: calc(100% - 140px); padding:0 30px 0 15px }
#subPage .contents .more_contents .more_list li a .textBox .text01{ font-size:16px;}
#subPage .contents .more_contents .more_list li a .textBox .text02{ font-size:12px;}
#subPage .contents .more_contents .more_list li a .textBox .text03{ font-size:13px; height:58px;}
#subPage .contents .more_contents .moreBtn a{ width:180px; line-height:40px; font-size:14px; }
#subPage .contents .more_contents .moreBtn a span{ font-size:22px; margin-left:10px;}
}

#subPage #threeDiv{width:1200px;}
#subPage #fullscreen{width:1200px;}

@media (max-width:768px){
/* 모바일화면 수정 */
#subPage #threeDiv{width:100% !important;}
#subPage #fullscreen{width:100% !important;}
#subPage .center{ padding:0 20px; margin:50px 0 100px;}
#subPage *{ letter-spacing:-0.05em;}
#subPage .title_new{ font-size:24px; padding-bottom:40px; margin-bottom:40px;}
#subPage .title_new:before{ width:100px;}
#subPage .title_new.line_none{ margin-bottom:20px;}
#subPage .img_text_area{ width:100%; margin:0 auto 50px;}
#subPage .subTitle01, #subPage .list_text01, #subPage .parentTitle{ font-size:14px; margin-bottom:10px;}
#subPage .normal_text, #subPage .right_bottom_text, #subPage .img_text_area .imgBox figcaption, #subPage .img_text_area .imgBox a, #subPage .list_type01 li, #subPage .list_type02 li{ font-size:12px;}
#subPage .right_bottom_text a{ display:block;}
#subPage .right_bottom_text a img{ width:5px;}
#subPage .img_text_area .textBox{ font-size:12px; padding:20px;}
#subPage .img_text_area .imgBox figure{ height:50vw;}
#subPage .img_text_area .imgBox figcaption{ margin-top:10px;}
#subPage .list_title{ font-size:18px; margin-bottom:10px;}
#subPage .depth01{ padding-left:10px;}
#subPage .depth02{ padding-left:20px;}
#subPage .list_type02{ padding:15px;}
#subPage .subTitle02, #subPage .subTitle03{ margin-bottom:10px;}
#subPage .bullet01, #subPage .bullet02, #subPage .bullet03, #subPage .bullet04, #subPage .bullet05, #subPage .bullet06, #subPage .bullet07, #subPage .bullet08{ padding-left:10px;}
#subPage .bullet01:before{ left:-10px !important}
#subPage .bullet02:before,
#subPage .bullet03:before,
#subPage .bullet07:before,
#subPage .bullet08:before{ left:-5px !important}
#subPage .bullet04:before{ width:3px;}
#subPage .bullet05:before{ left:-15px !important}
#subPage .bullet06:before{ left:-8px !important}
#subPage .line:after{ bottom:-6px;}
#subPage .tabBox{ margin:50px 0}
#subPage .tabBox a{ height:40px;}
#subPage .tabBox a span{ font-size:12px;}
#subPage .tableBox table th, #subPage .tableBox table td{ font-size:12px; height:40px;}
#subPage .tableBox .table02 th{ width:auto; padding:0 10px;}
#subPage .tableBox .table02 td{ padding:0 10px;}
#subPage .contents{ padding:0 20px; margin:50px 0 100px}
#subPage .contents .searchArea .searchBox{ width:calc(100% - 120px); height:45px; padding-left:30px;}
#subPage .contents .searchArea .searchBox img{ left:10px; width:20px;}
#subPage .contents .searchArea .searchBox input{ font-size:14px;}
#subPage .contents .searchArea .searchBtn a{ width:60px; line-height:45px; font-size:12px;}
#subPage .contents .checkBox{ padding:10px;}
#subPage .contents .checkBox input + label{ font-size:12px; background-size:14px; margin-right:20px;}
#subPage .contents .list_header{ margin-top:0; text-align:left;}
#subPage .contents .list_header .text{ position:relative; top:auto; left:auto; transform:none; font-size:14px;}
#subPage .contents .list_header .text .typeBtn{ margin-left:0; vertical-align:baseline}
#subPage .contents .list_header .text .typeBtn a img{ width:12px;}
#subPage .contents .list_header .rightBox{ float:none; margin-top:5px;}
#subPage .contents .list_header .rightBox .searchBox{ display:block; width:100%; margin-bottom:5px;}
#subPage .contents .list_header .rightBox .searchBox .select_cate{ width:60px; height:30px;}
#subPage .contents .list_header .rightBox .searchBox .select_cate select{ font-size:12px; padding-left:10px;}
#subPage .contents .list_header .rightBox .searchBox .inputBox{ width:160px; height:30px;}
#subPage .contents .list_header .rightBox .searchBox .inputBox input{ font-size:12px; padding-left:10px;}
#subPage .contents .list_header .rightBox .searchBox .inputBox .btn img{ width:16px;}
#subPage .contents .list_header .rightBox .searchBox .detailBtn{ width:60px; height:30px; line-height:28px; font-size:12px;}
#subPage .contents .list_header .rightBox .typeBtn a{ width:30px; height:30px;}
#subPage .contents .list_header .rightBox .typeBtn a img{ width:50%;}
#subPage .contents .list_header .rightBox .selectBox{ width:110px; height:30px; margin-left:5px;}
#subPage .contents .list_header .rightBox .selectBox select{ font-size:12px; padding-left:10px;}
#subPage .contents .listBox li{ width:49%; margin-right:2%; margin-bottom:10px;}
#subPage .contents .listBox li:nth-child(3n){ margin-right:2%}
#subPage .contents .listBox li:nth-child(even){ margin-right:0 !important}
#subPage .contents .listBox li a .imgBox{ height:32vw;}
#subPage .contents .listBox li a .textBox{ padding:10px 10px 40px;}
#subPage .contents .listBox li a .textBox .text01{ font-size:2vh; margin-bottom:5px;}
#subPage .contents .listBox li a .textBox .text02{ font-size:2vh; height:auto;}
#subPage .contents .listBox li a .textBox .date{ font-size:11px; left:10px; bottom:10px;}
#subPage .contents .listBox.type_half li{ width:49%; margin-right:2%; margin-bottom:10px;}
#subPage .contents .listBox.type_half li:nth-child(3n){ margin-right:2%}
#subPage .contents .listBox.type_half li:nth-child(even){ margin-right:0 !important}
#subPage .contents .listBox.type_half li a .imgBox{ height:32vw;}
#subPage .contents .listBox.type_half li a .textBox{ padding:10px 10px 40px;}
#subPage .contents .listBox.type_half li a .textBox .text01{ font-size:14px; margin-bottom:5px;}
#subPage .contents .listBox.type_half li a .textBox .text02{ font-size:12px; height:auto;}
#subPage .contents .listBox.type_half li a .textBox .date{ font-size:11px; left:10px; bottom:10px;}
#subPage .contents .listBox.type_list li a .imgBox{ width:140px; height:85px;}
#subPage .contents .listBox.type_list li a .textBox{ width:calc(100% - 140px); padding:0 10px;}
#subPage .contents .listBox.type_list li a .textBox .text01{ font-size:14px; margin-bottom:5px;}
#subPage .contents .listBox.type_list li a .textBox .date{ margin-bottom:5px;}
#subPage .contents .listBox.type_list li a .textBox .text02{ height:auto; font-size:12px; line-height:1.4; -webkit-line-clamp:2;}
#subPage .contents2 .list_header .rightBox .selectBox{ margin-left:0; margin-right:5px;}
#subPage .pageBtn a{ width:30px; height:30px; line-height:30px; font-size:11px;}

#subPage .titleArea{ padding:40px 20px; box-sizing:border-box}
#subPage .titleArea .titleBox{ width:100%; padding:20px 30px; box-sizing:border-box}
#subPage .titleArea .titleBox .title{ font-size:20px;}
#subPage .titleArea .titleBox .subTitle{ font-size:14px; margin-top:10px; margin-bottom:30px}
#subPage .titleArea .titleBox .subTitle:before{ width:80px; bottom:-15px}
#subPage .titleArea .titleBox .date{ font-size:12px;}
#subPage .contents .galleryBox .btnBox .btn01{ margin-left:10px;}
#subPage .contents .galleryBox .btnBox .btn01 img{ width:11px;}
#subPage .contents .galleryBox .btnBox .btn01 span{ font-size:12px; margin-left:4px; line-height:35px;}
#subPage .contents .galleryBox .btnBox .btn02{ padding:0 10px;}
#subPage .contents .galleryBox .btnBox .btn02 img{ width:11px;}
#subPage .contents .galleryBox .btnBox .btn02 span{ font-size:12px; line-height:35px;}
#subPage .contents .galleryBox .gallery_view{ height:50vw;}
#subPage .contents .galleryBox .gallery-thumbs-box{ position:relative; left:auto; bottom:auto; padding:7px 30px; box-sizing:border-box; }
#subPage .contents .galleryBox .gallery_thumbs{ width:100%; height:50px;}
#subPage .contents .galleryBox .button{ display:none}
#subPage .contents .view_summary{ padding:20px 0}
#subPage .contents .view_summary .galleryBox{ float:none; width:100%;}
#subPage .contents .view_summary .galleryBox .gallery_view{ height:190px}
#subPage .contents .view_summary .contents_table{ float:none; width:100%; margin-top:20px;}
#subPage .contents .view_summary .contents_table table th{ width:80px; height:40px; padding:0; font-size:11px;}
#subPage .contents .view_summary .contents_table table td{ height:40px; padding:0 10px; font-size:11px;}
#subPage .contents .view_summary .contents_table .infoBox .infoBox_text{ line-height:40px; padding-left:18px; font-size:11px;}
#subPage .contents .view_summary .contents_table .infoBox ul li .info01{ width:60px; line-height:25px;}
#subPage .contents .view_summary .contents_table .infoBox ul li .info01:before{ width:25px; right:-27px;}
#subPage .contents .view_summary .contents_table .infoBox ul li .info02{ width:25px; line-height:25px; font-size:11px; margin-left:15px;}
#subPage .contents .view_summary .contents_table .infoBox ul li .info03{ font-size:11px; margin-left:5px;}
#subPage .contents .tableBox{ margin-bottom:20px;}
#subPage .contents .tableBox ul{ display:block}
#subPage .contents .tableBox ul li{ display:block; width:100%;}
#subPage .contents .tableBox ul li .thBox{ width:100px; min-height:40px; font-size:12px; padding:10px;}
#subPage .contents .tableBox ul li .tdBox{ width:calc(100% - 100px); font-size:12px; padding:10px 10px;}
#subPage .contents .board_btn{ margin-top:20px; margin-bottom:60px; text-align:center;}
/*#subPage .contents .btn_big{ text-align:center;}*/
#subPage .contents .detail_info .leftBox{ float:none; width:100%; padding:0 15px;}
#subPage .contents .detail_info .leftBox ul{ padding:20px 0}
#subPage .contents .detail_info .leftBox ul.h_resize{ min-height:0}
#subPage .contents .detail_info .leftBox ul:before{ left:30px;}
#subPage .contents .detail_info .leftBox ul li .info01{ width:60px; line-height:25px;}
#subPage .contents .detail_info .leftBox ul li .info01:before{ width:25px; right:-27px;}
#subPage .contents .detail_info .leftBox ul li .info02{ width:25px; line-height:25px; font-size:11px; margin-left:15px;}
#subPage .contents .detail_info .leftBox ul li .info03{ font-size:11px; margin-left:5px;}
#subPage .contents .detail_info .leftBox.imgBox{ width:100%; min-height:52vw;}
#subPage .contents .detail_info .rightBox.resize{ width:100%;}
#subPage .contents .detail_info .rightBox{ float:none; width:100%; padding:20px 15px; border-left:none; border-top:1px solid #ddd;}
#subPage .contents .detail_info .rightBox .info_title{ font-size:18px;}
#subPage .contents .detail_info .rightBox .datailBtn{ width:90px; font-size:11px;}
#subPage .contents .detail_info .rightBox .basic_info span{ font-size:11px;}
#subPage .contents .detail_info .rightBox .basic_info:before{ height:1px}
#subPage .contents .detail_info .rightBox table th, #subPage .contents .detail_info .rightBox table td{ font-size:11px;}
#subPage .contents .detail_info .rightBox table th{ width:100px; }
#subPage .contents .detail_info .rightBox table td{ width:calc(100% - 100px);}
#subPage .contents .swiperBox .swiper_title{ font-size:14px; letter-spacing:-0.05em; overflow:hidden; margin-bottom:5px;}
#subPage .contents .swiperBox.swiperBoxMiddle .swiper_title{ font-size:14px; letter-spacing:-0.05em; overflow:hidden; margin-bottom:5px;}
#subPage .contents .swiperBox .swiper_title:after{ content:""; display:block; clear:both}
#subPage .contents .swiperBox .swiper_title .viewer_btn{ position:relative; top:auto; right:auto; transform:none; float:right; display:block; width:90px; font-size:11px; margin-top:10px;}
#subPage .contents .swiperBox .swiper_title .viewer_btn img{ width:10px;}
#subPage .contents .swiperBox .swiper_title .viewer_btn span{ font-size:11px; line-height:27px;}
#subPage .contents .swiperBox .swiper-container .swiper-slide .imgBox{ height:100px;}
#subPage .contents .swiperBox .swiper-container .swiper-slide .textBox{ font-size:12px; margin-top:10px;}
#subPage .contents .swiperBox.swiperBoxMiddle .button{ width:10px; height:18px; top:50%;}
#subPage .contents .swiperBox .button{ width:10px; height:18px; top:50%;}
#subPage .contents .swiperBox .swiper-button-prev{ left:-15px}
#subPage .contents .swiperBox .swiper-button-next{ right:-15px;}
#subPage .contents .more_contents .more_contents_title{ font-size:14px; padding-bottom:10px;}
#subPage .contents .more_contents .more_list li{ float:none; width:100%; padding:5px 0;}
#subPage .contents .more_contents .more_list li a .imgBox{ width:120px; height:90px;}
#subPage .contents .more_contents .more_list li a .textBox{ width:calc(100% - 120px); padding:3px 10px;}
#subPage .contents .more_contents .more_list li a .textBox .text01{ font-size:14px;}
#subPage .contents .more_contents .more_list li a .textBox .text02{ font-size:11px;}
#subPage .contents .more_contents .more_list li a .textBox .text03{ font-size:12px; height:auto; -webkit-line-clamp:2}
#subPage .contents .more_contents .moreBtn a{ width:120px; font-size:12px;}
#subPage .contents .more_contents .moreBtn a span{ font-size:20px; vertical-align:bottom}
}

.forceHidden {display:none;}
.mt_100 {margin-top:100px;}
.mt_70 {margin-top:70px;}



.knowList {text-align: left;padding:50px 30px 50px 60px;text-indent: -30px;background-color: #fbfbfb;color:#666;}
.knowList li {font-size: 20px;line-height: 340%;}
.knowList li b {font-size: 18px;color:#333;}
.knowList li ul {padding-left: 30px;}
.knowList li ul li {line-height: 200%;font-size: 16px;}
.knowList li ul li b {font-size: 14px;}

.locationWrap .snsLkList li.facebook_new {font-size: 25px;color:white;line-height: 25px;margin-left: 15px;padding:0px !important;}
.locationWrap .snsLkList li.facebook_new a {background: url(../../images/new/sns_facebook.svg);  filter: brightness(0) invert(1); display: block;color:white;width:24px;}
.locationWrap .snsLkList li.x_new {font-size: 22px;color:white;line-height: 25px;margin-left: 15px;padding:0px !important;}
.locationWrap .snsLkList li.x_new a {background: url(../../images/new/sns_x.svg);  filter: brightness(0) invert(1); display: block;color:white;width:24px;}
.locationWrap .snsLkList li.url_new {font-size: 22px;color:white;line-height: 25px;margin-left: 15px;padding:0px !important;}
.locationWrap .snsLkList li.url_new a {background: url(../../images/new/sns_urlcopy.svg);  filter: brightness(0) invert(1); display: block;color:white;width:24px;}
.locationWrap .snsLkList li.kakaostory {font-size: 22px;color:white;line-height: 25px;margin-left: 15px;padding:0px !important;}
.locationWrap .snsLkList li.kakaostory a {background: url(../../images/new/kakaostory.png);background-size: auto 24px;background-repeat: no-repeat;border-radius: 0px;color:white;height:26px;background-position: 50% 50%;}


.btn_orange a {background-color: #E04B0F !important}
.btn_brown a {background-color: #675D59 !important}
.btn_round a {border-radius: 30px}

.lightBoxModal {background-color: rgba(0,0,0,0.8);position: fixed;top:0px;left:0px;width:100%;height:100%;cursor: pointer;z-index: 9999;}
.lightBoxModal img {position: absolute;margin: auto;width: 70%;border:10px solid white;margin-left:15%;margin-top: 10%;}




.remainsView {border:none !important;padding-top: 0px !important}
.boardView h3 {margin-left:0px;margin-right: 0px;}


/* 20201023 오승헌 수정. 목록에서 검색결과 없을때*/
.emptyList {padding:130px;background: #eee;text-align: center;font-style: 18px;color:#333;}
/* 201023 오승헌. 상단 메뉴가 이미지 목록 뒤로 숨겨짐*/
#header {position: fixed;z-index: 1001;}
.viewCategory .mapNav2 {z-index: 1000 !important;}