@charset "utf-8";

#container { padding-top:143px }
#container.no-submenu { padding-top:98px }

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

/*
================================================================================
    글쓰기 페이지
================================================================================
*/
.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;}

/**
================================================================================
    swiper
    custom
================================================================================
 */
.swiper { position:relative; overflow:hidden; padding-bottom: 80px; margin:0 -10px }
.swiper .swiper-slide { }
.swiper .swiper-slide h3 { display:flex; align-items: flex-end; height:80px; padding-left: 20px; padding-bottom:10px; font-size:20px; text-align: left; margin:0 }
.swiper .swiper-slide h3 br { display: none }
.swiper .swiper-slide img { width:100% }
.swiper .swiper-pagination.swiper-pagination-bullets {position:absolute;bottom: 50px;left: 0; width:100%; transform: none}
.swiper-button-next, .swiper-button-prev {color: #fff;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 20px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 20px;}

/*
================================================================================
    jquery-ui
    탭 디자인
================================================================================
*/
.tabs.ui-tabs .ui-tabs-nav {margin: 0 0 40px 0;padding: 0;display: flex; flex-wrap: wrap }
.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 -1px 0 !important;width:50%; 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;margin: 0 -1px -1px 0;}
.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 { display: flex; justify-content: space-around; 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:15px 20px;background-color: #fff;line-height: 40px;font-size:16px;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: 5px;border: none;font-size:15pt;background: #f9f9f9}
.page-contents .ui-accordion .ui-accordion-content h4 {margin-bottom:20px}

/*2022-11-17 다초점렌즈 아코디언*/
.page-contents #m03_s04_accordion .m03_s04_accordion_wrap {
    padding: 20px;
    text-align: center;
}
.page-contents #m03_s04_accordion .m03_s04_accordion_wrap div {
    width: 50%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px;
}

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

