@charset "utf-8";

.wrapper { display: block;padding:0px; margin:0px; }

.container { display: block;max-width:1400px;margin:0px auto; font-size:0px;padding:20px; }
.container.header { max-width:none;padding:40px;background: var(--color-whf);box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);position: sticky;top:0px;left:0px;right:0px;margin-bottom:50px;font-size:0px;z-index: 9;}
.container.footer { max-width:none;padding:0px;background: var(--color-gre);position: relative;bottom:0px;left:0px;right:0px;margin-top:50px;}

.container.header h1 { display: inline-block;font-size:0px; width:198px;height:40px;background-image: url('../img/logo.svg');vertical-align: bottom;}
.container.header nav { display: inline-block;width:calc( 100% - 198px );height:40px;vertical-align: bottom;text-align: right;white-space: nowrap;}
.container.header nav > ul { display: inline-block;height:40px;margin-right:40px; }
.container.header nav > ul > li { display: inline-block;height:40px; }
.container.header nav > ul > li + li { margin-left:10px; }
.container.header nav > ul > li > a { display:block;font-size:20px;padding:0px 10px;line-height: 40px;color:var(--color-sub);font-family: Paperlogy;font-weight: 700;}
.container.header nav > ul > li > a:hover { color:var(--color-main);text-decoration: underline;}
.container.header button { display: inline-block;width:40px;line-height: 40px;height:40px;font-size:0px;color:var(--color-sub);vertical-align: bottom;}
.container.header button[name="find"]::before { content: '\e97a';font-family: 'xeicon' !important;font-size:30px;}
.container.header button[name="gnb_open"]::before { content: '\e91c';font-family: 'xeicon' !important;font-size:30px;}
.container.header button[name="gnb_open"] { display: none; }
.container.header select[name="language"] { display: none; }
.container.header .search_form { display: none;position: absolute;top:120px;left:0px;right:0px;background: #fff;padding:20px 0px 60px 0px;box-shadow: 0px 10px 8px 1px rgba(0,0,0,0.05);z-index: 10;}
.container.header .search_form > span { display: block;margin:0 auto;border-radius: 32px;height:60px;width:500px;border: 1px solid var(--color-grc);box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);position: relative;}
.container.header .search_form > span > input[type="text"] { display: block;padding:0px 30px;font-size:18px;line-height: 60px;width:calc( 100% - 60px );}
.container.header .search_form > span button[name="search"] { display: block;width:60px;line-height: 60px;height:60px;font-size:0px;color:var(--color-sub);vertical-align: bottom;position: absolute;top:0px;right:10px;}
.container.header .search_form > span button[name="search"]::before { content: '\e97a';font-family: 'xeicon' !important;font-size:30px;}
.container.header .search_form > ul { display: block;height:30px;text-align:center; margin-top:30px;}
.container.header .search_form > ul > li { display: inline-block;height:30px; }
.container.header .search_form > ul > li + li { margin-left:4px; }
.container.header .search_form > ul > li > a { display:block;font-size:14px;padding:0px 10px;line-height: 30px;color:var(--color-whf);font-weight: 400;background: var(--color-sub);border-radius: 5px;}
.container.header.opened nav > ul { display: none;}
.container.header.opened nav > button[name="gnb_open"] { display: none; }
.container.header.opened button[name="find"]::before { content: '\e921'; }
.container.header.opened .search_form { display: block; }

.container > aside.gnb { display: inline-block; width:240px;vertical-align: top;}
.container > aside.gnb > header { display:none;padding:20px 15px;box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);position: sticky; }
.container > aside.gnb > header i { display: inline-block;font-size:0px; width:40px;height:40px;background-image: url('../img/logo.svg');background-position: left center;vertical-align: bottom;}
.container > aside.gnb > header button { float:right;display: inline-block;width:40px;line-height: 40px;height:40px;font-size:0px;color:var(--color-sub);vertical-align: bottom;}
.container > aside.gnb > header button[name="gnb_close"]::before { content: '\e921';font-family: 'xeicon' !important;font-size:30px;}
.container > aside.gnb > header select[name="language"] { display: none; }
.container > aside.gnb > nav { display: block; }
.container > aside.gnb > nav > ul { display: block; }
.container > aside.gnb > nav > ul > li { display: block;position:relative; }
.container > aside.gnb > nav > ul > li + li { margin-top:4px; }
.container > aside.gnb > nav > ul > li > a { display: block;padding:0px 42px 0px 12px;font-size:16px;font-weight: 600;text-align: left;line-height: 40px; border-radius: 5px;background: var(--color-whf);color:var(--color-sub);}
.container > aside.gnb > nav > ul > li.on > a { background: rgba(38,183,188,0.1); color:var(--color-main); }

