@charset "utf-8";

/*=========================================================
폰트
=========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');

/*=========================================================
리셋
=========================================================*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button {-webkit-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0; border:0; vertical-align:baseline;}

input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], input[type="url"], input[type="search"], input[type="file"], textarea {min-height:50px; padding:14px 20px; background-color:#fff; border:1px solid #ddd; border-radius:6px; box-sizing:border-box; appearance:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; outline:none;}

/* input 기본 삭제버튼 제거 */
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none;}

body {color:#000; font-size:18px; font-family:'Roboto', sans-serif; word-wrap:break-word; word-break:keep-all; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; position:relative;-ms-overflow-style: none;}
blockquote,q {quotes:none;}
/* input:focus,button:focus {border:none;} */
table {width:100%; table-layout:fixed; border-spacing:0; border-collapse:collapse;}
ul,ol,li {list-style:none;}
a {color:#000; text-decoration:none;}
button::-moz-focus-inner {margin-top:-2px; margin-bottom:-2px; padding:0; border:0;}
input::-moz-focus-inner {margin-top:-2px; margin-bottom:-2px; padding:0; border:0;}
img {max-width:100%; height:auto; margin:0 auto;}
button {cursor:pointer; background:transparent;}
button span {position:relative;}
textarea {width:100%; min-height:150px; resize:none;}
em,address,i {font-style:normal;}
:invalid {-webkit-box-shadow:none;box-shadow:none;}
:-moz-submit-invalid {box-shadow:none;}
:-moz-ui-invalid {box-shadow:none;}
label {vertical-align:middle;}

::-webkit-scrollbar {display: none;}

select {width:100%; height:50px; padding:14px; font-size:16px; font-family:'MyLotte'; line-height:18px; border:1px solid #ddd; border-radius:6px; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none;}

label.select > div:after {width:5px; height:5px; border:2px solid #222; border-top:0; border-left:0; content:''; position:absolute; top:50%; right:20px; transform:translateY(-50%) rotate(45deg);}
label.select select {color:#aaa;}
label.select select.changed {color:#222;}
label.select > em {margin-top:5px; color:#d60812; font-size:12px; font-family:'Noto Sans'; line-height:18px; display:none;}
label.select.err > em {display:block;}

/* input */
input {vertical-align:middle;}

label.input, label.select > div {position:relative; display:block;}
label.input i {color:#aaa; font-size:16px; line-height:18px; position:absolute; top:16px; left:21px;}/* placeholder */
label.input input[type='text'], label.input input[type='password'], label.input input[type='number'] {width:100%; font-size:16px; font-family:'MyLotte'; line-height:18px;}
label.input > em {margin-top:5px; color:#d60812; font-size:12px; font-family:'Noto Sans'; line-height:18px; display:none;}
label.input.err > em {display:block;}
label.input * {flex:1 auto;}

.label_wrap {position:relative; flex:1;}
.label_wrap button[class*='icon_'] {width:24px; height:24px; font-size:0; background-repeat:no-repeat; position:absolute; top:13px; right:20px; z-index:1; display:none;}
.label_wrap button[class*='icon_'] + button[class*='icon_'] {margin-right:34px;}
.label_wrap button.icon_del {background:url('../images/common/icon_search_del.png') 50% no-repeat; background-size:cover;}
.label_wrap button.icon_txt, .label_wrap button.icon_pss {background-size:cover;}
.label_wrap button.icon_txt {background-image:url('../images/common/icon_pass_view.png');}
.label_wrap button.icon_pss {background-image:url('../images/common/icon_pass_hide.png');}

.label_wrap + .label_wrap {margin-top:10px;}

/* input + button 조합은 input과 버튼을 div로 감쌈 */
label.input div {display:flex;}
label.input div input {width:auto !important; margin-right:8px;}
label.input div .id_check {flex:0 auto !important;}

.textarea {position:relative; display:block;}
.textarea i {color:#aaa; font-weight:300; line-height:18px; position:absolute; top:0; left:0;}

.txt_chk_wrap {padding:20px 20px 30px; border:1px solid #d7d7d7; border-radius:6px; position:relative;}
.txt_chk_wrap textarea {height:154px; padding:0; font-size:14px; font-family:'Noto Sans'; line-height:24px; border:0;}
.txt_chk_wrap span {color:#888; font-size:13px; position:absolute; right:20px; bottom:10px;}
.txt_chk_wrap em {color:#222;}

input.calendar {width:28px; height:26px; margin-left:21px; background-image:url('../images/common/icon_split.png'); background-position:-70px -30px; background-size:100px auto; background-repeat:no-repeat; background-color:transparent; border:0;}

/* checkbox & radio 공통 */
.check {padding-left:26px; font-family:'Noto Sans'; line-height:1; position:relative; display:inline-block;}
.check > * {line-height:1.4; vertical-align:top; display:inline-block;}
.check input {margin:0 0 0 1px; position:absolute; opacity:0;}
.check .label:before, .check .label:after {box-sizing:border-box; content:''; position:absolute; display:inline-block; transition:background-color 0.2s;}

.check_ani {position:relative; display:inline-block;}
.check_ani input {margin:0 0 0 1px; position:absolute; opacity:0;}
.check_ani em {min-height:22px; padding-left:48px; position:relative; display:block;}
.check_ani input[type='checkbox'] {opacity:0;}
.check_ani input[type='checkbox'] + em:after {width:18px; height:18px; background-color:#fff; border-radius:50%; content:''; position:absolute; top:50%; left:2px; z-index:1; display:block; transform:translateY(-50%); transition:all 0.2s;}
.check_ani input[type='checkbox']:checked + em:before {background-color:#d60812;}
.check_ani em:before {width:42px; height:22px; background-color:#ccc; border:0; border-radius:60px; content:''; position:absolute; top:0; left:0; display:inline-block;}
.check_ani input[type='checkbox']:checked + em:after {left:22px;}

/* radio */
.check input[type='radio'], .check input[type='radio'] + .label:before {width:20px; height:20px; background-color:#fff; border:1px solid #ddd; border-radius:50%; top:0; left:0;}
.check input[type='radio']:checked + .label:after {width:10px; height:10px; background-color:#D60812; border-radius:50%; top:5px; left:5px;}
.check input[type='radio']:checked:disabled + .label:after {background-color:#ccc;}

/* checkbox */
.check input[type='checkbox'], .check input[type='checkbox'] + .label:before {width:20px; height:20px; background-color:#fff; border:1px solid #ddd; border-radius:4px; top:0; left:0;}
.check input[type='checkbox']:checked + .label:after {width:6px; height:10px; border:2px solid #D60812; border-top:0; border-left:0; top:3px; left:7px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}

.form_group > li + li {padding-top:24px;}

/* Placeholder */
::-webkit-input-placeholder {font-weight:400; color:#ccc;}
::-moz-placeholder {font-weight:400; color:#ccc;}
:-ms-input-placeholder {font-weight:400; color:#ccc;}
:-moz-placeholder {font-weight:400; color:#ccc;}

/* margin & padding */
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt80 {margin-top:80px !important;}
.mr10 {margin-right:10px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.ml10 {margin-left:10px !important;}

/* align */
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.at {vertical-align:top !important;}
.am {vertical-align:middle !important;}

.btn_section {margin-top:30px; border:0;}
.btn_section [class*='btn_'] + [class*='btn_'] {margin-left:9px;}

/* button */
[class*='btn_'] {color:#222; background-color:#fff; border:1px solid transparent; vertical-align:middle; align-items:center; display:flex; flex:1; justify-content:center;}
[class*='btn_'] > * {text-align:center;}

/* button size */
[class*='btn_min'] {height:32px; padding:0 10px; font-size:13px;}
[class*='btn_mid'] {height:44px; padding:0 22px; font-size:14px;}
[class*='btn_big'] {height:50px; padding:0 20px; font-size:16px; border-radius:8px;}

/* table */
.table_wrap[class*='type_'] table {border-top:2px solid #000;}
.table_wrap[class*='type_'] thead th {text-align:center;}
.table_wrap[class*='type_'] th, .table_wrap[class*='type_'] td {padding:20px 40px; font-size:16px; border-bottom:1px solid #707070; text-align:left; vertical-align:middle;}
.table_wrap[class*='type_'] th {font-weight:400;}
.table_wrap[class*='type_'] td {color:#444; font-weight:300;}
.table_wrap a {color:#4b97d8;}

.table_wrap.type_location th, .table_wrap.type_location td {padding:20px 0; font-size:18px;}
.table_wrap.type_related_sites th, .table_wrap.type_related_sites td {padding:20px;}
.table_wrap.type_border td {border-left:1px solid #707070;}

.table_wrap table.ac th, .table_wrap table.ac td {padding:20px 5px; text-align:center !important;}

/* tab */
.tab_wrap [class*='tab_type'] {margin-bottom:80px; padding-top:1px; border-left:1px solid #d9d9d9; display:flex;}
.tab_wrap [class*='tab_type'] > li {position:relative; flex:1;}
.tab_wrap [class*='tab_type'] > li a {padding:12px; color:#999; border:1px solid #d9d9d9; border-left:0; text-align:center; position:relative; display:block;}
.tab_wrap [class*='tab_type'] > li.current a {color:#000; font-weight:700; border-color:#000;}
.tab_wrap [class*='tab_type'] > li.current a:before {border:1px solid #000; content:''; position:absolute; top:-1px; right:-1px; bottom:-1px; left:-1px; z-index:1;}

.tab_wrap .tab_type_float {display:block;}
.tab_wrap .tab_type_float:after {clear:both; content:''; display:block;}
.tab_wrap .tab_type_float > li {margin-top:-1px; float:left;}
.tab_wrap .tab_type_float.alphabet > li {width:calc(100% / 21);}

.tab_wrap .tab_type_big a {padding:20px 12px !important; font-size:30px;}

.tab_wrap.type_slide {margin:0 -20px; padding:0 20px; overflow:auto;}
.tab_wrap.type_slide [class*='tab_type'] {display:table; table-layout:fixed;}
.tab_wrap.type_slide [class*='tab_type'] > li {float:none; display:table-cell;}
.tab_wrap.type_slide [class*='tab_type'] a {white-space:nowrap;}

.tab_content > div {display:none;}
.tab_content > div.current {display:block;}

/* bullet list */
[class*='bullet_list'] > li {padding-left:8px; line-height:1.5; position:relative;}
[class*='bullet_list'] > li:before {width:2px; height:2px; background-color:#888; border-radius:50%; content:''; position:absolute; top:7px; left:0; display:inline-block;}

/* header */
header {background-color:#fff; position:fixed; top:0; right:0; left:0; z-index:2;}
header .inner {max-width:1340px; margin:0 auto; padding:0 20px; position:relative;}
header .inner:after {clear:both; content:''; display:block;}
header.active .inner:before {border-bottom:1px solid #000; content:''; position:absolute; top:93px; right:-100%; left:-100%;}
header h1 {margin-top:27px; float:left;}
header h1 a {width:190px; height:40px; font-size:0; background:url('../images/common/header_logo.png') 50% no-repeat; background-size:cover; display:block;}
header nav {float:right;}
header nav a {font-size:22px; position:relative; display:block;}
header nav > ul:after {clear:both; content:''; display:block;}
header nav > ul > li {padding-right:70px; float:left; position:relative;}
header nav > ul > li:last-child {padding-right:0;}
header nav > ul > li > a {padding:32px 0;}
header nav > ul > li > a:after {border-bottom:4px solid #000; content:''; position:absolute; right:50%; bottom:-2px; left:50%; transition:all 0.25s;}
header nav > ul > li:hover > a:after, header nav > ul > li > a.active:after {right:15px; left:15px;}
header nav > ul > li > a.active + ul {display:block;}
header ul ul {padding-top:25px; position:absolute; top:91px; right:0; left:0; display:none;}
header ul ul:after {background-color:#fff; content:''; position:absolute; top:0; right:-1000%; bottom:-25px; left:-1000%; z-index:-1;}
header.active ul ul {display:block;}
header ul ul li a {padding:15px 15px 15px 0; color:#999; font-size:18px; line-height:1.35;}
header ul ul li:hover a, header ul ul li a.active {color:#000;}

/* footer */
footer {background-color:#222;}
footer .inner {max-width:1340px; margin:0 auto; padding:44px 20px 40px; color:#fff; font-size:18px; font-weight:300; display:flex;}
footer h1 {width:74px; height:58px; font-size:0; background:url('../images/common/footer_logo.png') 50% no-repeat; background-size:contain;}
footer ul {margin:0 40px;}
footer ul li + li {margin-top:10px;}
footer dl {text-align:right; flex:1 auto;}
footer span, footer dd {color:#999;}

/* modal */
[id*='modal'] {background-color:rgba(0,0,0,0); text-align:center; opacity:0; position:fixed; top:50%; right:50%; bottom:50%; left:50%; z-index:2; display:block; overflow:hidden; transition:opacity 0.15s ease-out;}
[id*='modal'].active {background-color:rgba(0,0,0,0.7); opacity:1; top:0; right:0; bottom:0; left:0;}

[id*='modal'] .inner_wrap {padding:78px 50px 50px; background-color:#fff; text-align:left; position:absolute; top:50%; left:50%; display:inline-block; transform:translate(-50%, -50%);}
#modal .btn_close {width:20px; height:20px; font-size:0; position:absolute; top:29px; left:50px; display:inline-block;}
#modal .btn_close:before, #modal .btn_close:after {width:25px; border-top:2px solid #222; content:''; position:absolute; top:50%; right:-4px; display:inline-block;}
#modal .btn_close:before {transform:rotate(45deg);}
#modal .btn_close:after {transform:rotate(-45deg);}

.modal_bottom {margin-top:20px; padding-top:20px; border-top:1px dashed #ccc; text-align:center;}

#modal.gallery .inner_wrap {width:50%; max-height:98%; text-align:center;}
#modal.gallery .inner_content {overflow:auto;}
#modal.gallery .swiper_wrap a {display:block;}
#modal.gallery .swiper_wrap a img {max-height:100%; display:block;}
#modal.gallery .swiper-navigation {position:absolute; top:19px; right:50px; display:flex;}
#modal.gallery [class*='swiper-button'] {width:40px; height:40px; margin-top:0; border:1px solid #000; position:static;}
#modal.gallery [class*='swiper-button']:after {width:12px; height:12px; margin-top:0; margin-left:-7px; border:1px solid #000; border-bottom:0; border-left:0; content:''; transform:rotate(45deg);}
#modal.gallery .swiper-button-prev {margin-right:-1px; transform:rotate(180deg);}

/* container */
#container {padding-top:93px; padding-bottom:100px;}
.content {max-width:1340px; margin:0 auto; padding:80px 20px 0; position:relative;}

.content h2 {margin-bottom:80px; font-size:36px; font-weight:700;}
.content h3 {margin-top:80px; margin-bottom:30px; font-size:24px; font-weight:700;}

ul.location {color:#666; position:absolute; top:90px; right:20px;}
ul.location:after {clear:both; content:''; display:block;}
ul.location li {float:left; position:relative;}
ul.location li + li {margin-left:14px; padding-left:19px;}
ul.location li + li:before {width:5px; height:5px; border:2px solid #222; border-bottom:0; border-left:0; content:''; position:absolute; top:8px; left:-2px; display:inline-block; transform:rotate(45deg);}

.sub_visual {height:247px; background-position:50%; background-repeat:no-repeat; background-size:cover;}
.sub_visual_1 {background-image:url('../images/sub/sub_visual_01.png');}
.sub_visual_2 {background-image:url('../images/sub/sub_visual_02.png');}
.sub_visual_3 {background-image:url('../images/sub/sub_visual_03.png');}

.txt_box {color:#444; font-weight:300; line-height:30px;}
.txt_box p + p {margin-top:30px;}

#map {height:432px; background:url('../images/sub/img_local.png') 50% no-repeat; background-size:cover; border:1px solid #707070; overflow:hidden; position:relative;}
#map img {max-width:100%; position:absolute; top:50%; transform:translateY(-50%);}

.transportation li {color:#444; font-weight:300; line-height:30px;}

.sticky_gallery {width:100%; margin-top:30px; box-sizing:border-box; min-height:100px;}
.sticky_gallery ul {position:relative;}
.sticky_gallery ul:after {display:block; clear:both; content:"";}
.sticky_gallery ul li {display:inline-block; position:absolute; transition:all 0.5s;}
.sticky_gallery ul li img {display:block; width:100%;}

.container_cont dl {display:flex;}
.container_cont dl > * {flex:1;}
.container_cont dt {width:301px; margin-right:30px; flex:0 auto;}
.container_cont li + li {margin-top:3px;}

.trailer_cont li + li {margin-top:3px;}

.board_type_toggle {border-bottom:1px solid #707070;}
.board_type_toggle > dt {position:relative;}
.board_type_toggle > dt:before {width:31px; height:31px; color:#fff; font-size:18px; line-height:31px; background-color:#333; content:'Q'; text-align:center; position:absolute; top:30px; left:0;}
.board_type_toggle > dt a {padding:33px 15px 34px 44px; font-size:18px; display:block;}
.board_type_toggle > dd {padding:30px 44px; font-weight:300; line-height:1.5; background-color:#f9f9f9; position:relative; display:none;}
.board_type_toggle > dd + dt {border-top:1px solid #707070;}

.cs_info {display:flex;}
.cs_info a {margin-left:94px; color:#006cba; font-weight:300;}