@charset "utf-8";

/**************** basic reset ****************/
* { -webkit-text-size-adjust: none; text-size-adjust: none; }
body { font-family: 'Pretendard', sans-serif; font-size:14px; color: #666; }
html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, button, input { margin: 0; padding: 0; }
a { color: #666; text-decoration: none; padding: 0; margin: 0; cursor: pointer;}
ul, ol, li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption { width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
select, input { vertical-align: middle }
fieldset { border: none; }
img { border: none; font-size: 0; line-height: 0; vertical-align: top; }
em { font-style: normal; }
label { cursor: pointer; }
button { background: none; border: 0; cursor: pointer; overflow: visible; }
button::-moz-focus-inner { border: 0; padding: 0; }
input, select, button, textarea {
    font-family: 'Pretendard', sans-serif;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    color:#121212;
}
::placeholder {color:#A9A9A9;}

/* firefox 여백방지 */
legend, hr { width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; position: absolute; left: -9999px; top: 0; }
textarea { resize: none; }
address { font-style: normal; }

/* skip navigation */
.skipnav { position: relative; z-index: 3000 }
.skipnav a { position: absolute; top: -30px; left: 0; width: 138px; border: 1px solid #4ec53d; background: #333; text-align: center; opacity: 0 }
.skipnav a:active,
.skipnav a:focus { top: 0; text-decoration: none; z-index: 1000; opacity: 1 }
.skipnav span { display: inline-block; padding: 2px 6px 0 0; font-size: 13px; line-height: 26px; color: #fff; letter-spacing: -1px; white-space: nowrap }

.ir { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; }
.m_dim {display:none; position: fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:9;}


/* site */
#wrap {box-sizing:border-box; position:relative; width:100%; height:100%;}

/* header */
#header { box-sizing: border-box; position: absolute; left:0; top:0; width: 100%; height: 104px; padding: 0 40px; z-index: 10;}
#header::after {content:''; display: block; clear: both;}
#header h1.logo  {float:left; width: 184px; height: 100%;}
#header h1.logo > a {display: block; height: 100%; background-image: url(/images/logo_color.svg); background-position:center; background-repeat: no-repeat; background-size: contain;}
#header h1.logo_en  {float:left; width: 360px; height: 100%;}
#header h1.logo_en > a {display: block; height: 100%; background-image: url(/images/logo_en.svg); background-position:center; background-repeat: no-repeat; background-size: contain;}
#header .menu {float: right; margin-top:32px;}
#header .menu::after {content: ''; display: block; clear:both;}
#header .menu .lang {float: left; border:1px solid rgba(189, 189, 189, 0.6); border-radius: 99px; padding:10px 18px;}
#header .menu .lang button {display:none; float:left; font-size:18px; font-weight: bold; height:18px; line-height:18px; color:#000; vertical-align: top;}
#header .menu .lang span {display:none; float:left; margin:0 5px; font-size:14px; font-weight: bold; height:18px; line-height: 18px; vertical-align: top;}
#header .menu .lang button.active {display: block;}
#header .menu .lang:hover span {display: block;}
#header .menu .lang:hover button {display: block;}
#header .menu .lang:hover button:hover,
#header .menu .lang:hover button:focus {color:#0092D8;}

/* content */
#content {width:100%; min-height:100%;}

/* gnb */
#gnb {position:relative; float: right; margin-left:32px;}
#gnb > ul {display:none; position: absolute; right:0; top:40px; width:200px;}
#gnb > ul > li {margin-top:32px; text-align:right;}
#gnb > ul > li > a {display: inline-block; position: relative; font-size:20px; font-weight: bold; color: #fff; transition: all 0.2s;}
#gnb > ul > li > a:hover,
#gnb > ul > li > a:focus {color: #0092D8;}
#gnb > ul > li > a::after {content:''; display:block; position:absolute; top:100%; width:100%; height:2px; border-radius: 15px; background-color: #0092D8; opacity: 0; transition: all 0.2s;}
#gnb > ul > li > a:hover::after,
#gnb > ul > li > a:focus::after {opacity: 1; margin-top: 3px;}

.btn_gnb {position:relative; width:40px; height:40px; font-size: 0; line-height: 0;}
.btn_gnb > span.hamburger {display: inline-block; height:16px;}
.btn_gnb > span.hamburger > span { display:block; position:relative; width: 25px; height: 2px; border-radius: 15px; background-color: #000; transition:all 0.2s;}
.btn_gnb > span.hamburger > span::before {content:''; display:block; position:absolute; left:0; top:7px; width:25px; height:2px; border-radius: 15px; background-color: #000; transition:all 0.2s;}
.btn_gnb > span.hamburger > span::after {content:''; display:block; position:absolute; left:0; top:14px; width:15px; height:2px; border-radius: 15px; background-color: #000; transition:all 0.2s;}

#gnb.active > ul {display:block;}
#gnb.active .btn_gnb > span.hamburger > span {top:7px; transform-origin:center; transform:rotate(45deg);}
#gnb.active .btn_gnb > span.hamburger > span::before {display:none;}
#gnb.active .btn_gnb > span.hamburger > span::after {width:25px; top:0; transform-origin:center; transform:rotate(-90deg);}

/* footer */
#footer {position:relative; height:64px; padding:40px 0 48px; text-align: center; background-color: #222; z-index:1;}
#footer .linksets > div > button {display:none;}
#footer .linksets > div + div {margin-top:8px;}

#footer .linkset {font-size:0; line-height:0;}
#footer .linkset dd {display: inline-block; position: relative; margin:0 12px;}
#footer .linkset dd + dd::after {content: ''; position:absolute; left:-12px; top:4px; width:1px; height:8px; background-color: #fff;}
#footer .linkset dd > a {font-size:12px; line-height:16px; color:#fff;}
#footer .linkset dd > a:hover,
#footer .linkset dd > a:focus {color: #0092D8;}

#footer address {margin-top:8px; font-size: 12px; color:rgba(255,255,255,.7);}


/* header(main) */
/* .main #header h1.logo > a {background-image: url(/images/logo.svg);}
.main #header .menu .lang > button {color:#fff;}
.main #header .menu .lang > span {color:#fff;}
.main #header .menu .lang > button.active {font-weight: bold;}
.main .btn_gnb > span.hamburger > span {background-color: #fff;}
.main .btn_gnb > span.hamburger > span::before {background-color: #fff;}
.main .btn_gnb > span.hamburger > span::after {background-color: #fff;} */

/* header 영역 기본 스타일 변경 23.11.28 */
#header h1.logo > a {background-image: url(/images/logo.svg);}
#header h1.logo.color > a {background-image: url(/images/logo_color.svg);}
#header .menu .lang button {color:#fff;}
#header .menu .lang span {color:#fff;}
#header .menu .lang button.active {font-weight: bold;}
.btn_gnb > span.hamburger > span {background-color: #fff;}
.btn_gnb > span.hamburger > span::before {background-color: #fff;}
.btn_gnb > span.hamburger > span::after {background-color: #fff;}

#wrap.main {background-image: url(/images/bg_visual_main.png); background-repeat: no-repeat; background-position: center; background-size: cover;}
.main #content {display:flex; align-items:center; justify-content:center; background: rgba(0, 0, 0, 0.16);}
.main .bg_video {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;}
.main .bg_video video {position:absolute; left:50%; top:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%);}
.main p.slogan {position:absolute; left:50%; top:50%; margin-top:-12px; text-align:center; font-size:60px; line-height:120%; font-weight:800; color:#fff; word-break:keep-all; transform:translate(-50%, -50%);}

/* footer(main) */
.main #footer {margin-top:-152px; background:none;}

/* subpage common */
div.visual_sub {display:table; width:100%; height: 480px; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: rgba(0,0,0,.5);}
div.visual_txt {display:table-cell; padding:30px 15px 15px; text-align: center; vertical-align: middle; color:#fff; background-color: rgba(0,0,0,.56);}
div.visual_txt > h2 {font-size:62px; line-height: 120%;}
div.visual_txt > p {margin-top:24px; font-size:24px; line-height: 120%; word-break: keep-all;}

ul.grid_thumb {margin:-16px -10px -16px; font-size:0;}
ul.grid_thumb > li {display: inline-block; box-sizing: border-box; width:25%; padding:16px 10px; vertical-align: top;}
ul.grid_thumb > li .box_img {display:block; position:relative; padding-top:86.15%; background-color: rgba(0,0,0,.25); background-repeat: no-repeat; background-position: center; background-size: 100%; transition: all 0.3s;}
ul.grid_thumb > li:hover .box_img {background-size: 110%;}
ul.grid_thumb > li strong.title {display:block; margin-top:20px; font-size: 24px; color:#121212;}
ul.grid_thumb > li p.etc {margin-top: 8px; font-size:16px; color: #666;}
ul.grid_thumb > li.empty {width:100%; padding:80px 0; font-size:18px; text-align: center; font-weight: 500; line-height: 150%;}
ul.grid_thumb > li.empty::before {content:''; display:block; width:51.2px; height:51.2px; margin:0 auto 16px; border-radius: 50%; background: #D9D9E0 url(/images/ico_empty.svg) no-repeat center;}
ul.grid_thumb > li.parking {display:block; width:auto; margin:16px 10px 0; padding:80px 10px; font-size: 18px; line-height:150%; text-align: center;}
ul.grid_thumb > li.parking::before {content:''; display:block; width:64px; height:64px; margin:0 auto 16px; background: url(/images/ico_parking.svg) no-repeat center;}

div.box_search {position: relative; border-radius: 6px; background: #f7f7f7;}
div.box_search input[type=text],
div.box_search input[type=search] {box-sizing: border-box; width:100%; border:0 none; padding:12px 54px 12px 16px; font-size:18px; line-height: 28px; background: none;}
div.box_search button.btn_search {position:absolute; top:12px; right:16px; width:28px; height:28px;}
div.box_search button.btn_search::after {content:''; display:block; position: absolute; left:50%; top:50%; width:28px; height:28px; background: url(/images/ico_search.svg) no-repeat center; transform: translate(-50%, -50%);}

div.filter {text-align: right; font-size:0;}
div.filter .btn_filter_status {height: 46px; padding: 11px 23px; border:1px solid #aaa; border-radius: 99px; font-size:18px; line-height:22px; font-weight: bold; color:#666; transition: all 0.3s;}
div.filter .btn_filter_status:hover {background-color: #f7f7f7;}

div.filter .btn_filter_status + .btn_filter_status {margin-left:8px;}
div.filter .btn_filter_status.selected {border-color:#004B9D; background-color: #004B9D; color:#fff;}

ul.table_layout {border-top:1px solid #121212;}
ul.table_layout > li {display: table; table-layout: fixed; width:100%; }
ul.table_layout > li > span {display:table-cell; box-sizing: border-box; height:59px; padding:20px 15px; border-bottom: 1px solid #ddd; font-size: 18px; line-height:100%; text-align: center; vertical-align: middle;}
ul.table_layout > li.thead {background-color: #F5F5F5;}
ul.table_layout > li.thead > span {font-weight: bold; color: #121212;}
ul.table_layout > li.tbody > span {color: #666;}
ul.table_layout > li.tbody > span.empty {padding:80px 10px;}
ul.table_layout > li.tbody > span.empty::before {content:''; display:block; width:51.2px; height:51.2px; margin:0 auto 16px; border-radius: 50%; background: #D9D9E0 url(/images/ico_empty.svg) no-repeat center;}

/* layout */
div.container {box-sizing:border-box; max-width:1460px; margin:0 auto; padding:0 30px;}
div.container > div.context {display:table; width:100%; padding:80px 0 120px; table-layout: fixed;}
div.container > div.context > nav.snb {display: table-cell; width:240px; padding-right:60px; vertical-align: top;}

div.container > div.context > nav.snb .btn_mobile_snb {display:none; position: relative; width:100%; padding:13px 15px; border:1px solid #121212; border-radius: 6px; font-size:16px; font-weight: bold; line-height:100%; text-align: left; color:#121212;}
div.container > div.context > nav.snb .btn_mobile_snb::after {content:''; display:block; position: absolute; top:9px; right:15px; width:24px; height:24px; background: url(/images/ico_snb_arr.svg) no-repeat center;}
div.container > div.context > nav.snb.active .btn_mobile_snb::after {transform: rotate(180deg);}

div.container > div.context > nav.snb > ul > li + li {margin-top:32px;}
div.container > div.context > nav.snb > ul > li > a {display: inline-block; position: relative; font-size:20px; line-height:100%; font-weight: bold; color:#121212; transition: all 0.3s;}
div.container > div.context > nav.snb > ul > li > a:hover,
div.container > div.context > nav.snb > ul > li > a:focus {color:#0092D8}
div.container > div.context > nav.snb > ul > li.selected > a {color:#0092D8}
div.container > div.context > nav.snb > ul > li.selected > a::after {content:''; display:block; position:absolute; top:100%; width:100%; height:2px; margin-top: 4px; background-color: #0092D8;}

/* 검색박스 위치 변경 23.11.30 */
/* div.container > div.context > nav.snb div.box_search {margin-top: 48px;} */
div.container > div.context > div.cnts {display: table-cell; vertical-align: top;}

/* button */
div.btns {font-size:0; text-align: center;}
a.btn,
button.btn {display: inline-block; box-sizing: border-box; width:220px; height:59px; margin:0 6px; padding:16px; border-radius: 8px; font-size: 18px; text-align: center; line-height: 150%; font-weight: bold; color:#fff; background-color: #004B9D;}
div.btns .btn:first-child {margin-left: 0;}
div.btns .btn:last-child {margin-right: 0;}
a.btn_line {display:block; box-sizing: border-box; padding:11px 15px; border:1px solid #004B9D; border-radius: 8px; font-size:18px; text-align: center; line-height:28px; font-weight: bold; color:#004B9D;}

/* modal */
.modal {box-sizing: border-box; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:1001;}
.modal .inner {position: absolute; left:50%; top:50%; width:calc(100% - 32px); padding:16px 0; border-radius: 10px; transform: translate(-50%, -50%); background-color: #fff;}
.modal .modal_header {padding:8px 28px; text-align:right; font-size:0; line-height:0;}
.modal .modal_header::after {content: ''; display: block; clear: both;}
.modal .modal_header strong {display:block; float:left; font-size:24px; line-height: 29px; color:#121212;}
.modal .modal_header .logo_sign {display: inline-block; width: 97px; height:30px; vertical-align: top; background: url(/images/logo_color.svg) no-repeat center; background-size: contain;}
.modal .modal_header .logo_sign_en {display: inline-block; width: 192px; height:30px; vertical-align: top; background: url(/images/logo_en_color.svg) no-repeat center; background-size: contain;}
.modal .modal_header .btn_modal_close {width:30px; height:30px; margin-left:24px; vertical-align: top;}
.modal .modal_header .btn_modal_close::after {content:''; display:block; width:18.75px; height:18.75px; margin: 0 auto; background-image: url(/images/ico_close.svg); background-repeat: no-repeat; background-position: center; background-size: contain;}
.modal .modal_content {padding: 10px 28px 0;}
.modal .modal_footer {padding: 32px 0 8px; font-size:0; text-align: center;}
.modal .modal_footer button {display:inline-block; width:220px; margin:0 6px; padding:12px; border-radius: 8px; font-size: 18px; font-weight: bold; color:#fff; background-color: #004B9D;}
.modal .modal_footer button:first-child {margin-left:0;}
.modal .modal_footer button:last-child {margin-right:0;}
.modal span.line {display: block; height:1px; background-color: #ddd;}

/* 이메일 무단 수집 거부 */
.refuse_email {max-width:736px;}
.summary_refuse_email {margin-top:16px; color:#444; line-height: 150%;}
.summary_refuse_email strong {display:block; margin-top:24px; font-weight:bold; font-size:16px; line-height: 150%; color: #121212;}
.summary_refuse_email ol li {margin-top:8px; padding-left:17px; text-indent: -17px;}

/* 문의사항 발송 완료 */
.modal .message {max-width: 450px; padding-bottom:0;}
.modal .message .modal_content {padding:16px 24px; text-align: center;}
.modal .message .modal_content span.ico_message {margin:6px;}
.modal .message .modal_content div.message {margin-top: 16px; font-size:24px; font-weight: bold; line-height: 120%; color:#121212;}
.modal .message .modal_footer {padding:24px;}
.modal .message .modal_footer button {width:100%; margin:0;}

/* 확인 창 */
.modal .confirm {max-width: 450px; padding-bottom:0;}
.modal .confirm .modal_content {padding:16px 24px; text-align: center;}
.modal .confirm .modal_content span.ico_confirm {margin:6px;}
.modal .confirm .modal_content div.message {margin-top: 16px; font-size:20px; font-weight: 500; line-height: 120%; color:#121212;}
.modal .confirm .modal_footer {padding:24px;}
.modal .confirm .modal_footer button {width:calc(50% - 6px);}
.modal .confirm .modal_footer button.btn_modal_close {background-color: #D2D4E1; color:#444;}

/* icon */
span.ico_confirm {display:inline-block; width:48px; height:48px; border-radius: 50%; background: #B5B5BC url(/images/ico_confirm.svg) no-repeat center;}
span.ico_message {display:inline-block; width:48px; height:48px; border-radius: 50%; background: #004B9D url(/images/ico_message.svg) no-repeat center;}
span.ico_scroll_down {display:block; position: relative; width:24px; height:54px; background: url(/images/ico_scroll.svg) no-repeat top;}
span.ico_scroll_down::after {content:''; display:block; position: absolute; left:5px; bottom:4px; width: 14px; height: 8px; background: url(/images/ico_scroll_arr.svg) no-repeat center;
    animation-name: scroll;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 1s;
}


/* css animation */
@keyframes scroll {
    from {
        bottom: 4px;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}


@media screen and (max-width:1200px) {
    div.container > div.context > nav.snb {width:180px;}
    ul.grid_thumb > li {width:33.33%;}
}

/* 768 아래부터 mobile layout */
@media screen and (max-width:768px) {
    body.noscroll {overflow: hidden;}

    #header {height:64px; padding:16px 16px 16px 20px;}
    #header h1.logo {width:115px;}
    #header h1.logo_en {width:172px;}
    #header .menu {margin-top:0;}
    #header .menu .lang {margin-top:2px; padding:6px 11px;}
    #header .menu .lang span {display: block; height:14px; font-size:14px; line-height: 100%;}
    #header .menu .lang button {display: block; height:14px; font-size:14px; line-height: 100%;}

    #gnb {margin-left:16px;}
    #gnb > ul {display:block; box-sizing: border-box; position:fixed; top:0; right:-70%; width:70%; height:100%; padding:56px 16px 0; background:#fff; transition: all 0.3s; z-index: 10;}
    #gnb > ul > li {margin-top:24px;}
    #gnb > ul > li > a {font-size: 16px; color:#121212;}
    #gnb.active > ul {right:0;}
    #gnb.active .btn_gnb {z-index: 11;}
    #gnb.active .btn_gnb > span.hamburger > span {background-color: #121212;}
    #gnb.active .btn_gnb > span.hamburger > span::before {background-color: #121212;}
    #gnb.active .btn_gnb > span.hamburger > span::after {background-color: #121212;}
    #gnb.active > .m_dim {display:block;}

    .btn_gnb {width:32px; height:32px;}

    #footer {height:81px; padding:24px 16px;}
    #footer .linksets {display:flex; flex-direction: row-reverse; margin-left:-6px; margin-right:-6px;}
    #footer .linksets::after {content:''; display:block; clear: both;}
    #footer .linksets > div {flex:1; box-sizing: border-box; float:left; position: relative; width:50%; padding:0 6px;}
    #footer .linksets > div + div {margin-top:0;}
    #footer .linksets > div > button {display:block; position: relative; width:100%; padding:11px 15px; border:1px solid rgba(255, 255, 255, 0.50); border-radius: 4px; font-size:14px; font-weight: 500; line-height:120%; text-align: left; color:#fff;}
    #footer .linksets > div > button::after {content:''; display:block; position: absolute; top:11.5px; right:15px; width:16px; height:16px; background: url(/images/ico_plus.svg) no-repeat center;}
    #footer .linksets > div.active > button::after {background-image: url(/images/ico_minus.svg);}
    #footer .linkset {display:none; box-sizing:border-box; position: absolute; left:6px; right:6px; bottom:100%; margin-bottom:6px; padding:16px; border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.40); background: rgba(0, 0, 0, 0.60);}
    #footer .linkset dd {display:block; margin:0; text-align:left;}
    #footer .linkset dd > a {font-size:12px; line-height:120%; color:#fff;}
    #footer .linkset dd + dd {margin-top:12px;}
    #footer .linkset dd + dd::after {content: none;}

    #footer .linksets > div.active > .linkset {display:block;}
    #footer address {margin-top:12px; line-height:120%; word-break: keep-all;}

    .main #footer {margin-top:-129px;}

    .main #content {background: rgba(0, 0, 0, 0.24);}
    .main p.slogan {box-sizing:border-box; width:100%; padding:0 20px; font-size:32px; font-weight:bold;}

    div.visual_sub {height:248px;}
    div.visual_txt {padding:20px 10px 10px;}
    div.visual_txt > h2 {font-size:32px; line-height:normal;}
    div.visual_txt > p {margin-top:12px; font-size:14px; line-height: normal;}

    div.container {padding:0;}
    div.container > div.context {display:block; width:auto; padding:0;}
    div.container > div.context > nav.snb {display:block; position: relative; width:auto; padding:24px 16px;}
    div.container > div.context > nav.snb .btn_mobile_snb {display:block;}
    div.container > div.context > nav.snb > ul {display:none;}
    div.container > div.context > nav.snb.active > ul {box-sizing: border-box; display:block; position:absolute; top:100%; left:16px; right:16px; width:auto; margin-top:-16px; padding:8px; border:1px solid #121212; border-radius: 6px; z-index: 1; background: #fff;}
    div.container > div.context > nav.snb.active > ul > li + li {margin-top:6px;}
    div.container > div.context > nav.snb.active > ul > li > a {display:block; padding: 4px 8px; border-radius: 5px; font-size:15px; line-height:25px; font-weight: normal; color:#444;}
    div.container > div.context > nav.snb.active > ul > li > a::after {content:none;}
    div.container > div.context > nav.snb.active > ul > li.selected > a {font-weight: 500; color:#3B3B41; background-color: rgba(0, 146, 216, 0.10);}

    div.container > div.context > div.cnts {display:block; padding:0 16px 60px;}
    div.container > div.context > .typo + div.cnts,
    div.container > div.context > div.cnts:first-child {padding-top:24px;}

    div.box_search input[type=text],
    div.box_search input[type=search] {padding:10px 50px 10px 16px; font-size:16px; line-height:24px;}
    div.box_search button.btn_search {top:0; width:24px; height:44px;}
    div.box_search button.btn_search::after {width:24px; height:24px; background-size: contain;}

    ul.grid_thumb {margin:-12px -6px;}
    ul.grid_thumb > li {width:50%; padding: 12px 6px;}
    ul.grid_thumb > li strong.title {margin-top:12px; font-size: 16px;}
    ul.grid_thumb > li p.etc {margin-top: 6px; font-size:12px;}
    ul.grid_thumb > li.parking {margin:12px 6px;}

    ul.table_layout {border-top: 0 none;}
    ul.table_layout > li {display:block; padding:13px 0;}
    ul.table_layout > li.thead {display:none;}
    ul.table_layout > li + li {border-top: 1px solid #ddd;}
    ul.table_layout > li > span {display:block; height:auto; margin:3px 0; padding:0; border-bottom:0; text-align: left;}
    ul.table_layout > li.tbody > span.empty {text-align: center;}

    div.filter .btn_filter_status {height:35px; padding:4px 15px; font-size:15px; line-height:25px;}

    a.btn,
    button.btn {width:100%; height: 48px; padding:12px 24px; font-size: 16px;}

    .modal .modal_header {padding:12px 24px;}
    .modal .modal_header strong {font-size:18px; line-height:24px; text-align: left;}
    .modal .modal_header .logo_sign {display:none;}
    .modal .modal_header .logo_sign_en {display:none;}
    .modal .modal_footer button {font-size:16px;}

    .summary_refuse_email {max-height:calc(100vh - 260px); overflow-y: auto;}

    .modal .message .modal_content span.ico_message {width:38px; height:38px; background-size:20px;}
    .modal .message .modal_content div.message {font-size:18px;}
}

@media screen and (max-width:375px) {
    #header h1.logo_en {width:130px;}
}