@import url('/common/css/basic.css');
@import url("/font/OneMobile/fonts.css");
@import url("/font/OneMobileTitle/fonts.css");

#wrap ::-webkit-scrollbar {width: 8px; height: 5px;}
#wrap ::-webkit-scrollbar-thumb {background-color: #aaa; border-radius: 5px;}
#wrap ::-webkit-scrollbar-track {background-color: #ddd; border-radius: 5px;}

/* slick slide common */
.slick-slider {-webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-slide {display: none; height: 100%; min-height: 1px; vertical-align: middle;}
.slick-list {overflow: hidden;}
.slick-list.dragging {cursor: pointer;}
.slick-initialized .slick-slide {display: inline-block;}
.slick-arrow.slick-hidden {display: none;}
.slick-current {opacity: 1; display: block;}
.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}

/* slick arrow show */
.arwShow .slick-arrow.slick-hidden { display: inline-block; }

/* �뙘�뾽李� �뿴�젮 �엳�쓣 �떆 body �뒪�겕濡� 留됯린 */
body.body_fixed { position: fixed; }

#wrap { overflow: hidden; }
 
#container .section .container { position: relative; max-width: 96rem; padding: 0 8rem; margin: auto; }
#container .section .fp-tableCell { padding-top: 5rem; }
#container .section.footPage .fp-tableCell { padding-top: 0; }

/* header */  
#header { position: relative; width: 100%; border-bottom: 1px solid #ddd; z-index: 10; background: #fff; transition: all 0.3s; }
#header.on { background: #fff !important; }
#header .container { position: relative; max-width: 80rem; height: 5rem; margin: auto; display: flex; justify-content: space-between; align-items: center; } 
#header h1 { float: left;}
#header h1 a { display: block; height: 100%; font-size: 0; }
#header h1 a.m_logo { display: none;}
#header .container .logo_wrap {position: absolute;left: 0;top: 50%;display: flex;align-items: center;transform: translateY(-50%); z-index: 11;} 
#header .container .logo_wrap .class_name { display: inline-block; font-size: 1.3rem; font-weight: 600; color: #111; position: relative; padding-left: 1rem; margin-left: 1rem; float: left;}
#header .container .logo_wrap .class_name::before { content: ''; display: inline-block; width: 1px; height: 1.25rem; background: #7e7e7e; position: absolute; left: 0; top: calc(50% - 0.625rem);}

#header .top_menu { background: #eaedef;}
#header .top_menu ul { max-width: 80rem; margin: auto; display: flex;}
#header .top_menu ul li a { display: inline-block; width: 7.5rem; line-height: 2.1rem; text-align: center; background: #fff; color: #005aa9; font-size: 0.9rem;}
#header .top_menu ul li:nth-child(2) a { background: #005aa9; color: #fff;}
/* nav */
#nav { position: relative; width: 100%; z-index: 10; }
#gnb { position: relative; height: 5rem; z-index: 2; }
#nav .dep01_tit { display: none; }
#gnb li a { position: relative; display: block; font-weight: 400; }
#gnb li a span { position: relative; z-index: 12; }                                                                     
#gnb .depth01 { margin: 0 auto; width: 100%; max-width: 70rem; z-index: 1; }
#gnb .depth01 > ul { display: flex; width: 100%; text-align: center;  justify-content: flex-end; }
#gnb .depth01 > ul > li { position: relative; line-height: 1.6; vertical-align: top; }
#gnb .depth01 > ul > li > a { display: flex; justify-content: center; align-items: center; width: 100%; height: 5rem; font-size: 1rem; font-weight: 700; transition: all 0.15s; word-break: keep-all; }
#gnb .depth01 > ul > li > a > span {display: block;line-height: 1.2;max-height: 2.4rem;overflow: hidden;}
#nav .depth02 { opacity: 0; visibility: hidden; transition-delay: 0s; }
#nav .depth02 .tit { display: none; }
/* nav : active */
#nav .depth01 > ul > li.on > .depth02 { opacity: 1; visibility: visible; display: block; } 
/* nav : fullDown */
#nav.fullDown,
#nav.fullDown #gnb { position: inherit; }
#nav.fullDown { padding-left: 0;}

.fullDown #gnb .dep01_tit { display: block; transition: all 0.15s;}
.fullDown #gnb .dep01_tit > ul { display: flex; justify-content: flex-end; float: right; transition: all 0.3s; min-width: calc(100% - 43rem); }
.fullDown #gnb .dep01_tit > ul > li { position: relative; line-height: 1.6; vertical-align: top; flex: 1;}
.fullDown #gnb .dep01_tit > ul > li > a { display: flex; justify-content: center; align-items: center; width: 100%; height: 5rem; font-size: 1rem; font-weight: 700; transition: all 0.15s;} 
.fullDown #gnb .dep01_tit > ul > li > a > span {display: block;line-height: 1.2;max-height: 2.4rem;overflow: hidden;}
.open .fullDown #gnb .depth01  { top: calc(5rem + 1px);}
.fullDown #gnb .depth01 { opacity: 0; visibility: hidden; transition-delay: 0s; max-width: 100%; position: absolute; top: calc(5rem + 1px); left: 50%; transform: translateX(-50%); background: #fff; }
.fullDown #gnb .depth01::before {content: ''; display: block; width: 100vw; height: 100%; box-shadow: 10px 10px 20px rgba(40, 40, 40, 0.07); position: absolute; top: 0; left: 50%; transform: translateX(-48%); background: #fff;}
.fullDown #gnb .depth01 .gnb_info {position: relative;width: 29rem;background: url('/common/images/layout/fullMenu_bg.png') no-repeat center / cover;position: absolute;top: 0;left: calc(50% - 46.5rem);height: 100%;padding-left: 6rem;}
.fullDown #gnb .depth01 .gnb_info .txt { position: relative; top: 50%; left: 0; transform: translateY(-50%);}
.fullDown #gnb .depth01 .gnb_info .txt h3 { position: relative; font-family: 'OneMobileTitle'; font-size: 2rem; color: #005aa9; padding-bottom: 1.2rem; margin-bottom: 0.7rem;}
.fullDown #gnb .depth01 .gnb_info .txt h3::before { content: ''; display: block; width: 2.5rem; height: 0.25rem; background: #005aa9; position: absolute; bottom: 0; left: 0;}
.fullDown #gnb .depth01 .gnb_info .txt p { font-family: 'OneMobile'; font-weight: 400; font-size: 1rem; color: #111; line-height: 1.5rem;}
.fullDown #gnb .depth01 .gnb_info .txt p span { color: #006cb2;}
.fullDown #gnb .depth01 > ul { max-width: 80rem; margin: auto; padding-left: 20rem; }
.fullDown #gnb .depth01 > ul > li { position: relative; border: 1px solid #eee; flex:1; }
.fullDown #gnb .depth01 > ul > li:nth-child(1) { border-left: 1px solid transparent;} 
.fullDown #gnb .depth01 > ul > li.match { border-color: #005aa9; }
.fullDown #gnb .depth01 > ul > li.match::before { opacity: 1;}
.fullDown #gnb .depth01 > ul > li > a { display: none;} 
.fullDown #gnb .depth02 > ul > li { text-align: left; } 
.fullDown #gnb .depth02 > ul > li > a { position: relative; padding:0.6rem 1.1rem; font-size: 0.8rem; color: #333; font-weight: 500; }
.fullDown #gnb .depth02 > ul > li.dep > a::before { position: absolute; top: 0; right: 1.1rem; width: 1rem; height: 1rem; line-height: 2.5rem; text-align: center; font-size: 0.8rem; color: #333; font-family: 'xeicon'; content: "\e941"; }
.fullDown #gnb .depth02 > ul > li.dep.active > a::before { content: "\e944"; }
.fullDown #gnb .depth03 { height: 0; opacity: 0; visibility: hidden; transition-delay: 0s; } 
.fullDown #gnb .depth03 > ul > li { line-height: 1.5rem;}
.fullDown #gnb .depth03 > ul > li + li { margin-top: 0.3rem; }
.fullDown #gnb .depth03 > ul > li > a { font-size: 0.75rem; color: #555; }
.fullDown #gnb .depth03 > ul > li > a > span { position: relative; display: inline-block; padding-left: 0.7rem; line-height: 1.2; }
.fullDown #gnb .depth03 > ul > li > a > span::before { position: absolute; top: 0.3rem; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #006cb2; content: ""; } 
.fullDown #gnb .depth03 > ul > li.dep > a { padding: 0 1rem 0 0; }
.fullDown #gnb .depth03 > ul > li.dep > a::after { position: absolute; top: 0; right: 0; font-family: 'xeicon'; font-size: 0.8rem; color: #555; font-weight: 600; content: "\e914"; } 
.fullDown #gnb .depth04 { height: 0; opacity: 0; visibility: hidden; transition-delay: 0s; }
.fullDown #gnb .depth04 > ul > li > a { color: #777; font-size: 0.7rem; line-height: 1.25rem;}
.fullDown #gnb .depth04 > ul > li > a > span { padding-left: 0.5rem; }
.fullDown #gnb .depth04 > ul > li > a > span::before { position: absolute; top: 50%; left: 0; width: 5px; height: 1px; background: #bbb; content: ""; }
.fullDown #gnb ul > li > a[target="_blank"]::after { position: absolute; top: 0.9rem; right: 1rem; width: 0.65rem; height: 0.65rem; background: url('/common/images/layout/nav_fulldown_blank_icon.png') no-repeat center; content: ""; }
.fullDown #gnb .depth03 ul > li > a[target="_blank"]::after { right: 0; top: 0.4rem;}
.fullDown #gnb .depth04 ul > li > a[target="_blank"]::after { right: 0; top: 0.2rem;}
.fullDown #gnb.gnbon .depth01,
.fullDown #gnb.gnbon .depth02 { opacity: 1; visibility: visible; display: block; }
.fullDown #gnb .depth02 > ul > li.active .depth03 { height: auto; padding-top: 0.5rem; opacity: 1; visibility: visible; display: block; padding: 0.5rem 1rem; border-bottom: 1px solid #ddd;}
.fullDown #gnb .depth03 > ul > li.active .depth04 { height: auto; margin-top: 0.5rem; opacity: 1; visibility: visible; display: block; background: #f5f5f5; padding: 0.5rem; border-radius: 0.5rem; }
/* nav : fullDown : active */
.fullDown #gnb.gnbon .dep01_tit > ul { width: calc(100% - 20rem); transition: all 0.3s;}
.fullDown #gnb .dep01_tit > ul > li > a:hover,
.fullDown #gnb .dep01_tit > ul > li > a:focus,
.fullDown #gnb .dep01_tit > ul > li.match > a { color: #006cb2; }
.fullDown #gnb .depth02 > ul > li.active > a { background:  linear-gradient(90deg,#1f63c9,#2399e5); color: #fff;}
.fullDown #gnb .depth02 > ul > li.active.dep > a::before { color: #fff; }
.fullDown #gnb .depth03 > ul > li.active > a::after { content: "\e91b"; color: #006cb2; }
.fullDown #gnb .depth03 > ul > li.active > a,
.fullDown #gnb .depth03 > ul > li > a:hover,
.fullDown #gnb .depth03 > ul > li > a:focus { color: #006cb2; font-weight: 600; }
.fullDown #gnb .depth04 > ul > li > a:hover,
.fullDown #gnb .depth04 > ul > li > a:focus { color: #111;}

