@charset "utf-8"; 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 { margin:0; padding:0; border:0; font-size:100%; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } html{font-size: 10px;} body { font-family: 'Roboto', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', Dotum, 돋움, Arial, Helvetica, sans-serif; font-style:normal; font-size:1.6rem; color:#111; line-height:normal; letter-spacing:0; position:relative; } 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; } legend { display:none; } em, address { font-style:normal; font-weight:normal; } button { cursor:pointer; border:0; background: transparent; font: inherit;padding:0;box-shadow:none;} img { vertical-align:top; border:0; } a { color:#111; text-decoration:none; } a:active, a:focus, a:link, a:visited { text-decoration:none; } a:hover { text-decoration:underline; } a:hover,a:active:hover, a:focus:hover, a:link:hover, a:visited:hover { text-decoration:none; color:#005bac;} input[type="text"] {padding: 0; border: none;border-radius: 0; box-sizing: border-box;font-family: inherit; outline: none;} .hide, .blind { width:0; height:0; margin:0; padding:0; position:absolute; left:0; top:0; font-size:0; text-indent:-9999px; overflow:hidden; visibility:hidden; } .common_inner{padding: 0 2rem; margin: 0 auto;position: relative;} .img_box{border: 1px solid #dfdfdf;box-sizing: border-box;} .img_box img{width: 100%;height: 100%; object-fit: cover; vertical-align: middle;} .dimmed { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 99; } .dimmed.active { display: block; } body.scroll_blocking{overflow: hidden;} .abb3{ overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: keep-all; } .desc{ font-size: 1.4rem; line-height: 1.9rem; margin-top: 2.0rem; color: #666666; } .con_title{ font-size: 1.7rem; line-height: 2.0rem; font-weight: bold; } .content_title{ font-size: 3rem; font-weight: 700; } .curr_day{ font-size: 1.3rem; color: #999999; } .title{ font-size: 2.2rem; display: inline-block; margin: 2.0rem 0.9rem 2.0rem 0; } .title a{display: flex;align-items: center;} .title a::after{ content: ''; display: block; width: 0.9rem; height: 1.5rem; background: url(../img/icon/ic_arrow.png) no-repeat; background-size: 100%; margin-left: 1rem; } .content{position: relative;margin-top: 4rem;} .content .common_inner::before{ content: ''; display: block; width: 100%; height: 0.5px; position: relative; top: 0; background: #333333; } .content .common_inner::after{ content: ''; display: block; width: 5rem; height: 0.4rem; background: #005bac; position: absolute; top: 0; right: 2rem; } .con_list .con_item a{ display: flex; align-items: center; } .con_list .con_item .cont_title{ flex: 1; font-size: 1.5rem; line-height: 1.9rem; font-weight: 500; } .con_list .con_item .info_box{ flex: 1; } .link_more { font-size: 1.5rem; border: 1px solid #cccccc; width: 100%; height: 4rem; display: flex; align-items: center; justify-content: center; font-weight: 500; margin-top: 2.4rem; } .link_more::after { content: ''; display: block; width: 0.7rem; height: 1.2rem; background: url(../img/icon/ic_arrow.png) no-repeat center; background-size: 100%; margin-left: 1rem; margin-bottom: -0.3rem; } .header{ position: relative; border-bottom: 1px solid #dfdfdf; height: 6rem; box-sizing: border-box; z-index: 99; background: #fff; } .header .common_inner{ display: flex; align-items: center; justify-content: space-between; height: 100%; } .logo_area .symbol{ display: inline-block; background: url(../img/logo/symbol.png) no-repeat; width: 6rem; height: 6rem; background-size: 100%; } .header .logo{ width: 15.0rem; height: 3rem; } .header .logo img{width: 100%;height: 100%;} .header .btn_nav{ display: flex; align-items: center; gap: 1.5rem; } .btn_nav .btn_nav_search{ display: block; background: url(../img/icon/ic_search_B.png) no-repeat; width: 2.2rem;height: 2.2rem; background-size: 100%; } .btn_nav .btn_nav_search.off{ display: none; } .btn_nav .btn_menu{ display: block; background: url(../img/icon/ic_ham.png) no-repeat center / 100%; width: 2.0rem;height: 2.2rem; } .btn_nav .btn_menu.on{ background: url(../img/icon/ic_close_B.png) no-repeat center / 100%; } .btn_nav .btn_mypage{ display: block; background: url(../img/icon/ic_info.png) no-repeat; width: 2.2rem;height: 2.2rem; background-size: 100%; } .nav_area{ display: none; background: #fff; width: 100%; padding: 4rem 3rem 5rem; z-index: 99; position: absolute; top: 6rem; height: 100vh; z-index: 99; overflow-y: auto; box-sizing: border-box; } .nav_area.active{display: block;} .nav_area .nav_list{} .nav_area .nav_list .nav_item+.nav_item{margin-top: 4rem;} .nav_area .nav_list .nav_item>a{ display: block; font-size: 2.4rem; font-weight: 900; } .nav_area .nav_list .nav_item>a::after{ content: ''; display: inline-block; width: 0.8rem; height: 1.5rem; background: url(../img/icon/ic_arrow.png)no-repeat center / 100%; margin-left: 1rem; } .nav_area .nav_list .nav_subList{ font-size: 2rem; padding-top: 2.5rem; font-weight: 600; } .nav_area .nav_subList li+li{ margin-top: 2.3rem; } .nav_area .lang_list{ display: flex; flex-wrap: wrap; font-size: 2rem; font-weight: 600; margin: 5rem 0; gap: 1.5rem; } .nav_area .lang_list li{width: calc(50% - 0.75rem);} .nav_area .lang_list li a{ height: 5rem; border: 1px solid #dfdfdf; display: flex; align-items: center; justify-content: center; } .nav_area .lang_list li a::after { content: ''; display: inline-block; width: 0.8rem; height: 1.5rem; background: url(../img/icon/ic_arrow.png) no-repeat center / 100%; margin-left: 1rem; } .header .search_wrap{ width: 100%; height: 9.5rem; position: absolute; top: 5.9rem; background: #fff; border-bottom: 1px solid #dfdfdf; z-index: 99; display: flex; align-items: center; padding: 0 3.8rem; box-sizing: border-box; display: none; } .header .search_wrap.active{display: flex;} .header .search_wrap form{ margin: 0 auto; width: 100%; height: 4.4rem; border: 1px solid #dfdfdf; border-radius: 0.5rem; display: flex; align-items: center; background: #ededed; box-sizing: border-box; } .header .search_wrap form input{ background: #ededed; border: none; width: 100%; height: 100%; padding: 0 1.4rem; font-size: 1.8rem; } input::placeholder {color:#333333;font-weight: 500;} .header .search_wrap .btn_search{ background: url(../img/icon/ic_search_B.png) no-repeat; background-size: 100%; width: 2.2rem; height: 2.2rem; margin-right: 1.7rem; } .video_box{ position: relative; width: 100%; height: 315px; margin-bottom: 40px; } .video_box iframe{width: 100%;height: 100%;} .event_top_banner{ background: #f4f1e8; position: relative; } .event_top_banner a{ display: block; width: 100%; height: 100%; } .event_top_banner .img_box img{ object-fit: contain;} .event_top_banner .btn_close{ position: absolute; right: 1rem; top: 1rem; width: 1.75rem; height: 1.75rem; background: url(../img/icon/close.png) no-repeat center; background-size: 100%; } .footer{ background: #1f1f1f; padding: 3.2rem 0; margin: 0 auto; margin-top: 10.0rem; color: #505050; font-size: 1.1rem; text-align: center; } .footer b{color: #d7d7d7;} .layer_wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; white-space: nowrap; font-size: 0; line-height: 0; text-align: center; background: rgba(0, 0, 0, 0.8); z-index: 999999999999; box-sizing: border-box; } .layer_wrap .layer_dialog { position: relative; display: inline-block; width: auto; background: #fff; box-sizing: border-box; vertical-align: middle; white-space: normal; line-height: 1; text-align: left; z-index: 10; -webkit-transform: scale(1); -ms-transform: scale(1); transform: translateY(-50%) scale(1); top: 50%; transition: transform .6s; } .layer_wrap .layer_dialog_close { position: fixed; top: 3rem; right: 3rem; width: 2rem; height: 2rem; background: url(../img/icon/icon_img_close.png) 50% 50% no-repeat; } .layer_wrap .layer_dialog img { width: 100%; height: auto; } .nav_area .login_area { background: #f8f8f8; margin:-40px 0 30px -30px; width: calc(100% + 60px); } .nav_area .login_wrap .inner{ padding:25px 20px 35px; } .nav_area .login_area .login_wrap p{font-size: 17px;line-height: 25px;font-weight: 500;letter-spacing: -0.5px;margin-top: 19px;text-align: center;word-break: keep-all;} .nav_area .login_area .login_wrap p b{font-weight: bold;} .nav_area .login .log_id {font-size: 19px;font-weight: 500;display: flex;align-items: center;} .nav_area .login .log_icon{ display: block; width: 30px; height: 30px; overflow: hidden; margin-right: 10px; } .nav_area .login .naver .log_icon{background: url(../img/icon/ic_naver.png) no-repeat;background-size: 100%;} .nav_area .login .kakao .log_icon{background: url(../img/icon/ic_mkakao.png) no-repeat;background-size: 100%;} .nav_area .login .email .log_icon{background: url(../img/icon/ic_mgmail.png) no-repeat;background-size: 100%;} .nav_area .login .app .log_icon{background: url(../img/icon/ic_app.png) no-repeat;background-size: 100%;} .nav_area .login .ajp .log_icon{background: url(../img/icon/ic_ajp.png) no-repeat;background-size: 100%;} .nav_area .login .gnb_login {margin-top: 19px;display: flex;letter-spacing: -0.5px;gap: 15px;margin-right: 10px;} .nav_area .login .nav_btn {display: flex;align-items: center;line-height: 25px;width: auto;} .nav_area .login .nav_btn::after {content: '';display: block;background: url(../img/icon/ic_gnb_arrow.png) no-repeat;background-size: 100%;width: 6px;height: 8px;margin-left: 6px;}