@charset utf-8;
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');


*{font-family:Pretendard, Apple SD Gothic Neo, sans-serif; color: #454545; margin: 0; padding: 0; font-size: 13px;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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, td, th, article, aside, canvas, details, embed, figure, figcaption, #footer, #header, hgroup, menu, nav, output, ruby, section, summary, time, mark
, audio, video{margin:0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; /*font:inherit;*/}
article, aside, details, figcaption, figure, #footer, #header, hgroup, menu, nav, section{display: block;}
body{line-height: 1;}
ol,ul{list-style: none;}
blockquote,q{quotes: none;}
blockquote::before,blockquote::after,q::before,q::after{content: ''; content: none;}
table{border-collapse: collapse;border-spacing: 0;}
a {text-decoration: none; color:#454545;}
input[type=text] {-webkit-appearance: none; -webkit-border-radius: 0;}
button {all: unset;}


.wrap {max-width: 1200px; margin:0 auto; position: relative;}
#header {border-bottom: 1px solid #EEE;}
#header .wrap {display: flex; justify-content: space-between;}
#header .logo {line-height: 72px; display: inline-block;}
#header .logo img {vertical-align: middle;}
#header dl {display: flex; line-height: 72px; color: #555; font-size: 14px;}
#header dl dd {margin: 0 3px;}
#header dl dd a {padding: 0 10px; background: #fff; display: inline-block; text-align: center; border:1px solid #ccc; height: 25px; line-height: 25px; margin-left: 3px; border-radius: 3px; font-size: 14px; color: #555; transition: all 0.2s; box-sizing: border-box;}
#header dl dd a:hover {transition: all 0.2s; background: #ababab; color: #fff;}
#header dl dd a:hover span {color: #fff;}
#header dl dd a:active {position: relative; top:1px;}
#header dl dd select {background: #fff; display: inline-block; padding: 0 5px; border: 1px solid #ccc;  height: 27px; line-height: 27px; border-radius: 3px;}

#footer {border-top: 1px solid #e0e0e0;}
#footer .wrap {font-size: 12px; display: flex; flex-wrap: nowrap;}
#footer .logo {padding-top: 30px;}
#footer .logo img {width: 130px;height: auto;}
#footer .ABA-adress.info {padding: 30px 95px 0; color: #7f7f7f; line-height: 1.5em;}
#footer ul li.c-333 {color: #333; margin-top: 5px;}
#footer ul li span {padding:0 15px; color: #e0e0e0;}
#footer ul li i {margin-right: 5px;}
#footer .info_r {border-left: 1px solid #e0e0e0; padding:30px 0 70px 30px;}
#footer .info_r h3 {font-size: 15px; color: #454545; font-weight: normal;}
#footer .info_r .channeltalk {display: inline-block; width: 100px; line-height: 36px; font-size: 16px; font-weight: 500; color: #FFF; text-align: center; background: #fc6d35; margin: 12px 0; border-radius: 6px; text-decoration: none;}

#popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;}
#popup .popup_wrap {position: absolute; top: 50%; left: 50%; z-index: 1001; transform: translate(-50%, -50%); padding: 65px 40px 55px; text-align: center; background: #FFF; border-radius: 10px;}
#popup .popup_wrap .popup_btn {width: 100%; height: 40px;}
#popup .popup_wrap .popup_btn p {display: inline-block; margin-top: 20px; width: 50%; height: 100%; line-height: 40px; background: #aaa; color: #fff; cursor: pointer;}
#popup .popup_wrap .popup_btn p:hover{background: #111;}
#popup .popup_wrap .popup_btn p.close_btn { width: 48%; margin-left: 1%; background: #5e5e5e;}

#popup .popup_bg {width: 100%; height: 100%; background-color: #000; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5;}


@media screen and (max-width:1300px) {
    .wrap {max-width: inherit; padding: 0 5%;}
    /* #footer .ABA-adress.info {padding: 30px 30px 0;} */
}

@media screen and (max-width:988px) {
    #footer .wrap {display: inline-block;}
    #footer .ABA-adress.info {padding:30px 0 0;}
    #footer .info_r {border-left: none; padding:30px 0;}
    #footer ul li {color: #555;}
    #footer ul li span {display: block; color: #fff; height: 2px;}
}

@media screen and (max-width:600px) {
    #header {text-align: center;}
    #header .wrap {display: inline-block; margin:20px 0;}
    #header .logo {line-height: inherit;}
    #header dl {line-height: inherit; margin-top: 15px; justify-content: space-between; flex-wrap: wrap;}
    #header dl dd {line-height: 25px; margin: 0; width: 50%;}
    #header dl dd.txt {width: 100%; margin-bottom: 10px;}
    #header dl dd a {width: 90%;}
    #popup .popup_wrap { width: 80%;}
    #popup .popup_wrap .popup_btn p {width: 49%;}
    #popup .popup_wrap img { width: 100%;}
}