/* nav : oneDown */
.oneDown #gnb .depth01 .gnb_info { display: none;}
.oneDown #gnb .depth01 > ul { display: flex; justify-content: flex-end; float: right; transition: all 0.3s; min-width: calc(100% - 43rem); width: auto;}
.oneDown .depth01 > ul > li { flex: 1;}
.oneDown .depth02 { position: absolute; left: 50%; transform: translateX(-50%); width: 11.5rem; background: #fff; border-radius: 0.8rem; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1); text-align: left; overflow: hidden;}  
.oneDown .depth02 > ul > li > a { display: block; color: #333; padding: 0.85rem 0.8rem; font-size: 0.8rem; }
.oneDown .depth02 > ul > li > a > span { position: relative; display: block; font-weight: 500; }
.oneDown .depth02 > ul > li.dep > a > span { padding: 0 1rem 0 0; }
.oneDown .depth02 > ul > li.dep > a > span::after { position: absolute; top: 0; right: 0; font-family: 'xeicon'; font-size: 0.8rem; color: #333; font-weight: 600; content: "\e941"; }
.oneDown .depth03 { background: #fff; height: 0; opacity: 0; visibility: hidden; transition-delay: 0s; padding: 0 1rem; border-bottom: 1px solid #ddd;}
.oneDown .depth03 > ul > li + li { margin-top: 0.4rem; }
.oneDown .depth03 > ul > li > a { position: relative; display: block; color: #555; font-size: 0.75rem; padding-left: 0.5rem; }
.oneDown .depth03 > ul > li > a::before { content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #006cb2; position: absolute; top: 0.5rem; left: 0;}
.oneDown .depth03 > ul > li > a > span { position: relative; display: block;}
.oneDown .depth03 > ul > li > a > span::before { position: absolute; top: 0.6rem; left: 0; width: 5px; height: 1px; background: #fff; content: ""; } 
.oneDown .depth03 > ul > li.dep > a > span::after { position: absolute; top: 0; right: 0; font-family: 'xeicon'; font-size: 0.8rem; color: #777; font-weight: 600; content: "\e914"; }
.oneDown .depth04 { background: #f5f5f5; border-radius: 0.5rem; height: 0; opacity: 0; visibility: hidden; transition-delay: 0s; }
.oneDown .depth04 > ul > li > a > span { position: relative; display: block; padding: 0 0.5rem; font-size: 0.7rem; color: #777;}
.oneDown .depth04 > ul > li > a > span::before { position: absolute; top: 0.5rem; left: 0; width: 5px; height: 1px; background: #bbb; content: ""; }
.oneDown ul > li > a[target="_blank"]::after { position: absolute; top: 0; right: 0.8rem; width: 0.65rem; height: 0.65rem; background: url('/common/images/layout/nav_fulldown_blank_icon.png') no-repeat center; content: ""; font-size: 0.75rem; color: #777;}
.oneDown .depth02 ul > li > a[target="_blank"]::after { top: 1.2rem;} 
.oneDown .depth03 ul > li > a[target="_blank"]::after { top: 0.2rem; right: 0;} 
.oneDown .depth04 ul > li > a[target="_blank"]::after { top: 0.2rem; right: 0;} 
 
/* nav : oneDown : active */
#header.on .oneDown #gnb .depth01 > ul { width: calc(100% - 20rem);}
.oneDown .depth01 > ul > li > a:hover,
.oneDown .depth01 > ul > li > a:focus,
.oneDown .depth01 > ul > li.on > a { color: #134589; }
.oneDown .depth02 > ul > li.active > a { background:  linear-gradient(90deg,#1f63c9,#2399e5); color: #fff;}
.oneDown .depth02 > ul > li.active .depth03 { padding-bottom: 0.5rem;}
.oneDown .depth02 > ul > li > a:hover,
.oneDown .depth02 > ul > li > a:focus { font-weight: 600 !important; }
.oneDown .depth02 > ul > li.dep.active > a > span::after { content: "\e944"; color: #fff;}
.oneDown .depth03 > ul > li.dep.active > a > span::after { content: "\e91b"; color: #134589; }
.oneDown .depth02 > ul > li.active .depth03 { height: auto; margin-top: 0.6rem; opacity: 1; visibility: visible; display: block; }
.oneDown .depth03 > ul > li.active > a > span { color: #134589; font-weight: 500;}
.oneDown .depth03 > ul > li.active .depth04 { height: auto; padding: 0.5rem 1rem; margin-top: 0.5rem; opacity: 1; visibility: visible; display: block; }
.oneDown .depth03 > ul > li > a:hover > span,
.oneDown .depth03 > ul > li > a:focus > span { color: #134589; font-weight: 500; }
.oneDown .depth04 > ul > li > a:hover > span,
.oneDown .depth04 > ul > li > a:focus > span { color: #111; }
.oneDown .depth02 > ul > li > a > span::before,
.oneDown .depth03 > ul > li > a > span { transition: all 0.2s; -webkit-transition: all 0.2s; }

/* nav : oneFull */
.oneFull #gnb,
.oneFull,
.oneFull .depth01 > ul > li { position: static !important; flex: 1; } 
.oneFull #gnb .depth01 > ul {display: flex;justify-content: flex-end;float: right;transition: all 0.3s;min-width: calc(100% - 31rem);width: auto;}/*250313*/
.oneFull .depth01 > ul > li { flex: 1; } 
.oneFull #gnb .depth01 .gnb_info { display: none;}
.oneFull .depth01 > ul > li > a {position: relative;}
.oneFull .depth01 > ul > li > a::before { content: ''; display: block; width: 0; height: 5px; border-radius: 1rem; background: #134589; position: absolute; bottom: -0.15rem; left: 0; transition: all 0.15s; z-index: 99;}
.oneFull .depth02 { width: 80rem; position: absolute; left: 50%; transform: translateX(-50%); }
.oneFull .depth02::before {position: absolute;top: 0;left: 50%;width: 100vw;transform: translateX(-50%);height: 100%;background: #fff url('/common/images/layout/onefull_bg.png') no-repeat bottom right;content:"";z-index: -1;box-shadow: 10px 10px 40px rgba(0,0,0,0.1); border-bottom: 10px solid;border-image: linear-gradient(to right, #1f63c9, #2399e5); border-image-slice: 1;}
.oneFull .depth02::after {content: '';display: block;width: 300%;height: 1px;background: #dde2e7;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.oneFull .depth02 > ul { margin: 2rem 0 3.7rem; display: flex; flex-wrap: wrap; }
.oneFull .depth02 > ul > li { width: 18.75%; } 
.oneFull .depth02 > ul > li + li { margin-left: 1.5%;}
.oneFull .depth02 > ul > li:nth-child(5n+1) { margin-left: 0;}
.oneFull .depth02 > ul > li:nth-child(n+6) { margin-top: 0.5rem;}
.oneFull .depth02 > ul > li > a { padding: 0.7rem 2rem 0.7rem 0.9rem; border: 1px solid #d9dfe4; background: #fff; text-align: left; font-size: 0.9rem; color: #134589; border-radius: 0.5rem; font-weight: 600; }
.oneFull .depth02 > ul > li > a::before { position: absolute; top: 50%; right: 1.4rem; transform: translateY(-50%); font-size: 1.1rem; font-family: 'xeicon'; color: #134589; content: "\e93f";}
.oneFull .depth03 { text-align: left; padding: 0.3rem 1rem; }  
.oneFull .depth03 > ul > li > a { position: relative; display: block; font-size: 0.8rem; color: #555; padding:0.3rem 0 0.3rem 0.7rem;  line-height: 1.1;}
.oneFull .depth03 > ul > li > a::before { position: absolute; top: 0.55rem; left: 0; border-radius: 50%; width: 0.25rem; height: 0.25rem; background: #d9d9d9; content: ""; }
.oneFull .depth03 > ul > li > a span { display: inline-block; } 
.oneFull .depth02 > ul > li > a[target="_blank"]::before { font-family: 'xeicon'; font-size: 0.8rem; color: #555; content: "\e980"; } 
.oneFull .depth03 > ul > li > a[target="_blank"] > span::after{ position: absolute; top: 0; right: 0; font-family: 'xeicon'; font-size: 0.8rem; color: #555; content: "\e980"; }
.oneFull .depth03 > ul > li > a[target="_blank"] > span { padding-right: 3rem; }
.oneFull .depth04 > ul > li > a[target="_blank"] > span::after { position: absolute; top: -0.2rem; right: 0; font-family: 'xeicon'; font-size: 0.8rem; color: #555; content: "\e980"; }
.oneFull .depth04 { margin: 0.3rem 0; }
.oneFull .depth04 > ul { border-radius: 0.5rem; background: #f5f5f5; padding: 0.5rem 1rem; }
.oneFull .depth04 > ul > li > a > span { position: relative; display: block; padding-left: 0.5rem; font-size: 0.7rem; color: #777; }
.oneFull .depth04 > ul > li > a > span::before { position: absolute; top: 0.55rem; left: 0; width: 5px; height: 1px; background: #bbb; content: ""; }
/* nav : oneFull : active */
/* #header.on .oneFull #gnb .depth01 > ul { width: calc(100% - 20rem);} */
.oneFull .depth01 > ul > li > a:hover,
.oneFull .depth01 > ul > li > a:focus,
.oneFull .depth01 > ul > li.on > a { color: #134589; }
.oneFull .depth01 > ul > li.on > a::before { width: 100%;}
.oneFull .depth02 > ul > li > a:hover,
.oneFull .depth02 > ul > li > a:focus { color: #fff; background: linear-gradient(to right, #1f63c9,#2399e5); border-color: transparent; font-weight: 800 !important; }
.oneFull .depth02 > ul > li > a:hover::before,
.oneFull .depth02 > ul > li > a:focus::before {color: #fff;}
.oneFull .depth03 > ul > li > a:hover,
.oneFull .depth03 > ul > li > a:focus { color: #134589; font-weight: 800 !important; } 
.oneFull .depth02 > ul > li > a,
.oneFull .depth03 > ul > li > a span::before { transition: all 0.2s; -webkit-transition: all 0.2s; }
.oneFull .depth04 > ul > li > a:hover > span,
.oneFull .depth04 > ul > li > a:focus > span { color: #111; }

/* topUtil */
.topUtil { display: flex; align-items: center; }
.topUtil button { padding: 0; } 

/* 寃��깋踰꾪듉 */
.searchOpen { font-size: 1.5rem; margin-right: 2rem; color: #006cb2; }
.searchOpen em { display: none; }
 
/* 寃��깋李� */
.box_search {display: none;position: absolute;top: 5rem;left: 50%;width: 100vw;background: #fff;padding: 1rem 0 3rem;z-index: 98;box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.07);transform: translateX(-50%); }
.box_search .inner { max-width: 40rem; margin: auto; padding: 0 1rem;  display: flex; justify-content: space-between; align-items: center;}
.box_search .inner h3 { font-size: 1.9rem; color: #006cb2; font-weight: 900;}
.box_search .inner #searchForm { display: flex; align-items: center; width: 30rem; height: 3.7rem; background: #fff; border: 2px solid #006cb2; border-radius: 2rem; padding: 0 0.5rem 0 1.5rem; overflow: hidden; }
.box_search .inner #searchForm #total_option { height: 100%; border: none; margin-right: 1.3rem; padding: 0 1.5rem 0 0; color: #111; font-weight: 600; appearance: none; background: url('/images/T0002/layout/total_option_bg.png') no-repeat center right; }
.box_search .inner #searchForm #total_search { width: 100%; height: 100%; border: none; flex: 1; font-size:0.9rem; color:#333;}
.box_search .inner #searchForm .srch_btn { font-size: 1.25rem; display: inline-block; width: 2.5rem; height: 2.5rem; border-radius: 50%; line-height: 2.5rem; color: #fff; background: #006cb2; text-align: center;} 
.btnSearchClose {position: absolute;top: -4.3rem;left: 50%;transform: translateX(33.6rem);width: 3.4rem;height: 3.4rem;line-height:3.6rem;text-align: center;color: #fff;background: #333;border-radius: 50%; font-size: 1.25rem;}
.btnSearchClose::before { content: ''; display: block; width: 100vw; height: 5rem; position: absolute; right: 3.4rem; top: -0.7rem; }
.open .box_search,
.openPop .box_search {top: 5rem;}
.open .btnSearchClose,
.openPop .btnSearchClose {top: -4.3rem}

/* �쟾泥대찓�돱 踰꾪듉 */ 
.fullmenu { position: relative;}
.fullmenu::before { content: ''; display: block; width: 3.4rem; height: 3.4rem; border-radius: 50%; background: #f5f7f9; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;} 
.fullmenu em { display: block; width: 1.55rem; height: 3px; border-radius: 0.5rem; background: #000; }
.fullmenu em + em { margin-top: 0.4rem; }
.fullmenu em:nth-of-type(2) { width: 1.1rem; margin-left: 0.45rem; }

/* �쟾泥대찓�돱 / �궗�씠�듃留� */
.popFullmenu { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; padding: 2.5rem 1rem; z-index: 99; }
.pfm_bg {background: rgba(0, 0, 0, 0.6); display: none; width: 100vw; height: 100vh; position: fixed; left: 0; top:0; z-index: 98; } 
.popFullmenu .fullmenu_wrap { position: relative; max-width: 80rem; height: 100%; margin: auto; background: #fff; border-radius: 2.4rem; padding: 5.5rem 3rem 3.2rem; }
.popFullmenu .fullmenu_wrap .inner { height: 100%; overflow-y: auto; overflow-x: hidden; }
.popFullmenu .fullmenu_group { position: relative; }
.popFullmenu .fullmenu_group .gnb_info { display: none;}
.popFullmenu .fullmenu_group .depth02 .tit { display: none; }
.popFullmenu .popUntil { display: none !important; }
.popFullmenu .fullmenu_wrap #fullmenuClose { position: absolute; top: 2rem; right: 3rem; width: 3.5rem; height: 3.5rem; line-height: 3.5rem; text-align: center; color: #fff; background: #333; font-size: 1.25rem; font-weight: 800; border-radius: 50%; }

/* �쟾泥대찓�돱 - 紐⑤컮�씪 util */ 
.popUntil .user { display: flex; flex-wrap: nowrap; align-items: baseline; background: #005aa9; padding: 1.2rem 3.2rem 1.2rem 1.2rem; }
.popUntil .user li { position: relative; }
.popUntil .user li.mob_login{display:none;}
.popUntil .user li + li { padding-left: 0.5rem; margin-left: 0.5rem; }
.popUntil .user li + li::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 0.5rem; background: rgba(255, 255, 255, 0.3); content: ""; }
.popUntil .user li a { background-repeat: no-repeat; background-size: contain; font-size: 0.7rem; color: #fff; } 
.popUntil .user li a i { padding-right: 0.2rem;}

/* footer */
#footer { background: #34373d; padding: 1.1rem 0 2.5rem; color: #fff; position: relative;} 
#footer .container { position: relative; max-width: 80rem; margin: 0 auto;} 
#footer .footer_link { border-bottom: 1px solid #676b70; padding-bottom: 1.2rem;}
#footer .footer_link > ul > li { display: inline-block;}
#footer .footer_link > ul > li + li { margin-left: 1rem;}
#footer .footer_link > ul > li > a { display: inline-block; line-height: 2.25rem; text-align: center; font-size: 0.9rem; border-radius: 3rem; overflow: hidden;}
#footer .footer_link > ul > li > a strong { display: inline-block; background: #006cb2; color: #fff; padding: 0 1.5rem; }
#footer .footer_link .sns_list { position: absolute; top: 0.5rem; right: 0;}
#footer .footer_link .sns_list > p { display: inline-block; vertical-align: middle; font-size: 0.9rem; color:#fff; font-weight: 500;}
#footer .footer_link .sns_list > p em {color:#a6fbff;}
#footer .footer_link .sns_list > ul { display: inline-block; vertical-align: middle;}
#footer .footer_link .sns_list > ul > li { display: inline-block; vertical-align: middle; margin-left: 0.7rem;}
#footer .footer_link .sns_list > ul > li a { display: block; font-size: 1rem; color:#e5e5e5; }
#footer .f_info { position: relative;}
#footer .f_info > ul{ display: flex; font-size: 0.9rem; margin-top: 1.3rem;}
#footer .f_info > ul > li { position: relative;}
#footer .f_info > ul > li + li { margin-left: 0.75rem; padding-left: 0.75rem;}
#footer .f_info > ul > li + li::before { content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background: #85878b; position: absolute; top: calc(50% - 2.5px); left: -2.5px;}
#footer .f_info .copyright { color: #ababab; margin-top: 0.7rem;}
#footer .btn_top { display: block; width: 3.4rem; height: 3.4rem; background: #fff; border-radius: 50%; text-align: center; line-height: 3.4rem; color: #2193e0; font-size: 1.7rem; position: absolute; top: 1.65rem; right: 0;}

.f_info .footBtn{position: absolute;top: 0;right: 0;width:11rem;}
.f_info .footBtn + .footBtn button{border-left:0;}
.f_info .footBtn button{position:relative; display:block; padding:0 3rem 0 1.5rem; width:100%; height:2.5rem; line-height:2.5rem; text-align:left; color:#fff; font-weight:500; background: #474a50; border-radius: 1.5rem; transition:all 0.25s; -webkit-transition:all 0.25s;} 
.f_info .footBtn button:before{position:absolute; top:50%; right:1.5rem; line-height: 1; font-family:'remixicon'; font-size:0.8rem; color:#99a0a7; content:"\ea78"; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition: all 0.2s;transform-origin: top;}
.f_info .footBtn button:hover,
.f_info .footBtn button:focus{background:#0098d9; border-color:#0098d9;}
.f_info .footBtn button:hover:before,
.f_info .footBtn button:focus:before{color:#fff;}
.f_info .footBtn > div{position:absolute;bottom:2.5rem;left:0;display:none;padding:0.5rem 0;width: 100%; background:#33404f;border:1px solid #8c95a1;overflow:auto;z-index:2;border-radius: 1rem;}
.f_info .footBtn > div ul{overflow-y: auto; height: 13rem;}
.f_info .footBtn > div ul > li{padding:0.25rem 0.5rem;width: 100%;}
.f_info .footBtn > div ul > li:nth-of-type(3n+1){clear:both;}
.f_info .footBtn > div a{position:relative;display:block; padding-left: 0.5rem;line-height:1.6;font-size:0.7rem;color:#fff;}
.f_info .footBtn > div a:before{position:absolute;left: 0;top:50%;margin-top:-2px;width:3px;height:3px;background:#fff;border-radius:50%;content:"";}
.f_info .footBtn.on button:before { content: "\ea4e"; }

/* 怨듭��뙘�뾽 */
#popMain {display: none; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1001;}
#popMain .container {display: flex; flex-direction: column; justify-content: center; height: 100%; position: relative; max-width: 67rem; margin: 0 auto;}
#popMain .titWr {display: flex; align-items: center; width: 100%; position: relative;}
#popMain .titWr .heading { position: relative; font-size: 2.25rem; color: #fff; font-family: 'OneMobileTitle'; padding-left: 3.2rem;}
#popMain .titWr .heading::before { content: ''; display: block; width: 2.3rem; height: 2.65rem; background: url('/common/images/layout/lyPop_tit_ico.png') no-repeat center / contain; position: absolute; left: 0; top: 0;}
#popMain .titWr .heading em {color: #ffe220;}
#popMain .titWr .control {flex: 1; display: flex; align-items: center; margin-left: 0.75rem; position: absolute; top: 0; right: 0; color: #fff;} 
#popMain .titWr .control .page {display: flex; color: #333; font-weight: 200; margin-left: 0.75rem;}
#popMain .titWr .control .page strong {display: block; padding-right: 1.5rem; color: yellow; font-weight: 700; position: relative;}
#popMain .titWr .control .page strong::after {content: ""; display: block; width: 2px; height: 0.7rem; background: rgba(255,255,255,0.5); position: absolute; right: calc(0.75rem - 1px); top: calc(50% - 0.35rem); transform: rotate(45deg);}
#popMain .titWr .control .btnWr {display: flex; align-items: center; margin-left: 0.75rem;}
#popMain .titWr .control .btnWr a { display: inline-block; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; border-radius: 50%; border: 1px solid #bbb; font-size: 1rem; color: #bbb; text-align: center; transition: all 0.15s;}
#popMain .titWr .control .btnWr a + a { margin-left: 0.5rem;}
#popMain .titWr .control .btnWr a#popupzoneLstPause {font-size: 1rem;}
#popMain .titWr .control .btnWr a#popupzoneLstPlay {display: none; font-size: 1rem;}
#popMain .slider_wrap {width: 100%; margin-top: 1.25rem;}
#popMain .slider_wrap .slider {margin: 0 -1rem;}
#popMain .slider_wrap .slider .item {padding: 0 1rem;}
#popMain .slider_wrap .slider .item a {display: flex; justify-content: center; align-items: center; max-height: 26.25rem; border-radius: 1rem; background: rgba(0,0,0,0.35); font-size: 0; line-height: 0; overflow: hidden;}
#popMain .slider_wrap .slider .item a img {max-width: 100%; max-height: 100%; }
#popMain .clsWr {display: flex; position: relative; margin: 2.3rem auto 0;}
#popMain .clsWr .page,
#popMain .clsWr a {display: flex; justify-content: center; align-items: center; height: 3.5rem; color: #333; background: #fff; border-radius: 0.75rem; padding: 0 1rem;}  
#popMain .clsWr a:nth-child(2) { margin: 0 0.5rem;}
#popMain .clsWr i { font-size: 1.25rem; padding-right: 0.5rem;}
#popMain .clsWr a.close.just i { padding-right: 0; padding-left: 1rem;}
#popMain .clsWr p em { color: #f43737; font-weight: 600; padding-left: 0.2rem;}
/* 怨듭��뙘�뾽 : active */
#popMain.active {display: block;} 
#popMain .titWr .control .btnWr a:hover,
#popMain .titWr .control .btnWr a:focus { color: #fff; border-color: #fff;}

/* 濡쒓렇�씤 踰꾪듉 */
.top_menu { position: relative;}
.top_menu > div { right: calc(50% - 40rem); position: absolute; top: 50%; transform: translateY(-50%); }
.top_menu > div a + a { margin-left: 0.5rem;}
.logIn_btn { font-family: 'Montserrat'; font-size: 0.75rem; color: #616568; }
.top_menu > div a:nth-child(2) { display: inline-block; vertical-align: middle; width: 30px; height: 30px; text-indent: -10000px; background: url('/images/co/ico_interlock4.png') no-repeat center; }


/**************************** subLayout ****************************/
 
 
/* �꽌釉� 鍮꾩＜�뼹 */
.sub_visual { position: relative; text-align: center; font-size: 0; height: 16rem; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 0 1rem; border-radius: 1rem; margin-bottom: 3rem; }
.sub_visual img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.sub_visual .slogan { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.4);}
.sub_visual .slogan span { font-size: 1.1rem;}
.sub_visual .slogan h2 { font-size: 2rem; font-weight: 700;} 

/* subCntBody */
.subCntBody .container { position: relative; max-width: 80rem; width: 100%; margin: auto; }
.subCntBody .coming { background-color: #fafcfe; border: 1px solid #c9ccd6; border-radius: 1.5rem; overflow: hidden; font-size: 0; }
.subCntBody .coming img { position: relative; left: 50%; transform: translateX(-50%);}
/* sns */
.snsBox .btnPrint i, .snsBox .btnShare i{ font-size: 1.15rem; color: #063c5f;} 
.snsBox > button[type="button"] { padding-right: 1.1rem }
.snsBox .btnShare { position: relative;; margin-right: 1.1rem;}
.snsBox .btnShare::before { position: absolute; top: calc(50% - 0.5rem); right: 0; content: ''; display: block; width: 1px; height: 1rem; background-color: #ddd; }
.snsBox .sns_more { position: absolute; display: none; border-radius: 1rem; background: #204260; color: #fff; padding: 0.3rem 0.7rem 0.7rem 0.7rem; z-index: 3; }
.snsBox .sns_more .sns_close { position: relative; font-size: 0.9rem !important;margin: 0 auto 0.3rem; padding-bottom: 0.3rem;}
.snsBox .sns_more .sns_close::before { content: ''; display: block; width: 1rem; height: 1px; background: rgba(255,255,255,0.3); position: absolute; bottom: 0; left: calc(50% - 0.5rem);}
.typeTop .snsBox .sns_more { right: 8.9rem; top: 3rem; }
.typeLeft .snsBox .sns_more { right: 3.8rem; top: 2.4rem; } 
.snsBox .sns_more > button[type="button"] { display: block; text-align: center; line-height: 2.1rem; font-size: 1.15rem;} 
/* sns - active */

.typeLeft .snsBox { position: absolute; right: 5rem; top: 3.7rem;}

#snb { position: relative; z-index: 1; }

/* Location */
/*.snb_wrap .subLocation { position: absolute; top: 0.9rem; left: 24rem; display: flex; align-items: center; }
.snb_wrap .subLocation > li { position: relative; display: inline-block; }
.snb_wrap .subLocation > li + li { padding-left: 1.2rem; }
.snb_wrap .subLocation > li + li::before { position: absolute; top: 2px; left: 3px; font-family: 'xeicon'; font-size: 0.9rem; color: #999; content: "\e93f"; }
.snb_wrap .subLocation > li > a { display: block; color: #555; font-size: 0.85rem; }
.snb_wrap .subLocation > li.home > a { font-size: 1rem; color: #005aa9;} */

 /* Location */
.snb_wrap .location { position: absolute; top: 0.9rem; left: 24rem; display: flex; align-items: center; }
.snb_wrap .location > .navi_item { position: relative; display: inline-block; }
.snb_wrap .location > .navi_item + .navi_item { padding-left: 1.2rem; }
.snb_wrap .location > .navi_item + .navi_item::before { position: absolute; top: 2px; left: 3px; font-family: 'xeicon'; font-size: 0.9rem; color: #999; content: "\e93f"; }
.snb_wrap .location > a.navi_item { display: block; color: #555; font-size: 0.85rem; }
.snb_wrap .location > .navi_item.home { font-size: 1rem; color: #005aa9;}


#subContent .subHeader h2 { font-size: 2rem; font-weight: 700; padding-bottom: 1.5rem; padding-right: 4.5rem; border-bottom: 1px solid #ddd; margin-bottom: 2.5rem; }
.typeTop #subContent .subHeader h2 { padding-right: 0;}
/**************************** subLayout ****************************/


@media screen and (min-width: 769px) {

    /* �쟾泥대찓�돱 / �궗�씠�듃留� */
    .popFullmenu .fullmenu_group .depth01 > ul > li { display: flex; }
    .popFullmenu .fullmenu_group .depth01 > ul > li + li { margin-top: 5rem; }
    .popFullmenu .fullmenu_group .depth01 > ul > li > a { position: relative; display: block; width: 9.75rem; font-size: 1.75rem; font-weight: 800; color: #111; padding-top: 0.8rem; }
    .popFullmenu .fullmenu_group .depth01 > ul > li > a::before { position: absolute; top: 0; left: 0; width: 5rem; height: 5px;  background: linear-gradient(90deg,#1f63c9,#2399e5); content: ""; }
    .popFullmenu .fullmenu_group .depth02 { width: calc(100% - 9.75rem); }
    .popFullmenu .fullmenu_group .depth02 > ul { font-size: 0; }
    .popFullmenu .fullmenu_group .depth02 > ul > li { display: inline-block; width: calc(100% / 5); padding: 0.4rem 0.75rem; vertical-align: top; }
    .popFullmenu .fullmenu_group .depth02 > ul > li.dep > a { position: relative;}
    .popFullmenu .fullmenu_group .depth02 > ul > li.dep > a::after { content: '\e93f'; font-family: 'xeicon'; font-size: 1.1rem; color: #134589; font-weight: bold; position: absolute; right: 0.5rem; top: 0.8rem; }
    .popFullmenu .fullmenu_group .depth02 > ul > li > a { width: 100%; display: block; font-size: 0.8rem; color: #134589; padding: 0.8rem; border: 1px solid #d9dfe4; border-radius: 0.5rem; font-weight: 600; }
    .popFullmenu .fullmenu_group .depth03 { text-align: left; padding-top: 0.5rem; padding: 0.5rem 1.2rem 0; }
    .popFullmenu .fullmenu_group .depth03 > ul > li { width: 100%; }
    .popFullmenu .fullmenu_group .depth03 > ul > li + li { margin-top: 0.3rem;}
    .popFullmenu .fullmenu_group .depth03 > ul > li > a { position: relative; display: block; font-size: 0.8rem; color: #555; padding-left: 0.7rem; }
    .popFullmenu .fullmenu_group .depth03 > ul > li > a::before { position: absolute; top: 0.3rem; left: 0; border-radius: 50%; width: 0.25rem; height: 0.25rem; background: #d9d9d9; content: ""; }
    .popFullmenu .fullmenu_group .depth03 > ul > li.dep > a { padding-right: 1.2rem; }
    .popFullmenu .fullmenu_group .depth03 > ul > li.dep > a::after { position: absolute; top: 0; right: 0; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; font-size: 0.75rem; color: #555; font-family: 'xeicon'; content: "\e914"; }
    .popFullmenu .fullmenu_group .depth03 > ul > li > a span { display: inline-block; }
    .popFullmenu .fullmenu_group .depth03 > ul > li > a[target="_blank"]{ padding-right: 1.1rem; }
    .popFullmenu .fullmenu_group .depth03 > ul > li > a[target="_blank"] > span::after { position: absolute; top: 0.15rem; right: 0; width: 0.65rem; height: 0.65rem; background: url('/common/images/layout/nav_fulldown_blank_icon.png') no-repeat center; content: ""; }
    .popFullmenu .fullmenu_group .depth04 { display: none; overflow: hidden; }
    .popFullmenu .fullmenu_group .depth04 > ul { padding: 0.8rem 0.9rem; background: #f5f5f5; border-radius: 0.5rem; } 
    .popFullmenu .fullmenu_group .depth04 > ul > li + li { margin-top: 0.2rem; }
    .popFullmenu .fullmenu_group .depth04 > ul > li > a { position: relative; display: block; font-size: 0.75rem; color: #555; padding-left: 0.5rem; }
    .popFullmenu .fullmenu_group .depth04 > ul > li > a::before { position: absolute; top: 50%; left: 0; width: 5px; height: 1px; background: #bbb; content: ""; }
    .popFullmenu .fullmenu_group .depth04 > ul > li > a span { position: relative; display: inline-block; }
    .popFullmenu .fullmenu_group .depth04 > ul > li > a span::before { position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #111; content: ""; }
    .popFullmenu .fullmenu_group .depth04 > ul > li > a[target="_blank"]{ padding-right: 1.1rem; }
    .popFullmenu .fullmenu_group .depth04 > ul > li > a[target="_blank"]::after { position: absolute; top: 0.15rem; right: 0; width: 0.85rem; height: 0.85rem; background: url('/common/images/layout/nav_fulldown_blank_icon.png') no-repeat center; content: ""; }
    .popFullmenu .fullmenu_group .depth03 > ul > li.active .depth04 { display: block; overflow: visible; margin-top: 0.5rem; }
    /* �쟾泥대찓�돱 / �궗�씠�듃留� : active */
    .popFullmenu .fullmenu_group .depth02 > ul > li > a:hover,
    .popFullmenu .fullmenu_group .depth02 > ul > li > a:focus { background: linear-gradient(90deg,#1f63c9,#2399e5); color: #fff; font-weight: 600; }
    .popFullmenu .fullmenu_group .depth02 > ul > li.dep > a:hover::after,
    .popFullmenu .fullmenu_group .depth02 > ul > li.dep > a:focus::after { color: #fff;}
    .popFullmenu .fullmenu_group .depth03 > ul > li > a:hover,
    .popFullmenu .fullmenu_group .depth03 > ul > li > a:focus { color: #134589; font-weight: 600; }
    .popFullmenu .fullmenu_group .depth03 > ul > li.dep.active > a::after { content: "\e91b"; }
    /* .popFullmenu .fullmenu_group .depth03 > ul > li.active .depth04 { height: auto; margin-top: 0.5rem; opacity: 1; visibility: visible; display: block; } */
    .popFullmenu .fullmenu_group .depth04 > ul > li > a:hover,
    .popFullmenu .fullmenu_group .depth04 > ul > li > a:focus { font-weight: 600; color: #333; }
    .popFullmenu .fullmenu_group .depth04 > ul > li > a:hover span::before,
    .popFullmenu .fullmenu_group .depth04 > ul > li > a:focus span::before { width: 100%; }
    .popFullmenu .fullmenu_group .depth02 > ul > li > a,
    .popFullmenu .fullmenu_group .depth03 > ul > li > a,
    .popFullmenu .fullmenu_group .depth04 > ul > li > a span::before { transition: all 0.2s; -webkit-transition: all 0.2s; }
}
@media screen and (max-width: 1920px) {
    
    .openPop.upPop .logIn_btn{ right: 7rem;}
}
@media screen and (max-width: 1820px) {

    /* header */
    #header .container { max-width: 100%; height: 4rem; padding: 0 1.5rem; }
    #header .container .logo_wrap { left: 1.5rem;}
    #container .section .container { padding: 0 1.5rem; }

    /* nav */
    #nav { padding-right: 1rem; }
    #gnb { height: 4rem; } 
    #gnb .depth01 > ul > li { flex: 1;}
    #gnb .depth01 > ul > li > a { height: 4rem; padding: 0 0.5rem;}
 /* nav : active */ 
    #header.on .depth01 > ul > li > a { padding: 0 !important;}

    /* nav : oneFull */
	.oneFull #gnb .depth01 > ul {width: calc(100% - 26rem);padding-left: 2rem;}/*250313*/
    .oneFull .depth02 { width: 100%; padding: 0 1rem;}
    .oneFull .depth02 .tit { padding-left: 1rem; width: 15rem; }
    .oneFull .depth01 > ul > li > a > span::before { bottom: -1.35rem; }

    
    /* nav : fullDown */
    .fullDown #gnb .depth01 { top: calc(4rem + 1px); }
    .open .fullDown #gnb .depth01 { top: calc(4rem + 1px); }
    .fullDown #gnb .dep01_tit > ul > li > a { height: 4rem; }
    .fullDown #gnb .depth01::before { transform: translateX(-45%);}
    .fullDown #gnb .depth01 .gnb_info {width: 25rem;left: -5rem;}
    .fullDown #gnb .depth01 > ul {padding-left: 20rem;}
    .fullDown #gnb .dep01_tit > ul {justify-content: flex-start; width: calc(100% - 20rem); }
    .fullDown #gnb .dep01_tit > ul > li { flex: 1;} 
    /* nav : fullDown : active */
    .fullDown #gnb.gnbon .dep01_tit > ul > li > a { padding: 0;}
    
    
    /* 寃��깋李� */
    .box_search { top: calc(4rem + 1px); }
    .btnSearchClose {top: -3.7rem;left: auto;right: 4.5rem;transform: none;}
    .open .box_search { top: calc(4rem + 1px); }
    .open .btnSearchClose {top: -3.7rem; }

    /* �쟾泥대찓�돱 / �궗�씠�듃留� */
    .popFullmenu .fullmenu_wrap { padding: 4.5rem 1.7rem 1rem;}
    .popFullmenu .fullmenu_wrap #fullmenuClose {top: 1rem;width: 2.5rem;height: 2.5rem;line-height: 2.5rem;right: 2rem;}

    /* ���럹�씠吏� 而⑦듃濡� */
    .fullpageMenu { display: none; }
 
}

@media screen and (max-width: 1680px) {
    #footer .footer_link .sns_list { right: 1rem;}
	/* 怨듭��뙘�뾽 */
	#popMain .slider_wrap .slider {margin: 0 -2.83vw;}
	#popMain .slider_wrap .slider .item {padding: 0 2.83vw;} 

    /* 濡쒓렇�씤 踰꾪듉 */ 
    .top_menu > div { right: 1rem; }
}

@media screen and (min-width: 1281px){

    /* �깙硫붾돱 */
    .typeTop .sub_visual h2 { position: relative; text-align: center; font-size: 2.25rem; color: #fff; font-weight: 700; z-index: 2; }
    .typeTop #snb { position: relative; display: flex; align-items: center; justify-content: space-between; height: 3rem; margin-top: -6rem; z-index: 2; padding: 0 5rem; }
    .typeTop #snb::before { position: absolute; top: 0; right: 5rem; width: calc(100% - 13rem); height: 100%; background: #fff; border-radius: 1rem 1rem 0 0; z-index: -1; content: ""; }

    .typeTop #subContent { margin: 3rem 0 5rem;;padding: 0 8rem;}
    .typeTop #subContent .subHeader h2 { text-align: center; border-bottom: none; padding-bottom: 0;}
    /* �깙硫붾돱 - Location */
    .typeTop #Top_mob { display: none; }
    .typeTop #Top_web { display: block; }

    .typeTop #snb .snb_wrap { width: calc(100% - 8rem); height: 3rem; }
    .typeTop #snb .snb_wrap .location { position: relative; top: auto; left: auto; float: left; }
    .typeTop #snb .snb_wrap .location span,
    .typeTop #snb .snb_wrap .location strong { display: none; }
    .typeTop #snb .snb_wrap .location .home { display: block; width: 3rem; height: 3rem; line-height: 3rem; color: #fff; text-align: center; background: #063c5f; font-size: 1.25rem; border-radius: 1rem 1rem 0 1rem; }
    .typeTop #snb .snb_wrap h2 { position: relative; display: flex; align-items: center; float: left; width: 25%; height: 100%; color: #063c5f; font-weight: 600; padding: 0 1.5rem; font-size: 0.85rem; }

    /* �깙硫붾돱 - snb */
    .typeTop #snb .snb_wrap .inner { position: relative; float: left; width: calc(75% - 3.7rem); }
    .typeTop #snb .snb_wrap .inner ul { position: absolute; top: 0; left: 0; width: calc(100% / 3); height: 3rem; padding-top: 3rem; border-right: 1px solid rgba(255, 255, 255, 0.3); }
    .typeTop #snb .snb_wrap .inner ul::before { content: ''; display: block; width: 1px; height: 1rem; background: #ddd; position: absolute; left: 0; top: 1rem;}
    .typeTop #snb .snb_wrap .inner ul.depth03 { border-right: none; }
    .typeTop #snb .snb_wrap .inner ul.open { height: auto; } 
    .typeTop #snb .snb_wrap .inner .depth02,
    .typeTop #snb .snb_wrap .inner .depth03 { left: 100%; width: calc(100%  + 0.11rem); }
    .typeTop #snb .snb_wrap .inner ul > li { width: 100%; opacity: 0; visibility: hidden; }
    .typeTop #snb .snb_wrap .inner ul > li.on { position: absolute; top: 0; left: 0; width: 100%; height: 3rem; opacity: 1; visibility: visible; z-index: 2; } 
    .typeTop #snb .snb_wrap .inner ul.open > li { opacity: 1; visibility: visible; }
    .typeTop #snb .snb_wrap .inner ul > li:not(.on) {background: #fff; border-left: 1px solid #bbb; border-right: 1px solid #c9ccd6; margin-top: -1px; }
    .typeTop #snb .snb_wrap .inner ul > li > a { position: relative; display: block; }
    .typeTop #snb .snb_wrap .inner ul > li.on > a { position: relative; display: flex; align-items: center; height: 100%; color: #063c5f; padding: 0 3rem 0 1.5rem; font-size: 0.85rem; font-weight: 600;}
    .typeTop #snb .snb_wrap .inner ul > li.on > a::before { position: absolute; top: calc(50% - 0.4rem); right: 1.5rem; color: #063c5f; font-family: "xeicon"; font-size: 0.85rem; content: "\e942"; }
    .typeTop #snb .snb_wrap .inner ul > li:not(.on) > a { padding: 0.6rem 1rem; border-top: 1px solid #c9ccd6; }
    .typeTop #snb .snb_wrap .inner ul > li:last-child { border: none;}
    .typeTop #snb .snb_wrap .inner ul > li:last-child > a { border: 1px solid #c9ccd6; border-radius: 0 0 1rem 1rem; } 
    .typeTop #snb .snb_wrap .inner ul > li:not(.on) > a span { position: relative; display: inline-block; }
    .typeTop #snb .snb_wrap .inner ul > li:not(.on) > a span::before { position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #111; content: ""; }
    /* �깙硫붾돱 - active */
    .typeTop #snb .snb_wrap .inner ul.open > li.on { background: #fff; border-bottom: 1px solid #bbb; }
    .typeTop #snb .snb_wrap .inner ul.open > li.on::before { display: block; }
    .typeTop #snb .snb_wrap .inner ul.open > li.on > a { background: #005aa9; font-weight: 700; color: #fff;}
    .typeTop #snb .snb_wrap .inner ul.open::before { background: #005aa9;}
    .typeTop #snb .snb_wrap .inner ul.open > li.on > a::before { color: #fff; content: "\e945"; font-weight: 400; }
    .typeTop #snb .snb_wrap .inner ul > li:not(.on) > a:hover,
    .typeTop #snb .snb_wrap .inner ul > li:not(.on) > a:focus { color: #111; font-weight: 600; }
    .typeTop #snb .snb_wrap .inner ul > li:not(.on) > a:hover span::before,
    .typeTop #snb .snb_wrap .inner ul > li:not(.on) > a:focus span::before { width: 100%; }
    .typeTop #snb .snb_wrap .inner ul > li,
    .typeTop #snb .snb_wrap .inner ul > li:not(.on) > a,
    .typeTop #snb .snb_wrap .inner ul > li:not(.on) > a span::before { transition: all 0.3s; } 

    /* 醫뚯륫硫붾돱 */ 
    .typeLeft .subCntBody .container::after { display: block; clear: both; content: ""; }
    .typeLeft .snb_wrap { width: 15rem; float: left; margin-left: 5rem;}
    .typeLeft .snb_wrap h2 { position: relative; width: 100%; height: 6.5rem; display: flex; align-items: center; justify-content: center; padding: 0 1rem; background: linear-gradient(to right, #1f63c9, #2399e5); color: #fff; font-weight: 700; font-size: 1.75rem; border-radius: 1.25rem 2.5rem 1.25rem 1.25rem; }
    .typeLeft .snb_wrap h2::before { position: absolute; bottom: 0; right: 0; width: 8.25rem; height: 6.5rem; content: ""; }
    .typeLeft #snb .snb_wrap .depth01 { position: relative; margin: 1rem 0; z-index: 1; background: #fff; } 
    .typeLeft #snb .snb_wrap .depth01 > li > a { position: relative; font-size: 0.95rem; color: #111; display: block; padding: 0.8rem 0 0.8rem 0.8rem; font-weight: 500; background: #f3f5f8; border-radius: 0.5rem; border: 1px solid #dfe4ef;}
    .typeLeft #snb .snb_wrap .depth01 > li + li { margin-top: 0.35rem;}
    .typeLeft #snb .snb_wrap .depth01 > li.dep > a { padding: 0.8rem 2.5rem 0.8rem 0.8rem; }
    .typeLeft #snb .snb_wrap .depth01 > li.dep > a::before { position: absolute; top: calc(50% - 0.75rem); right: 1rem; width: 1.5rem; height: 1.5rem; line-height: 1.4rem; border: 1px solid #dfe4ef; color: #777; background: #fff; border-radius: 50%; text-align: center; font-family: "xeicon"; font-size: 0.85rem; content: "\e913"; }
    .typeLeft #snb .snb_wrap .depth01 > li > a[target="_blank"] { padding: 0.8rem 0.8rem 0.8rem 0.8rem; }
    .typeLeft #snb .snb_wrap .depth01 > li > a[target="_blank"]::after { position: absolute; top: calc(50% - 0.5rem); right: 1.4rem; width: 0.65rem; height: 0.65rem; content: "\e980"; font-family: 'xeicon'; font-size: 0.9rem; color: #333;font-weight: bold;}
    .typeLeft #snb .snb_wrap .depth02 { opacity: 0; display: none; }
    .typeLeft #snb .snb_wrap .depth02 > li { border-bottom: 1px solid #eee; }
    .typeLeft #snb .snb_wrap .depth02 > li:last-child { border-bottom: none; }
    .typeLeft #snb .snb_wrap .depth02 > li > a { position: relative; display: block; padding: 0.8rem 0.5rem; font-size: 0.8rem; color: #111; }
    .typeLeft #snb .snb_wrap .depth02 > li.dep > a { padding: 0.8rem 0.8rem 0.8rem 0.5rem; }
    .typeLeft #snb .snb_wrap .depth02 > li.dep > a::before { position: absolute; top: calc(50% - 0.6rem); right: 0; color: #bbb; border-radius: 50%; text-align: center; font-family: "xeicon"; font-size: 0.85rem; content: "\e942"; }
    .typeLeft #snb .snb_wrap .depth02 > li.dep.active > a::before { content: "\e945"; color: #0d326f; font-weight: 400;}
    .typeLeft #snb .snb_wrap .depth02 > li > a[target="_blank"]::after { position: absolute; top: calc(50% - 0.5rem); right: 0.5rem; width: 0.65rem; height: 0.65rem; content: "\e980"; font-family: 'xeicon'; font-size: 0.9rem; color: #555;font-weight: bold;}
    .typeLeft #snb .snb_wrap .depth03 { opacity: 0; display: none; background: #f8f9fb; padding: 0.75rem 1rem; border-top: 1px solid #d0d7e5; border-bottom: 1px solid #d0d7e5;}
    .typeLeft #snb .snb_wrap .depth03 > li + li { margin-top: 0.5rem; }
    .typeLeft #snb .snb_wrap .depth03 > li > a { position: relative; display: block; font-size: 0.75rem; color: #444; padding-left: 0.6rem;  transition: all 0.15s;}
    .typeLeft #snb .snb_wrap .depth03 > li > a::before { position: absolute; top: calc(50% - 0.125rem); left: 0; width: 0.25rem; height: 0.25rem; border-radius: 50%; background: #a9b0c0; content: ""; transition: all 0.15s;}
    .typeLeft #snb .snb_wrap .depth03 > li > a[target="_blank"]::after { position: absolute; top: calc(50% - 0.4rem); right: 0; width: 0.65rem; height: 0.65rem; content: "\e980"; font-family: 'xeicon'; font-size: 0.75rem; color: #555;font-weight: bold;}
    /* 醫뚯륫硫붾돱 - active */
    .typeLeft #snb .snb_wrap .depth01 > li > a:hover,
    .typeLeft #snb .snb_wrap .depth01 > li > a:focus,
    .typeLeft #snb .snb_wrap .depth01 > li.active > a { background: #005aa9; font-weight: 600; color: #fff; border-color: #005aa9; }
    .typeLeft #snb .snb_wrap .depth01 > li.dep.active > a::before { border-color: #005aa9; color: #005aa9; content: "\e91a"; font-weight: 400; }
    .typeLeft #snb .snb_wrap .depth01 > li > a[target="_blank"]:hover::after,
    .typeLeft #snb .snb_wrap .depth01 > li > a[target="_blank"]:hover::after { color: #Fff;}
    /* .typeLeft #snb .snb_wrap .depth02 > li.active { border: none; } */
    .typeLeft #snb .snb_wrap .depth02 > li > a:hover,
    .typeLeft #snb .snb_wrap .depth02 > li > a:focus,
    .typeLeft #snb .snb_wrap .depth02 > li.active > a,
    .typeLeft #snb .snb_wrap .depth02 > li.dep.active > a { color: #0d326f; font-weight: 600; } 
    .typeLeft #snb .snb_wrap .depth01 > li.active .depth02 { opacity: 1; display: block; height: auto; border: 1px solid #dfe4ef; border-radius: 0.5rem; margin-top: 0.35rem; padding: 0.7rem 1rem;}
    .typeLeft #snb .snb_wrap .depth02 > li.active .depth03 { opacity: 1; display: block; height: auto; }
    .typeLeft #snb .snb_wrap .depth03 > li > a:hover,
    .typeLeft #snb .snb_wrap .depth03 > li > a:focus { color: #003876; font-weight: 600; }
    .typeLeft #snb .snb_wrap .depth03 > li > a:hover::before,
    .typeLeft #snb .snb_wrap .depth03 > li > a:focus::before { background: #005aa9;}
    .typeLeft #subContent { width: calc(100% - 20rem); float: right; padding: 3rem 5rem 3rem 4rem;}
    .typeLeft #cntntsView { min-height: 40rem;}
    
}

@media screen and (max-width: 1640px){
    .logIn_btn { right: 1rem;}

    /* footer */ 
    #footer .container { padding: 0 1rem;} 
    #footer .btn_top { right: 1rem}

    /* �쟾泥대찓�돱 / �궗�씠�듃留� */
    .popFullmenu .fullmenu_wrap #fullmenuClose { left: auto; right: 2.5rem; transform: none; }

    /**************************** subLayout ****************************/
    
    .subCntBody .container { max-width: 100%; padding: 0 1rem; }
    
 

    /* 醫뚯륫硫붾돱 */
    .typeLeft #subContent { padding: 3rem 0 3rem 3rem ; width: calc(100% - 16rem);}  
    .typeLeft .snb_wrap { margin-left: 0 ;} 
    .typeLeft .snsBox { right: 0;}

    /* Location */
    .snb_wrap .location {left: 19rem;}

    /**************************** subLayout ****************************/

}

@media screen and (max-width: 1440px){

    /* header */
    #header { background: #fff !important; }
    #header h1 { height: 2.4rem; }
    #header h1 img { height: 100%; }
    
    .typeTop #subContent { padding: 0 2rem;}

    /* nav */
    #nav { padding: 0 1rem; }  

    /* 寃��깋李� */
    .box_search { padding: 3rem 0; } 
    .btnSearchClose {top: -3.7rem; }
    .open .btnSearchClose {top: -3.7rem; }
 
    /* 怨듭��뙘�뾽 */
    #popMain .container { padding: 0 1rem;} 
	#popMain .slider_wrap .slider {margin: 0 -2vw;}
	#popMain .slider_wrap .slider .item {padding: 0 2vw;} 
} 
@media screen and (max-width: 1280px){

    /* header */
    #header .container .logo_wrap {position: relative;left: auto;top:auto; transform: none;} 
	.btnSearchClose::before { display: none; }
    /* nav */
    #nav { display: none; }

    /* 寃��깋李� */
    .box_search { padding: 1.5rem 0; }

    /* �쟾泥대찓�돱 / �궗�씠�듃留� */
    .popFullmenu .fullmenu_group .depth02 > ul > li { width: calc(100% / 3); }

    /**************************** subLayout ****************************/
    #subContainer { padding-top: 0; }
    /* �꽌釉� 鍮꾩＜�뼹 */ 
    .sub_visual { margin-bottom: 0.75rem;}

    .snsBox > button[type="button"] { padding-right: 0;}
    .snsBox .btnShare { margin-right: 0;}
    
    /* �긽�떒硫붾돱 */ 
    .typeTop .snsBox > button[type="button"] { width: 1.25rem; height: 1.25rem; float: none; border-left: none; } 

    .typeTop #Top_mob { display: block; }
    .typeTop #Top_web { display: none; }

    /* �쇊履쎈찓�돱 */
    .typeLeft #subContent { padding-left: 0; }

    /* �꽌釉� 怨듯넻 硫붾돱 */
    #snb .snb_wrap { position: relative; width: 100%; height: auto; } 
    #snb .snb_wrap h2 { position: relative; display: block; padding: 0.7rem 3.4rem 0.7rem 1rem; text-align: left; font-size: 0.85rem; background: #005aa9; border-radius: 0.5rem; color: #fff; font-weight: 700; z-index: 2;}
    #snb .snb_wrap h2::after { position: absolute; top: calc(50% - 0.6rem); right: 1rem; width: 1.25rem; height: 1.25rem; line-height: 1.2rem; border: 1px solid #fff; color: #fff; border-radius: 50%; text-align: center; font-family: "xeicon"; font-size: 0.85rem; content: "\e942"; }
    #snb .snb_wrap .location { top: 3.3rem; left: 0; }
    #snb .snb_wrap .depth01 { display: none; position: absolute; left: 0; width: 100%; margin: 0; border-radius: 0; padding: 0.5rem 0.75rem; background: #fff; z-index: 1; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); padding-top: 1rem; margin-top: -1rem; border-radius: 0 0 0.5rem 0.5rem;}
    #snb .snb_wrap .depth01 > li { border-bottom: 1px solid #ddd; }
    #snb .snb_wrap .depth01 > li:last-child { border-bottom: none; }
    #snb .snb_wrap .depth01 > li > a { position: relative; width: 100%; display: block; font-size: 0.75rem; color: #333; font-weight: 400; padding: 0.5rem 0 0.5rem 0.5rem; }
    #snb .snb_wrap .depth01 > li.dep > a { padding: 0.5rem 2rem 0.5rem 0.5rem;  }
    #snb .snb_wrap .depth01 > li.dep > a::before { position: absolute; top: calc(50% - 0.6rem); right: 0.3rem; width: 1.25rem; height: 1.25rem; line-height: 1.2rem; border: 1px solid #aaa; color: #aaa; border-radius: 50%; text-align: center; font-family: "xeicon"; font-size: 0.85rem; content: "\e942"; }
    #snb .snb_wrap .depth02 { opacity: 0; display: none; border-top: 1px solid #005aa9; padding: 0.3rem 0.5rem 0.7rem 0.5rem; }
    #snb .snb_wrap .depth02 > li { position: relative; padding: 0 0.6rem; }
    #snb .snb_wrap .depth02 > li::after { position: absolute; top: 0.65rem; left: 0; width: 0.25rem; height: 0.25rem; background: #cdd3d8; border-radius: 50%; content: ""; }
    #snb .snb_wrap .depth02 > li > a { position: relative; display: block; font-size: 0.7rem; color: #555; padding: 0.25rem 0; }
    #snb .snb_wrap .depth02 > li.dep > a { padding: 0.25rem 1rem 0.25rem 0; }
    #snb .snb_wrap .depth02 > li.dep > a::before { position: absolute; top: calc(50% - 0.4rem); right: 0; color: #bbb; border-radius: 50%; text-align: center; font-family: "xeicon"; font-size: 0.85rem; content: "\e942"; }
    #snb .snb_wrap .depth03 { opacity: 0; display: none; background: #f5f5f5; border-radius: 0.4rem; padding: 0.8rem; }
    #snb .snb_wrap .depth03 > li + li { margin-top: 0.5rem; }
    #snb .snb_wrap .depth03 > li > a { display: block; position: relative; font-size: 0.65rem; padding-left: 0.55rem;}
    #snb .snb_wrap .depth03 > li > a::after { position: absolute; top: calc(50% - 0.05rem); left: 0; width: 5px; height: 1px;  background: #777; content: ""; }
    /* �꽌釉� 怨듯넻 硫붾돱 - active */ 
    #snb .snb_wrap.on h2::after { content: "\e945"; background: #fff; color: #005aa9; }
    #snb .snb_wrap .depth01 > li > a:hover,
    #snb .snb_wrap .depth01 > li > a:focus,
    #snb .snb_wrap .depth01 > li.active > a { color: #005aa9; font-weight: 700; }
    #snb .snb_wrap .depth01 > li.dep.active > a::before { background: #005aa9; border-color: #005aa9; color: #fff; content: "\e945"; font-weight: 400; }
    #snb .snb_wrap .depth01 > li.active { border-color: #005aa9; }
    #snb .snb_wrap .depth02 > li.active { border: none; } 
    #snb .snb_wrap .depth02 > li.dep.active::after { background: #005aa9;}
    #snb .snb_wrap .depth02 > li.dep.active > a::before { color: #005aa9; content: "\e945";}
   
    #snb .snb_wrap .depth01 > li.active .depth02 { opacity: 1; display: block; height: auto; }
    #snb .snb_wrap .depth02 > li.active .depth03 { opacity: 1; display: block; height: auto; margin-bottom: 0.5rem; }
    #snb .snb_wrap .depth03 > li > a:hover,
    #snb .snb_wrap .depth03 > li > a:focus { color: #444; font-weight: 600; }

    .snsBox { position: absolute; right: 1rem; top: 5.4rem !important; }
    .typeLeft .snsBox { top: 5.9rem !important; }
    .snsBox .btnPrint { display: none; }
    .snsBox .btnShare::before { display: none;}
    .snsBox .sns_more { top: 2rem !important; right: -1rem !important; padding: 0.5rem; }
    .snsBox .sns_more::before { display: none; }
    .snsBox .sns_more > button[type="button"] span { display: none; }

    #subContent { padding: 2.5rem 0 1.5rem; min-height: 40rem; }
    .typeLeft #subContent { width: 100%;}
    .typeTop #subContent { padding: 2.5rem 0 1.5rem;}
    .typeTop #cntntsView { padding: 0 0 7.5rem; }
    #subContent .subHeader h2 { font-size: 1.3rem; padding-bottom: 0.75rem; padding-right: 1.5rem !important; margin-bottom: 1.2rem; }    
    /**************************** subLayout ****************************/

}

@media screen and (max-width: 1240px){
    
    #header .container .logo_wrap {position: relative;top: auto;transform:none;} 

    /* 怨듭��뙘�뾽 */
    #popMain .container {padding-bottom: 6.25rem;}
    #popMain .slider_wrap .slider {margin: 0 -2vw;}
    #popMain .slider_wrap .slider .item {padding: 0 2vw;} 
}

@media screen and (max-width: 1024px){

    /* �쟾泥대찓�돱 / �궗�씠�듃留� */
    .popFullmenu .fullmenu_group .depth01 > ul > li { flex-wrap: wrap; }
    .popFullmenu .fullmenu_group .depth01 > ul > li + li { margin-top: 1rem; padding-top: 1rem; }
    .popFullmenu .fullmenu_group .depth01 > ul > li > a { width: 100%; font-size: 1.5rem; }
    .popFullmenu .fullmenu_group .depth02 { width: 100%; }
    .popFullmenu .fullmenu_group .depth02 > ul { width: calc(100% + 1.5rem); margin-left: -0.75rem; }
    .popFullmenu .fullmenu_group .depth02 > ul > li { width: calc(100% / 2); }
    .popFullmenu .fullmenu_group .depth02 > ul > li > a { padding: 0.5rem; }
 
    /* 寃��깋李� */
    .btnSearchClose { width: 2.8rem;height: 2.8rem;line-height:3rem; font-size: 1rem;top: -3.4rem;right: 4rem;}
    .open .btnSearchClose {top: -3.4rem;}

    /* �쟾泥대찓�돱 踰꾪듉 */  
    .fullmenu::before { width: 2.8rem; height: 2.8rem; } 
    .fullmenu em { width: 1.25rem; }
    .fullmenu em + em { margin-top: 0.35rem; }
    .fullmenu em:nth-of-type(2) { width: 0.85rem; margin-left: 0.4rem; }

    #footer .footer_link .sns_list { position: relative; left: 0; top: 0; margin-top: 0.5rem;}
    .f_info .footBtn{position: relative;top: 0;right: 0; margin-top: 1rem;}
}

@media screen and (max-width: 768px){
 
    /* header */   
    #header h1 a.m_logo { display: block;}
    #header h1 a.logo { display: none;}
    #header .top_menu > ul {display: none;}
    .top_menu > div {right:7.5rem; top:1.4rem; transform: none;z-index:1;}
    #header h1 { height: 1.8rem; } 
    #header .container .logo_wrap .class_name {font-size: 1rem;padding-left: 0; margin-left: 0.5rem; }
    #header .container .logo_wrap .class_name::before { display: none;}
 
   .logIn_btn {right: 0.7rem; position: relative; }
   
    /* 寃��깋李� */
    .box_search .inner h3 { display: none;}
    .box_search .inner #searchForm { width: 100%;}
    .open .box_search { top: 4rem;}
    /* 寃��깋踰꾪듉 */
    .searchOpen { margin-right: 1rem !important; } 

    /* �쟾泥대찓�돱 踰꾪듉 */
    .fullmenu { margin-left: 0.8rem; }

    /* �쟾泥대찓�돱 / �궗�씠�듃留� */
    .popFullmenu { padding: 0; }
    .popFullmenu .fullmenu_wrap { padding: 0; border-radius: 0; }
    .popFullmenu .fullmenu_wrap::before { position: absolute; top: 0; left: 0; width: calc(40% + 0.5rem); height: 100%; background: #f3f6fa; content: ""; z-index: 0; }
    .popFullmenu .fullmenu_wrap .inner { position: relative; overflow-y: initial; z-index: 1; }
    .popFullmenu .fullmenu_group { padding: 1.5rem 1.25rem; }
    .popFullmenu .fullmenu_group .depth01 { position: relative; }
    .popFullmenu .fullmenu_group .depth01 > ul > li + li { margin-top: 0; padding-top: 0; }
    .popFullmenu .fullmenu_group .depth01 > ul > li > a { position: relative; display: block; width: 40%; padding: 0.88rem 0; font-size: 0.8rem; color: #333; font-weight: 700; }
    .popFullmenu .fullmenu_group .depth01 > ul > li > a::before { position: absolute; top: 0; left: -0.8rem; width: 0; height: 100%; background: #333; border-radius: 0.5rem 0.5rem 1.5rem 0.5rem; content: ""; z-index: 0; }
    .popFullmenu .fullmenu_group .depth01 > ul > li > a > span { position: relative; z-index: 1; }
    .popFullmenu .fullmenu_group .depth02 { position: absolute; top: 0; right: 0; display: none; overflow: hidden; width: calc(60% - 1.6rem); }
    .popFullmenu .fullmenu_group .depth02 > ul { width: 100%; margin-left: 0; }
    .popFullmenu .fullmenu_group .depth02 > ul > li { width: 100%; }
    .popFullmenu .fullmenu_group .depth02 > ul > li > a { position: relative; display: block; width: 100%; padding: 0.88rem 1.75rem 0.88rem 0.3rem; font-size: 0.8rem; color: #272727; border-bottom: 1px solid #bbb; }
    .popFullmenu .fullmenu_group .depth02 > ul > li.dep > a::before { position: absolute; top: 0.85rem; right: 0.5rem; width: 1.25rem; height: 1.25rem; line-height: 1.15rem; border-radius: 50%; text-align: center; border: 1px solid #bbb; font-family: 'xeicon'; font-size: 0.9rem; color: #bbb; content: "\e942"; }
    .popFullmenu .fullmenu_group  .depth01 > ul > li.active .depth02 { display: block; overflow: visible; }
    .popFullmenu .fullmenu_wrap #fullmenuClose { top:0.5rem; right: 1rem; background: none; width: auto; height: auto;}
    .popFullmenu .fullmenu_group .depth03 { display: none; overflow: hidden; }
    .popFullmenu .fullmenu_group .depth03 > ul > li + li { margin-top: 0.5rem;}
    .popFullmenu .fullmenu_group .depth03 > ul > li > a { position: relative; display: block; padding: 0 0.7rem; font-size: 0.75rem; }
    .popFullmenu .fullmenu_group .depth03 > ul > li > a::before { position: absolute; top: 0.3rem; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #cdd3d8; content: ""; }
    .popFullmenu .fullmenu_group .depth03 > ul > li.dep > a::after { position: absolute; top: 0; right: 0.5rem; font-family: 'xeicon'; font-size: 0.85rem; color: #aaa; content: "\e942"; }
    .popFullmenu .fullmenu_group .depth02 > ul > li.active .depth03 { display: block; overflow: visible; border-bottom: 1px solid #005aa9; padding: 0.5rem 0.3rem; }
    .popFullmenu .fullmenu_group .depth04 { display: none; overflow: hidden; }
    .popFullmenu .fullmenu_group .depth04 > ul { padding: 0.4rem 0.7rem; background: #f8f8f8; border-radius: 0.2rem; }
    .popFullmenu .fullmenu_group .depth04 > ul > li + li { margin-top: 0.3rem;}
    .popFullmenu .fullmenu_group .depth04 > ul > li > a { position: relative; display: block; font-size: 0.7rem; color: #555; padding-left: 0.5rem; }
    .popFullmenu .fullmenu_group .depth04 > ul > li > a::before { position: absolute; top: 50%; left: 0; width: 5px; height: 1px; background: #bbb; content: ""; }
    .popFullmenu .fullmenu_group .depth04 > ul > li > a span { position: relative; display: inline-block; }
    .popFullmenu .fullmenu_group .depth04 > ul > li > a span::before { position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #111; content: ""; }
    .popFullmenu .fullmenu_group .depth03 > ul > li.active .depth04 { padding-left: 0.7rem; display: block; overflow: visible; margin: 0.2rem 0 0.5rem; margin-top: 0.5rem; }
    /* �쟾泥대찓�돱 / �궗�씠�듃留� : active */
    .popFullmenu .fullmenu_group .depth01 > ul > li.active > a { color: #fff; }
    .popFullmenu .fullmenu_group .depth01 > ul > li.active > a::before { width: calc(100% + 2rem); }
    .popFullmenu .fullmenu_group .depth02 > ul > li > a:hover,
    .popFullmenu .fullmenu_group .depth02 > ul > li > a:focus,
    .popFullmenu .fullmenu_group .depth02 > ul > li.active > a { color: #005aa9; font-weight: 600; }
    .popFullmenu .fullmenu_group .depth02 > ul > li.active > a { border-color: #005aa9; }
    .popFullmenu .fullmenu_group .depth02 > ul > li.active.dep > a::before { background: #005aa9; border-color: #005aa9; color: #fff; content: "\e945"; }
    .popFullmenu .fullmenu_group .depth03 > ul > li.active.dep > a::after { color: #005aa9; content: "\e945"; }
    .popFullmenu .fullmenu_group .depth03 > ul > li.active > a::before { background: #005aa9;}
    .popFullmenu .fullmenu_group .depth04 > ul > li > a:hover span,
    .popFullmenu .fullmenu_group .depth04 > ul > li > a:focus span { text-decoration: underline; }
    .popFullmenu .fullmenu_group .depth01 > ul > li > a::before { transition: all 0.2s; -webkit-transition: all 0.2s; }
    
    /* �쟾泥대찓�돱 - 紐⑤컮�씪 util */
    .popFullmenu .popUntil { display: block !important; }
    .popFullmenu .popUntil .searchOpen { display: block !important; margin: 0; }

    #snb .snb_wrap h2 { padding: 0.7rem 3.4rem 0.7rem 1.5rem; }
 
    /* 怨듭��뙘�뾽 */
    #popMain .titWr .heading { font-size: 1.8rem;  padding-left: 2.2rem;} 
    #popMain .titWr .heading::before { width: 1.5rem; height: 2rem;}
    #popMain .titWr .control .btnWr a { width:2rem; height:2rem; line-height: 2rem; font-size: 1rem; } 
    #popMain .titWr .control .btnWr a + a { margin-left: 0.2rem;}
    #popMain .clsWr { margin-top: 1.5rem;}
    #popMain .clsWr .page, #popMain .clsWr a { height: 2rem; border-radius: 0.5rem; padding: 0 0.5rem; }  

}

@media screen and (max-width: 650px){   

    #header .container .logo_wrap { width: calc(100% - 9rem);} 
    #header .container { padding: 0 1rem; }
	.btnSearchClose {top: -3.5rem;right: 3.3rem;}
    #container .section .container { padding: 0 1rem; }

    .subCntBody .container { padding: 0 1rem; }

    .top_menu > div {right: 6rem; }
    /* subCntBody */  
    .subCntBody .coming img { width: 150%; height: auto;}

 
}

@media screen and (max-width:580px){ 
    /* footer */
    #footer .f_info > ul{ display: block; }
    #footer .f_info > ul > li + li { margin-left: 0; padding-left: 0;}
    #footer .f_info > ul > li + li::before { display: none;}
    #footer .f_info .copyright { margin-top: 0;}

    /* 怨듭��뙘�뾽 */
    #popMain .titWr { align-items: flex-end; position: relative;flex-direction: column;}
    #popMain .titWr .heading {width: 100%;}
	#popMain .titWr .control { position: relative; margin-top: 0.2rem;}

    /* �꽌釉� 鍮꾩＜�뼹 */
    .sub_visual { height: 8rem; }  
    .sub_visual img { top: 0; transform: translate(-50%, 0);}
    .sub_visual .slogan { width: 100%;}
    .sub_visual .slogan span { font-size: 0.9rem;}
    .sub_visual .slogan h2 { font-size: 1.5rem; }
}

@media screen and (max-width:480px){
    #header h1 { height: 1.8rem; }  

    .fullmenu { margin-left: 0.4rem; }

    /* 怨듭��뙘�뾽 */
    #popMain .clsWr .page { display: none;}
    #popMain .clsWr a.close.just span { display: none;}
    #popMain .clsWr a.close.just i { padding-left: 0;}

      /* 寃��깋李� */ 
      .btnSearchClose { right: 3.5rem; }

      .f_info .footBtn{ width: 100%;}
    
}

@media screen and (max-width:380px){
 
    /* 怨듭��뙘�뾽 */
	#popMain .container {padding-bottom: 12.5rem;}
	#popMain .titWr {flex-wrap: wrap;} 
	#popMain .slider_wrap {margin-top: 1.25rem;} 

    /* subCntBody */  
    .subCntBody .coming img { width: 200%; height: auto;}

   
}