@charset "utf-8";
/*
	max css var.2
	date : 2019-01-04
	name : design team koh won ji
*/


html,body {height:100%;}.skip,legend{position:absolute}a,abbr,address,article,aside,audio,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,header,hgroup,hr,html,i,iframe,img,ins,kbd,li,main,mark,nav,ol,output,p,pre,q,ruby,s,samp,section,small,span,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,u,ul,var,video,select,input,button{padding:0;margin:0;border:0;font:inherit;vertical-align:baseline}body{line-height:1;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:18px;color:#7a808f;letter-spacing:-.04em;word-break:keep-all}a{text-decoration:none;color:inherit}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,hr{display:none}legend{height:0;font-size:0;line-height:0;overflow:hidden;text-indent:-20000px}address,cite,em{font-style:normal}button,label{cursor:pointer}button{border:0;background:0 0;display:inline-block}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:none;color:inherit}.skip{visibility:hidden;top:0;left:0}

@media screen and (max-width: 768px) {
	body {font-size:15px;}
}

/* browser_msg */
#max_browser_msg{width:100%;height:auto;background:#000;padding:15px;box-sizing:border-box;text-align:center;position:relative;z-index:99;font-family:'Malgun Gothic'}#max_browser_msg p,#max_browser_msg mark{color:#fff;line-height:140%;font-size:12px;letter-spacing:0}#max_browser_msg mark{background:#f0bd41;color:#000;padding:0 5px}#max_browser_msg .bt_browser_upgrade{display:inline-block;font-size:12px;background:#fff;padding:5px 30px;margin:15px 0 0 0}#max_browser_msg .bt_close_browser{position:absolute;top:0;right:0;background:#fff;font-size:11px;padding:10px 10px}

/* color */
.col_white {color:#fff !important;}
.col_blue1 {color:#0158cf;}
.col_blue2 {color:#001f71;}
.col_blue3 {color:#0f1522;}

/* select box */
.max_select {-webkit-appearance:none; -moz-appearance:none; appearance:none; font-family:inherit; background:url("../image/common/ico_arr_btm.svg") no-repeat 97% 50%; width:240px; height:48px; border:1px solid #d7d7d7; padding-left:10px; box-sizing:border-box; border-radius:0;}
.max_select::-ms-expand {display:none;}

@media screen and (max-width: 740px) {
	.max_select {}
}

/* layout */
#max_wrap {width:100%; height:auto;}
#max_header {width:100%; height:auto; padding-left:5.333em; /* padding:30px 0 29px 5.333em; */ background-color:rgba(0,0,0,.1); position:fixed; top:0; left:0; z-index:2; box-sizing:border-box;}
#max_header.hover {background-color:#fff;}
#max_header.sub_header {background-color:#fff; border-bottom:1px solid #d7d7d7;}
#max_container {width:100%; height:auto; position:relative; animation:pagefadein .5s; z-index:1;}
#max_footer {width:100%; height:auto;}

@media screen and (max-width: 1280px) {
	#max_header {padding-left:2em;}
}

/* header */
#max_header h1 {float:left; width:210px; height:37px; margin:30px 0 29px; background:url("../image/common/logo_white.png") center no-repeat; background-size:100%; font-size:0;}
#max_header h1 a {display:block; width:100%; height:100%;}
#max_header nav {float:left; width:auto; height:auto; font-weight:500; font-size:20px; color:#fff;}
#max_header .lnb {width:auto; height:auto; margin:38px 0; margin-left:5.5em;}
#max_header .lnb ul {width:auto; height:auto;}
#max_header .lnb li {display:inline-block; padding-right:56px; text-align:center;}
#max_header .lnb li a {display:block; padding:0 4px; position:relative; z-index:1;}
#max_header .lnb li a:after {content:''; display:block; width:0; height:10px; background:#ffc71f; position:absolute; bottom:-3px; left:0; z-index:-1; transition:width .2s;}
#max_header .lnb li a:hover:after {width:100%;}


@media screen and (max-width: 1280px) {
	#max_header .lnb {margin-left:3em;}
	#max_header .lnb li {padding-right:40px;}
}
@media screen and (max-width: 1024px) {
	#max_header h1 {width:180px; height:31px; margin:21px 0 20px;}
	#max_header .lnb {display:none;}
}
@media screen and (max-width: 768px) {
	#max_header h1 {width:150px; height:24px;}
}
@media screen and (max-width: 500px) {
	#max_header h1 {width:100px; height:24px;}
}

#max_header .snb {display:none; margin:21px 0 21px 4em;}
#max_header .snb div {float:left; width:320px; position:relative;}
#max_header .snb div p {width:100%; height:auto; position:relative;}
#max_header .snb div p a {display:block; width:100%; height:auto; padding:18px 32px; box-sizing:border-box; position:relative;}
#max_header .snb div p a:after {content:''; display:block; width:1px; height:20px; background-color:#d7d7d7; position:absolute; top:18px; right:0;}
#max_header .snb div p i {display:block; width:14px; height:8px; position:absolute; top:24px; right:32px;}
#max_header .snb div p .arr-btm:before {content:''; height:0; width:0; display:block; border:6px transparent solid; border-bottom-width:0; border-top-color:CurrentColor; position:absolute; top:0; left:0;}
#max_header .snb div p.active {color:#0158cf;}
#max_header .snb div ul {display:none; width:100%; height:auto; padding:10px 0; font-size:18px; background-color:#fff; border:1px solid #d7d7d7; position:absolute; top:54px; left:0; box-sizing:border-box;}
#max_header .snb div ul li {width:100%; height:auto;}
#max_header .snb div ul li a {display:block; width:100%; height:100%; padding:10px 32px; box-sizing:border-box;}
#max_header .snb div ul li a:hover {text-decoration:underline;}
#max_header .snb div ul li .current {color:#0158cf;}

@media screen and (max-width: 1280px) {
	#max_header .snb {margin-left:2em;}
	#max_header .snb div {width:280px;}
}
@media screen and (max-width: 1024px) {
	#max_header .snb {margin:0;}
	#max_header .snb div p a {padding:26px 32px;}
	#max_header .snb div p a:after {top:26px;}
	#max_header .snb div p i {top:32px;}
	#max_header .snb div ul {top:60px;}
}
@media screen and (max-width: 768px) {
	#max_header nav {font-size:15px;}
	#max_header .snb div {width:220px;}
	#max_header .snb div p a {padding:27px 32px 26px;}
	#max_header .snb div ul {font-size:15px;}
}
@media screen and (max-width: 568px) {
	#max_header .snb div {width:50%;}
	#max_header .snb div p a {padding:24px;}
	#max_header .snb div p a:after {top:24px;}
	#max_header .snb .depth2 p a:after {width:0;}
	#max_header .snb div p i {top:30px; right:24px;}
	#max_header .snb div ul li a {padding:10px 24px;}
}

#max_header .gnb {float:right; width:auto; height:auto; margin:36px 0; margin-right:7em; color:#fff; font-size:16px; display:table;}
#max_header .gnb li {display:table-cell; vertical-align:middle; padding-right:21px;}
#max_header .gnb li:nth-child(1) {line-height:24px;}
/*
#max_header .gnb li:not(:nth-child(1)) {font-size:0; width:24px; height:24px;}
#max_header .gnb li:nth-child(2) {background:url("../image/common/ico_blog_w.svg") 0 0 no-repeat;}
#max_header .gnb li:nth-child(3) {background:url("../image/common/ico_fb_w.svg") 0 0 no-repeat;}
#max_header .gnb li:nth-child(4) {background:url("../image/common/ico_insta_w.svg") 0 0 no-repeat;}
*/
#max_header .gnb li.sns {font-size:0; width:24px; height:24px;}
#max_header .gnb li.sns.blog {background:url("../image/common/ico_blog_w.svg") 0 0 no-repeat; width:55px; height:24px;}
#max_header .gnb li.sns.fb {background:url("../image/common/ico_fb_w.svg") 0 0 no-repeat;}
#max_header .gnb li.sns.insta {background:url("../image/common/ico_insta_w.svg") 0 0 no-repeat;}

#max_header .gnb li a {display:block; width:100%; height:100%;}
#max_header .gnb li a:hover {text-decoration:underline;}

@media screen and (max-width: 1024px) {
	#max_header .gnb {margin:24px 0; margin-right:5em;}
	#max_header .gnb .bt_member {display:none;}
}
@media screen and (max-width: 768px) {
	#max_header .gnb {margin-top:22px; margin-bottom:22px;}
	#max_header .gnb li {padding-right:8px;}
}
@media screen and (max-width: 568px) {
	#max_header .gnb li {padding-right:4px;}
}

/* hover */
#max_header.hover h1, #max_header.sub_header h1 {background:url("../image/common/logo_blue.png") center no-repeat; background-size:100%;}
#max_header.hover nav, #max_header.sub_header nav {color:#0f1522;}
#max_header.hover .gnb, #max_header.sub_header .gnb {color:#7a808f;}
/*
#max_header.hover .gnb li:nth-child(2), #max_header.sub_header .gnb li:nth-child(2) {background:url("../image/common/ico_blog.svg") 0 0 no-repeat;}
#max_header.hover .gnb li:nth-child(3), #max_header.sub_header .gnb li:nth-child(3) {background:url("../image/common/ico_fb.svg") 0 0 no-repeat;}
#max_header.hover .gnb li:nth-child(4), #max_header.sub_header .gnb li:nth-child(4) {background:url("../image/common/ico_insta.svg") 0 0 no-repeat;}
*/
#max_header.hover .gnb li.sns.blog, #max_header.sub_header .gnb li.sns.blog {background:url("../image/common/ico_blog.svg") 0 0 no-repeat;}
#max_header.hover .gnb li.sns.fb, #max_header.sub_header .gnb li.sns.fb {background:url("../image/common/ico_fb.svg") 0 0 no-repeat;}
#max_header.hover .gnb li.sns.insta, #max_header.sub_header .gnb li.sns.insta {background:url("../image/common/ico_insta.svg") 0 0 no-repeat;}

@media screen and (max-width: 1024px) {
	#max_header.sub_header {padding-left:0;}
	#max_header.sub_header h1 {display:none;}
	#max_header.sub_header nav {margin-left:0;}
}
@media screen and (max-width: 768px) {
	#max_header.sub_header .gnb {margin-right:1em;}
	#max_header.sub_header .bt_menu {display:none;}
}
@media screen and (max-width: 568px) {
	#max_header.sub_header nav {width:100%;}
	#max_header.sub_header .gnb {display:none;}
}

#max_header .bt_menu {width:auto; height:auto; position:absolute; top:0; right:0; font-size:0; z-index:2;}
	#max_header .bt_menu a {display:block; width:100%; height:100%; padding:37px 32px; background-color:#001f71; box-sizing:border-box;}
	#max_header .bt_menu a i {display:block; width:32px; height:2px; background:#fff; margin-top:8px;}
	#max_header .bt_menu a i:nth-child(1) {margin-top:0; animation:menubar1 .75s forwards; transition:all .2s;}
	#max_header .bt_menu a i:nth-child(2) {width:20px; margin-left:12px; transition:all .2s; opacity:1;}
	#max_header .bt_menu a i:nth-child(3) {animation:menubar2 .75s forwards; transition:all .2s;}
	#max_header .bt_menu .close i:nth-child(1) {animation:close-menubar1 0.75s forwards;}
	#max_header .bt_menu .close i:nth-child(2) {opacity:0;}
	#max_header .bt_menu .close i:nth-child(3) {animation:close-menubar3 .75s forwards; width:100%;}
	/* hover */
	#max_header .bt_menu a:hover i:nth-child(1),
	#max_header .bt_menu a:hover i:nth-child(3) {width:20px; margin-left:12px;}
	#max_header .bt_menu a:hover i:nth-child(2) {width:32px; margin-left:0;}
	#max_header .bt_menu .close:hover i:nth-child(1),
	#max_header .bt_menu .close:hover i:nth-child(3){width:32px; margin-left:0;}

	@media screen and (max-width: 1024px) {
		#max_header .bt_menu a {padding:25px 20px;}
	}
	@media screen and (max-width: 768px) {
		#max_header .bt_menu a {padding:25px 22px;}
		#max_header .bt_menu a i {width:24px; margin-top:6px;}
		#max_header .bt_menu a i:nth-child(2) {width:16px; margin-left:8px;}
		/* hover */
		#max_header .bt_menu a:hover i:nth-child(1),
		#max_header .bt_menu a:hover i:nth-child(3) {width:16px; margin-left:8px;}
		#max_header .bt_menu a:hover i:nth-child(2) {width:24px; margin-left:0;}
		#max_header .bt_menu .close:hover i:nth-child(1),
		#max_header .bt_menu .close:hover i:nth-child(3){width:24px; margin-left:0;}
	}


#max_header .fullmenu {width:100%; height:100%; display:table; position:fixed; top:0; left:0; background-color:rgba(0,31,113,.98); z-index:1;}
	#max_header .fullmenu .inner {display:table-cell; vertical-align:middle; text-align:center;}
	#max_header .fullmenu .inner .bt_member {display:none; position:absolute; top:20px; right:80px; font-size:16px;}
	#max_header .fullmenu .inner .bt_member a {display:inline-block; padding:8px 14px; border:1px solid rgba(255,255,255,.4); color:#fff;}
	#max_header .fullmenu .inner > ul {width:100%; height:auto; color:rgba(255,255,255,.4); font-weight:300; font-size:20px;}
	#max_header .fullmenu .inner > ul > li {}
	#max_header .fullmenu .inner > ul > li:nth-child(2) {margin:4em 0;}
	#max_header .fullmenu .inner > ul > li > strong {font:700 33px 'JSDongkang','Noto Sans KR',sans-serif; letter-spacing:-0.05em; color:#fff;}
	#max_header .fullmenu .inner > ul > li > ul {width:100%; height:auto; margin-top:1em;}
	#max_header .fullmenu .inner > ul > li > ul > li {display:inline-block; position:relative;}
	#max_header .fullmenu .inner > ul > li > ul > li:before {content:''; display:block; width:1px; height:19px; background:rgba(255,255,255,.1); position:absolute; top:4px; left:0;}
	#max_header .fullmenu .inner > ul > li > ul > li:nth-child(1):before {width:0;}
	#max_header .fullmenu .inner > ul > li > ul > li > a {display:block; padding:4px 14px;}
	#max_header .fullmenu .inner > ul > li > ul > li > a:hover {color:#fff; font-weight:500;}

@media screen and (max-width: 1024px) {
	#max_header .fullmenu .inner .bt_member {display:block;}
}
@media screen and (max-width: 568px) {
	#max_header .fullmenu .inner > ul {font-size:15px;}
	#max_header .fullmenu .inner > ul > li > strong {font-size:23px;}
	#max_header .fullmenu .inner > ul > li > ul > li:before {height:14px;}
}

#max_footer .nb {display:inline-block; width:14px;}
#max_footer .in_footer {width:100%; height:auto; position:absolute; bottom:32px; left:0; z-index:1; text-align:center; font-size:12px; letter-spacing:0; color:rgba(255,255,255,.5);}
#max_footer .in_footer address {display:inline-block;}
#max_footer .in_footer cite {display:block; padding-top:8px;}

#max_footer .sub_footer {width:100%; height:auto; padding:72px 96px; position:relative; box-sizing:border-box;}
#max_footer .sub_footer address {width:100%; height:auto; margin:32px 0 14px; line-height:1.4;}
#max_footer .sub_footer address em {display:block;}

#max_footer .kifa_sns {position:absolute; top:72px; right:96px;}
#max_footer .kifa_sns li {float:left; width:64px; height:64px; font-size:0;}
#max_footer .kifa_sns li:nth-child(2) {margin:0 24px;}
#max_footer .kifa_sns li a {display:block; width:inherit; height:inherit; padding:20px; border-radius:100%; background:#ebebeb; box-sizing:border-box;}

#max_footer .f_menu {width:inherit; height:inherit;}
#max_footer .f_menu li {display:inline-block; padding:0 24px; position:relative;}
#max_footer .f_menu li:nth-child(1) {padding-left:0;}
#max_footer .f_menu li:not(:nth-child(1)):before {content:''; display:block; width:1px; height:17px; background:#d7d7d7; position:absolute; top:0; left:0;}

#max_footer .bt_top {position:fixed; bottom:32px; right:32px; z-index:99;}
#max_footer .bt_top a {display:block; width:64px; height:64px; padding:18px; background:#fff; border:1px solid #d7d7d7; box-sizing:border-box; font-size:0;}
#max_footer .bt_top i {display:block; width:15px; height:25px; margin:0 auto; position:relative; overflow:hidden;}
#max_footer .bt_top i:before, #max_footer .bt_top i:after {content:''; display:block; position:absolute;}
#max_footer .bt_top i:before {height:8px; width:8px; border:1px solid #000; border-left-width:0; border-bottom-width:0; transform:rotate(-45deg); top:3px; left:3px;}
#max_footer .bt_top i:after{height:24px; width:1px; background:#000; top:2px; left:7px;}

@media screen and (max-width: 1280px) {
	#max_footer .sub_footer {padding:2em;}
	#max_footer .kifa_sns {top:2em; right:2em;}
}
@media screen and (max-width: 1024px) {
	#max_footer .in_footer {padding:0 2em; box-sizing:border-box;}
	#max_footer .in_footer address em {display:block;}
	#max_footer .in_footer address em:last-child {margin-top:4px;}
	#max_footer .kifa_sns li {width:48px; height:48px;}
	#max_footer .kifa_sns li:nth-child(2) {margin:0 14px;}
	#max_footer .kifa_sns li a {padding:12px;}
	#max_footer .f_menu li {padding:0 14px;}
	#max_footer .f_menu li:not(:nth-child(1)):before {height:15px;}
	#max_footer .bt_top a {width:48px; height:48px; padding:10px;}
}
@media screen and (max-width: 768px) {
	#max_footer .in_footer address {display:none;}
	#max_footer .sub_footer address {margin-top:14px;}
	#max_footer .kifa_sns {position:static; width:100%; overflow:hidden;}
	#max_footer .f_menu {margin-top:24px;}
}
@media screen and (max-width: 568px) {
	#max_footer .sub_footer {font-size:13px;}
	#max_footer .sub_footer .nb {display:block;}
	#max_footer .f_menu li {padding:0 8px;}
	#max_footer .f_menu li:not(:nth-child(1)):before {height:13px;}
	#max_footer .bt_top {bottom:24px; right:24px;}
}

/* sub contents layout */

/* page visual */
.subvis-area {width:100%; height:100%; display:table; background-repeat:no-repeat; background-position:center; background-size:cover; text-align:center; position:relative; z-index:1;}
.subvis-area .title-box {width:inherit; display:table-cell; vertical-align:middle; color:#fff; padding:0 1em;}
.subvis-area .title-box span {display:inline-block; font-weight:500; font-size:20px; padding:0 4px; position:relative; z-index:1; transition:all .2s;}
.subvis-area .title-box span:after {content:''; display:block; width:100%; height:10px; background:#134ec6; position:absolute; bottom:-3px; left:0; z-index:-1;}
.subvis-area .title-box h3 {margin-top:.5em; font:700 72px 'JSDongkang','Noto Sans KR',sans-serif; white-space:pre-line; letter-spacing:-0.08em; transition:all .2s;}
.subvis-area .title-box p {padding-top:.8em;}
.subvis-area .title-box p mark {font-weight:700;}

.subvis-area .contents_move {display:block; width:64px; height:64px; border-radius:100%; border:2px solid #fff; font-size:0; position:absolute; bottom:62px; left:50%; transform:translateX(-50%); box-sizing:border-box;}
.subvis-area .contents_move:after {content:''; display:block; width:2px; height:96px; background:rgba(255,255,255,.1); position:absolute; top:28px; left:50%; transform:translateX(-50%);}
.subvis-area .contents_move i {display:block; width:8px; height:8px; border-radius:100%; background:#fff; position:absolute; top:28px; left:26px; animation:scroll_effect 1s infinite alternate linear;}

.subvis-area.member {padding:12em 0; background-image:url("../image/common/sub_visual11.jpg");}

/* page visual: media */
@media screen and (max-width: 1280px) {
	.subvis-area .title-box h3 {font-size:5vmax;}
	.subvis-area .contents_move {width:48px; height:48px; bottom:42px;}
	.subvis-area .contents_move:after {height:64px; top:24px;}
	.subvis-area .contents_move i {top:20px; left:18px;}
}
@media screen and (max-width: 768px) {
	.subvis-area .title-box span {font-size:18px;}
}
@media screen and (max-width: 568px) {
	.subvis-area .title-box span {font-size:16px;}
	.subvis-area .title-box h3 {font-size:30px;}
	.subvis-area .contents_move {width:32px; height:32px; bottom:32px;}
	.subvis-area .contents_move:after {height:48px; top:14px;}
	.subvis-area .contents_move i {width:4px; height:4px; top:14px; left:12px;}
	.subvis-area.member {padding:8em 0;}
}

/* contents set */
.contents-wrap {width:100%; height:auto; padding-top:5.333em;}
.contents-wrap h4 {text-align:center; font:400 48px 'JSDongkang','Noto Sans KR',sans-serif; color:#0f1522; letter-spacing:-0.06em;}
.contents-wrap h4 strong {font-weight:700;}
.contents-wrap .cont_bw, .contents-wrap .cont_bf, .contents-wrap .inner {width:inherit; height:inherit; max-width:1280px; margin:0 auto; box-sizing:border-box;}
.contents-wrap .cont_bw {padding:5.333em 0;}
.contents-wrap .cont_bf {max-width:100%; padding:5.333em 0;}
.contents-wrap .bar {display:block; width:1px; height:48px; background-color:#0f1522; margin:32px auto;}
.contents-wrap .cont_bw.first h4 {font-size:36px; line-height:1.3;}
.contents-wrap .cont_bw.first h4 strong {font-size:60px; display:block;}

@media screen and (max-width: 1280px) {
	.contents-wrap .cont_bw, .contents-wrap .inner {max-width:100%; padding-left:2em; padding-right:2em;}
	.contents-wrap h4 {font-size:4vmax;}
	.contents-wrap .cont_bw.first h4 {font-size:2.8vmax;}
	.contents-wrap .cont_bw.first h4 strong {font-size:4.5vmax;}
}
@media screen and (max-width: 1024px) {
	.contents-wrap .bar {margin:24px auto 32px;}
}
@media screen and (max-width: 568px) {
	.contents-wrap {padding-top:4em;}
	.contents-wrap h4 {font-size:30px;}
	.contents-wrap .cont_bw, .contents-wrap .cont_bf {padding-top:4em; padding-bottom:4em;}
	.contents-wrap .cont_bw.first h4 {font-size:17px;}
	.contents-wrap .cont_bw.first h4 strong {font-size:28px;}
	.contents-wrap .bar {height:24px; margin:20px auto;}
}

/* margin */
.mgtb48 {margin:1.3em 0 2em;}

/* page title set : font size */
.f30 {font-weight:300; font-size:30px !important; line-height:1.3 !important; letter-spacing:-0.06em; white-space:pre-line; }
.f24 {font-weight:500; font-size:24px !important; line-height:1.2 !important; letter-spacing:-0.06em; white-space:pre-line;}
.f24.fb {font-weight:700;}

@media screen and (max-width: 1024px) {
	.f24 {font-size:20px !important;}
	.f30 {font-size:24px !important;}
}
@media screen and (max-width: 568px) {
	.f24 {font-size:18px !important; white-space:normal;}
	.f30 {font-weight:400; font-size:20px !important; white-space:normal;}
}

/* privacy */
.privacy-wrap {border-bottom:1px solid #d7d7d7;}
.privacy-wrap .cont_bw {border-bottom:1px solid #d7d7d7;}
.privacy-wrap .cont_bw.last {border-bottom:none;}
.privacy-wrap h4 {font-weight:700;}
.privacy-wrap dl {margin-bottom:0;}
.privacy-wrap dd {padding:1em 0 2em; line-height:1.3;}
.privacy-wrap dd:last-child {padding-bottom:0;}
.privacy-wrap dd .pad {padding:.5em 0;}
.privacy-wrap dd ol li {list-style:decimal; margin-left:1.3em;}
.privacy-wrap dd ul li {list-style:none; margin-left:0;}
.privacy-wrap dd ul li:before {content:'-'; display:inline-block; padding-right:8px}
.privacy-wrap dd ol li ul li ol li {list-style:lower-roman; margin-left:1.6em;}
.privacy-wrap dd ol li ul li ol li:before {display:none;}

/* page */
.office-wrap .pg_wrap * {box-sizing:content-box;}
.pg_wrap .sound_only {display:none;}
.pg_wrap {width:100%; height:auto; text-align:center; margin:2em 0;}
.pg {text-align:center; display:-ms-flexbox; display:flex; -ms-flex-pack:center; justify-content:center;}
.pg_page, .pg_current {display:block;vertical-align:middle;background:#fff;border:1px solid #d7d7d7;height:32px;line-height:32px;padding:5px;margin:0 2px;min-width:32px;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {text-decoration:none;}
.pg_page:hover {background-color:#fafafa}
.pg_start,
.pg_prev,
.pg_end, .pg_next {font:normal 12px 'Dotum'; line-height:32px;}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}
.pg_current {background:#0158cf;border:1px solid #0158cf;color:#fff;font-weight:700;}

@media screen and (max-width: 568px) {
	.pg_page, .pg_current {padding:0;}
}
@media screen and (max-width: 320px) {
	.pg_start, .pg_end {display:none;}
}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_pop .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.hd_pops {position:absolute;/* border:1px solid #000;background:#fff */font-size:13px;}
.hd_pops img {max-width:100%;}
.hd_pops_con {line-height:0;}
.hd_pops_footer {padding:0;background:#fff;color:#181818;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:14px;border:0;}
.hd_pops_footer .hd_pops_reject {background:#fff;text-align:left}
.hd_pops_footer .hd_pops_close {background:#000;color:#fff;position:absolute;top:0;right:0;}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}


/* animation */
	@keyframes pagefadein { 
		from { opacity:0; } to { opacity:1; } 
	}
	@keyframes menubar1 {
		0% {transform : translateY(8.5px) rotate(45deg);} 50% {transform : translateY(8.5px) rotate(0);} 100% {transform : translateY(0) rotate(0);}
	}
	@keyframes menubar2 {
		0% {transform : translateY(-9px) rotate(-45deg);} 50% {transform : translateY(-9px) rotate(0);} 100% {transform : translateY(0) rotate(0);}
	}
	@keyframes close-menubar1 {
		0% {transform:translateY(0) rotate(0);} 50% {transform:translateY(8px) rotate(0);} 100% {transform:translateY(12px) rotate(45deg);}
	}
	@keyframes close-menubar3 {
		0% {transform : translateY(0) rotate(0);} 50% {transform : translateY(-8px) rotate(0);} 100% {transform : translateY(-8px) rotate(-45deg);}
	}
	@keyframes more_effect {
		from {width:0;} to {width:100%;}
	}
	@media screen and (max-width: 768px) {
		@keyframes close-menubar1 { 0% {transform:translateY(0) rotate(0);} 50% {transform:translateY(8px) rotate(0);} 100% {transform:translateY(8px) rotate(45deg);} }
	}
	@keyframes arrowleft {
		from {left:33%;} to {left:61%;}
	}
	@keyframes arrowdown {
		from {top:31%;} to {top:62%;}
	}
	@keyframes scroll_effect { 
		from {transform:translateY(0);} to {transform:translateY(96px);} 
	}

	@media screen and (max-width: 1280px) {
		@keyframes scroll_effect { from {transform:translateY(0);} to {transform:translateY(64px);} }
	}
	@media screen and (max-width: 568px) {
		@keyframes scroll_effect { from {transform:translateY(0);} to {transform:translateY(48px);} }
	}