/* Headings */
.page-contents h1 {font-size:25px; color:#191919; font-weight:700; margin-bottom:10px}
.page-contents h2 {font-size:23px; color:#191919; font-weight:700; margin-bottom:20px}
.page-contents h3 {font-size:20px; 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:50px 0 20px 0 }
.page-contents .gs-section.center {text-align:center}
.page-contents .gs-section.bg {background-repeat: no-repeat; background-position: center bottom; background-size: cover; height: auto !important;}
.page-contents .gs-section.gray {background-color:#f7f7f7}
.page-contents .gs-section h2 { color:#191919; font-size: 25px; font-weight: 700 }
.page-contents .gs-section h2 span { color:#191919; font-size: 25px !important; font-weight: 700 }
.page-contents .gs-section.m-bg span { color:#191919 !important; font-weight: 700 }
.page-contents .gs-section .f-left { float:left; margin:0 20px 20px 0 }
.page-contents .gs-section.full-width {
    margin:0 -10px;
    padding-left:15px;
    padding-right:15px;
    /*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 }
.page-contents .gs-section.animation img { margin-bottom:30px }
.page-contents .gs-section.animation h2 * { color:#111 !important; font-size:30px !important; text-shadow: none }
.page-contents .gs-section.animation p * { color:#111 !important; font-size:20px !important; text-shadow: none }

/* 컬럼 디자인 */
.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:30px 10px }
.page-contents .gs-column .col.padding-small { padding:20px 20px }
.page-contents .gs-column .col.border { border:1px solid #eaedeb }

.page-contents .gs-column.col2 { flex-wrap: wrap }
.page-contents .gs-column.col2 .col { flex-basis: 100% }
.page-contents .gs-column.col2 .col.m-small-padding { padding:20px !important; }

.page-contents .gs-column.col3 { flex-wrap: wrap }
.page-contents .gs-column.col3 .col { flex-basis: 100% }

.page-contents #history-numbers.gs-section { height:auto !important; padding:0 20px 50px 20px }
.page-contents #history-numbers .gs-column.col3 .col { text-align: center }


.page-contents .gs-column.col5 { justify-content: flex-start }
.page-contents .gs-column.col5 .col { flex-grow:unset; width:50%; }
.page-contents .gs-column.col5.space .col { width:calc(50% - 8px); margin-right:10px }
.page-contents .gs-column.col5.space .col:nth-child(2n + 2) { 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:20px; 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.col4.space .col { width:calc(50% - 5px); margin-right:10px }
.page-contents .gs-column.col4.space .col:nth-child(2n + 2) { margin-right:0 }

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

.page-contents .gs-column.m-flex-wrap { flex-wrap: wrap}
.page-contents .gs-column.m-flex-wrap .col { width:100% !important; }

.page-contents .gs-column.overlay .col {
    display:flex; flex-direction: column; justify-content: center; align-items: center;
    mix-blend-mode: multiply;
    margin-bottom:0px;
    margin-left:-40px; margin-top:-40px; width:calc(50% + 20px); height:322px; border-radius: 80px
}
.page-contents .gs-column.overlay .col p {
}
.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:nth-child(1),
.page-contents .gs-column.overlay .col:nth-child(5),
.page-contents .gs-column.overlay .col:nth-child(3) { margin-left:0 }
.page-contents .gs-column.overlay .col h3 {font-size:25px; margin-bottom: 0;}

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

.page-contents .gs-column.circle { flex-wrap: wrap; margin-left:-20px; justify-content: center }
.page-contents .gs-column.circle .col { font-size:17px; flex-grow: unset; height:200px; width:200px; border-radius: 50%; background-color:#4876ef; color:#fff; display:flex; justify-content: center; align-items: center; margin-right:-20px; margin-bottom: -20px }
.page-contents .gs-column.circle .col strong { font-size:20px }
.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 .col.arrow { display:none }
.page-contents .gs-column.dream-step .col { width:100%; margin-bottom:30px }


.page-contents .gs-column.steps { flex-wrap: wrap }
.page-contents .gs-column.steps>p { flex-basis: 50%; margin:20px 0; }


/* 박스 디자인 */
.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; flex-wrap: wrap }
.title-desc-2col .item:first-child { border-top:none }
.title-desc-2col .item .title { width:100%; font-size: 20px; margin-bottom:20px; font-weight: 700 }
.title-desc-2col .item .title br { display: none }
.title-desc-2col .item .info { width:100%; font-weight: 300 }
.title-desc-2col .item .info img { width:auto !important; height:auto !important; }
.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 }

.page-contents #m02_s03_table { padding:0 !important; height:auto !important; background:#f9f9f9 !important; }
.page-contents #m02_s03_table table.gs-table { margin:0 auto}
.page-contents #m02_s03_table table.gs-table tr { display:flex; flex-wrap: wrap; margin-bottom:10px; border-bottom:1px solid #c0c0c0 }
.page-contents #m02_s03_table table.gs-table td,
.page-contents #m02_s03_table table.gs-table th { width:100%; border:none }

.page-contents table.gs-table.m-flex-wrap { margin:0 auto }
.page-contents table.gs-table.m-flex-wrap tr { display:flex; flex-wrap: wrap }
.page-contents table.gs-table.m-flex-wrap td,
.page-contents table.gs-table.m-flex-wrap th { width:100% !important; }

.page-contents #m02_s03_02 { background: #4876ef !important; height:auto !important;}
.page-contents #m02_s03_02 .gs-column { margin:0 !important; }
.page-contents #m02_s03_02 .gs-column .col { display: flex; justify-content: space-evenly }

.page-contents #m02_s03_03 .accordion .ui-accordion-content { flex-wrap: wrap }
.page-contents #m02_s03_03 .accordion .ui-accordion-content img { margin-bottom: 15px }

.page-contents #m02_s06_01 { background-color:#283D72; background-size:contain; padding-bottom:120px; }

.page-contents #m04_s01_01 { width:100% !important; justify-content: space-between }
.page-contents #m04_s01_01 .col { width:30% !important; flex-grow: unset }
.page-contents #m04_s01_01 .col p { font-size:.8em !important; }

.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 #m05_s03_01 {}
.page-contents #m05_s03_01 .col { width:100%; margin:0 0 20px 0; }
.page-contents #m05_s03_01 .col img { width:100% }

/* 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;
    max-width:90% !important;
    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 10px;
    width:150px;
    display:inline-block;
    height:auto;
    white-space: nowrap;
    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:100%;
    margin:10px auto;
    display:flex;
    justify-content: space-between;
    border:1px solid #e0e0e0;
    padding:15px;
}
.file-download img {width:50px !important;height:50px !important;}
.file-download p {
    width:calc(100% - 100px);
    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; 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: 100%; background:rgba(255,255,255,0.9); }


/* 연혁 페이지 디자인 */
.page-contents table#history tr { display:flex; flex-wrap: wrap }
.page-contents table#history,
.page-contents table#history td,
.page-contents table#history th {border:none;}
.page-contents table#history th {
    color: #333;
    line-height: 1.4;
    text-align: left;
    width: 100%;
    vertical-align: top;
    position:relative;
    padding:0 10px;
    margin-bottom:20px;
}
.page-contents table#history th h1 {
    padding:0;
    margin:0;
    font-weight: 800;
    font-size:20px;
}
.page-contents table#history th h2 {
    margin-bottom:50px;
    font-weight: 400;
    font-size:16px;
    color:#666;
}
.page-contents table#history th:before {
    content: "";
    display: none;
}
.page-contents table#history th:after {
    content: "";
    display: none;
}
.page-contents table#history th img,
.page-contents table#history th input[type="image"] {
    width: 300px !important;
    height: auto !important;
}

.page-contents table#history td {
    color:#333;
    font-weight: 400;
    position:relative;
    padding:0 0 80px 0;
    font-size:20px;
}
.page-contents table#history td:before {
    content: "";
    display: none;
}
.page-contents table#history td strong {
    font-weight: 800;
}
.page-contents table#history td p {
    text-indent: -1.7em;
    margin-left: 1.7em;
}
.page-contents table#history td input[type="image"] {
    max-width: 100%;
}

