@charset "utf-8";

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 웹폰트  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');/*영문, 숫자폰트*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap'); /*한글폰트*/


/* -----------------------------------------------------------------------------------------------
/////////////////////////////////////////////	reset css  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
* { box-sizing:border-box; }
html, body { height:100%; width:100%; }
body { /*overflow-y:scroll !important;*/ }
html { font-size:10px; letter-spacing:0px; font-family:'Roboto', 'Noto Sans KR', sans-serif,'Apple SD Gothic Neo','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif; color:#333; }
body{min-width:320px; word-break: keep-all; overflow-x:hidden; line-height:1.5; letter-spacing:-0.1rem; margin:0 auto; font-size:1.4rem; }
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select
{margin:0;padding:0;box-sizing:border-box; word-break:keep-all;}
body,input,textarea,select,button,table,label
{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none; text-size-adjust:none; font-weight:400; font-family:'Roboto', 'Noto Sans KR', sans-serif,“Apple SD Gothic Neo”,"맑은 고딕",“Malgun Gothic”,"돋움",dotum,sans-serif;}
span, a, em, button {display:inline-block;}
img,fieldset,iframe{border:0;}
img {max-width:100%;vertical-align:top;}
ul, li{list-style:none;}
em,address{font-style:normal;}
input,select,button{vertical-align:middle;}
input[type="checkbox"]{padding:1px;}
caption,legend,.blind{overflow:hidden;position:absolute;top:0;left:-9999px;width:0;height:0;font-size:0;line-height:0;text-align:left;}
input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number],input[type=button]
{width:100%;height:3.8rem;padding:0 10px;border:1px solid #ccc;color:#333;vertical-align:middle;-webkit-appearance:none; }
input[type=password],input[type=email]{ime-mode:disabled;}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
select:focus,
textarea:focus{border:2px dotted red;}
input[type=file]{width:99.5%;height:38px;border:1px solid #ccc;background:#fff;}
select{height:38px;padding-left:5px;border:1px solid #ccc;font-size:1.5rem;color:#333;vertical-align:middle;}
textarea{width:100%;padding:10px;border:1px solid #ccc;font-size:1.5rem;color:#333;resize:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
table th {font-weight:normal;}
hr{display:none;}
label {cursor:pointer;}
button[type='button'],button[type='submit'] {cursor:pointer;}
a { text-decoration:none; }
a:hover,
a:active,
a:focus { text-decoration:none; }
/*body[class^=fp],
html[class^=fp] { height:100%; overflow:hidden; }*/

/* -----------------------------------------------------------------------------------------------
/////////////////////////////////////////////	공통  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.hidden { position:absolute; font-size:0; line-height:0; left:-10000px; padding:0 !important; margin:0; height:0;}
.f-left {float:left !important;}
.f-right {float:right !important;}
.dis-block {display:block !important;}
.dis-none {display:none !important;}
.text-c {text-align:center !important;}
.text-l {text-align:left !important;}
.text-r {text-align:right !important;}
.vt-t {vertical-align:top !important;}
.vt-m {vertical-align:middle !important;}
.vt-b {vertical-align:bottom !important;}
.bg-none {background:none !important;}
.border-none {border:none !important;}
.clearfix:after {content:"";display:block;clear:both;}
.en {font-family:'Roboto', sans-serif !important; }

.mt0 { margin-top:0rem !important; }
.mt5 { margin-top:0.5rem !important; }
.mt10 { margin-top:1rem !important; }
.mt20 { margin-top:2rem !important; }
.mt30 { margin-top:3rem !important; }
.mt40 { margin-top:4rem !important; }
.mt50 { margin-top:5rem !important; }
.mt60 { margin-top:6rem !important; }
.mt70 { margin-top:7rem !important; }
.mt80 { margin-top:8rem !important; }
.mt90 { margin-top:9rem !important; }
.mt100 { margin-top:10rem !important; }
.ml10 { margin-left:1rem !important; }

.fs20 { font-size:2.0rem; }
.fs15 { font-size:1.5rem; }


/* 말줄임 */
.line1-text-eps { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display:block; }
.line2-text-eps { display:block; line-height:1.5em; max-height:3em; display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }
.line3-text-eps { display:block; line-height:1.5em; max-height:4.5em; display:-webkit-box; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }
.line4-text-eps { display:block; line-height:1.5em; max-height:6em; display:-webkit-box; -webkit-line-clamp:4; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }

/* 폰트 */
.bold { font-weight:700 !important; }
.semiBold { font-weight:500 !important; }
.red { color:#ed1c24 !important; }
.black { color:#000 !important; }
.gold { color:#644212 !important; }
.blue { color:#1371bc !important; }
.grey { color:#717171 !important; }
strong { font-weight:500; }

/* 리스트 */
ul.list_bullet { }
ul.list_bullet > li { background:url(../images/common/list_bullet_3x3.png)0.1rem 1rem no-repeat; padding-left:1rem; line-height:1.6; text-align:left; }
ul.list_bullet > li + li { margin-top:1rem; }
ul.list_small > li { position:relative; padding-left:1rem; color:#666; font-size:1.6rem; margin-top:0rem; line-height:1.6; }
ul.list_small > li:before { width:0.4rem; height:1px; background:#a1a1a1; content:''; display:block; position:absolute; top:1.1rem; left:0; }
ul.list_small.ss li { margin-top:0rem; font-size:1.5rem; }
ul.check_list > li { background:url(../images/common/check_list.png) 0.1rem 0.7rem no-repeat; padding-left:2.5rem; background-size:1.4rem; }l.check_list > li + li { margin-top:1rem; }


/* 테이블 */
table.table th,
table.table td { border:1px solid #ccc; padding:0.8rem; }
table.table thead th { font-size:1.7rem; color:#111; background:#ededed; }
table.table td { font-size:1.6rem; color:#555; background:#fff; line-height:1.8; }
table.table.small th,
table.table.small td { padding:0.5rem; font-size:1.6rem; }
table.table { border-top:2px solid #2375b4; }


/* check, radio 타입 */
span.check_type { position:relative; padding-left:15px; cursor:pointer; }
span.check_type input[type="checkbox"],
span.check_type input[type="radio"] { display:none; }
span.check_type input + label { font-size:1.5rem; }
span.check_type input + label:before { width:12px; height:12px; content:''; display:block; position:absolute; top:50%; left:0; background:url(../images/common/check_type.png); background-size:100%; background-position:0 -100%; transform:translateY(-50%); }
span.check_type input:checked + label:before { background-position:0 0; }

/* /////////////// Skip Navigation ////////////////////// */
.skipNav {font-size:0; line-height:0;  }
.skipNav a {display:block; width:100%; color:#fff; position:absolute; left:0; top:-100px; text-align:center; background:#101010; border:0 none;z-index:1000; font-size:1.4rem; }
.skipNav a:focus, .skipNav a:hover, .skipNav a:active {top:0; font-weight:bold;font-size:14px;line-height:39px; outline:2px dotted red; }

.not_scroll{  position:fixed; overflow:hidden; width:100%; top:0;}


/* ================================== Tablet css ================================== */
@media all and (max-width: 1200px) { 
	html { font-size:9.5px; }	
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 599px) { 
	html { font-size:9px; }
		
	/* 작은해상도 가로스크롤 */
	.overflow-wrap { position:relative; }
	.overflow-x { overflow-x :auto; position:relative; }	
	.overflow-wrap:before { position:absolute; width:2.5rem; height:100%; top:0; bottom:0; right:0; content:''; background:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.2)); z-index:2;}	
	/* 테이블 */
	table.table th,
	table.table td { padding:1.2rem; }
	table.table th { font-size:1.6rem; }
	table.table td { font-size:1.5rem; }
}


 
/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// layout  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
/* E-service*/ 
.eService_link { margin-left:10px; }
.eService_link li { display:inline-block; margin:0 3px; }
.nav_wrapper.open .eService_link li a.eService { filter: contrast(0.0); }

/* sns */
.sns_link { margin-left:10px; }
.sns_link li { display:inline-block; margin:0 3px; }
.sns_link li a { display:block; width:30px; height:30px; border-radius:50%; overflow:hidden; font-size:0; text-indent:-10000px; background:url(../images/common/sns_30x30.png); background-size:400%; background-repeat:no-repeat; color:transparent; text-decoration:none;}
.sns_link li a:hover { text-decoration:none; }
.sns_link.white li a.blog { background-position:0 0; }
.sns_link.white li a.insta { background-position:33.33333% 0; }
.sns_link.white li a.fb { background-position:66.66666% 0; }
.sns_link.color li a.blog { background-position:0 50%; }
.sns_link.color li a.insta { background-position:33.33333% 50%; }
.sns_link.color li a.fb { background-position:66.66666% 50%; }  
.sns_link.grey li a.blog { background-position:0 100%; }
.sns_link.grey li a.insta { background-position:33.33333% 100%; }
.sns_link.grey li a.fb { background-position:66.66666% 100%; }
.nav_wrapper.open .sns_link li a.blog,
.nav_wrapper.newsSection .sns_link li a.blog { background-position:0 50%; }
.nav_wrapper.open .sns_link li a.insta,
.nav_wrapper.newsSection .sns_link li a.insta { background-position:33.33333% 50%; }
.nav_wrapper.open .sns_link li a.fb,
.nav_wrapper.newsSection .sns_link li a.fb { background-position:66.66666% 50%; }



/* header */
.nav_wrapper { width:100%; transition:all 0.1s ease-out; height:100px; position:absolute; top:0; left:0; border-bottom:1px solid rgba(255,255,255,0.5); z-index:100; }
.nav_wrapper.open,
.nav_wrapper.newsSection { background:rgba(255,255,255,1.0); border-bottom:1px solid #828282; }
.nav_wrapper .inner { /*display:flex; padding:0 4rem; justify-content:space-between;*/ position:relative; height:100px; z-index:100; }
.nav_wrapper .inner .logo_wrap { position:absolute; top:50%; left:3rem; transform:translateY(-50%); z-index:110;}
.nav_wrapper .inner .gnb { position:relative; z-index:100; }
.nav_wrapper .inner .nav_right {/*align-self:center;*/ position:absolute; top:50%; right:3rem; transform:translateY(-50%); z-index:110; }

.nav_wrapper .logo_wrap h1.logo { width:291px; }
.nav_wrapper .logo_wrap h1.logo a { display:block; width:291px; height:40px; text-indent:-10000px; background:url(../images/common/logo_w.png) no-repeat; background-size:100% 100%; }
.nav_wrapper.open .logo_wrap h1.logo a,
.nav_wrapper.newsSection .logo_wrap h1.logo a { background:url(../images/common/logo.png) no-repeat;  background-size:100% 100%; }

.nav_wrapper .lng_wrap { position:absolute; top:0; right:25rem; z-index:110; top:50%; transform:translateY(-50%);}
.nav_wrapper .lng_wrap .lng li { display:inline-block; margin:0 4px; }
.nav_wrapper .lng_wrap .lng li a { color:#fff; font-size:1.8rem; font-weight:500; }
.nav_wrapper.open .lng_wrap .lng li a,
.nav_wrapper.newsSection .lng_wrap .lng li a { color:#333; }
.nav_wrapper .lng_wrap .lng li a.current { text-decoration:underline; }
.nav_wrapper .eService_wrap { position:absolute; top:0; right:25rem;  z-index:110; top:50%; transform:translateY(-50%); }
.nav_wrapper .sns_wrap { position:absolute; top:0; right:12rem;  z-index:110; top:50%; transform:translateY(-50%); }
.nav_wrapper .all_menu { position:absolute; padding-left:20px; top:0; right:3rem;  z-index:110; top:50%; transform:translateY(-50%);}
.nav_wrapper .all_menu:before {width:1px; height:16px; background:rgba(255,255,255,1); display:block; content:''; position:absolute; left:0px; top:50%; transform:translateY(-50%); }
.nav_wrapper.open .all_menu:before,
.nav_wrapper.newsSection .all_menu:before { background:#828282; }
.nav_wrapper .all_menu .all_menu_btn { width:40px; height:40px; background:url(../images/common/hamburger.png) center no-repeat; font-size:0; text-indent:-10000px; display:block; border:0; cursor:pointer;}
.nav_wrapper.open .all_menu .all_menu_btn,
.nav_wrapper.newsSection .all_menu .all_menu_btn { background:url(../images/common/hamburger_black.png) center no-repeat; }
.nav_wrapper.newsSection .eService_wrap .eService_link > li > a { filter: contrast(0.0); }

.gnb { padding-left:390px; }
.gnb .navi { z-index:20; position:relative; display:inline-block; max-width:110rem; }
.gnb .navi li { display:inline-block; position:relative; }
.gnb .navi > li > a { color:#fff; font-size:2.4rem; padding:0 3.5rem; font-weight:500; position:relative; text-decoration:none; line-height:90px; padding-top:10px; }
.nav_wrapper.open .gnb .navi > li > a,
.nav_wrapper.newsSection .gnb .navi > li > a { color:#2a2a2a; }
.nav_wrapper.open .gnb .eService_wrap > li > a,
.nav_wrapper.newsSection .gnb .eService_wrap > a { filter: contrast(0.0); }
.gnb .navi > li > ul { z-index:20; position:absolute; display:none; top:10rem; left:3.5rem; width:100%; padding-top:2rem; height:400px; padding-right:1rem; }
.gnb.open { background:url(../images/common/gnb_bg.png);}
.gnb .gnb.open .eService_wrap { filter: contrast(0.0); }
.gnb .navi > li > ul { opacity:0; transition:all 0.4s ease-out; visibility:hidden; }
.gnb.open .navi > li > ul { opacity:1; display:block; transition:all 0.4s ease-out; transition-delay:0s; visibility:visible; }
.gnb.open .navi > li > ul li { display:block; }
.gnb.open .navi > li > ul li a { display:block; font-size:1.6rem; color:#2a2a2a; padding:0.8rem 0; line-height:1; word-break:break-all; }
.gnb .gnb_bg { position:absolute; top:100px; left:0; width:100%; height:0; background:rgba(255,255,255,0.9); z-index:10;  }
.gnb.open .gnb_bg { display:block; height:400px;  }

/* 전체메뉴 */
.sitemap_wrap .all_menu_close { position:fixed; top:3rem; right:3rem; background:url(../images/common/hamburger_close.png)center no-repeat; width:40px; height:40px; font-size:0; text-indent:-10000px; display:block; cursor:pointer; border:0; display:none; }
.sitemap_wrap.show .all_menu_close { display:block; }
.sitemap_wrap { position:fixed; width:100%; height:100%; top:0; left:100%; background:url(../images/common/allMenu_bg_big.jpg)center bottom no-repeat !important; background-attachment:fixed; 
background-size:cover; padding:50px; z-index:120; overflow-y:scroll; transition:all 0.3s ease-out; display:none; }
.sitemap_wrap.show { left:0; transition:all 0.3s ease-out; display:block; }
.sitemap_wrap .sitemap_inner { width:100%; max-width:1500px; margin:0 auto; position:relative;  }
.sitemap { width:100%; display:flex; }
.sitemap a { color:#fff; text-decoration:none; display:block; }
.sitemap > li { width:16.66666%; padding:15px; }
.sitemap > li > a { font-size:2.2rem; line-height:5rem; border:1px solid #fff; text-align:center; font-weight:700; }
.sitemap .depth_02 { padding:0.5rem; }
.sitemap .depth_02 > li { padding:1.5rem 0; }
.sitemap .depth_02 > li + li { border-top:1px solid rgba(255,255,255,0.3); }
.sitemap .depth_02 > li > a { font-size:2.0rem; line-height:1.3; }
.sitemap .depth_02 .depth_03 { margin-top:1rem; display:block; }
.sitemap .depth_02 .depth_03.block { display:block !important;  margin-top:1rem; }
.sitemap .depth_02 .depth_03 > li { padding:0.5rem 0; }
.sitemap .depth_02 .depth_03 > li > a { font-size:1.5rem; line-height:1.3; padding-left:1.3rem; position:relative; }
.sitemap .depth_02 .depth_03 > li > a:before { width:3px; height:3px; content:''; display:block; background:#fff; border-radius:50%; position:absolute; top:0.6rem; left:0.2rem; }
.sitemap .depth_02 .depth_03 .depth_04 { margin-top:0.7rem; padding-left:1.2rem; display:none; }
.sitemap .depth_02 .depth_03 .depth_04 > li { padding:0.5rem 0; }
.sitemap .depth_02 .depth_03 .depth_04 > li > a { font-size:1.4rem; line-height:1.2; font-weight:200; padding-left:1.2rem; position:relative; }
.sitemap .depth_02 .depth_03 .depth_04 > li > a:before { display:block; content:''; background:#fff; width:5px; height:1px; position:absolute; top:0.6rem; left:0; }


/* footer */
.footer { letter-spacing:0; background:#2c2c33; font-size:1.4rem; color:rgba(255,255,255,0.8); /*position:absolute; bottom:0; left:0;*/ width:100%; position:relative; height:200px; background:#2c2c2c; }
.footer a {color:rgba(255,255,255,1); }
.footer_top { height:5.6rem; width:100%;  border-bottom:1px solid rgba(255,255,255,0.2); }
.footer_top .inner { height:5.6rem; max-width:1640px; padding:0 20px; margin:0 auto; display:flex; justify-content:space-between; }
.footer_top .inner > div { align-self:center; }
.footer_top .inner .foot_link_wrap { align-self:center; }
.footer_top .inner .foot_link_wrap .footer_link li { display:inline-block; position:relative; border-left:1px solid rgba(255,255,255,0.2);}
.footer_top .inner .foot_link_wrap .footer_link li a { font-size:1.5rem; padding:0 15px; }
.footer_top .inner .foot_link_wrap .footer_link li:first-child a { padding-left:0; color:#89b8f5;}
.footer_top .inner .foot_link_wrap .footer_link li:first-child { border-left:0; color:#89b8f5;}
.footer_top .inner .foot_sns { flex-grow:1; margin-left:6rem; }
.footer_top .inner .foot_sns a { display:inline-block; width:30px; height:30px; background:url(../images/common/sns_30x30.png) no-repeat; background-size:400%; margin:0; }
.footer_top .inner .foot_sns a.blog { background-position:0 100%; } 
.footer_top .inner .foot_sns a.insta { background-position:33.33333% 100%; }
.footer_top .inner .foot_sns a.fb { background-position:66.66666% 100%; }
.footer_top .inner .foot_sns a span { text-indent:-10000px; font-size:0; }
.footer_bottom .inner { max-width:1640px; padding:30px 20px 30px 210px; margin:0 auto; background: url(../images/common/footer_logo.png) 20px center no-repeat; display:flex; justify-content:space-between;  }
.footer_bottom .inner .address p { font-size:1.4rem; color:rgba(255,255,255,0.8); line-height:2; letter-spacing:0; }

.family_site_wrap { width:25rem; font-size:1.5rem; }
.family_site_wrap .family_site { position:relative; }
.family_site_wrap .family_site .btn { line-height:5.6rem; height:5.6rem; border-left:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2); padding:0 2rem; display:block;
 background:url(../images/common/familysite_close.png)right center no-repeat; width:100%; text-decoration:none; }
.family_site_wrap .family_site.open .btn { background:url(../images/common/familysite_open.png)right center no-repeat; background-color:#fff; color:#111; }
.family_site_wrap .family_site .select_list { display:none; position:absolute; bottom:5.6rem; left:0; width:100%; background:#3a3a40; z-index:90; }
.family_site_wrap .family_site .select_list li a { display:block; height:4.0rem; line-height:4.0rem; color:#fff; padding:0 2rem; font-size:1.5rem; border-top:1px solid rgba(255,255,255,0.2); }
.family_site_wrap .family_site .select_list li a:hover, 
.footerbox .familysite .linkList li a:focus { }
.family_site_wrap .family_site.open .select_list { display:block; }

#fullpage #footer { transition: all 0.3s ease; height:auto !important; }
#fullpage #footer .fp-tableCell { top:0; bottom:0;}
#fullpage #footer {  }



/* 오른쪽 퀵메뉴 */
.right_quick { position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:80; }
.right_quick.sub_page { z-index:99; }
.right_quick ul {}
.right_quick .quick_list li { width:48px; height:44px; position:relative; }
.right_quick .quick_list li + li { margin-top:2px; }
.right_quick .quick_list li a { display:block; width:206px; transition:transform 0.3s; flex-wrap:nowrap; justify-content:space-between; overflow:hidden; position:absolute; right:0; transform:translateX(158px);  }
.right_quick .quick_list li a:after { display:block; clear:both; content:'';}
.right_quick .quick_list li a:hover,
.right_quick .quick_list li a:focus   { width:206px; transform:translateX(0);  }
.right_quick .quick_list li a span.icon { width:46px !important; height:44px !important; background:url(../images/common/quickmenu_46x44_250828.png)center top no-repeat; background-size:100%; background-color:rgba(255,255,255,0.6); float:left;   }
.right_quick .quick_list li.quick_01 a span.icon { background-position:0 0;}
.right_quick .quick_list li.quick_02 a span.icon { background-position:0 -44px;}
.right_quick .quick_list li.quick_03 a span.icon { background-position:0 -88px;}
.right_quick .quick_list li.quick_04 a span.icon { background-position:0 -132px;}
.right_quick .quick_list li.quick_05 a span.icon { background-position:0 -176px;}
.right_quick .quick_list li a:hover span.icon,
.right_quick .quick_list li a:focus span.icon { background-color:rgba(255,255,255,1);  }
.right_quick .quick_list li a span.text { width:158px; line-height:44px; font-size:1.8rem; color:#2B82A7; background:rgba(255,255,255,0.6); padding-left:0rem; float:left; transition:all 0.3s; margin-left:2px; padding-left:20px; }
.right_quick .quick_list li a:hover span.text,
.right_quick .quick_list li a:focus span.text { background:rgba(255,255,255,1); }
.right_quick .sns_m { display:none; }

/* 챗봇 버튼  */
.chatbot { position:fixed; left:30px; bottom:30px; z-index:9999; }
.chatbot a { display:block; width:80px; height:80px; background:url("../images/common/chatbot_icon.png") no-repeat center; background-size:100% 100%; text-indent:-9999px; overflow:hidden; transition:transform .2s ease, box-shadow .2s ease; }
.chatbot a:hover{ transform:translateY(-5px); filter:drop-shadow(0 8px 18px rgba(0,0,0,.35)); }
.chatbot a:active{ transform:scale(0.98); }
.chatbot .icon,
.chatbot .text { display:none; }
/* 챗봇 모달 */
.chatbot-modal { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:99999; }
.chatbot-modal-content { position:absolute; right:30px; bottom:30px; width:30%; height:80%; background:#fff; border-radius:20px; overflow:hidden; box-shadow:0 10px 35px rgba(0,0,0,.35); }
@media (max-width:800px) {
	.chatbot { position:fixed; left:8px; bottom:30px; z-index:9999; }
	.chatbot a { display:block; width:40px; height:40px; background:url("../images/common/chatbot_icon.png") no-repeat center; background-size:100% 100%; text-indent:-9999px; overflow:hidden; transition:transform .2s ease, box-shadow .2s ease; }	
	.chatbot-modal-content { position:absolute; right:30px; bottom:30px; width:80%; height:80%; background:#fff; border-radius:20px; overflow:hidden; box-shadow:0 10px 35px rgba(0,0,0,.35); }
}
.chatbot-modal iframe { width:100%; height:100%; border:0; }
.chatbot-close { position:absolute; top:15px; right:15px; width:40px; height:40px; border:0; border-radius:50%; background:#fff; font-size:24px; line-height:40px; text-align:center; cursor:pointer; z-index:100000; box-shadow:0 2px 8px rgba(0,0,0,.2); }
.chatbot-close:hover { background:#f2f2f2; }

#mask { background:rgba(0, 0, 0, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000);
    position:fixed; width:100%; top:0; right:0; left:0; bottom:0; z-index:9999;
}
.popup {width:95%; margin:0 auto; position:fixed; top:50%; left:50%; z-index:99999; border:2px solid #2d3341; background:#fff; display:none; transform:translate(-50%, -50%);}
.popup.w700 {width:95%; margin:0 auto; max-width:760px; }
.popup h2 {font-size:32px;float:left;padding-bottom:0;margin:0;margin-right:20px;height:40px; line-height:40px; }
.popup .popup-con {font-size:14px; text-align:left; padding:3rem;  }
.popup .popup-top {height:40px;overflow:hidden;margin-bottom:20px;}
.popup .popup-con .scroll { clear:both;line-height:1.6; height:500px; max-height:80vh; overflow-y:auto;  }
.popup .btn-x {position:absolute;right:20px;top:20px;width:17px;height:17px;text-indent:-9999px;background:url(../images/common/close_pop.png) no-repeat 0 0;border:0;}
.popup .btn-box {border-top: 0 !important;padding-top: 10px !important;}

/* scorll-top */
#footer .scroll-top { position:fixed; display:block; right:4rem; bottom:2rem; width:6rem; height:6rem; font-size:0; text-indent:-9999px; cursor:pointer; 
z-index:50; -webkit-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s; background:url('../images/common/move_top.png')no-repeat; background-size:100%; 
background-color:#014caa; border:0; opacity:0; }
#footer .scroll-top.is-showing { bottom:13rem; opacity:1; }


@media all and (max-width: 1600px) {
	/* header */
	.nav_wrapper .logo_wrap h1.logo { width:240px; }
	.nav_wrapper .logo_wrap h1.logo a { width:240px; height:32px; }	
	
	.gnb { padding-left:280px; }
	.gnb .navi > li > a { font-size:1.9rem; padding:0 2rem; line-height:90px; padding-top:10px; }
	.gnb .navi > li > ul { left:2rem; }
}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1280px) {
	/* header */
	.nav_wrapper .inner .gnb { display:none; }
	.nav_wrapper { height:80px; }	
	.nav_wrapper .inner { height:80px; }
	
	/* 전체메뉴 */
	.sitemap_wrap {  /*left:100%; opacity:0; transition:all 0.5s;*/ }
	.sitemap { flex-wrap:wrap; }
	.sitemap > li { width:33.3333%; }
	.sitemap .depth_02 > li { padding:1.2rem 0; }
	.sitemap .depth_02 .depth_03 > li { padding:0.3rem 0; }	
	.sitemap .depth_02 .depth_03 .depth_04 > li { padding:0.3rem 0; }
	.sitemap_wrap .all_menu_close { top:2rem; }
	.sitemap_wrap.show { animation-name:sitemap; animation-duration:0.5s; left:0; opacity:1; transition:all 0.5s; display:block;}	
	.sitemap_wrap.hide { animation-name:sitemapOut; animation-duration:0.5s; }
	@-webkit-keyframes sitemap {
	  0% {
		left:100%;
		opacity:0;
	  }
	  100% {
		left:0;
		opacity:1;
	  }
	}	
	@-webkit-keyframes sitemapOut {
	  0% {
		left:0;
		opacity:1;
	  }
	  100% {
		left:100%;
		opacity:0;
	  }
	}

	.sitemap .depth_02 { padding:0.5rem; }
	.sitemap .depth_02 > li { padding:0; border-bottom:1px solid rgba(255,255,255,0.2); border-top:0 !important; }
	.sitemap .depth_02 > li > a { font-size:1.7rem; line-height:1.3; padding:1rem 15px 1rem 5px; position:relative; }
	.sitemap .depth_02 .depth_03 { margin-top:0; }
	.sitemap .depth_02 .depth_03 > li { padding:0.7rem 0; }
	.sitemap .depth_02 .depth_03 > li > a { font-size:1.5rem; line-height:1.3; padding-left:1.3rem; position:relative; }
	.sitemap .depth_02 .depth_03 > li > a:before { left:5px; }
	.sitemap .depth_02 > li.has-submenu > a:after { content:''; display:block; position:absolute; right:5px; top:50%; background:url(../images/common/lnb_child_open.png)no-repeat center / contain; width:10px; 
	height:10px; margin-top:-5px; }
	.sitemap .depth_02 > li.has-submenu > a.active {  }
	.sitemap .depth_02 > li.has-submenu > a.active:after { background:url(../images/common/lnb_child_close.png)no-repeat center / contain; }
	.sitemap .depth_02 .depth_03.sub-menu { display:none; background:rgba(1,98,133,0.3); }
	.sitemap .depth_02 .depth_03.sub-menu.active { display:block; }
	
	/* footer*/
	#fullpage .footer,
	.footer { position:relative; height:auto; }
	.footer_top .inner .foot_link_wrap .footer_link li a { padding:0 1rem; }
	.footer_top .inner .foot_sns { margin-left:3rem; }
	.family_site_wrap { width:20rem;}
	
	/* 오른쪽 퀵메뉴 */
	.right_quick.sub_page { display:none; }		
}
	
@media all and (max-width: 1024px) {
	/* footer */
	.footer { background:#25252c; }
	.footer_top { height:auto;  border-bottom:0; background:#2c2c33; }
	.footer_top .inner { flex-wrap:wrap; justify-content:flex-start; height:auto; padding-bottom:1.5rem; }
	.footer_top .inner > div { align-self: flex-start; }
	.footer_top .inner .foot_link_wrap { width:100%; flex-grow:1; margin:1rem 0; order:1; }
	.footer_top .inner .foot_link_wrap .footer_link li { margin:1rem 0; }
	.footer_top .inner .foot_sns { order:3; flex-grow:0; margin:0.5rem; }
	.family_site_wrap { order:2; margin-right:3rem; }
	.family_site_wrap .family_site .btn { border:1px solid rgba(255,255,255,0.2); height:4rem; line-height:4rem;}
	.family_site_wrap .family_site .select_list { bottom:4rem; }
	.footer_bottom .inner { padding:20px 20px 20px 20px; background:none; flex-wrap:wrap; }
	.footer_bottom .inner .address { order:2; width:100%; margin-top:10px; }
	.footer_bottom .inner .site_link { order:1; width:100%; }
	.footer_bottom .inner .site_link a { width:48%; max-width:190px; }	
}

@media all and (max-width: 768px) {
	.nav_wrapper .lng_wrap { right:22.5rem;}
	.nav_wrapper .sns_wrap { right:10rem; }
	.nav_wrapper .all_menu { right:2rem; }	
}

/* ================================== Mobile css ================================== */

@media all and (max-width: 599px) {
	/* header */
	.nav_wrapper { height:50px; }
	.nav_wrapper .inner { height:50px; }
	.nav_wrapper .inner .logo_wrap { left:65px; }
	.nav_wrapper .logo_wrap h1.logo { width:164px; position:relative; }
	.nav_wrapper .logo_wrap h1.logo a { width:164px; height:23px; position:relative; }	
	.nav_wrapper .inner .nav_right { /*display:block; left:0; top:0; transform: translateY(0); width:50px;*/ }
	.nav_wrapper .all_menu { padding:0; margin:0; position:absolute; top:0; left:0; transform:translateY(0); width:50px; height:50px; }
	.nav_wrapper .all_menu:before { display:none; }
	.nav_wrapper .all_menu .all_menu_btn { width:50px; height:50px; background-size:3.6rem; }
	.nav_wrapper .lng_wrap { right:2rem; }
	.nav_wrapper .sns_wrap { display:none; }
	.nav_wrapper.sub_header { background: rgba(255,255,255,1.0); border-bottom:1px solid rgba(255,255,255,0.5);  }
	.nav_wrapper.sub_header.open { border-bottom:1px solid rgba(255,255,255,0.5); }
	.nav_wrapper.sub_header .all_menu .all_menu_btn { background:url(../images/common/hamburger_black.png) center no-repeat; }
	.nav_wrapper.sub_header .logo_wrap h1.logo a {  background:url(../images/common/logo.png) no-repeat; background-size:100% 100%; }
	.nav_wrapper.sub_header .lng_wrap .lng li a {  color:#333; }
	.nav_wrapper .eService_wrap { position:absolute; top:0; right:-2rem; margin-right: 10px; z-index:110; top:50%; transform:translateY(-50%);}
	
	/* 전체메뉴 */
	.sub_header .sitemap_wrap .all_menu_close { background:url(../images/common/hamburger_close_black.png)center no-repeat; }
	.sub_header.open .sitemap_wrap .all_menu_close { background:url(../images/common/hamburger_close_black.png)center no-repeat; }
	.sitemap_wrap .all_menu_close { width:50px; height:50px; left:0; top:0;  background-size:3.6rem; }
	.sitemap_wrap { background:none !important; padding:20px 20px 20px 70px; top:50px; height:calc(100% - 50px); }
	.sitemap_wrap.show { animation-name:sitemap; animation-duration:1s; }	
	.sitemap_wrap.hide { /*animation-name:sitemapOut; animation-duration:1s; */}
	.sitemap > li { width:50%; padding:10px; width:100%; }	
	.sitemap > li > a { font-size:1.9rem; line-height:4rem; border:1px solid #fff; text-align:center; font-weight:700; }
	.sitemap .depth_02 { padding:0.5rem; }
	.sitemap .depth_02 > li { padding:0; border-bottom:1px solid rgba(255,255,255,0.2); border-top:0 !important; }
	.sitemap .depth_02 > li > a { font-size:1.6rem; line-height:1.2; padding:1rem 15px 1rem 5px; position:relative; }
	.sitemap .depth_02 .depth_03 { margin-top:0; }
	.sitemap .depth_02 .depth_03 > li { padding:0.7rem 0; }
	.sitemap .depth_02 .depth_03 > li > a { font-size:1.4rem; line-height:1.2; padding-left:1.3rem; position:relative; }
	.sitemap .depth_02 .depth_03 > li > a:before { left:5px; }
	.sitemap .depth_02 > li.has-submenu > a:after { content:''; display:block; position:absolute; right:5px; top:50%; background:url(../images/common/lnb_child_open.png)no-repeat center / contain; width:10px; 
	height:10px; margin-top:-5px; }
	.sitemap .depth_02 > li.has-submenu > a.active {  }
	.sitemap .depth_02 > li.has-submenu > a.active:after { background:url(../images/common/lnb_child_open.png)no-repeat center / contain; }
	.sitemap .depth_02 .depth_03.sub-menu { display:none; background:rgba(1,98,133,0.3); }
	.sitemap .depth_02 .depth_03.sub-menu.active { display:block; }
	
	.sub_header .sitemap_wrap { background:rgba(255,255,255,0.97) !important; padding:20px; left:-100%; display:block; transition:all 0.3s; border-top:1px solid #efefef; }
	.sub_header .sitemap_wrap.show { animation:none; left:0; transition:all 0.3s; }
	.sub_header .sitemap_wrap a { color:#111; }
	.sub_header .sitemap > li { width:100%; }
	.sub_header .sitemap > li > a { border:1px solid #ccc;}
	.sub_header .sitemap .depth_02 {  }
	.sub_header .sitemap .depth_02 > li + li { border-top:1px solid #efefef !important; }
	.sub_header .sitemap .depth_02 > li.has-submenu > a:after { background:url(../images/common/lnb_child_open_b.png)no-repeat center / contain;  }
	.sub_header .sitemap .depth_02 > li.has-submenu > a.active {  }
    .sub_header .sitemap .depth_02 > li.has-submenu > a.active:after { background:url(../images/common/lnb_child_close_b.png)no-repeat center / contain; }
	.sub_header .sitemap .depth_02 .depth_03.sub-menu { background:#efefef; }
	.sub_header .sitemap .depth_02 .depth_03 > li { padding:0.7rem 0.7rem 0.7rem 1rem; }
	.sub_header .sitemap .depth_02 .depth_03 > li > a:before { background:#3b3b3b; }	
	
	
	@-webkit-keyframes sitemap {
	  0% {
		left:-100%;
		opacity:0;
	  }
	  30% {
		left:0;
		opacity:0;
	  }
	  100% {
		left:0;
		opacity:1;
	  }
	}
	
	@-webkit-keyframes sitemapOut {
	  0% {
		left:0;
		opacity:1;
	  }
	  100% {
		left:100%;
		opacity:0;
	  }
	}
	
	
	/* 오른쪽 퀵메뉴 */
	.right_quick {  left:0; position:absolute; width:50px; z-index:130; }
	.right_quick ul li { width:100%; }
	.right_quick .quick_list {   }
	.right_quick .quick_list li { width:50px !important; height:50px !important; }
	.right_quick .quick_list li a { width:100%; transform:translateX(0); transition:transform 0s;}
	.right_quick .quick_list li a:hover,
	.right_quick .quick_list li a:focus { transform:translateX(0);  width:100%; }
	.right_quick .quick_list li a span.text { width:0; font-size:0; padding:0; height:0; text-indent:-1000px; background:transparent;  }
	.right_quick .quick_list li a span.icon { width:50px !important; height:50px !important; background:url(../images/common/quick_icon_m_100x100_250902.png) no-repeat; background-size:100%; background-color:transparent; }
	.right_quick .quick_list li + li { margin-top:0; }	
	.right_quick .quick_list li.quick_01 a span.icon { background-position:0 0;}
	.right_quick .quick_list li.quick_02 a span.icon { background-position:0 -50px;}
	.right_quick .quick_list li.quick_03 a span.icon { background-position:0 -100px;}
	.right_quick .quick_list li.quick_04 a span.icon { background-position:0 -150px;}
	.right_quick .quick_list li.quick_05 a span.icon { background-position:0 -200px;}
	.right_quick .quick_list li a:hover span.text,
	.right_quick .quick_list li a:focus span.text { background:transparent; }
	.right_quick .quick_list li a:hover span.icon,
	.right_quick .quick_list li a:focus span.icon { background-color:rgba(255,255,255,0.2);  }

	.right_quick .sns_m { display:block;  }
	.right_quick .sns_m .sns_link_m { margin-top:100px; }
	.right_quick .sns_m .sns_link_m li {  width:50px; height:50px; }
	.right_quick .sns_m .sns_link_m li a { display:block; width:100%; background:url(../images/common/sns_m_100x100.png)no-repeat; background-size:100%; width:50px; height:50px; }
	.right_quick .sns_m .sns_link_m li a.blog { background-position:0 0; }
	.right_quick .sns_m .sns_link_m li a.insta { background-position:0 -50px; }
	.right_quick .sns_m .sns_link_m li a.fb { background-position:0 -100px; }	
	
	/* footer */
	.footer_top .inner .foot_link_wrap .footer_link li a { font-size:1.4rem; }
	.footer_top .inner .foot_link_wrap .footer_link li { margin:0.7rem 0; }

	/* scorll-top */
	#footer .scroll-top { right:1rem; bottom:0rem; width:4rem; height:4rem;  }
	#footer .scroll-top.is-showing { bottom:3rem; opacity:1; }
}

@media all and (max-width: 359px) {
	.sitemap_wrap { background:none; padding:10px 10px 10px 60px; }
	.sitemap > li { padding:5px; }
}


/* 언어선택 잠시 숨김 처리 */
.lng_wrap { display:none !important; }


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 레이어팝업  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.layerPop {position:absolute; z-index:10000;}
.layerPop .popBottom { background:#111; color:#fff; padding:5px 10px; font-size:14px; display:flex; justify-content:space-between; width:100%; }
.layerPop .popBottom label, 
.layerPop .popBottom .popclose { cursor:pointer; line-height:29px; }
.layerPop .popBottom .popclose { background:none; border:0; }

@media (max-width: 1024px) {
	.layerPop { left:10px !important; top:10px !important;  }
}

@media (max-width: 767px) {
	.layerPop {  max-width:calc(100% - 20px) !important; }
}