@import url('font.css'); /* 폰트임 */
 @import url("https://use.typekit.net/aya6nxy.css");

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0; line-height:175%; letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; font-size:17px; color:rgba(17,17,17,0.7); font-weight:300; font-family:'Noto Sans KR', 'urbane', Malgun Gothic,'Malgun Gothic',  sans-serif; height:100%; word-break: keep-all;}
*{font-family:'Noto Sans KR', 'urbane', Malgun Gothic,'Malgun Gothic',  sans-serif;}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table {border-collapse:separate;border-spacing:0; font-size:0.9375rem;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:0.9375rem;}
tbody,tfoot,thead,tr,th,td {margin:0;line-height:160%;letter-spacing:normal;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:inherit;}
a, a:hover{transition:all 0.7s cubic-bezier(0.215,0.61,0.355,1);}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
input:focus, textarea:focus, button:focus {outline:none;}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/

select { border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: url("/storage/img/cat_arrow_bk.png") no-repeat right 20px center !important;}
select::-ms-expand {display:none}
input[type=text]::-ms-clear {display: none;}
input::-webkit-input-placeholder {color:#ababab; }
input:-ms-input-placeholder {color:#ababab; }
input::placeholder {color:#ababab; }

span, b, strong{line-height:inherit; font-family:inherit;}

/* Web Content Accessibility TTS(Text To Speech) Code */
.blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}

/* 레이아웃 */

/* Common */
.basicCont {position:relative; width:100%; padding:0 5%; box-sizing:border-box;}
.w1340 {width:1340px; margin:0 auto;}
.eng {font-family:'urbane', sans-serif; letter-spacing:0;}
.left{text-align:left !important;}
.right{text-align:right !important;}
.bold{font-weight: 700 !important;}
.grayBg{background-color: #f0f0f0 !important;}
.blackFont{color: #222 !important;}
.whiteFont{color: #fff !important;}
.redFont {color:#ea0000 !important;}
.ls0 {letter-spacing:0 !important;}

#wrap {position:relative; width:100%; height:100%; overflow:hidden; min-width:320px;}
#wrap.subPage {width:100%; height:100%; overflow:visible;}
.noScroll {overflow:hidden !important;}

.compad {padding:170px 0; box-sizing:border-box;}
.compad_t {padding:170px 0 0; box-sizing:border-box;}
.compad_b {padding:0 0 170px; box-sizing:border-box;}


.none980 {}
.show980 {display:none !important;}



/* Start-슬릭기본 */
.slick-slider{position: relative;display: block; 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-list{position: relative; display: block; margin:0; padding:0;  width:100%;}
.slick-slide{display: none; float: left; width:100%;}
.slick-initialized .slick-slide{display: block;}
/* End-슬릭기본 */



/* header */
#header {position:fixed; left:0; top:0; width:100%; z-index:99999; transition:all 0.3s linear;}
#header.index {top:-100% !important; transition:all 0.3s linear;}
#wrap.subPage #header{position:absolute;}
		#header .header_in {position:relative;}
		#header .header_in h1 {display:inline-block; padding:40px 0 30px;}
		#header .header_in h1 a {display:inline-block; background-image: url('/storage/img/logo.png');}
		#header .header_in h1 a img {opacity:0;}
		#header .header_in .sitemap {font-size:12px; color:#fff; letter-spacing:0.8pt; font-weight:500; vertical-align:middle; position:absolute; top:53px; right:5%;}
		#header .header_in .sitemap dl {display:inline-block; vertical-align:middle; margin-left:8px;}
		#header .header_in .sitemap dl dd {display:block; width:22px; height:2px; background:#fff; transition:all 0.3s;}
		#header .header_in .sitemap dl dd.two {margin:6px 0; width:16px;}
		#header .header_in .sitemap dl dd.three {width:10px; transition-delay:0.1s;}

		#header .header_in .sitemap:hover dl dd {width:22px; transition:all 0.3s;}
		#header .header_in .sitemap:hover dl dd.three {transition-delay:0.1s;}

		#header.up .header_in h1 a {background-image: url('/storage/img/logo_up.png');}
		#header.up .header_in .sitemap {color:#111;}
		#header.up .header_in .sitemap dl dd {background:#111;}




/* Menu */
#menuArea {position:fixed; top:0; right:0; z-index:999999; width:0; height:100vh; overflow:hidden; opacity:0; visibility:hidden; height:100vh !important; background:rgba(135,7,38,0.6);  transition:all 0.8s ease-in-out;}
 #menuArea:after {content:''; width:0; height:100%; background:#000; position:absolute; top:0; right:0; transition:all 0.8s ease-in-out; z-index:-1;}
#menuArea.visible {width:100%; opacity:1; visibility:visible;  transition:all 0.8s ease-in-out;}
#menuArea.visible:after {width:100%; transition:all 1s ease-in-out; transition-delay:0.3s;}
#menuArea .menuList {opacity:0; visibility:hidden; transition:all 0.5s ease-in-out; height:100vh !important;}
#menuArea.visible .menuList {opacity:1; visibility:visible; transition:all 0.5s ease-in-out; transition-delay:0.8s;}

	#menuArea h2 {display:inline-block; padding:40px 0 30px;}
	.menu_top {position:absolute; padding:0 5%; box-sizing:border-box; top:0; left:0; width:100%;}

	.menu_top .btnMenu_mClose{position:absolute; top:55px; right:5%; font-family:'urbane', sans-serif; font-size:12px; color:#fff; font-weight:500; vertical-align:middle; letter-spacing:1pt;}
	.menu_top .btnMenu_mClose  img {margin-left:20px; vertical-align:middle;}

		.list {position:absolute; top:50%; transform:translateY(-50%); width:100%; transition:all 0.3s;}
		.list .tWrap {width:100%;  vertical-align:middle; transition:all 0.3s; text-align:center;}
		.list .tWrap a {font-family:'urbane', sans-serif; display:inline-block;}

		.list .tWrap a span {position:relative; display:inline-block; font-size:2.235rem; color:#fff; font-weight:500; letter-spacing:0.5pt; line-height:1; margin:0 0 25px; transition:all 0.3s;}
		.list .tWrap a span:hover {color:rgba(255,255,255,0.7); transition:all 0.5s; letter-spacing:2pt;}

		#menuArea .util {font-size:0; text-align:center; margin:40px 0 0; padding:0 5%; box-sizing:border-box;}
		#menuArea .util li {display:inline-block; margin:0 25px;}
		#menuArea .util li a {position:relative; font-family:'urbane', sans-serif;  font-size:1rem; color:#fff; letter-spacing:0.3pt; line-height:1; transition:all 0.5s;}
		#menuArea .util li a::after {content:''; width:100%; height:2px; background:#fff; position:absolute; bottom:-3px; left:0; -webkit-transition: background-position 1s ease; transition: background-position 1s ease;
background: linear-gradient(90deg,currentColor 0,currentColor 33.33%,transparent 0,transparent 66.66%,currentColor 0,currentColor) 100%; background-size: 300% 2px;}
		#menuArea .util li a:hover {color:rgba(255,255,255,0.7); transition:all 0.5s;}
		#menuArea .util li a:hover:after{background-position:0;}

		#menuArea #sns {right:50%; transform:translateX(240px); width:481px;}
/* Menu */

/*lang*/
#header .langBtn{font-family:'urbane', sans-serif !important;z-index:999; display:inline-block; vertical-align: middle; font-weight:500; color:#fff; font-size:0.78rem; width:90px; line-height:39px; height: 40px; border-radius: 20px; border:1px solid rgba(255,255,255,0.5); background:url('/storage/img/langBtn.png') 20px center no-repeat; padding-left: 42px; transition: all 0.3s linear; box-sizing:border-box; position: absolute; top:45px; right:195px;}
#header .langBtn:hover {border-color:#fff; color:#222 !important; background-image:url('/storage/img/langBtn_up.png'); background-color:#fff }
#header.white .langBtn, #header.on .langBtn {border-color:rgba(255,255,255,0.2); color:#fff !important; background:url('/storage/img/langBtn.png') no-repeat 20px}
#header .langBtn:hover{background: url('/storage/img/langBtn_up.png') no-repeat 20px #fff; color:#222 !important; border-color:#ddd;}
#header.fixed .langBtn{background: url('/storage/img/langBtn_up.png') no-repeat 20px #fff !important; border-color: #ddd !important; color: #222  }
#header.fixed .langBtn:hover{background: url('/storage/img/langBtn.png') no-repeat 20px #ddd !important;  border-color: #ddd !important; color:#fff !important;}





#sns {font-size:0; z-index:999; position:fixed; bottom:22px; right:5%;}
#sns p {display:inline-block; font-size:12px; color:rgba(255,255,255,0.7); font-weight:500; line-height:1.5; vertical-align:middle; letter-spacing:0.8pt;}
.sns {display:inline-block; vertical-align:middle; margin-left:18px; font-size:0;}
.sns a {position:relative; z-index:10; display:inline-block; width:40px; height:40px; border:1px solid rgba(255,255,255,0.3); border-radius:100%; vertical-align:middle; margin-right:3px; background-repeat:no-repeat; background-position:center;}
.sns a:last-child {margin-right:0;}

.sns a.sns01 {background-image:url("/storage/img/sns01.png");}
.sns a.sns01:hover {background-color:#c33cbe ; border:1px solid #c33cbe ;}
.sns a.sns02 {background-image:url("/storage/img/sns02.png");}
.sns a.sns02:hover {background-color:#20010a; border:1px solid #20010a;}
.sns a.sns03 {background-image:url("/storage/img/sns03.png");}
.sns a.sns03:hover {background-color:#f52e1e; border:1px solid #f52e1e;}
.sns a.sns04 {background-image:url("/storage/img/sns04.png");}
.sns a.sns04:hover {background-color:#fff; border:1px solid #fff; background-image:url("/storage/img/sns04_up.png");}
.sns a.sns05 {background-image:url("/storage/img/sns05.png");}
.sns a.sns05:hover {background-color:#00c73c; border:1px solid #00c73c;}

#sns .other{position:absolute; display:block;  right:500px; top:10px}
#sns .other li a{display:block; color:#fff; font-size:13px; font-family:'Noto Sans KR',  sans-serif; text-decoration:underline}




#footer {position:relative; background:#111; padding:30px 0;}
#footer .basicCont {overflow:hidden;}
#footer .basicCont p {display:inline-block; font-size:12px; color:rgba(255,255,255,0.7); font-weight:500; line-height:1.5; vertical-align:middle; letter-spacing:0.8pt; margin:12px 0 0;}
#footer .basicCont .sns {float:right;}
#footer .basicCont .other{position:absolute; display:block;  right:315px; top:10px}
#footer .basicCont .other li a{display:block; color:#fff; font-size:13px; font-family:'Noto Sans KR',  sans-serif; text-decoration:underline}


.mask {position:fixed;  z-index:99999;  background-color:rgba(0,0,0,0.9);  right:0; top:0; height:100%; width:0; transition:all 0.8s ease-in-out; cursor:pointer;}
.mask.visible {width:100%; transition:all 0.8s ease-in-out;}
.mask_pro {position:fixed;  z-index:99999;  background-color:rgba(0,0,0,0.9);  right:0; top:0; height:100%; width:0; cursor:pointer;}




.navigation {width:275px; position:fixed; top:64%; right:0; display:flex; flex-wrap:wrap; z-index:9999991; transform:rotate(90deg); /* margin-right:-140px; */ transform-origin:100% 100%;}
.navigation a {position:absolute; top:0; display:inline-block; line-height:70px; height:70px; font-size:15px; color:#fff; letter-spacing:-0.5pt; box-sizing:border-box; background-repeat:no-repeat; transition:all 0.3s;}
.navigation a span {line-height:inherit; letter-spacing:inherit; font-size:inherit; display:none}
.navigation a:hover {line-height:90px; height:90px; transition:all 0.3s;}
.navigation a.navi01 {left:0; width:90px; background-color:#00008B; padding-left:40px; background-image:url("/storage/img/navi_icon01.png"); background-position:center left 15px;}
.navigation a.navi02 {right:0; font-family:'urbane', sans-serif; letter-spacing:0; width:185px; background-color: #006dea; padding-left:55px; background-image:url("/storage/img/navi_icon02.png"); background-position:center left 28px;}



/**  코딩시 지우지 말 것 **/

/* 게시판 페이징 */
.page_num { position: relative; width: 100%; text-align: center; padding:60px 0 0 0;}
.page_num ul.pagination { display: inline-block; padding:0; margin:0;}
.page_num ul.pagination li { display: inline-block;  vertical-align:middle;}
.page_num ul.pagination li .arrow {display:block; width:30px; height:30px; border:1px solid #ddd; box-sizing:border-box;}
.page_num ul.pagination li a {font-family:'Archivo',  sans-serif; position: relative; font-size:1rem; color:rgba(34,34,34,0.5); font-weight:500;}
.page_num ul.pagination li a.page_prev2{background:url('/storage/img/prev2.png') center no-repeat;}
.page_num ul.pagination li a.page_prev{background:url('/storage/img/prev.png') center no-repeat; margin-right:5px;}
.page_num ul.pagination li a.page_next2{background:url('/storage/img/next2.png') center no-repeat;}
.page_num ul.pagination li a.page_next{background:url('/storage/img/next.png') center no-repeat; margin-left:5px;}
.page_num ul.pagination li a.num {margin:0 13px;}
.page_num ul.pagination li a.active {color: #111; font-weight:700;}
.page_num ul.pagination li a.active:after{width:100%; height:2px; background:#222; display:block; content:''; position: absolute; bottom:-3px; left:0}


/* 에러페이지 */
#error {position:absolute; border:1px solid #ddd; width:500px; padding:200px 50px 50px 50px; text-align:center; background:url('/storage/img/warning_icon.gif') center 50px no-repeat; left:50%; margin-left:-300px; top:49%; margin-top:-203px; box-shadow:0px 5px 0 #f6f6f6;} /*  -moz-transform:translateY(-49%); -ms-transform:translateY(-49%); -webkit-transform:translateY(-49%); transform:translateY(-49%); */
#error h1 {color:#333; font-family:"NanumGothic", "NG", MalgunGothic, Dotum, Arial, sans-serif; margin:0; letter-spacing:-0.5pt;}
#error h1 span {color:#cc141d;}
#error div {color:#666; font-size:18px; letter-spacing:-0.5pt; margin-top:30px; padding-top:30px; line-height:150%; border-top:1px dashed #ccc;}



/* 팝업 */
.popupWrap{position:fixed; left:0; top:0; overflow:hidden; width:100%; height:100vh; z-index:9999999999999999; transition:all .3s linear; visibility:hidden; opacity:0;}
.popupWrap.show{visibility:visible; opacity:1;}
.popupWrap .bg{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7);}
.popupWrap .popup_in{position:absolute; left:50%; top:50%; max-width:880px; min-height:calc(100vh - 200px); max-height:calc(100vh - 200px); height:100%; width:100%; overflow: hidden; background:#fff; transform:translate(-50%,-50%); box-sizing:border-box; padding:60px 40px 60px 50px; border-radius:30px; margin: 150px 0 0; opacity:0; transition:all .3s linear;}
.popupWrap .popup_in.two{padding:70px 0;}
.popupWrap.show .popup_in{margin: 0; opacity:1; transition:all .3s linear;}
.popupWrap .content-md{height:calc(100% - 70px); overflow: hidden;}
.popupWrap .popup_in h2{text-align:center; font-size:32px; color:#000; padding:0 0 25px; line-height:140%; letter-spacing:-1pt;}
.popupWrap .popup_in .popupClose{position:absolute; right:30px; top:30px; background:#000; color:#000; font-size:15px; cursor:pointer; z-index:99; padding:10px; border-radius:50%;}
.popupWrap .popup_in .popup_cont{color:#777; font-size:1rem;}

.mCSB_inside > .mCSB_container{margin-right:20px !important;}
.mCSB_scrollTools a + .mCSB_draggerContainer{margin:0 !important;}
.mCSB_scrollTool{right: -20px !important;}

.policy_table{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #222; margin-bottom:30px}
.policy_table th{text-align:center; font-size:15px; font-weight: 500; letter-spacing:-0.35pt; color:#222; background:#f9f9f9; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px; box-sizing:border-box;}
.policy_table td{text-align:left; font-size:15px; letter-spacing:-0.35pt; color:#666; background:#fff; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px; box-sizing:border-box; word-break:keep-all;}
.policy_table th:last-child,
.policy_table td:last-child{border-right:0;}


	/* 이용약관, 개인정보취급방침 */
	.policy_con{position:relative; overflow:hidden; color:#666; background:#fff; font-weight:400;}
	.policy_con .cont_title{font-size:18px; color:#222; padding-bottom:18px; letter-spacing:-1.2pt; font-weight:600;}
	.policy_con p.cont_tit {display:block; font-size:1rem !important; line-height:140%; word-break:keep-all; padding-bottom:10px; font-weight:700; color:#222 !important;}
	.policy_con .cont_txt {padding:0px 0px 40px 0; font-size:0.882rem; letter-spacing:-0.35pt; line-height:160%;}
	.policy_con .cont_txt2 {padding-bottom:40px;}
	.policy_con .cont_box {padding:3%; background:#f0f0f0; border-radius:10px; margin:7px 0px 10px 0px; display:block; font-size:0.882rem; word-break:keep-all; letter-spacing:-0.35pt; line-height:160%; word-break:keep-all;}
	.privacy_list {width:100%; overflow:hidden; clear:both; *zoom:1; padding:3%; border:1px dashed #ddd; border-radius:10px; margin-bottom:30px; box-sizing:border-box;}
	.privacy_list li {width:100%; padding-bottom:1%; font-size:0.882rem; letter-spacing:-0.35pt; line-height:160%;  word-break:keep-all;}
	.policy_con b, .policy_con strong{color:#222; font-weight:500;}



/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) {
#header .langBtn{right: 180px;}

}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1400px) {

.w1340 {width:90% !important;}
#header .langBtn{right: 160px;}
}
/*******************************************************************************
	@media ~1100px
*******************************************************************************/
@media all and (max-width:1200px) {

/* 팝업 */
.popupWrap .popup_in{max-width:94%; min-height:calc(100vh - 100px); max-height:calc(100vh - 100px); padding:40px 30px;}
.popupWrap .popup_in h2{font-size:28px; padding:0 0 20px;}

.popupWrap .content-md{height:calc(100% - 60px);}


}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) {


body,html{font-size:15px;}
table {font-size:15px;}
table caption {font-size:15px;}

.none980 {display:none !important;}
.show980 {display:block !important;}

.compad {padding:120px 0; box-sizing:border-box;}
.compad_t {padding:120px 0 0; box-sizing:border-box;}
.compad_b {padding:0 0 120px; box-sizing:border-box;}


#header .header_in h1 {padding:30px 0 20px;}
		#header .header_in .sitemap {top:40px;}
		#header .langBtn{right: 145px; top: 32px}

#menuArea h2 {padding:30px 0 20px;}
.menu_top .btnMenu_mClose{top:30px; right:5%;}
.menu_top .btnMenu_mClose  img {margin-left:15px;}


#footer {padding:20px 0;}
#footer .basicCont p {margin:9px 0 0;}
#footer .basicCont .other{right:290px; top:10px}


/* 이용약관, 개인정보취급방침 */
.policy_con{}
.policy_con p.cont_tit {font-size:1.2em !important; padding-bottom:5px;}
.policy_con .cont_txt {padding:0px 0px 25px 0; font-size:1rem;}
.policy_con .cont_txt2 {padding-bottom:25px;}
.policy_con .cont_box {padding:18px 18px; font-size:1rem;}
.privacy_list {margin-bottom:30px;}
.privacy_list li{font-size:1rem;}


}
/*******************************************************************************
	@media 681 ~ 768px
*******************************************************************************/
@media all and (max-width:768px) {

}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) {

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{line-height:145%;} /* delete vertical-align,font:inherit; */
body,html{font-size:13px;  font-weight:normal;}
table {font-size:13px;}
table caption {font-size:13px;}
tbody,tfoot,thead,tr,th,td {line-height:145%}
select {background: url("/storage/img/cat_arrow_bk.png") no-repeat right 10px center !important;}


.compad {padding:70px 0; box-sizing:border-box;}
.compad_t {padding:70px 0 0; box-sizing:border-box;}
.compad_b {padding:0 0 70px; box-sizing:border-box;}
br.block {display:block !important;}

#header .header_in h1 {padding:20px 0 15px;}
#header .header_in h1 a {background-size:100%;}
#header .header_in h1 img {width:85px;}

		#header .header_in .sitemap {top:25px; font-size:10px;}
		#header .header_in .sitemap dl dd {width:18px;}
		#header .header_in .sitemap dl dd.two {margin:4px 0;}
		#header .langBtn{right: 115px; top: 13px; width: 80px; height: 36px; line-height: 34px; padding-left: 38px; background-position: 15px center}

#menuArea h2 {padding:20px 0 15px;}
#menuArea h2 img {width:85px;}
.menu_top .btnMenu_mClose{top:25px;   font-size:10px;}
.menu_top .btnMenu_mClose  img {margin-left:8px;}

.list .tWrap a span {margin:0 0 15px; font-size:1.8rem;}

#menuArea .util li {padding:0 15px;}



#sns p {display:none;}
#sns .other{right:215px;}
.sns a {width:35px; height:35px;}
.sns a.sns01 {background-size:17px !important;}
.sns a.sns02 {background-size:14px !important;}
.sns a.sns03 {background-size:16px !important;}

#menuArea #sns {width:215px; transform:translateX(107px);}


#footer {padding:30px 0;}
#footer .basicCont p {display:block; margin:0 0 15px; text-align:center;}
#footer .basicCont .sns {float:none; display:block; text-align:center; margin-left:0;}
#footer .basicCont .other{position:relative; right:0; top:0; width:100%; text-align:center; padding-bottom:20px;}


.navigation {width:138px; top:auto; bottom:100px;}
.navigation a {line-height:50px !important; height:50px !important; font-size:12px;}
.navigation a span {display:inline-block;}
.navigation a:hover {line-height:90px; height:90px; transition:all 0.3s;}
.navigation a.navi01 {width:90px;  padding-left:32px;  background-position:center left 12px; background-size:14px;}
.navigation a.navi02 {width:50px; padding-left:40px; background-position:center left 20px; background-size:12px; font-size:0;}



/* 게시판 페이징 */
.page_num {padding:40px 0 0 0;}
.page_num ul.pagination li .arrow {width:22px; height:22px;}
.page_num ul.pagination li a.page_prev{margin-right:5px;}
.page_num ul.pagination li a.page_next{margin-left:5px;}
.page_num ul.pagination li a.num {margin:0 6px;}



/* 팝업 */
.popupWrap .popup_in{padding:30px 20px; border-radius:20px;}
.popupWrap .popup_in h2{font-size:24px; padding:0 0 15px;}
.popupWrap .popup_in .popupClose{right:8px; top:8px; padding:8px;}

.popupWrap .content-md{height:calc(100% - 50px);}

.policy_table{margin-bottom:20px}
.policy_table th{font-size:13px; padding:8px;}
.policy_table td{font-size:13px; padding:8px}



}
/*******************************************************************************
	@media 361~480px
*******************************************************************************/
@media all and (max-width:480px) {

#sns .other{right:190px;}

.sns a {width:30px; height:30px;}
.sns a.sns01 {background-size:15px !important;}
.sns a.sns02 {background-size:12px !important;}
.sns a.sns03 {background-size:14px !important;}

#header .header_in dl.langBtn{top: 22px; right: 110px;}

}
/*******************************************************************************
	@media ~360px
*******************************************************************************/
@media all and (max-width:360px) {

}