/*css*/

#wrap {width:100%;height:100%;}
#header {width:100%;border-top:3px solid #337ab7;position:relative;z-index:9999;
-webkit-box-shadow: 0px 5px 5px 0px rgba(51,51,51,0.25);
-moz-box-shadow: 0px 5px 5px 0px rgba(51,51,51,0.25);
box-shadow: 0px 5px 5px 0px rgba(51,51,51,0.25);
}

#main {width:100%;}
#footer {width:100%;padding:20px 0;border-top:1px solid #c4c4c4;}

/*header*/
#header_aside {background:#5ba4e6;}
#header_aside ul li {float:right;margin:5px;}
#header_aside ul li a {display:block;color:#fff;padding:5px;}
#header_menu h1 {float:left;margin:10px 0;}
#header_menu h1 a {display:block;width:156px;height:60px;}
#header_menu #header_nav {float:right;}
#header_menu #header_nav > ul > li {float:left;}
#header_menu #header_nav > ul > li > a {display:block;font-size:18px;line-height:60px;padding:10px 25px;font-weight:bold;}
#header_menu #header_nav > ul > li:hover .hn_sub {display:block;}
#header_menu #header_nav .hn_sub {display:none;position:relative;z-index:9999;}
#header_menu #header_nav .hn_sub ul {position:absolute;left:0;min-width:100%;padding:10px 0;background:#f3f3f3;}
#header_menu #header_nav .hn_sub ul li {font-size:14px;text-align:center;}
#header_menu #header_nav .hn_sub ul li a {display:block;padding:5px;}
#header_menu #header_nav .hn_bar {display:none;font-size:32px;line-height:60px;margin:10px 0px;}


/*mobile_gnb*/
#mobile_gnb {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.5);z-index:9;overflow-y: auto}
#mobile_gnb > div {float:right;width:200px;min-height:100%;padding:20px 0;background:rgba(0,0,0,0.6);}
#mobile_gnb .mobile_menu {position:relative;padding-top:50px;margin-top:40px;border-top:1px solid #111;background:#2e2f31;}
#mobile_gnb .mobile_menu .m_menu_tit {font-size:14px;line-height:50px;color:#fff;border-top:1px solid #111;padding:0 15px 0 20px;}
#mobile_gnb .mobile_menu .m_menu_tit:nth-child(11) {border-bottom:1px solid #111;}
#mobile_gnb .mobile_menu .m_menu_tit:hover {color:#79d2e7;}
#mobile_gnb .mobile_menu .m_menu_tit a {color:#fff;display:block;line-height:40px;padding:0 20px;}
#mobile_gnb .mobile_menu .m_menu_tit span {float:right;margin-right:5px;font-size:14px;}
#mobile_gnb .mobile_menu .m_menu_sub {display:none;background:#222224;}
#mobile_gnb .mobile_menu .m_menu_sub li {line-height:30px;border-bottom:1px solid #444;}
#mobile_gnb .mobile_menu .m_menu_sub li:last-child {border-bottom:0;}
#mobile_gnb .mobile_menu .m_menu_sub a {color:#fff;display:block;line-height:40px;padding:0 20px;}
#mobile_gnb .hn_home {position:absolute;top:13px;left:15px;font-size:14px;color:#bbb;}
#mobile_gnb .hn_home i {font-size:24px;color:#ccc;margin-right:5px;}
#mobile_gnb .hn_home:hover {color:#ccc;}
#mobile_gnb .hn_close {position:absolute;top:10px;right:10px;display:block;width:30px;height:30px;cursor:pointer;background:url(/img/close.png)}

/*main*/
/*main_slide*/
#main_slide .main_swiper {width:100%;height:440px;}
#main_slide .main_swiper .swiper-pagination-progressbar {top:auto;bottom:0;}
#main_slide .swiper-button-prev, #main_slide .swiper-container-rtl .swiper-button-next {left:20px;}
#main_slide .swiper-button-next, #main_slide .swiper-container-rtl .swiper-button-prev {right:20px;}
#main_slide .main_swiper .swiper-slide {position:relative;}
#main_slide .main_swiper .swiper-slide h3 {position:absolute;top:20%;left:20%;font-size:30px;font-weight:bold;line-height:1.5em;background:rgba(51,122,183,0.8);padding:20px;color:#fff;}
#main_slide .main_swiper .m_slide01 {background:url(/theme/company_simple/img/m_slide01.jpg) no-repeat;}
#main_slide .main_swiper .m_slide02 {background:url(/theme/company_simple/img/m_slide02.jpg) no-repeat;}
#main_slide .main_swiper .m_slide03 {background:url(/theme/company_simple/img/m_slide03.jpg) no-repeat;}

