/**************************************************
* 0 - common
**************************************************/
.body_wrap { background-color:#ffffff; height:100%; left:0; position:fixed; top:0; width:100%; z-index:999; display:none; }
.body_wrap i { display:block; left:0; margin-top:-16px; position:absolute; text-align:center; top:50%; width:100%; }

@media (min-width:0) {
    .inner { box-sizing:border-box; padding:0 10px; position:relative; }
}
@media (min-width:1220px) { 	
    .inner { margin:0 auto; width:1200px; }
}

/* section 공통 */
@media (min-width:0) {
    .section { padding:50px 10px; }
    .section_title { font-size:25px; margin-bottom:20px; color:#333; }
    .section_title.wcolor { color:#fff; }
    
}
@media (min-width: 1024px) { 	
    .section { padding:50px 10px; }
	.section_title { font-size:40px; margin-bottom:40px; }
	
}
@media (min-width: 1200px) { 	
    .section { padding:60px 0; }
}

/* custom.css */
.clearfix:after { clear:both; content:""; display:block; overflow:hidden; }
.txc { text-align:center; }
.ell1 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.4; height:1.4em; }
.ell2 { display:inline-block; font-size:14px; max-height:2.8em; line-height:1.4; overflow:hidden; width:100%; }
.ell3 { display:inline-block; font-size:14px; /*max-height:4.2em;*/ line-height:1.4; /*overflow:hidden;*/ width:100%; }
.ell4 { display:inline-block; font-size:14px; max-height:5.6em; line-height:1.4; overflow:hidden; width:100%; }
.ell5 { display:inline-block; font-size:14px; max-height:7em; line-height:1.4; overflow:hidden; width:100%; }

/*드랍다운*/
.dropbtn { background-color:#fff; border:none; color:#fff; cursor:pointer; font-size:13px; padding:10px; }
.dropbtn_default { background-color:#000; }
.dropdown { display:inline-block; position:relative; }
.dropdown-content { background-color:#fff; border:1px solid #ccc; border-top:0; display:none; min-width:160px; overflow:auto; position:absolute; z-index:2; }
.dropdown-content a { color:#555; display:block; font-size:12px; padding:10px; text-decoration:none; }
.dropdown a:hover { background-color:#f1f1f1; }
.dropdown-content.show { display:block; }

/* lang style */
.subheader-gtrans { float:right; display:inline-block; }
.goog-te-gadget img { display:none; }
.goog-te-gadget-simple { height:28px; line-height:26px; border-color:#ccc !important; background:#fff url('../images/contents/icon_down_01.png') no-repeat 95% 50%; padding-left:10px; width:80px; text-align:left; }
.goog-te-gadget-simple .goog-te-menu-value { margin:0; color:#666 !important; font-size:12px; }
.goog-te-gadget-simple .goog-te-menu-value img { display:none; margin:0; }
.goog-te-gadget-simple .goog-te-menu-value img + span { display:none; }

div#goog-gt-tt { box-shadow:none !important; -webkit-box-shadow:none !important; }
.goog-te-menu-frame { box-shadow:none !important; -webkit-box-shadow:none !important; }
@media (min-width:1220px) {
    .goog-te-gadget-simple { width:100px; }
}

/**************************************************
* animation
**************************************************/
@-webkit-keyframes fadeEffect { 	
    from { opacity:0; }
	to { opacity:1; }
}
@keyframes fadeEffect { 	
    from { opacity:0; }
	to { opacity:1; }
}
.ani { -moz-transition:all .2s linear 0s; -o-transition:all .2s linear 0s; transition-property:all .2s linear 0s; -webkit-transition:all .2s linear 0s; }
@-webkit-keyframes animatetop { 	
    from { opacity:0; top:-300px; }
	to { opacity:1; top:0; }
}
@keyframes animatetop { 	
    from { opacity:0; top:-300px; }
	to { opacity:1; top:0; }
}

/**************************************************
* iframe
**************************************************/
.video-container { height:100%; overflow:hidden; position:relative; width:100%; }
.video-container iframe, .video-container object, .video-container embed { height:100%; left:0; position:absolute; top:0; width:100%; }

/**************************************************
* modal
**************************************************/
.modal { background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.6); display:none; height:100%; left:0; overflow:auto; padding:50px 0; position:fixed; top:0; width:100%; z-index:9999; }
.modal-content { animation-duration:0.4s; animation-name:animatetop; background-color:#fefefe; border:1px solid #888; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); margin:auto; padding:0; position:relative; -webkit-animation-duration:0.4s; -webkit-animation-name:animatetop; width:95%; }
.close { color:white; float:right; font-size:28px; font-weight:bold; position:absolute; right:10px; top:-35px; width:16px; height:16px; }
.close:hover, .close:focus { color:#000; cursor:pointer; text-decoration:none; }
.modal-header { background-color:#5cb85c; color:white; padding:2px 16px; }
.modal-body { padding:2px 16px; }
.modal-footer { background-color:#5cb85c; color:white; padding:2px 16px; }

@media (min-width:992px) {
    .modal { padding:100px 0; }
}
@media (min-width:1220px) {
    .modal { padding:150px 0; }
}

/**************************************************
* mobile
**************************************************/
@media (max-width:992px) {
    .mobile-only { display:block; }
    .pc-only { display:none; }
}
@media (min-width:992px) {
    .mobile-only { display:none; }
    .pc-only { display:block; }
}
/**************************************************
* hiddencontent
**************************************************/
.hiddencontents { display:none; }
.hiddencontents.on { display:block; }

/**************************************************
* tabbox
**************************************************/
@media (min-width:0) {
    .section .tab { list-style-type:none; margin:0; overflow:hidden; padding:0; }
    .section .tab li { float:left; margin-right:10px; }
    .section .tab li a { background-color:#888888; color:#ffffff; display:block; font-weight:bold; padding:14px 16px; text-align:center; text-decoration:none; transition:0.3s; }
    .section .tab li a:hover,.section .tab li a:focus, .section .tab li a.active { background-color:#f56363; }
    .section .tabcontent { animation:fadeEffect 1s; display:none; padding:6px 12px; -webkit-animation:fadeEffect 1s; }
    
    /* tab_sub */
    .tab_sub { clear:both; position:absolute; top:-10px; width:calc(100% - 20px); z-index:3; }
    .tab_sub .section_tab { background:#fff; border:1px solid #ccc; border-bottom:0; box-sizing:border-box; overflow:hidden; }
    .tab_sub .section_tab li { border-bottom:1px solid #ccc; border-right:1px solid #ccc; box-sizing:border-box; float:left; padding:0; text-align:center; width:50%; }
    .tab_sub .section_tab li:last-child { border-right:none; }
    .tab_sub .section_tab li.on { border-bottom-color:#00529b; }
    .tab_sub .section_tab li.on a { color:#00529b; }
    .tab_sub .section_tab li.bnone { border-right:none; }
    .tab_sub .section_tab li a { color:#787878; display:block; line-height:40px; font-size:12px; }
    .tab_sub .section_tab.i2 li { width:50%; }
    .tab_sub .section_tab.i3 li { width:33.33%; }
    .tab_sub .section_tab.i4 li { width:25%; }
    .tab_sub .section_tab.i5 li { width:20%; }

}
@media (min-width:768px) {
    .tab_sub { width:100%; left:50%; margin-left:-50%; }
    .tab_sub .section_tab li { padding:0 10px; }
    .tab_sub .section_tab li a { font-size:14px; }
}
@media (min-width:992px) {
    .tab_sub .section_tab li a { font-size:15px; }
}
@media (min-width:1220px) {
    .tab_sub { top:-23px;}
    .tab_sub .section_tab li a { line-height:45px; }
}

/**************************************************
* table_num
**************************************************/
.table_num::before { clear:both; content:''; display:block; overflow:hidden; }
.table_num { clear:both; margin:30px 0 0 0; width:100%; text-align:center; }
.table_num ul { height:30px; line-height:30px; display:table; margin:0 auto; }
.table_num ul li { float:left; margin-left:5px; text-align:center; width:30px; height:30px; }
.table_num ul li:first-child{ margin-left:0; }
.table_num ul li a { display:block; font-size:13px; color:#787878; line-height:29px; }
.table_num ul li.on a { color:#00529b; font-weight:600; }
.table_num ul li a.Prev{ display:block; background:url(../images/contents/left.png) center center no-repeat; width:100%; height:100%; background-size:20% auto; }
.table_num ul li a.PrevPrev { display:block; background:url(../images/contents/lleft.png) center center no-repeat; width:100%; height:100%; background-size:31% auto; }
.table_num ul li a.Next{ display:block; background:url(../images/contents/right.png) center center no-repeat; width:100%; height:100%; background-size:20% auto; }
.table_num ul li a.NextNext { display:block; background:url(../images/contents/rright.png) center center no-repeat; width:100%; height:100%; background-size:31% auto; }

@media (max-width: 640px) {
	.table_num ul li { margin-left:4px; width:25px; height:25px; }
	.table_num ul li a{ line-height:24px; }
}

/**************************************************
* button group
**************************************************/
@media (min-width:0) {
    .section .btn_group { margin-top:30px; text-align:center; }
    .section .btn_group::after { content:""; display:block; clear:both; overflow:hidden; }
    .section .btn_group .btn { display:inline-block; font-size:15px; height:35px; line-height:33px; margin:0 5px; padding:0 20px; -webkit-transition:all 0.5s; transition:all 0.5s; }
    
    .section .btn_group .btn.btn_default { background-color:#333; color:#fff; }
    .section .btn_group .btn.btn_submit { border:1px solid #00529b; color:#00529b; }
    .section .btn_group .btn.btn_cancel { border:1px solid #ccc; color:#787878; }
    .section .btn_group .btn.btn_write { background-color:#333; color:#fff; float:right; height:35px; line-height:33px; padding:0 20px; }
    .section .btn_group .btn.btn_more { border:1px solid #00529b; color:#00529b; }
    .section .btn_group .btn.btn_best { border:1px solid #cc0000; color:#cc0000; }
    
    .section .btn_group .btn.btn_submit:hover { background-color:#00529b; color:#fff; }
    .section .btn_group .btn.btn_more:hover { background-color:#00529b; color:#fff; }
    .section .btn_group .btn.btn_best:hover { background-color:#cc0000; color:#fff; }
    .section .btn_group .btn.btn_best.active { background-color:#cc0000; color:#fff; }
}
@media (min-width:992px) {
    .section .btn_group .btn { height:45px; line-height:43px; padding:0 30px; font-size:16px; }
}
@media (min-width:1024px) {
    .section .btn_group .btn.btn_more { margin-top:50px; }
}

/**************************************************
* file_input_div
**************************************************/
.file_input_div { background-color:#333; color:#fff; display:inline-block; height:34px; line-height:34px; overflow:hidden; position:relative; text-align:center; vertical-align:middle; width:70px; }
.file_input_img_btn { background-color:#333; height:34px; line-height:34px; display:block; text-align:center; color:#fff; width:70px; }
.file_input_hidden { font-size:0; position:absolute; right:0px; left:0; top:0px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer; width:70px; height:34px; }
input.file_input_textbox { height:34px; line-height:34px; padding:0 5px; width:90%; }

/**************************************************
* 3 - top scroll button
**************************************************/
@media (min-width:0) {
    #top_scroll { background-color:#000000; border:1px solid #cccccc; bottom:30px; color:#ffffff; display:inline-block; font-weight:bold; height:30px; line-height:28px; position:fixed; right:10px; text-align:center; width:30px; z-index:999; }
}
@media (min-width: 1440px) { 	
    #top_scroll { margin-right:-680px; right:50%; }
}
@media (max-width:768px) { 	
    #top_scroll { zoom:0.9; }
}

/**************************************************
* 0.1 - popup
**************************************************/
.popuparea { z-index:95; }
.popuparea .popupbox.newopen { width:600px; height:auto; cursor:pointer; box-sizing:border-box; }
.popuparea .popupbox { position:absolute; z-index:100; overflow:hidden; border:1px solid #2d2d2d; background-color:#fff; left:200px; top:130px; box-sizing:border-box; }
.popuparea .popupbox .pop_contr { padding:2px 5px; background:#101010; text-align:right; }
.popuparea .popupbox .pop_contr button{ padding:2px; background:#2d2d2d; color:#fff; font-size:12px;  }
.popuparea .popupbox .pop_contr button.btn-close { color:#fff; cursor:pointer; text-align:center; }
/* .popuparea .popupbox .pop_contr button.btn-close i { font-size:20px; } */
.popuparea .popupbox .pop_contr button.btn-more { cursor:pointer; text-align:center; margin-right:1%; }
.popuparea .popupbox .pop_contr button.btn-more img { width:10px; height:10px; margin-right:5px; }

.popuparea .popupbox .pop_conte a{ display:block; }
.popuparea .popupbox .pop_conte img { width:100%; height:100%; vertical-align:middle; }
.popuparea .popupbox .txtbox { line-height:1.6; font-size:14px; padding:20px 30px 50px; box-sizing:border-box; letter-spacing:0.2px; display:none; }
.popuparea .popupbox span.tit { font-size:24px; display:block; line-height:1.4; color:#006db0; margin-bottom:20px; }
.popuparea .popupbox span.from { display:block; text-align:right; font-size:24px; margin:30px 0 10px; }
@media (max-width:992px) {
    .popuparea .popupbox { left:50%; top:50px; margin-left:-300px; }
}
@media (max-width:640px) {
    .popuparea { }
    .popuparea .popupbox.newopen { width:100%; }
    .popuparea .popupbox {left:0; top:0; margin-left:0; }
}

/**************************************************
*   0.2 - page list(상세페이지)
**************************************************/
@media (min-width:0) {
    .fsp-popup { display:none; background:rgba(255, 255, 255, 0.99); bottom:0px; left:0px; overflow-x:hidden; overflow-y:auto; position:fixed; right:0px; top:0px; z-index:9999; }
    #popup-board { display:none; }
    #popup-board .logo { background-color:#ffffff; position:fixed; width:100%; z-index:2; border-bottom:1px solid #ccc; }
    #popup-board .logo .inner { padding:0; }
    #popup-board .logo h1 { display:inline-block; float:left; }
    #popup-board .logo a { color:#545454; width:auto; height:35px; display:inline-block; font-size:18px; font-weight:bold; padding:5px 10px; text-align:center; margin:5px 0; }
    #popup-board .logo a img { vertical-align:text-bottom; width:auto; }
    
    #popup-board .logo span { cursor:pointer; display:inline-block; height:15px; margin-right:30px; margin-top:15px; width:15px; float:right; }
    
    #popup-board .section { margin-top:15px; }
    #popup-board .info { border-collapse:collapse; table-layout:fixed; width:100%; }
    #popup-board .info tr { box-sizing:border-box; }
    #popup-board .info th, #popup-board .info td { padding:15px 0; }
    #popup-board .info td.text-right { text-align:right; }
    #popup-board .info th { border-bottom:2px solid #272727; border-top:2px solid #272727; font-size:16px; font-weight:300; }
    #popup-board .info td { border-bottom:1px solid #272727; }
    #popup-board .info th.title { font-weight:400; overflow:hidden; text-align:left; text-overflow:ellipsis; white-space:nowrap; width:calc(100% - 190px); color:#333; }
    #popup-board .info th.name { text-align:left; width:45px; color:#666; }
    #popup-board .info th.date { background:url("../images/contents/bg_bar_01.png") no-repeat 3px 50%; text-align:right; width:80px; color:#666; }
    #popup-board .info td img.responsive { height:auto; }
    #popup-board .info td p { font-size:14px; line-height:1.6; text-align:left; color:#666; }
    #popup-board .info th.name { font-size:14px; }
    #popup-board .info th.date { font-size:14px; }
    #popup-board .info td.text-right { font-size:14px; }
}
@media (min-width:992px) { 	
    #popup-board .logo a { font-size:20px; height:40px; }
    #popup-board .logo span { margin-right:15px; }
    #popup-board .info th.name .pc-only { display:inline-block; }
    #popup-board .info th.date .pc-only { display:inline-block; }
    #popup-board .info th.title { width:calc(100% - 230px); padding-left:10px; }
    #popup-board .info th.name { width:100px; }
    #popup-board .info th.date { width:130px; }
}
@media (min-width:1024px) { 	
    #popup-board .info tr { padding:0 10px; }
	#popup-board .info th, #popup-board .info td { box-sizing:border-box; padding:15px 0; }
	#popup-board .info td p { font-size:16px; }
	#popup-board .info th.date { background:url("../images/contents/bg_bar_01.png") no-repeat 0 50%; }
	#popup-board .info td.text-right { font-size:16px; }
}
@media (min-width:1280px) { 	
    #popup-board .info tr { padding:0 15px; }
	#popup-board .info th, #popup-board .info td { padding:15px 0; }
}

/**************************************************
* 1 - header
**************************************************/
/**************************************************
*   1.1 - top
**************************************************/
@media (min-width:0) {
    #gnb { box-sizing:border-box; font-size:0; overflow:hidden; padding:0; }
    #gnb h1 { display:none; }
    #gnb h1 a { color:#545454; }
    
    /* hLeft */
    #gnb .hLeft { box-sizing:content-box; float:left; padding:10px 0; width:40%; margin-top:3px; }
    #gnb .hLeft .pc-only { display:none; }
    #gnb .hLeft a, #gnb .hLeft span { color:#333333; display:inline-block; font-size:14px; line-height:1.4; margin-right:5px; vertical-align:middle; }
    #gnb .hLeft a i { margin-right:5px; }
    
    /* hRight */
    #gnb .hRight { box-sizing:content-box; float:right; padding:5px 0 10px; width:60%; margin-top:3px; }
    
    #gnb .hRight .socialList { float:right; margin-right:5px; }
    #gnb .hRight .socialList select { background:#fff url("../images/contents/icon_down_01.png") no-repeat 95% 50%; border:1px solid #ccc; box-sizing:border-box; color:#666; font-size:12px; height:28px; line-height:28px; padding-left:10px; width:80px; }
    
    #gnb .hRight .lang { display:inline-block; float:right; vertical-align:middle; }
    #gnb .hRight .lang select { background:#fff url("../images/contents/icon_down_01.png") no-repeat 95% 50%; border:1px solid #ccc; box-sizing:border-box; color:#666; font-size:12px; height:28px; line-height:28px; padding-left:10px; width:80px; }
    
}
@media (min-width:768px) { 	
    #gnb .hLeft, #gnb .hRight { display:inline-block; vertical-align:middle; width:60%; }
	#gnb .hRight { float:right; width:40%; }
	#gnb .hRight .left, #gnb .hRight .right { width:50%; }
	#gnb .hLeft a, #gnb .hLeft span { font-size:16px; margin-right:20px; }
}
@media (min-width:992px) { 	
    #gnb { padding:10px 0; }
    #gnb h1 { display:inline-block; float:left; text-align:center; width:40%; }
    #gnb h1 a img { vertical-align:text-bottom; width:auto; }
    #gnb h1 a { display:inline-block; font-size:22px; height:35px; }
    
    #gnb .hLeft { margin-top:5px; padding:0; width:32%; }
	#gnb .hLeft .pc-only { display:inline-block; }
	#gnb .hRight { float:right; padding:0; width:28%; }
}
@media (min-width:1220px) { 	
    #gnb .hRight .socialList select { width:100px; }
	#gnb .hRight .lang select { width:100px; }
}

/**************************************************
*   1.2 - main menu
**************************************************/
@media (min-width:0) {
    #mainMenu { font-size:0; -moz-transition:all .2s linear 0s; -o-transition:all .2s linear 0s; transition-property:all .2s linear 0s; -webkit-transition:all .2s linear 0s; z-index:9998; }
    #mainMenu.active { /* background-color:rgba(95,55,17,0.8); box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.75); */ position:fixed; top:0; -webkit-box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.75); width:100%; background:#fff; }
    #mainMenu .inner { overflow:hidden; position:relative; padding:0; width:100%; }
    #mainMenu ul.topnav { list-style-type:none; overflow:hidden; padding:0; background:#fff; }
    #mainMenu ul.topnav li { display:none; }
    #mainMenu ul.topnav li.first { display:block; float:left; }
    #mainMenu ul.topnav li.icon { display:inline-block; float:right; font-weight:bold; }
    
    #mainMenu ul.topnav li a { transition:all 0.3s; text-decoration:none; font-size:16px; padding:12px 10px; /*color:#eb1e0b;*/ }
    #mainMenu ul.topnav li.icon a { padding:10px 0; }
    #mainMenu ul.topnav li.first a { color:#fff; font-weight:bold; width:auto; height:35px; font-size:18px; display:inline-block; text-shadow:none; padding:5px 10px; margin:5px 0; }
    #mainMenu ul.topnav li.first a img { vertical-align:text-bottom; width:auto; }
    #mainMenu ul.topnav li a.menu { border-bottom:1px solid #cccccc; overflow:hidden; text-overflow:clip; white-space:nowrap; }
	#mainMenu ul.topnav li a.bon { border-top:1px solid #cccccc; }
    
    #mainMenu ul.topnav.responsive { position:relative; }
	#mainMenu ul.topnav.responsive li.first a { display:inline-block; }
	#mainMenu ul.topnav.responsive li.icon { position:absolute; right:0; top:0; }
	#mainMenu ul.topnav li.icon a { font-size:24px; margin-right:10px; padding:10px 10px; display:inline-block; }
	#mainMenu ul.topnav.responsive li { display:inline; float:none; }
	#mainMenu ul.topnav.responsive li a { display:block; text-align:left; }
    
}
@media (min-width:992px) { 	
    
    #mainMenu ul.topnav li { display:inline-block; }
	#mainMenu ul.topnav li.first { display:none; }
	#mainMenu ul.topnav li.icon { display:none; }
    #mainMenu ul.topnav li.menu_w { width:11.11%; }
	#mainMenu ul.topnav li a { display:block; font-size:18px; padding:10px 0; text-align:center; }
    #mainMenu ul.topnav li.first a { font-size:20px; }
    #mainMenu ul.topnav li.menu_w a { padding:16px 0; }
    #mainMenu ul.topnav li a.menu { border-bottom:none; }
	#mainMenu ul.topnav li a.bon { border-top:none; }
    
    #mainMenu ul.topnav.responsive li { float:left; }
    
}
@media (min-width:1280px) {
    #mainMenu .inner { width:1200px; padding:0; }
}

/**************************************************
*   #footer
**************************************************/
@media (min-width:0) { 	
    #footer { background-color:#333; border-top:1px solid #a1a1a1; overflow:hidden; position:relative; width:100%; }
	#footer .company { padding:10px 0; position:relative; width:100%; }
	#footer .company .btngp { display:inline-block; margin-top:5px; text-align:center; width:100%; }
	#footer .company .company_txt { color:#fff; font-size:12px; line-height:1.4; padding:10px 0; }
	#footer .company .company_txt .bar { display:inline-block; font-size:10px; }
	#footer .company .company_txt .tx1 { font-size:12px; margin-top:10px; }
	#footer .company .company_txt p { text-align:center; }
	#footer .company .company_txt p:first-child { font-size:14px; line-height:1.6; }
	#footer .company .footbn { margin-top:5px; position:relative; }
	#footer .company .footbn ul { margin-bottom:10px; overflow:hidden; height:130px; }
	#footer .company .footbn ul li { position:relative; }
	#footer .company .footbn .slick-next { background:url("../images/contents/btn_next_01.png") no-repeat 0 0; background-size:contain; display:block; font-size:0; height:20px; margin-top:-10px; position:absolute; right:0; text-indent:-9999px; top:50%; width:12px; }
	#footer .company .footbn .slick-prev { background:url("../images/contents/btn_prev_01.png") no-repeat 0 0; background-size:contain; display:block; font-size:0; height:20px; left:0; margin-top:-10px; position:absolute; text-indent:-9999px; top:50%; width:12px; }
	#footer .company .footbn .imgbox { display:block; height:130px;  width:100%; }
	#footer .company .footbn .imgbox img { height:100%; width:100%; }
	/* #footer .company .footbn .title { color:#fff; display:block; font-size:20px; height:50px; left:50%; margin-left:-150px; margin-top:-25px; position:absolute; text-align:center; top:50%; width:310px; } */
	/* #footer .company .footbn .title em { font-size:11px; font-style:normal; } */
    #footer .company .company_txt { }
	#footer .company .sns { padding:10px 0; }
	#footer .company .sns { display:inline-block; }
	#footer .company .sns .last { margin-right:0; }
	#footer .company .sns a { display:inline-block; margin-right:10px; vertical-align:middle; }
	#footer .company button { background-color:#0096db; color:#ffffff; cursor:pointer; display:inline-block; font-size:12px; height:30px; line-height:30px; margin-right:5px; padding:0 10px; }
}
@media (min-width:768px) { 	
    #footer .company .footbn .title { font-size:26px; }
	#footer .company .footbn .title em { font-size:12px; }
}
@media (min-width:992px) { 	
    #footer .company { overflow:hidden; }
	#footer .company .footbn + .company_txt { float:left; width:60%; }
	#footer .company .footbn { float:right; width:40%; }
	#footer .company .footbn .bx-next { width:18px; }
	#footer .company .footbn .bx-prev { width:18px; }
}
@media (min-width:1220px) { 	
    #footer .company { overflow:hidden; }
	#footer .company .footbn .bx-next { width:18px; }
	#footer .company .footbn .bx-prev { width:18px; }
}

/**************************************************
*   common
**************************************************/
@media (min-width:0) {
    #contents { position:relative; }
}