/* 연혁 페이지 상단 탭 */
.page-contents table#history-nav { width: 100% !important; }
.page-contents table#history-nav,
.page-contents table#history-nav td {
    font-size:20px; font-weight: 400; color:#999;
    border:none;
    border-bottom:1px solid #d3d5da;
    text-align:center;
    cursor:pointer;
    padding:0 10px;
}
.page-contents table#history-nav td div.nav {
    display: inline-block;
    padding:10px 0;
    font-size:16px;
    border-bottom:2px solid #fff;
}
.page-contents table#history-nav td.on div.nav {
    border-bottom:2px solid #4876f0;
    color:#4876f0;
}
.page-contents table#history-nav.fixed {
    background: rgba(255, 255, 255, 0.9);
    position:fixed;
    top:145px;
    z-index: 10;
    overflow-x:scroll;
}

/*
-----------------------------------------------------------------------------
오시는길
-----------------------------------------------------------------------------
*/
.detail-way-to-come { border-top:1px solid #e8e8e8; padding:35px 0; font-size:18px; display:flex; flex-wrap: wrap }
.detail-way-to-come:first-child { border-top:none }
.detail-way-to-come .title { width:100%; font-size: 20px; font-weight: 700 }
.detail-way-to-come .title p { display:flex }
.detail-way-to-come .title p br { display:none }
.detail-way-to-come .info { width:100%; 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 ul li img { width:auto !important; height:auto !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; }

/*
-----------------------------------------------------------------------------
노안교정 백내장 수술 돌파 사진
-----------------------------------------------------------------------------
*/
#m03_s01_accordion p { width:calc(50% - 10px); font-size:14px; margin-bottom: 10px }


.gs-section.staff-inline {
    background-size: contain !important;
    height: auto !important;
    padding-bottom: 200px !important;
}

.page-contents iframe { height:200px !important; width:360px !important; }


.page-contents .gs-column.visu {flex-wrap: nowrap; width:100% !important;}


#m2_s2_history {}
#m2_s2_history h3 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 40px;
    color: #333;
    line-height: 1;
    letter-spacing: -0.03em;
}
#m2_s2_history .history-left,
#m2_s2_history .history-right { margin-top: 50px; border-top:1px solid #eee; padding-top:30px; }
#m2_s2_history p {margin-bottom:15px; display:flex; flex-wrap: wrap }
#m2_s2_history p strong { order:-1; width:100% }

.page-contents .gs-section.m-height-auto { height:auto !important; }

.page-contents #m08_s03_01 img { margin:0 !important;}

.page-contents #m08_s03_02 { }
.page-contents #m08_s03_02 tr { display:flex; flex-wrap: wrap }
.page-contents #m08_s03_02 th,
.page-contents #m08_s03_02 td { width:100%; border:none; border-bottom:1px solid #e1e1e1 }

.page-contents #m08_s03_03 { background:none !important; height:auto !important; padding:25px 10px }
.page-contents #m08_s03_03 p {  }
.page-contents #m08_s03_03 p span { color:#191919 !important; font-size:18px}

.page-contents #m08_s04_01 { flex-wrap: wrap }
.page-contents #m08_s04_01 .col { width:100% }

.page-contents #m08_s04_05 { flex-wrap: wrap }
.page-contents #m08_s04_05 .col { width:100% }
.page-contents #m08_s04_06 { flex-wrap: wrap }
.page-contents #m08_s04_06 .col { width:100% }

.page-contents #m08_s04_08 h3 br,
.page-contents #m08_s04_09 h3 br { display:none }

.page-contents #m08_s04_08 .ui-accordion-content img,
.page-contents #m08_s04_09 .ui-accordion-content img { display:block; float:none !important; margin:0 auto 20px auto !important; }
.page-contents #m08_s04_08 .ui-accordion-content p,
.page-contents #m08_s04_09 .ui-accordion-content p { margin-left:0 !important; }

.page-contents #m08_s02_01 { flex-wrap: wrap; justify-content: space-between }
.page-contents #m08_s02_01 .col { width:33.33%; margin:0 0 15px 0 }

.page-contents #m10_s01_01 { font-size:14px }

.page-contents #m10_s01_02 { height:1000px !important; }

.page-contents #m08_s03_001 { flex-wrap: wrap }
.page-contents #m08_s03_001 .col { width:50% }

.page-contents #m02_s04_01 .m-x-scroll { overflow-x: scroll }
.page-contents #m02_s04_01 .m-x-scroll table { width:800px }