/*main_content*/
#main_cont_top > div {height:200px;}
#main_cont_bot > div {height:200px;}

/*cont_title*/
#main_content .mc_title {position:relative;padding:30px 0 20px;font-size:20px;font-weight:bold;}
#main_content .mc_title:after {content: '';position:absolute;left:0;top:20px;width:70px;height:1px;background:#337ab7;}
#main_content .mc_title span {color:#337ab7;}

/*cont_board*/
#main_content .mc_board ul li {border-bottom:1px solid #eee;position:relative;padding-left:20px;}
#main_content .mc_board ul li:last-child {border-bottom:0;}
#main_content .mc_board ul li a:after {position: absolute;content: '';left:10px;top:13px;width:3px;height:3px;background:#666;}
#main_content .mc_board ul li a {display:block;line-height:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*cont_txt*/
#main_content .mc_txt {padding:20px;text-align:center;}
#main_content .mc_txt p {font-size:14px;}

/*cont_cs*/
#main_content .mc_cs {text-align:center;}
#main_content .mc_cs li {margin:5px 0;}
#main_content .mc_cs li:nth-child(1) {font-size:26px;font-weight:bold;}
#main_content .mc_cs li:nth-child(2) {font-size:18px;color:#666;font-weight:bold;}
#main_content .mc_cs li:nth-child(3) {font-size:14px;}

/*cont_slide*/
#main_content .sub_swiper {width:100%;height:200px;}
#main_content .sub_swiper .swiper-button-next, #main_content .sub_swiper .swiper-button-prev {top:40%;}
#main_content .sub_swiper a {display:block;color:#333;}
#main_content .sub_swiper .item_list {position:relative;}
#main_content .sub_swiper .item_list dt {text-align:center;font-size:14px;padding:5px 0;position:absolute;left:0;right:0;bottom:40px;background:rgba(0,0,0,0.7);color:#fff;}
#main_content .sub_swiper .item_list dd {text-align:center;}
#main_content .sub_swiper .item_list dd img {width:100%;height:140px;}
#main_content .sub_swiper .item_list dd.price {font-weight:bold;font-size:16px;line-height:40px;}

/*cont_contact*/
#main_content .mc_contact_form {margin-top:20px;position:relative;}
#main_content .mc_contact_form h3 {font-size:16px;color:#666;margin-bottom:10px;}
#main_content .mc_contact_form li {margin-bottom:5px;}
#main_content .mc_contact_form li input[type="text"] {width:100%;border:1px solid #c4c4c4;padding:4px 5px;}
#main_content .mc_contact_form li textarea {width:100%;border:1px solid #c4c4c4;padding:4px 5px;}
#main_content .mc_contact_form li label input {margin-right:5px;}
#main_content .mc_contact_form li:last-child {line-height:24px;margin-bottom:0;}
#main_content .mc_contact_form li:last-child a {display:inline-block;line-height:19px;}
#main_content .mc_contact_form li:last-child input[type="submit"] {border:0;background:#337ab7;color:#fff;border-radius:4px;padding:2px 5px;float:right;}
#main_content .mc_contact_form .mc_contact_more {position:absolute;top:0;right:0;color:#666;cursor:pointer;}
#main_content .mc_contact_form .mc_contact_terms {display:none;position:absolute;top:27px;left:0;right:0;}
#main_content .mc_contact_form .mc_contact_terms textarea {width:100%;height:116px;padding:10px;overflow-y:scroll;resize:none}

/*footer*/
#footer_logo h2 {height:60px;}
#footer_content {padding:0 40px;}
#footer_nav {margin-bottom:20px;}
#footer_nav li {display:inline-block;margin-right:10px;}
#footer_nav li span.bar {margin-left:10px}
#footer_nav li:last-child {margin-right:0;}
#footer_address li {color:#888;line-height:26px;word-break:keep-all;word-wrap:break-word;}