.container > aside.gnb > nav > ul > li::after { display: block;position: absolute;top:0px;right:0px;text-align: center;width:40px;line-height: 40px;height: 40px;text-align: center;content: '\e93f';font-family: 'xeicon' !important;font-size:16px;color:var(--color-grc);}
.container > aside.gnb > nav > ul > li.on::after { color:var(--color-main); }

.container > aside.gnb > nav > ul > li:has(dl)::after { content: '\e942'; }
.container > aside.gnb > nav > ul > li.on:has(dl)::after { content: '\e945'; }

.container > aside.gnb > nav > ul > li > dl { display: none; padding:6px 0; }
.container > aside.gnb > nav > ul > li.on > dl { display: block; }
.container > aside.gnb > nav > ul > li > dl > dd { display: block;position:relative; }
.container > aside.gnb > nav > ul > li > dl > dd + dd { margin-top:2px; }
.container > aside.gnb > nav > ul > li > dl > dd > a { display: block;padding:4px 15px 4px 24px;font-size:13px;font-weight: 400;text-align: left;line-height: 18px; border-radius: 5px;background: var(--color-whf);color:var(--color-bk6);}
.container > aside.gnb > nav > ul > li > dl > dd::before { position: absolute;width:4px;height:4px;top:11px;left:12px;content: '';background: var(--color-grb);border-radius: 50%;}
.container > aside.gnb > nav > ul > li > dl > dd.on > a { font-weight: 700;color:var(--color-main);text-decoration: underline;}
.container > aside.gnb > nav > ul > li > dl > dd.on::before { background: var(--color-main); }
.container > aside.gnb > nav > .banner { display:block;margin-top:50px; }
.container > aside.gnb > nav > .banner > a { display:block;padding:15px 30px;text-align: left;font-size:18px;line-height:36px;font-weight: 700;font-family: Paperlogy;color:var(--color-whf);background: var(--color-bk9);border-radius: 10px;}
.container > aside.gnb > nav > .banner > a + a { margin-top:10px; }
.container > aside.gnb > nav > .banner > a[data-role="service"] { background: var(--color-main); }
.container > aside.gnb > nav > .banner > a[data-role="service"]::before { display:inline-block;width:36px;height:36px;content: '';background-image: url('../img/ico_pen.svg');background-position: center;background-size: cover;background-repeat: no-repeat;vertical-align: bottom;margin-right:10px;}
.container > aside.gnb > nav > .banner > a[data-role="course"] { background: var(--color-sub); }
.container > aside.gnb > nav > .banner > a[data-role="course"]::before { display:inline-block;width:36px;height:36px;content: '';background-image: url('../img/ico_cert.svg');background-position: center;background-size: cover;background-repeat: no-repeat;vertical-align: bottom;margin-right:10px;}
.container > aside.gnb > nav > .banner > a[data-role="inquiry"] { text-align: center;background: var(--color-grd);color:var(--color-bk9); }
.container > aside.gnb > nav > .banner > a[data-role="inquiry"] > b { font-weight: 700;color:var(--color-sub);display: block;font-size:22px;line-height: 24px;}
.container > aside.gnb > nav > .banner > a[data-role="inquiry"]::before { display:block;margin:0 auto;width:48px;height:48px;content: '';background-image: url('../img/ico_chat.svg');background-position: center;background-size: cover;background-repeat: no-repeat;vertical-align: bottom;}



