html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td
{margin:0;padding:0;font:14px/1.5 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은고딕', '돋움', Dotum, sans-serif;color:#000;-webkit-text-size-adjust:none;word-break:keep-all}
b, span, strong, input, a, button{font-size:inherit;font-family:inherit;color:inherit}
article, aside, dialog, footer, header, section, footer, nav, figure, hgroup, details, summary, figure, figcaption {display: block;}
cite{display:inline}
html, body {height:100%;} 
body {margin:0px;}
a:link {text-decoration:none;} 
a:visited {text-decoration:none;}
img{border:0;max-width:100%}
label, input, textarea, select{vertical-align:middle}
ol, ul{list-style:none;} 
table{border-collapse:collapse;table-layout:fixed;}
fieldset{border:none}
.skip, legend{position:absolute;left:-1000%;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
button{margin:0;padding:0;border:none;background:none;outline:none;cursor:pointer;display:inline-block;}

/*layout*/
body{background:#ededed}
#container{width:100%;overflow:hidden;padding:144px 0;background:#fff}
#container div.member li input.len {  display:inline-block;border:none;background-color:transparent;font-size:16px;color:#0e296b;font-weight:500;padding:4px 0 4px 0;cursor:pointer; }/*language*/
header{
	position:fixed;top:0;left:0;
	width:100%;padding:0 230px;
	box-sizing:border-box;
	background:#fff;
	box-shadow:0 0 2px rgba(0,0,0,0.2);
	z-index:100
}
header:after{
	content:'';
	position:absolute;top:143px;left:0;
	display:block;width:100%;height:1px;
	background:#0e296b
}
header h1{
	position:absolute;top:31px;left:64px;
	font-size:0
}
header .menu_open,
header .menu_close,
header .nav_bg{display:none}
header .member{position:absolute;top:20px;right:66px;z-index:1}
header .member>ul>li{position:relative;padding-left:15px;}
header .member>ul>li:before{
	content:'';
	position:absolute;left:0;top:13px;
	display:block;width:6px;height:6px;
	background:#84ccce;border-radius:50%
}
header .member li a{
	display:inline-block;
	padding:4px 0;
	font-size:16px;color:#0e296b;font-weight:500
}
header .member li a.child:after{
	content:'';
	display:inline-block;width:11px;height:11px;
	margin:8px 0 0 8px;
	background:url(../img/open.png) no-repeat center;
	vertical-align:top;transition:.3s
}
header .member li a.child.open:after{transform:rotate(-180deg)}
header>.member li ul{
	display:none;
	position:absolute;left:0;
	padding:5px 15px;
	background:#fff;box-shadow:0 0 2px rgba(0,0,0,0.3);
	z-index:1
}
header nav{
	position:relative;
	max-width:1096px;box-sizing:border-box;
	margin:0 auto;overflow:hidden;
}
header nav .member{display:none}
#gnb{text-align:left;font-size:0;margin-left:70px}
#gnb>li{display:inline-block;margin-right:54px;vertical-align:top}
#gnb>li>a{
	position:relative;
	display:block;height:144px;line-height:144px;
	font-size:24px;font-weight:700;color:#0e296b;letter-spacing:0
}
#gnb>li ul{display:none;padding:30px 0 40px;text-align:left;}
#gnb>li ul a{display:inline-block;padding:5px 0;font-size:15px;color:#3a3a3a;letter-spacing:0;font-weight:500}
#gnb>li>a.on,
#gnb>li ul a.on,
.web #gnb li:hover>a,
.web #gnb a:hover{color:#b773ad}
#gnb>li>a.on:after{
	content:'';
	position:absolute;left:0;bottom:0;
	display:block;width:100%;height:3px;
	background:#0e296b;
}
.sv header:after,
.connect header:after,
.sv #gnb>li>a.on:after,
.connect #gnb>li>a.on:after{background:#b773ad}

header .aside{
	position:absolute;top:188px;right:0;
	width:338px;
	font-size:0
}
header .aside li{display:inline-block;margin:0 0 7px 7px;border:1px solid #dadada;font-size:0}

footer{
	position:relative;
	padding:70px;
	background:#ededed
}
footer h2{}
footer h2 a{display:inline-block;margin-right:20px}
footer h2 a b{top: 83px;position: absolute;}
footer button{display:none}
footer p{position:absolute;top:70px;left:70px;font-size:0}
footer p a{
	position:relative;header
	display:inline-block;
	font-size:17px;color:#8a8a8a
}
footer p a+a{margin-left:90px}
footer p a+a:before{
	content:'';
	position:absolute;top:5px;left:-45px;
	display:block;width:1px;height:16px;
	background:#8a8a8a
}
footer ul{max-width:850px;margin-top:100px;font-size:0}
footer ul li{
	position:relative;
	display:inline-block;min-width:400px;
	padding-left:10px;margin-top:5px;
	font-size:14px;color:#8a8a8a
}
footer ul li:before{
	content:'';
	position:absolute;left:0;top:8px;
	display:block;width:3px;height:3px;
	background:#8a8a8a;border-radius:50%
}
footer address{
	position:absolute;bottom:70px;right:64px;
	font-size:14px;color:#8a8a8a;font-style:normal;
}
footer select{
	position:absolute;top:70px;right:64px;
	width:268px;height:40px;
	padding:0 15px;
	border:1px solid #ccc;background-color:#ededed;
	font-size:15px;color:#7e7e7e;
}
footer dt{margin:30px 0 5px;color:#8a8a8a;font-weight:500}
footer dd{padding-left:10px;color:#8a8a8a;}

#contents{
	position:relative;
	max-width:1096px;margin:0 auto;
	padding:0 40px
}

hgroup{
	position:relative;
	min-height:98px;margin:0 -40px
}
hgroup h2{
	height:330px;box-sizing:border-box;
	padding:130px 0 0 50%;
	background-repeat:no-repeat;
	font-family: 'Moebius_en', 'Moebius';font-size:36px;font-weight:600;color:#000;line-height:1.3em;word-break:keep-all
}
hgroup h2 .block{display:block;}
hgroup h2 b{color:#0e296b}
hgroup p{
	position:absolute;top:25px;right:0;
	font-size:14px;color:#949494
}
hgroup p a:after{content:'>';padding:0 5px}
hgroup p b{font-weight:400;color:#000}

article{position:relative;}
article>h2{
	margin:70px 0 20px;
	font-size:28px;font-weight:700;color:#3a3a3a
}

/*font-family: 'Moebius_en', 'Moebius';*/

/*title*/
.title_normal{
	margin:50px 0 10px;
	font-size:21px;font-weight:700;color:#3a3a3a
}
.title_normal_big{
	margin:50px 0 10px;
	font-size:25px;font-weight:700;color:#3a3a3a
}

/*form*/
input.txt{
	box-sizing:border-box;width:100%;height:40px;line-height:40px;
	padding:0 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:1px solid #ccc;border-radius:0px;outline:None;vertical-align:middle;
	font-size:13px;color:#333;cursor:pointer
}
input.txt.t1{width:217px}
textarea{
	box-sizing:border-box;width:100%;height:200px;
	padding:15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:1px solid #ccc;border-radius:0px;outline:None;vertical-align:middle;
	font-size:13px;color:#333;cursor:pointer;resize:none
}
select{
	box-sizing:border-box;width:100%;height:40px;line-height:40px;
	padding-left:15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:#fff url(../img/open2.png) no-repeat right 15px center;
	border:1px solid #ccc;border-radius:0px;outline:None;vertical-align:middle;
	font-size:13px;color:#333;cursor:pointer
}
select::-ms-expand { 
  display: none;
}
label input[type="checkbox"],
label input[type="radio"]{visibility:hidden;position:absolute;}
label input+i{
	display:inline-block;width:24px;height:24px;
	margin:-3px 10px 0 0;
	background:url(../img/board/form_checkbox.png) no-repeat;
	vertical-align:middle;
}
label input[type="radio"]+i{background-image:url(../img/board/form_radio.png)}
label input[type="checkbox"]:checked+i{background-image:url(../img/board/form_checkbox_on.png)}
label input[type="radio"]:checked+i{background-image:url(../img/board/form_radio_on.png)}


/*board*/
.list_table{width:100%;border-top:3px solid #656565}
.list_table th{
	padding:20px 0;
	border-bottom:1px solid #ccc;
	font-size:16px;color:#333;font-weight:500;
}
.list_table td{
	padding:20px 0;
	border-bottom:1px solid #ccc;
	font-size:16px;color:#666;text-align:center;
}
.list_table td.al{text-align:left;}
.list_table td.al a{color:#333}
.list_table td img{display:inline-block;font-size:0;vertical-align:middle;margin-left:10px}
.list_table .noti,
.list_table .noti td{background:#fffdf3}

.write_table{width:100%;border-top:1px solid #ccd}
.write_table th{
	padding:24px 20px 24px 30px;
	border-bottom:1px solid #e4e4e4;
	background:#f7f7f8;
	text-align:left;font-size:16px;color:#333;font-weight:500;vertical-align:top;line-height:1.3em;word-break:keep-all
}
.write_table td{
	height:40px;
	padding:15px 30px;
	border-bottom:1px solid #e4e4e4;
}
.write_table th.critical:after{
	content:'';
	display:inline-block;width:9px;height:10px;
	margin:7px 0 0 5px;
	background:url(../img/board/ico_critical2.png) no-repeat;
	vertical-align:top;
}
.write_table .add_file{font-size:0}
.write_table .add_file input.txt{max-width:calc(100% - 100px)}
.write_table td  label{display:inline-block;min-width:120px}

.view_table{width:100%;border-top:1px solid #e4e4e4}
.view_table th,
.view_table td{padding:20px 0 20px 30px;border-bottom:1px solid #e4e4e4;text-align:left;font-size:16px;color:#666}
.view_table th{background:#f7f7f8;font-weight:500;color:#333}

.gallery_list{border-top:3px solid #656565;font-size:0}
.gallery_list li{display:inline-block;width:calc(33.33% - 20px);margin:56px 0 0 30px;vertical-align:top}
.gallery_list li:nth-child(3n+1){margin-left:0}
.gallery_list li a{display:block;box-shadow:0 0 25px rgba(0,0,0,0.1);border-radius:5px;overflow:hidden;}
.gallery_list li p{position:relative;background-size:cover;font-size:0}
.gallery_list li .video p:after{
	content:'';
	position:absolute;top:30px;left:0;
	width:100%;height:100%;
	background:url(../img/board/play.png) no-repeat center;
}
.gallery_list li dl{padding:22px}
.gallery_list li dl dt{
	margin-bottom:3px;
	font-size:18px;color:#353535;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;
}
.gallery_list li dl dd{
	height:88px;
	font-size:14px;color:#878787;line-height:1.6em;
	overflow: hidden;
	white-space:normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
}

.list_faq{border-top:3px solid #656565;}
.list_faq>li+li{margin-top:9px}
.list_faq>li>a{
	position:relative;
	display:block;
	padding:24px 90px;
	background:#f5f5f5 url(../img/board/ico_q.png) no-repeat 30px 25px;
	font-size:20px;color:#666;line-height:1.3em;font-weight:300
}
.list_faq>li>a b{font-weight:400;color:#ed1d25}
.list_faq>li>a:before,
.list_faq>li>a:after{
	content:'';
	position:absolute;top:50%;right:33px;
	display:block;width:16px;height:2px;
	background:#444
}
.list_faq>li>a:after{transform:rotate(-90deg);transition:.3s}
.list_faq>li>div{
	display:none;
	margin:0 90px;padding:40px 0;
	border-top:1px solid #e4e4e4;
	font-size:16px;color:#666
}
.list_faq>li.on{border:1px solid #434159}
.list_faq>li.on>a{background-color:#fff}
.list_faq>li.on>a:after{transform:rotate(0deg)}

.pagination{margin-top:43px;text-align:center;font-size:0}
.pagination a{
	display:inline-block;width:23px;height:23px;line-height:23px;
	margin:0 3px;
	border:1px solid #e4e4e4;
	text-align:center;font-size:14px;color:#666
}
.pagination a img{margin-top:8px;font-size:0;vertical-align:top}
.pagination a.on{border-color:#3e3c52;background:#3e3c52;color:#fff}

.board_view .head{
	position:relative;
	border-top:3px solid #656565;border-bottom:1px solid #e4e4e4;
}
.board_view .head h3{
	padding:30px 270px 30px 30px;
	font-size:24px;color:#111;letter-spacing:-1px;line-height:1.2em
}
.board_view .head p{
	position:absolute;top:50%;right:30px;
	margin-top:-9px;
	font-size:0
}
.board_view .head p span{
	display:inline-block;
	font-size:13px;color:#666
}
.board_view .head p span b{padding-right:8px;font-weight:500;color:#333}
.board_view .head p span+span:before{content:'l';color:#ddd;padding:0 10px;}
.board_view .ct{padding:60px 25px;font-size:14px;color:#666}
.board_view .ct img{display:block;margin:0 auto}

.files{
	position:relative;
	padding:10px 0 10px 170px;
	border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;
}
.files dt{
	position:absolute;top:0;left:0;
	width:138px;height:100%;
	border-right:1px solid #e4e4e4;
	text-align:center;font-size:16px;color:#333;
}
.files dt b{
	position:absolute;top:50%;left:0;
	display:inline-block;width:100%;
	margin-top:-14px;
	text-align:center;font-weight:500
}
.files dd{
	padding:3px 0 3px 19px;
	background:url(../img/board/ico_file.png) no-repeat 0 center;
}
.files dd a{font-size:14px;color:#666}
.files+dl.more{margin-top:30px}
dl.more{border-top:1px solid #a9a9a9;border-bottom:1px solid #a9a9a9;font-size:0}
dl.more dt{
	display:inline-block;width:138px;height:70px;line-height:70px;
	box-sizing:border-box;
	padding-left:30px;
	border-right:1px solid #e4e4e4;
	font-size:16px;color:#333;font-weight:500;vertical-align:top
}
dl.more dd+dt,
dl.more dd+dt+dd{border-top:1px solid #e4e4e4;}
dl.more dd{
	display:inline-block;width:calc(100% - 139px);height:70px;line-height:70px;
	box-sizing:border-box;
	padding-left:30px;
	font-size:16px;color:#666;vertical-align:top;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;
}
.search_box{
	position:absolute;right:0;
	margin-top:-60px;
	font-size:0
}
.search_box b,
.search_box a{
	display:inline-block;height:40px;line-height:40px;
	font-size:14px;color:#666;font-weight:400;vertical-align:top
}
.search_box select{
	width:133px;vertical-align:top;
	margin-left:10px
}
.search_box input.txt{width:217px;margin-left:8px;vertical-align:top}
.search_box a{width:63px;margin-left:10px;background:#434159;font-size:13px;color:#fff;text-align:center;}

/*btns*/
.btn_c{margin-top:48px;text-align:center;font-size:0}
.btn_c a{
	display:inline-block;min-width:140px;height:55px;line-height:55px;
	box-sizing:border-box;
	padding:0 20px;margin:0 5px;
	background:#434159;
	font-size:18px;text-align:center;font-weight:400;color:#fff
}
a.gray{background:#444}

.btn_board{
	position:relative;
	display:inline-block;min-width:90px;height:40px;line-height:40px;
	box-sizing:border-box;
	margin-left:10px;padding:0 15px;
	background:#434159;
	text-align:center;font-size:13px;color:#fff;font-weight:500;vertical-align:middle
}
.btn_board input{position:absolute;top:0;right:0;width:200%;height:100%;opacity:0;cursor:pointer}


/*tab*/
.tab_menu_wrap{border-top:3px solid #656565;}
.tab_menu_wrap .tab_menu{border-top:0;table-layout:auto}
.tab_menu{display:table;table-layout:fixed;width:100%;border-top:3px solid #656565;}
.web .tab_menu,
.tablet .tab_menu{width:100% !important}
.tab_menu li{display:table-cell;}
.tab_menu li a{
	display:block;height:78px;line-height:78px;
	border-bottom:2px solid #f1f1f1;
	text-align:center;font-size:18px;color:#797979
}
.tab_menu li a.on{border-color:#656565;color:#3a3a3a}

.tab_scroll_menu{width:calc(100% + 1px);display:table;table-layout:fixed;margin-bottom:68px;}
.tab_scroll_menu li{display:table-cell;}
.tab_scroll_menu li a{
	display:block;height:58px;line-height:58px;
	border:1px solid #cfcfd5;
	text-align:center;font-size:16px;color:#666
}
.tab_scroll_menu li a.on{position:relative;border-color:#0e296b;background:#0e296b;color:#fff}
.tab_scroll_menu li+li a{border-left:0}

/*etc*/
.point{color:#aa3b9a !important}

.box_radius{
	position:relative;
	width:100%;box-sizing:border-box;overflow:Hidden;
	padding:50px 66px;
	border:1px solid #ccc;border-radius:25px
}
.box_radius+.box_radius{margin-top:70px}
.box_radius_ct{position:relative;}
.box_radius h2{
	margin-bottom:30px;
	font-size:36px;color:#000;font-weight:700;line-height:1.2em;letter-spacing:-1px;
}
.box_radius .sub_title{
	margin:0 0 20px;
	font-size:24px;color:#3a3a3a;font-weight:500;line-height:1.6em;word-break:keep-all
}

.img.m{display:none}

/*pop*/
.pop_wrap{
	position:fixed;top:0;left:0;
	width:100%;height:100%;
	background:rgba(0,0,0,0.5);
	z-index:1000
}
.pop_wrap>div{
	position:absolute;top:50%;left:50%;
	width:100%;max-width:650px;
	transform:translate(-50%, -50%);
	background:#fff;
}
.pop_wrap h2{
	height:80px;line-height:80px;
	padding:0 30px;
	background:#1b2d5a;
	font-size:30px;color:#fff;
}
.pop_wrap .pop_close{
	position:absolute;top:0;right:0;
	width:80px;height:80px;
	background:#162751 url(../img/close2.png) no-repeat center;
	font-size:0
}
.pop_ct{padding:30px}

#personal_info h3,
#terms h3{font-size:16px;color:#333;font-weight:500}
#terms h3{margin-bottom:10px}
#personal_info h3+p{padding:20px 0 30px;font-size:13px;color:#666}
#personal_info .terms{height:334px}
.pop_ct .terms{
	height:500px;box-sizing:border-box;
	overflow:auto;
	padding:20px;
	border:1px solid #ccc;
	background:#f7f7f7;
}
.pop_ct .terms h4{margin-bottom:5px;font-weight:500}
.pop_ct .terms p,
.pop_ct .terms li,
.pop_ct .terms th,
.pop_ct .terms td{font-size:13px;color:#666}
.pop_ct .terms p,
.pop_ct .terms>ul,
.pop_ct .terms div,
.pop_ct .terms dl{margin-bottom:15px}
.pop_ct .terms li{text-indent:-15px;padding-left:15px}
.pop_ct .terms .table_wrap{width:100%;overflow:auto;overflow-y:hidden;}
.pop_ct .terms .table_wrap table{min-width:500px}
.pop_ct .terms table{border:1px solid #767676}
.pop_ct .terms table th,
.pop_ct .terms table td{padding:5px;border:1px solid #767676;text-align:center;}
.pop_ct .terms table td.al{text-align:left;}
.pop_ct .terms dt,
.pop_ct .terms dd{font-size:13px;color:#000;font-weight:500}

#email_refuse .pop_ct p{
	padding:180px 50px 50px;
	background:url(../img/email.png) no-repeat center 80px;
	text-align:center;font-size:16px;color:#666;line-height:1.8em;
}
#email_refuse .pop_ct p b{font-weight:500;color:#ea002c}
#email_refuse .pop_ct p strong{font-weight:500;color:#1b2d5a}


@media all and (max-width:1630px){
	header h1,
	footer p{left:40px}
	footer{padding-left:40px}
}
@media all and (max-width:1400px){
	header .aside{top:159px;width:107px}
	footer ul li{display:block;}
}

@media all and (max-width:1170px){
	header{padding-right:50px}
	hgroup h2 .block{display:inline;}
}

@media all and (max-width:1024px){
	#container{padding:100px 0}
	header{padding:0}
	header:after{top:100px}
	header h1{position:relative;top:0;left:0;text-align:center;}
	header h1 a{display:inline-block;height:100px;line-height:100px;font-size:0}
	header h1 a img{vertical-align:middle;font-size:0}
	header .menu_open{
		position:absolute;top:20px;right:20px;
		display:block;width:60px;height:60px;
		background:url(../img/btn_menu.png) no-repeat center;
		font-size:0
	}
	header .nav_bg{
		position:fixed;top:0;right:0;
		width:100%;height:100%;
		background:rgba(0,0,0,0.5);
		display:block;
		z-index:499;transition:.3s;visibility:hidden;opacity:0
	}
	header nav{
		position:fixed;top:0;right:0;
		width:100%;max-width:480px;height:100%;
		box-sizing:border-box;overflow:auto;
		padding:40px;
		background:#fff;
		transition:.3s;transform:translateX(100%);
		z-index:500
	}
	header>.member{display:none}
	header nav .member{display:block;position:relative;top:0;right:auto;}
	header nav .member li{display:inline-block;margin-right:15px;vertical-align:top}
	header nav .member li .lang{display:none}
	header nav .member li .on{border-bottom:2px solid #0e296b}
	header .member li a{font-size:15px}
	header nav .aside{display:none}
	header .menu_close{
		position:fixed;top:40px;right:20px;
		display:block;width:30px;height:30px;
		background:url(../img/close.png) no-repeat center;
		font-size:0
	}
	#gnb{margin-top:40px;border-bottom:1px solid #e4e4e4;}
	#gnb>li{display:block;margin:0}
	#gnb>li>a{position:relative;height:50px;line-height:50px;border-top:1px solid #e4e4e4;text-align:center;font-size:22px}
	#gnb>li ul{background:#f7f7f7;padding:0;text-align:center;}
	#gnb>li ul	a{display:block;height:40px;line-height:40px;border-top:1px solid #e4e4e4;}
	#gnb>li>a.on:after{display:none}
	#gnb>li>a.on:before{background:#b773ad}
	#gnb>li>a.on+ul{display:block}
	
	
	footer ul{margin-top:50px}
	footer p,
	footer select,
	footer address{position:relative;top:0;left:0;right:auto;margin-top:15px;}

	hgroup{min-height:20px;margin:0 -40px}
	hgroup h2{padding:130px 50px 0;text-align:center;text-shadow:0 0 10px #fff}
	hgroup p{display:none}

	.menu_on header .nav_bg{visibility:visible;opacity:1}
	.menu_on header nav{transform:translateX(0);}

	/*board*/
	.write_table th{padding:24px 10px 24px 20px}
	.write_table td{height:auto;padding:15px}
	.board_view .head h3{padding:20px}
	.board_view .head p{position:relative;top:0;right:0;margin:0;padding:0 20px 20px}

	/*tab*/
	.tab_menu_wrap{width:100%;overflow:auto;overflow-y:hidden;}
	.tab_menu_wrap .tab_menu{display:block;white-space:nowrap;font-size:0}
	.tab_menu_wrap .tab_menu li{display:inline-block;}
	.tab_menu li a{height:60px;line-height:60px;padding:0 15px;font-size:18px;}
	.tab_scroll_menu li{vertical-align:middle}
	.tab_scroll_menu li a{display:table;width:100%}
	.tab_scroll_menu li a span{display:table-cell;height:50px;line-height:1.2em;vertical-align:middle}
	

	/*etc*/
	.box_radius{padding:40px}
	.box_radius h2{font-size:32px}

}

@media all and (max-width:760px){
	#container{padding:60px 0}
	header:after{top:60px}
	header h1 a{height:60px;line-height:60px}
	header h1 a img{height:28px}
	header .menu_open{top:0;right:0;background-size:auto 16px}
	header nav{padding:30px 20px}
	header .member li a{font-size:13px;}
	header nav .member li{margin-right:10px}
	header .member>ul>li{padding-left:10px}
	header .member>ul>li:before{width:4px;height:4px;}
	header .member>ul+ul>li+li{padding-left:5px}
	header .member>ul+ul>li+li:before{display:none;}
	header .menu_close{top:30px;background-size:55% auto;z-index: 999;}
	#gnb{margin-top:30px}
	#gnb>li>a{font-size:17px;}
	#gnb>li ul a{height:35px;line-height:35px}
	
	footer{padding:25px 20px}
	footer button{display:block;font-size:13px;color:#8a8a8a;font-weight:500;letter-spacing:-1px;}
	footer button:after{
		content:'';
		display:inline-block;width:10px;height:10px;
		margin:5px 0 0 5px;
		background:url(../img/open2.png) no-repeat center;background-size:80% auto;
		vertical-align:top
	}
	footer button.open:after{transform:rotate(-180deg)}
	footer button.open+ul{display:block;}
	footer h2 {top:30px;right:20px}
	footer h2 img{height:23px}
	footer ul{margin:20px 0 20px;display:none;}
	footer ul li{letter-spacing:-1px;min-width:100px}
	footer select{width:100%;margin:25px 0}
	footer p a{font-size:13px;letter-spacing:-1px}
	footer p a+a{margin-left:20px}
	footer p a+a:before{display:none}
	footer address{margin-top:10px;font-size:13px}
	footer dt{margin-top:20px;}
	footer dt, footer dd{font-size:13px}

	#contents{padding:0 15px;}
	article>h2{margin:20px 0 15px;font-size:19px;}
	hgroup{margin:0 -20px}
	hgroup h2{height:150px;padding:55px 20px 0;background-size:auto 100%;text-align:center;font-size:20px;}

	.img.w{display:none}
	.img.m{display:block}

	/*title*/
	.title_normal{margin:40px 0 10px;font-size:18px;	}
	.title_normal_big{margin:40px 0 10px;font-size:19px;}

	/*form*/
	input.txt.t1{width:100%}
	label input+i{width:18px;height:18px;background-size:100% auto}

	/*board*/
	table [data-cell-header]:before {
		content: attr(data-cell-header);
		display:inline-block;
		padding-right:4px;
		font-size:14px;color:#555;font-weight:600
	}
	.list_table colgroup,
	.list_table thead,
	.write_table colgroup{display:none}
	.list_table tbody,
	.list_table tr,
	.list_table td,
	.write_table tbody,
	.write_table tr,
	.write_table td,
	.write_table th{display:block;text-align:left;border:0}
	.list_table td{display:inline-block;margin-left:10px;padding:0;font-size:14px;}
	.list_table tr{padding:15px 0;border-bottom:1px solid #ccc}
	.list_table td a{border-bottom:1px solid #ddd}
	.list_table td.al{display:block;}
	.list_table td img{max-height:13px;vertical-align:top;margin-top:3px}
	.write_table th{padding:10px 15px;font-size:14px}
	.write_table td{padding:10px 0}
	.write_table th.critical:after{width:5px;height:5px;background-size:100% auto}
	.view_table th,
	.view_table td{padding:15px 0 15px 15px;font-size:14px;}

	.gallery_list li{width:calc(50% - 5px);margin:20px 0 0 10px}
	.gallery_list li:nth-child(3n+1){margin-left:10px}
	.gallery_list li:nth-child(2n+1){margin-left:0}
	.gallery_list li dl{padding:10px}
	.gallery_list li dl dt{font-size:16px}
	.gallery_list li dl dd{height:44px;-webkit-line-clamp:2}

	.list_faq>li>a{padding:14px 40px;background-position:15px 15px;background-size:10px auto;font-size:15px}
	.list_faq>li>a:before, .list_faq>li>a:after{right:15px;width:12px;height:1px}
	.list_faq>li>div{margin:0;padding:20px;font-size:14px;}

	.board_view .head h3{padding:15px 10px;font-size:18px}
	.board_view .head p{padding:0 10px 10px;font-size:15px;}
	.board_view .ct{padding:15px 10px;font-size:14px;}
	
	.files{padding:10px 0}
	.files dt{position:relative;border:0;width:100%;font-size:15px}
	.files dt b{position:relative;display:block;text-align:left;margin:0 0 5px}

	dl.more dt{width:80px;height:50px;line-height:50px;padding:0;text-align:center;font-size:14px;}
	dl.more dd{width:calc(100% - 81px);height:50px;line-height:50px;padding-left:20px;font-size:14px;}

	.search_box{position:relative;margin:0 0 15px;}
	.search_box b{width:50px}
	.search_box select{width:100%;margin:0}
	.search_box input.txt{margin:10px 0 0;width:calc(100% - 100px)}
	.search_box a{width:90px;margin-top:10px}

	/*btns*/
	.btn_c{margin-top:25px}
	.btn_c a {min-width: 100px;padding: 0 15px;height: 40px;line-height: 42px;font-size: 14px;}
	.btn_c.btn2 a{display: block;margin-top: 5px;}
	/*tab*/
	.tab_menu li a{height:50px;line-height:52px;padding:0 10px;font-size:15px}
	.tab_scroll_menu{margin-bottom:40px;}
	.tab_scroll_menu li a{height:50px;line-height:50px;font-size:15px}
	.tab_scroll_menu li a span{height:50px;line-height:1.1em; font-size:13px;letter-spacing:-1px}
	

	/*etc*/
	.box_radius{padding:20px 25px;border-radius:17px}
	.box_radius h2{margin-bottom:15px;font-size:18px}
	.box_radius .sub_title{font-size:15px}
	.box_radius+.box_radius{margin-top:40px}

	/*pop*/
	.pop_wrap h2{position:fixed;top:0;left:0;width:100%;height:50px;line-height:52px;box-sizing:border-box;padding:0 20px;font-size:18px}
	.pop_wrap .pop_close{position:fixed;width:50px;height:50px;background-size:16px auto}
	.pop_wrap>div{position:relative;top:0;left:0;max-width:100%;height:100%;transform:inherit;overflow:auto;box-sizing:border-box;padding-top:50px}
	.pop_ct .terms,
	#personal_info .terms{height:auto;margin-bottom:30px}
	.pop_ct{padding:20px}
	#email_refuse .pop_ct p{
		padding:150px 20px 0;
		background-size:50px auto;font-size:15px;line-height:1.6em;
	}
	
}