@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(http://cdn.jsdelivr.net/font-notosans-kr/1.0.0-v1004/NotoSansKR-full.css);

* {font-family:"NotoSansKR","나눔고딕", "NanumGothic", "Malgun Gothic", "돋움", "Dotum", "AppleGothic", sans-serif !important;}

body {width:100%; margin:0 auto; padding:0; line-height:normal; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;}
img {border:none; padding:0; margin:0; outline:none;}
a {border:none; padding:0; margin:0; outline:none; text-decoration:none;}
a:active {color:#626262; text-decoration:none;}
a:link {color:#626262; text-decoration:none; }
a:visited {color:#626262; text-decoration:none;}
a:hover {color:#626262; text-decoration:none;}
ul {list-style:none; padding:0; margin:0; *zoom:1;}
ul:after {content:""; display:block; clear:both;}

img.fx{max-width:100%;}
 
td {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

input, select, textarea {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin:0;
	padding:0;
	outline:none;
	font-size:70%;
	color:#000000;
}

input::-moz-placeholder {color:#000000;}
input::-webkit-input-placeholder {color:#000000;}

textarea::-moz-placeholder {color:#000000;}
textarea::-webkit-input-placeholder {color:#000000;}

input[type=text], input[type=password] ,input[type=tel], input[type=file], input[type=image], input[type=button], input[type=submit], textarea {
	-webkit-border-radius:0;
	-webkit-appearance:none;
	width:100%;
}

select {
	border-radius:0; 
	-moz-border-radius:0; 
	-webkit-border-radius:0;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background:url("/mobile/img/sub/select_arrow.png") no-repeat 95% 50%; /*셀렉박스 화살표*/
	width:100%;
}

/*IE 10, 11의 네이티브 화살표 숨기기*/ 
select::-ms-expand {display:none;}

/*display:inline-block; *display:inline; zoom:1;*/

#wrap {max-width:640px; min-width:320px; padding:0; margin:0 auto; position:relative; top:0; left:0;}

/*헤더*/
#header {width:100%; margin:0 auto; padding:4% 0;}
#header > table {width:92%; margin:0 auto;}
#header > table > tbody > tr > td {}
#header > table > tbody > tr > td img {display:inline-block; *display:inline; zoom:1; width:100%;}
#header > table > tbody > tr > td .main_logo {width:28%;}

/*컨텐츠*/
#container {width:100%; margin:0 auto; position:relative; top:0; left:0;}

/*메인메뉴*/
#main_nav_bg {width:100%; max-width:640px; min-width:320px; background-color:#000000; opacity:0.8; position:absolute; top:0; left:0; z-index:999; display:none;}
#main_nav {width:100%; max-width:640px; min-width:320px; margin:0 auto; position:absolute; top:0; left:0; z-index:9999; display:none; *zoom:1;}
#main_nav:after {content:""; display:block; clear:both;}
#main_nav > .left_con {float:left; width:18%;}
#main_nav > .right_con {float:right; width:82%; background-color:#ffffff;}
#main_nav > .right_con > .list_con {}
#main_nav > .right_con > .list_con > ul {}
#main_nav > .right_con > .list_con > ul > li {border-bottom:1px solid #e6e6e6;}
#main_nav > .right_con > .list_con > ul > li > a {display:block; padding:0 8%;}
#main_nav > .right_con > .list_con > ul > li > a > table {width:100%; margin:0 auto;}
#main_nav > .right_con > .list_con > ul > li > a > table > tbody > tr > td {height:50px;}
#main_nav > .right_con > .list_con > ul > li > a > table > tbody > tr > td img {width:100%;}
#main_nav > .right_con > .list_con > ul > li > a > table > tbody > tr > .text_td {padding-left:7px;}
#main_nav > .right_con > .list_con > ul > li > a > table > tbody > tr > .text_td span {font-size:80%; color:#222222;}
#main_nav > .right_con > .list_con > ul > li > .on {background-color:#667288;}
#main_nav > .right_con > .list_con > ul > li > .on > table > tbody > tr > .text_td span {color:#ffffff;}
#main_nav > .right_con > .list_con > ul > li .sub_nav {background-color:#fafafa; padding:0 8%; display:none;}
#main_nav > .right_con > .list_con > ul > li .sub_nav > ul {}
#main_nav > .right_con > .list_con > ul > li .sub_nav > ul > li {border-bottom:1px solid #e6e6e6;}
#main_nav > .right_con > .list_con > ul > li .sub_nav > ul > li:last-child {border-bottom:0;}
#main_nav > .right_con > .list_con > ul > li .sub_nav > ul > li > a {display:block; padding:0 13px; font-size:80%; color:#222222; line-height:40px;}

/*메인 컨텐츠*/
#main_con {}
#main_con > .slide_con {}
#main_con > .slide_con .main_slide {width:100%; margin:0 auto; position:relative; top:0; left:0;}
#main_con > .slide_con .main_slide .slides {}
#main_con > .slide_con .main_slide .slides li {}
#main_con > .slide_con .main_slide .slides li img {display:block; width:100%;}
#main_con > .slide_con .main_slide .btn_con {width:92%; margin:0 auto; position:absolute; top:50%; left:0; right:0; margin-top:-14px; z-index:9;}
#main_con > .slide_con .main_slide .btn_con > table {width:100%; margin:0 auto;}
#main_con > .contents_con {padding:9% 4% 12% 4%;}
#main_con > .contents_con > .product_con {margin-bottom:9%;}
#main_con > .contents_con > .product_con > .title_con {margin-bottom:5%;}
#main_con > .contents_con > .product_con > .list_con {}
#main_con > .contents_con > .product_con > .list_con > ul {}
#main_con > .contents_con > .product_con > .list_con > ul > li {float:left; display:block; width:49%;}
#main_con > .contents_con > .product_con > .list_con > ul > li img {display:block; width:100%;}
#main_con > .contents_con > .product_con > .list_con > ul > .mr {margin-right:2%;}
#main_con > .contents_con > .product_con > .list_con > ul > .mb {margin-bottom:2%;}
#main_con > .contents_con > .download_con {margin-bottom:9%;}
#main_con > .contents_con > .download_con > .title_con {margin-bottom:5%;}
#main_con > .contents_con > .download_con > .list_con {}
#main_con > .contents_con > .download_con > .list_con .list_div {margin-top:2%; *zoom:1;}
#main_con > .contents_con > .download_con > .list_con .list_div:after {content:""; display:block; clear:both;}
#main_con > .contents_con > .download_con > .list_con .list_div img {display:block; width:100%;}
#main_con > .contents_con > .download_con > .list_con .list_div > .left_con {float:left; width:49%;}
#main_con > .contents_con > .download_con > .list_con .list_div > .right_con {float:right; width:49%;}
#main_con > .contents_con > .download_con > .list_con .list_div:first-child {margin-top:0;}
#main_con > .contents_con > .info_con {}
#main_con > .contents_con > .info_con > .title_con {margin-bottom:5%;}
#main_con > .contents_con > .info_con > .list_con {}
#main_con > .contents_con > .info_con > .list_con > ul {}
#main_con > .contents_con > .info_con > .list_con > ul > li {padding:3%; border-bottom:1px solid #e6e6e6;}
#main_con > .contents_con > .info_con > .list_con > ul > li .list_div {}
#main_con > .contents_con > .info_con > .list_con > ul > li .list_div > .title_con {margin-bottom:3%;}
#main_con > .contents_con > .info_con > .list_con > ul > li .list_div > .title_con span {font-size:80%; color:#505050;}
#main_con > .contents_con > .info_con > .list_con > ul > li .list_div > .title_con .dot {color:#00824e; font-weight:bold;}
#main_con > .contents_con > .info_con > .list_con > ul > li .list_div > .date_con {padding:0 12px;}
#main_con > .contents_con > .info_con > .list_con > ul > li .list_div > .date_con span {font-size:78%; color:#b4b4b4;}
#main_con > .contents_con > .info_con > .list_con > ul > li:first-child {padding-top:0;}
#main_con > .contents_con > .info_con > .list_con > ul > li:last-child {border-bottom:0; padding-bottom:0;}

/*푸터*/
#footer {width:100%; margin:0 auto;}
#footer > .nav {}
#footer > .nav > ul {}
#footer > .nav > ul > li {float:left; display:block; width:50%;}
#footer > .nav > ul > li img {display:block; width:100%;}
#footer > .footer {background-color:#f5f5f5; padding:6% 4% 9% 4%;}
#footer > .footer > .text01_con {margin-bottom:3%; text-align:center;}
#footer > .footer > .text01_con span {font-size:65%; color:#b4b4b4; line-height:150%;}
#footer > .footer > .text01_con .bar {font-size:70%;}
#footer > .footer > .text02_con {text-align:center;}
#footer > .footer > .text02_con span {font-size:65%; color:#b4b4b4; line-height:150%;}

/*서브 컨텐츠*/
#sub_con {}
#sub_con > .title_con {background-repeat:no-repeat; background-size:cover; background-position:center; text-align:center;}
#sub_con > .nav {background-color:#f5f5f5; text-align:center;}
#sub_con > .nav > table {width:100%; margin:0 auto;}
#sub_con > .nav > table > tbody > tr > td {}
#sub_con > .nav > table > tbody > tr > .btn_td {}
#sub_con > .nav > table > tbody > tr > .btn_td01 {border-right:1px solid #e6e6e6;}
#sub_con > .nav > table > tbody > tr > .btn_td02 {border-left:1px solid #e6e6e6;}
#sub_con > .nav > table > tbody > tr > .btn_td img {display:block; width:100%;}
#sub_con > .nav > table > tbody > tr > .slide_td .sub_nav_slide {width:100%; margin:0 auto;}
#sub_con > .nav > table > tbody > tr > .slide_td .sub_nav_slide .slides {}
#sub_con > .nav > table > tbody > tr > .slide_td .sub_nav_slide .slides li {}
#sub_con > .nav > table > tbody > tr > .nav_td {}
#sub_con > .nav > table > tbody > tr > .nav_td > ul {}
#sub_con > .nav > table > tbody > tr > .nav_td > ul > li {float:left; display:block; width:50%;}
#sub_con > .nav a {display:block; text-align:center; font-size:78%; color:#222222; line-height:35px; font-weight:700;}
#sub_con > .nav .on {background-color:#f2b922; color:#ffffff;}


#sub_con > .select_con {width:89%; margin:17px auto;}
#sub_con > .select_con > ul > li {width:100%; margin:0 auto; position:relative;}
#sub_con > .select_con > ul > li > span {display:inline-block; width:100%; height:42px; line-height:42px; border:1px solid #e6e6e6; text-align:center; font-size:16px; color:#222222; font-weight:700; background-color:#fff; background-image:url("/mobile/img/sub/sub_select_arrow.png"); background-repeat:no-repeat; background-size:15px; background-position:95% 50%; box-sizing:border-box;}
#sub_con > .select_con > ul > li > .sub_select_con {position:absolute; top:42px; left:0; width:100%; margin:0 auto; border:1px solid #dddddd; border-top:0; box-sizing:border-box; z-index:99;}
#sub_con > .select_con > ul > li > .sub_select_con > ul > li {}
#sub_con > .select_con > ul > li > .sub_select_con > ul > li:first-child {border-bottom:1px solid #ffffff;}
#sub_con > .select_con > ul > li > .sub_select_con > ul > li > a {display:inline-block; width:100%; height:40px; line-height:40px; text-align:center; font-size:15px; color:#222222; font-weight:500; background-color:#fbe5b2;}
#sub_con > .performance_select_con {margin-bottom:54px;}


#sub_con > .contents_con {width:89%; margin:0 auto; padding:10.5% 0 21% 0;}
#sub_con > .contents_con > .title_con {margin-bottom:7.5%;}
#sub_con > .contents_con > .contents_con {}

/*회사소개*/
.company_title_con {background-image:url("/mobile/img/company/company_title_con_bg.png");}

.company_sub02_con {border-left:1px solid #dcdcdc;}
.company_sub02_con > .img_con {margin-bottom:9%;}
.company_sub02_con > .list_con {padding:0 38px;}
.company_sub02_con > .list_con > ul {}
.company_sub02_con > .list_con > ul > li {margin-top:7.5%;}
.company_sub02_con > .list_con > ul > li:first-child {margin-top:0;}
.company_sub02_con > .list_con > ul > li .list_div {}
.company_sub02_con > .list_con > ul > li .list_div > .year_con {margin-bottom:4%; position:relative; top:0; left:0;}
.company_sub02_con > .list_con > ul > li .list_div > .year_con img {margin-top:-2px; position:absolute; top:50%; left:-38px; z-index:9;}
.company_sub02_con > .list_con > ul > li .list_div > .year_con span {font-size:143%; color:#3c3c3c;}
.company_sub02_con > .list_con > ul > li .list_div > .info_con {}
.company_sub02_con > .list_con > ul > li .list_div > .info_con > ul {}
.company_sub02_con > .list_con > ul > li .list_div > .info_con > ul > li {margin-top:3%;}
.company_sub02_con > .list_con > ul > li .list_div > .info_con > ul > li:first-child {margin-top:0;}
.company_sub02_con > .list_con > ul > li .list_div > .info_con > ul > li > table {width:100%; margin:0 auto;}
.company_sub02_con > .list_con > ul > li .list_div > .info_con > ul > li > table > tbody > tr > td {}
.company_sub02_con > .list_con > ul > li .list_div > .info_con > ul > li > table > tbody > tr > .date_td {}
.company_sub02_con > .list_con > ul > li .list_div > .info_con > ul > li > table > tbody > tr > .date_td span {font-size:78%; color:#667288; line-height:140%;}
.company_sub02_con > .list_con > ul > li .list_div > .info_con > ul > li > table > tbody > tr > .info_td {}
.company_sub02_con > .list_con > ul > li .list_div > .info_con > ul > li > table > tbody > tr > .info_td span {font-size:78%; color:#505050; line-height:140%;}

.company_sub04_con {}
.company_sub04_con > .nav {margin-bottom:7.5%;}
.company_sub04_con > .nav > table {width:100%; margin:0 auto;}
.company_sub04_con > .nav > table > tbody > tr > td {border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
.company_sub04_con > .nav > table > tbody > tr > td a {display:block; border-bottom:1px solid #e6e6e6; background-color:#f5f5f5; text-align:center; font-size:86%; color:#b4b4b4; line-height:33px;}
.company_sub04_con > .nav > table > tbody > tr > td .on {border-bottom:1px solid #ffffff; background-color:#ffffff; color:#667288;}
.company_sub04_con > .nav > table > tbody > tr > td:first-child {border-left:1px solid #e6e6e6;}
.company_sub04_con > .list_con {}
.company_sub04_con > .list_con > ul {}
.company_sub04_con > .list_con > ul > li {float:left; width:47%; margin:0 6% 6% 0;}
.company_sub04_con > .list_con > ul > li .list_div {}
.company_sub04_con > .list_con > ul > li .list_div > .img_con {border:1px solid #e6e6e6; background-repeat:no-repeat; background-size:cover; background-position:center; margin-bottom:3%;}
.company_sub04_con > .list_con > ul > li .list_div > .img_con img {display:block; width:100%;}
.company_sub04_con > .list_con > ul > li .list_div > .text_con {text-align:center;}
.company_sub04_con > .list_con > ul > li .list_div > .text_con span {font-size:78%; color:#282828; font-weight:bold;}
.company_sub04_con > .list_con > ul > li .popup_con {display:none; width:100%; max-width:640px; min-width:320px; margin:0 auto; position:fixed; top:12%; left:0; right:0; z-index:9999;}
.company_sub04_con > .list_con > ul > li .popup_con > .contents_con {width:70%; margin:0 auto; position:relative; top:0; left:0;}
.company_sub04_con > .list_con > ul > li .popup_con > .contents_con > .img_con {background-repeat:no-repeat; background-size:cover; background-position:center;}
.company_sub04_con > .list_con > ul > li .popup_con > .contents_con > .img_con img {width:100%;}
.company_sub04_con > .list_con > ul > li .popup_con > .contents_con > .close_btn {position:absolute; top:0; right:-30px; z-index:9; cursor:pointer;}
.company_sub04_con > .list_con > ul > li:nth-child(even) {margin-right:0;}
.company_sub04_popup_con_bg {display:none; width:100%; background-color:#000000; opacity:0.3; position:absolute; top:0; left:0; z-index:999;}

.company_sub05_con {}
.company_sub05_con > .map_con {margin-bottom:6%;}
.company_sub05_con > .map_con #map-canvas {height:173px; border:1px solid #e6e6e6;}

/*스마트안내판*/
.sgb_title_con {background-image:url("/mobile/img/sgb/sgb_title_con_bg.png");}

.sgb_sub01_con {}
.sgb_sub01_con > .video_con {background-color:#efe4d3; padding:8%;}

/*조달등록제품*/
.support_title_con {background-image:url("/mobile/img/support/support_title_con_bg.png");}

/*안내판*/
.gb_title_con {background-image:url("/mobile/img/gb/gb_title_con_bg.png");}

/*수목표찰*/
.label_title_con {background-image:url("/mobile/img/label/label_title_con_bg.png");}

/*자료실*/
.reference_title_con {background-image:url("/mobile/img/reference/reference_title_con_bg.png");}

/*개인결제*/
.payment_title_con {background-image:url("/mobile/img/payment/payment_title_con_bg.png");}

.payment_sub01_con {}
.payment_sub01_con > .list_con {margin-bottom:6%;}
.payment_sub01_con > .list_con > table {width:100%; margin:0 auto; border-top:1px solid #00423d;}
.payment_sub01_con > .list_con > table > tbody > tr > td {border-bottom:1px solid #e6e6e6; padding-top:10px; padding-bottom:10px;}
.payment_sub01_con > .list_con > table > tbody > tr > .img_td {width:110px;}
.payment_sub01_con > .list_con > table > tbody > tr > .text_td {padding-left:4.5%;}
.payment_sub01_con > .list_con > table > tbody > tr > .text_td span {font-size:78%; color:#3c3c3c;}
.payment_sub01_con > .list_con > table > tbody > tr > .btn_td {width:28%;}
.payment_sub01_con > .list_con > table > tbody > tr > .btn_td .a_btn {display:block; width:75%; background-color:#667288; text-align:center; font-size:80%; color:#ffffff; line-height:33px;}
.payment_sub01_con > .more_btn_con {}
.payment_sub01_con > .more_btn_con .a_btn {display:block; background-color:#f0f0f0; text-align:center; font-size:72%; color:#646464; line-height:38px;}

.payment_sub01_write_con {}
.payment_sub01_write_con > .input_con {margin-bottom:7.5%;}
.payment_sub01_write_con > .input_con > .intro_con {margin-bottom:2%;}
.payment_sub01_write_con > .input_con > .intro_con span {font-size:78%; color:#3c3c3c;}
.payment_sub01_write_con > .input_con > table {width:100%; margin:0 auto; border-top:1px solid #00423d;}
.payment_sub01_write_con > .input_con > table > tbody > tr > td {height:55px; border-bottom:1px solid #e6e6e6;}
.payment_sub01_write_con > .input_con > table > tbody > tr > .title_td {background-color:#f5f5f5; padding-left:3%;}
.payment_sub01_write_con > .input_con > table > tbody > tr > .title_td span {font-size:78%; color:#3c3c3c;}
.payment_sub01_write_con > .input_con > table > tbody > tr > .info_td {padding-left:3%; padding-right:3%;}
.payment_sub01_write_con > .input_con > table > tbody > tr > .info_td span {font-size:78%; color:#3c3c3c;}
.payment_sub01_write_con > .input_con > table > tbody > tr > .info_td .select {height:35px; border:1px solid #cccccc; padding:0 3%;}
.payment_sub01_write_con > .input_con > table > tbody > tr > .info_td .input {height:35px; border:1px solid #cccccc; padding:0 3%; line-height:20px;}
.payment_sub01_write_con > .btn_con {text-align:center;}
.payment_sub01_write_con > .btn_con .input_btn {width:100px; border:0; background-color:#667288; margin:0 4px; text-align:center; font-size:80%; color:#ffffff; line-height:38px; cursor:pointer;}
.payment_sub01_write_con > .btn_con .a_btn {display:inline-block; *display:inline; zoom:1; width:98px; border:1px solid #667288; margin:0 4px; text-align:center; font-size:80%; color:#667288; line-height:36px;}

.payment_sub01_ing_con {}
.payment_sub01_ing_con > .info_con {border-top:1px solid #00423d; border-bottom:1px solid #e6e6e6; padding:7% 0; margin-bottom:7.5%; text-align:center;}
.payment_sub01_ing_con > .info_con > .img_con {margin-bottom:3%;}
.payment_sub01_ing_con > .info_con > .text_con {}
.payment_sub01_ing_con > .info_con > .text_con span {font-size:78%; color:#3c3c3c;}
.payment_sub01_ing_con > .btn_con {text-align:center;}
.payment_sub01_ing_con > .btn_con .a_btn {display:inline-block; *display:inline; zoom:1; width:100px; background-color:#667288; text-align:center; font-size:80%; color:#ffffff; line-height:38px;}

/*게시판*/
#notice_list_con {}
#notice_list_con > .search_con {margin-bottom:6%;}
#notice_list_con > .search_con table {width:100%; margin:0 auto;}
#notice_list_con > .search_con .select {height:33px; border:1px solid #e6e6e6; padding:0 3%;}
#notice_list_con > .search_con .input {height:33px; border:1px solid #e6e6e6; padding:0 3%; line-height:20px;}
#notice_list_con > .search_con .input_btn {padding-left:8px; border:0; color:#ffffff; line-height:33px; background:url(/mobile/img/sub/input_btn_icon.png) #00413c; background-size:12px; background-position:12% 50%; background-repeat:no-repeat;}
#notice_list_con > .more_btn_con {margin-top:6%;}
#notice_list_con > .more_btn_con .a_btn {display:block; background-color:#f0f0f0; text-align:center; font-size:72%; color:#646464; line-height:38px;}

/*일반 게시판*/
.normal_notice_con {}
.normal_notice_con > table {width:100%; margin:0 auto; border-top:1px solid #00423d;}
.normal_notice_con > table > thead > tr > td {height:44px; border-bottom:1px solid #e6e6e6; background-color:#f8f8f8;}
.normal_notice_con > table > thead > tr > td span {font-size:78%; color:#3c3c3c;}
.normal_notice_con > table > tbody > tr > td {height:44px; border-bottom:1px solid #e6e6e6;}
.normal_notice_con > table > tbody > tr > td span {font-size:78%; color:#969696;}
.normal_notice_con > table > tbody > tr > td .notice_btn {display:block; width:70%; background-color:#00423d; text-align:center; font-size:72%; color:#ffffff; line-height:24px;}
.normal_notice_con > table > tbody > tr > .info_td {padding:0 3%;}
.normal_notice_con > table > tbody > tr > .info_td span {color:#3c3c3c;}

/*갤러리 게시판*/
.gallery_notice_list_con {}
.gallery_notice_list_con > ul {}
.gallery_notice_list_con > ul > li {float:left; display:block; width:48%; margin:0 4% 4% 0;}
.gallery_notice_list_con > ul > li .list_div {}
.gallery_notice_list_con > ul > li .list_div > .img_con {margin-bottom:4%;}
.gallery_notice_list_con > ul > li .list_div > .img_con div {bordeR:1px solid #e6e6e6; background-repeat:no-repeat; background-size:cover; background-position:center;}
.gallery_notice_list_con > ul > li .list_div > .img_con img {display:block; width:100%;}
.gallery_notice_list_con > ul > li .list_div > .text_con {}
.gallery_notice_list_con > ul > li .list_div > .text_con > .title_con {}
.gallery_notice_list_con > ul > li .list_div > .text_con > .title_con a {font-size:78%; color:#282828;}
.gallery_notice_list_con > ul > li .list_div > .text_con > .btn_con {}
.gallery_notice_list_con > ul > li .list_div > .text_con > .btn_con a {margin-left:5px;}
.gallery_notice_list_con > ul > li .list_div > .text_con > .btn_con a:first-child {margin-left:0;}
.gallery_notice_list_con > ul > li .list_div > .text_con > .btn_con a > img {width:10px; margin-right:2px; vertical-align:middle;}
.gallery_notice_list_con > ul > li .list_div > .text_con > .btn_con a > span {font-size:72%; color:#b4b4b4; vertical-align:middle;}
.gallery_notice_list_con > ul > li .list_div > .text_con > .btn_con .popup_btn {}
.gallery_notice_list_con > ul > li .list_div > .text_con > .btn_con .popup_btn > span {color:#667288;}
.gallery_notice_list_con > ul > li .list_div > .text_con > .btn_con .popup_con {display:none; width:100%; max-width:640px; min-width:320px; margin:0 auto; position:fixed; top:12%; left:0; right:0; z-index:9999;}
.gallery_notice_list_con > ul > li .list_div > .text_con > .btn_con .popup_con > .contents_con {width:70%; margin:0 auto;}
.gallery_notice_list_con > ul > li .list_div > .text_con > .btn_con .popup_con > .contents_con > .close_con {margin-bottom:3%; text-align:right;}
.gallery_notice_list_con > ul > li .list_div > .text_con > .btn_con .popup_con > .contents_con > .close_con img {width:14px;}
.gallery_notice_list_con > ul > li .list_div > .text_con > .btn_con .popup_con > .contents_con > .info_con {height:300px; border:1px solid #c4c4c4; background-color:#ffffff; overflow-y:scroll;}
.gallery_notice_list_con > ul > li .list_div > .text_con > .btn_con .popup_con > .contents_con > .info_con img {display:block; width:100%;}
.gallery_notice_list_popup_con_bg {width:100%; max-width:640px; min-width:320px; background-color:#000000; opacity:0.5; position:absolute; top:0; left:0; z-index:999; display:none;}
.gallery_notice_list_con > ul > li .list_div > .text_con > .btn_con .down_btn {}
.gallery_notice_list_con > ul > li .list_div > .text_con > .btn_con .down_btn > span {color:#b4b4b4;}
.gallery_notice_list_con > ul > li:nth-child(even) {margin-right:0;}

/*게시판 뷰 페이지*/
#notice_view_con {}
#notice_view_con > .view_con {}
#notice_view_con > .view_con > table {width:100%; margin:0 auto; border-top:1px solid #00423d;}
#notice_view_con > .view_con > table > thead > tr > td {padding-left:3%; padding-right:3%;}
#notice_view_con > .view_con > table > thead > tr > .title_td {border-bottom:1px solid #e6e6e6; background-color:#f8f8f8; padding-top:3%; padding-bottom:3%;}
#notice_view_con > .view_con > table > thead > tr > .title_td span {font-size:78%; color:#3c3c3c; line-height:140%;}
#notice_view_con > .view_con > table > thead > tr > .info_td {padding-top:2%;}
#notice_view_con > .view_con > table > thead > tr > .info_td span {font-size:72%; color:#969696;}
#notice_view_con > .view_con > table > thead > tr > .info_td .bar {font-size:70%; color:#e6e6e6;}
#notice_view_con > .view_con > table > thead > tr > .file_td {padding-top:2%;}
#notice_view_con > .view_con > table > thead > tr > .file_td span {font-size:72%; color:#969696;}
#notice_view_con > .view_con > table > thead > tr > .file_td a {color:#969696;}
#notice_view_con > .view_con > table > tbody > tr > td {border-bottom:1px solid #e6e6e6;}
#notice_view_con > .view_con > table > tbody > tr > .posts_td {padding:6% 3%}
#notice_view_con > .view_con > table > tbody > tr > .posts_td span {font-size:70%; line-height:160%;}
#notice_view_con > .view_con > table > tbody > tr > .posts_td img {max-width:100% !important; height:auto !important;}
#notice_view_con > .article_con {}
#notice_view_con > .article_con > table {width:100%; margin:0 auto;}
#notice_view_con > .article_con > table > tbody > tr > td {height:40px; border-bottom:1px solid #e6e6e6;}
#notice_view_con > .article_con > table > tbody > tr > .title_td {}
#notice_view_con > .article_con > table > tbody > tr > .title_td span {font-size:76%; color:#3c3c3c; vertical-align:middle;}
#notice_view_con > .article_con > table > tbody > tr > .title_td img {width:8px; margin-right:5px; vertical-align:middle;}
#notice_view_con > .article_con > table > tbody > tr > .info_td {padding:0 3%;}
#notice_view_con > .article_con > table > tbody > tr > .info_td span {font-size:76%; color:#3c3c3c;}
#notice_view_con > .btn_con {margin-top:3%; text-align:right;}
#notice_view_con > .btn_con .a_btn {display:inline-block; *display:inline; zoom:1; width:33%; background-color:#667288; text-align:center; font-size:78%; color:#ffffff; line-height:36px;}

/*갤러리 게시판 뷰 페이지*/
.gallery_notice_view_con {}
.gallery_notice_view_con > .slide_con {margin-bottom:10%;}
.gallery_notice_view_con > .slide_con .gallery_notice_view_slide {width:100%; margin:0 auto; position:relative; top:0; left:0;}
.gallery_notice_view_con > .slide_con .gallery_notice_view_slide .slides {}
.gallery_notice_view_con > .slide_con .gallery_notice_view_slide .slides li {}
.gallery_notice_view_con > .slide_con .gallery_notice_view_slide .slides li img {width:100%; height:auto;}
.gallery_notice_view_con > .slide_con .gallery_notice_view_slide .prev_btn {width:22px; position:absolute; top:40%; left:0; z-index:9;}
.gallery_notice_view_con > .slide_con .gallery_notice_view_slide .next_btn {width:22px; position:absolute; top:40%; right:0; z-index:9;}
.gallery_notice_view_con > .view_con {background-color:#fafafa; padding:5%;}
.gallery_notice_view_con > .view_con > .title_con {border-bottom:1px solid #e6e6e6; padding-bottom:6%; margin-bottom:6%; text-align:center;}
.gallery_notice_view_con > .view_con > .title_con span {font-size:123%; color:#3c3c3c; font-weight:medium; line-height:140%;}
.gallery_notice_view_con > .view_con > .option_con {margin-bottom:9%;}
.gallery_notice_view_con > .view_con > .option_con > table {margin:0 auto;}
.gallery_notice_view_con > .view_con > .option_con > table > tbody > tr > td {}
.gallery_notice_view_con > .view_con > .option_con > table > tbody > tr > .title_td {}
.gallery_notice_view_con > .view_con > .option_con > table > tbody > tr > .title_td span {font-size:78%; color:#505050; font-weight:bold; line-height:140%;}
.gallery_notice_view_con > .view_con > .option_con > table > tbody > tr > .info_td {}
.gallery_notice_view_con > .view_con > .option_con > table > tbody > tr > .info_td > ul {}
.gallery_notice_view_con > .view_con > .option_con > table > tbody > tr > .info_td > ul > li {margin-top:3%; display:block;}
.gallery_notice_view_con > .view_con > .option_con > table > tbody > tr > .info_td > ul > li:first-child {margin-top:0;}
.gallery_notice_view_con > .view_con > .option_con > table > tbody > tr > .info_td > ul > li span {font-size:78%; color:#505050; line-height:140%;}
.gallery_notice_view_con > .view_con > .btn_con {*zoom:1;}
.gallery_notice_view_con > .view_con > .btn_con:after {content:""; display:block; clear:both;}
.gallery_notice_view_con > .view_con > .btn_con .a_btn01 {display:block; margin-top:2%; border:1px solid #00423d; text-align:center; vertical-align:middle; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.gallery_notice_view_con > .view_con > .btn_con .a_btn01 > img {width:10px; margin-right:3px; vertical-align:middle;}
.gallery_notice_view_con > .view_con > .btn_con .a_btn01 > span {font-size:78%; color:#00423d; font-weight:medium; line-height:33px; vertical-align:middle;}
.gallery_notice_view_con > .view_con > .btn_con .a_btn02 {display:block; border:1px solid #969696; margin-top:2%; text-align:center; font-size:78%; color:#969696; font-weight:medium; line-height:33px; vertical-align:middle; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.gallery_notice_view_con > .view_con > .btn_con .popup_btn {display:block; border:1px solid #667288; margin-top:2%; text-align:center; vertical-align:middle; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.gallery_notice_view_con > .view_con > .btn_con .popup_btn > img {width:10px; margin-right:3px; vertical-align:middle;}
.gallery_notice_view_con > .view_con > .btn_con .popup_btn > span {font-size:78%; color:#667288; font-weight:medium; line-height:33px; vertical-align:middle;}
.gallery_notice_view_con > .view_con > .btn_con .popup_con {display:none; width:100%; max-width:640px; min-width:320px; margin:0 auto; position:fixed; top:12%; left:0; right:0; z-index:9999;}
.gallery_notice_view_con > .view_con > .btn_con .popup_con > .contents_con {width:70%; margin:0 auto;}
.gallery_notice_view_con > .view_con > .btn_con .popup_con > .contents_con > .close_con {margin-bottom:3%; text-align:right;}
.gallery_notice_view_con > .view_con > .btn_con .popup_con > .contents_con > .close_con img {width:14px;}
.gallery_notice_view_con > .view_con > .btn_con .popup_con > .contents_con > .info_con {height:300px; border:1px solid #c4c4c4; background-color:#ffffff; overflow-y:scroll;}
.gallery_notice_view_con > .view_con > .btn_con .popup_con > .contents_con > .info_con img {display:block; width:100%;}
.gallery_notice_view_popup_con_bg {width:100%; max-width:640px; min-width:320px; background-color:#000000; opacity:0.5; position:absolute; top:0; left:0; z-index:999; display:none;}