.container > section { display: inline-block; width:calc( 100% - 240px - 60px - 240px - 60px );vertical-align: top;margin-left:60px; padding-right:calc( 240px + 60px ); position: relative; }
.container > section > .article_list { position: absolute;top:0px;right:0px;width:240px;z-index: 8;}
.container > section > .article_list > p { display: block;font-size:12px;line-height: 14px;letter-spacing: 2px;color:var(--color-bk9);}
.container > section > .article_list > ul { display: block;margin-top:8px; }
.container > section > .article_list > ul > li { display: block; }
.container > section > .article_list > ul > li > a { display: block;padding:6px 14px;font-size:14px;font-weight: 400;text-align: left;line-height: 20px; color:var(--color-sub);border-left:2px solid var(--color-grc); }
.container > section > .article_list > ul > li.on > a { color:var(--color-main);font-weight: 600;border-left:2px solid var(--color-main);}
.container > section > article { display: block; }
.container > section > article + article {margin-top:80px;}
.container > section > article > hgroup { display: block;margin-bottom:30px; }
.container > section > article > hgroup > p { font-size:16px;color:var(--color-bk9);line-height: 20px;font-weight: 600;}
.container > section > article > hgroup > h2 { font-size:48px;color:var(--color-sub);line-height: 50px;font-weight: 700;font-family: Paperlogy;margin-top:5px;}
.container > section > article > hgroup > h3 { font-size:30px;color:var(--color-sub);line-height: 38px;font-weight: 700;opacity: 0.5;font-family: Paperlogy;margin-top:5px;}
.container > section > article > hgroup > p + h2 { margin-top:10px; }
.container > section > article > p { font-size:16px;color:var(--color-sub);line-height: 22px;font-weight: 400;min-height:22px;}
.container > section > article > .wrapper.image > img { width:100%;max-width:100%;display: block;margin:0px;padding:0px;border: 0px;}
.container > section > article > .wrapper.video { display:block;padding-top:56.25%;position: relative;}
.container > section > article > .wrapper.video > iframe { width:100% !important;height:100% !important;position: absolute;top:0px;left:0px;right:0px;bottom:0px;}
.container > section > article.result { display:none; }