/*sub_title*/
#sub_title {height:150px;background:url(/theme/company_simple/img/m_slide01.jpg) center no-repeat;}
#sub_title h3 {font-size:26px;font-weight:bold;padding-top:30px;text-shadow:1px 1px 1px rgba(255,255,255,1);}
#sub_title h3 span {color:#337ab7;}
#sub_title h3 p {color:#333;font-size:40px;margin-top:10px;}

/*sub_nav*/
#sub_nav {border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;}
.sub_nav_wrap {border-left:1px solid #c4c4c4;padding:0;}
.sub_nav_wrap > div {float:left;border-right:1px solid #c4c4c4;padding:5px 25px 0 25px;font-size:14px;line-height:40px;}
#sub_nav .sn_home {padding:0;}
#sub_nav .sn_home a {display:block;font-size:18px;color:#555;padding:5px 15px 0 15px;}
#sub_nav .sn_nav01 {font-weight:bold;}
#sub_nav .sn_nav02 {position:relative;cursor:pointer;color:#337ab7;}
#sub_nav .sn_nav02 i {font-size:18px;vertical-align:middle;}
#sub_nav .sn_nav02 span {margin-left:5px;}
#sub_nav .sn_nav02 span.sn_nav_up {display:none;}
#sub_nav .sn_nav02 .sn_sub {display:none;position:absolute;left:-1px;right:-1px;background:#fff;border:1px solid #c4c4c4;z-index:9999;}
#sub_nav .sn_nav02 .sn_sub li {border-bottom:1px solid #c4c4c4;}
#sub_nav .sn_nav02 .sn_sub li:last-child {border-bottom:0;}
#sub_nav .sn_nav02 .sn_sub li.on a {color:#337ab7;}
#sub_nav .sn_nav02 .sn_sub li a {font-size:12px;padding:5px 0 5px 10px;}

/*sub_content_title*/
#sub_content_title {position:relative;padding:20px 15px 40px;margin-top:40px;margin-bottom:40px;border-bottom:1px solid #c4c4c4;}
#sub_content_title:after {content: '';position:absolute;left:15px;top:10px;width:40px;height:2px;background:#337ab7;}
#sub_content_title h2 {font-size:32px;font-weight:bold;}
#sub_content_title span {font-weight:normal;font-size:20px;padding-left:10px;}

/*sub_content*/
#sub_content {margin:40px 0;}
.board_content {margin:40px auto 40px;}

/*sub_company01*/
#sub_company01 img {width:100%;height:100%;}
#sub_company01 > div {margin-bottom:40px;}
#sub_company01 > div:last-child {margin-bottom:0;}
#sub_company01 dl, #sub_company01 ul {padding:20px;}
#sub_company01 dl dt {font-size:20px;line-height:2em;}
#sub_company01 dl dd, #sub_company01 ul li {font-size:14px;line-height:2em;word-break:keep-all;word-wrap:break-word;}

/*sub_company02*/
#sub_company02 .history {padding:20px;}
#sub_company02 .history > div {margin-bottom:20px;}
#sub_company02 .history .history_title {background:#337ab7;padding:10px 20px;cursor:pointer;font-size:20px;color:#eee;margin-bottom:10px;border:0;}
#sub_company02 .history .history_title span {margin-right:10px;}
#sub_company02 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {color:#fff!important;}
#sub_company02 .history .history_cont {background:#f3f3f3;padding:20px;}
#sub_company02 .history .history_cont p {font-size:14px;line-height:2em;}

/*sub_company03*/
#sub_company03 #map {height:450px;margin-bottom:20px;}
#sub_company03 p {font-size:14px;line-height:2em;word-break:keep-all;word-wrap:break-word;}

/*sub_business01*/
#sub_business01 img {width:100%;}
#sub_business01 h3 {margin-top:20px;font-size:18px;line-height:2em;}
#sub_business01 dl {margin-top:20px;}
#sub_business01 dl dt {font-size:18px;line-height:2em;margin-bottom:20px;}
#sub_business01 dl dd {font-size:14px;line-height:2em;}

/*sub_product01*/
#sub_product01 > div {margin-bottom:40px;padding:40px 0;border-bottom:1px solid #c4c4c4;}
#sub_product01 > div:last-child {margin-bottom:0;border-bottom:0;}
#sub_product01 img {width:100%;}
#sub_product01 h3 {margin:20px 0;}
#sub_product01 p {font-size:14px;line-height:2em;margin:20px 0;}
.product_slide {height:500px;}

/*sub_board*/
/*common*/
#sub_board {min-height:250px;}
#sub_board_title {margin-bottom:40px;border-bottom:1px dashed #c4c4c4;}
#sub_board_title h3 {background:#337ab7;color:#fff;font-size:18px;padding:15px 20px;font-weight:bold;text-shadow: 1px 1px 1px rgba(0,0,0,1);}
#sub_board_info {background:#f3f3f3;padding:10px;text-align:right;color:#666;}
#sub_board_info strong {margin-right:10px;}
#sub_board_info strong:last-child {margin-right:0;}

.page_url {padding:5px 0;text-align:right;}
.page_url a {display:inline-block;margin-left:10px;background:#337ab7;color:#fff;border-radius:4px;padding:2px 4px;}

#sub_board_content {min-height:200px;margin-bottom:40px;}
#sub_gallery_content {padding:0;}

.sub_board_btn_admin {position:absolute;top:0;left:0;}
.sub_board_btn_admin li {float:left;margin-right:10px;}
.sub_board_btn_admin li a, .sub_board_btn_admin li input {display:block;padding:5px 10px;background:#778899;color:#fff;border:0;}
.sub_board_btn_user {position:absolute;top:0;right:0;}
.sub_board_btn_user li {float:left;}
.sub_board_btn_user li:nth-child(2) {margin-left:10px;}
.sub_board_btn_user li a {display:inline-block;padding:5px 10px;background:#f08080;color:#fff;border:0;}

.board_btn_center {max-width:1170px;height:29px;margin:0 auto 40px;text-align:center;position:relative;padding:0;}
.board_btn_center a {display:inline-block;padding:5px 15px;background:#5f9ea0;color:#fff;border:0;}

#sub_board_page {text-align:center;}
#sub_board_page nav a {padding:5px 8px;background:#778899;color:#fff;}
#sub_board_page nav .pg_current {padding:5px 8px;background:#fff;color:#778899;border:1px solid #778899;}

#sub_board_search {margin:20px auto 40px;text-align:center;}
#sub_board_search select {height:28px;}
#sub_board_search input[type="text"] {padding:2px 5px;height:28px;border:1px solid #c4c4c4;}
#sub_board_search input[type="submit"] {height:28px;padding:0 10px;background:#337ab7;color:#fff;border:0;}

.empty_list {text-align:center;line-height:100px;}

/*common_comment*/
#sub_board_comment {border-top:1px solid #c4c4c4;}
#board_comment_list {margin-bottom:20px;position:relative;}
#board_comment_list .empty_list {background:#f8f8f8;}
#board_comment_list h3 {margin-bottom:10px;position:relative;}
#board_comment_list h3 b {font-size:14px;color:#337ab7;}
#board_comment_list .date {font-size:12px;color:#666;}
#board_comment_list .comment_reply {position:absolute;left:-20px;}
#board_comment_list .comment_l {padding-bottom:20px;border-bottom:1px solid #c4c4c4;}
#board_comment_list .comment_edit {margin-top:20px;}
#board_comment_list .comment_btn {margin-top:20px;}
#board_comment_list .comment_btn li {float:left;margin-right:5px;}
#board_comment_list .comment_btn li:last-child {margin-right:0;}
#board_comment_list .comment_btn li a {color:#888;}
#board_comment_write {margin-bottom:20px}
#board_comment_w {border:1px solid #c4c4c4;}
#board_comment_w .comment_top {padding:10px 20px;background:#fff;}
#board_comment_w .comment_top label input {margin-right:5px;}
#board_comment_w .comment_top .name {float:right;font-weight:bold;color:#337ab7;}
#board_comment_w .comment_write textarea {float:left;width:90%;border:0;border-top:1px solid #c4c4c4;padding:4px 20px;}
#board_comment_w .comment_write input[type="submit"] {float:right;display:block;width:10%;height:85px;background:#337ab7;color:#fff;border:0;}
#board_comment_w .comment_write input[type="submit"]:hover {opacity:0.7;}

/*gallery*/
#sub_gallery_cate {border:2px solid #337ab7;border-radius:4px;padding:20px;margin-bottom:20px;}
#sub_gallery_cate ul li {float:left;;margin-right:20px;}
#sub_gallery_cate ul li:last-child {margin-right:0;}
#sub_gallery_cate ul li a {display:block;font-size:14px;}
#sub_gallery_cate ul li #bo_cate_on {font-weight:bold;color:#337ab7;}

#sub_gallery_content .gall_list {margin-bottom:20px;}
#sub_gallery_content .gall_list .gall_img a {display:block;}
#sub_gallery_content .gall_list .gall_img a img {width:100%;}
#sub_gallery_content .gall_list .gall_text {padding:20px 0;}
#sub_gallery_content .gall_list .gall_text a {font-size:14px;}
#sub_gallery_content .gall_list .gall_text b {font-size:16px;margin:0 5px;}

/*board_product*/
#sub_board_inpage {margin-bottom:20px;}
#board_inpage_img {text-align:center;margin-bottom:20px;}
#board_inpage_img img {max-width:400px;max-height:400px;}
#board_inpage_text {background:#f3f3f3;padding:20px;}
#board_inpage_text h3 {padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #333;}
#board_inpage_text p {line-height:2em;word-break:keep-all;word-wrap:break-word;}

#board_product_info {margin:20px 0;}
#board_product_info .product_price {border:4px solid #c4c4c4;text-align:center;padding:10px;font-size:16px;}
#board_product_info .product_link {border:1px solid #c4c4c4;padding:20px 20px 40px;margin:20px 0;}
#board_product_info .product_link p {margin-bottom:20px;}

#board_inpage_thumb li {float:left;width:25%;padding:20px;cursor:pointer;}
#board_inpage_thumb li:hover {opacity:0.8;}
#board_inpage_thumb li img {width:100%;}




/*@media screen*/

@media screen and (max-width: 1024px) {
.ctt_admin {right:20px;}

}

@media screen and (max-width: 768px) {

/*main*/
#header_menu #header_nav > ul > li > a {padding:10px 10px;}

#main_cont_top > div {height:auto;margin-bottom:40px;}
#main_cont_bot > div {margin-bottom:40px;}
#main_cont_bot > div:last-child {margin-bottom:0;}

#main_slide .main_swiper .swiper-slide h3 {left:15%;font-size:24px;}

#footer {margin-top:40px;text-align:center;}

/*sub*/
#sub_company01 > div:nth-child(2) {margin-bottom:0;}
#sub_company02 .sub_company02_img {display:none;}

#sub_product01 > div:nth-child(2) {margin-bottom:0;}

}

@media screen and (max-width: 640px) {

/*main*/
#header_menu #header_nav > ul > li {display:none;}
#header_menu #header_nav .hn_bar {display:block;}

#main_slide .main_swiper {height:300px;}
#main_slide .main_swiper .swiper-slide h3 {left:0;width:100%;text-align:center;}
#main_slide .swiper-button-prev, #main_slide .swiper-container-rtl .swiper-button-next {display:none;}
#main_slide .swiper-button-next, #main_slide .swiper-container-rtl .swiper-button-prev {display:none;}

#main_content .sub_swiper .item_list dd.price {font-size:14px;}
#main_content .swiper-button-next, #main_content .swiper-button-prev {display:none;}

/*sub*/
#sub_title h3 {font-size:22px;}
#sub_title h3 p {font-size:36px;}

#sub_content_title h2 {font-size:28px;}
#sub_content_title span {font-size:15px;}

.table_wrap table td input[type="text"], .table_wrap table td input[type="password"], .table_wrap table td textarea {width:100%!important;}

#captcha {height:140px;padding:80px 0 0 0;}
#captcha_img {top:0;}
#captcha_key {min-width:150px;}

#board_comment_w .comment_write textarea {width:80%;}
#board_comment_w .comment_write input[type="submit"] {width:20%;}

#find_info_wrap #captcha {text-align:center;}
#find_info_wrap #captcha_img {left:30%;}
#find_info_wrap #captcha_reload {display:inline-block;margin:7px 10px 0 0;}

#sub_board_search input[type="text"] {width:50%;}
}