@charset "utf-8";

/*
    에디터 너비를 페이지와 맞추기 위해 좌우 20px 늘림
*/
#view-title { background:#eeeeee; border:1px solid #cccccc; padding:10px 20px }
.wrap {width:1200px; margin:0 auto}
.wrap-md {width:850px; margin:0 auto}

/*
================================================================================
    페이지 떠다니는 버튼
    버전관리 / 페이지수정
================================================================================
*/
.view-page-buttons {z-index: 999;position:relative;}
.view-page-buttons.fixed {position: fixed;top:50px;}
.view-page-buttons .buttons {position:absolute;left:-45px; top:10px;display:flex;flex-direction: column;}
.view-page-buttons .buttons .btn {width:35px; height:35px;overflow:hidden;display:block;color:#191919;background:#f9f9f9; font-size:17px }
.view-page-buttons .buttons .btn:hover {width:150px;margin-right:-150px;}
.view-page-buttons .buttons .btn:hover {background:#dfdfdf}

/*
================================================================================
    글쓰기 페이지
================================================================================
*/
.write-page-buttons { padding:20px 0; display:flex; justify-content: center }
.write-page-buttons .btn {
    font-size: 18px;
    text-decoration: none;
    width:200px;
    height:3em;
    padding:.6em 0;
    display:block;
    color:#191919;
    background:#f9f9f9;
}
.write-page-buttons .btn.btn-submit {color:#fff;background:#4876ef;}
.write-page-buttons .btn.btn-submit:hover {background:#3a8afd;}

/*
================================================================================
    dropzone.js
    커스터마이징
================================================================================
*/
.dropzone {
    min-height: auto;
    background:#f8f8f8;
    margin-bottom:10px; border:1px solid #d1d1d1; border-top:0; padding:5px;
    display:flex; flex-wrap: wrap; justify-content: flex-start;
    width:calc(100% + 2px);
}
.dropzone .dz-message {
    width:100%;
    text-align: center;
}
.dropzone .dz-message .dz-button {
    font-size:16px;
    font-weight: 400;
    color:#999;
}
.dropzone .dz-image,
.dropzone .dz-details { cursor:pointer }
.dropzone .dz-image img { width:120px; height:120px; object-fit: cover }
.dropzone .dz-preview.dz-image-preview {background: transparent;}
.dropzone .dz-preview .dz-remove {
    font-size: 16px;color:#fff;background:#f00;
    border-radius: 20px;
    width:28px; height:28px;
    position:absolute;
    right:0; top:0;
    z-index: 100;
    cursor: pointer;
    display:flex; justify-content: center; align-items: center;
}
.dropzone .dz-preview .dz-remove:hover { text-decoration: none}
.dropzone .dz-preview .dz-remove i {cursor: pointer;}
.dropzone .dz-preview .dz-details .dz-size {margin-bottom: .5em;}
.dropzone .dz-preview .dz-details .dz-filename {margin-bottom: .5em;}
.dropzone .dz-details .dz-buttons { display: flex; justify-content: space-between; }
.dropzone .dz-details .dz-buttons button { border:0; background: #4876ef; border-radius: 5px; color:#fff; padding:5px; cursor: pointer; font-size: .8em }

/**
================================================================================
    swiper
    custom
================================================================================
 */
.swiper { position:relative; overflow:hidden }
.swiper .swiper-slide { display:flex; justify-content: space-between; }
.swiper .swiper-slide h3 { padding-top:167px; padding-left: 45px; font-size:30px }
.swiper .swiper-slide img { width:740px; height:450px }
.swiper .swiper-pagination.swiper-pagination-bullets {position:absolute;top: 130px;left: 45px;transform: none;width:auto;}

.swiper-button-next, .swiper-button-prev {color: #111; top:420px }
.swiper-button-next:after, .swiper-button-prev:after {font-size: 25px; font-weight: 800}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {left: 380px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 340px;}

/*
================================================================================
    jquery-ui
    탭 디자인
================================================================================
*/
.tabs.ui-tabs .ui-tabs-nav {margin: 0 0 40px 0;padding: 0;display: flex; width:100%;}
.tabs.ui-widget.ui-widget-content {border: none;border-radius: 0;padding:0;}
.tabs.ui-widget.ui-widget-content img {margin-bottom:20px}
.tabs .ui-widget-header {border: none;background: none;}
.ui-tabs .ui-tabs-panel {padding: 0;}
.ui-tabs .ui-tabs-nav li {margin: 0 -1px 0 0 !important;width:100%; min-width:fit-content;background:none;border:none}
.ui-tabs .ui-tabs-nav li a {display: block; background:#fff; border:1px solid #e2e2e2; width:100%; padding:15px 20px; text-align: center; font-size:20px; font-weight: 400; color:#7f7f7f;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {outline: none;background:#4876f0; color:#fff;border:1px solid #4876f0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active:focus a,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a:focus {outline: 0;border:1px solid #4876f0;}
.ui-tabs .ui-tabs-nav li a:hover {color:#000}
.ui-tabs .ui-tabs-panel p { flex-wrap: wrap }

/*
================================================================================
    레이어 팝업 스타일
    페이지 히스토리
================================================================================
*/
.pop-layer .pop-container {padding: 20px 25px;font-size:15px;}
.pop-layer p.ctxt {color: #191919;line-height: 25px;}
.pop-layer .btn-r {width: 100%;margin: 10px 0 20px;padding-top: 10px;border-top: 1px solid #DDD;text-align: right;}
.pop-layer {display: none;position: absolute;top: 50%;left: 50%;width: 510px;height: auto;background-color: #fff;border: 5px solid #3571B5;z-index: 10;}
.dim-layer {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;}
.dim-layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.dim-layer .pop-layer {display: block;}
a.btn-layerClose {display: inline-block;padding: 10px 20px;border: 1px solid #304a8a;background-color: #3f5a9d;font-size: 18px;color: #fff;line-height: 18px;}
a.btn-layerClose:hover {border: 1px solid #091940;background-color: #1f326a;color: #fff;}
#page-history .pop-container ul li {
    padding-left:16px;
    font-size:17px;
    font-weight: 400;
    color:#111111; margin-bottom: 10px;
    background:no-repeat left .6em url("img/detail-page-bullet-type1.png")
}
#page-history .pop-container ul li a:hover { text-decoration: underline }
#page-history .pop-container h2 { margin-bottom:20px }

/*
================================================================================
    jquery-ui
    아코디언 커스텀
================================================================================
*/
.page-contents .accordion { border-top: 1px solid #000;border-bottom:1px solid #c0c0c0;}
.page-contents .ui-accordion .ui-accordion-header {border:none;border-top:1px solid #c0c0c0;border-radius: 0;margin-top:0;padding:20px 40px;background-color: #fff;line-height: 40px;font-size:20px;outline: none;color: #191919}
.page-contents .ui-accordion .ui-accordion-header.ui-state-active {color: #4876ef}
.page-contents .ui-accordion .ui-accordion-header span { display:none }
.page-contents .ui-accordion .ui-accordion-header:after {content: "\f067";font-family: FontAwesome, serif;float:right;}
.page-contents .ui-accordion .ui-accordion-header.ui-state-active:after {content: "\f068";}
.page-contents .ui-accordion .ui-accordion-content {padding: 55px 45px;border: none;font-size:15pt;background: #f9f9f9}
.page-contents .ui-accordion .ui-accordion-content h4 {margin-bottom:20px}

/*2022-11-17 다초점렌즈 아코디언*/
#m03_s04_accordion .m03_s04_accordion_wrap div {
    width: 33.333%;
    padding: 10px;
    box-sizing: border-box;
    float: left;
}
#m03_s04_accordion .m03_s04_accordion_wrap div img {
    padding-bottom: 20px;
}


/*
================================================================================
    페이지 컨텐츠 디자인 (공통)
================================================================================
*/
.page-contents { font-size:18px; line-height: 1.6; min-height: 500px; width:1200px; margin:0 auto }
.page-contents img { max-width: 100% }

/* Headings */
.page-contents h1 {font-size:42px; color:#191919; font-weight:700; margin-bottom:10px}
.page-contents h2 {font-size:25px; color:#191919; font-weight:700; margin-bottom:20px}
.page-contents h3 {font-size:22px; color:#191919; font-weight:700; margin-bottom:20px}

/* 기본 목록 스타일 */
.page-contents ul { list-style:none; margin:0; padding:0 }
.page-contents ul li {
    padding-left:1em;
    font-size:18px;
    font-weight: 400;
    color:#111111; margin-bottom: .5em;
    background:no-repeat left .6em url("img/detail-page-bullet-type1.png")
}

/* 페이지 섹션 */
.page-contents .gs-section { color:#191919; font-weight: 400; padding:150px 0 50px 0; position:relative; }
.page-contents .gs-section .gs-section-tail { position:absolute; bottom:5px; width:100%; text-align:center; }
.page-contents .gs-section.center {text-align:center}
.page-contents .gs-section.bg {background-repeat: no-repeat; background-position: center bottom; background-size: cover}
.page-contents .gs-section.gray {background-color:#f7f7f7}
.page-contents .gs-section h2 { color:#191919; font-size: 42px; font-weight: 700 }
.page-contents .gs-section .f-left { float:left; margin:0 20px 20px 0 }
.page-contents .gs-section.full-width {
    margin-left:calc((100vw - 1729px) / 2 - (100vw - 1729px));
    margin-right:calc((100vw - 1729px) / 2 - (100vw - 1729px) - 150px);
    padding-right:150px;
}
.page-contents.cke_editable .gs-section.full-width {margin:0}

.page-contents .gs-section.animation { padding:0; overflow: hidden; position:relative }
.page-contents .gs-section.animation .wrap { z-index: 10; position:absolute; left:0; top:0; width:100%; padding-top:150px }
.page-contents .gs-section.animation .background { z-index: 1; position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;  transform: scale(1.2); padding:0  }
.page-contents .gs-section.animation.on .background {transform: scale(1);transition: transform 0.7s ease-out}
.page-contents.cke_editable .gs-section.animation .background { transform: scale(1)}

/* 컬럼 디자인 */
.page-contents .gs-column { display:flex; justify-content: space-between }
.page-contents .gs-column.gs-column-wrap,
.page-contents .gs-column.wrap { flex-wrap: wrap }
.page-contents .gs-column.full-width {
    position: absolute;
    z-index: 0;
    left: 379px;
    padding-right:50px;
    width: calc(100vw - 379px);
}
.page-contents.cke_editable .gs-section.full-width {position: relative;left: 0;width: 100%; padding-right: 0 }
.page-contents .gs-column .col { flex-grow:1; box-sizing: border-box; margin-bottom:10px; }
.page-contents .gs-column.wrap .col { flex-grow: unset }
.page-contents .gs-column .col.circle { border-radius: 50%; display: flex; align-items: center; justify-content: center }
.page-contents .gs-column .col.gray { background-color: #f7f7f7 }
.page-contents .gs-column .col.padding { padding:70px 40px }
.page-contents .gs-column .col.padding-small { padding:20px 20px }
.page-contents .gs-column .col.border { border:1px solid #eaedeb }

.page-contents .gs-column.wrap.col2 .col { flex-basis: 50% }
.page-contents .gs-column.wrap.col2.space6 .col { flex-basis: calc(50% - 3px); margin-bottom:6px }
.page-contents .gs-column.wrap.col2.space10 .col { flex-basis: calc(50% - 5px) }
.page-contents .gs-column.wrap.col2.space20 .col { flex-basis: calc(50% - 20px) }
.page-contents .gs-column.wrap.col3 .col { flex-basis: 33.33% }
.page-contents .gs-column.wrap.col3.space15 .col { flex-basis: calc(33.33% - 15px) }

.page-contents .gs-column.col5 { justify-content: flex-start }
.page-contents .gs-column.col5 .col { flex-grow:unset; width:20%; }
.page-contents .gs-column.col5.space .col { width:calc(20% - 8px); margin-right:10px }
.page-contents .gs-column.col5.space .col:nth-child(5n + 5) { margin-right:0 }
.page-contents .gs-column.col5.small .col.padding { padding:30px 20px }

.page-contents .gs-column.col-2-1 { flex-grow: unset }
.page-contents .gs-column.col-2-1 .col:first-child { width:66% }
.page-contents .gs-column.col-2-1 .col:last-child { width:33% }
.page-contents .gs-column.col-1-3 .col:first-child { width:25% }
.page-contents .gs-column.col-1-3 .col:last-child { width:75% }
.page-contents .gs-column.col-3-1 .col:first-child { width:75% }
.page-contents .gs-column.col-3-1 .col:last-child { width:25% }

.page-contents .gs-column .col .header { border-bottom:1px solid #cccfd6; padding-bottom:60px; margin-bottom:37px }
.page-contents .gs-column .col .header.no-padding { padding-bottom:0 }

.page-contents .gs-column .col .footer { border-top:1px solid #cccfd6; padding-top:40px; margin-top:37px }
.page-contents .gs-column .col .footer.no-padding { padding-top:0 }

.page-contents .gs-column .col.flex { display:flex; align-items: center }
.page-contents .gs-column .col.flex p:first-child { width:25%; margin:0 20px }
.page-contents .gs-column .col.flex p:last-child { width:75%; margin-right:20px }

.page-contents .gs-column.col2.space20 .col { margin-right:20px }
.page-contents .gs-column.col2.space20 .col:nth-child(2n + 2) { margin-right:0 }

.page-contents .gs-column.col3.space15 .col { margin-right:15px }
.page-contents .gs-column.col3.space15 .col:nth-child(3n + 3) { margin-right:0 }

.page-contents .gs-column.col4.space .col { width:calc(25% - 12px); margin-right:15px }
.page-contents .gs-column.col4.space .col:nth-child(4n + 4) { margin-right:0 }

.page-contents .gs-column.col5.space .col { width:calc(20% - 14px); margin-right:15px }
.page-contents .gs-column.col5.space .col:nth-child(5n + 5) { margin-right:0 }

.page-contents .gs-column.overlay { flex-wrap: nowrap}
.page-contents .gs-column.overlay .col {
    display:flex; flex-direction: column; justify-content: center; align-items: center;
    mix-blend-mode: multiply;
    margin-left:-40px; width:25%; height:322px; border-radius: 140px
}
.page-contents .gs-column.overlay .col:nth-child(1) .gs-btn.btn-outline:hover {color:#4876ef}
.page-contents .gs-column.overlay .col:nth-child(2) .gs-btn.btn-outline:hover {color:#48b2ef}
.page-contents .gs-column.overlay .col:nth-child(3) .gs-btn.btn-outline:hover {color:#2ee0de}
.page-contents .gs-column.overlay .col:nth-child(4) .gs-btn.btn-outline:hover {color:#44eca7}

.page-contents .gs-column.overlay .col:first-child { margin-left:0 }
.page-contents .gs-column.overlay .col h3 {font-size:30px; margin-bottom: 0;}

.page-contents .gs-column.overlay.col5 .col {
    height:272px; border-radius: 120px;
}

.page-contents .gs-column.circle .col { height:272px; width:272px; border-radius: 50%; background-color:#4876ef; color:#fff; display:flex; justify-content: center; align-items: center; margin-right:20px }
.page-contents .gs-column.circle .col strong { font-size:25px }
.page-contents .gs-column.circle .col:nth-child(2) { background-color:#48b2ef }
.page-contents .gs-column.circle .col:nth-child(3) { background-color:#2ee0de }
.page-contents .gs-column.circle .col:nth-child(4) { background-color:#44eca7 }

.page-contents .gs-column.break p { margin-bottom:20px }

.page-contents .gs-column .image-box { height:350px }

/* 박스 디자인 */
.page-contents .gs-box { border:1px solid #d5d5d5; padding:50px }

/* 타이틀과 설명 2컬럼 */
.title-desc-2col .item { border-top:1px solid #e8e8e8; padding:35px 0; font-size:18px; display:flex }
.title-desc-2col .item:first-child { border-top:none }
.title-desc-2col .item .title { width:140px; font-size: 20px; font-weight: 700; margin-right:20px !important; }
.title-desc-2col .item .info { width:1000px; font-weight: 300 }
.title-desc-2col .item .info ul li { font-size:18px; font-weight: 300; }

/* 테이블 스타일 */
.page-contents table.gs-table { border-collapse: collapse; border:none; margin-bottom:20px; border-top:2px solid #000 }
.page-contents table.gs-table td,
.page-contents table.gs-table th { padding:15px; border:1px solid #e1e1e1 }
.page-contents table.gs-table.center td,
.page-contents table.gs-table.center th { text-align: center }
.page-contents table.gs-table tr th { font-weight:700; background-color: #f9f9f9 }
.page-contents table.gs-table td:first-child,
.page-contents table.gs-table th:first-child { border-left:0 }
.page-contents table.gs-table td:last-child,
.page-contents table.gs-table th:last-child { border-right:0 }
.page-contents table.gs-table.no-border td,
.page-contents table.gs-table.no-border th { border-left:0; border-right:0 }
.page-contents table.gs-table tbody .last-line td { position:absolute; margin-top:-1px; padding:0; border:none; border-bottom: 1px solid #c0c0c0 }
.page-contents table.gs-table.no-outer-border tr:first-child td,
.page-contents table.gs-table.no-outer-border tr:first-child th { border-top:0 }
.page-contents table.gs-table.no-outer-border tr:last-child th,
.page-contents table.gs-table.no-outer-border tr:last-child td { border-bottom:0 }

.page-contents table.gs-table.center { text-align:center }
.page-contents table.gs-table.nowrap tr,
.page-contents table.gs-table.nowrap td,
.page-contents table.gs-table.nowrap { white-space: nowrap }

/* Text Style */
.page-contents .normal {font-size:18px}
.page-contents .small li,
.page-contents .small {font-size:15px}
.page-contents .text-shadow {text-shadow: 0 0 10px #001559}

/* 페이지 버튼 디자인 */
.gs-btn {
    font-size: 18px;text-decoration: none; text-align: center;
    padding:.6em 1em;height:3em;
    display:inline-block;
    border:0;
    color:#191919;
    background:#f9f9f9;
}
.gs-btn:hover {background: #dbdbdb;}
.gs-btn.btn-primary {color:#fff;background: #4876ef;}
.gs-btn.btn-primary:hover {background:#3a8afd;}
.gs-btn.btn-round {border-radius: 1.5em;}
.gs-btn.btn-secondary {
    border:2px solid #a0a0a0;
    color:#656565;
}
.gs-btn.btn-big { font-size:1.1em; font-weight: 700; }
.gs-btn.btn-bordered { border:2px solid #656565; color:#656565 }
.gs-btn.btn-bordered:hover { background-color:#656565; color:#fff}
.gs-btn.btn-outline {
    border:2px solid #fff;
    color:#fff;
    font-weight: 800;
    padding:5px 30px;
    height:auto;
    background:rgba(0,0,0,0);
    -webkit-transition:width .3s, height 1s, background-color 1s, -webkit-transform 1s;
    transition:width .3s, height 1s, background-color 1s, transform 1s;
    margin-top:20px
}
.gs-btn.btn-outline:hover {
    background:rgba(255,255,255,255);
}

.gs-btn.type01 {
    border:1px solid #3e3e3e;
    background-color:#fff;
    background-image: url('img/btn_type01_bg.png');
    background-repeat: no-repeat;
    background-position:right 15px center;
    width:100%; text-align: left; font-size:.9em
}

.page-contents hr {
    display:block;
    height:1px;
    border:none;
    background:#191919;
    margin:20px 0
}

.file-download {
    width:500px;
    margin:10px auto;
    display:flex;
    justify-content: space-between;
    border:1px solid #e0e0e0;
    padding:15px;
}
.file-download img {width:50px;height:50px}
.file-download p {
    width:320px;
    display:flex;
    flex-direction: column;
    padding-left:10px;
    font-size:.8em;
    color:#8a8a8a;
}
.file-download p a {
    color:#0f74a8;
    text-decoration: none;
}
.file-download a.icon {
    display:block;
    width:50px; height:50px;
    background:no-repeat 0 0 url("img/download.png");
    text-decoration: none;
    -webkit-transition: background-position ease-in-out 0.1s;
    -moz-transition: background-position ease-in-out 0.1s;
    -o-transition: background-position ease-in-out 0.1s;
    transition: background-position ease-in-out 0.1s;
}
.file-download a.icon:hover {background-position-y:-50px;}

/**
상단 1차 카테고리
 */
nav.page-category { margin:0 -150px 0 0; padding-right:150px; border-bottom:1px solid #d3d5da; z-index: 10; background:rgba(255,255,255,0.9) }
nav.page-category ul { display: flex; width:100%; }
nav.page-category ul li { width:100%; min-width:fit-content }
nav.page-category ul li a { display: block; border-bottom:2px solid rgba(0,0,0,0); width:100%; padding:8px 15px; text-align: center; font-size:20px; color:#a0a0a0; }
nav.page-category ul li a.on { color:#4876f0; border-bottom:2px solid #4876f0;  }
nav.page-category ul li a:hover { color:#000  }

nav.page-category.fixed { margin:0; position:fixed; left:378px; top:0; width: calc(100% - 377px); background:rgba(255,255,255,0.9); }

/*
-----------------------------------------------------------------------------
오시는길
-----------------------------------------------------------------------------
*/
.detail-way-to-come { border-top:1px solid #e8e8e8; padding:35px 0; font-size:18px; display:flex }
.detail-way-to-come:first-child { border-top:none }
.detail-way-to-come .title { min-width:140px; font-size: 20px; font-weight: 700; margin-right:20px !important; }
.detail-way-to-come .info { width:1000px; font-weight: 300 }
.detail-way-to-come .info ul li { font-size:18px !important; background:none !important; padding:0 !important; font-weight: 300 !important; }
.detail-way-to-come .info input { display:inline-block; width:150px; border:none; border-radius: 30px; padding: 5px 11px; font-size:.7em; color:#fff; background:#4876f0 }
.detail-way-to-come .info input[name='subway-line2'] { background:#28C432; }
.detail-way-to-come .info input[name='subway-line3'] { background:#BF9D43; }


#m2_s2_history:before {
    width:19px;
    height:19px;
    position:absolute;
    content: " ";
    display:block;
    top:0;
    left:50%;
    margin-left:-10px;
    background: no-repeat center top url("./img/history-circle.png");
}
#m2_s2_history:after {
    content: "";
    display:block;
    clear:both;
}


#m2_s2_history .history-left {
    clear:right;
    text-align:right;
    width:609px;
    padding-right:88px;
    padding-bottom:100px;
    position:relative;
    background: no-repeat right 10px url("./img/history-circle-left.png");
}

#m2_s2_history .history-left h3 {
    position:absolute;
    right: -280px;
    top: -70px;
    font-size:100px;
    color:#656565;

    opacity: 0;
    transform: translateX(100px);
    -webkit-transition: transform 1s 0s ease, opacity 1s 0s ease;
    -moz-transition: transform 1s 0s ease, opacity 1s 0s ease;
    -o-transition: transform 1s 0s ease, opacity 1s 0s ease;
    transition: transform 1s 0s ease, opacity 1s 0s ease;
}
#m2_s2_history .history-left.on h3 {
    transform: translateX(0);
    opacity: 1;
}
#m2_s2_history .history-left p {
    font-size:18px;
    color:#191919;
    margin-bottom: 15px;

    opacity: 0;
    transform: translateX(-100px);
    -webkit-transition: transform 1s 0s ease, opacity 1s 0s ease;
    -moz-transition: transform 1s 0s ease, opacity 1s 0s ease;
    -o-transition: transform 1s 0s ease, opacity 1s 0s ease;
    transition: transform 1s 0s ease, opacity 1s 0s ease;
}
#m2_s2_history .history-left.on p {
    opacity: 1;
    transform: translateX(0);
}
#m2_s2_history .history-left p strong {
    font-size:24px;
    font-weight: 900;
    color:#191919;
}

#m2_s2_history .history-right {
    float:right;
    text-align:left;
    width:610px;
    padding-left:88px;
    padding-bottom:100px;
    position:relative;
    background: no-repeat 0 10px url("./img/history-circle-right.png");
}
#m2_s2_history .history-right:last-child {
    padding-bottom: 0;
    margin-bottom:-25px;
    background: no-repeat 0 11px url("./img/history-circle-right.png");
}

#m2_s2_history .history-right h3 {
    position:absolute;
    left: -280px;
    top: -70px;
    font-size:100px;
    color:#656565;

    opacity: 0;
    transform: translateX(-100px);
    -webkit-transition: transform 1s 0s ease, opacity 1s 0s ease;
    -moz-transition: transform 1s 0s ease, opacity 1s 0s ease;
    -o-transition: transform 1s 0s ease, opacity 1s 0s ease;
    transition: transform 1s 0s ease, opacity 1s 0s ease;
}
#m2_s2_history .history-right.on h3 {
    transform: translateX(0);
    opacity: 1;
}

#m2_s2_history .history-right p {
    font-size:18px;
    color:#191919;
    margin-bottom: 15px;

    opacity: 0;
    transform: translateX(100px);
    -webkit-transition: transform 1s 0s ease, opacity 1s 0s ease;
    -moz-transition: transform 1s 0s ease, opacity 1s 0s ease;
    -o-transition: transform 1s 0s ease, opacity 1s 0s ease;
    transition: transform 1s 0s ease, opacity 1s 0s ease;
}
#m2_s2_history .history-right.on p {
    opacity: 1;
    transform: translateX(0);
}

#m2_s2_history .history-right p strong {
    font-size:24px;
    font-weight: 900;
    color:#191919;
}

.page-contents.cke_editable #m2_s2_history .history-left p,
.page-contents.cke_editable #m2_s2_history .history-left h3,
.page-contents.cke_editable #m2_s2_history .history-right p,
.page-contents.cke_editable #m2_s2_history .history-right h3 {
    opacity: 1;
}

.page-contents #m05_s02_01 {}
.page-contents #m05_s02_01 .col {}
.page-contents #m05_s02_01 .col p span { display:flex; justify-content: flex-start; align-items: center }
.page-contents #m05_s02_01 .col img { margin-left:15px; margin-right:15px }

.page-contents #m08_s03_03 { display:flex; justify-content: center; align-items: center }
.page-contents #m08_s03_03 p {  }
.page-contents #m08_s03_03 p span { }

/*단어줄바꿈*/
p, h1, h2, h3, h4, h5 {
    word-break: keep-all;
}