.container > section.search_result { width:calc( 100% - 240px - 60px ); padding-right:0px; }
.container > section.search_result > article { display:none; }
.container > section.search_result > article.result { display:block; }
.container > section.search_result > .article_list { display:none;}
.container > section.search_result > .child_list { display:none;}
.container > section.search_result > .pagination { display:none;}
.container > section.search_result > article.result > hgroup { display: block;margin-bottom:50px; }
.container > section.search_result > article.result > hgroup > h2 { font-size:48px;color:var(--color-sub);line-height: 60px;font-weight: 700;font-family: Paperlogy;}
.container > section.search_result > article.result > hgroup > h2 > b { font-weight: 700;color:var(--color-main); }
.container > section.search_result > article.result > hgroup > p { font-size:20px;color:var(--color-sub);line-height: 30px;font-weight: 400;margin-top:5px;}
.container > section.search_result > article.result > hgroup > p > b { ffont-weight:600;}
.container > section.search_result > article.result > ul { display: block;padding:0px; border-top:1px solid var(--color-grd);padding-top:30px;}
.container > section.search_result > article.result > ul > li { display: block;position: relative;}
.container > section.search_result > article.result > ul > li > a { display: block;padding:20px 0px;font-size:16px;font-weight: 400;text-align: left;line-height: 20px; color:var(--color-sub);}
.container > section.search_result > article.result > ul > li > a > h3 { display:block;font-size:28px;color:var(--color-sub);line-height: 36px;font-weight: 700;font-family: Paperlogy;}
.container > section.search_result > article.result > ul > li > a > h5 { font-size:0px;color:var(--color-bk9);line-height: 20px;height: auto;font-weight: 400;margin-top:2px;}
.container > section.search_result > article.result > ul > li > a > h5 > span {font-size:14px;display:inline-block;line-height: 20px;height: 20px;vertical-align: bottom;margin-right:6px;}
.container > section.search_result > article.result > ul > li > a > h5 > span + span:before { font-size:14px;color:var(--color-grb);display:inline-block;line-height: 20px;width:auto;text-align: center;height: 20px;vertical-align: bottom;content: '\e93e';font-family: 'xeicon' !important;color:var(--color-grc);margin-right:6px; }
.container > section.search_result > article.result > ul > li > a > p { display:block;font-size:16px;color:var(--color-sub);line-height: 22px;font-weight: 400;margin-top:15px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.container > section.search_result > article.result > ul > li > a > span { display:block;font-size:18px;color:var(--color-bk9);line-height: 30px;font-weight: 400;margin-top:10px;}
.container > section.search_result > article.result > ul > li.nodata { display:block;padding:80px 0px; }
.container > section.search_result > article.result > ul > li.nodata::before { font-family: 'xeicon' !important;content:'\e9ab';width:120px;height:120px;line-height:120px;color:var(--color-grb);text-align: center;font-size:100px;margin:0 auto;display:block;padding:0px 0px;margin-bottom:20px; }
.container > section.search_result > article.result > ul > li.nodata > h4 { display:block; font-size:30px; line-height: 36px; font-family:"Paperlogy"; font-weight: 700; text-align:center; color:var(--color-sub); letter-spacing: -0.05em; }
.container > section.search_result > article.result > ul > li.nodata > h4 > b { font-weight: 700;color:var(--color-main); }
.container > section.search_result > article.result > ul > li.nodata > p { display:block; font-size:16px; line-height: 20px; text-align:center; color:var(--color-bk9);margin-top:10px;letter-spacing: -0.05em; }

.container > section > .child_list { display: block;margin-top:50px;}
.container > section > .child_list > p { display: block;font-size:20px;line-height: 24px;color:var(--color-sub);font-weight: 700;opacity: 0.5;}
.container > section > .child_list > ul { display: block;margin-top:8px;background: var(--color-gre);padding:20px 30px;border-radius: 10px;}
.container > section > .child_list > ul > li { display: block;position: relative;}
.container > section > .child_list > ul > li::before { position: absolute;width:4px;height:4px;top:17px;left:12px;content: '';background: var(--color-sub);border-radius: 50%;}
.container > section > .child_list > ul > li > a { display: block;padding:8px 14px;font-size:16px;font-weight: 400;text-align: left;line-height: 20px; color:var(--color-sub);text-decoration: underline;padding-left:25px;}

.container > section > .pagination { display: block;margin-top:50px;padding:30px 0px;border-top:1px solid var(--color-grd);}
.container > section > .pagination > ul { display: block;font-size:0px;}
.container > section > .pagination > ul > li { display: inline-block;width:50%;vertical-align: top;}
.container > section > .pagination > ul > li > a { display: block;font-size:16px;line-height: 22px;font-weight: 600;position: relative;}
.container > section > .pagination > ul > li > a::before { content:'';display: block;font-size:12px;line-height: 22px;font-weight:400;color:var(--color-org);}
.container > section > .pagination > ul > li > a::after { position: absolute;top:0px;content: '';font-family: 'xeicon' !important;font-size:30px;line-height: 44px;width:32px;text-align: center;color:var(--color-grc);}
.container > section > .pagination > ul > li:first-child > a { text-align:left;padding-left:50px; }
.container > section > .pagination > ul > li:first-child > a::before { content:'이전'; }
.container > section > .pagination > ul > li:first-child > a::after { left:0px;content: '\e93d';}
.container > section > .pagination > ul > li:last-child > a { text-align:right;padding-right:50px; }
.container > section > .pagination > ul > li:last-child > a::before { content:'다음'; }
.container > section > .pagination > ul > li:last-child > a::after { right:0px;content: '\e940';}

.container.footer nav { display: block;text-align: center;border-bottom:1px solid var(--color-grd);padding:15px 0px;}
.container.footer nav > ul { display: inline-block;height:30px;}
.container.footer nav > ul > li { display: inline-block;height:30px; }
.container.footer nav > ul > li + li { margin-left:10px; }
.container.footer nav > ul > li > a { display:block;font-size:15px;padding:0px 10px;line-height: 30px;color:var(--color-bk6);font-weight: 600;}
.container.footer address { font-style:normal;text-align: center;padding:40px;display: block;color:var(--color-bk9);}
.container.footer address > p { line-height: 22px;font-size:0px;color:var(--color-bk9);}
.container.footer address > p > b { display: inline-block;line-height: 22px;vertical-align: bottom;font-size:16px;letter-spacing: -0.5px;font-family: Paperlogy;font-weight: 700;color:var(--color-sub);}
.container.footer address > p > span { display: inline-block;line-height: 22px;vertical-align: bottom;font-size:14px;}
.container.footer address > p > span > b { font-weight: 400;color:var(--color-sub);margin-left:10px; }
.container.footer address > p > span + span { margin-left:30px; }
.container.footer address > p > b + span { margin-left:20px; }
.container.footer address > p.copyright { margin-top:20px; }
.container.footer address > p.copyright > span { font-size:13px;font-family: Paperlogy; }

.pop_wrapper {display:none;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.6);z-index:990;will-change: transform, opacity;backdrop-filter: blur(10px); }
.pop_wrapper.opened { display:block; }
.pop_wrapper > .pop {position:fixed;top:50%;left:50%;width:500px; padding:0px; height:auto;background:var(--color-whf);transform: translate(-50%, -50%);box-shadow: 0px 0px 80px 20px rgba(0,0,0,0.2);z-index:999;display:block;border-radius: 0px;}

