@charset "utf-8";
/*@import url('/common/css/layout.css');*/ /* 레이아웃을 정의하는 스타일시트 */
/*@import url('/common/css/board.css');*/ /* 게시판 스타일시트 */
@import url('/common/css/style.css'); /* 전체적인 스타일을 정의하는 기본 속성의 스타일시트 */
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');


html {height: 100%; overflow-y: auto;}
body {margin-top: 0 !important; height: 100%; color: #000; font-family: 'Noto Sans KR', sans-serif;  word-break: break-all; word-wrap: break-word; word-break: keep-all;  }
h1, h2, h3, h4, h5, h6 {}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, button {margin: 0; padding: 0; -webkit-text-size-adjust: none;}
body * {line-height:100%; font-family: 'Noto Sans KR', sans-serif; font-weight:300;}
fieldset, img, abbr, acronym {border: 0 none;}
legend {position: absolute; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
legend.showlegend {position: static; line-height: 14px; font-size: 12px; overflow: visible;}
address, caption, cite, code, dfn, em, var {font-style: normal;}
ol, ul {list-style: none;}
q:before, q:after {content:'';}
table {border-collapse: collapse; border-spacing: 0;}
caption {height: 0; line-height: 0; font-size: 0; overflow: hidden; text-indent: -10000px;}
hr {display: none;}
a { color: #777; text-decoration: none; cursor: pointer;}
img { max-width: 100%; vertical-align: top;}
button {border: 0 none; background: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}
button, input, select, textarea { color: #555; line-height: 19px; font-size: 15px; vertical-align: middle;}
select { -webkit-border-radius: 0;}
textarea {overflow: auto; resize: none;}

input {-webkit-border-radius:1px; }
/* -webkit-appearance:none; */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {cursor: pointer; overflow: visible; -webkit-appearance: button;}
/*input[type="checkbox"],*/
/*input[type="radio"] {display:none;}*/
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

input::-webkit-input-placeholder{color:#555;}
input:-moz-input-placeholder{color:#555;}
input::-moz-input-placeholder{color:#555;}
input:-ms-input-placeholder{color:#555;}

/* input[type='file'] */
.file_box:after {display:block; clear:both; content:'';}
.file_box input[type='file'] {display:none;}
.file_box input[type='text'] {float:left;}
.file_box input[type='button'] {float:right; background-color:#fff; border:1px solid #646464; box-sizing:border-box; display:inline-block;}
.file_box input[type='button']:focus {outline:0;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, object {display: block; margin: 0; padding: 0;}
audio[controls], canvas, video {display: inline-block; *display: inline; *zoom: 1;}

/* Disable orange highlight */
label, a, button {-o-tap-highlight-color:rgba(0, 0, 0, 0);-ms-tap-highlight-color:rgba(0, 0, 0, 0);-moz-tap-highlight-color rgba(0, 0, 0, 0);-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

/* background color */
.purple {color:#fff; background-color:#764897 !important;}
.green {color:#fff; background-color:#86bc24 !important;}

/* margin */
.mt15 {margin-top:15px !important;}

/* button */
a[class*='btn_'], button[class*='btn_'] {display:inline-block;}
a[class*='btn_'] span, button[class*='btn_'] span {height:100%; text-align:center; display:block;}

/* color */
.txt_sky {color:#00afcb !important;}

/* align */
.ac {text-align:center !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}

/* global */
.none {display:none;}
.hidden {position: absolute; top: 0; left: -9999px; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999px; overflow: hidden;}
.fl {float:left;}
.fr {float:right;}
.left {text-align:left !important;}
.center {text-align:center !important;}
.right {text-align:right !important;}
.block {display:block;}
.inblock {display:inline-block;}
.clear:after {content:""; display:block; clear:both;}
.ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.bold {font-weight: bold; }

/* 건너뛰기 네비게이션 */
#skip_nav {width: 100%; height: 0; text-align: center; overflow: hidden;}
#skip_nav a {color: #fff; font-size: 16px; line-height: 30px; float: left;}
#skip_nav a:focus, 
#skip_nav a:hover, 
#skip_nav a:active {position: absolute; top: 0; left: 0; width: 100%; height: 30px; text-decoration: underline; background-color: #000; overflow: visible; z-index: 9999;}

[class*='table_type'] {width:100%;}
[class*='table_type'] .no, [class*='table_type'] .date {text-align:center;}
.table_type01 {border-top:1px solid #646464;}
.table_type01 thead th {padding:6px 0 8px 0; color:#333; background-color:#f5f6f8;}
.table_type01 th, .table_type01 td {padding:6px 29px 10px 29px; color:#646464; line-height:26px; border-bottom:1px solid #dcdcdc;}
.table_type01 th + th, .table_type01 th + td, .table_type01 td + td {border-left:1px solid #dcdcdc;}

.table_type02 {border-top:1px solid #646464;}
.table_type02 thead th {padding:6px 0 8px 0; color:#333; background-color:#f5f6f8;}
.table_type02 th, .table_type02 td {padding:10px 29px 12px 29px; color:#646464; font-size:16px; line-height:26px; border-bottom:1px solid #dcdcdc;}

.search {position:relative;}
.search:after {clear:both; content:''; display:block;}
.search .btn_search {font-size:0; position:absolute; right:1px;}
.search .btn_search:before {background-image:url('../../images/common/icon_collection.png'); content:''; position:absolute; top:50%; right:50%; display:inline-block;}

.placeholder {position:relative;}
.placeholder input[type='number'] + label, .placeholder input[type='text'] + label, .placeholder input[type='password'] + label, .placeholder input[type='tel'] + label,  .placeholder textarea + label, .placeholder input[type='email'] + label {position:absolute; top:50%;}
.placeholder input[type='text']:focus, .placeholder input[type='password']:focus, .placeholder input[type='tel']:focus {outline:none;}
.placeholder input[type='number']:focus + label, .placeholder input[type='text']:focus + label, .placeholder input[type='password']:focus + label, .placeholder input[type='tel']:focus + label,  .placeholder textarea:focus + label. .placeholder input[type='email']:focus {display:none !important;}

/*input[type='checkbox'] + label:before, input[type='radio'] + label:before {display:inline-block; margin-top:-3px; margin-right:10px; background-image:url('../../images/common/input_collection.png'); content:''; vertical-align:middle;}*/

input[type='checkbox'] + label:before {width:18px; height:18px; background-position:0 0;}
input[type='checkbox']:checked + label:before {background-position:-30px 0;}
input[type='radio'] + label:before {width:20px; height:20px; background-position:0 -80px;}
input[type='radio']:checked + label:before {background-position:-30px -80px;}

/* layerpop */
#pop_wrap {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:1000; background-color:rgba(0,0,0,0.3);}
#pop_wrap.active {display:block;}
#pop_inner {background-color:#fff; position:absolute; top:50%; left:50%; opacity:0; transition:opacity 0.1s;}
#pop_footer {text-align:center;}

.bullet_list li:before {display:inline-block; margin-right:10px; margin-top:-3px; width:3px; height:3px; background-color:#646464; border-radius:50%; content:''; vertical-align:middle;}

@media screen and (min-width: 1200px) {
	#header {width:100%; position:relative; z-index:100;}
	#header .inner {max-width:1920px; margin:0 auto; position:relative;}
	#header:after {clear:both; content:''; display:block;}
	#header h1 {position:absolute; top:29px; left:105px; z-index:2;}
	#header #gnb {margin-right:280px; padding-top:28px; float:right;}
	#header .g_menu > li {float:left;}
	#header .g_menu > li > a {margin:0 25px; padding-top:9px; padding-bottom:34px; color:#000; font-size:18px; font-weight:400; border-top:2px solid transparent; display:inline-block;}
	#header .g_menu > li > a.active, #header .g_menu li a:hover {border-color:#5b37b0;}
	#header .g_menu ul {width:100%; text-align:right; position:fixed; top:89px; right:0; z-index:1; display:none;}
	#header .g_menu ul:after {height:53px; background-color:rgba(255,255,255,0.8); position:fixed; top:89px; right:0; left:0; z-index:-1; content:'';}

	#header .g_menu > li.active ul, #header .g_menu li:hover ul {display:block;}
	#header .g_menu ul li {display:inline-block;}
	#header .g_menu ul li a {padding:20px 15px; color:#666; font-size:14px; font-weight:400; display:block;}
	#header .g_menu ul li:hover a {color:#5b37b0;}

	#header.fixed {background-color:#fff; position:fixed; top:0;}
	#header.fixed h1 {top:5px;max-width:59px;}
	#header.fixed h1 img {}

	#footer {padding:50px 0; background-color:#231f20;}
	#footer .inner {max-width:1920px; margin:0 auto; padding:0 98px; box-sizing:border-box;}
	#footer .inner:after {clear:both; content:''; display:block;}
	#footer h1 {float:left;}
	#footer h1 img {max-width:75%;}
	#footer .inner div {margin-left:60px; padding-top:30px; color:#fff; font-size:14px; font-weight:200; float:left;}
	#footer .inner div a {color:#fff;}
	#footer .inner p a {font-size:15px;}
	#footer .inner p a:before, #footer .inner li:before {height:10px; margin-top:-3px; margin-left:5px; padding-left:5px; border-left:1px solid #fff; vertical-align:middle; content:''; display:inline-block;}
	#footer .inner p a:first-child:before, #footer .inner li:first-child:before {display:none;}
	#footer .inner p + ul {margin-top:10px;}
	#footer .inner ul + p {margin-top:14px;}
	#footer .inner ul:after {clear:both; content:''; display:block;}
	#footer .inner li {margin-top:14px; float:left;}

	/* layerpop */
	#pop_header {padding:40px 0 20px; text-align:center; position:relative;}
	#pop_header h2 {margin:0; font-size:30px; font-weight:500;}
	#pop_header .pop_close {width:25px; height:16px; font-size:0; border-top:0; box-sizing:border-box; position:absolute; top:20px; right:20px; z-index:1; display:inline-block; transition:all 0.2s;}
	#pop_header .pop_close:before, #pop_header .pop_close:after {width:25px; border-top:2px solid #000; content:''; position:absolute; right:0; display:inline-block; transition:all 0.2s;}
	#pop_header .pop_close:before {bottom:7px; transform:rotate(45deg);}
	#pop_header .pop_close:after {bottom:7px; transform:rotate(-45deg);}

	#pop_container {padding:20px;}

	#pop_footer {padding:40px 0;}

	/* pop::개인정보보호정책 */
	#pop_wrap.privacy #pop_inner {width:600px;}
	#pop_wrap.privacy #pop_inner .graybox {margin:0 -20px; padding:35px 70px; background-color:#f8f8f8;}
	#pop_wrap.privacy #pop_inner .graybox li {margin-top:10px;}
	#pop_wrap.privacy #pop_inner .graybox li * {font-size:18px; vertical-align:middle;}
	#pop_wrap.privacy #pop_inner .graybox li strong {font-weight:500;}
	#pop_wrap.privacy #pop_inner .graybox li strong:after {margin:-10px 2px 0 5px; font-size:18px; font-weight:300; content:':'; vertical-align:middle; display:inline-block;}
	#pop_wrap.privacy #pop_inner .graybox p {margin-top:35px; line-height:27px;}
	#pop_wrap.privacy #pop_inner .graybox + p {margin-top:30px;}
	#pop_wrap.privacy #pop_inner label + input[type='radio'] + label {margin-left:25px;}

	/* button */
	[class*='btn_'] + [class*='btn_'] {padding-left:6px; box-sizing:border-box;}
	.btn_type_m span {height:44px; padding:0 25px; font-size:14px; font-weight:400; line-height:42px; border:1px solid transparent; box-sizing:border-box;}

	.btn_ok span {width:158px; height:45px; color:#fff; line-height:45px; background-color:#5b37b0;}
	.btn_more span {width:286px; height:54px; color:#604897; font-size:18px; font-weight:400; line-height:52px; border:1px solid #604897;}
	.btn_more span:after {margin-top:-4px; margin-left:7px; font-weight:500; content:'+'; vertical-align:middle; display:inline-block;}
	.type_link span {color:#604897; border-color:#604897;}
	.type_submit span {color:#fff; background-color:#604897;}

	.board_btn_area {margin-top:30px; text-align:right;}
	.btn_area {margin-top:30px;}

	/* board */
	.thumb_list01 {margin-top:-40px; margin-left:-43px; padding-bottom:30px;}
	.thumb_list01:after {clear:both; content:''; display:block;}
	.thumb_list01 > li {width:25%; margin-top:40px; padding-left:43px; font-size:18px; box-sizing:border-box; float:left;}
	.thumb_list01 > li > * {text-align:center; display:block;}
	.thumb_list01 > li > * p {height:130px; margin-bottom:20px; background-color:#f5f5f5;}
	.thumb_list01 > li > * p:before {height:100%; vertical-align:middle; content:''; display:inline-block;}
	.thumb_list01 > li > * p img {max-width:100%; max-height:100%; vertical-align:middle;}

	.thumb_list02 {margin-top:-40px; margin-left:-43px; padding-bottom:30px;}
	.thumb_list02:after {clear:both; content:''; display:block;}
	.thumb_list02 > li {width:25%; margin-top:40px; padding-left:43px; font-size:18px; box-sizing:border-box; float:left;}
	.thumb_list02 > li > * {text-align:center; display:block;}
	.thumb_list02 > li > * p {height:260px; margin-bottom:20px; background-color:#f5f5f5;}
	.thumb_list02 > li > * p:before {height:100%; vertical-align:middle; content:''; display:inline-block;}
	.thumb_list02 > li > * p img {max-width:100%; max-height:100%; vertical-align:middle;}
	.thumb_list02 li.full_column {width:100%;}

	.board_list01 {border-top:2px solid #646464; overflow:hidden;}
	.board_list01 li {width:100%; min-height:64px; margin-left:-1px; table-layout:fixed; display:table;}
	.board_list01 li > * {height:100%; padding:0 30px; font-size:18px; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; box-sizing:border-box; vertical-align:middle; display:table-cell;}
	.board_list01 li > .title {font-weight:400; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.board_list01 li > .no {width:150px; text-align:center;}
	.board_list01 li > .date {width:195px; text-align:center;}

	.board_list01 .board_header strong {font-weight:500;}
	.board_list01 .board_header li > * {background-color:#fafafa; text-align:center;}

	.board_view01 {border-top:2px solid #646464; overflow:hidden;}
	.board_view01 .board_header {margin-left:-1px;}
	.board_view01 .board_header:after {clear:both; content:''; display:block;}
	.board_view01 .board_header li {min-height:64px; border-bottom:1px solid #dcdcdc; float:left; table-layout:fixed; display:table;}
	.board_view01 .board_header li.full {width:100%;}
	.board_view01 .board_header li.w50 {width:50%;}
	.board_view01 .board_header li > * {height:100%; padding:0 30px; font-size:18px; box-sizing:border-box; vertical-align:middle; display:table-cell;}
	.board_view01 .board_header li strong {width:200px; border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc; background-color:#fafafa;}

	.board_footer li {width:100%; min-height:61px; border-bottom:1px solid #dcdcdc; table-layout:fixed; display:table;}
	.board_footer li * {height:100%; padding:0 30px; font-size:18px; box-sizing:border-box; vertical-align:middle; display:table-cell;}
	.board_footer li a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.board_footer li strong {width:120px; color:#333; font-size:15px; font-weight:600; position:relative;}
	.board_footer li strong:before {width:7px; height:4px; margin-top:-3px; margin-right:10px; background:url('../../images/common/icon_collection.png') -280px 0; content:''; vertical-align:middle; display:inline-block;}
	.board_footer li.next strong:before {transform:rotate(180deg);}
	.board_footer li .date {width:150px; font-size:15px; text-align:center;}

	.board_content {min-height:320px; padding:30px; line-height:1.5; border-bottom:1px solid #dcdcdc; box-sizing:border-box;}

	.file_area {width:100%; min-height:60px; background-color:#f5f6f8; border-bottom:1px solid #dcdcdc; display:table;}
	.file_area * {height:100%; padding:0 30px; box-sizing:border-box; vertical-align:middle; display:table-cell;}
	.file_area *:before {width:20px; height:21px; margin-top:-3px; margin-right:11px; background:url('../../images/common/icon_collection.png') -70px -50px; content:''; vertical-align:middle; display:inline-block;}


	.paging {margin-top:60px; text-align:center;}
	.paging * {color:#717171; margin:0 15px; padding:0 3px; font-weight:400; vertical-align:middle; display:inline-block;}
	.paging strong {color:#4e5ca3;}
	.paging [class*='btn_'] {width:33px; height:33px; margin:0; padding:0; font-size:0; border:1px solid #e5e5e5; box-sizing:border-box; position:relative;}
	.paging [class*='btn_']:before {width:11px; height:9px; margin-top:-4px; margin-left:-5px; background-image:url('../../images/common/icon_collection.png'); position:absolute; top:50%; left:50%; content:''; display:inline-block;}
	.paging .btn_next:before, .paging .btn_prev:before {background-position:-167px 0;}
	.paging .btn_last:before, .paging .btn_first:before {background-position:-140px 0;}
	.paging .btn_next:before, .paging .btn_last:before {transform:rotate(180deg);}

	.paging [class*='btn_']:hover {background-color:#604897; border-color:#604897;}
	.paging .btn_next:hover:before, .paging .btn_prev:hover:before {background-position:-167px -20px;}
	.paging .btn_last:hover:before, .paging .btn_first:hover:before {background-position:-140px -20px;}
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
	body.active {position:fixed; overflow:hidden;}
	#header {width:100%; height:85px; position:relative; z-index:100;}
	#header .inner {width:100%; margin:0 auto;}
	#header:after {clear:both; content:''; display:block;}
	#header h1 {width:105px; position:absolute; top:29px; left:65px; z-index:2;}
	#header #gnb {padding-top:28px; float:right;}
	/*#header .g_menu > li {float:left;}
	#header .g_menu > li > a {margin:0 22px; padding-top:9px; padding-bottom:34px; color:#000; font-size:16px; font-weight:400; border-top:2px solid transparent; display:inline-block;}
	#header .g_menu > li > a.active, #header .g_menu li a:hover {border-color:#5b37b0;}
	#header .g_menu ul {width:100%; box-sizing:border-box; text-align:right; position:fixed; top:89px; right:0; z-index:1; display:none;}
	#header .g_menu ul:after {height:53px; background-color:rgba(255,255,255,0.8); position:fixed; top:89px; right:0; left:0; z-index:-1; content:'';}

	#header .g_menu > li.active ul, #header .g_menu li:hover ul {display:block;}
	#header .g_menu ul li {display:inline-block;}
	#header .g_menu ul li a {padding:20px 10px; color:#666; font-size:14px; font-weight:400; display:block;}
	#header .g_menu ul li:hover a {color:#5b37b0;}*/

	#header .g_menu {padding-top:80px; position:fixed; top:0; right:-100%; bottom:0; left:100%; z-index:1; transition:all 0.2s;}
	#header .g_menu > li > a {margin:0 22px; padding-top:10px; padding-bottom:10px; color:#000; font-size:22px; font-weight:400; border-top:2px solid transparent; display:block;}
	/*#header .g_menu > li > a.active, #header .g_menu li a:hover {border-color:#5b37b0;}*/
	#header .g_menu ul {margin-left:22px; margin-bottom:10px; display:none;}
	#header .g_menu ul a {padding:8px 0; font-size:18px; display:block;}
	#header #gnb a.site_map {width:36px; height:26px; margin-top:-8px; font-size:0; border-top:3px solid #000; box-sizing:border-box; position:absolute; top:50%; right:20px; z-index:2; display:inline-block; transition:all 0.2s;}
	#header #gnb a.site_map:before, #header #gnb a.site_map:after {width:36px; border-top:3px solid #000; content:''; position:absolute; display:inline-block; transition:all 0.2s;}
	#header #gnb a.site_map:before {bottom:0;}
	#header #gnb a.site_map:after {bottom:12px;}

	#header #gnb.active:after {background-color:rgba(0,0,0,0.6); content:''; position:fixed; top:0; right:0; bottom:0; left:0; z-index:0;}
	#header #gnb.active .g_menu {background-color:#fff; right:0; left:10%; z-index:2;}

	#header #gnb.active a.site_map {border-top:0; transition:all 0.2s;}
	#header #gnb.active a.site_map:before, #header #gnb.active a.site_map:after {transition:all 0.2s;}
	#header #gnb.active a.site_map:before {bottom:7px; transform:rotate(45deg);}
	#header #gnb.active a.site_map:after {bottom:7px; transform:rotate(-45deg);}

	#header.fixed {position:fixed; top:0;}
	#header.fixed h1 {top:5px; left:15px; transition:all 0.2s;}
	#header.fixed h1 img {}

	#header.fixed {background-color:#fff; position:fixed; top:0;}
	#header.fixed h1 {top:5px;}
	#header.fixed h1 img {}

	#footer {padding:50px 0; background-color:#231f20;}
	#footer .inner {width:100%; margin:0 auto; padding:0 50px; box-sizing:border-box; position:relative;}
	#footer .inner:after {clear:both; content:''; display:block;}
	#footer h1 {position:absolute; top:0;}
	#footer h1 img {max-width:60%;}
	#footer .inner div {margin-left:110px; padding-top:20px; color:#fff; font-size:14px; font-weight:200;}
	#footer .inner div a {color:#fff;}
	#footer .inner p a {font-size:15px;}
	#footer .inner p a:before, #footer .inner li:before {height:10px; margin-top:-3px; margin-left:5px; padding-left:5px; border-left:1px solid #fff; vertical-align:middle; content:''; display:inline-block;}
	#footer .inner p a:first-child:before, #footer .inner li:first-child:before {display:none;}
	#footer .inner p + ul {margin-top:10px;}
	#footer .inner ul + p {margin-top:14px;}
	#footer .inner ul:after {clear:both; content:''; display:block;}
	#footer .inner li {margin-top:14px; float:left;}

	.content {width:100%; margin:0 auto; padding:0 15px; box-sizing:border-box;}

	/* layerpop */
	#pop_header {padding:40px 0 20px; text-align:center; position:relative;}
	#pop_header h2 {margin:0; font-size:30px; font-weight:500;}
	#pop_header .pop_close {width:25px; height:16px; font-size:0; border-top:0; box-sizing:border-box; position:absolute; top:20px; right:20px; z-index:1; display:inline-block; transition:all 0.2s;}
	#pop_header .pop_close:before, #pop_header .pop_close:after {width:25px; border-top:2px solid #000; content:''; position:absolute; right:0; display:inline-block; transition:all 0.2s;}
	#pop_header .pop_close:before {bottom:7px; transform:rotate(45deg);}
	#pop_header .pop_close:after {bottom:7px; transform:rotate(-45deg);}

	#pop_container {padding:20px;}

	#pop_footer {padding:40px 0;}

	/* pop::개인정보보호정책 */
	#pop_wrap.privacy #pop_inner {width:600px;}
	#pop_wrap.privacy #pop_inner .graybox {margin:0 -20px; padding:35px 70px; background-color:#f8f8f8;}
	#pop_wrap.privacy #pop_inner .graybox li {margin-top:10px;}
	#pop_wrap.privacy #pop_inner .graybox li * {font-size:18px; vertical-align:middle;}
	#pop_wrap.privacy #pop_inner .graybox li strong {font-weight:500;}
	#pop_wrap.privacy #pop_inner .graybox li strong:after {margin:-10px 2px 0 5px; font-size:18px; font-weight:300; content:':'; vertical-align:middle; display:inline-block;}
	#pop_wrap.privacy #pop_inner .graybox p {margin-top:35px; line-height:27px;}
	#pop_wrap.privacy #pop_inner .graybox + p {margin-top:30px;}
	#pop_wrap.privacy #pop_inner label + input[type='radio'] + label {margin-left:25px;}

	/* button */
	[class*='btn_'] + [class*='btn_'] {padding-left:6px; box-sizing:border-box;}
	.btn_type_m span {height:44px; padding:0 25px; font-size:14px; font-weight:400; line-height:42px; border:1px solid transparent; box-sizing:border-box;}

	.btn_ok span {width:158px; height:45px; color:#fff; line-height:45px; background-color:#5b37b0;}
	.btn_more span {width:186px; height:54px; color:#604897; font-size:18px; font-weight:400; line-height:52px; border:1px solid #604897;}
	.btn_more span:after {margin-top:-4px; margin-left:7px; font-weight:500; content:'+'; vertical-align:middle; display:inline-block;}
	.type_link span {color:#604897; border-color:#604897;}
	.type_submit span {color:#fff; background-color:#604897;}

	.board_btn_area {margin-top:30px; text-align:right;}
	.btn_area {margin-top:30px;}

	/* board */
	.thumb_list01 {margin-top:-40px; margin-left:-33px; padding-bottom:30px;}
	.thumb_list01:after {clear:both; content:''; display:block;}
	.thumb_list01 > li {width:33.333%; margin-top:40px; padding-left:33px; font-size:18px; box-sizing:border-box; float:left;}
	.thumb_list01 > li > * {text-align:center; display:block;}
	.thumb_list01 > li > * p {height:260px; margin-bottom:20px; background-color:#f5f5f5;}
	.thumb_list01 > li > * p:before {height:100%; vertical-align:middle; content:''; display:inline-block;}
	.thumb_list01 > li > * p img {max-width:100%; vertical-align:middle;}

	.thumb_list02 {margin-top:-40px; margin-left:-33px; padding-bottom:30px;}
	.thumb_list02:after {clear:both; content:''; display:block;}
	.thumb_list02 > li {width:33.333%; margin-top:40px; padding-left:33px; font-size:18px; box-sizing:border-box; float:left;}
	.thumb_list02 > li > * {text-align:center; display:block;}
	.thumb_list02 > li > * p {height:260px; margin-bottom:20px; background-color:#f5f5f5;}
	.thumb_list02 > li > * p:before {height:100%; vertical-align:middle; content:''; display:inline-block;}
	.thumb_list02 > li > * p img {max-width:100%; vertical-align:middle;}
	.thumb_list02 li.full_column {width:100%;}

	.board_list01 {border-top:2px solid #646464; overflow:hidden;}
	.board_list01 li {width:100%; min-height:64px; margin-left:-1px; table-layout:fixed; display:table;}
	.board_list01 li > * {height:100%; padding:0 30px; font-size:18px; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; box-sizing:border-box; vertical-align:middle; display:table-cell;}
	.board_list01 li > .title {font-weight:400; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.board_list01 li > .no {width:150px; text-align:center;}
	.board_list01 li > .date {width:195px; text-align:center;}

	.board_list01 .board_header strong {font-weight:500;}
	.board_list01 .board_header li > * {background-color:#fafafa; text-align:center;}

	.board_view01 {border-top:2px solid #646464; overflow:hidden;}
	.board_view01 .board_header {margin-left:-1px;}
	.board_view01 .board_header:after {clear:both; content:''; display:block;}
	.board_view01 .board_header li {min-height:64px; border-bottom:1px solid #dcdcdc; float:left; table-layout:fixed; display:table;}
	.board_view01 .board_header li.full {width:100%;}
	.board_view01 .board_header li.w50 {width:50%;}
	.board_view01 .board_header li > * {height:100%; padding:0 30px; font-size:18px; box-sizing:border-box; vertical-align:middle; display:table-cell;}
	.board_view01 .board_header li strong {width:200px; border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc; background-color:#fafafa;}

	.board_footer li {width:100%; min-height:61px; border-bottom:1px solid #dcdcdc; table-layout:fixed; display:table;}
	.board_footer li * {height:100%; padding:0 30px; font-size:18px; box-sizing:border-box; vertical-align:middle; display:table-cell;}
	.board_footer li a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.board_footer li strong {width:120px; color:#333; font-size:15px; font-weight:600; position:relative;}
	.board_footer li strong:before {width:7px; height:4px; margin-top:-3px; margin-right:10px; background:url('../../images/common/icon_collection.png') -280px 0; content:''; vertical-align:middle; display:inline-block;}
	.board_footer li.next strong:before {transform:rotate(180deg);}
	.board_footer li .date {width:150px; font-size:15px; text-align:center;}

	.board_content {min-height:320px; padding:30px; line-height:1.5; border-bottom:1px solid #dcdcdc; box-sizing:border-box;}

	.file_area {width:100%; min-height:60px; background-color:#f5f6f8; border-bottom:1px solid #dcdcdc; display:table;}
	.file_area * {height:100%; padding:0 30px; box-sizing:border-box; vertical-align:middle; display:table-cell;}
	.file_area *:before {width:20px; height:21px; margin-top:-3px; margin-right:11px; background:url('../../images/common/icon_collection.png') -70px -50px; content:''; vertical-align:middle; display:inline-block;}


	.paging {margin-top:60px; text-align:center;}
	.paging * {color:#717171; margin:0 15px; padding:0 3px; font-weight:400; vertical-align:middle; display:inline-block;}
	.paging strong {color:#4e5ca3;}
	.paging [class*='btn_'] {width:33px; height:33px; margin:0; padding:0; font-size:0; border:1px solid #e5e5e5; box-sizing:border-box; position:relative;}
	.paging [class*='btn_']:before {width:11px; height:9px; margin-top:-4px; margin-left:-5px; background-image:url('../../images/common/icon_collection.png'); position:absolute; top:50%; left:50%; content:''; display:inline-block;}
	.paging .btn_next:before, .paging .btn_prev:before {background-position:-167px 0;}
	.paging .btn_last:before, .paging .btn_first:before {background-position:-140px 0;}
	.paging .btn_next:before, .paging .btn_last:before {transform:rotate(180deg);}

	.paging [class*='btn_']:hover {background-color:#604897; border-color:#604897;}
	.paging .btn_next:hover:before, .paging .btn_prev:hover:before {background-position:-167px -20px;}
	.paging .btn_last:hover:before, .paging .btn_first:hover:before {background-position:-140px -20px;}
}

@media screen and (max-width: 767px) {
	body * {font-size:13px; line-height:1.3;}
	body.active {position:fixed; overflow:hidden;}

	#header {width:100%;0; height:50px; background-color:#fff; position:relative; z-index:100;}
	#header .inner {width:100%; margin:0 auto; padding:15px; box-sizing:border-box;}
	#header:after {clear:both; content:''; display:block;}
	#header h1 {width:45px; position:absolute; top:15px; transition:all 0.2s;}
	#header .g_menu {padding-top:80px; position:fixed; top:0; right:-100%; bottom:0; left:100%; z-index:1; transition:all 0.2s;}
	#header .g_menu > li > a {margin:0 22px; padding-top:9px; padding-bottom:10px; color:#000; font-size:20px; font-weight:400; border-top:2px solid transparent; display:block;}
	/*#header .g_menu > li > a.active, #header .g_menu li a:hover {border-color:#5b37b0;}*/
	#header .g_menu ul {margin-left:22px; display:none;}
	#header .g_menu ul a {padding:8px 0; font-size:14px; display:block;}
	#header #gnb a.site_map {width:25px; height:16px; margin-top:-8px; font-size:0; border-top:2px solid #000; box-sizing:border-box; position:absolute; top:50%; right:20px; z-index:1; display:inline-block; transition:all 0.2s;}
	#header #gnb a.site_map:before, #header #gnb a.site_map:after {width:25px; border-top:2px solid #000; content:''; position:absolute; display:inline-block; transition:all 0.2s;}
	#header #gnb a.site_map:before {bottom:0;}
	#header #gnb a.site_map:after {bottom:7px;}

	#header #gnb.active:after {background-color:rgba(0,0,0,0.6); content:''; position:fixed; top:0; right:0; bottom:0; left:0; z-index:0;}
	#header #gnb.active .g_menu {background-color:#fff; right:0; left:10%;}

	#header #gnb.active a.site_map {border-top:0; transition:all 0.2s;}
	#header #gnb.active a.site_map:before, #header #gnb.active a.site_map:after {transition:all 0.2s;}
	#header #gnb.active a.site_map:before {bottom:7px; transform:rotate(45deg);}
	#header #gnb.active a.site_map:after {bottom:7px; transform:rotate(-45deg);}

	#header.fixed {position:fixed; top:0;}
	#header.fixed h1 {top:5px; left:15px; transition:all 0.2s;}
	#header.fixed h1 img {height:40px;}

	#footer {padding:20px 0; background-color:#231f20;}
	#footer .inner {width:100%; margin:0 auto; padding:0 15px; box-sizing:border-box; position:relative;}
	#footer .inner * {line-height:1.5;}
	#footer .inner:after {clear:both; content:''; display:block;}
	#footer h1 {width:40px; position:absolute; top:0; left:15px;}
	#footer .inner div {margin-left:60px; padding-top:0; color:#fff; font-size:12px; font-weight:200;}
	#footer .inner div a {color:#fff;}
	#footer .inner p a {font-size:13px;}
	#footer .inner p a:before {height:10px; margin-top:-3px; margin-left:5px; padding-left:5px; border-left:1px solid #fff; vertical-align:middle; content:''; display:inline-block;}
	#footer .inner p a:first-child:before, #footer .inner li:first-child:before {display:none;}
	#footer .inner ul {margin-left:-5px;}
	#footer .inner ul:after {clear:both; content:''; display:block;}
	#footer .inner li {margin-top:8px; margin-left:5px; float:left;}

	.content {width:100%; margin:0 auto; padding:0 15px; box-sizing:border-box;}

	/* layerpop */
	#pop_header {padding:20px 0 10px; text-align:center; position:relative;}
	#pop_header h2 {margin:0; font-size:22px; font-weight:500;}
	#pop_header .pop_close {width:25px; height:16px; font-size:0; border-top:0; box-sizing:border-box; position:absolute; top:20px; right:20px; z-index:1; display:inline-block; transition:all 0.2s;}
	#pop_header .pop_close:before, #pop_header .pop_close:after {width:25px; border-top:2px solid #000; content:''; position:absolute; right:0; display:inline-block; transition:all 0.2s;}
	#pop_header .pop_close:before {bottom:7px; transform:rotate(45deg);}
	#pop_header .pop_close:after {bottom:7px; transform:rotate(-45deg);}

	#pop_container {padding:20px;}

	#pop_footer {padding:20px 0;}

	/* pop::개인정보보호정책 */
	#pop_wrap.privacy #pop_inner {width:90%;}
	#pop_wrap.privacy #pop_inner .graybox {margin:0 -20px; padding:20px 30px; background-color:#f8f8f8;}
	#pop_wrap.privacy #pop_inner .graybox li {margin-top:10px;}
	#pop_wrap.privacy #pop_inner .graybox li * {font-size:14px; vertical-align:middle;}
	#pop_wrap.privacy #pop_inner .graybox li strong {font-weight:500;}
	#pop_wrap.privacy #pop_inner .graybox li strong:after {margin:-10px 2px 0 5px; font-size:18px; font-weight:300; content:':'; vertical-align:middle; display:inline-block;}
	#pop_wrap.privacy #pop_inner .graybox p {margin-top:20px; line-height:27px;}
	#pop_wrap.privacy #pop_inner .graybox + p {margin-top:15px;}
	#pop_wrap.privacy #pop_inner label + input[type='radio'] + label {margin-left:25px;}

	/* button */
	[class*='btn_'] + [class*='btn_'] {padding-left:6px; box-sizing:border-box;}
	.btn_type_m span {height:44px; padding:0 25px; font-size:14px; font-weight:400; line-height:42px; border:1px solid transparent; box-sizing:border-box;}

	.btn_ok span {width:158px; height:45px; color:#fff; line-height:45px; background-color:#5b37b0;}
	.btn_more span {width:186px; height:36px; color:#604897; font-size:16px; font-weight:400; line-height:34px; border:1px solid #604897;}
	.btn_more span:after {margin-top:-4px; margin-left:7px; font-weight:500; content:'+'; vertical-align:middle; display:inline-block;}
	.type_link span {color:#604897; border-color:#604897;}
	.type_submit span {color:#fff; background-color:#604897;}

	.board_btn_area {margin-top:30px; text-align:center;}
	.btn_area {margin-top:30px;}

	/* board */
	.thumb_list01 {margin-top:-10px; margin-left:-15px; padding-bottom:30px;}
	.thumb_list01:after {clear:both; content:''; display:block;}
	.thumb_list01 > li {width:50%; margin-top:20px; padding-left:15px; font-size:16px; box-sizing:border-box; float:left;}
	.thumb_list01 > li > * {text-align:center; display:block;}
	.thumb_list01 > li > * p {height:160px; margin-bottom:20px; background-color:#f5f5f5;}
	.thumb_list01 > li > * p:before {height:100%; vertical-align:middle; content:''; display:inline-block;}
	.thumb_list01 > li > * p img {max-width:70%; vertical-align:middle;}

	.thumb_list02 {margin-top:-10px; margin-left:-15px; padding-bottom:30px;}
	.thumb_list02:after {clear:both; content:''; display:block;}
	.thumb_list02 > li {width:50%; margin-top:20px; padding-left:15px; font-size:16px; box-sizing:border-box; float:left;}
	.thumb_list02 > li > * {text-align:center; display:block;}
	.thumb_list02 > li > * p {height:160px; margin-bottom:20px; background-color:#f5f5f5;}
	.thumb_list02 > li > * p:before {height:100%; vertical-align:middle; content:''; display:inline-block;}
	.thumb_list02 > li > * p img {max-width:70%; vertical-align:middle;}
	.thumb_list02 li.full_column {width:100%;}

	.board_list01 {border-top:2px solid #646464; overflow:hidden;}
	.board_list01 li {width:100%; min-height:64px; margin-left:-1px; table-layout:fixed; display:table;}
	.board_list01 li > * {height:100%; padding:0 15px; border-bottom:1px solid #dcdcdc; box-sizing:border-box; vertical-align:middle; display:table-cell;}
	.board_list01 li > .title {font-weight:400; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.board_list01 li > .no {width:60px; text-align:center;}
	.board_list01 li > .date {width:95px; text-align:center;}

	.board_list01 .board_header {display:none;}
	.board_list01 .board_header strong {font-weight:500;}
	.board_list01 .board_header li > * {background-color:#fafafa; text-align:center;}

	.board_view01 {border-top:2px solid #646464; overflow:hidden;}
	.board_view01 .board_header {margin-left:-1px;}
	.board_view01 .board_header:after {clear:both; content:''; display:block;}
	.board_view01 .board_header li {min-height:64px; border-bottom:1px solid #dcdcdc; float:left; table-layout:fixed; display:table;}
	.board_view01 .board_header li.full {width:100%;}
	.board_view01 .board_header li.w50 {width:50%;}
	.board_view01 .board_header li > * {height:100%; padding:0 15px; box-sizing:border-box; vertical-align:middle; display:table-cell;}
	.board_view01 .board_header li strong {width:70px; border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc; background-color:#fafafa;}

	.board_footer li {width:100%; min-height:61px; border-bottom:1px solid #dcdcdc; table-layout:fixed; display:table;}
	.board_footer li * {height:100%; padding:0 15px; box-sizing:border-box; vertical-align:middle; display:table-cell;}
	.board_footer li a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.board_footer li strong {width:90px; color:#333; font-weight:500; position:relative;}
	.board_footer li strong:before {width:7px; height:4px; margin-top:-3px; margin-right:10px; background:url('../../images/common/icon_collection.png') -280px 0; content:''; vertical-align:middle; display:inline-block;}
	.board_footer li.next strong:before {transform:rotate(180deg);}
	.board_footer li .date {width:95px; text-align:center;}

	.board_content {min-height:320px; padding:30px; line-height:1.5; border-bottom:1px solid #dcdcdc; box-sizing:border-box;}

	.file_area {width:100%; min-height:60px; background-color:#f5f6f8; border-bottom:1px solid #dcdcdc; display:table;}
	.file_area * {height:100%; padding:0 30px; box-sizing:border-box; vertical-align:middle; display:table-cell;}
	.file_area *:before {width:20px; height:21px; margin-top:-3px; margin-right:11px; background:url('../../images/common/icon_collection.png') -70px -50px; content:''; vertical-align:middle; display:inline-block;}


	.paging {margin-top:60px; text-align:center;}
	.paging * {color:#717171; margin:0 5px; padding:0 3px; font-weight:400; vertical-align:middle; display:inline-block;}
	.paging strong {color:#4e5ca3;}
	.paging [class*='btn_'] {width:33px; height:33px; margin:0; padding:0; font-size:0; border:1px solid #e5e5e5; box-sizing:border-box; position:relative;}
	.paging [class*='btn_']:before {width:11px; height:9px; margin-top:-4px; margin-left:-5px; background-image:url('../../images/common/icon_collection.png'); position:absolute; top:50%; left:50%; content:''; display:inline-block;}
	.paging .btn_next:before, .paging .btn_prev:before {background-position:-167px 0;}
	.paging .btn_last:before, .paging .btn_first:before {background-position:-140px 0;}
	.paging .btn_next:before, .paging .btn_last:before {transform:rotate(180deg);}

	.paging [class*='btn_']:hover {background-color:#604897; border-color:#604897;}
	.paging .btn_next:hover:before, .paging .btn_prev:hover:before {background-position:-167px -20px;}
	.paging .btn_last:hover:before, .paging .btn_first:hover:before {background-position:-140px -20px;}
}