@CHARSET "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(board.css);
body *{font-family:'Nanum Gothic';}

.wrap_top_bar{background:#ffa113;}
.wrap_top_bar .top_bar{width:1100px;margin:0 auto;position:relative;line-heighT:37px;height:37px;}
.wrap_top_bar .top_bar li{display:inline-block;}
.wrap_top_bar .top_bar a{line-heighT:37px;display:block;}
.wrap_top_bar .top_bar .menu01 a{color:#fff;font-size:14px;padding:0 30px;font-weight:bold;}
.wrap_top_bar .top_bar .menu01 .active a{color:#eea83f;background:#fff;}
.wrap_top_bar .top_bar .menu02{position:absolute;right:0;top:0;}
.wrap_top_bar .top_bar .menu02 a{color:#653d00;font-size:12px;padding-left:30px;font-weight:bold;}
.wrap_top_bar .top_bar .menu02 .btn_bookmark a{padding-right:27px;background: url('/images/btn_favor.png') right 10px no-repeat;}

.header{width:1100px;margin:0 auto;height:97px;position:relative;}
.header h1{padding:16px 0 0 0px;display:inline-block;}
.header #gnb_main{position:absolute;right:0px;bottom:22px;}
.header #gnb_main li{display:inline-block;}
.header #gnb_main li a{display:block;color:#000;font-size:15px;}
.header #gnb_main li a:hover,.header #gnb_main li.active a{color:#ffa113;}

#gnb_main{clear:both;height:34px;}
#gnb_main ul{}
#gnb_main i{float:right;padding-right:5px;position:relative;top:1px}
#gnb_main li{display:block;float:left;padding:0 5px;margin-right:0px;text-align:center;position:relative;width:120px;}
#gnb_main li a{display:block;color:#000;font-size:15px;font-weight:bold;padding:13px 10px;box-sizing:border-box;font-weight:bold;}
#gnb_main li a:hover{text-decoration:none;color:#fff;}
#gnb_main:hover li.bg{border-radius:10px 10px 0 0;}
#gnb_main li:hover a.menu{position:relative;z-index:9999;overflow:hidden;background:#ffa113;border:1px solid #fff;box-sizing:border-box;border-bottom:1px solid #fff;;color:#fff;}
#gnb_main li:hover{}

#gnb_main ul.depth2{position:absolute;width:120px;background:#72776c!important;display:none;z-index:1000;border:1px solid #ababab;border-top:0px;box-sizing:border-box;margin-top:-5px;padding:5px 0 0px 0px;overflow:hidden;}
#gnb_main ul.depth2 li{font-weight:bold;font-size:14px;color:#000;display:block;clear:both;float:none;position:relative;text-align:right;padding:0;}
#gnb_main ul.depth2 li a{color:#fff;border:none;display:block;padding:0 0 0 0px;line-height:34px;font-size:14px;border-bottom:1px solid #fff;text-align:center}
#gnb_main ul.depth2 .tit{padding:15px 0 2px;}
#gnb_main ul.depth2 *{box-sizing:border-box}
.wrap_slider {border-top:1px solid #ffa113;position:relative;}
.wrap_slider li{height:400px;}
.wrap_slider .bg01{background: url('/images/img_slide05.jpg') center 0px no-repeat;}
.wrap_slider .bg02{background: url('/images/img_slide06.jpg') center 0px no-repeat;}
.wrap_slider .bg03{background: url('/images/img_slide03.jpg') center 0px no-repeat;}
.wrap_slider .bg04{background: url('/images/img_slide04.jpg') center 0px no-repeat;}
.wrap_slider .bx-wrapper .bx-pager {
	z-index:999;
	position:absolute;
	left:0;
	bottom:31px;
	width:100%;
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 10px;
}

.wrap_slider .bx-wrapper .bx-pager .bx-pager-item,
.wrap_slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.wrap_slider .bx-wrapper .bx-pager.bx-default-pager a {
	background: #a59a8d;
	text-indent: -9999px;
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.wrap_slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.wrap_slider .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff;
}

#container{width:1100px;margin:0 auto;}
#wrap.main .section01 {
    overflow: hidden;
    padding: 57px 0 63px;
}

#wrap.main .section01 .section01_1{width:371px;float:left;background: url('/images/bar_section01.png') right 0px no-repeat;padding-bottom:30px;}
#wrap.main .section01 .section01_2{width:702px;float:right;}
#wrap.main .section01 .section01_1 .more{margin-right:18px;}
#wrap.main .section01 h2{overflow:hidden;color:#ffa113;font-size:21px;padding-top:19px;}
#wrap.main .section01 h2 p{color:#000;font-size:28px;padding-top:5px;}
#wrap.main .section01 h2 .more{float:right;}
#wrap.main .section01 .section01_1 .cont{text-align:left;padding-top:17px;}
#wrap.main .section01 .section01_1 .cont p {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    margin-top: -28px;
}
/*#wrap.main .section01 .section01_1 p{padding-left:18px;text-align:left;color:#000;font-size:14px;line-height:20px;margin-top:16px;}
*/
#wrap.main .section01 .section01_2 ul{overflow:hidden;width:110%;margin-top:19px;}
#wrap.main .section01 .section01_2 ul li{float:left;width:224px;margin-right:17px;text-align:center;}
#wrap.main .section01 .section01_2 ul li p{color:#686868;font-size:14px;line-height:18px;margin-top:13px;}

ul.board_gallery {
    overflow: hidden;
    width: 103%;
    margin-top: 19px;
    margin-left: 80px;
}
ul.board_gallery li{padding-bottom:20px;float:left;width:224px;margin-right:17px;text-align:center;}
ul.board_gallery li p{color:#686868;font-size:14px;line-height:18px;margin-top:13px;}
ul.board_gallery li img{width:224px;height:153px;}
#wrap.main .section02 h2{overflow:hidden;color:#000;font-size:12px;background: url('/images/bar_amin_tit.png') 0 bottom no-repeat;text-transform: uppercase;margin-bottom:18px;height: 22px;}
#wrap.main .section02 h2 *{color:#f49300;font-size:12px;}
#wrap.main .section02 h2 .more{float:right;}
#wrap.main .section02{padding-bottom:121px;overflow:hidden;}
#wrap.main .section02 .wrap_news{width:382px;float:left;}
#wrap.main .section02 .section02_1{width:275px;float:left;margin:0 38px 0 46px;}
#wrap.main .section02 .section02_2{width:275px;float:left;margin:0 38px 0 46px; }

.wrap_slider02 {position:relative;padding-top:10px;}
.wrap_slider02 li{border:1px solid #d8d8d8;box-sizing:border-box;}
.wrap_slider02 .bg01{background: url('/images/img_slide01.png') center 0px no-repeat;}
.wrap_slider02 .bx-wrapper .bx-pager {
	z-index:999;
	position:absolute;
	right:-3px;
	top:-8px;
	width:100%;
	text-align: right;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	font-size:0;
	color: #666;
}
.wrap_slider02 .bx-wrapper .bx-pager .bx-pager-item,
.wrap_slider02 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.wrap_slider02 .bx-wrapper .bx-pager.bx-default-pager a {
	background: #c2c2c2;
	text-indent: 9999px;
	display: block;
	width: 7px;
	height: 7px;
	margin: 0 3px;
	outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.wrap_slider02 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.wrap_slider02 .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #454545;
}

#wrap.main .section02 .wrap_news .news{padding-bottom:18px;}
#wrap.main .section02 .wrap_news .news *{color:#6d6969;font-size:12px;}
#wrap.main .section02 .wrap_news .news li{background: url('/images/dot_news.png') 0px center  no-repeat;padding-left:10px;overflow:hidden;line-height:20px;}
#wrap.main .section02 .wrap_news .news li .date{float:right;}

#wrap.main .section02 .banner{overflow:hidden;border-left:1px solid #b8b8b8;}
#wrap.main .section02 .banner li{float:left;width:189px;border:1px solid #b8b8b8;border-left:0;padding:82px 0 20px;text-align:center;}
#wrap.main .section02 .banner li *{color:#7f7f7f;font-size:11px;}
#wrap.main .section02 .banner li strong{color:#000;font-size:16px;}
#wrap.main .section02 .banner li p{line-height:15px;padding-top:13px;}
#wrap.main .section02 .banner li p span{color:#f29a00;}
#wrap.main .section02 .banner li.banner01{background: url('/images/icon_inquiry.png') center 18px no-repeat;}
#wrap.main .section02 .banner li.banner02{background: url('/images/icon_map.png') center 18px no-repeat;}
#wrap.main .section02 .banner li.banner01_n{background: url('/images/main/icon_material.png') center 18px no-repeat;}
#wrap.main .section02 .banner li.banner02_n{background: url('/images/main/icon_notice_main.png') center 15px no-repeat;}

.wrap_footer{background:#292929}
.footer{width:1100px;margin:0 auto;padding:37px 0 37px 324px;box-sizing:border-box;background: url('/images/logo_tail.png') 147px center  no-repeat;}
.footer *{color:#b8b8b8;font-size:14px;line-height:24px}
.footer .menu_tail li{display:inline-block;padding:0 19px;background: url('/images/bar_footer.png') 0 center no-repeat;}
.footer .menu_tail li:first-child{padding-left:0;background:none}
.footer .address{margin:14px 0 29px;}
.footer i{vertical-align: -7px;display:inline-block;width:16px;height:24px;background: url('/images/bar_footer.png') center center no-repeat;}
.footer span{color:#b77321;}

#wrap.sub .img_sub{height:400px;background: url('/images/img_sub01.jpg') center 0 no-repeat;}
#wrap.sub .img_sub2{height:400px;background: url('/images/img_sub02.jpg') center 0 no-repeat;}
#wrap.sub .img_sub3{height:400px;background: url('/images/img_sub03.jpg') center 0 no-repeat;}
#wrap.sub .img_sub4{height:400px;background: url('/images/img_sub04.jpg') center 0 no-repeat;}
#container.sub .sub_title{line-heighT:135px;color:#2a2a2a;font-size:43px;border-bottom:1px solid #dedede;text-align:center}
.contens_sub{padding:10px 0;}

.wrap_submenu{background:#ffa113}
.wrap_submenu .submenu{width:1100px;margin:0 auto;height:50px;}
.wrap_submenu2 {background:#ffa113}
.wrap_submenu2 {max-width:2000px;margin:0 auto;height:50px;}
.wrap_submenu .submenu *{color:#000;font-size:16px;line-height:44px}
.wrap_submenu .submenu h2{display:inline-block;padding:0 0px 0 50px;background: url('/images/icon_arrow.png') 25px center no-repeat;}
#menu_sub{position:relative;cursor:pointer;display:inline-block;width:132px;background: url('/images/btn_submenu.png') right center no-repeat;}
.wrap_submenu .submenu h2 i{display:inline-block;width:57px;height:50px;background: url('/images/bar_submenu.png') center center no-repeat;vertical-align: -19px;}
#menu_sub .menu_list{width:154px;position:absolute;left:-25px;top:45px;display:none;border:1px solid #d5d5d5;border-bottom:0;background:#f3f3f3;z-index:99999}
#menu_sub .menu_list li{border-bottom:1px solid #d5d5d5;}
#menu_sub .menu_list li a{padding-left:30px;display:block;color:#545454;font-size:13px;line-heighT:42px;}
#menu_sub .menu_list li a:hover{background:#ffa113;color:#fff;font-weight:bold;text-decoration:underline}

#wrap.main .section02 .banner li.border{border-top:0px}

#wrap.main .section01 .section01_2 {
    float: left;
    padding-left: 26px;
    padding-bottom: 50px;
}
#wrap.main .section01 .section01_3{width:343px;float:right;}


.customer-service { float: right; }
.customer-service h2 { margin-bottom: 12px; font-size: 25px; }
.customer-service ul { margin-bottom: 15px; padding: 0 10px; border: 1px solid #d9d9d9; background-color: #f8f8f8; }
.customer-service ul li {
    padding: 9px 0;
    border-top: 1px dashed #ddd;
    font-size: 15px;
	width: 302px;
}
.customer-service ul li:first-child { border-top: none }
.customer-service ul li > label { margin-right: 10px; display: inline-block; width: 70px; font-weight: 600; text-align: right; }
.customer-service ul li > label:after { content: ''; display: inline-block; margin-left: 15px; width: 1px; height: 15px; background-color: #d3d3d3; vertical-align: middle; }
.customer-service ul li input[type=text] { border: none; background: none; height:27px;
line-height: 27px; }
.customer-service ul li select { height: 24px; line-height: 22px; }
.customer-service ul li textarea {
    margin-bottom: 10px;
    width: 100%;
    height: 97px;
}
.customer-service ul li label.privacy {
    font-size: 11px;
    font-weight: 600;
    line-height: 24px;
}
.customer-service ul li .button {
    float: right;
    height: 25px;
    background-color: #000;
    font-size: 13px;
    line-height: 25px;
    padding: 0px 17px;
}
.customer-service .message { background-color: #ee8c00; font-size: 21px; color: #fff; line-height: 57px; text-align: center; }

form a.popup-trigger {
    display: inline-block;
    padding: 0 5px;
    line-height: 1.25;
    text-indent: 0;
    color: #fff;
    background-color: #8C8984;
    font-size: 12px;
    vertical-align: middle;
}

/*------------------------------------*
    개인정보취급방침
 *------------------------------------*/
#privacy-policy { position: fixed; /* keeps the privacy-policywindow in the current viewport */ top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6000000, endColorstr=#A6000000);
text-align: center; z-index: 999999; }
#privacy-policy .policy-wrapper { overflow: hidden; margin: 50px auto; position: relative; box-shadow: 0 0 25px #111; -webkit-box-shadow: 0 0 25px #111; -moz-box-shadow: 0 0 25px #111; width: 90%; background-color: #fff; border: 1px solid #999; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5); box-shadow: 0 3px 9px rgba(0,0,0,0.5); background-clip: padding-box; max-width: 820px; border-radius: 10px; }
.close-popup { position: absolute; top: 15px; right: 15px; background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-weight: bold; line-height: 1; color: #ccc; text-shadow: 0 1px 0 #fff; }
#privacy-policy .policy-wrapper h4 { padding: 15px; border-bottom: 1px solid #e5e5e5; font-size: 18px; }
#privacy-policy .policy { overflow-y: auto; padding: 30px; text-align: left }
form a.popup-trigger { display: inline-block; padding: 0 5px; line-height: 1.25; text-indent: 0; color: #fff; background-color: #8C8984; font-size: 12px; vertical-align: middle; }
a.popup-trigger2 { display: inline-block; padding: 0 5px; line-height: 1.25; text-indent: 0; color: #fff; font-size: 12px; vertical-align: middle; }
#privacy-policy .policy {
    overflow-y: auto;
    padding: 30px;
    text-align: left;
    line-height: 20px;
}
.wrap_banner_greet{padding:88px 0 60px 48px;}
.wrap_banner_greet .section .txt{ background: url('/images/flag_about_us.png') 55px 0px no-repeat;padding-left:146px;float:left;margin-top:13px;}
.wrap_banner_greet .section{height:177px;padding-bottom:68px;overflow:hidden;}
.wrap_banner_greet .section.section02 .txt{margin-top:6px;background: url('/images/flag_about_china.png') 55px 0px no-repeat;}
.wrap_banner_greet .section .address{text-transform: uppercase;}
.wrap_banner_greet .section p{text-transform: uppercase;color:#000;}
.wrap_banner_greet .section *{line-height:29px;font-size:16px; font-weight: bold;}
.wrap_banner_greet .section strong{color:#ff7800;}
.wrap_banner_greet .section li{color:#6c6c6c;}
.wrap_banner_greet .section .banner{float:left;}

/* 갤러리 목록 */

#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
.gall_li {float:left;margin:0 24px 30px 0}
#gall_ul{margin-left: 45px;overflow:hidden;}
.gall_con {margin:0;padding:0;list-style:none}
.gall_con li {margin:0 0 4px}
.gall_con .gall_subject {display:inline-block;width:50px}

.gall_now .gall_text_href a {color:#666}
#gall_ul .sound_only{display:none;}
.gall_href a:link, .gall_href a:focus, .gall_href a:hover {text-decoration:none}
.gall_href strong, .gall_href span {display:inline-block;background:#f7f7f7;text-align:center;line-height:10em}
.gall_text_href{text-align:center;}
.gall_text_href {margin:10px 0 !important}
.gall_text_href a {font-weight:bold;color:#666;font-size: 13px;
line-height: 17px;}
.gall_text_href span {display:inline !important}
.gall_text_href img {margin:0 0 0 4px}

/* 게시판 목록 공통 */
.bo_fx {margin-bottom:5px;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;padding-top:5px}
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:7px;border:0;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle}
.bo_notice td {background:#f7f7f2}
.bo_notice td a {font-weight:bold;color: #666;
text-decoration: none;}
.td_num strong {color:#000}
.bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#666 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */
.bo_current {color:#e8180c}

#bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

li.empty_list {padding:85px 0;text-align:center}

/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#quick_n {  
  position:absolute;
  top: 583px;
  right: -100px;
  z-index:99999;
}
#quick_n .list_quick{background:#fff;border:1px solid #f7941e;border-top:0;border-radius:0 0 5px 5px;}
#quick_n .list_quick li{padding-bottom:20px;}

.main_medal{position:absolute;left:-140px;top:20px;z-index:99999;}


.pop_chart a{color:#000;position:absolute;right:0;width:30%;height:78px;display:inline-block;font-size:0;}

.pop_chart{left:0;top:0;display:none;position:fixed;z-index:9999; width:100%;height:100%;background: rgba(0,0,0,.3);}
.pop_chart_inner{position:absolute;width:697px;left:50%;top:8%;z-index:99999;margin-left:-350px;}

#privacy-policy { position: fixed; /* keeps the privacy-policywindow in the current viewport */ top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6000000, endColorstr=#A6000000);
text-align: center; z-index: 999999; }
#privacy-policy .policy-wrapper { overflow: hidden; margin: 50px auto; position: relative; box-shadow: 0 0 25px #111; -webkit-box-shadow: 0 0 25px #111; -moz-box-shadow: 0 0 25px #111; width: 90%; background-color: #fff; border: 1px solid #999; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5); box-shadow: 0 3px 9px rgba(0,0,0,0.5); background-clip: padding-box; max-width: 820px; border-radius: 10px; }
.close-popup { position: absolute; top: 15px; right: 15px; background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-weight: bold; line-height: 1; color: #ccc; text-shadow: 0 1px 0 #fff; }
#privacy-policy .policy-wrapper h4 { padding: 15px; border-bottom: 1px solid #e5e5e5; font-size: 18px; }
#privacy-policy .policy { overflow-y: auto; padding: 30px; text-align: left }
form a.popup-trigger { display: inline-block; padding: 0 5px; line-height: 1.25; text-indent: 0; color: #fff; background-color: #8C8984; font-size: 12px; vertical-align: middle; }
a.popup-trigger2 { display: inline-block; padding: 0 5px; line-height: 1.25; text-indent: 0; color: #fff; font-size: 12px; vertical-align: middle; }