.pop_wrapper > .pop > header { position:relative; display:block; padding:15px 30px; border-bottom:1px solid var(--color-grd); height:60px;}
.pop_wrapper > .pop > header h1 { font-size:26px; line-height:60px; font-family: Paperlogy;font-weight: 700; color:var(--color-sub);}
.pop_wrapper > .pop > header h1 > span { font-size:16px;margin-left:7px; }
.pop_wrapper > .pop > header h1.type2{line-height:1; display: flex; flex-direction: column; justify-content: center;}
.pop_wrapper > .pop > header h1.type2 > span{color:#999; display:block; margin:5px 0px 0px; font-size:13px; padding-left:3px;}
.pop_wrapper > .pop > header .close {font-size:30px; display:inline-block; width:20px; height:30px; line-height:30px; text-align:center; cursor:pointer; color:#333; }

.pop_wrapper > .pop > header button[name="pop_close"] { display: block;width:60px;line-height: 60px;height:60px;font-size:0px;color:var(--color-sub);vertical-align: bottom;position: absolute;top:15px;right:10px;}
.pop_wrapper > .pop > header button[name="pop_close"]::before { content: '\e921';font-family: 'xeicon' !important;font-size:30px;}


.pop_wrapper > .pop > section { display: block;padding:30px 30px;}

.pop_wrapper > .pop > section > .inquiry_form { padding:0px; }
.pop_wrapper > .pop > section > .inquiry_form > form {  }
.pop_wrapper > .pop > section > .inquiry_form > form div { display:block; font-size:0px; }
.pop_wrapper > .pop > section > .inquiry_form > form div > label { display: block;background-color: transparent;color:var(--color-bk3);font-size:14px;padding:0px;line-height:22px;height:auto;margin:0px;margin-bottom:4px; }
.pop_wrapper > .pop > section > .inquiry_form > form div > label.required::after { display:inline-block;content: '*';vertical-align: bottom;margin-left:2px;color:var(--color-red); }
.pop_wrapper > .pop > section > .inquiry_form > form div > p { display: block;background-color: var(--color-gre);position: relative;border-radius: 5px;border: 1px solid var(--color-gre); }
.pop_wrapper > .pop > section > .inquiry_form > form div > p.readonly { display: block;background-color: var(--color-whf);position: relative;border-radius: 5px; }
.pop_wrapper > .pop > section > .inquiry_form > form div + div {margin-top:25px;}
.pop_wrapper > .pop > section > .inquiry_form > form div > p > input[type=text],
.pop_wrapper > .pop > section > .inquiry_form > form div > p > input[type=password],
.pop_wrapper > .pop > section > .inquiry_form > form div > p > input[type=number] { display:block;width:calc( 100% - 24px );line-height: 48px; height:48px; border: 0px;font-size:16px;padding:0px 12px;letter-spacing: -0.05em; }
.pop_wrapper > .pop > section > .inquiry_form > form div > p > input::placeholder { color:var(--color-grb); }
.pop_wrapper > .pop > section > .inquiry_form > form div > p > textarea { display:block;width:calc( 100% - 24px );line-height: 24px; height:100px; border: 0px;font-size:16px;padding:12px 12px;letter-spacing: -0.05em;resize: none; }
.pop_wrapper > .pop > section > .inquiry_form > form div > p.readonly > input { font-weight: 600; }
.pop_wrapper > .pop > section > .inquiry_form > form div > p > i { font-family:"Pretendard", sans-serif !important;font-size:13px;line-height:28px;height:28px;padding:0px 10px;border-radius: 3px;background: var(--color-sub);color:var(--color-whf);position: absolute;top:8px;right:8px; }
.pop_wrapper > .pop > section > .inquiry_form > form div > p > i.countdown { font-size:14px;font-weight:600; line-height:28px;height:28px;padding:0px 0px;border-radius: 0px;background: transparent;color:var(--color-bk1); }
.pop_wrapper > .pop > section > .inquiry_form > form div > p > i.countdown.right { right:115px; }
.pop_wrapper > .pop > section > .inquiry_form > form div > p > button { font-family:"Pretendard", sans-serif !important;font-size:13px;line-height:36px;height:36px;padding:0px 10px;border-radius: 1px;background: var(--color-main);color:var(--color-whf);position: absolute;top:4px;right:4px; }

.pop_wrapper > .pop > section > .inquiry_form > form div > p.chkbox { display: block;background-color: transparent;position: relative;border-radius: 5px;border: 0px; }
.pop_wrapper > .pop > section > .inquiry_form > form div > p.chkbox > label { display:inline-block;width:auto;padding:0px 12px;margin:0px;margin-right:2px;height:48px;position:relative;border-radius:5px;background:var(--color-gre);overflow:visible; }
.pop_wrapper > .pop > section > .inquiry_form > form div > p.chkbox > label > input[type=radio] { display:none; }
.pop_wrapper > .pop > section > .inquiry_form > form div > p.chkbox > label > input[type=radio] + span { display:block;height:48px;line-height:48px;text-align:center;font-size:14px;margin:0px;color:var(--color-bk9); }
.pop_wrapper > .pop > section > .inquiry_form > form div > p.chkbox > label > input[type=radio] + span::before { display:none; }
.pop_wrapper > .pop > section > .inquiry_form > form div > p.chkbox > label:has(input[type=radio]:checked) { background:var(--color-sub) !important;color:#fff !important;}
.pop_wrapper > .pop > section > .inquiry_form > form div > p.chkbox > label:has(input[type=radio]:checked) > span { color:#fff !important;}

.pop_wrapper > .pop > section > .inquiry_form > form div > p.sel { position:relative;outline: none;display:inline-block;width:49%;margin-top:6px;overflow: hidden;}
.pop_wrapper > .pop > section > .inquiry_form > form div > p.sel:after { font-family: 'xeicon' !important; content:"\e942";vertical-align: middle;position:absolute;top:0px;right:12px;display:block;color:var(--color-bk9);font-size:15px;height:48px;line-height:48px;z-index:1;}
.pop_wrapper > .pop > section > .inquiry_form > form div > p.sel > select { display:block;width:120%;line-height: 48px; height:48px; border: 0px;font-size:16px;padding:0px 12px;letter-spacing: -0.05em;color:var(--color-bk9);z-index:2;position: relative; }

.pop_wrapper > .pop > section > .btns { display: block;padding:0px;margin-top:30px;}
.pop_wrapper > .pop > section > .btns > button { display: block;width:100%;background-color: var(--color-main); line-height: 54px;height:54px;font-size:16px;font-weight: 600;letter-spacing: -0.05em;color:var(--color-whf);border-radius: 5px; }
.pop_wrapper > .pop > section > .btns > button:disabled { background:var(--color-grb); }
.pop_wrapper > .pop > section > .btns > button.waiting { background:var(--color-bk9); }


@media (max-width: 1400px) {
	.container > section { width:calc( 100% - 240px - 60px ) !important; padding-right:0px; }
	.container > section > .article_list { display: none;}
}

@media (max-width: 1000px) {
	.container.header { padding:30px 20px;}
	.container.header nav > ul { margin-right:10px; }
	.container.header nav > ul > li + li { margin-left:0px; }
	.container.header .search_form { top:80px; }
	.container > section { width:calc( 100% - 240px - 30px ) !important; margin-left:30px !important; }
}

@media (max-width: 860px) {
	.container.header { margin-bottom:20px;padding:20px 15px; }
	.container.header nav > ul { display: none; }
	.container.header button[name="gnb_open"] { display: inline-block; }
	.container.header .search_form > span { width:calc( 100% - 50px );}

	.container > aside.gnb { display: none;}
	.container > aside.gnb.opened { display:block; width:auto;position: fixed;top:0px;bottom:0px;right:0px;left:0px;background: var(--color-whf);z-index: 10; }
	.container > aside.gnb > header { display:block; }
	.container > aside.gnb > nav { padding:30px;height:calc( 100% - 100px - 40px );overflow: hidden;overflow-y: auto;}

	.container > section { width:100% !important; margin-left:0px !important; }
	.container > section > .child_list > ul { padding:20px; }
	.container.footer { margin-top:20px; }
	.container.footer nav > ul > li + li { margin-left:0px; }
	.container.footer address > p > b { display: block;}
	.container.footer address > p > span + span { margin-left:0px;padding:0px 10px; }
	.container.footer address > p > b + span { margin-left:0px; }

	.container > section > .pagination > ul > li { display: block;width:auto;}

	.pop_wrapper > .pop { width:calc( 100% - 60px ); }
}